/**[ LINKS ]**/ /* Default/Body Links */ a {color:#0081d8;text-decoration:none;} a:visited {color:#3e3181;} a:hover {color:#0081d8;text-decoration:underline;} /* Header Links */ h2 a {color:#f78310;} h2 a:visited {color:#f78310;} h2 a:hover {color:#f78310;} /* Toolbar Links */ ul.tools li a {color:#515151;font-size:10px;} ul.tools li a:visited {color:#515151;} ul.tools li a:hover {color:#0081d8;} /* Sub Nav Channel Name Links */ .arrowheader h2 a{color:#fff;} .arrowheader h2 a:visited{color:#fff;} .arrowheader h2 a:hover{color:#fff;} /* Sub Nav Parent/Child "On" Links */ ul#subnav li a.onLink{color:#e8125a;} ul#subnav li a.onLink:visited{color:#e8125a;} ul#subnav li a.onLink:hover{color:#e8125a;} /**[ TEXT COLORS ]**/ .tc1 {color:#0066cc} /* Bright Blue */ .tc2 {color:#cc0033} /* Bright Pink */ .tc3 {color:#ff9900} /* Orange */ .tc4 {color:#c8e2ff} /* Light Blue */ .tc5 {color:#3e3181} /* Purple */ .tc6 {color:#999} /* Light gray */ /**[ UTILITY STYLES ]**/ body, ul {margin:0;padding:0;} p, h1, h2, h3, h4, h5{margin:5px 0;border:0px none;padding:0px;} 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;} .smSpacer{font-size:1px;height:10px;} .spacer {padding:20px 0px;} .byline {font-style:italic;font-size:11px;color:#666;} /**[ SHELL STRUCTURAL CSS ]**/ #wrapper {width:1004px;margin:0 auto;text-align:left;} #wrapperwide{width: 1124px;margin:0px auto;text-align:left;} #wrapperwide #footer, #wrapperwide #pagebody{width:1110px;} #wrapperwide #header{width:1068px;} #wrapperwide #contentwell, #wrapperwide #singlecolumn{width:790px;} #wrapperwide #singlecolumnwell{width:780px;} /* ---- [ Banner ] ---- */ #bannerwrapper{width:985px;overflow:hidden; margin-left:8px;} #bannerwrapper #banner{float:none;margin-left:0;} #bannertable {width:100%;} #bannertable td{padding:0;} #bannerTd{position:relative;z-index:2;} #bannerwrapper #topcover{float:none;margin-right:0;margin-left:10px;} #bannerwrapper #topcover.dropdowncoverpromo{height:66px;} #topcover img {float:left; margin-right:5px; } #topcover.dropdowncoverpromo img{height:66px;} #topcover ul {margin-top:20px; width:220px; .width:150px;} #topcover.dropdowncoverpromo ul{margin-top:0px;float:left;width:180px; .width:150px;} #topcover ul li {margin-top:5px; } /* ---- [ Old Banner Layout - Leave in place for 3rd party shells] ---- */ #banner{float:left; margin-left:14px; } #topcover {float:right; margin-right:4px; .margin-right:7px; width:240px; .width:230px; height:94px; overflow:hidden;} /* ---- [ header elements ] ---- */ #header {clear:both;width:948px;margin:0 auto;padding:9px 22px 0 20px;height:145px;background-color:#fff;} .coreSite #header{height:auto;} #header img {float:left;padding-top:30px;} #header.thinHead {width:948px;margin:0 auto;padding:5px 20px;height:60px;} #header.thinHead img {float:left;padding-top:5px;} #headerSearch {float:left;display:inline;margin:80px 0 0 27px;} #searchFitness #nvbsrchtxt {float:left;width:190px;} #searchFitness #nvbsrchbut {float:left;margin-left:7px;} #nav_header {list-style-type:none;margin:0;padding:0;float:right;font-size:10px;text-transform:capitalize;color:#cd184b;} #nav_header li, #nav_secondary li {float:left;} #nav_secondary {list-style-type:none;margin:9px -11px 0 0;padding:0;font-size:18px;height:47px;} #nav_secondary li{padding-right:1px;} #nav_secondary li.last{background:none;} #nav_secondary li a {color:#cd184b;text-decoration:none;display:block;height:47px;line-height:47px;text-align:center;} li.workouts a{width:96px} li.weightloss a{width:119px;} li.food a{width:150px;} li.health a{width:76px;} li.beauty a{width:79px;} li.community a{width:113px;} li.store a{width:67px;} li.video a{width:67px} /* ---- [ main body elements ] ---- */ #pagebody{width:990px;margin:15px auto 0px;_margin-top:5px;} .coreSite #pagebody{margin-top:5px;} /* -------[Home/Channel/Parent/Child/Story Page Layout -- 165(170)/490(500)]------- */ #contentwell{width:505px;border-left:165px solid #fff; /* The width and color of the left rail */ border-right:320px solid #c8e2ff; /* The width and color of the right rail */background: url(http://images.meredith.com/fitness/images/temp/shell/bg_leftcol.gif) repeat-y;} #leftcolumn{float:left;width:165px;padding:0px 0px 5px 0;margin-left:-220px;.position:relative;} #leftcolumn img{.display:inline-block;.display:block;}/* IE6 & 7 need this to display images without gaps */ .arrowheader{background:transparent url(http://images.meredith.com/fitness/images/temp/betterTV/arrow_pink_down.gif) no-repeat scroll 12% 24px;height:26px;padding-bottom:6px;margin-left:1px;width:163px;} .arrowheader h2{background:url(http://images.meredith.com/fitness/images/temp/betterTV/channel_selection_tile.gif);margin:0;font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 16px;padding:3px 0pt 3px 10px;} ul#subnav{list-style:none;margin:0pt 1px;_width:160px;} ul#subnav li{border-bottom:1px solid #ccc;padding:3px 0 3px 10px;} ul#subnav li.opened{border-bottom:none;} ul#subnav li.openedOn{border-bottom:none;background:url(http://images.meredith.com/fitness/images/temp/shell/bullet_pink_left.gif) no-repeat 2px 5px;} ul#subnav li.on{background:url(http://images.meredith.com/fitness/images/temp/shell/bullet_pink_left.gif) no-repeat 2px 5px;} ul.childnav{list-style:none;padding-left:10px;border-bottom:1px solid #CCC;} ul#subnav ul.childnav li{border-bottom:none;} #leftcolumn #leftnavpromo{width:165px;border-top:2px dotted #CCC;} #leftnavpromonewsletter{width:155px !important;margin:10px 0 10px 1px !important;border:none!important;} .leftNavCover{text-align:center;background:transparent url(http://images.meredith.com/fitness/images/temp/shell/buttons/bg_subscribe.gif) no-repeat scroll center bottom;height:200px;margin-bottom:5px;} .leftNavCover img{margin:0 auto;} ul.leftNavCoverList{list-style:none;padding-left:10px;} #maincolumn{float:left;width:500px;padding:5px 0 5px 5px;margin-right:-450px;overflow-x:auto;overflow-y:hidden;} #maincontentwell{margin:0 auto;width:490px;text-align:left;position:relative;} #channelcontent, #maincontent{padding:0 5px}/* Adding extra padding to channel/parent/child because it is special */ body.checkoutShell #contentwell, body.storePrintShell #contentwell{border-right:none;}/* Right Column color override*/ /* -------[SingleColumn Page Layout -- 665(670)]------- */ #contentwell.noleftcol{background:none;border-left:0px;width:670px;} /* Used by singlecolumn pages that have the right ad column */ .noleftcol #singlecolumn{float:left;} #singlecolumn{width:670px;overflow-x:auto;overflow-y:hidden;} #singlecolumnwell{width:665px;float:left;padding:0px 0pt 5px 5px;} #singlecolumn.store{width:990px;border:0;padding-left:0px;overflow-x:auto;overflow-y:hidden;} #singlecolumn.store #singlecolumnwell{width:980px;padding:0px 5px 5px 5px;} #singlecolumn.wide{width:790px;overflow-x:auto;overflow-y:hidden;} #singlecolumn.wide #singlecolumnwell{width:780px;float:left;padding:0px 0pt 5px 5px;} /* -------[Ad Column Layout -- 310(320)]------- */ #rightcolumn, #adwell{float:right;width:310px;padding:5px;margin-right:-320px;position:relative;} #vid{position:relative;top:0px;margin:10px -5px 5px;} .promoContainer, .meredith_google{margin-right:-10px;padding-top:5px;} #rightsubad{margin:0px !important;}/* Overrides common styles that add unecessary white space */ #rightsubad p{margin:0px;} #adcolumn{clear:both;} #adtag{padding-top:5px;text-align:center;font-size:10px;} /* ---- [ footer elements ] ---- */ #footer {width:990px;margin:0 auto;padding:23px 0 0 0;border-top:6px solid #cd184b;font-size:10px;background-color:#fff;} #footer a {margin:0 4px;} #footer div.row, #footer div.row2 {border: 0; clear:both; width:930px; height: auto;} #footer div.row2 {margin-top:7px;} #footer span.fls {float:left; width:160px; font-size:11px; font-weight:bold; text-align:right;} #footer span.frs {float:right; width:750px; font-size:12px; font-weight:bold; text-align:left;} #footer span.frs a:link {color:#224792;} #footer span.frs2 {float:right; margin-top:2px; width:750px; font-size:10px; text-align:left; margin-bottom:5px;} #footer span.frs3 {float:right; margin-top:2px; width:750px; font-size: 9px; text-align:left; margin-bottom:5px;} #footer span.frs4 {float:right; margin-top:2px; width:750px; font-size:10px; text-align:left; margin-bottom:5px;} #footer span.frs5 {float:right; margin-top:2px; width:650px; font-size:10px; text-align:left; margin-bottom:5px;} #footer #rgm {float:right; width:100px;} #leftNavSocialLinks{width: 100px; float: left; margin:0 30px 10px; _margin:0 15px 10px; font-size: 9px; text-align: center;} #leftNavSocialLinks .iconLink {width: 50px; float: left; text-align: center;} #leftNavSocialLinks .iconLink a {text-decoration: none;} #footerSocialLinks {width: 160px; float: right;font-size: 9px;} #footerSocialLinks .iconLink {width: 53px; float: left; text-align: center;} #footerSocialLinks .iconLink a {text-decoration: none;} .findUsOn {clear: both; margin-bottom: 3px; border-bottom: 1px solid #c3c3c3; padding-bottom: 4px; text-align: center; width: 100%; font-size: 12px; float: left;} /**[ FONT DEFINITIONS ]**/ body{font-family:Arial, Helvetica, sans-serif;font-size:12px;} h1{font-family:Verdana, Arial, sans-serif;font-size:24px;font-weight:normal;} h2{font-family:Verdana, Arial, sans-serif;font-size:18px;font-weight:normal;} h3{font-family:Verdana, Arial, sans-serif;font-size:14px;font-weight:normal;} h4{font-family:Verdana, Arial, sans-serif;font-size:12px;} h5{font-family:Verdana, Arial, sans-serif;font-size:11px;} /** [ CONTENT DEFINITIONS ] **/ .pinkarrow li{list-style:none;background:url(http://images.meredith.com/fitness/images/temp/shell/bullet_pink_arrow.gif) no-repeat 0px 3px;padding-left:15px;} li.majlink {list-style:none;background:url(http://images.meredith.com/fitness/images/temp/shell/bullet_pink_left.gif) no-repeat 0px 3px;padding-left:12px;_height:15px;} /* Toolbar used on Story/SS/Quiz */ ul.tools {list-style-type:none;border-top:1px solid #ccc;margin:5px 0pt;padding:6px 0pt;} ul.tools li {display:inline;border-right:1px solid #ccc;padding:0 3px;} ul.tools li.last {border-right:none;} /* SKIN FOR Email Content Module */ div#emclp {position:absolute; z-index:10; left:130px; top:205px; background-color:#c8e2ff; border:1px solid #666; padding:5px; width:406px;font-size:12px;} div#emclp #stafhead {display:none;} div#emclp h3{ width:400px;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:200px; top:20px; left:290px;font-size:11px;} div#emclp #stafsend {overflow:visible;height:34px;} div#emclp .stafsendbtn{background:url(http://images.meredith.com/fitness/images/temp/shell/buttons/btn_send.gif) no-repeat;height:25px;width:30px;} div#emclp .stafsendbtn span {display:none;} #articlesharelink{cursor:pointer;} .altbgcolor{background-color:red;} .defaultbgcolor{background-color:#fff;} /* == print story ==*/ #printstory, #printwrapper{padding:0pt 10px 0pt 10px;width:610px;background-color:#fff;} #printstory .copyright{font-size:12px;} .printableShell hr{border-width:0px 0px 5px;border-color:#FF9900;height:5px;} /* Social Media */ #commentsubmit { background-image:url(http://images.meredith.com/fitness/images/temps/shell/buttonFitnessSubmit.gif); height:20px; width:56px; } .recommendicon { background:transparent url(http://images.meredith.com/parents/images/template/shell/icons/rec.gif) no-repeat scroll left top; width:17px; height:13px; float:left; padding:0 5px 0 0; } .recommend{ text-align:left; }