/* InStyle Global */ body {width:994px; margin:0 auto; padding:0; background:#eee url(http://img2.timeinc.net/instyle/static/2010/i/bg_body_1032.gif) top center repeat-y; font:normal 12px arial, sans-serif;} form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} .clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;} a {color:#d73126; text-decoration:none;} a:hover, a.linkto {text-decoration:underline;} .clear, #skip {padding:0; margin:0;} .divider, .divider2, .divider3, .grayline {clear:both; margin:0; padding:0;} .divider {border-bottom:1px solid #afafaf;} .divider2 {border-bottom:4px solid #afafaf;} .divider3 {border-bottom:1px solid #000;} .grayline {margin:1px; line-height:0px; border-bottom:1px solid #cecece;} .hideme {display:none;} .arrow {font-weight:bold; color:#e40015; font-size:9px;} .arrowk {font-weight:bold; color:#000; font-size:9px;} .star {color:#f00;} /* Site Header */ #adtopcontainer {width:994px; padding-bottom:4px; border-width: 0px; background-color:#fff;} #adtopcontainer #bannerad {width:728px; margin:0 auto;} #header {height:100px;padding-left:18px; background:#D13028; padding-bottom:1px;} #header #logo{float:left;margin-top:23px;} #header img {float:left;margin-top:10px;} #header #logo img{border:0; margin:0;} #header #search{float:left; margin-right:68px; margin-top:41px; padding:0 6px; } #header #search input{padding:0;margin:0 1px 0 0;float:left;height:21px;border:0;font-size:16px; font-family:Arial, sans-serif;} #header #search input#searchInput{width:210px;margin-left:35px; height:20px; padding:1px 2px 0 2px;} /* New Wide Header Site Links */ #sitelinks {width:992px; height:23px; border:1px solid #d32527; border-left:none; border-bottom-color:#e06a6a; background:url(http://img2.timeinc.net/instyle/static/2007/i/bg_sitelinks.gif) repeat-x;} #sitelinks li {height:23px; list-style:none;} #sitelinks a {font:bold italic 11px arial,sans-serif; color:#d73126;} /* px to work with older templates */ #sitelinks .linksleft {float:left; width:396px;} #sitelinks .linksright {float:right; width:596px;} #sitelinks .linksleft li {float:left; height:19px; padding:4px 0 0 12px; background:url(http://img2.timeinc.net/instyle/static/2007/i/icon_arrow05.gif) right center no-repeat; text-transform:none;} #sitelinks .linksleft li a {padding-right:6px; color:#d73126;} #sitelinks .linksright ul {float:right;} #sitelinks .linksright li {float:left; height:19px; padding:4px 10px 0 10px; background:url(http://img2.timeinc.net/instyle/static/2007/i/bg_sitelinksright.gif) top right no-repeat;} #sitelinks .linksright li.first a {} #sitelinks .linksright li.cm a {font-style:normal; color:#004f99;} /* New Wide Header */ #header, #header2 {width:992px; background:#d22527; border-right:1px solid #d22527; border-bottom:1px solid #900;} #header .logo, #header2 .logo {float:left; width:220px; padding:29px 0 24px 26px;} #header .ad728x90, #header2 .ad728x90 {float:right; width:728px; padding-top:4px; background:#d22527;} #header #sitesearch, #header2 #sitesearch {width:198px; height:31px; position:absolute; top:130px; left:795px; z-index:3000; background:url(http://img2.timeinc.net/instyle/static/2007/i/bg_searchbox2009.png) no-repeat;} #header #searchform, #header2 #searchform {padding:1px 4px 0 5px;} #header #searchform label, #header2 #searchform label {display:none;} #header #searchform input#searchfield, #header2 #searchform input#searchfield{float:left; width:123px; margin-top:3px; padding-left:2px; height:19px; border:none; color:#000;} #header #searchform input#searchbtn, #header2 #searchform input#searchbtn {float:right; width:62px; height:21px; margin-top:3px;} #adtop {width:994px; padding:4px 0; background:#fff; /*border-bottom:1px solid #000;*/ text-align:center;} /* Footer */ #footer {clear:both; width:992px; padding-bottom:10px; background:#D13028; /*border-right:1px solid #000;*/} #footer img {border:0;} #foot {width:992px; height:106px; background:#D13028; font-size:11px; color:#fff;} #foot a {color:#fff;} #foot .logo {float:left; width:85px; padding:15px 11px 22px 11px;} #foot .links {float:left; width:630px; padding:10px; border-left:1px solid #d66766;} #foot .links .islinks {padding-bottom:15px;} #foot .rss {float:right; width:160px; padding:10px 70px 0 0;} #foot .rss span {display:block; background:url(http://img2.timeinc.net/instyle/i/global/btn_rss.gif) 0 0 no-repeat;} #foot .rss a {display:block; padding-left:30px;} #foot .timestyle {color:#000;} #footer2 {width:992px; background:#d13028; padding-bottom:20px; /*border-right:1px solid #000;*/ font-size:90%; color:#fff;} #footer2 a {color:#fff;} #footer2 .logo {float:left; width:107px; height:60px; padding:10px 0 0 0; text-align:center; border-right:1px solid #d66766;} #footer2 .text {float:left; width:570px; padding:10px 19px 0 10px;} #footer2 .rss {width:170px; padding-top:10px;} #footer2 .rss a {display:block; background:url(http://img2.timeinc.net/instyle/static/2007/i/btn_rss.gif) 0 2px no-repeat; padding-left:31px;} #footer2 .cm {float:left; width:275px; padding:10px 10px 0 0;} #footer2 .timestyle {padding-top:10px; color:#000;} #footer2 .copyright {} /* Begin Override */ img {border:0;} .dontShow{visibility:hidden;} /* End Override */ /* Begin Wide Layout */ /*#contentWrapper{position:relative;}*/ #leftcolumns{width:677px;float:left;overflow:hidden;position:relative;} #contentWrapper > #leftcolumns{position:static;} #rightcolumn{width:315px;float:left;overflow:hidden;} #generic {width:993px; margin:0; border-right:1px solid #ccc; /*border-left:1px solid #000; */overflow:hidden; position:relative;} #header, #contentWrapper, #topnav {/*border-right:1px solid #000;*/} #topnav2009 {width:993px; border-left:none !important;} /* 2010 Changes */ #headerbar ul {margin:0; padding:0;} /* Top Nav */ #topnav2010 ul {float:left; padding:0; margin:0;} #topnav2010 li {list-style:none; float:left; height:39px;} #topnav2010 a {display:block; overflow:hidden; height:39px; padding-top:0px; text-decoration:none;} #topnav2010 img {border:0px;} #topnav2010 em {display:block; width:147px; height:39px; text-indent:-9999px; margin-top:-1px;} #topnav2010 ul li,#topnav2010 ul li a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat;} #topnav2010 ul li#nav_celebrity {width:96px; background-position:0 -100px;} /* On State */ #topnav2010 ul li#nav_celebrity a em {width:96px; background-position:0 0;} /* Off State */ #topnav2010 ul li#nav_celebrity.curChannel, #topnav2010 ul li#nav_celebrity.curChannel a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat 0 -200px;} /* Current & Hover State */ #topnav2010 ul li#nav_celebrity.active ul {left:0;} #topnav2010 ul li#nav_fashion {width:83px; background-position:-96px -100px;} #topnav2010 ul li#nav_fashion a em {width:83px; background-position:-96px 0;} #topnav2010 ul li#nav_fashion.curChannel, #topnav2010 ul li#nav_fashion.curChannel a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat -96px -200px;} #topnav2010 ul li#nav_fashion.active ul {left:96px;} #topnav2010 ul li#nav_beauty {width:77px; background-position:-179px -100px;} #topnav2010 ul li#nav_beauty a em {width:77px; background-position:-179px 0;} #topnav2010 ul li#nav_beauty.curChannel, #topnav2010 ul li#nav_beauty.curChannel a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat -179px -200px;} #topnav2010 ul li#nav_beauty.active ul {left:179px;} #topnav2010 ul li#nav_shopping {width:94px; background-position:-256px -100px;} #topnav2010 ul li#nav_shopping a em {width:94px; background-position:-256px 0;} #topnav2010 ul li#nav_shopping.curChannel, #topnav2010 ul li#nav_shopping.curChannel a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat -256px -200px;} #topnav2010 ul li#nav_shopping.active ul {left:256px;} #topnav2010 ul li#nav_makeover {width:191px; background-position:-350px -100px;} #topnav2010 ul li#nav_makeover a em {width:191px; background-position:-350px 0;} #topnav2010 ul li#nav_makeover.curChannel, #topnav2010 ul li#nav_makeover.curChannel a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat -350px -200px;} #topnav2010 ul li#nav_makeover.active ul {left:350px;} #topnav2010 ul li#nav_designer {width:155px; background-position:-541px -100px;} #topnav2010 ul li#nav_designer a em {width:155px; background-position:-541px 0;} #topnav2010 ul li#nav_designer.curChannel, #topnav2010 ul li#nav_designer.curChannel a em {background:url(http://img2.timeinc.net/instyle/static/2010/i/nav2010.png) no-repeat -541px -200px;} #topnav2010 ul li#nav_designer.active ul {left:541px;} /* includes right border */ /* Menus */ #topnav2010 ul ul {width:176px; position:absolute; top:31px; left:-100em; z-index:200; border:1px solid #b5b4b4; border-top:none; margin-left:1px;} #topnav2010 ul ul li {float:none; width:176px; height:auto; position:relative; background:#fff;} #topnav2010 ul ul li a {width:156px; height:auto; padding:8px 10px; background:#f0f0f0; border:none; border-top:1px solid #dad6d7; font:bold 10px arial,sans-serif; color:#111; letter-spacing:.6px; text-decoration:none; text-transform:uppercase;} #topnav2010 ul ul li a:hover, #topnav2010 ul ul li a:focus {background:#000; font-weight:bold; color:#fff;} #topnav2010 ul ul li a em {background:none!important; display:inline; width:auto; height:auto; text-indent:0; margin-top:0;} #topnav2010 ul ul li a span.new {color:#d73126;} /* Search */ #searchbar form label {display:none;} #searchbar form input#searchfield {float:left; width:185px; height:19px; padding:4px 0 0 10px; border:none; border-left:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; background:url(http://img2.timeinc.net/instyle/static/2010/i/bg_formtext.png) top left no-repeat; font:normal 90% arial,sans-serif;} #searchbar form input#searchbtn {float:left; width:64px;} /* Pushdown */ #pushdown {display:block; width:992px; padding:4px 0 4px 1px; background:#fff; border-right:1px solid #ccc; text-align:center;} /* Header */ #headerbar {width:994px; padding:6px 0 3px 0; background:#fff; border-bottom:3px double #000;} #headerbar .sites {display:block; float:left; width:260px; color:#afae97; text-transform:uppercase;} #headerbar .specials {display:block; float:left; width:733px; text-align:right;} #headerbar .sites li {display:inline; font-size:90%; letter-spacing:1px;} #headerbar .sites li.is {padding-right:5px; border-right:1px solid #afae97;} #headerbar .sites li.is a {color:#020202;} #headerbar .sites li.isw {padding:0 5px 0 4px;} #headerbar .sites li.isw a {color:#616160;} #headerbar .specials ul {display:inline;} #headerbar .specials li {display:inline; padding-left:15px; font:italic 90% georgia,"times new roman",times,serif; letter-spacing:.5px;} #headerbar .specials li a {color:#000;} #headerbar .specials p.cm {display:inline; margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #a4a4a5; font:italic 90% georgia,"times new roman",times,serif; letter-spacing:.5px; color:#4f687c;} #headerbar .specials p.cm a {color:#369;} #headerbar .specials img {display:none;} #headerbar .specials ul li img, #headerbar .specials .cm img {display:inline;} /* For all inside pages, use #masthead. For homepage, see #masthead2 */ #masthead, #masthead2 {display:block; width:994px; height:98px; margin-bottom:2px; background:#fff;} #masthead p {margin:0; padding:0;} #masthead p.logo {float:left; display:block; width:240px; height:61px; margin-top:24px; background:url(http://img2.timeinc.net/instyle/static/2010/i/logo_header.png) no-repeat;} #masthead p.logo a {display:block; width:240px; height:61px; text-indent:-9999px;} #masthead .ad728x90 {float:right; width:728px; padding-top:4px;} #masthead2 p {margin:0; padding:0;} #masthead2 p.logo {float:left; display:block; width:343px; height:87px; margin-top:8px; background:url(http://img2.timeinc.net/instyle/static/2010/i/logo_header_home.png) no-repeat;} #masthead2 p.logo a {display:block; width:343px; height:87px; text-indent:-9999px;} #masthead2 p.date {float:left; width:417px; padding-top:46px; font:italic 100% georgia,"times new roman",times,serif; color:#666; text-align:center;} #masthead2 .ad234x60 {float:left; width:234px; margin-top:20px;} #sitenavbar {width:994px; height:39px; padding:3px 0 5px 0; background:#fff url(http://img2.timeinc.net/instyle/static/2010/i/bg_nav2010.png) no-repeat;} #sitenavbar #topnav2010 {float:left; display:block; width:696px; height:39px; position:relative; z-index:200; background:url(http://img2.timeinc.net/instyle/static/2010/i/bg_nav2010.png) repeat-x;} #sitenavbar #searchbar {float:right; width:261px; padding:8px 4px 0 32px;} /* Footer */ #cmfooter {display:block; width:994px; overflow:hidden;} #footer2010 {display:block; width:992px; padding-top:10px; background:#fff; border:1px solid #ccc; border-top:none;} #footer2010 .links {font:normal 80% georgia,"times new roman",times,serif; letter-spacing:1.25px; text-transform:uppercase; text-align:center; color:#878787;} #footer2010 .links ul {padding-bottom:7px;} #footer2010 .links ul li {display:inline; padding:0 8px 0 7px; border-right:1px solid #9e9e9e;} #footer2010 .links ul li.is a {color:#000;} #footer2010 .links ul li.isw, #footer2010 .links ul li.last {border-right:none;} #footer2010 p.rss {margin:0; padding:0; padding-bottom:7px;} #footer2010 p.rss a {padding:0 0 2px 18px; background:url(http://img2.timeinc.net/instyle/static/2010/i/icon/rss_small.gif) no-repeat;} #footer2010 p.legal {margin:0; padding:5px 0 5px 0; font-size:9px; color:#969696; text-align:center;} #footer2010 .links a, #footer2010 p.legal a {color:#969696;} #footer2010 .links a:hover, #footer2010 p.legal a:hover {color:#bf1c23;} /******** START STYLEFEEDER **********/ /* Global */ body, form, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {margin:0; padding:0;} body {width:994px; margin:0 auto; background:#eee url(http://img2.timeinc.net/instyle/static/2010/i/bg_body_1032.gif) top center repeat-y; position:relative; font:normal 77% arial,sans-serif; color:#000;} a {text-decoration:none;} a:hover, a:active {text-decoration:underline;} a:focus, a:hover, a:active {outline:none;} ul, li {list-style:none;} img, a img {color:#000;} /* Alt text */ .clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;} .hide {display:none;} /* Footer */ #cmfooter {display:block; width:994px; overflow:hidden;} #footer2010 {clear:both;display:block; width:992px; padding-top:10px; background:#fff; border:1px solid #ccc; border-top:none;} #footer2010 .links {font:normal 80% georgia,"times new roman",times,serif; letter-spacing:1.25px; text-transform:uppercase; text-align:center; color:#878787;} #footer2010 .links ul {padding-bottom:7px;} #footer2010 .links ul li {display:inline; padding:0 8px 0 7px; border-right:1px solid #9e9e9e;} #footer2010 .links ul li.is a {color:#000;} #footer2010 .links ul li.isw, #footer2010 .links ul li.last {border-right:none;} #footer2010 p.rss {margin:0; padding:0; padding-bottom:7px;} #footer2010 p.rss a {padding:0 0 2px 18px; background:url(http://img2.timeinc.net/instyle/static/2010/i/icon/rss_small.gif) no-repeat;} #footer2010 p.legal {margin:0; padding:5px 0 5px 0; font-size:9px; color:#969696; text-align:center;} #footer2010 .links a, #footer2010 p.legal a {color:#969696;} #footer2010 .links a:hover, #footer2010 p.legal a:hover {color:#bf1c23;} /* Stylefeeder */ #stylefeeder{position:relative;clear:both;float:left;display:inline;width:992px;padding:0 0 20px 0;background:#fff;border-color:#ccc;border-style:solid;border-width:0 1px 1px 1px;} #stylefeeder .logo{display:block;height:64px;background:url('http://img2.timeinc.net/instyle/static/2010/i/logo-stylefeeder.gif') no-repeat;text-indent:-9999px;} #stylefeeder ul{float:left;display:inline;width:220px;margin-left:25px;border-right:dotted 1px #b3b3b3;} #stylefeeder ul.last{border:0;} #stylefeeder li{padding-bottom:10px;} #stylefeeder a{font-size:11px;color:#000;} #stylefeeder a span{color:#666;} /******** END STYLEFEEDER **********/