@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/inspiration/inspiration_header.png) no-repeat;
	behavior: url(iepngfix.htc);
	width: 480px;
	height: 40px;
	text-indent: -9999em;
}
.mainpodinfo .intro h2.get_ideas_header {
	background: url(../images/inspiration/get_ideas_header.png) no-repeat;
}
.mainpodinfo .intro h2.get_into_borders {
	background: url(../images/inspiration/get_into_borders_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;
}
.greycontentsection h2.plain {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	background: none;
	width: 540px;
	font-size: 180%;
	text-indent: 0px;
}
.pod_right_content h3.latest_trends {
	display: block;
	float: left;
	width: 307px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	background: url(../images/get_latest_trends_header.png) no-repeat;
	text-indent: -9999em;
}
.pod_main_content h3.articleh3 {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

/** 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_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 **/
.ideas {
	display: block;
	float: left;
	width: 500px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ideas .ideaspics {
	display: block;
	float: left;
	width: 250px;
	height: 205px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.ideas .ideaspics img {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.ideas .ideasinfo {
	display: block;
	float: left;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ideas .ideasinfo h3 {
	display: block;
	float: left;
	width: 250px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:url(../images/inspiration/get_snapping_title.png) no-repeat;
	text-indent: -9999em;
}


.getinvolved {
	display: block;
	float: left;
	width: 500px;
	height: 180px;
	padding: 15px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
}
.getinvolved .involvedinfo {
	display: block;
	float: left;
	width: 325px;
	height: 170px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.getinvolved .involvedinfo h3 {
	display: block;
	float: left;
	width: 325px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background:url(../images/inspiration/involved_header.png) no-repeat;
	text-indent: -9999em;
}


.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;
}

.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(iepngfix.htc);
	width: 315px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 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(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(iepngfix.htc);
}
.inspirationpods .calender .calbtm {
	display: block;
	float: left;
	width: 210px;
	height: 186px;
	padding: 10px 40px 0px 40px;
	margin: 0px 0px 0px 0px;
	background: url(../images/inspiration/calender_bg.png) no-repeat;
	behavior: url(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(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;
}

/** get inspired 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;
}

.wrap2 .pane  {	
	display:none;	
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

/**  **/

.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_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;
}


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 .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 {
	display: block;
	float: left;
	width: 515px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contentsection2 p {
	display: block;
	float: left;
	width: 515px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}
.contentsection2 h3 {
	display: block;
	float: left;
	width: 500px;
	font-size: 160%;
	padding: 10px 0px 20px 10px;
	margin: 0px 0px 0px 0px;
}
.contentsection2 h3.get_plants_you_need {
	display: block;
	float: left;
	width: 480px;
	height: 30px;	
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	background: url(../images/inspiration/get_plants_need_header.png) no-repeat;
	text-indent: -9999em;
}
.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;
}
.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: 170px;
	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 5px 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;
}


.border_main_image {
	display: block;
	float: left;
	width: 100%;
}
a.enlarge {
	display: block;
	float: left;
	margin: -27px 0px 0px 270px;
	_margin: -27px 0px 0px 135px;
	padding: 0px 0px 0px 0px;
}

.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;
}

.need_links {
	display: block;
	float: right;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 500px;
}
.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;
}

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;
}