@charset "utf-8";
/* CSS Document */

.mainpodinfo .intro h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	background: url(../images/grow_your_own/get_grow_own_header.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	width: 480px;
	height: 40px;
	text-indent: -9999em;
}
.mainpodinfo .intro h2.organised {
	background: url(../images/advice/get_organised_header.png) no-repeat;
}
.mainpodinfo .intro h2.getplants {
	background: url(../images/advice/get_plants_header.png) no-repeat;
}
.mainpodinfo .intro h2.gettoptips {
	background: url(../images/advice/get_top_tips_header.png) no-repeat;
}
.mainpodinfo .intro h2.get_planting {
	background: url(../images/get_planting_header.png) no-repeat;
}

.mainpodinfo .intro h2.plain {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px -10px 0px;
	float: left;
	display: block;
	background: none;
	width: 480px;
	font-size: 180%;
	text-indent: 0px;
}

h3.gettoptips {
	display:block;
	float:left;
	background: url(../images/get_top_tips_header.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	width: 315px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	text-indent: -9999em;
}
.howtohead  {
	display: block;
	float: left;
	width: 500px;
	padding: 0px 25px 0px 40px;
	margin: 0px 0px 0px 0px;
	background:url(../images/pod_main_bg.png) repeat-y;
}
.howtohead h3.how_to {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.pod_main_content h3 {
	display: block;
	float: left;
	width: 250px;
	font-size: 160%;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.pod_main_content h3.articleh3 {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.pod_main_content h3.get_what_you_need_header {
	display: block;
	float: left;
	width: 307px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/advice/get_what_you_need_header.png) no-repeat;
	text-indent: -9999em;
}
.grow_home_left_content h3.get_cooking {
	display: block;
	float: left;
	width: 220px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/get_cooking_header.png) no-repeat;
	text-indent: -9999em;
}
.grow_home_right_content h3.get_planting_home {
	display: block;
	float: left;
	width: 220px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/get_planting_home_header.png) no-repeat;
	text-indent: -9999em;
}
.grow_home_left_content h4,
.grow_home_right_content h4 {
	display: block;
	float: left;
	width: 220px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 120%;
}
.pod_right_content h3.get_recipes {
	display: block;
	float: left;
	width: 307px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	background: url(../images/grow_your_own/get_recipes_header.png) no-repeat;
	text-indent: -9999em;
}

/** arrowed link styles **/

.browse {
	display: block;
	float: left;
	width: 120px;
	padding: 120px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}
.browse a:link,
.browse a:active,
.browse a:visited {
	display: block;
	float: left;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #705B4A;
	font-weight: bold;
	text-decoration: none;
}
.browse a:hover {
	display: block;
	float: left;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #705B4A;
	font-weight: bold;
	text-decoration: underline;
}
a:link.arrow_brown,
a:active.arrow_brown,
a:visited.arrow_brown {
	display: block;
	float: left;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-decoration: none;
	color: #705B4A;
	font-weight: bold;
}
a:hover.arrow_brown  {
	text-decoration: underline;
}
a:link.arrow_brown2,
a:active.arrow_brown2,
a:visited.arrow_brown2 {
	display: block;
	float: right;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 10px 10px 0px 0px;
	text-decoration: none;
	color: #705B4A;
	font-weight: bold;
}
a:hover.arrow_brown2  {
	text-decoration: underline;
}
a:link.arrow_brown3,
a:active.arrow_brown3,
a:visited.arrow_brown3 {
	display: block;
	float: right;
	background:url(../images/home/brown_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 40px 30px 0px 0px;
	_margin: 40px 15px 0px 0px;
	text-decoration: none;
	color: #705B4A;
	font-weight: bold;
}
a:hover.arrow_brown3  {
	text-decoration: underline;
}
a:link.arrow_green,
a:active.arrow_green,
a:visited.arrow_green {
	display: block;
	float: left;
	background:url(../images/green_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
	color: #485f2e;
	font-weight: bold;
}
a:hover.arrow_green  {
	text-decoration: underline;
}

.arrow_orange {
	display: block;
	float: left;
	width: 230px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.arrow_orange a:link,
.arrow_orange a:active,
.arrow_orange a:visited {
	display: block;
	float: left;
	background:url(../images/orange_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #f5640a;
	font-weight: bold;
	text-decoration: none;
}
.arrow_orange a:hover {
	text-decoration: underline;
}

/** Get ideas pod **/
.leftimage {
	display: block;
	float: left;
	width: 500px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.leftimage .leftimage_pics {
	display: block;
	float: left;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.leftimage .leftimage_pics img {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.leftimage .leftimage_info {
	display: block;
	float: left;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.leftimage .leftimage_info h3 {
	display: block;
	float: left;
	width: 250px;
	font-size: 160%;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.topimage {
	display: block;
	float: left;
	width: 500px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.topimage .topimage_pics {
	display: block;
	float: left;
	width: 235px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.topimage .topimage_pics img {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.topimage .topimage_info {
	display: block;
	float: left;
	width: 255px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.topimage .topimage_info h3 {
	display: block;
	float: left;
	width: 255px;
	font-size: 160%;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.contentsection {
	display: block;
	float: left;
	width: 500px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.contentsection2 {
	display: block;
	float: left;
	width: 515px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.contentsection3 {
	display: block;
	float: left;
	width: 500px;
	padding: 10px 0px 20px 15px;
	margin: 0px 0px 0px 0px;
}
.contentsection h3,
.contentsection3 h3 {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

.rightimage {
	display: block;
	float: left;
	width: 500px;
	height: 180px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.rightimage .rightimage_info {
	display: block;
	float: left;
	width: 325px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.rightimage .rightimage_info h3 {
	display: block;
	float: left;
	width: 325px;
	font-size: 160%;
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.register_btn {
	height: 25px;
	display: block;
	float: left;	
    padding: 0px 45px 0px 0px;
	margin: 10px 0px 5px 0px;
	background: url(../images/inspiration/green_button_right.png) right no-repeat;
}

.register_btn a {
	height: 22px;
	display: block;	
	float: left;
    padding: 3px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	background: url(../images/inspiration/green_button_left.png) left no-repeat;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.register_btn a:hover {
	text-decoration: underline;
}

.orange_btn {
	height: 25px;
	display: block;
	float: left;	
    padding: 0px 45px 0px 0px;
	margin: 10px 0px 5px 0px;
	background: url(../images/orange_button_right.png) right no-repeat;
}

.orange_btn a {
	height: 22px;
	display: block;	
	float: left;
    padding: 3px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	background: url(../images/orange_button_left.png) left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.orange_btn2 {
	height: 25px;
	display: block;
	float: right;	
    padding: 0px 45px 0px 0px;
	margin: 10px 0px 5px 0px;
	background: url(../images/orange_button_right.png) right no-repeat;
}

.orange_btn2 a {
	height: 22px;
	display: block;	
	float: right;
    padding: 3px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	background: url(../images/orange_button_left.png) left no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.orange_btn2 a:hover {
	text-decoration: underline;
}

.getideas .getinvolved .involvedpics {
	display: block;
	float: left;
	width: 175px;
	height: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.getinspired {
	display:block;
	float:left;
	width:315px;
	line-height:normal;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h3.getinspiredhead {
	display:block;
	float:left;
	background: url(../images/inspiration/inspired_by_others_header.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	width: 315px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	text-indent: -9999em;
}
h3.sharing_others_head {
	display:block;
	float:left;
	background: url(../images/sharing_with_others_header.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	width: 315px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	text-indent: -9999em;
}
h3.gettoptips {
	display:block;
	float:left;
	background: url(../images/get_top_tips_header.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	width: 315px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	text-indent: -9999em;
}
h3.getvideoguideshead {
	display:block;
	float:left;
	background: url(../images/get_video_guides_header.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
	width: 315px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	text-indent: -9999em;
}

.inspirationpods {
	display: block;
	float: left;
	width: 565px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.inspirationpods .calender {
	display: block;
	float: left;
	width: 290px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.inspirationpods .calender h4 {
	display: block;
	float: left;
	width: 290px;
	height: 37px;
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 140%;
	background: url(../images/inspiration/calender_head.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
}
.inspirationpods .calender .calbtm {
	display: block;
	float: left;
	width: 230px;
	height: 207px;
	padding: 10px 20px 0px 40px;
	margin: 0px 0px 0px 0px;
	background: url(../images/calendar/seasonal_sm_bg.png) no-repeat bottom;
	behavior: url(../images/iepngfix.htc);
}

.inspirationpods .gettoptips {
	display: block;
	float: left;
	width: 275px;
	height: 273px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:url(../images/inspiration/top_tips_bg.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
}

.inspirationpods .gettoptips h4 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	float: left;
	width: 195px;
	height: 65px;
	padding: 30px 45px 0px 35px;
	margin: 0px 0px 0px 0px;
}

.inspirationpods .gettoptips blockquote {
	display: block;
	float: left;
	width: 205px;
	height: 100px;
	padding: 0px 35px 0px 35px;
	margin: 0px 0px 0px 0px;
}

/*
.inspirationpods .gettoptips {
	display: block;
	float: left;
	width: 275px;
	height: 273px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:url(../images/inspiration/top_tips_bg.png) no-repeat;
	behavior: url(../images/iepngfix.htc);
}

.inspirationpods .gettoptips h4 {
	text-indent: -9999em;
}

.inspirationpods .gettoptips blockquote {
	display: block;
	float: left;
	width: 145px;
	height: 100px;
	padding: 40px 65px 0px 65px;
	margin: 0px 0px 0px 0px;
}
*/

.arrow_orange {
	display: block;
	float: left;
	width: 317px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.arrow_orange a:link,
.arrow_orange a:active,
.arrow_orange a:visited {
	display: block;
	float: left;
	background:url(../images/orange_arrows.png) right no-repeat;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #f5640a;
	font-weight: bold;
	text-decoration: none;
}
.arrow_orange a:hover {
	text-decoration: underline;
}



/** advice tabs **/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:3px solid #675545;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/brown_tabs.png) no-repeat -420px 0;
	font-size: 120%;
	display:block;
	height: 29px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	margin: 0px 2px 0px 0px;	
	position:relative;
	top:1px;
	font-weight: bold;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#FFFFFF !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
}


div.wrap {
	width:500px;
}
div.wrap2 {
	width:312px;
}
 
.wrap .pane  {	
	display:none;	
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.wrap2 .pane  {	
	display:none;	
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}


#howto .tab_videos {
	display: block;
	float: right;
	width: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_video {
	display: block;
	float: left;
	width: 120px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_video dt {
	display: block;
	float: left;
	width: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_video dd.title {
	display: block;
	float: left;
	width: 90px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
dl.list_video dd.rating {
	display: block;
	float: left;
	width: 90px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_video2 {
	display: block;
	float: left;
	width: 280px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_video2 dt {
	display: block;
	float: left;
	width: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_video2 dd.title,
dl.list_video2 dd.info {
	display: block;
	float: right;
	width: 170px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
dl.list_video2 dd.rating {
	display: block;
	float: right;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



.pane_mostviewed dl.list_video2 {
	display: block;
	float: left;
	width: 455px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.pane_mostviewed dl.list_video2 dt {
	display: block;
	float: left;
	width: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.pane_mostviewed dl.list_video2 dd.title,
.pane_mostviewed dl.list_video2 dd.info {
	display: block;
	float: left;
	width: 345px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
.pane_mostviewed dl.list_video2 dd.rating {
	display: block;
	float: left;
	width: 345px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_article {
	display: block;
	float: left;
	width: 500px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_article dt {
	display: block;
	float: left;
	width: 130px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_article dd.info {
	display: block;
	float: left;
	width: 370px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
dl.list_article dd.info h4 {
	display: block;
	float: left;
	width: 370px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 120%;
}


dl.plant_info {
	display: block;
	float: left;
	width: 152px;
	height: 170px;
	padding: 19px 0px 0px 19px;
	margin: 0px 0px 0px 0px;
	background: url(../images/advice/plant_info_bg.png) no-repeat;
}

dl.plant_info dt {
	display: block;
	float: left;
	width: 132px;
	height: 83px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.plant_info dd.name {
	display: block;
	float: left;
	width: 132px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	background: #ab9c8f;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
dl.plant_info dd.link {
	display: block;
	float: left;
	width: 132px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/** big calender styles **/

.calender_months {
	display: block;
	float: left;
	width: 460px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.calender_months h4 {
	display: block;
	float: left;
	width: 460px;
	height: 36px;
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 160%;
	background: url(../images/advice/calender/calender_head.png) no-repeat;
	behavior: url(../images/iepngfix.htc);

}

.calender_months ul {
	display: block;
	float: left;
	width: 410px;
	height: 178px;
	padding: 0px 20px 0px 30px;
	margin: 0px 0px 0px 0px;
	background:url(../images/advice/calender/calender_bg.png) no-repeat;
}
.calender_months ul li,
.calender_months ul li a {
	display: inline;
	float: left;
	width: 68px;
	height: 60px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.calender_months ul li.jan a {
	background:url(../images/advice/calender/calender_january_off.png) no-repeat;
}
.calender_months ul li.feb a {
	background:url(../images/advice/calender/calender_february_off.png) no-repeat;
}
.calender_months ul li.mar a {
	background:url(../images/advice/calender/calender_march_off.png) no-repeat;
}
.calender_months ul li.apr a {
	background:url(../images/advice/calender/calender_april_off.png) no-repeat;
}
.calender_months ul li.may a {
	background:url(../images/advice/calender/calender_may_off.png) no-repeat;
}
.calender_months ul li.jun a {
	background:url(../images/advice/calender/calender_june_off.png) no-repeat;
}
.calender_months ul li.jul a {
	background:url(../images/advice/calender/calender_july_off.png) no-repeat;
}
.calender_months ul li.aug a {
	background:url(../images/advice/calender/calender_august_off.png) no-repeat;
}
.calender_months ul li.sep a {
	background:url(../images/advice/calender/calender_september_off.png) no-repeat;
}
.calender_months ul li.oct a {
	background:url(../images/advice/calender/calender_october_off.png) no-repeat;
}
.calender_months ul li.nov a {
	background:url(../images/advice/calender/calender_november_off.png) no-repeat;
}
.calender_months ul li.dec a {
	background:url(../images/advice/calender/calender_december_off.png) no-repeat;
}
.calender_months ul li.jan a:hover {
	background:url(../images/advice/calender/calender_january_on.png) no-repeat;
}
.calender_months ul li.feb a:hover {
	background:url(../images/advice/calender/calender_february_on.png) no-repeat;
}
.calender_months ul li.mar a:hover {
	background:url(../images/advice/calender/calender_march_on.png) no-repeat;
}
.calender_months ul li.apr a:hover {
	background:url(../images/advice/calender/calender_april_on.png) no-repeat;
}
.calender_months ul li.may a:hover {
	background:url(../images/advice/calender/calender_may_on.png) no-repeat;
}
.calender_months ul li.jun a:hover {
	background:url(../images/advice/calender/calender_june_on.png) no-repeat;
}
.calender_months ul li.jul a:hover {
	background:url(../images/advice/calender/calender_july_on.png) no-repeat;
}
.calender_months ul li.aug a:hover {
	background:url(../images/advice/calender/calender_august_on.png) no-repeat;
}
.calender_months ul li.sep a:hover {
	background:url(../images/advice/calender/calender_september_on.png) no-repeat;
}
.calender_months ul li.oct a:hover {
	background:url(../images/advice/calender/calender_october_on.png) no-repeat;
}
.calender_months ul li.nov a:hover {
	background:url(../images/advice/calender/calender_november_on.png) no-repeat;
}
.calender_months ul li.dec a:hover {
	background:url(../images/advice/calender/calender_december_on.png) no-repeat;
}
.calender_months ul li span {
	display: none;
}

/** A to Z list **/

ul.atoz {
	display: block;
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0;
	list-style: none;
}
ul.atoz li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	width: 19px;
	height: 17px;
	list-style: none;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 90%;
}
ul.atoz li a {
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	list-style: none;
	text-align: center;
	background:url(../images/advice/atoz_off.png) no-repeat;
	text-decoration: none;
}
ul.atoz li a:hover {
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	width: 16px;
	height: 16px;
	list-style: none;
	text-align: center;
	color: #ffffff;
	background:url(../images/advice/atoz_on.png) no-repeat;
}

/** video container **/

.videocontainer {
	display: block;
	float: left;
	width: 538px;
	padding: 0px 0px 20px 20px;
	margin: 0px 0px 0px 0px;
}
.videocontainer h3 {
	display: block;
	float: left;
	width: 538px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 160%;
}
.videocontainer h3 span {
	font-weight: normal;
}
.videodetails {
	display: block;
	float: left;
	width: 538px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails .date,
.videodetails .length {
	display: block;
	float: left;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails .share {
	display: block;
	float: left;
	width: 100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails .links {
	display: block;
	float: left;
	width: 80px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}


.videodetails .embed {
	display: block;
	float: left;
	width: 520px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails .embed strong {
	display: block;
	float: left;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails .embed .embed_link {
	display: block;
	float: right;
	width: 420px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000000;
	background: #FFFFFF;
}

.videodetails dl {
	display: block;
	float: left;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails dt,
.videodetails dd {
	display: block;
	float: left;
	width: 50%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.videodetails dt {
	font-weight: bold;
}
/**  **/

.related_items {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: -20px 0px 0px 0px;
}
.related_items h3 {
	display: block;
	float: left;
	font-size: 160%;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.related_items h4 {
	display: block;
	float: left;
	font-size: 140%;
	width: 312px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}




dl.list_article {
	display: block;
	float: left;
	width: 500px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_article dt {
	display: block;
	float: left;
	width: 130px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.list_article dd.info {
	display: block;
	float: left;
	width: 370px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
dl.list_article dd.info h4 {
	display: block;
	float: left;
	width: 370px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 120%;
}

/** article images **/
.article_images {
	display: block;
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 500px;
}
.article_images .mainimage {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 345px;
}
.article_images .mainimage .serves {
	display: inline;
	float: left;
	padding: 15px 30px 0px 0px;
	margin: 0;
}
.article_images .mainimage .preptime {
	display: inline;
	float: left;
	padding: 15px 0px 0px 0px;
	margin: 0;
}
.article_images .secondary {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 155px;
}
.pod_main_content h3.get_what_you_need_header {
	display: block;
	float: left;
	width: 307px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/advice/get_what_you_need_header.png) no-repeat;
	text-indent: -9999em;
}

/** Design ideas **/

.contentsection3 {
	display: block;
	float: left;
	width: 500px;
	padding: 10px 0px 20px 15px;
	margin: 0px 0px 0px 0px;
}
.contentsection h3,
.contentsection3 h3 {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
.contentsection2 h3 {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 10px 0px 20px 10px;
	margin: 0px 0px 0px 0px;
}
.contentsection3 h3.getplants {
	display: block;
	float: left;
	width: 500px;
	height: 30px;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/get_plants_header.png) no-repeat;
	text-indent: -9999em;
}
.greycontentsection {
	display: block;
	float: left;
	width: 540px;
	padding: 10px 0px 20px 20px;
	margin: 0px 0px 0px 0px;
}
.greycontentsection2 {
	display: block;
	float: left;
	width: 540px;
	padding: 0px 0px 20px 20px;
	margin: 0px 0px 0px 0px;
}
.greycontentsection h3 {
	display: block;
	float: left;
	width: 540px;
	font-size: 160%;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
dl.design_idea {
	display: block;
	float: left;
	width: 152px;
	height: 175px;
	padding: 19px 0px 0px 19px;
	margin: 0px 0px 0px 0px;
	background: url(../images/advice/plant_info_bg.png) no-repeat;
}

dl.design_idea dt {
	display: block;
	float: left;
	width: 132px;
	height: 83px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.design_idea dd.name {
	display: block;
	float: left;
	width: 132px;
	padding: 5px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	background: #ab9c8f;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
dl.design_idea dd.link {
	display: block;
	float: left;
	width: 132px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
dl.design_idea2 {
	display: block;
	float: left;
	width: 152px;
	height: 195px;
	padding: 19px 0px 0px 19px;
	margin: 0px 0px 0px 0px;
	background: url(../images/inspiration/plant_info_bg2.png) no-repeat;
}

dl.design_idea2 dt {
	display: block;
	float: left;
	width: 132px;
	height: 83px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

dl.design_idea2 dd.name {
	display: block;
	float: left;
	width: 132px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	background: #ab9c8f;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
dl.design_idea2 dd.name span {
	display: block;
	float: left;
	width: 132px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: normal;
	font-style:italic;
}
dl.design_idea2 dd.link {
	display: block;
	float: left;
	width: 132px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



.need_links {
	display: block;
	float: right;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 500px;
}


/** grey_pod_content headers **/

.grey_pod_content h3 {	
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 500px;
	text-align: left;
}

.grey_pod_content h4 {	
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	width: 500px;
	font-size: 120%;
	text-align: left;
}