/* ---- [ GLOBAL DEFINITIONS & RESETS ] ---- */
body {padding:0px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#fff;}
li, p, h1, h2, h3, h4, h5, form {border:0px none;margin:0px;padding:0px;}
ul, ol{border:0px none;margin:0px 0px 0px 20px;padding:0px;}

h1{font-size:30px;font-weight:normal;letter-spacing:0;line-height:35px;}
h2{font-size:18px;font-weight:normal;letter-spacing:0;line-height:22px;}
h3{font-size:15px;font-weight:normal;letter-spacing:0;line-height:20px;}
h4{font-size:14px;font-weight:normal;letter-spacing:0;line-height:18px;}
 
/* ---- [ UTILITY ] ---- */
hr{clear:both;margin:0 0 10px;.margin:7px 0;padding:15px 0 0;height:1px;border:0px;border-bottom:1px solid #ccc;}
hr.dotted{clear:both;margin:0 0 10px;.margin:7px 0;padding:15px 0 0;height:1px;border:0px;border-bottom:2px dotted #ccc;}

.clearall {clear:both;font-size:1px;line-height:0px;}
.tool-tip {background:#FFFFFF none;border:1px solid #CCCCCC;padding:3px;}
.smSpacer{font-size:1px;height:10px;}
.spacer {padding:20px 0px;} 
 
/* ---- [ SITE COLORS ] ----
if you modify/add to these, please change the color description below  */
.brandcol10 {background-color:#5f6cb1;}	/* Blue */
.brandcol20 {background-color:#9b3c2e;}	/* Red */
.brandcol30 {background-color:#b8ce8e;}	/* Green */
.brandcol40 {background-color:#52325B;}	/* Purple */
.brandcol9 {background-color:#000;}		/* black */
.brandcol0 {background-color:#fff;}		/* white */

/* .txtcol1 {color:#333;}					dark grey text */
/* .txtcol2 {color:#4e6ab9;}				blue text */
/* .txtcol4 {color:#86ac35;}				green text */
/* .txtcol5 {color:#886188;}				purple text */

/* ---- [ LINK STYLING ] ---- */
a{color:#3d4993;text-decoration:underline;}
a:visited{color:#888;text-decoration:underline;}
a:hover {color:#888;text-decoration:underline;}

/* #footer a{color:#4A3614;text-decoration:none;border-bottom:1px solid #DCDACD;margin-bottom:2px;}
#footer a:visited{color:#4A3614;text-decoration:none;border-bottom:1px solid #DCDACD;}
#footer a:hover {color:#4A3614;text-decoration:none;border-bottom:1px solid #4A3614;} */

    /* ---- [ Link Overrides ] ---- */
	ul#navmenu a, ul#navmenu a:visited, ul#navmenu a:hover {font-size:15px;color:#fff;border:0px none;margin:0px;}
	ul#subnav a, ul#subnav a:visited, ul#subnav a:hover {color:#886188;font-size:12px;text-decoration:none;border:0px none;}
	ul#subnav a:hover {text-decoration:underline;}
	ul#subnav ul.childnav a, ul#subnav ul.childnav a:visited, ul#subnav ul.childnav a:hover{font-size:12px;text-decoration:none;border:0px none;}
	ul#subnav ul.childnav a:hover {text-decoration:underline;}
	
	.widetopicdiv ul a {color:#4E6AB9;}
	.widetopicdiv ul a:visited {color:#4E6AB9;}
	.widetopicdiv ul a:hover {color:#ccc;}

	.utlityLinks ul li a {font-size:13px;font-weight:bold;}
	.utlityLinks ul li a:hover {color:#888;}
	.utlityLinks ul li a:visited {color:#888;}

	a.imgLnk, a.imgLnk:hover, a.imgLnk:visited, #roadblock_continue a, #roadblock_continue a:hover, .imgdiv a, .imgdiv a:hover, .nlrow a, .nlrow a:hover, #sponsored a, #sponsored a:hover{border:0px none;}

/* ---- [ PAGE STRUCTURE ] ---- */
#wrapper{width:1024px;margin:0 auto;text-align:left;background-color:#fff;}
#wrapperwide{width:1154px;}

#pagebody{} 
/* -------[Home/Channel/Parent/Child/Story Page Layout -- 120(125)/570(584)]------- */					
	#contentwell{width:584px;border-left:125px solid #fff; /* The width and color of the left rail */ border-right:315px solid #fff; /* The width and color of the right rail */}
		#leftcolumn{float:left;width:120px;padding:7px 0px 5px 0;margin-left:-244px;.position:relative;} 
		#maincolumn{float:left;width:584px;padding:5px 0;margin-right:-465px;overflow-x:auto;overflow-y:hidden;}
			#maincontentwell{margin:0 auto;width:570px;text-align:left;position:relative;}
/* -------[SingleColumn Page Layout -- 665(675)]------- */										
	#singlecolumn{width:704px;border-right:315px solid #fff; /* The width and color of the right rail */}
		#singlecolumnwell{width:694px;padding:5px 0;margin:0 auto;float:left;}
/* -------[SingleColumn Page Store Layout -- 665(675)]------- */	
	 #singlecolumn.store{width:990px;border-right:0px;}
		.store #singlecolumnwell{width:980px;padding:5px 0;margin:0 auto;float:none;}		
/* -------[SingleColumn Page Wide Layout -- 780(790)]------- */			
	#singlecolumn.wide{width:790px;}
		#singlecolumnwell.wide{width:780px;padding:5px 0;margin:0 auto;float:left;}

/* -------[Left Column Layout -- 120(125)]------- */									
#leftcolumn #leftnavpromo {width:120px;}
#leftcolumn .leftNavCover ul{margin:0;}
#leftcolumn .modimg{float:none;height:auto;margin-top:10px;width:auto;}	
#leftcolumn img {width:120px;}

/* -------[Ad Column Layout -- 310(315)]------- */									
	#rightcolumn, #adwell{float:right;width:310px;padding:5px;margin-right:-315px;position:relative;} 
	
/* ---- [ COMMON PAGE ELEMENTS ] ---- */
/* ---- [ Header ] ---- */
#header{margin-bottom:1px;}
	#header .BHGHeader {background-color:#CCE496;border-bottom:1px solid #7DB520;font-size:11px;font-weight:bold;height:28px;position:relative;}
img#BetterHomesLogo {border:0 none;left:822px;margin-top:6px;position:absolute;top:0;}
ul#NavFeatures {margin-left:10px;}
ul#NavFeatures a {border-right:1px solid #7DB520;color:#67961A;display:inline;float:left;height:28px;line-height:28px;padding:0 22px;text-decoration:none;width:auto;list-style-type:none;}
ul#NavFeatures li {display:inline;float:left;margin:0;padding:0;width:auto;}
.logo{float:left;width:218px;height:91px;}
.utlityLinks {float:left;text-align:left;width:835px;height:35px;padding-top:22px;}
	.utlityLinks ul{float:left;margin:0;list-style:none;}
		.utlityLinks ul li {display:inline;cursor:pointer;padding:3px 0px 3px 12px;}
	.searchContainer {float:left;display:inline;width:380px;font-size:11px;}
	.searchContainer .srchTxtHead {float:left;padding:2px 0px 0px 60px;font-weight:bold;font-size:14px;color:#52325B;}
	.searchContainer input {float:left;}
	.searchContainer input.goButt {margin-top:-2px;_margin-top:0px;} 
	.searchContainer span {float:left;margin:0px 3px 0px 0px;line-height:22px;}
		#nvbsrchtxt {width:100px;margin:0px 5px 0px 0px}

.thinHead {border-bottom:1px solid #999;padding-bottom:5px;}
	.thinHead #logo {width:800px;float:left;}
	.thinHead #dashboard {float:left;padding-top:28px}	

/* ---- [ Surface Persona ] ---- */
.surfacePersona {position:relative;float:left;z-index:7;width:203px;text-align:center;margin-top:-15px;height:60px;margin-left:10px;_margin-bottom:-10px;}
#SPWrapper {background-color:white; border:1px solid #000; display:block;font-family:Arial;font-size:10px;font-weight: normal;text-align:right;text-decoration:none;height:60px;width:195px;left:800px;overflow: hidden;top:20px;padding:2px;white-space:nowrap;z-index:1;}
#PluckAvatar { float: right; width: 60px; height: 60px; padding: 0px; margin: 0px 0px 4px 6px; background-color: rgb(200, 200, 200); }
	.PluckSurfacePersona IMG {border: 0px; width: 60px; height: 60px; vertical-align: top; z-index: 500;}
#spGreeting { font-weight: normal;}
#PluckDisplayName { font-weight: bold; font-size:12px; color:#ED5911; overflow:hidden; height:14px; width:125px; word-wrap: break-word;}
	#PluckDisplayName A { font-weight: bold; }	
#jsBlog { display:inline;}
#jsLog { display:inline;}

/* ---- [ Main Nav ] ---- */
ul#navmenu {float:left;margin:0;list-style:none;width:auto;}
ul#navmenu li {float:left;width:100px;}
ul#navmenu li a {width:100px;height:91px;display:block;}

/* ---- [ Top Ad Banner ] ---- */
#adbanner {}
#banner {float:left; width:730px;}
#newsletterbanner {float:right;}

/* ---- [ Sub Nav ] ---- */	
ul#subnav {margin:1px 0 0 0;list-style:none;width:120px;border-top:4px solid #b8ce8e;border-bottom:4px solid #b8ce8e;}
ul#subnav li {border:1px solid #ddd;border-top:none;background-color:#fff;}
ul#subnav li a {display:block;padding:4px;margin:0px;}
ul#subnav li.opened {background-color:#e5ebd6;border-bottom:none;_margin-bottom:-15px;}
ul#subnav li.opened a {padding:4px 0px 4px 5px;}
ul#subnav #childnav {background-color:#e5ebd6;}

li#childnav {margin:0px;padding-bottom:5px;list-style:none;width:118px;border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#f4f8ee;}
li#childnav ul {list-style:none;margin-left:5px;padding-bottom:5px;}
li#childnav ul li {margin:0px;padding:0 4px;background-color:#e5ebd6;border:none;_height:1px;}
li#childnav ul li a {padding:0 0 0 6px;}
	
/* ---- [ Footer ] ---- */
#footer{color:#666666; padding-left:10px; padding-top:10px; width:980px; background:transparent;}
#footer{font-family:"Verdana",Arial,serif; font-size:9px; line-height:15px;}

/* old, grey/generic footer link behavior 
#footer a, #footer a:visited{color:#666666; text-decoration:none;}
#footer a:hover{text-decoration:underline;} */

.searchBar .wrap {width:400px;margin-left:auto;margin-right:auto;}
.searchBar .srchTxtHead {float:left;padding:2px 0px 0px 60px;font-weight:bold;font-size:14px;color:#52325B;}
.searchBar input {float:left;}
.searchBar input#siteopt, .searchBar input#recipeopt {margin:4px;}
.searchBar input.goButt {float:left;margin-top:-2px;} 
.searchBar span {float:left;margin:0px 3px 0px 0px;line-height:22px;}

#footer #mainlinks{padding:0 0 5px;}
#footer #mainlinks ul{list-style:none;margin:0;padding:0;}
	#footer #mainlinks ul li{float:left;width:145px;}
#footer .maglinks{padding:5px 0;}
#footer .searchBar{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0;margin:5px 0;text-align:center;}

#footer .footercol, #footer .footercolmid{width:295px;padding:0 15px;}
#footer .footercolmid{border-left:1px solid #ccc;border-right:1px solid #ccc;}
#footer .linkcol{padding-left:14px;}

#footer .floatright{float:right;}
#footer .floatleft{float:left;}

#footer #topnet, #footer #bottomnet {padding:0 10px;height:20px;margin:15px 0;}
#footer .bhglogo, #footer .mwntext {width:170px;text-align:center;}
#footer #topnet .linkcol {width:700px;padding:5px 0;}
#footer .mwntext{font-weight:bold;margin-left:9px;}
#footer #copyright, #footer #termsofservice{padding:10px 15px;color:#999;_padding-top:0;}


/* ---- [ COMMON PAGE MODULES ] ---- */

/* ---- [ Add This Button ] ---- */
#addthis{float:left;padding:2px 5px 0px;}

/* ---- SKIN FOR Email Content Module ---- */
div#emclp {position:absolute; z-index:5; left:130px; top:205px; background-color:#fff; border:1px solid #666; padding:5px; width:406px;font-size:12px;color:#666;}
	div#emclp #stafhead {display:none;}
	div#emclp h3{ width:400px; color:#666;padding:10px 0 0 0;}
	div#emclp #form {margin:0; padding:20px 0 0 0;}
	div#emclp #staffoot { padding-top:10px;}
	div#emclp #stafclose {width:95px; top:20px; left:290px;font-size:11px;}
	div#emclp #stafsend {overflow:hidden;}
	div#emclp .stafsendbtn{background-color:#90a74f; color:#fff; font-weight:bold; border:1px solid #000; }


	/* Colored "TOPIC" divs typically in right column of main content well */
div.modlinklist {float:right;width:145px;padding:7px 0px 10px 8px;}
.modlinklist h3 {text-transform:uppercase;font-weight:bold;font-size:12px;padding-bottom:5px;}
.modlinklist ul {position:relative;display:block;font-size:11px;list-style-type:none;margin:0;}
.modlinklist li {padding:3px 0px;}

/* ---- [ HOME PAGE ] ---- */
#flashArea {float:left;width:205px;margin-bottom:5px;}
#flashArea ul {margin:0px;}
#flashArea li.majlink {list-style-type:none;font-weight:bold;}
#hfd_c {width:194px;height:214px;padding:0px 4px 4px 0px;background-color:#805880;}
#homefd_c {width:194px;}

#homeLeft {float:left;width:415px;padding-top:3px;}
#homeLeft .imgTopbox {padding-right:0px;margin-bottom:5px;}
#homeLeft .imgTopbox .imgtopholder {float:left;width:194px;margin-right:5px;_margin-right:2px;padding:0px 4px 4px 0px;}
#homeLeft .imgLeftbox {margin-top:15px;}
#homeLeft .imgLeftbox h2 {float:left;width:270px;margin-top:0px;}
#homeLeft .imgLeftbox ul {float:left;}
.imgLarge {float:left;}
.imgLarge .imgleftholder {width:200px; margin:0px;}
.imgLarge .imgleftholder img {width:200px;height:167px;}
.modimg {width:150px;height:167px;float:left;margin-top:15px;}
.modimg img {;}


/* ---- [ CATEGORYBODY.JSP ] ---- */
#leftTop {float:left;width:415px;padding-top:3px;}
#leftTop .catHeader {width:410px;}
#leftTop .blueHead h1 {font-size:19px;font-weight:bold;line-height:25px;padding:0px 0px 2px 10px;}
#leftTop .catHeader p {padding:0px 0px 10px 10px;font-size:11px;}
#leftTop .catdescription {vertical-align:middle;}
#leftTop .imgleftholder {float:left;width:150px;margin-right:5px;_margin-right:2px;}
#leftTop .imgleftholder img {display:block;padding:0px 4px 4px 0px;_padding-bottom:1px;}
#leftTop .catdescription h1 {font-size:14px;font-weight:bold;line-height:16px;} /* title */
#leftTop .catdescription p {font-size:12px;font-weight:normal;} /* description */
#leftTop .moreLink a {font-size:12px;font-weight:bold;} /* MORE link */
#leftTop .imgLeftbox .eyebrow {float:left;width:240px;padding-left:10px;margin-left:3px;}
#leftTop .imgLeftbox p, #leftTop .imgLeftbox ul {float:left;width:240px;padding-left:10px;}

#leftCol {float:left;width:275px;}
	.imgLeftbox ul {margin-left:0px;} /* remove left margin from MORE>> link */
	.imgLeftbox li.majlink {list-style-type:none;} /* MORE>> link overrides */
.eyebrow {padding:0px 4px 2px 15px;margin:15px 0px 5px 0px;font-size:14px;font-weight:bold;line-height:15px;}
.imgleftholder {float:left;width:100px;margin-right:10px;_margin-right:10px;}
.imgleftholder img {display:block;padding:0px 4px 4px 0px;}

.imgleftholder br {display:none;} /* hide hard coded br in favor of css */

#rightCol {float:left;width:275px;padding-left:15px;}
#rightCol .eyebrow {padding:0px 4px 2px 15px;margin:15px 0px 5px 0px;font-size:14px;font-weight:bold;line-height:15px;}

/* ---- CHANNEL PAGES ---- */
#leftTop .greenHead h1 {font-size:19px;font-weight:bold;line-height:25px;padding:0px 0px 2px 10px;}
.imgTopbox {width:194px;float:left;padding:0px 4px 0px 5px;}
.imgTopbox .imgtopholder {float:left;width:194px;margin-right:5px;_margin-right:0px;padding:0px 4px 4px 0px;}
.imgTopbox .imgtopoverflow {width:194px;overflow:hidden;}
.imgTopbox .imgtopholder img {;}
.imgTopbox .imgtopholder p {_margin-top:-3px;text-align:center;background-color:#b8ce8e;}
.imgTopbox p {font-size:11px;padding:0px 5px;}
.imgTopbox ul {padding:2px 0 0 5px;margin-left:0px;}
.imgTopbox li.majlink {list-style-type:none;font-weight:bold;background:none;padding-left:0px;}

	/* -- section C or D - image left -- */
.imgLeftbox ul {margin-left:0px;float:left;}
#leftCol .imgLeftbox ul, #rightCol .imgLeftbox ul {width:160px;}
li.majlink {line-height:15px;list-style-type:none;padding-left:7px;}

	/* -- section C or D - small link list -- */
.modsmallLinkList ul {margin-left:15px;}
.modsmallLinkList li.featureListItem {line-height:15px;list-style-type:none;padding-left:7px;}

.modlinklist li.majlink{background:none;padding-left:0px;}

/* ---- [ MISC ] ---- */
#enlargeImg {background:none;}

/* Social Media */
#commentsubmit {
    background-image:url(http://images.meredith.com/bhg/images/temps/myaccount/submit.gif);
    height:22px;
    width:73px;
}

/* ----[Row Layout]---- */
div.row1column{margin-bottom:20px;}
div.row2column50_50{margin-bottom:20px;}
div.row2column50_50 .col1, div.row2column50_50 .col2{width:45%;float:left;padding:0 10px 0 0;}
div.row2column66_33{margin-bottom:20px;}
div.row2column66_33 .col1{width:66%;float:left;padding:0 10px 0 0;}
div.row2column66_33 .col2{width:30%;float:left;padding:0 10px 0 0;}
div.row2column33_66{margin-bottom:20px;}
div.row2column33_66 .col1{width:30%;float:left;padding:0 10px 0 0;}
div.row2column33_66 .col2{width:66%;float:left;padding:0 10px 0 0;}
div.row3column_33_33_33{margin-bottom:20px;}
div.row3column_33_33_33 .col1, div.row3column_33_33_33 .col2, div.row3column_33_33_33 .col3{width:30%;float:left;padding:0 10px 0 0;}
div.row4column_25_25_25_25{margin-bottom:20px;}
div.row4column_25_25_25_25 .col1, div.row4column_25_25_25_25 .col2, div.row4column_25_25_25_25 .col3, div.row4column_25_25_25_25 .col4{width:25%;float:left;padding:0 10 0 0px;}

/* ----[Row Table Layout]---- */
table.rowTbl{border-collapse:collapse;width:100%;margin-bottom:20px;}
table.rowTbl tr{vertical-align:top;}
table.rowTbl td.rowCell{border:0 none;padding:5px 10px 5px 0;}

tr.row2column50_50 td.rowCell{width:50%;}
tr.row2column50_50 td.col2{padding:5px 0 5px 10px;}
    tr.row2column50_50 td.col1spacer{border-left:1px solid #DFDFDF;padding:0;width:1px;}
    tr.row2column50_50 td.col2spacer{border:0 none;padding:0;width:0;}
tr.row3column_33_33_33 td.rowCell{width:33%;}
tr.row3column_33_33_33 td.col2{padding:5px 10px;}
tr.row3column_33_33_33 td.col3{padding:5px 0 5px 10px;}
    tr.row3column_33_33_33 td.col1spacer, tr.row3column_33_33_33 td.col2spacer{border-left:1px solid #DFDFDF;padding:0;width:1px;}
    tr.row3column_33_33_33 td.col3spacer{border:0 none;padding:0;width:0;}
tr.row2column33_66 td.col1{width:33%;}
    tr.row2column33_66 td.col1spacer{border-left:1px solid #DFDFDF;padding:0;width:1px;}
tr.row2column33_66 td.col2{width:66%;padding:5px 0 5px 10px;}
    tr.row2column33_66 td.col2spacer{border:0 none;padding:0;width:0;}
tr.row2column66_33 td.col1{width:66%;}
    tr.row2column66_33 td.col1spacer{border-left:1px solid #DFDFDF;padding:0;width:1px;}
tr.row2column66_33 td.col2{width:33%;padding:5px 0 5px 10px;}
    tr.row2column66_33 td.col2spacer{border:0 none;padding:0;width:0;}