/* ---- [ GLOBAL DEFINITIONS & RESETS ] ---- */
body {padding:0px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:url(/kbi/images/temps/shell/bg.gif) repeat-x;}
body.blankShell{background:#fff url();}
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, .ACThead1{font-size:28px;font-weight:normal;letter-spacing:0;color:#73960C;}
h2, .ACThead2{font-size:18px;font-weight:normal;letter-spacing:0;color:#73960C;}
h3, .ACThead3{font-size:15px;font-weight:normal;letter-spacing:0;color:#73960C;}
h4, .ACThead4{font-size:13px;font-weight:normal;letter-spacing:0;color:#73960C;}
h5, .ACThead5{font-size:10px;font-weight:normal;letter-spacing:0;color:#73960C;}
span.ACThead2, span.ACThead3, span.ACThead4{display:block;}

/* ---- [ UTILITY ] ---- */
hr{clear:both;margin:0 0 5px;.margin:3px 0;padding:7px 0 0;height:1px;border:0px;border-bottom:1px solid #D4F081;}
hr.dotted{clear:both;margin:0 0 5px;.margin:3px 0;padding:7px 0 0;height:1px;border:0px;border-bottom:1px dotted #D4F081;}

.clearall {clear:both;font-size:1px;line-height:0px;}
.smSpacer{font-size:1px;height:10px;}
.spacer {padding:20px 0px;}

.imgleftholder{float:left;margin-right:5px;}
.imgrightholder{float:right;margin-left:10px;}

ul.majlink{margin:0px; list-style:none;}
ul.majlink li{padding:0 0 3px 15px;}

.dotBorder{border-bottom:1px dotted #20Af8B;padding-bottom:3px;margin-bottom:3px;}

/* ---- [ SITE COLORS ] ----
if you modify/add to these, please change the color description below  */
.brandcol1 {background-color:#ED5911;}  /* orange */
.brandcol2 {background-color:#6B6A6A;}  /* Dark Grey */
.brandcol3 {background-color:#8F8E8E;}  /* Medium Grey */
.brandcol4 {background-color:#DCDACD;}  /* Tan */
.brandcol7 {background-color:#efece3;}  /* Light Tan */
.brandcol5 {background-color:#557AA0;}  /* Blue */
.brandcol6 {background-color:#000;}  /* black */
.brandcol8 {background-color:#fff;}  /* white */

.txtcol1 {color:#4A3614;}               /* dark grey text */
.txtcol2 {color:#ED5911;}               /* orange text */
.txtcol3 {color:#e04002;}               /* red text */
.txtcol4 {color:#fff;}                  /* white text */


/* ---- [ LINK STYLING ] ---- */
a{color:#076E55;text-decoration:none;border-bottom:1px solid #DCDACD;margin-bottom:2px;}
a:visited{color:#076E55;text-decoration:none;border-bottom:1px solid #DCDACD;margin-bottom:2px;}
a:hover {color:#076E55;text-decoration:none;border-bottom:1px solid #076E55;margin-bottom:2px;}

.headLink a{color:#73960C;text-decoration:none;border-bottom:1px solid #DCDACD;margin-bottom:2px;}
.headLink a:visited{color:#73960C;text-decoration:none;border-bottom:1px solid #DCDACD;margin-bottom:2px;}
.headLink a:hover {color:#73960C;text-decoration:none;border-bottom:1px solid #73960C;margin-bottom:2px;}

/* back link only for comments and ratings? */
#backlink{padding:2px;}

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

    /* ---- [ Link Overrides ] ---- */
	ul#navmenu a, ul#navmenu a:visited, ul#navmenu a:hover{font-size:15px;color:#fff;border:0px none;margin:0px;text-decoration:none;}
	ul#subnav a, ul#subnav a:visited, ul#subnav a:hover{font-size:14px;font-weight:bold;border:0px none;}
	ul#subnav ul.childnav a, ul#subnav ul.childnav a:visited, ul#subnav ul.childnav a:hover{font-size:11px;font-weight:normal;border:0px none;}

	#mainnav a, #mainnav a:hover, #mainnav a:visited, a.imgLnk, a.imgLnk:hover, a.imgLnk:visited, #roadblock_continue a, #roadblock_continue a:hover,
	.imgdiv a, .imgdiv a:visited, .imgdiv a:hover, .nlrow a, .nlrow a:hover, #sponsored a, #sponsored a:hover, .imgleftholder a,
	.imgleftholder a:hover, .imgleftholder a:visited, .imgrightholder a, .imgrightholder a:hover, .imgrightholder a:visited,
	.imgtopholder a, .imgtopholder a:visited, .imgtopholder a:hover, #banner a, #banner a:visited, #banner a:hover
	.imgLeft a, .imgLeft a:visited, .imgLeft a:hover, #addthis a, #addthis a:visited, #addthis a:hover, #ssimg a, #ssimg a:visited,
	#ssimg a:hover, .targeterTable a, .targeterTable a:visited, .targeterTable a:hover, .lastSlide a, .lastSlide a:hover,
	.lastSlide a:visited, #leftcolumn a{border:0px none;margin-bottom:0;}

	#singlecolumnwell a {color:#076E55;} /* overriding overly-broad kbipluck.css link styles */
	#singlecolumnwell a:visited {color:#076E55;}
	#singlecolumnwell a:hover {color:#076E55;text-decoration:none;}

/* ---- [ PAGE STRUCTURE ] ---- */
#wrapper{width:995px;border:1px solid #ccc;border-top:0px none;margin:0 auto;text-align:left;background-color:#fff;position:relative;}
#wrapperwide{width:1134px;border:1px solid #ccc;border-top:0px none;margin:0 auto;text-align:left;background-color:#fff;position:relative;}
#wrapperwide #singlecolumn{width:815px;}
#wrapperwide #singlecolumnwell{width:805px;}

#pagebody{}
/* -------[Home/Channel/Parent/Child/Story Page Layout -- 165(170)/490(500)]------- */
	#contentwell{width:500px;border-left:175px solid #fff; /* The width and color of the left rail */ border-right:320px solid #fff; /* The width and color of the right rail */}
		#leftcolumn{float:left;width:170px;padding:5px 0px 5px 5px;margin-left:-230px;.position:relative;}
		#maincolumn{float:left;margin-right:-445px;overflow-x:auto;overflow-y:hidden;padding:5px 0px 5px 0px;width:500px;}
			#maincontentwell{margin:0 auto;width:490px;text-align:left;position:relative;}
/* -------[SingleColumn Page Layout -- 670(675)]------- */
	#singlecolumn{width:675px;border-right:320px solid #fff; /* The width and color of the right rail */}
		#singlecolumnwell{width:670px;padding:5px 0;margin:0 0 0 5px;_margin-left:0;_padding-left:5px;float:left;}
		#singlecolumnwell{_width:665px;_margin-left:0;_padding-left:5px;} /* IE6 hacks */
/* -------[SingleColumn Page Store Layout -- 985(995)]------- */
	#singlecolumn.store{border-right:0px none;}
/* -------[SingleColumn Page Wide Layout -- 780(790)]------- */
	#singlecolumn.wide{width:790px;}
		#singlecolumnwell.wide{width:780px;padding:5px 0;margin:0 auto;float:left;}
/* -------[Ad Column Layout -- 310(320)]------- */
	#rightcolumn, #adwell{float:right;width:310px;padding:5px;margin-right:-320px;_position:relative;}
		#adtag {padding-top:5px;}
	#adcolumn{border:5px solid #ccc;}

/* -------[Printable Pages]------- */
.recipePrintShell, .printableShell, .storePrintShell {background:#fff url();}
#printstory, #ltcol{width:640px;padding: 0 0 0 10px;}
.storePrintShell #singlecolumn{border-right:0px none;}

/* ---- [ COMMON PAGE ELEMENTS ] ---- */
/* ---- [ Banner ] ---- */
#bannerwrapper{width:980px;overflow:hidden; margin-left:10px;}
#banner{float:left;}
#topcover{float:left;width:240px;margin-left:10px;}
#topcover img {float:left; height:90px;}
#topcover ul{padding-top:10px;float:left;width:105px;_height:1px;list-style: disc; font-size: 11px;font-weight:normal;}


/* ---- [ Header ] ---- */
#header{padding-top:5px;margin-bottom:1px;}
.logo{width:375px;text-align:center;float:left;height:84px;}
.utilityLinks {float:left;text-align:center;width:300px;margin:3px 0 0 25px;}
.utilityLinks ul{margin:5px 0;list-style:none;}
	.utilityLinks ul li {display:inline;cursor:pointer;}
#headerSearch{width:295px;height:40px;padding:13px 0 0 15px;text-align:left;background:url(http://images.meredith.com/kbi/images/temps/shell/searchBoxbg.gif) no-repeat;}
    #headerSearch #nvbsrchtxt{width:190px;}
.surfacePersona{width:270px;float:right;}

#header.thinHead{border-bottom:1px dotted #20AF8B;}
.thinHeadLogo{float:left;padding:5px;}
.thinHead .utilityLinks{float:right;padding-right:5px;}
ul#nav_header{list-style:none;}
ul#nav_header li{display:inline;}

/* ---- [ Surface Persona ] ---- */
#SPWrapper {border:1px #E1DAD1 solid; float:right;z-index:1; height:60px; width:205px; padding:2px;background-color:transparent; display:block;font-family:Arial; font-size:10px; font-weight: normal; text-align:left; text-decoration:none; white-space:nowrap;}
#PluckAvatar { float: left; width: 60px; height: 60px; padding: 0px; margin: 0px 6px 4px 0px; background-color: rgb(200, 200, 200); }
.PluckSurfacePersona IMG {border: 0px; width: 60px; height: 60px; vertical-align: top; z-index: 10;}
#spGreeting { font-weight: normal;}
#PluckDisplayName { font-weight: bold; font-size:12px; color:#ED5911; overflow:hidden; height:14px; width:127px; word-wrap: break-word;}
#PluckDisplayName A { font-weight: bold; }
#jsBlog { display:inline;}
#jsLog { display:inline;}
#QuoteTail {float:right;left:-55px;position:relative;top:62px;width:10px;}

/* ---- [ Search Form ] ---- */
.searchContainer{padding:10px 0 0 0;}
.searchButton{vertical-align:top;}

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

/* ---- [ Breadcrumb ] ---- */
.breadCrumb {padding-bottom:5px;}
.breadCrumb .bold{color:#076E55;}

/* ---- [ Sub Nav ] ---- */
ul#subnav{margin:0;list-style:none;width:165px;}
ul#subnav li{border-bottom:1px dotted #ccc;background-color:#efece3;}
ul#subnav li a{display:block;padding:7px 15px 7px 5px;margin:0px;}
ul#subnav li a.onLink{color:#ED5911;}
ul#subnav li a:hover{background-color:#f6f3ea;}
ul#subnav li.opened{border-bottom:0px none;}
ul#subnav li.opened a {padding:7px 15px 7px 5px;}


ul#subnav ul.childnav{margin:0;list-style:none;padding-bottom:5px;background-color:#f6f3ea;width:165px;}
ul#subnav ul.childnav li{display:inline;border-bottom:0px none;margin:0px;background-color:#f6f3ea;}
ul#subnav ul.childnav li a{padding:0 0 0 10px;margin:0 0 0 10px;}
ul#subnav ul.childnav li.on a{color:#ED5911;}

/* ---- [ Footer ] ---- */
#footer{font-size:11px;margin-top:1px;}

#footerSiteSearch {height:22px;padding:5px 0;margin:10px;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

#footer #copyright, #footer #termsofservice{padding:10px 15px;color:#999;}

#footer #mainlinks{padding:0 0 5px;height:70px;}
#footer #mainlinks ul{list-style:none;margin-left:0;}
	#footer #mainlinks ul li{float:left;width:145px;}
#footer .searchBar{background-color:#efece3;padding:5px 0;text-align:center;}
#footer .disclaimer{padding:5px 0;}
#footer .footercol, #footer .footercolmid{width:295px;padding:0 15px;color:#73960c;}
#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 #rgm{float:left; padding:3px 5px 0 0;}
#footer .rgm{width:370px;}

#footer #top, #footer #bottom {padding:0 10px;height:20px;margin:15px 0;}
#footer .bhglogo, #footer .mwntext {width:170px;text-align:center;}
#footer #top .linkcol {width:510px;padding:5px 0;}
#footer .mwntext{font-weight:bold;}

/* ---- [ COMMON PAGE MODULES ] ---- */
/* ----[Flyout Menus]---- */
/* common styling */
.flyoutmenu {width:156px;font-weight:bold;}
.flyoutmenu ul {padding:0; margin:0;list-style-type: none;}
.flyoutmenu ul li {float:left;position:relative;padding:0 0 2px 0;}
.flyoutmenu ul li a, .flyoutmenu ul li a:visited {display:block; width:138px;line-height:26px;margin:0;background:url(http://images.meredith.com/kbi/images/temps/shell/flyoutmenu/pillbutton_off.gif) no-repeat;color:#076E55;border-bottom:0px none;}
.flyoutmenu ul li a{padding:0 10px;cursor:pointer;text-decoration:none;}
.flyoutmenu ul li ul, .menu ul li .coverup {display: none;}

/* specific to non IE browsers */
.flyoutmenu ul li:hover .coverup{display:block;left:130px;top:2px;z-index:3;background:url(http://images.meredith.com/kbi/images/temps/shell/flyoutmenu/pillbutton_flyover.gif) no-repeat;height:21px;width:32px;position:absolute;}
.flyoutmenu ul li:hover a {color:#fff;background:url(http://images.meredith.com/kbi/images/temps/shell/flyoutmenu/pillbutton_on.gif) no-repeat;position:relative;}
.flyoutmenu ul li:hover ul {display:block; position:absolute; top:2px;left:160px;border:2px solid #076E55;background-color:#fff;z-index:1;}
.flyoutmenu ul li:hover ul li {border-top:1px dotted #ccc;padding:0;margin:0 1px;}
.flyoutmenu ul li:hover ul li:first-child{border-top:0px none;}
.flyoutmenu ul li:hover ul li a {display:block; color:#076E55;background:none;line-height:16px;padding:3px 5px;}
.flyoutmenu ul li:hover ul li a:hover {background:#076E55; color:#fff;}

/* ---- [ Button link styles ] ---- */
a.redButton{display:block;padding:0 0 0 9px;text-align:center;color:#fff;text-decoration:none;}
a.redButton span{display:block;height:19px;padding:0 9px 0 0;cursor:pointer;line-height:19px;}
a.redButton{background:url("http://images.meredith.com/bhg/images/temps/gardening/button_redL.gif") no-repeat left top;}
a.redButton span{background:url("http://images.meredith.com/bhg/images/temps/gardening/button_redR.gif") no-repeat right top;}

/* ---- [ BHG tab button styles ] ---- */
.tabbox{background:url(http://images.meredith.com/bhg/images/tmp/shell/tabtopbg.gif) no-repeat;padding:5px 10px;min-height:50px;}
.tabbox h4{margin:0;padding:3px 0;color:#E04002;}
.tabbox p{padding:0 0 3px;}

/* ---- [ Left Column Tab Boxes ] ---- */
.LCtabbox{padding-left:5px;width:160px;}
.LCtabbox h2{text-align:center;}
.LCtabbox h2 span{width:138px;}
.LCtabbox .tabContent{padding:3px;}

/* ---- [Right Column Free Stuff Module] ---- */
#rightsidefreestuff {margin:10px 0;}
#rightsidefreestuff a {border:0px;}

/* ---- [Right Column Sponsor Module] ---- */
.sponsoredLink{width:310px;margin:10px 0;}
.sponsoredLink.tabbox .tabHeader h2{text-align:left;}
.sponsoredLink h2 span{width:288px;}
.sponsoredLink .tabContent{padding:15px;}

/* ---- [Recipe Center Search Box] ---- */
.searchrc h3{display:inline;padding-right:5px;}
#rcsrchtxt{width:305px;}
#rcsrchbutt{vertical-align:top;}

/* ---- [Left Column Tools Module] ---- */
#leftNavTools hr{display:none;}
#leftNavTools .modlinklist{padding:3px 0 5px;}
#leftNavTools .seeall{background-color:#F6F3EA;padding:7px 0;text-align:center;}

#topFive ol {color:#ED5911;font-size:17px;font-weight:bold;}
#topFive ol li {.margin:0 0 0 5px}
#topFive ol li a{font-size:12px;font-weight:normal;}

/* ---- 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:#ED5911; color:#fff; font-weight:bold; border:1px solid #000; }

#topadsponsorlogo {float:right; padding:3px 7px 0 3px;width:120px;height:60px;background-color:#fff;}
#topadsponsorlogo a, #topadsponsorlogo a:visited, #topadsponsorlogo a:hover {border:none}

.doGoodButton {float: left; padding-left: 20px;}
img.doGood {width: 98px; height: 82px; border: 0px;}
.doGoodButton a {border-bottom: 0px;}

#serviceMagicLeft{margin:4px 12px;}

/* Social Media */
.recommendicon {
    background:transparent url(http://images.meredith.com/parents/images/template/shell/icons/rec.gif) no-repeat scroll left top;
    padding-bottom:5px;
    padding-left:20px;
}
#commentsubmit {
    background-image:url(http://images.meredith.com/bhg/images/temps/myaccount/submit.gif);
    height:22px;
    width:73px;
}
#commenttext{
    width:99%;
    margin:5px 0;
}
#commentformcontainer{float:right}
#comments{
    margin:5px 0;
}
.commentrow {margin:5px 0;}
.pages a, .pages span{padding:0 5px;}