/* ---- [ GLOBAL DEFINITIONS & RESETS ] ---- */
body {padding:0px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;background-color:#fff;}
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:30px;font-weight:normal;letter-spacing:0;line-height:35px;}
h1 {font-family: Georgia, serif;}
h2, .ACThead2{font-size:18px;font-weight:normal;letter-spacing:0;line-height:22px;padding-bottom:5px;}
h2 {font-family: Georgia, serif;font-style:italic;}
h3, .ACThead3, .chunkhead{font-size:15px;letter-spacing:0;line-height:20px;}
h4, .ACThead4{font-size:14px;font-weight:normal;letter-spacing:0;line-height:18px;padding-bottom:5px;}
.ACThead5{font-size:14px;font-weight:normal;letter-spacing:0;line-height:18px;}
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 #ccc;}
hr.dotted{clear:both;margin:0 0 5px;.margin:3px 0;padding:7px 0 0;height:1px;border:0px;border-bottom:1px dotted #ccc;}

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

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

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

/* ---- [ SITE COLORS ] ----
if you modify/add to these, please change the color description below  */
.brandcol1 {background-color:#B22070;}  /* purple */
.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:#444444;}               /* dark grey text */
.txtcol3 {color:#B22070;}               /* purple text */
.txtcol4 {color:#fff;}                  /* white text */


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

h2 a{color:#B22070;text-decoration:none;border-bottom:1px dotted #DCDACD;margin-bottom:2px;}
h2 a:visited{color:#B20770;text-decoration:none;border-bottom:1px dotted #DCDACD;margin-bottom:2px;}
h2 a:hover {color:#DD0099;text-decoration:none;border-bottom:1px dotted #DD0099;margin-bottom:2px;}

#backlink{background-color:#6B6A6A;display:inline;padding:2px;margin:2px;}
#backlink a, #backlink a:visited, #backlink a:hover{color:#fff;}

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

    /* ---- [ Link Overrides ] ---- */
	ul#navmenu a, ul#navmenu a:visited, ul#navmenu a:hover{font-size:15px;color:#444444;border:0px none;margin:0px;}
	ul#navmenu a:hover{color:#FFF;}
    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;}

	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, #adtrafficright a, #dailyprize a{border:0px none;}

    #footer a, #footer a: visited{border-bottom: dotted;}

/* ---- [ PAGE STRUCTURE ] ---- */
#wrapper{width:1004px;border-left:1px solid #fff;border-right:1px solid #fff;margin:0 auto;text-align:left;background-color:#fff;}
#wrapperwide{width:1110px;border-left:1px solid #fff;border-right:1px solid #fff;margin:0 auto;text-align:left;background-color:#fff;}

#pagebody{margin:0 auto;width:990px;}
/* -------[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:315px solid #fff; /* The width and color of the right rail */}
		#leftcolumn{float:left;width:175px;padding:0px 0px 5px 0;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;overflow-x: hidden;}
/* -------[SingleColumn Page Layout -- 670(675)]------- */
	#singlecolumn{width:670px;border-right:320px solid #fff; /* The width and color of the right rail */}
		#singlecolumnwell{width:670px;padding:5px 0;margin:0 auto;float:left;}
/* -------[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;}
	#adcolumn{border:5px solid #fff;margin-top:5px;}

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

/* ---- [ COMMON PAGE ELEMENTS ] ---- */
/* ---- [ Banner ] ---- */
#bannerwrapper{width:985px;overflow:hidden; margin-left:10px;}
#bannerwrapper #banner{float:none;}
#bannertable {width:100%;}
#bannertable td{padding:0;}
#bannerTd{position:relative;z-index:2;}
#topcover{float:right;width:240px;}
#topcover img {float:left; height:66px;}
#topcover ul{float:left;width:165px;_height:1px;}

/* ---- [ Header ] ---- */
#header{padding-top:5px;margin:0 auto;margin-bottom:1px;width:990px}
.logo{width:310px;text-align:center;float:left;height:65;}
.surfacePersona{width:340px;float:right;clear:right;margin-right:10px;}
.utilityLinks {float:right;text-align:right;width:175px;margin:0 10px 20px 0;_margin-right:2px;}
.utilityLinks ul{margin:5px 0;list-style:none;}
	.utilityLinks ul li {display:inline;cursor:pointer;font-size:11px;}

#header.thinHead{border-bottom:5px solid #B22070;}
.thinHeadLogo{float:left;padding:5px;}
.thinHead .utilityLinks{float:right;padding-right:5px;}

/* ---- [ Surface Persona ] ---- */
#SPWrapper {font-family:Georgia, serif;font-style:italic;float:right;z-index:1; padding:2px;background-color:transparent; display:block;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:#B22070; 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;}

/* ----[ Auto Complete ]---- */
.suggestions {position:absolute; text-align:left; background-color:#fff; z-index:5000; }
.suggestions ul {position:absolute; list-style:none; margin:0 0 0 0; padding:0; background-color:#fff; border:1px solid #dcdacd; width:99%; border-top:none;}
.suggestions ul li {margin:0; padding:2px 5px; cursor:pointer;}
.suggestions ul li a {width:100%; height:100%;}
.hover {background-color:#F5DCC1;}

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

/* ---- [ Breadcrumb ] ---- */
.breadcrumb {padding-bottom:5px;}

/* ---- [ Main Nav ] ---- */
ul#navmenu {list-style:none;margin:5px 0 0;width:100%;}
ul#navmenu {background: #DDDDDD;/* Old browsers */
            background: -moz-linear-gradient(top, #DDD 48%, #D6D6D6 48%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#DDDDDD), color-stop(48%,#D6D6D6)); /* Chrome,Safari4+ */
            background: -ms-linear-gradient(top, #DDDDDD 48%,#D6D6D6 48%); /* IE10+ */
            background: linear-gradient(top, #DDDDDD 48%,#D6D6D6 48%); /* W3C */
            }
ul#navmenu li {float:left;cursor:pointer;line-height:29px;height:29px;}
ul#navmenu li.divider {padding:0px;color:#555;}
ul#navmenu a {display:block;padding:0px 14px;}
ul#navmenu a:hover{display:block;padding:0px 14px;
            background: #BD2277;/* Old browsers */
            background: -moz-linear-gradient(top, #BD2277 48%, #AD1F6D 48%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#BD2277), color-stop(48%,#AD1F6D)); /* Chrome,Safari4+ */
            background: -ms-linear-gradient(top, #BD2277 48%,#AD1F6D 48%); /* IE10+ */
            background: linear-gradient(top, #BD2277 48%,#AD1F6D 48%); /* W3C */
            }

ul#navmenu input.searchInputBox{position:absolute;top:6px;right:45px;width:115px;border:1px solid #CCCCCC;height:14px;font-size:12px}
ul#navmenu .sitesearch{position:relative;padding-left:10px;width:218px;font-size:15px;height:29px;line-height:29px;float:left}*/
ul#navmenu span.txtcol2{color:#FFF}
ul#navmenu .searchButton{position:absolute;right:5px;top:5px}

ul#navmenu.S24 span.C300 li.beauty a{background-position:0px -29px;}
ul#navmenu.S24 span.C299 li.fashion a{background-position:0px -29px;}
ul#navmenu.S23 li.health a{background-position:0px -29px;}
ul#navmenu.S27 li.relationship a{background-position:0px -29px;}
ul#navmenu.S27 span.cat1590006 li.pets a{background-position:0px -29px;}
ul#navmenu.S27 span.cat1590006 li.relationship a{background-position:0px 0px;}
ul#navmenu.S26 li.food a{background-position:0px -29px;}
ul#navmenu.lhj136 li.community a{background-position:0px -29px;}
ul#navmenu.cat4440006 li.games a{background-position:0px -29px;}
ul#navmenu.lhj155 li.dogood a{background-position:0px -29px;}

#wrapperwide ul#navmenu a{padding:0px 20px;}
#wrapperwide ul#navmenu li.pets a{width:55px;text-align:center;}/*This is here to make sure the nav is 1110px total width*/

/* ---- [ IW mainnav Styling ] ---- */
ul#mainnav {list-style:none;margin:5px 0 0;width:100%;height:30px;}
ul#mainnav {background: #DDDDDD;/* Old browsers */
            background: -moz-linear-gradient(top, #DDD 48%, #D6D6D6 48%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#DDDDDD), color-stop(48%,#D6D6D6)); /* Chrome,Safari4+ */
            background: -ms-linear-gradient(top, #DDDDDD 48%,#D6D6D6 48%); /* IE10+ */
            background: linear-gradient(top, #DDDDDD 48%,#D6D6D6 48%); /* W3C */
            }
ul#mainnav li {float:left;cursor:pointer;line-height:29px;height:29px; border-padding: 5px 0;border-right:  1px solid #aaaaaa;}
ul#mainnav li.divider {padding:0px;color:#555;}
ul#mainnav a {display:block;padding:0px 14px; font-size: 15px;}
ul#mainnav a:hover{display:block;padding:0px 14px; color:#ffffff;
            background: #BD2277;/* Old browsers */
            background: -moz-linear-gradient(top, #BD2277 48%, #AD1F6D 48%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(48%,#BD2277), color-stop(48%,#AD1F6D)); /* Chrome,Safari4+ */
            background: -ms-linear-gradient(top, #BD2277 48%,#AD1F6D 48%); /* IE10+ */
            background: linear-gradient(top, #BD2277 48%,#AD1F6D 48%); /* W3C */
            }

ul#mainnav input.searchInputBox{position:absolute;top:6px;right:45px;width:115px;border:1px solid #CCCCCC;height:14px;font-size:12px}
ul#mainnav .sitesearch{position:relative;padding-left:20px;width:218px;font-size:15px;height:29px;line-height:29px;float:left}*/
ul#mainnav span.txtcol2{color:#FFF}
ul#mainnav .searchButton{position:absolute;right:5px;top:5px}
#mainnav .navsearchx{border:none; !important}

#wrapperwide ul#mainnav a{padding:0px 20px;}
#wrapperwide ul#mainnav li.pets a{width:55px;text-align:center;}/*This is here to make sure the nav is 1110px total width*/

/* ---- [ Sub Nav ] ---- */
ul#subnav{margin:0;list-style:none;width:165px;}
ul#subnav li{border-bottom:1px dotted #ccc;background-color:#ededed;}
ul#subnav li a{display:block;padding:7px 15px 7px 5px;margin:0px;}
ul#subnav li a.onLink{color:#B22070;}
ul#subnav li a:hover{background-color:#f7f7f7;}
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:#f7f7f7;width:165px;}
ul#subnav ul.childnav li{display:inline;border-bottom:0px none;margin:0px;background-color:#f7f7f7;}
ul#subnav ul.childnav li a{padding:0 0 0 10px;margin:0pt 0pt 0pt 10px;}
ul#subnav ul.childnav li.on a{color:#B22070;}

/* ---- [ Footer ] ---- */
#footer{font-size:11px;color:#545454;margin:0 auto;margin-top:1px;width:990px}
#footer #copyright, #footer #termsofservice{padding:5px 15px;}

#footer #mainlinks{padding:0 0 5px;background-color:#f7f7f7;padding:5px 0;}
#footer #mainlinks ul{list-style:none;margin:0;padding:0;}
	#footer #mainlinks ul li{float:left;width:145px;}
#footer .maglinks{padding:5px 15px;}
#footer .searchBar{background-color:#ededed;padding:5px 0;text-align:center;}
#footer .disclaimer{padding:5px 0;}
#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 #rgm{float:left; padding:3px 5px 0 0;}
#footer .rgm{width:370px;}

/* ---- [ COMMON PAGE MODULES ] ---- */
/* ---- [ 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;}

/* ---- [ Connect With Us ] ---- */
#connectwithcontainer{width:300px;background-color:#fff;margin:10px auto;padding:5px;border: 1px solid #DDD;}
.connectLink{height:68px;float:left;width:59px;text-align:center;}
.connectLink img{margin-top:9px;}
.connectLink span.connectText{font-size:10px;padding: 0 1px;}

/* ---- [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:#F7F7F7;padding:7px 0;text-align:center;}

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

/* ---- [Left Column Newsletter Promo] ---- */
#leftnavpromonewsletter {width:165px!important;border-color:#DCDACD!important;}
#leftnavpromo{margin-left: 5px;}

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

#topadsponsorlogo {float:right; padding:3px 0 5px 2px;}
#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;}

/* 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:440px;
    margin:5px 0;
}
#commentformcontainer{float:right}
#comments{
    margin:5px 0;
}

/* ----[Rightside Twitter/Facebook]---- */


div#socialTabs{margin-bottom:10px}
div#socialTabLinks{height:30px}
div#socialTabLinks a{background:#ffffff;float:left;margin:0;height:30px;line-height:30px;color:#b22170;padding:0 20px;border-bottom:0;text-underline:0}
div#socialTabLinks a.active{background:#ffffff; color:#b22170;border: 1px solid #dddddd; border-radius:10px 10px 0px 0px;border-bottom: 0px;}
div#socialTabFacebook, div#socialTabTwitter{clear:left;display:none;background:#ffffff;padding:10px; border: 1px solid #dddddd; border-radius:0px 10px 10px 10px;}
div#socialTabs div.socialVisible{display:block;height:355px;}

div.socialTabTweet{clear:both;padding-bottom:10px;}
div.socialTabTweet img{float:left}
div.socialTabTweet p{float:right;width:222px;}
div.socialTabReply p{float:right;width:222px;}

div#socialTabs .sm_header_twt {
display: block;
margin-left: 10px;
padding-left: 50px;
height: 40px;
background: url(http://images.meredith.com/lhj/images/socialmedia/social_tab_icons.png) no-repeat left -40px;
}
div#socialTabs .sm_header_fb {
display: block;
margin-left: 10px;
padding-left: 50px;
height: 40px;
background: url(http://images.meredith.com/lhj/images/socialmedia/social_tab_icons.png) no-repeat left 0;
color: #3B5998;
}

/* ---- [Featured Links] ---- */
#featuredLinks{padding:5px 0 0 10px;height:35px;font-family:Georgia, serif;}
#featuredLinks h2{float:left;font-size:12px;font-weight:bold;line-height:12px;padding-left:12px;margin-right:10px;background:url(http://images.meredith.com/lhj/images/temps/shell/purple/featuredlinks.gif) no-repeat left}
#featuredLinks li{float:left;padding:0 10px 0 0;margin:0 10px 0 0;line-height:12px;font-weight:bold;border-right:1px solid #b9b9b9;list-style:none}
#featuredLinks li.alt{border-right:none}

/* ---- [Aggregate Page] ---- */
.topStoryDisplay h2 {margin-top:10px;font-size:30px;font-style:normal;}
.topStoryDisplay p {margin-bottom:5px;}
