/* ---------------------------------------------------------------- nymag fashion CSS 1. Float Clearing 2. Layout + Page Structure 3. Fashion Nav 4. Base Styles 5. Primary Content 6. Secondary Content 7. Modules ---------------------------------------------------------------- */ /* 1. Float Clearing (duplicated in ie-x.css using zoom IE hack) ----------------------------------------------------------------*/ #fashion-nav .first .nav-seasons ul:after, #content-wrap:after, #news-and-features .content li:after, .module:after, .module .head:after, .module .controls:after, .module .content:after, .module .content ul:after, .module .foot:after, .tabs ul:after, #content-controls:after, .tabbed-panel .spaz div:after, #multi-filter-search .multi-filter-open:after, #multi-filter-search:after, #multi-filter-search .multi-filter:after, #promo-wrp:after, #fashion-nav .nav-panel .panel-list ul.spaz-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 2. Layout + Page Structure ----------------------------------------------------------------*/ .fashion a {color: #016aa6; cursor: pointer;} #ad-splash {margin-bottom: 0; border-bottom: 1px solid #000;} .iezindex { z-index: 1 !important; } .fashion #content-wrap { margin-bottom: 12px; } .fashion #content { padding: 12px 0 0 0; border-width: 0; background-color: transparent; /* do not consolidate these styles into shorthand */ background-image: url(/gfx/sect/fashion/bg/pattern1.jpg); /* do not consolidate these styles into shorthand */ background-repeat: repeat-x; /* do not consolidate these styles into shorthand */ position: relative; } .fashion #content-layout { float: right; width: 805px; background-color: transparent; margin: 0; } .fashion #content-context { float: left; width: 175px; margin: 0; position: relative; margin-top: 81px; } .model-profile #content-context { margin-top: 3px; } .fashion #content-wrap, .fashion #content-primary-wrap { background-color: #fff; background-position: 100% 0; background-repeat: repeat-y; } .fashion #content-primary-wrap { float: left; border-top: 12px solid #fff; margin-bottom: 12px; /* -- cross-browser min-height hack -- */ min-height:390px; height:auto !important; height:390px; } body.layout-300ad-3col #content-wrap, body.layout-300ad-3col #content-primary-wrap {background-image: url("/gfx/sect/fashion/content-primary-wrap-300-bg.gif");} body.layout-160ad-4col #content-wrap, body.layout-160ad-4col #content-primary-wrap {background-image: url("/gfx/sect/fashion/content-primary-wrap-300-split-bg.png");} body.layout-160ad-4col #content-primary-wrap, body.layout-300ad-3col #content-primary-wrap {margin-right: -314px;} body.layout-160ad-3col #content-wrap, body.layout-160ad-3col #content-primary-wrap {background-image: url("/gfx/sect/fashion/content-primary-wrap-160-bg.gif");} body.layout-160ad-3col #content-primary-wrap {margin-right: -174px;} /* -- #content-primary -- */ .fashion #content-primary { padding: 0 6px; } body.layout-160ad-3col #content-primary {margin-right: 174px;} body.layout-160ad-4col #content-primary, body.layout-300ad-3col #content-primary {margin-right: 314px;} /* -- #content-secondary -- */ .fashion #content-secondary { float: right; margin: 0; padding: 12px 7px 0; } body.layout-160ad-3col #content-secondary { width: 160px; } body.layout-300ad-3col #content-secondary, body.layout-160ad-4col #content-secondary { width: 300px; } body.layout-160ad-4col #content-secondary .col-a { float: left; width: 134px; padding-right: 6px; } body.layout-160ad-4col #content-secondary .col-b { float: right; width: 160px; } /* .fashion #content-secondary .adContainer .head {display: none;} --if we want to hide the ad container headers-- */ /* 3. Fashion Nav ----------------------------------------------------------------*/ #fashion-nav { width: 174px; padding: 0 1px 0 0; background: #fff url("/gfx/sect/fashion/fashion-nav-bg.gif") 100% 0 no-repeat; } #related-props {background: url(/gfx/sect/fashion/fashion-context-bg.gif) left bottom repeat-y; width: 139px; margin: 0 0 18px 18px; padding-bottom: 9px; } #related-props .head {background: url(/gfx/sect/fashion/fashion-context-hdr-bg.gif) left top repeat-y; padding: 0; margin: 0; padding: 10px 14px 6px;} #related-props .head h3 {color: #fff; font: 17px Georgia, serif; line-height: 1.1em} #related-props .content {padding: 0 13px; font-size: 12px; color: #fff;} #related-props .content ul li {margin-bottom: 6px;} #related-props .content ul li a {color: #f6368c;} #related-props .content h4.sub {font-weight: normal; margin-bottom: 6px;} /* -- main nav -- */ #fashion-main-nav { margin-bottom: 10px; } #fashion-main-nav li, #fashion-main-nav li a { display: block; height: 40px; position: relative; text-indent: -999em; background-color: #fff !important; background-image: url("/gfx/sect/fashion/fashion-nav-li-bg.gif"); background-repeat: no-repeat; z-index: 2; } #fashion-main-nav-shows { background-position: 0 0; } #fashion-main-nav-shows.nav-hover, #fashion-main-nav-shows.nav-hover a { background-position: -211px 0; } #fashion-main-nav-shows a { background-position: 0 0; width: 80px; } #fashion-main-nav-shows a:hover { background-position: -425px 0; } #fashion-main-nav-designers { background-position: 0 -40px; } #fashion-main-nav-designers.nav-hover, #fashion-main-nav-designers.nav-hover a { background-position: -211px -40px; } #fashion-main-nav-designers a { background-position: 0 -40px; width: 110px; } #fashion-main-nav-designers a:hover { background-position: -425px -40px; } #fashion-main-nav-models { background-position: 0 -80px; } #fashion-main-nav-models.nav-hover, #fashion-main-nav-models.nav-hover a { background-position: -211px -80px; } #fashion-main-nav-models a { background-position: 0 -80px; width: 77px } #fashion-main-nav-models a:hover { background-position: -425px -80px; } #fashion-main-nav-parties { background-position: 0 -120px; } #fashion-main-nav-parties.nav-hover, #fashion-main-nav-parties.nav-hover a { background-position: -211px -120px; } #fashion-main-nav-parties a { background-position: 0 -120px; width: 72px; } #fashion-main-nav-parties a:hover { background-position: -425px -120px; } #fashion-main-nav-frontrow { background-position: 0 -160px; } #fashion-main-nav-frontrow.nav-hover, #fashion-main-nav-frontrow.nav-hover a { background-position: -211px -160px; } #fashion-main-nav-frontrow a { background-position: 0 -160px; width: 122px } #fashion-main-nav-frontrow a:hover { background-position: -425px -160px; } #fashion-main-nav-trends { background-position: 0 -200px; } #fashion-main-nav-trends.nav-hover, #fashion-main-nav-trends.nav-hover a { background-position: -211px -200px; } #fashion-main-nav-trends a { background-position: 0 -200px; width: 75px; } #fashion-main-nav-trends a:hover { background-position: -425px -200px; } #fashion-main-nav li#fashion-main-nav-beauty { background-position: 0 -240px; height: 41px; } #fashion-main-nav-beauty.nav-hover, #fashion-main-nav-beauty.nav-hover a { background-position: -211px -240px; } #fashion-main-nav-beauty a { background-position: 0 -240px; width: 75px; } #fashion-main-nav-beauty a:hover { background-position: -425px -240px; } #fashion-main-nav-lookfinder { background-position: 0 -280px; } #fashion-main-nav-lookfinder.nav-hover, #fashion-main-nav-lookfinder.nav-hover a { background-position: -211px -280px; } #fashion-main-nav-lookfinder a { background-position: 0 -280px; width: 127px; } #fashion-main-nav-lookfinder a:hover { background-position: -425px -280px; } #fashion-main-nav-thecut { background-position: 0 -320px; height: 41px !important; } #fashion-main-nav-thecut.nav-hover, #fashion-main-nav-thecut.nav-hover a { background-position: -211px -320px; } #fashion-main-nav-thecut a { background-position: 0 -320px; width: 118px; } #fashion-main-nav-thecut a:hover { background-position: -425px -320px; } #fashion-main-nav img { position: absolute; right: 10px; top: 8px; border-width: 0; } #fashion-main-nav li.nav-hover img { cursor: pointer; } #fashion-main-nav li.nav-hover img.panel-btn-a { display: none !important; } #fashion-main-nav img.panel-btn-b, #fashion-main-nav img.panel-btn-c { right: -5px; top: 4px; z-index: 15; } #fashion-main-nav li img.panel-btn-d { right: 10px; z-index: 5; cursor: auto; } #fashion-main-nav li.nav-hover .panel-btn { display: none; } #fashion-main-nav li.iezindex img { z-index: 1; } /* jquery function applies class to '.next'
  • to fix IE z-index bug */ #fashion-main-nav li.iezindex img.panel-btn-d { z-index: 5; } #fashion-main-nav li .tooltip { z-index: 20; position: absolute; left: 166px; top: 28px; display: block; width: 96px; color: #fff; text-indent: 0; font: 12px Arial, Helvetica, sans-serif; padding: 14px 8px 8px; line-height: 1.3em; background: url("/gfx/sect/fashion/fashion-nav-tooltip-bg.gif") no-repeat; } /* -- custom tooltip widths, styles, etc. -- */ #fashion-main-nav #fashion-main-nav-designers .tooltip { width: 106px; } #fashion-main-nav #fashion-main-nav-scene .tooltip { width: 102px; } #fashion-main-nav #fashion-main-nav-thecut .tooltip { width: 119px; left: 120px; } /* -- subnav -- */ #fashion-subnav {width: 170px; margin-left: 4px; } #fashion-subnav li { margin: 0; padding: 0; display: inline-block; } #fashion-subnav li a { display: inline-block; /*text-indent: -999em;*/ background-color: #fff; background-image: url("/gfx/sect/fashion/fashion-subnav-li-icons.gif"); background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color: #7f6c75; text-transform: uppercase; padding: 0 0 0 20px; letter-spacing: 1px; margin: 0 0 1px 0; line-height: 18px; } #fashion-subnav li#fashion-subnav-fashion-thecut a { background-position: 0 2px ; } span.subnav-fashion-thecut-em { font-size: 13px; font-style: italic; font-weight: bold; text-transform: none; } #fashion-subnav-fashionweek-calendar a, #fashion-subnav-fashion-calendar a { background-position: 0 -18px; } #fashion-subnav-fashion-myfashion a { background-position: 0 -38px; } #fashion-subnav-home a { background-position: 0 -57px; } /* -- selection panel -- */ #fashion-nav .nav-panel { z-index: 99999; position: absolute; top: -5px; left: -1000px; width: 385px; height: 407px; font-family: Arial, Helvetica, sans-serif; background: transparent url(/gfx/sect/fashion/nav-panel-back.png) no-repeat; } #fashion-nav .nav-panel-left {margin-left: 0;} #fashion-nav .nav-panel ul li { padding: 2px 2px 0px; } #fashion-nav .nav-panel .panel-wrap { width: 382px !important; } #fashion-nav .nav-panel .pointer img { position: absolute; left: -7px; top: 16px; display: block; z-index: 9999; height: 17px; width: 9px; border: 0; } #fashion-nav .nav-panel .pointer img.shows { top: 16px; } #fashion-nav .nav-panel .pointer img.designers { top: 56px; } #fashion-nav .nav-panel .pointer img.models { top: 96px; } #fashion-nav .nav-panel .pointer img.parties { top: 136px; } #fashion-nav .nav-panel .pointer img.frontrow { top: 176px; } #fashion-nav .nav-panel .pointer img.trends { top: 216px; } #fashion-nav .nav-panel .pointer img.beauty { top: 256px; } #fashion-nav .nav-panel .pointer img.lookfinder { top: 296px; } #fashion-nav .nav-panel .close img { cursor: pointer; position: absolute; right: 8px; top: 3px; display: block; padding: 2px; z-index: 9999; height: 19px; width: 19px; border: 0; } #fashion-nav .nav-panel #back_btn img { cursor: pointer; position: absolute; right: 33px; top: 5px; display: block; z-index: 9999; height: 19px; width: 19px; display: none; border: 0; } #fashion-nav .nav-panel .panel-header { font-size:12px; font-weight:bold; padding: 7px 0px 7px 6px; color: #000; text-transform: uppercase; height: 11px; border-bottom: 1px solid #b7b7b7; } #fashion-nav .nav-panel .hr-break { background: #000; } #fashion-nav .nav-panel .next, #fashion-nav .nav-panel a.list-link { border-bottom: 1px solid #e5e5e5; font-size:14px; padding:5px 10px 4px 11px; cursor: pointer; display: block; color: #016aa6; } #fashion-nav .nav-panel a.list-link { padding-left: 22px; } #fashion-nav .nav-panel .next { background: url('/gfx/sect/fashion/drill-in-arrow.gif') right no-repeat; } #fashion-nav .nav-panel .next:hover { background: #f3f2f0 url('/gfx/sect/fashion/drill-in-arrow-hover.gif') right no-repeat;} #fashion-nav .nav-panel a.list-link { background: url('/gfx/sect/fashion/drill-in-arrow.gif') 12px 6px no-repeat; } #fashion-nav .nav-panel .panel-list ul.spaz-nav { border-bottom: 1px solid #b7b7b7; } #fashion-nav .nav-panel .panel-list ul.spaz-nav li { padding: 2px 3px; margin: 1px 0px 1px 1px; float: left; } #fashion-nav .nav-panel .panel-list ul.spaz-nav li.spaz-on { background: #e8e8e8; } #fashion-nav .nav-panel .panel1 .panel-list .spaz, #fashion-nav .nav-panel .panel2 .panel-list .spaz { height: 353px; overflow: auto; } #fashion-nav .main-nav .panel1 .panel-list .spaz { height: 189px; overflow: auto; } #fashion-nav .nav-panel .profile-tn {margin:7px 0 0;} #fashion-nav .nav-panel .profile-tn ul {border:none;} #fashion-nav .nav-panel .profile-tn ul li {border:1px solid #E2E0D6; margin:0 2px; float: left; padding: 0; } #fashion-nav .nav-panel .profile-tn ul li.last {margin-right:0;} #fashion-nav .nav-panel .profile-tn ul li a {padding: 3px 4px; margin:0; width:77px; height:96px; display: block; } #fashion-nav .nav-panel .profile-tn ul li a:hover {background-color: #f0eee6; text-decoration: none;} #fashion-nav .nav-panel .profile-tn ul li a b {text-indent: 0; text-align:center; margin-top:3px; display: block; font-weight: normal; } #fashion-nav .nav-panel .profile-tn i.img {width:75px; height:65px; border: 1px solid #c1c1c1;} #fashion-nav .nav-panel .profile-tn i.img img {position:absolute; top: -21px; left: -11px;} #fashion-nav .nav-panel .pics-package-tn { margin: 0; clear: both;} #fashion-nav .nav-panel .pics-package-tn ul li {float: left; margin-bottom: 21px; padding: 0; width: 107px; padding: 0 7px; border-right: 1px solid #eaeaea; overflow: hidden; position: relative; } #fashion-nav .nav-panel .pics-package-tn ul li.edge {border-right: none;} #fashion-nav .nav-panel .pics-package-tn ul li strong {display: block; line-height: 1.1em; margin: 0 0 3px; padding: 0; font: bold 14px Georgia, "Times New Roman", Times, serif; color: #2d2d2b;} #fashion-nav .nav-panel .pics-package-tn ul li b {display: block; width: 107px; padding: 0 0 0 3px; font: normal 11px Arial, "Times New Roman", Times, serif; color: #1f638a;} #fashion-nav .nav-panel .pics-package-tn ul li p {display: block; line-height: 1.1em; margin: 6px 0 4px; font: normal 9px Georgia, "Times New Roman", Times, serif; color: #7b7b7b;} #fashion-nav .nav-panel .pics-package-tn ul li a {width: 107px; height: 129px; margin: 0; padding-top: 3px; display: block; color: #000;} #fashion-nav .nav-panel .pics-package-tn ul li a:hover {background-color: #eeece4; color: #000; text-decoration: none;} #fashion-nav .nav-panel .pics-package-tn ul li a i { height: 83px; width: 105px; } #fashion-nav .nav-panel .pics-package-tn ul li a i.img {border: 1px solid #c1c1c1;} /* Beauty Panel */ #fashion-nav .nav-panel .beauty-cut .pics-package-tn ul li a b { font-size: 10px; overflow: hidden; height: 41px; width: 103px; padding: 1px 2px 0px 2px; position: absolute; bottom: 0; background: transparent url(/gfx/sect/fashion/fff-opacity80-bg.png) repeat scroll 0 0; } #fashion-nav .nav-panel .beauty-cut .pics-package-tn ul li a:hover { background-color: transparent; } #fashion-nav .nav-panel .beauty-cut .pics-package-tn ul li a:hover b { height: 70px; } #fashion-nav .nav-panel .beauty-cut .pics-package-tn ul li i.img { position: relative; overflow: hidden; } #fashion-nav .nav-panel .beauty-cut .pics-package-tn ul li i.img img { left:-19px; position:absolute; top:0px; } #fashion-nav .nav-panel .spas-salons ul li { float: left; width: 170px; } #fashion-nav .nav-panel .spas-salons ul li a.top { border-top: 1px solid #E5E5E5 } #fashion-nav .nav-panel .spas-salons a.beauty-best-bets { color: #000; display: block; margin-top: 10px; } #fashion-nav .nav-panel .spas-salons a.beauty-best-bets p { display: block; float: left; margin-top: 30px; font-size: 11px; line-height: 1.3em; } #fashion-nav .nav-panel .spas-salons a.beauty-best-bets p span { color: #1f638a; line-height: 1.3em; } #fashion-nav .nav-panel .spas-salons a.beauty-best-bets:hover p span { text-decoration: underline; } #fashion-nav .nav-panel .spas-salons a.beauty-best-bets:hover { text-decoration: none; } #fashion-nav .nav-panel .spas-salons a.beauty-best-bets img { float: left; margin: 25px 0px 0px 40px; border: 0; } /* Trends Panel */ #fashion-nav .nav-panel .trends-cut .pics-package-tn ul li a b { font-size: 10px; overflow: hidden; height: 41px; width: 103px; padding: 1px 2px 0px 2px; position: absolute; bottom: 0; background: transparent url(/gfx/sect/fashion/fff-opacity80-bg.png) repeat scroll 0 0; } #fashion-nav .nav-panel .trends-cut .pics-package-tn ul li a:hover { background-color: transparent; } #fashion-nav .nav-panel .trends-cut .pics-package-tn ul li a:hover b { height: 70px; } #fashion-nav .nav-panel .trends-cut .pics-package-tn ul li i.img { position: relative; overflow: hidden; } #fashion-nav .nav-panel .trends-cut .pics-package-tn ul li i.img img { left:-19px; position:absolute; top:0px; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li { height: 115px; width: 67px; padding: 0 11px; margin-bottom: 10px; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li a { height: 62px; width: 67px;} #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li a:hover { background-color: #fff; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li a:hover b { text-decoration: underline; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li a i { height: 67px; width: 67px; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li a img { border: 0; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li a:hover img { text-decoration: none; } #fashion-nav .nav-panel .shopamatic .pics-package-tn ul li b { text-align: center; width: 67px; } #fashion-nav .nav-panel .hit-miss { position: relative; border: 1px #ded4cd solid; padding: 1px 0px 1px 2px; width: 158px; height: 117px; float: left; margin-left: 10px; } #fashion-nav .nav-panel .hit-miss i.img { position: relative; height: 113px; width: 75px; float: left; margin: 2px; } #fashion-nav .nav-panel .hit-miss i.img img { border: 0; } #fashion-nav .nav-panel .hit-miss i.img .hit-img { position: absolute; top: 37px; left: 19px; } #fashion-nav .nav-panel .hit-miss i.img .miss-img { position: absolute; top: 37px; left: 10px; } #fashion-nav .nav-panel .hit-miss b { position: absolute; bottom: 0px; background: #fff; opacity: .80; font-weight: bold; font-size: 13px; display: block; text-align: center; color: #000; width: 156px; height: 19px; padding-top: 7px; } #fashion-nav .nav-panel .panel1 .most-viewed-rtw h3 { font-weight: bold; } #fashion-nav .nav-panel .most-viewed-rtw ul { margin: 20px 0 0 64px; } #fashion-nav .nav-panel .most-viewed-rtw ul li { float: left; z-index: 10; } #fashion-nav .nav-panel .most-viewed-rtw ul li a.list-link { font-size: 11px; width: 128px; margin-right: 10px; background: transparent url(/gfx/sect/fashion/drill-in-arrow.gif) no-repeat scroll 3px 6px; padding: 5px 0px 4px 10px; } #fashion-nav .nav-panel .most-viewed-rtw ul li a.top { border-top: 1px solid #E5E5E5; } #fashion-nav .nav-panel .most-viewed-rtw ul li.lede { font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; float: none; z-index: 3; } #fashion-nav .nav-panel .most-viewed-rtw ul li.lede a { color: #000; } #fashion-nav .nav-panel .most-viewed-rtw i.img { position: absolute; height: 200px; width: 73px; overflow: hidden; left: 0px; top: 152px; } #fashion-nav .nav-panel .most-viewed-rtw i.img img { border: 0; position: relative; left: -26px; } #fashion-nav .nav-panel .mini { height: 79px; } #fashion-nav .nav-panel .mini i.img { height: 75px; } #fashion-nav .nav-panel .mini b { font-size: 11px; height: 15px; padding-top: 5px; } #fashion-nav .nav-panel .mini i.img .hit-img { top: 27px; } #fashion-nav .nav-panel .mini i.img .miss-img {top: 27px; } #fashion-nav .nav-panel button { display: none; } #fashion-nav .panel1, #fashion-nav .panel2, #fashion-nav .panel3 { width: 375px; height: 399px; margin: 1px 8px 7px 2px; } #fashion-nav .nav-panel .panel-div { position: relative; height: 399px; } #fashion-nav .nav-panel .first-placeholder.panel-div { display: block; } #fashion-nav .nav-panel .load-content { height: 370px; } #fashion-nav .nav-panel .loading { font: bold 18px Helvetica, Arial, sans-serif; color: #222; margin: 20px 0 0 102px; } #fashion-nav .nav-panel .loading img { border: none; outline: none; float: left; margin: -5px 10px 10px; display: block; } #fashion-nav .nav-panel .panel1 .panel-content { padding: 5px 0px 10px 7px; } #fashion-nav .nav-panel .panel1 #model-panel { padding: 25px 0px 10px 7px; } #fashion-nav .nav-panel .panel1 .panel-content h3 { font: normal 10px Arial, sans-serif; text-transform: uppercase; padding-bottom: 5px; } #fashion-nav .nav-panel .panel1 .lookfinder h3 { text-align: center; } #fashion-nav .nav-panel .panel1 .panel-content h3 span { font-weight: bold; font-size: 11px; color: #1f638a; } #fashion-nav .nav-panel .panel-footer { padding: 7px 7px 0px 0px; height: 16px; font: bold 12px Helvetica, Arial, sans-serif; position: absolute; bottom:7px; width: 372px; text-align: right; left: 0px; color: #e5076a; } #fashion-nav .nav-panel .panel-footer a { color: #e5076a; } /* -- My Fashion specific nav tweaking -- */ .myfashion07 #fashion-nav {margin-top:0px;} .myfashion07 #taxonomy {background-color:#fff;} /* 4. Base Styles ----------------------------------------------------------------*/ #content i.img, #fashion-footer i.img { font-style: normal; overflow: hidden; position: relative; display: block; } #content i.img img { border: none; } .rwl-tn i.img { display: block; width: 75px; height: 113px; } .rwl-tn i.img img { width: 75px; } .rwl-tn-shows i.img { display: block; width: 75px; height: 113px; margin-right: 25px; float: left; } .pictures-tn-grid .people-profile-tn i.img { display: block; margin-bottom: 4px; width: 100px; height: 130px; border: 1px solid #c1c1c1; } .pictures-tn-grid .people-profile-tn i.img img { position: absolute; top: -7px; left: -7px; } .pics-package-tn i.img { display: block; margin-bottom: 4px; width: 114px; height: 114px; border: none; } #most-recent-season-pic-packs-promo .pics-package-tn i.img { display: block; margin-bottom: 4px; width: 97px; height: 97px; border: none; } pics-package-tn i.img img { position: absolute; top: -7px; left: -7px; } #content-secondary .pic-tn i.img {display: block; width: 95px; height: 114px;} .v-tn i.img {display: block; width: 120px; height: 90px; margin-bottom: 8px; border: none;} .v-tn img.overlay { border: medium none !important; height:48px; /* margin:0 0 -55px 35px; position:relative; top:-80px;*/ position:absolute; top:26px; left:40px; width:48px; } .content ul li { position: relative; } .rwl-tn b { font-weight: normal; position: absolute; display: block; top: 85px; left: 1px; width: 67px; height: 26px; text-align: center; background: url(/gfx/sect/fashion/000-opacity80-bg.png); color: #bfbfba; padding: 3px 4px 1px; line-height: 1.05em; overflow: hidden; } .rwl-tn a:hover b { color: #efefea; } #content-primary .module .content .sort {clear: both; float: right; margin: 5px 0;} #content-primary .module .content .sort p {margin: 0; padding: 2px 2px 0 0; float: left;} #content-primary .module .content .sort form {float: left;} #content-primary .module .content .sort form select {margin: 0 0 2px; padding: 0; width: 100px; height: 18px; border: 1px solid #dcdcda; background-color: #f8f8f6; color: #5f5e59;} .uberselect {position: relative; display: inline;} .uberselect .selected {cursor: pointer;} .uberselect-panel {z-index: 100; display: none; position: absolute; left: 0; width:200px;} /* 5. Primary Content ----------------------------------------------------------------*/ #share-email-print-tools {border-width: 0;} .fashion #content-head { position: relative; padding-top: 4px; margin-bottom: 13px; color: #fff; } .fashion #content-head h1 { font: normal 26px Georgia, serif; display: inline; } .fashion #content-head .uberselect h1 {font-size: 24px; border: 1px solid #2a2a2a; background: url(/gfx/sect/fashion/contextswitcher-tout-bg.gif) no-repeat 98% -8%; padding: 0 24px 2px 5px; cursor: pointer;} .fashion #content-head .uberselect h1 span {font-size: 16px; text-transform:uppercase; color:#dddddd;} .fashion #content-head .uberselect-hover h1 {cursor: pointer; color: #efefef;} .fashion #content-head .uberselect h1.active {background-position: 98% 110%;} .fashion #content-head .uberselect .find-by-alpha {display: none;} #content-head .uberselect-panel {background-color: #191919; border: 1px solid #2a2a2a; padding-bottom: 6px; height: 327px; } #content-head .uberselect-panel .find-by-alpha { background-color: #3c3c3c; margin: 1px 1px 4px; padding: 2px 6px;} #content-head .uberselect-panel .find-by-alpha div {display: inline; font: 9px Verdana, sans-serif;} #content-head .uberselect-panel .find-by-alpha div a {padding: 2px 4px; color: #fff; letter-spacing: -0.12em;} #content-head .uberselect-panel .find-by-alpha div a:hover {background-color: #5f5f5f; text-decoration: none;} #content-head .uberselect-hover .find-by-alpha div {width: 15px; height: 15px;} #content-head .uberselect-panel ul {height: 323px; overflow: auto; margin: 2px 0; width: 97%; display: none; } #content-head .uberselect-panel ul li {display: block; margin: 0 4px 0 2px; border-bottom: 1px solid #2b2b2b; } #content-head .uberselect-panel ul li.loading { text-align: center; border-bottom: 0; } #content-head .uberselect-panel ul li.loading img { border: 0; } #content-head .uberselect-panel ul li a {display: block; padding: 4px 9px 4px;color: #939393; font: 14px Helvetica, Arial, sans-serif; border: 1px solid #191919; border-width: 1px 0;} #content-head .uberselect-panel ul li a:hover {background-color: #373737; color: #fff; text-decoration: none;} /* -- page tabs -- */ #content-controls {margin-top: -5px; } #content-controls .tabs ul {float: left;} #content-controls .tabs ul li { background: #b7b5b2; color: #999; float: left; margin: 6px 3px 0 0; } #content-controls .tabs ul li a { display: block; font: normal 13px Helvetica, Arial, sans-serif; color: #575753; padding: 4px 6px; } #content-controls .tabs ul li a:hover { text-decoration: none; color: #000; } #content-controls .tabs ul li.ui-tabs-selected { margin: 5px 3px -5px 0; } #content-controls .tabs ul li.ui-tabs-selected a { padding: 5px 6px 6px; background: #fff; color: #000; } #content-controls .tabs ul li.ui-tabs-selected a:hover { text-decoration: none; cursor: default; } #content-controls .tabs h5 {margin: 6px 0 0; padding: 3px 0 5px 6px; position: relative; float: left; width: 162px; height: 11px; background-color: #ed1475; color: #fff; font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #ed1475 url("/gfx/sect/fashion/video-icon.gif") no-repeat 148px 5px;} #content-controls .tabs h5 a {display: block; width: 162px; height: 19px; color: #fff;} .fashion #content h1.section-hed a {display: block; z-index: 1; position: absolute; left: 0; top: -7px; height: 25px; width: 150px;} .look-finder-search-results #content #content-layout #content-head .head h1 a {display: block; z-index: 1; position: absolute; left: 0; top: 0; height: 45px; width: 197px;} /* Splash Pages ----------------------------------------------------------------*/ #content-primary #flashcontent { position: absolute; left: -11px; top: -64px; } #content-primary #flashcontent div.cut-lede-wrp { width:491px; height:370px; } #content-primary #flashcontent div.cut-lede-wrp img{ width:491px; height:329px; } #content-primary #flashcontent div.cut-lede-wrp.tall img{ height:375px; width:250px; } .fashion-splash #content-primary .module .headlines-tn { margin-bottom: 0px; } .splash-page #content-head {margin-bottom: 39px;} .splash-page #content-head h1 {display: none;} /* Shows */ .fashion-shows .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-fashionshows.png") no-repeat !important;} /* Designers */ .designers .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-designers.png") no-repeat !important;} /* Models */ .model .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-models.png") no-repeat !important;} .model .splash-page #content-head .content {float: right; width: 380px; padding-top: 6px; text-align: right;} .model .splash-page #content-head .content h4, .model .splash-page #content-head .content ul, .model .splash-page #content-head .content li {display: inline; font: normal 9px Verdana, sans-serif;} .model .splash-page #content-head .content h4 {color: #2640ff; margin-right: 9px;} .model .splash-page #content-head .content li {padding-right: 7px; border-right: 1px solid #666; margin-right: 7px;} .model .splash-page #content-head .content li.last {border-width: 0;} .model .splash-page #content-head .content li a {color: #fff;} /* Parties */ .parties #lede-primary { width: 469px; text-decoration: none; } .parties #lede-secondary li img {margin:-15% 0 0} .parties .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-parties.png") no-repeat !important;} /* Front Row/Backstage */ .frontrow-backstage #lede-primary { width: 469px; text-decoration: none; } .frontrow-backstage .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-frontrow.png") no-repeat !important;} /* Look Finder */ .look-finder .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-lookfinder.png") no-repeat !important;} /* Trends */ .trends .splash-page #content {background: url("/gfx/sect/fashion/splash-bg-trends.png") no-repeat !important;} /* Season Archive */ .seasons #content-head {position: static;} .seasons #content h1.section-hed {position: absolute; left: 11px; top: 26px; text-indent: -999em; height: 13px; width: 150px; background: transparent url("/gfx/sect/fashion/shows-by-season-sm.png") no-repeat ;} /* Fashion Home */ .fashion-splash #content-wrap #content {background: transparent url("/gfx/sect/fashion/fashion.png") no-repeat !important;} .fashion #content h1.section-hed {position: absolute; left: 11px; top: 26px; text-indent: -999em; height: 13px; width: 150px;} /* Designers object pages */ .label-overview #content h1.section-hed {background: transparent url("/gfx/sect/fashion/designers-sm.png") no-repeat;} /* Models object pages */ .model-search-results #content h1.section-hed, .model-profile #content h1.section-hed {background: transparent url("/gfx/sect/fashion/models-sm.png") no-repeat;} /* Shows object pages */ .fashion-collection #content h1.section-hed {background: transparent url("/gfx/sect/fashion/fashionshows-sm.png") no-repeat;} /* Look Finder search results */ .look-finder-search-results #content-head {position: static; height: 30px;} .look-finder-search-results #content-head h1 {position: absolute; left: 0; top: 0; display: block; text-indent: -999em; width: 197px; height: 34px; background: transparent url("/gfx/sect/fashion/lookfinder-sm.png") no-repeat;} /* Reader Rankings */ .reader-rankings #ad-splash {display: none;} .reader-rankings #content h1.section-hed {background: transparent url("/gfx/sect/fashion/reader-rankings.png") no-repeat;} .module .uberselect {font: 10px Verdana, Helvetica, Arial, sans-serif; color: #5f5e59; width: 149px; text-align: left; border: 1px solid #dcdcda; display: block; float: left; margin: 0 2px 3px 3px;} .module .uberselect h5 {font-weight: normal; padding: 2px 7px 2px 3px; background: #f8f8f6 url("/gfx/sect/fashion/uberselect-control-bg.gif") no-repeat 100% 0; cursor: pointer;} .module .uberselect-panel {background: #fff; border: 1px solid #bfbeb5; border-width: 0 1px 1px; left: -1px; top: -1px;} .module .uberselect-panel .head {background: #f8f8f6; padding: 0 !important; margin-bottom: 1px !important; border: 1px solid #bfbeb5 !important; border-width: 1px 0 !important; cursor: pointer; } .module .uberselect-panel .head h6 {background: #f8f8f6 url("/gfx/sect/fashion/uberselect-control-bg.gif") no-repeat 100% -13px; padding: 2px 7px 2px 3px; margin: 0; cursor: pointer; color: #595959; text-transform: none; font-size: 10px;} .module .uberselect-panel .head h6 strong {font-weight: normal;} .module .uberselect-panel ul {max-height: 323px; overflow: auto; margin: 2px 0 !important;} .module .uberselect-panel ul li {display: block; margin: 0 4px 0 2px; border-bottom: 1px dotted #e4e3e0; padding: 0;} .module .uberselect-panel ul li a {display: block; padding: 4px 1px 4px; font: 11px Verdana, sans-serif; } .module .uberselect-panel ul li a strong {font-weight: normal; color: #1f638a} .module .uberselect-panel ul li a:hover {background-color: #f8f8f6; text-decoration: none;} .multi-filter h5 {font: normal 11px Verdana, sans-serif; float: left; padding-left: 3px; margin-bottom: 3px;} .multi-filter h5.add-filter {float:none;} #multi-filter-search .uberselect h5 {font-size: 10px; position:static; padding: 0 7px 0 3px; float: none; margin-bottom: 0;} /*#multi-filter-search .module {border-top: 1px solid #eeece4; border-width: 1px 0 0; margin: 0 3px 0 2px;}*/ #multi-filter-search .pictures-tn-grid {border-top: 1px solid #eeece4; margin: 0;} #multi-filter-search .head {border-width: 0; padding-bottom: 0; margin-bottom: 0; position: relative; padding-right: 15px;} #multi-filter-search .head h3 {font: bold 11px Arial, Helvetica, Verdana, sans-serif; color: #898989; } #multi-filter-search .head h3.open strong {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.05em;} #multi-filter-search .head h5 {display: inline; font: normal 21px Georgia, sans-serif;} #multi-filter-search .head h5 a {padding-right: 14px; margin-right: 7px; color: #000; background: url(/gfx/sect/fashion/search-filter-clear-bg.gif) no-repeat 100% 50%;} #multi-filter-search .head h5 a:hover {text-decoration: line-through} #multi-filter-search .head h6 {text-align: right; position: absolute; right: 0; bottom: -14px;} #multi-filter-search .head h6 a {font: normal 11px Verdana, Arial, Helvetica, sans-serif;} #multi-filter-search .controls {border-bottom: 1px solid #eeece4;} #multi-filter-search .controls .toggle-control {position: absolute; top: 1px; right: 0;} #multi-filter-search .controls .toggle-control a {width: 100px; text-align: right; font-weight: normal; color: #d8d6ce; background: url("/gfx/sect/fashion/fashion-controls-bg.gif") no-repeat 106px -64px; display: block; padding: 6px 28px 6px 0;} #multi-filter-search .controls .open a {background-position: 106px -98px ;} #multi-filter-search .content {position: relative;} #multi-filter-search .multi-filter {padding: 0px 5px 5px; background-color:#fff; color: #b7b2b2;} #multi-filter-search .multi-filter p {margin: 0 0 5px 1px;} #multi-filter-search .multi-filter form select {margin: 5px 5px 0 0; padding: 0; width: 109px; height: 18px; border: 1px solid #dcdcda; background-color: #f8f8f6; color: #5f5e59;} #multi-filter-search .multi-filter .uberselect {width: 109px; margin: 0 3px 3px 0;} .multi-filter .uberselect-panel {background-color: #fff; border: 1px solid #bcbbb7; border-width: 0 1px 1px; width: 198px !important; padding-bottom: 6px; top: -4px; left: -4px;} .multi-filter .uberselect-panel .head {position: static !important; color: #fff; padding-left: 5px !important;} .multi-filter .uberselect-panel .head h6 {position: static !important; text-align: left !important;} .multi-filter .uberselect-panel ul {height: 323px; width: 195px; overflow: auto; margin: 2px 0;} .multi-filter .uberselect-panel ul li {display: block; margin: 0 4px 0 2px; border-bottom: 1px dotted #e4e3e0} .multi-filter .uberselect-panel ul li a {display: block; padding: 4px 9px 4px;color: #939393; font: 11px Verdana, sans-serif; } .multi-filter .uberselect-panel ul li a strong {font-weight: normal; color: #1f638a} .multi-filter .uberselect-panel ul li a:hover {color: #1f638a} #filter-select-Gender .uberselect-panel {left: -80px;} #filter-select-Gender .uberselect-panel ul {height: 45px; overflow: visible;} .multi-filter .uberselect-inactive {color: #bbbab7;} .multi-filter .uberselect-inactive h5 {cursor: default;} .multi-filter .uberselect-inactive .uberselect-panel {display: none !important;} #multi-filter-search {border-width: 0;} #multi-filter-search .rwl-tn {padding: 20px 0;} #multi-filter-search .rwl-tn ul {margin: 0 0 0 15px;} #multi-filter-search .rwl-tn ul li {float: left; margin: 0 6px 11px 5px; padding: 0;} #multi-filter-search .search-result-prevnext {position: absolute; right: 0; top: 10px;} #multi-filter-search .search-result-prevnext a {font-weight: bold; border-left: 1px solid #eeece4;} #multi-filter-search .search-result-prevnext a:hover {text-decoration: none;} #multi-filter-search .search-result-prevnext a.prevInactive {border-width: 0; color: #dee2e4; background: #fff url("http://images.nymag.com/gfx/mod/arrow-l-3x5-dee2e4.gif") no-repeat 10% 50%; padding-left: 1em;} #multi-filter-search .search-result-prevnext a.prevInactive:hover {cursor: default;} #multi-filter-search .search-result-prevnext a.prevActive {border-width: 0; background: #fff url("http://images.nymag.com/gfx/mod/arrow-l-3x5-256490.gif") no-repeat 10% 50%; padding-left: 1em;} #multi-filter-search .search-result-prevnext a.nextInactive {color: #dee2e4; background: #fff url("http://images.nymag.com/gfx/mod/arrow-r-3x5-dee2e4.gif") no-repeat 90% 55%; padding-right: 1em;} #multi-filter-search .search-result-prevnext a.nextInactive {cursor: default;} #multi-filter-search .search-result-prevnext a.nextActive {background: #fff url("http://images.nymag.com/gfx/mod/arrow-r-3x5-256490.gif") no-repeat 90% 55%; padding-right: 1em;} #multi-filter-search .search-result-count {position: absolute; left: 7px; top: 10px; color: #666;} #multi-filter-search .media-links {position: absolute; left: 160px; top: 10px;} #multi-filter-search .media-links .video-link {padding-left: 4px; border-left: 1px solid #eeece4;} #content-primary .module div.single-filter {margin: 5px 0; padding: 0px 5px 5px; background-color:#fff; color: #b7b2b2;} #content-primary .module div.single-filter span {color: #000;} #content-primary .module div.single-filter form select {margin: 5px 5px 0 0; padding: 0; width: 109px; height: 18px; border: 1px solid #dcdcda; background-color: #f8f8f6; color: #5f5e59;} /* -- models, labels (model profile, label overview) -- */ #model-profile {height: 336px; overflow: hidden;} #model-profile .controls {width: 605px; padding: 2px; text-align: right; background-color: #f5f4ee; border: 1px solid #eeece4; border-width: 1px 0; position: absolute; left: 0; bottom: 0; z-index: 2;} #model-profile .controls h6 a {font: normal 10px Verdana, Helvetica, Arial, sans-serif; display: block; background: url("/gfx/sect/fashion/more-less-toggle-bg.gif") no-repeat 100% 0; padding: 2px 22px 2px 0; color: #9f9b8e;} #model-profile.toggle-active {padding-bottom: 33px;} #model-profile.toggle-active .controls h6 a {background-position: 100% -34px;} #content-primary #model-profile, #content-primary .line {border: none;} #model-profile .head {float: left; width: 198px; display: inline; border-width: 0; padding: 0; margin: 8px 0 0 16px;} #model-profile .head i.img {width: 196px; height: 295px; border: 1px solid #ebebe6;} #model-profile .head a {display: block; width: 198px; height: 297px; position: relative;} #model-profile .head a img.slideshow-ico {float: right;} #model-profile .head b { font-weight: normal; font-size: 12px; position: absolute; display: block; bottom: 1px; left: 1px; height: 19px; padding: 2px 0 0 6px; width: 189px; background: url("/gfx/sect/fashion/model-profile-photo-slideshow-bg.png"); color: #bbbbb9; } #model-profile .content {float: left; width: 377px; position: relative; margin: 5px 0 0 18px;} #model-profile .content dl dt {text-transform: uppercase; color: #888; font-size: 10px; position: absolute; left: 0; margin-top: 3px; padding-left: 1px; line-height: 1.3em;} #model-profile .content dl dt.primary {margin-top: 6px;} #model-profile .content dl dd {border-bottom: 1px solid #eeece4; padding: 3px 0 2px 95px; color: #494949; line-height: 1.3em; } #model-profile .content dl dd.primary {font-size: 13px; padding: 4px 0 4px 95px;} .line .head {} .line .head i.img {} .line .head b .line .head a {} .line .head a img.slideshow-ico {} .line .content {} .line .content dl dt {} .line .content dl dt.primary {} .line .content dl dd {} .line .content dl dd.primary {} #quotes {height: 140px;} #quotes .content {height: 105px !important;} #quotes .controls {display: none;} #quotes .c-over .prev {left: 0;} #quotes .c-over .next {right: 0;} #content-primary #quotes .content {margin: 0;} #quotes ul {margin-bottom: 5px;} #quotes li {padding: 13px 0; height: 85px; text-align: center; width: 619px;} #quotes li blockquote {width: 495px; text-align: left; margin: 0 auto; font: 16px Georgia, serif; margin-bottom: 5px; line-height: 1.4em; height: 70px; overflow: auto !important;} .layout-300ad-3col #quotes {height: 180px !important;} .layout-300ad-3col #quotes .content {height: 145px !important;} .layout-300ad-3col #quotes li {padding: 13px 0; height: 125px; text-align: center; width: 479px;} .layout-300ad-3col #quotes li blockquote {width: 355px; height: 110px; text-align: left; margin: 0 auto; font: 16px Georgia, serif; margin-bottom: 5px; line-height: 1.4em; overflow: auto !important;} #quotes li cite {float: right; font: 12px Georgia, serif; margin-right: 75px;} #timeline .head {margin-bottom: 12px;} #timeline .content div {float: right; background: #fff; padding: 0 11px 0 22px; text-align: center;} #timeline .content div .img {border: 1px solid #d2d2d2; margin-bottom: 3px;} #timeline .content div b {font: 11px Georgia, serif; color: #888; font-style: italic;} #timeline .content dl dt {text-transform: uppercase; color: #888; font-size: 10px; position: absolute; left: 0; margin-top: 4px; padding-left: 1px; line-height: 1.6em; text-align: right; width: 71px;} #timeline .content dl dd {border-bottom: 1px solid #eeece4; padding: 3px 0 3px 95px; color: #494949; font-size: 12px; line-height: 1.6em;} #related-sites .head {margin-bottom: 12px;} #related-sites .content dl { position: relative; } #related-sites .content dl dt {text-transform: uppercase; color: #888; font-size: 10px; position: absolute; left: 0; margin-top: 4px; padding-left: 1px; line-height: 1.6em; text-align: right; width: 71px;} #related-sites .content dl dd a { padding: 3px 0 3px 95px; color: #494949; font-size: 12px; line-height: 1.6em;} #related-sites .content dl dd a { font-size: 12px; color: #3b7698; } /* -- designers - designer profile -- */ #content-primary #designer-profile {border: none;} #designer-profile .head {float: left; width: 198px; border-width: 0; padding: 0; margin: 8px 0 0 16px;} #designer-profile .head i.img {width: 196px; height: 295px; border: 1px solid #ebebe6;} #designer-profile .head a {display: block; width: 198px; height: 297px; position: relative;} #designer-profile .head a img.slideshow-ico {float: right;} #designer-profile .head b { font-weight: normal; font-size: 12px; position: absolute; display: block; bottom: 1px; left: 1px; height: 18px; padding: 3px 0 0 6px; width: 189px; background: url("/gfx/sect/fashion/model-profile-photo-slideshow-bg.png"); color: #bbbbb9; } #designer-profile .content {float: left; width: 381px; position: relative; margin: 5px 0 0 18px;} #designer-profile .content dl dt {text-transform: uppercase; color: #888; font-size: 10px; position: absolute; left: 0; margin-top: 3px; padding-left: 1px; line-height: 1.3em;} #designer-profile .content dl dt.primary {margin-top: 6px;} #designer-profile .content dl dd {border-bottom: 1px solid #eeece4; padding: 3px 0 2px 95px; color: #494949; line-height: 1.3em;} #designer-profile .content dl dd.primary {font-size: 13px; padding: 4px 0 4px 95px;} #content-primary .module .pagination {margin: 0 0 10px; padding: 0; clear: both;} #content-primary .module .rwl-tn-shows .pagination, #content-primary .module .pics-package-tn .pagination, #content-primary .module .pics-tn .pagination {margin: 10px 0 10px; padding: 0; clear: both;} #content-primary .module .pagination a {font-weight: bold;} #content-primary .module .pagination-btm {float: right; margin: 0 0 10px; padding-top: 10px; clear: both;} #content-primary .module .pagination .sorted-by {display: inline; margin-top: 0; padding: 0 5px 0 30px;} #content-primary .module .pagination .sorted-by form {display: inline; padding-right: 5px;} #content-primary .module .pagination .sorted-by form select {margin: 0; padding: 0; width: 100px; height: 18px; border: 1px solid #dcdcda; background-color: #f8f8f6; color: #5f5e59;} #content-primary .pictures-tn-grid .people-profile-tn { margin: 0 -3px 0 0; padding: 15px 0 11px;} #content-primary .pictures-tn-grid .people-profile-tn ul li a {width: 102px; margin: 0; padding: 8px 8px 0 8px; display: block; height: 182px; color: #000;} #content-primary .pictures-tn-grid .people-profile-tn li a:hover {background-color: #262626; color: #fff; text-decoration: none;} #content-primary .pictures-tn-grid .people-profile-tn ul li a:hover i.img {border: 1px solid #4a4a4a;} #content-primary .pictures-tn-grid .people-profile-tn ul li {float: left; margin: 0; padding: 0; text-align: center;} #content-primary .pictures-tn-grid .people-profile-tn ul li strong {display: block; line-height: 1.1em; margin-bottom: 2px;} #content-primary .pictures-tn-grid .people-profile-tn ul li b {font-weight: normal;} #content-primary #top-models ul li b {font-weight: bold;} #content-primary .float-hack {border-width: 0; clear: both;} #content-primary .module .pics-package-tn {float: left; margin: 0; padding: 15px 0; clear: both;} #content-primary .module .pics-package-tn ul li {float: left; margin: 0 4px 21px 0; padding: 0; width: 143px; border-right: 1px solid #eaeaea; overflow: hidden;} #content-primary .module .pics-package-tn ul li.edge {border-right: none;} #content-primary .module .pics-package-tn ul li strong {display: block; line-height: 1.1em; margin: 0 0 3px; padding: 0; font: bold 14px Georgia, "Times New Roman", Times, serif; color: #2d2d2b;} #content-primary .pics-package-tn ul li b {display: block; width: 123px; font: normal 11px Georgia, "Times New Roman", Times, serif; color: #565656;} #content-primary .pics-package-tn ul li p {display: block; line-height: 1.1em; margin: 6px 0 4px; font: normal 9px Georgia, "Times New Roman", Times, serif; color: #7b7b7b;} #content-primary .pics-package-tn ul li a {width: 115px; height: 249px; margin: 0; padding: 12px 12px 0; display: block; color: #000;} #content-primary .pics-package-tn li a:hover {background-color: #eeece4; color: #000; text-decoration: none;} #content-primary .pics-package-tn ul li a:hover i.img {border: none;} #content-primary #most-recent-season-pic-packs-promo {margin: 0; padding: 9px 0 0;} #content-primary #most-recent-season-pic-packs-promo .head {margin-top: 0; padding-top: 0; border-width: 0;} #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul {margin: 0 7px 0 7px; padding: 0;} #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul li {float: left; margin: 0; padding: 2px 9px 0; width: 97px; height: 141px; border-right: 1px solid #eae9e5;} #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul li.edge {border-right: none;} #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul li b {display: block; width: 97px; font: normal 11px Arial, Helvetica, sans-serif; } #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul li p {line-height: 1em; margin: 0; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; } #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul li a {margin: 0; padding: 0; display: block; } #content-primary #most-recent-season-pic-packs-promo .pics-package-tn ul li a:hover {background-color: transparent; text-decoration: underline;} #content-primary .pics-package-tn ul li a i.img {border: 1px solid #c1c1c1;} #content-primary .pics-package-tn ul li a:hover i.img {border: 1px solid #c1c1c1;} #content-primary #lede-flash {height: 321px; border-width: 0; margin: 0 0 0 5px !important;} #content-primary #lede-flash-carousel {height: 371px; border-width: 0; margin: 0 0 12px 5px !important;} .layout-160ad-3col #content-primary #lede-flash {width: 479px; float: left;} #lede-wrp, #lede, #lede-primary, #lede-secondary {border-width: 0;} #lede-secondary {width: 133px; background: url("/gfx/sect/fashion/lede-secondary-content-bg.gif") repeat-y 50% 100%; float: right; margin: 0 !important; text-align: center;} #lede-secondary .head {background: url("/gfx/sect/fashion/lede-secondary-head-bg.gif") repeat-y 50% 0; padding: 10px 0 0;} #lede-secondary .head h3 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; display: block;text-align: center;} #lede-secondary .head h3 a {color: #000;} #lede-secondary .head h3 a:hover {color: #016aa6;} #lede-secondary .content {padding: 0 9px 0 8px; } #lede-secondary .content ul li {text-align: center;} #lede-secondary .content ul li i.img {margin: 5px 0; padding: 0; width: 114px; height: 85px; border: 1px solid #e2e0d6;} #lede-secondary .content ul li a b {font: bold 12px Georgia, "Times New Roman", Times, serif; color: #000; display: block; padding: 0 0 5px;} #lede-primary, #lede-secondary .content ul li a:hover b {text-decoration: underline;} #lede-secondary .foot {padding: 0 9px 9px 8px; font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; margin: 0; } #lede-primary, #lede-secondary .content ul li a {text-decoration: none;} #lede-primary, #lede-secondary .content ul li a:hover {text-decoration: underline;} #lede-secondary .foot {padding: 11px 5px 10px;} #video-player {margin: 30px 0;} #video-player .content {padding: 10px 3px; text-align: center;} #video-player .content iframe {margin: 0 auto;} /* 6. Secondary Content ----------------------------------------------------------------*/ #content-secondary .module .rwl-tn ul li, #content-secondary .module .linklist ul li {float: left; margin: 5px 5px 0 5px; padding: 0;} #content-secondary .module .rwl-tn h3.sub, #content-secondary .module .linklist h3.sub {margin: 5px 5px 0; padding: 0;} #content-secondary .module .foot {margin: 0 0 15px 5px; padding: 0; text-align: right;} #content-secondary .pic-tn i.img {display: block; width: 95px; height: 114px;} #content-secondary .pic-tn {float: left; margin: 0; padding: 10px 0;} #content-secondary .pic-tn ul li a {display: block;} #content-secondary .pic-tn ul li {float: left; margin: 0 5px 5px 0; padding: 0;} #content-secondary .pic-tn ul li b {font-weight: normal;} #content-secondary .profile-tn {margin: 7px 0 0 3px; padding: 0;} #content-secondary .profile-tn ul {margin: 0; padding: 0; border-top: 1px solid #ebebe6; border-left: 1px solid #ebebe6;} #content-secondary .profile-tn ul li {float: left; margin: 0; padding: 0; border-right: 1px solid #ebebe6; border-bottom: 1px solid #ebebe6;} #content-secondary .profile-tn ul li a {display: block; width: 97px; height: 97px;} #content-secondary .profile-tn i.img {display: block; width: 97px; height: 97px;} #content-secondary .profile-tn ul li a b {display: block; font-weight: normal; text-indent: -999em;} #content-secondary #people-promo .content h3.sub {text-transform: uppercase;} #content-secondary #people-promo .foot {padding: 0 4px 4px; border-bottom: 1px solid #f0eee6;} #content-secondary .people-promo {clear: both; margin: 10px 0 15px 3px;} #content-secondary .people-promo .profile-tn {margin: 10px 0 0 3px; padding: 0; } #content-secondary .people-promo .profile-tn ul {border: none; margin-bottom: 10px; clear: both;} #content-secondary .people-promo .profile-tn ul li {float: left; border: none; margin: 0 7px 0 0;} #content-secondary .people-promo .profile-tn ul li a {display: block; width: 91px; height: 91px;} #content-secondary .people-promo .profile-tn i.img {display: block; width: 91px; height: 91px;} #content-secondary .people-promo .profile-tn i.img img {border: 1px solid #ebebe6;} #content-secondary .people-promo .profile-tn ul li a b {display: block; font-weight: normal;text-align: center; margin: 5px 0; text-indent: inherit;} #content-secondary #designer-for-line {background-color:#f4f3ed; position: relative; margin: 0 0 15px; padding: 0 0 10px; height: 120px; border: none;} #content-secondary #designer-for-line .head {border: none; margin: 0; padding: 15px 0 0 0;} #content-secondary #designer-for-line .head h3 {border: none; margin: 0; padding: 0 0 2px 21px; font: normal 17px Georgia, "Times New Roman", Times, serif; color: #000;} #content-secondary #designer-for-line .content {margin: 0; padding: 0 0 21px 21px; border-bottom: 1px solid #fff;} #content-secondary #designer-for-line .content p {margin: 0; padding: 0 0 3px; width: 128px; line-height: 1.25em; color: #333;} #content-secondary #designer-for-line .content a {display: block; margin: 0; padding: 0; text-transform: uppercase;} #content-secondary #designer-for-line .content i.img {width: 97px; height: 97px; border: 1px solid #c5c5c4; position: absolute; top: 3px; right: 3px;} #content-secondary #designer-for-line .foot h6 {margin: 0; padding: 5px 0 0 21px; font: normal 11px Arial, Helvetica, sans-serif; color: #68675e;} #content-secondary #designer-for-line-r-one {background-color:#f8f8f4; position: relative; margin: 0 0 15px; padding: 0 0 10px; border: 1px solid #eceae6; height: 110px;} #content-secondary #designer-for-line-r-one .content {margin: 0; padding: 0;} #content-secondary #designer-for-line-r-one .content b {margin: 0; padding: 0; width: 175px; line-height: 1.25em; color: #000; font: normal 12px Arial, Helvetica, sans-serif; position: absolute; left: 118px; top: 45px;} #content-secondary #designer-for-line-r-one .content b strong {font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; padding: 0;} #content-secondary #designer-for-line-r-one .content i.img {float: left; width: 97px; height: 97px; border: 1px solid #c1c1c1; margin: 6px 12px 5px 7px;} #content-secondary #season-coverage {position: relative; margin: 0 0 15px; padding: 1px 0; border-bottom: 1px solid #f8f7f3;} #content-secondary #season-coverage .head {background: #fff url("/gfx/sect/fashion/more-arrow.gif") no-repeat 92% 50%; border: none;} #content-secondary #season-coverage .head:hover {background: #f8f8f6 url("/gfx/sect/fashion/more-arrow-hover.gif") no-repeat 92% 50%;} #content-secondary #season-coverage .head h3 {width: 180px; border: none; margin: 0; padding: 0 0 2px 11px; font: normal 32px Georgia, "Times New Roman", Times, serif; color: #000;} #content-secondary #season-coverage .head h3 a {display: block; color: #000; line-height: 1em; width: auto;} #content-secondary #season-coverage .head h3 a:hover {background-color:#f8f8f6; text-decoration: none;} #content-secondary .col-a #the-cut-promo {border-width: 0; padding-right: 10px;} #content-secondary .col-a #the-cut-promo .head {background: url("/gfx/sect/fashion/the-cut-logo-127x39.gif") no-repeat 50% 0; padding: 53px 4px 10px; border-width: 0;} #content-secondary .col-a #the-cut-promo .head a {display: block; width: 127px; height: 47px; position: absolute; top: 0; left: 2px; text-indent: -999em;} #content-secondary .col-a #the-cut-promo .head h3 {margin: 0; padding: 2px 0; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; border: 1px solid #eeece4; border-width: 1px 0; text-align: center;} /* old headline-list, replaced with headlines moving forward */ #content-secondary .col-a #the-cut-promo .headline-list ul li {margin: 0 4px 14px; padding: 0;} #content-secondary .col-a #the-cut-promo .headline-list ul li p {line-height: 1.1em; font: 11px Georgia, "Times New Roman", Times, serif; color: #4a463e;} #content-secondary .col-a #the-cut-promo .headline-list ul li p a {display: block; color: #4a463e; text-decoration: none;} #content-secondary .col-a #the-cut-promo .headline-list ul li b {display: block; margin: 0; padding: 0; font: normal 10px Georgia, "Times New Roman", Times, serif;} #content-secondary .col-a #the-cut-promo .headline-list ul li b a {color: #c1c0bd; text-decoration: none;} #content-secondary .col-a #the-cut-promo .headline-list ul li p strong {display: block; margin: 2px 0; padding: 0; font: bold 12px Georgia, "Times New Roman", Times, serif; color: #016aa6;} #content-secondary .col-a #the-cut-promo .headline-list ul li p strong:hover { text-decoration: underline;} #content-secondary .col-a #features-promo {margin: 0 7px 0 0; padding: 0 10px 0 0;} #content-secondary .col-a #features-promo .head {border-width: 0;} #content-secondary .col-a #features-promo .stories-list ul li {margin: 0 0 14px 4px; padding: 0;} #content-secondary .col-a #features-promo .stories-list ul li p {display: block; line-height: 1.1em; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; color: #4a463e;} #content-secondary .col-a #features-promo .stories-list ul li p strong {display: block; line-height: 1.3em; margin: 6px 0 0; padding: 0; font-size: 12px; font-weight: bold;} #content-secondary .col-a #features-promo .stories-list ul li p strong a { font-weight: bold;} #content-secondary .col-a #features-promo .stories-list ul li p b {display: block; margin: 0; padding: 3px 0; text-transform: uppercase; font-size: 10px;} #content-secondary .col-a #features-promo .stories-list ul li p b a {color: #949494; text-decoration: none;} #content-secondary #profile-promo {} #content-secondary #profile-promo .head {border-width: 0; margin: 0; padding: 0 0 21px;} #content-secondary #profile-promo .head h3 {font: normal 27px Georgia, "Times New Roman", Times, serif; color: #d4d2ca; line-height: 0.85em; padding: 6px 0 5px 2px; text-transform: uppercase;} #content-secondary #profile-promo .head p {margin: 0; padding: 2px 3px; border: 1px solid #eeece4; border-width: 1px 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} #content-secondary #profile-promo .head a {} #content-secondary #profile-promo .head a:hover {color: #d1cfc6; text-decoration: none;} #content-secondary #profile-promo .profile-tn-list ul {border-width: 0;} #content-secondary #profile-promo .profile-tn-list ul li {margin: 0 18px 15px; padding: 0; border: 1px solid #e2e0d6;} #content-secondary #profile-promo .profile-tn-list ul li a {margin: 0; padding: 4px; display: block; width: 114px;} #content-secondary #profile-promo .profile-tn-list ul li a:hover {margin: 0; padding: 4px; display: block; background-color: #f0eee6; text-decoration: none;} #content-secondary #profile-promo .profile-tn-list ul li i.img {display: block; margin: 0; padding: 0; width: 112px; height: 112px; border: 1px solid #c1c1c1;} #content-secondary #profile-promo .profile-tn-list ul li a b {display: block; padding: 5px 0 1px; font: 11px Arial, Helvetica, sans-serif; text-align: center; color: #b7b5b2;} #content-secondary #profile-promo .profile-tn-list ul li a:hover b {color: #847f78;} /* not in use #content-secondary #party-lines-promo div.head {background: #fff url("http://chamilton.dev.nymag.biz/fashion/liveframes/fashionshows/img/party-lines-promo.jpg") no-repeat 40px 23px; margin-bottom: 7px;} #content-secondary #party-lines-promo div.head h3 a {display: block; width: 110px; height: 209px;} */ #content-secondary #label-promo {background-color:#f8f8f4; position: relative; margin: 0 0 15px; padding: 0 0 11px; height: 43px; border: none; border: 1px solid #eceae6;} #content-secondary #label-promo .head {border: none; margin: 0; padding: 9px 0 0;} #content-secondary #label-promo .head h3 {border: none; margin: 0; padding: 0 0 5px 10px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #747373;} #content-secondary #label-promo .content {margin: 0; padding: 0 0 11px 10px; width: 170px; } #content-secondary #label-promo .content a {display: block; margin: 0; padding: 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } #content-secondary #label-promo .content a i.img {position: absolute; bottom: 0; right: 1px; overflow: hidden; height: 130px; width: 250px; background-repeat: no-repeat; background-position: 100% 100%;} /* ---------------- Fashion Highlights --------------- */ #content-secondary #fashion-highlights-wrp {border-width: 0; margin: 35px 0; background: transparent url("/gfx/sect/fashion/fashion-highlights-content-bg.gif") no-repeat 50% 100%;} #content-secondary #fashion-highlights-wrp .head {border-width: 0; background: url("/gfx/sect/fashion/fashion-highlights-head-bg.gif") no-repeat 50% 0;} #content-secondary #fashion-highlights-wrp .head h3 {padding: 3px 0; border-width: 0;} #content-secondary #fashion-highlights-wrp .head h3 span {display: block; text-indent: -999em;} #content-secondary #fashion-highlights-wrp .module {padding: 0 15px; margin: 0 0 8px !important; border-width: 0;} #content-secondary #fashion-highlights-wrp .module .head {background-image: none; padding: 0 0 0 4px; margin: 0; border-width: 0;} #content-secondary #fashion-highlights-wrp .module .head h3 {font: normal 10px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase;} #content-secondary #fashion-highlights-wrp .module .foot {border-bottom: 1px dashed #cacaca; margin: 5px 7px 0 0; padding: 0 7px 8px;} #content-secondary #fashion-highlights-wrp .module .foot h6 {text-align: right; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;} #content-secondary #fashion-highlights-wrp #the-cut-promo .head h3 {background: url("/gfx/sect/fashion/the-cut-logo-sm.gif") no-repeat 100% 50%; display: block;} #content-secondary #fashion-highlights-wrp #the-cut-promo .headlines-tn {margin: 3px 0 0 5px;} #content-secondary #fashion-highlights-wrp #the-cut-promo .headlines-tn ul li {margin: 0 0 9px; padding-left: 13px; background:transparent url("/gfx/sect/fashion/fashion-highlights-bullet.gif") no-repeat 0 5px;} #content-secondary #fashion-highlights-wrp #the-cut-promo .headlines-tn ul li a {font: bold 12px Georgia, "Times New Roman", Times, serif; color: #016aa6; } #content-secondary #fashion-highlights-wrp #the-cut-promo .headlines-tn ul li a:hover {text-decoration: underline;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .head {margin-bottom: 3px;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn {margin: 0 0 12px; padding: 0 0 0 4px; overflow: hidden;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn ul li {float: left; margin: 0 13px 0 0; width: 120px; border-width: 0;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn ul li a {display: block; padding: 0 !important;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn ul li a:hover {text-decoration: underline; background: none;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn ul li a i.img {width: 120px; height: 75px; border: 1px solid #c1c1c1; margin-bottom: 3px;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn ul li a img.overlay {border: medium none !important; height:48px; width:48px; padding-left: 1px;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn ul li b {font: normal 11px Arial, Helvetica, sans-serif;} #content-secondary #fashion-highlights-wrp #latest-videos-promo .v-tn img.overlay {left: 36px; top: 14px;} #content-secondary #fashion-highlights-wrp #people-promo {margin: 15px 0 0;} #content-secondary #fashion-highlights-wrp #people-promo .head h3 {padding: 8px 0 0; background: none; font: normal 10px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn {float: left; margin: 0; background-color: #f7f6f4 !important;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn ul li {float: left; margin: 0 11px 0 0; padding: 0; width: 75px; border-width: 0;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn ul li a i.img {width: 75px; height: 65px; border: 1px solid #c2c2c2;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn ul li a i.img img {border-width: 0;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn ul li a {display: block;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn ul li a:hover {text-decoration: underline; background: none;} #content-secondary #fashion-highlights-wrp #people-promo .profile-tn ul li b {font: normal 11px Arial, Helvetica, sans-serif;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo {margin: 15px 0 0; padding: 0;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .head h3 {padding: 8px 0 0; background: none; font: normal 10px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn {float: left;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn ul {width: 114px; float: left; border-right: 1px dashed #cacaca; margin: 0; padding: 0 12px 0;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn ul.front-row {width: 114px; float: left; border-width: 0; padding: 0 0 0 12px;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn ul li {float: left; margin: 0; padding: 0 0 9px; width: 120px;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn ul li a i.img {display: block; margin-bottom: 4px; width: 114px; height: 81px; border: 1px solid #c2c2c2;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn ul li a {display: block;} #content-secondary #fashion-highlights-wrp #latest-parties-front-row-promo .stories-tn ul li b {font: normal 11px Arial, Helvetica, sans-serif;} #content-secondary #fashion-highlights-wrp #latest-season-coverage {border-width: 0; padding: 0 15px;} #content-secondary #fashion-highlights-wrp #latest-season-coverage .head {border-width: 0;} #content-secondary #fashion-highlights-wrp #latest-season-coverage .head h3 {padding: 0 0 3px; font: normal 21px Helvetica, sans-serif;} #content-secondary #fashion-highlights-wrp #latest-season-coverage .head h3 a {display: block; width: 255px; height: 44px; background: url("/gfx/sect/fashion/complete-coverage.png") no-repeat 50% -2px;} #content-secondary #fashion-highlights-wrp #latest-season-coverage .head h3 a:hover {background: url("/gfx/sect/fashion/complete-coverage.png") no-repeat 50% -48px;} #content-secondary #fashion-highlights-wrp #latest-season-coverage .head h3 a span {text-indent: -999em;} #content-secondary .module .head a {color: #000;} #content-secondary .module .shop-a-matic-tn {margin: 10px 22px 0 22px; padding: 0;} #content-secondary .module .shop-a-matic-tn ul {border: none; margin: 10px 0;} #content-secondary .module .shop-a-matic-tn ul li {float: left; border: none; margin: 0; padding: 3px 27px 5px 0; height: 100px;} #content-secondary .module .shop-a-matic-tn ul li.last {padding: 0;} #content-secondary .module .shop-a-matic-tn ul li a {display: block; width: 67px; height: 67px;} #content-secondary .module .shop-a-matic-tn i.img {display: block; width: 67px; height: 67px;} #content-secondary .module .shop-a-matic-tn ul li a b {display: block; font-weight: normal; margin: 5px 0; text-indent: inherit; width: 67px; text-align: center;} #content-secondary #shop-a-matic .foot {margin: 0;} #content-secondary .module .foot h6.more a {display: block;} /* ---------------- LATEST VIDEO PROMO ON FASHION PAGE --------------- */ #content-secondary #latest-videos-promo {} #content-secondary #latest-videos-promo .v-tn {margin: 12px 0 0 10px;} #content-secondary #latest-videos-promo .v-tn p {margin-bottom:11px;} #content-secondary #latest-videos-promo .v-tn ul li {float:left; margin-right:13px; width:130px; border:1px solid #E2E0D6;} #content-secondary #latest-videos-promo .v-tn ul li.edge {margin-right:0;} #content-secondary #latest-videos-promo .v-tn ul li a {padding:5px; display:block;} #content-secondary #latest-videos-promo .v-tn ul li a b {font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 0 2px; display:block;} #content-secondary #latest-videos-promo .v-tn ul li i.img{margin-bottom:12px;} #content-secondary .col-a .module .foot h6.all {float: right; margin: 0; padding: 0 7px 8px 0;} /* 7. Modules ----------------------------------------------------------------*/ #content .adContainer { margin-bottom: 9px; background: #fff; } /* -- base module styles, counter-styles to modules.css -- */ .module { position: relative; margin: 0 0 12px; padding: 0; background-image: none; border-top: 5px solid #f0eee6; border-width: 5px 0 0; } #content-primary .module {margin: 0 5px 12px;} /* cancel module.css styles */ .module blockquote {width: auto;} .module .head, .module-wrp .head { text-align: left; padding: 7px 4px 5px 8px; border-bottom: 1px solid #f8f7f3; } .module .head h3, .module-wrp .head h3 { background-image: none; margin: 0; padding: 0; font: bold 12px Georgia, "Times New Roman", Times, serif; } .module .content h4 { text-align: left; background-image: none; margin: 0 0 6px; padding: 0 0 0 6px; font: bold 11px Georgia, "Times New Roman", Times, serif; } .module ul { margin: 0; } .module ul li { background-image: none; padding: 0; margin: 0; } .module li img { display: block; } .module .foot h6.more { position: absolute; top: 8px; right: 4px; } .module .foot h6.more a { font-weight: normal; font-size: 11px; } .module .foot h6.all {float: right; margin: 0 7px 0 0; padding: 0 7px 8px;} .module .foot h6.all a {text-transform: uppercase; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} /* -- img cropping/management-lite -- */ .module .pic-tn ul li, .module .rwl-tn ul li, .module .v-tn ul li, .module .profile-tn li { float: left; display: inline; } .module .rwl-tn ul li {float: left; margin: 0 7px 13px 6px; width: 77px !important; height: 115px;} .module .rwl-tn i.img {width: 75px; height: 113px; border: 1px solid #c1c1c1;} .module .rwl-tn i.img img {width: 75px; height: 113px; border-width: 0;} .module .pic-tn {float: left; padding: 10px 0 9px; margin: 0 1px 0 6px;} .module .pic-tn ul {background: url("/gfx/sect/fashion/pic-tn-grid-bg.gif") no-repeat;} .module .pic-tn ul li {float: left; margin: 0 1px 1px 0; padding: 0; width: 114px; height: 114px; overflow: hidden;} .module .pic-tn ul li a {display: block;} .module .pic-tn ul li b { font-weight: normal; position: absolute; display: block; padding: 2px; bottom: 0; height: 15px; text-align: center; width: 100%; background: url("/gfx/sect/fashion/000-opacity80-bg.png"); color: #8a8a86; line-height: 1.25em; } .module .pic-tn ul li a:hover b { padding: 1px 2px 3px; bottom: 0; height: auto; color: #bfbfba; background: url(/gfx/sect/fashion/000-opacity80-bg.png); text-decoration: none; } .module .pic-tn ul li a i.img {display: block; width: 114px; height: 114px; overflow: hidden;} .module .stories-tn .img {margin-right: 22px; width: 146px; height: 97px; border: 1px solid #d2d2d2;} /* -- module: video thumbnail grid/list -- */ #content-primary .module .v-tn {float: left; margin: 0; padding: 10px 0;} #content-primary .module .v-tn ul {clear: both;} #content-primary .module .v-tn ul li a {display: block;} #content-primary .module .v-tn ul li {float: left; margin: 0 4px 4px 0; padding: 0; width: 120px;} #content-primary .module .v-tn ul li b {font-weight: normal;} #content-primary .module .rwl-tn-shows ul {clear: both;} #content-primary .module .rwl-tn-shows ul li {float: left; margin: 0 5px; padding: 9px 0 9px 30px; width: 439px; color: #666; font: 12px Arial, Helvetica, sans-serif; border-top: 1px solid #eeece4;} #content-primary .module .rwl-tn-shows ul li:first-child {border-top: 1px solid #fff;} #content-primary .module .rwl-tn-shows ul li:first-child:hover {border-top: 1px solid #eeece4;} #content-primary .module .rwl-tn-shows ul li:last-child {border-bottom: 1px solid #fff;} #content-primary .module .rwl-tn-shows ul li:last-child:hover {border-bottom: 1px solid #eeece4;} #content-primary .module .rwl-tn-shows ul li h4 {margin: 0; padding: 5px 0; font: 17px Georgia, "Times New Roman", Times, serif; color: #000;} #content-primary .module .rwl-tn-shows ul li h4 a b {display: block; padding-top: 11px; color: #000; font-weight: normal;} #content-primary .module .rwl-tn-shows ul li h4 a b span {color: #666;} #content-primary .module .rwl-tn-shows ul li p {padding: 0 0 9px 0;} #content-primary .module .rwl-tn-shows ul img {border: 1px solid #c1c1c1;} #content-primary .module .rwl-tn-shows ul li:hover {background-color: #f8f8f6;} #content-primary .module .profile-tn ul {clear: both;} #content-primary .module .profile-tn ul li {float: left; padding: 0px 5px 5px 0px; width: 460px;} #content-primary .module .profile-tn ul img {float: left; margin-right: 20px;} #content-primary .module-wrp .module {margin: 0 0 12px;} #content-primary #project-runway-contestants {margin-bottom: 20px;} #content-primary #project-runway-contestants .profile-tn {padding: 0 10px;} #content-primary #project-runway-contestants .profile-tn ul li {float: left; margin: 0 11px 0 0; padding: 0; width: 75px; border-width: 0; text-align: center;} #content-primary .profile-tn ul li i.img {width: 75px; height: 65px; border: 1px solid #c2c2c2;} #content-primary .profile-tn ul li i.img img {border-width: 0;} #content-primary .profile-tn ul li a {display: block;} #content-primary .profile-tn ul li a:hover {text-decoration: underline; background: none;} #content-primary .profile-tn ul li b {font: normal 11px Arial, Helvetica, sans-serif;} #content-primary .mod-profile-tn i.img {display: block; width: 114px; height: 114px; border: 1px solid #c5c5c5;} #content-primary .mod-profile-tn {float: left; margin: 0; padding: 10px 0;} #content-primary .mod-profile-tn ul li a {display: block;} #content-primary .mod-profile-tn ul li {float: left; margin: 0 5px 5px 0; padding: 0;} #content-primary .mod-profile-tn ul li b {display: block; font-weight: normal; text-align: center;} #content-primary .mod-profile-tn ul li em {display: block; position: absolute; top: 0; left: 0; margin: 0; padding: 2px 7px; background-color: #ed1475; color: #fff; font-style: normal;} ul.tooltip {display: none;} /* -- carousels -- */ .carousel-wdgt { clear: both; height: 162px; overflow: hidden; } #content-primary .carousel-wdgt .controls { padding: 0; margin: 0; height: 0; float: none; } .carousel-wdgt .controls .c-top { border-left: 1px solid #ececeb; width: 47px; height: 17px; position: absolute; top: 5px; right: 0; } .carousel-wdgt .controls .c-top a { background: url("/gfx/sect/fashion/fashion-controls-bg.png") no-repeat; text-indent: -999em; display: block; width: 17px; height: 17px; } .carousel-wdgt .controls .c-top a.prev { float: left; margin-left: 9px; background-position: -133px 0; } .carousel-wdgt .controls .c-top a.prev:hover { background-position: 0 0; } .carousel-wdgt .controls .c-top a.next { background-position: -133px -34px; float: right; } .carousel-wdgt .controls .c-top a.next:hover { background-position: 0 -34px; } .carousel-wdgt .controls .c-over a { text-indent: -999em; display: block; position: absolute; top: 45px; width: 17px; height: 115px; z-index: 4; background: url("/gfx/sect/fashion/fashion-controls-bg.png") no-repeat 0 -1000px; } .carousel-wdgt .controls .c-over a.prev {left: 0;} .carousel-wdgt .controls .c-over a.prev:hover {background-position: 0 -160px;} .carousel-wdgt .controls .c-over a.next {right: 0;} .carousel-wdgt .controls .c-over a.next:hover {background-position: -133px -160px;} .carousel-wdgt .content ul li {float: left; display: block;} .carousel-wdgt .foot h6.more {right: 57px; top: 9px;} #content-primary .carousel-wdgt .content {margin: 12px 9px 0 7px; padding: 0;} #content-primary .carousel-wdgt .rwl-tn .c-over a {width: 28px; top: 40px;} #content-primary .carousel-wdgt .rwl-tn .c-over a.prev {left: 7px;} #content-primary .carousel-wdgt .rwl-tn .c-over a.prev:hover {background-position: -137px 50%;} #content-primary .carousel-wdgt .rwl-tn .c-over a.next {right: 8px;} #content-primary .carousel-wdgt .rwl-tn .c-over a.next:hover {background-position: -36px 50%;} #content-primary .carousel-wdgt .rwl-tn ul li {margin: 0 5px 0 6px;} #content-primary .carousel-wdgt .pic-tn .c-over a {width: 38px; top: 40px; height: 116px;} #content-primary .carousel-wdgt .pic-tn .c-over a.prev {left: 7px;} #content-primary .carousel-wdgt .pic-tn .c-over a.prev:hover {background-position: -132px 50%;} #content-primary .carousel-wdgt .pic-tn .c-over a.next {right: 8px;} #content-primary .carousel-wdgt .pic-tn .c-over a.next:hover {background-position: -31px 50%;} #content-primary .carousel-wdgt .pic-tn ul {background: none;} #content-primary .carousel-wdgt .pic-tn li {margin: 0 5px 0 6px; float: left; height: 116px; width: 116px;} #content-primary .carousel-wdgt .pic-tn li .img {border: 1px solid #c1c1c1;} .lede-rwl ul li {float: left; width: 93px; height: 163px; padding: 2px 3px; border-right: 1px solid #eeece4;} .lede-rwl ul li a {padding: 9px; display: block; text-align: center;} .lede-rwl ul li a:hover {background-color: #eeece4; text-decoration: none;} .lede-rwl ul li i.img {width: 73px; height: 112px; border: 1px solid #918683; margin-bottom: 5px;} .lede-rwl ul li a b {font: normal 11px Helvetica, Arial, sans-serif; padding: 0 4px; display: block; text-align: center;} #latest-shows .controls {display: none;} #latest-shows .multi-selects {clear: both; margin-top: 8px;} .carousel-wdgt .controls {display: block !important;} .carousel-wdgt .lede-rwl .c-top {border-width: 0; right: 8px; top: 7px;} .carousel-wdgt .lede-rwl .c-over .mask {position: absolute; right: 6px; top: 161px; background: #fff; width: 53px; display: block; height: 40px; z-index: 5;} .carousel-wdgt .lede-rwl .c-over .next {background:transparent url(/gfx/sect/fashion/carousel-controls-over-bg.png) repeat scroll 0 0; right: 6px; top: 37px; width: 63px; height: 163px; background-position: 0 95px; cursor: default;} .carousel-wdgt .lede-rwl .c-over .next {background-position: 0 95px;} /* -- Fashion Week Live Lede -- */ #top-stories.fw-live { background: url("http://images.nymag.com/images/2/home/08/fw-live/top-stories-fw-live.gif") no-repeat 100% 100%; position: relative; } #fw-live-lede { background: url("http://images.nymag.com/images/2/home/08/fw-live/top-stories-fw-live.gif") no-repeat 100% 100%; position: relative; height: 440px; } body.fashion-splash #fw-live-lede { background: url("http://images.nymag.com/images/2/home/08/fw-live/top-stories-fw-live.gif") no-repeat 100% 90%; position: relative; height: 440px; } #fw-live-lede img { border:none; } body.sect-home #fw-live-lede { background: none; position: relative; float:left; } div#fw-live-hed { position: absolute; width: 468px; height: 64px; top: 0; left: 0; } div#fw-live-hed h2#fashion-week-live { position: absolute; width: 484px; height: 56px; left: -4px; top: 2px; overflow: hidden; } div#fw-live-hed h2#fashion-week-live img { position: absolute; left: -11px; top: 0%; } #content-primary #fw-live-lede .lead { position:absolute; top: 6px; left: -4px; width: 326px; height: 440px; float: left; overflow: hidden; } #fw-live-lede .lead .content, #fw-live-lede .lead .head { margin: 0 0 0 8px; } #fw-live-lede .lead .head { margin-top: 70px; } #fw-live-lede .lead .head h3 { margin: 0; padding: 0 0 5px; background: url("http://images.nymag.com/images/2/home/08/fw-live/border-dotted-gray.gif") repeat-x bottom; } #fw-live-lede .lead .head h3 a { font: 10px/11px Arial, Helvetica, Sans-serif; color:#000000; text-transform: uppercase; letter-spacing: 1px; } #fw-live-lede .lead .head h3 a:hover i.image { cursor:pointer; } #fw-live-lede .lead .content h2 { font-size: 18px; line-height: 19px; padding: 5px 138px 7px 1px; margin-right: 8px; background: url("http://images.nymag.com/images/2/home/08/fw-live/border-dotted-gray.gif") repeat-x bottom; } #fw-live-lede .lead .content h2 a i.image { position: absolute; overflow:hidden; width:194px; height:400px; bottom: -6px; right: 0; z-index:0; } #fw-live-lede .lead .content h2 a i.image img { position: absolute; top:0; left: 0; } #fw-live-lede ul#fw-live-latest, #fw-live-lede ul#fw-live-latest li { list-style: none; margin: 0; padding: 0; } #fw-live-lede ul#fw-live-latest { position:relative; z-index:2; width:162px; } #fw-live-lede ul#fw-live-latest li { padding: 4px 0 4px 12px; font: 11px/12px Arial, Helvetica, Sans-serif; background: url("http://images.nymag.com/images/2/home/08/fw-live/fw-live-latest-bullets.gif") no-repeat left bottom; } #fw-live-lede ul#fw-live-latest li img { position: relative; top: 1px; } #fw-live-lede ul#fw-live-latest li a { background:url("/images/2/home/09/fashion/test/trans-bg-fff-75.png"); } #fw-live-lede ul#fw-live-latest li.more { font-weight: bold; background: none; padding: 8px 0 8px 12px; } #fw-live-lede #main-content { float: right; } #fw-live-lede #main-content ul.cover-stories { width:152px; padding:5px 0 2px; margin-left: 317px; position:relative; float: right; } #fw-live-lede #main-content ul.cover-stories.block { float:right; border-bottom:none; padding:14px 0 7px; background: url("http://images.nymag.com/images/2/home/08/fw-live/border-dotted-gray.gif") repeat-x bottom; font-family:Arial, Helvetica, sans-serif; margin-top: 55px; } #fw-live-lede #main-content ul.cover-stories li { display: block; position: relative; padding: 3px 0 3px 9px; border-bottom: none; background: url("http://images.nymag.com/gfx/sect/home/4px-bullet-gray.gif") no-repeat 1px 7px; font-family:Georgia, serif; line-height: 1; } #fw-live-lede #main-content ul.cover-stories li.complete-coverage { padding:0; border-bottom: none; background: none; margin-top: 4px; } #fw-live-lede #main-content ul.cover-stories li.complete-coverage p { font-family: Arial, Helvetica, Sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; margin:0; padding:8px 0 0 2px; background: url("http://images.nymag.com/images/2/home/08/fw-live/border-dotted-gray.gif") repeat-x 0 1px; } #fw-live-lede #main-content ul.cover-stories li.complete-coverage p em { font-weight: normal; font-style:normal; } #fw-live-lede #main-content ul.cover-stories li.complete-coverage p i { font-family: Georgia,Garamond,"Times New Roman",Times,serif; font-weight: normal; } #fw-live-lede #main-content ul.cover-stories li.has-thumb { margin:0; padding:0; border:none; } #fw-live-lede #main-content ul.cover-stories li.has-thumb.col-1 { display: block; width:78px; float: left; } #fw-live-lede #main-content ul.cover-stories li.has-thumb.col-2 { display: block; width:74px; float: left; } #fw-live-lede #main-content ul.cover-stories b { display: block; font-family: Arial, Helvetica, Sans-serif; font-size: 11px; line-height: 13px; font-weight: normal; text-align: left; padding:0 0 3px 3px; } #fw-live-lede #main-content ul.cover-stories li.has-thumb img { display: block; border: 1px solid #dedede; margin-bottom: 2px; margin-left: 1px; } /* -- module tabs -- */ .module .tabs ul {border-bottom: 1px solid #cbcbcb; margin-bottom: 13px; } .module .tabs ul li { background: #e7e5de; font: 11px Helvetica, Arial, sans-serif; float: left; margin: 6px 1px -2px; position: relative; } .module .tabs ul li a { font-weight: normal; color: #605e5a; display: block; padding: 5px 5px 4px; } .module .tabs ul li.ui-tabs-selected { background: #fff; border: 1px solid #c1c1c1; border-width: 1px 1px 0 1px; margin: 5px 2px -1px; padding-bottom: 3px; margin-bottom: -1px; } .module .tabs ul li.ui-tabs-selected a { color: #000; background: #fff; cursor: default; } .module .ui-tabs-hide { display: none; } /*important - do not move this - */ /* -- module: season highlights -- */ #season-highlights { border: 1px solid #f0eee6; border-width: 1px 0; padding-bottom: 15px; } #season-highlights .linklist { margin: 0 auto; } #season-highlights .linklist ul { float: left; width: 145px; margin-right: 5px; display: inline; } #season-highlights .linklist ul.last { margin-right: 0; margin-left: 5px; } #season-highlights .linklist ul li { padding: 2px 0 3px 6px; border-bottom: 1px solid #f8f7f3; } #season-highlights .rwl-tn ul li { width: 75px; margin: 0 12px; } /* -- module: 'label' through the years -- */ #label-through-years .controls {display: none;} #label-through-years.carousel-wdgt .controls .c-over a {width: 50px;} #label-through-years.carousel-wdgt .controls .c-over a.prev:hover {background-position: 15px -159px;} #label-through-years.carousel-wdgt .controls .c-over a.next:hover {background-position: -122px -159px;} #label-through-years .content { margin: 12px 4px !important; } #label-through-years .content ul li { margin: 0 5px 0 6px; width: 75px; } #label-through-years .head h3 {} #label-through-years .foot { text-align: center; font-size: 12px; border-top: 1px solid #f0eee6; padding: 12px 0 0; } #label-through-years .foot h6.more { right: 48px; } #label-through-years .foot dt { color: #68675e; margin-bottom: 6px; } /* -- module: 'model' news and features -- */ #news-and-features .content {border-bottom: 1px solid #f0eee6; margin-bottom: 5px;} #news-and-features .content ul li {margin-top: 23px; padding-right: 29px; position: relative;} #news-and-features .content ul li h4 {padding-top: 16px; font-size: 17px; margin-bottom: 4px;} #news-and-features .content .img {float: left; width: 146px; margin: -16px 22px 0 0; } #news-and-features .content ul li p.date {color: #888; font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; position: absolute; top: 0; left: 176px;} #news-and-features .content ul li p.dek {font: normal 14px Georgia, "Times New Roman", Times, serif; line-height: 1.3em;} #news-and-features .content ul li p.dek cite.byline {color: #888; font: normal 10px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;} #news-and-features .content ul li p.dek cite.byline a {color: #888;} #news-and-features .content ul li p.dek cite.byline a:hover {} #news-and-features .foot h6 {float: right;} #news-and-features .foot h6 a {text-transform: uppercase; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} /* -- module: model off the runway thumbnail promo grid -- */ /* add rule and adjust markup for off the runway module on model profile to center grid, 2/5/09, chamilton */ #off-runway-tn-grid .pic-tn {float: left; padding: 10px 0 9px; margin: 0 0 0 4px;} #off-runway-tn-grid .pic-tn ul {background: none; padding: 0; margin-bottom: 0;} #off-runway-tn-grid .pic-tn ul li {float: left; margin: 0 2px 2px 0; padding: 0; width: 114px; height: 114px;} #off-runway-tn-grid .pic-tn ul li a {display: block;} #off-runway-tn-grid .pic-tn ul li b {font-weight: normal;} .news-tools {color:#888888; font-family:Arial,Helvetica,sans-serif; font-size:10px;} /* -- lede thumbnail grid -- */ .module .lede-grid {padding: 10px 4px 0 16px; height: 302px; } .module .lede-grid li {float: left; width: 75px; height: 152px; margin-right: 10px; text-align: center; line-height: 1.3em; margin-bottom: 0 !important;} .module .lede-grid li.lede {width: 179px; height: 269px; margin-right: 10px;} .module .lede-grid li i.img {margin: 0 auto;} /* -- for spaz panels -- */ #content-primary .tabbed-panel {margin-bottom: 18px;} .tabbed-panel .head h3 span {color: #888;} .tabbed-panel .head h6 {display: none;} .tabbed-panel .spaz {height: 402px; overflow: auto; margin-bottom: 2px; padding: 0 3px 3px; position: relative;} .tabbed-panel .spaz h4 {border-bottom: 1px solid #e5e5e5; padding: 4px; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 0;} .tabbed-panel .spaz ul {margin: 0; float: left;} .tabbed-panel .spaz .col2-wrp ul.col-1 {width: 243px;} .tabbed-panel .spaz .col2-wrp ul.col-2 {width: 195px;} .tabbed-panel .spaz .col3-wrp ul.col-1 {width: 137px; padding-left: 7px;} .tabbed-panel .spaz .col3-wrp ul.col-2 {width: 137px; padding-left: 10px;} .tabbed-panel .spaz .col3-wrp ul.col-3 {width: 137px; padding-left: 10px;} .tabbed-panel .spaz ul li {margin-bottom: 0;} .tabbed-panel .spaz ul li a {line-height: 1em !important;} .tabbed-panel .spaz ul li a {display: block; padding: 7px 4px 6px; font: 12px Helvetica, Arial, sans-serif;} .spaz .col2-wrp {background: url(/gfx/sect/fashion/spaz-zebra-bg.gif); border-bottom: 1px solid #e5e5e5;} #models-promo .spaz h4 {border-bottom: 1px solid #e5e5e5; padding: 4px; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 0;} .tabbed-panel .foot {position: static; background: #f7f6f2; padding: 2px 7px; text-align: right;} .tabbed-panel .foot h6 {color: #888; margin-right: 5px;} .tabbed-panel .foot h6, .tabbed-panel .foot ul {display: inline;} .tabbed-panel .foot li {display: inline; padding-right: 7px; margin-right: 7px; border-right: 1px solid #bfbfba;} .tabbed-panel .foot li.last {padding-right: 0; border-width: 0;} #latest-season-shows-promo {border-width: 0;} #latest-season-shows-promo .head {display: none;} #latest-rtw-shows .spaz .col3-wrp {background: url(/gfx/sect/fashion/spaz-col3-wrp-bg.gif); margin: 8px 0;} #latest-rtw-shows .spaz h4 {border-width: 0; background: #f8f8f6; font: 10px Arial, sans-serif; text-transform: uppercase; padding: 6px 7px 4px;} #latest-rtw-shows .spaz ul {padding-top: 3px;} #latest-rtw-shows .spaz ul li a {display: block; font: 12px Helvetica, Arial, sans-serif;} #labels-promo {border-width: 0;} /* old features-tn */ #content-primary #features-promo {margin: 0; padding: 0;} #content-primary #features-promo .head {margin: 0 0 14px; padding: 9px 0 6px 6px;} #content-primary #features-promo .stories-list ul li {float: left; margin: 0; padding: 0 11px 14px 2px; width: 146px;} #content-primary #features-promo .stories-list ul li:last-child {padding: 0 2px 14px 2px;} #content-primary #features-promo .stories-list ul li i.img {display: block; margin: 0; padding: 0; width: 146px; height: 97px; border: 1px solid #c1c1c1;} #content-primary #features-promo .stories-list ul li a {display: block; } #content-primary #features-promo .stories-list ul li a b {display: block; line-height: 1.3em; margin: 6px 0 0 1px; padding: 0; font: normal 12px Georgia, "Times New Roman", Times, serif;} #the-look-book {float: left; margin: 10px 0; padding: 0; width:229px !important; height:307px;} #the-look-book .head h3 a {color: #000;} #the-look-book .look-book-tn {position: relative; left: 0; height: 303px !important; margin: 0; width: 222px;} #the-look-book .look-book-tn ul {margin: 0; padding: 0; position: relative; list-style-type: none;} #the-look-book .look-book-tn ul li {float: left; height: 303px; line-height: 1em; margin: 0 0 0 11px; width: 174px;} #the-look-book .look-book-tn ul li a b {display: block; font: normal 13px Georgia, "Times New Roman", Times, serif; color: #010101; text-align: center; width: 140px; margin: 0 auto;} #the-look-book .look-book-tn ul li a i.img {border: 2px solid #333; border-width: 2px; width: 170px; height: 208px; margin: 0 11px 10px 0;} #the-look-book .foot h6.more a {font-weight: normal;} #the-look-book .controls .c-over a {background: none;} #content-primary #section-promo {float: left; margin: 0 0 14px; padding: 0;} #content-primary #section-promo.stacked {margin: 0 0 14px 6px; width: 230px; padding: 0;} #content-primary #section-promo .head {margin: 0 0 12px; padding: 9px 0 6px 6px;} #content-primary #section-promo .stories-list ul li {float: left; margin: 0; padding: 0 0 14px 6px;} #content-primary #section-promo .stories-list ul li a {display: block; margin: 0; padding: 0; line-height: 1.3em; color: #949494; font: normal 11px Georgia, "Times New Roman", Times, serif;} #content-primary #section-promo .stories-list ul li a:hover {text-decoration: none;} #content-primary #section-promo .stories-list ul li a b {display: block; margin: 0 0 9px; padding: 0; line-height: 1.3em; font-size: 12px; font-weight: bold; color: #016aa6;} #content-primary #section-promo .stories-list ul li a:hover b {text-decoration: underline;} #content-primary #opening-looks, #content-primary #closing-looks {float: left; margin: 0 0 14px; padding: 0;} #content-primary #opening-looks {margin-right: 7px;} #content-primary #opening-looks .head, #content-primary #closing-looks .head {margin: 0 0 12px; padding: 9px 0 6px 6px;} #view-section-by-props .content #view-object-by {float: left; margin-right: 11px; padding: 0;} #view-section-by-props .content #view-object-by h3, #view-section-by-props .content #popular-lists h3 {margin: 17px 0 6px; padding: 0 0 0 7px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #b7b2b2;} #view-section-by-props .content #view-object-by form {display: block; margin: 0 10px 40px 0;} #view-section-by-props .content #view-object-by form select {display: block; margin: 7px 0 0; padding: 0; width: 224px; height: 21px; border: 1px solid #dcdcda; background-color: #f8f8f6; color: #5f5e59;} #view-section-by-props .content #popular-lists {float: left; margin: 0; padding: 0; width: 226px;} #view-section-by-props .content #popular-lists li {margin: 0; padding: 4px 0 4px 4px; border: 1px solid #b7b2b2; border-width: 1px 0 0;} #view-section-by-props .content #popular-lists li:last-child {margin: 0; padding: 7px 0 4px 0; border: 1px solid #b7b2b2; border-width: 1px 0 1px;} #labels-latest-party-promo, #labels-latest-front-row-promo {padding-top: 8px;} #labels-latest-party-promo .head, #labels-latest-front-row-promo .head {border-width: 0; width: 110px; float: left;} #labels-latest-party-promo .head h3, #labels-latest-front-row-promo .head h3 {font-size: 21px; font-weight: normal; line-height: 0.9em;} #labels-latest-party-promo .content, #labels-latest-front-row-promo .content {float: left; width: 257px; padding: 0; margin: 0;} #labels-latest-party-promo .content ul li, #labels-latest-front-row-promo .content ul li {width: 257px;} #labels-latest-party-promo .content ul li h4, #labels-latest-front-row-promo .content ul li h4 {font-size: 12px; margin-bottom: 2px;} #labels-latest-party-promo .content .img, #labels-latest-front-row-promo .content .img {float: left; width: 114px; margin-right: 11px;} #labels-latest-party-promo .content ul li p.date, #labels-latest-front-row-promo .content ul li p.date {color: #b6b6b6; font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0;} #labels-latest-party-promo .content ul li p.dek, #labels-latest-front-row-promo .content ul li p.dek {font: normal 11px Georgia, "Times New Roman", Times, serif; margin: 0 0 0 126px;} #labels-latest-party-promo .foot h6.more, #labels-latest-front-row-promo .foot h6.more {} #labels-latest-party-promo .foot h6.more a, #labels-latest-front-row-promo .foot h6.more a {background: url(/gfx/sect/fashion/more-parties-video-bg.gif) no-repeat; width: 79px; height: 81px; display: block; text-indent: -999em;} #labels-latest-party-promo .foot h6.more a {background-position: 0 -2px;} #labels-latest-front-row-promo .foot h6.more a {background-position: 0 -81px;} #label-overview .head {margin-bottom: 12px;} #label-overview .content p {padding: 0 8px; font: 14px Georgia, sans-serif; line-height: 1.5em; } #label-overview .content dl {margin-top: 20px;} #label-overview .content dl dt {text-transform: uppercase; color: #888; font-size: 10px; position: absolute; left: 8px; margin-top: 5px; padding-left: 1px; line-height: 1.3em;} #label-overview .content dl dd {border-bottom: 1px solid #f4f3f0; padding: 2px 0 2px 135px; color: #494949; line-height: 1.3em; font-size: 13px;} #label-lines {border-width: 0;} #label-lines li {position: relative; border-color: #f4f3f0; margin-top: 26px;} #label-lines .head h3 {font-size: 17px; font-weight: normal;} #label-lines .content dl dt {text-transform: uppercase; color: #888; font-size: 10px; position: absolute; left: 8px; margin-top: 5px; padding-left: 1px; line-height: 1.3em;} #label-lines .content dl dd {border-bottom: 1px solid #f4f3f0; padding: 2px 0 2px 135px; color: #494949; line-height: 1.3em; font-size: 13px;} #label-lines .foot h6.more {top: 12px; right: 0;} #label-lines .foot h6.more a {font: 10px Verdana, serif; text-transform: uppercase; } #latest-shows {border: none; height: 245px;} #latest-shows .head {border: none; margin-bottom: 12px; padding: 0 0 0 5px;} #latest-shows .head h3 {font-weight: normal; font-size: 21px;} #content #latest-shows .content {height: 163px !important; width: 456px !important; margin: 0;} #latest-shows .foot {margin: 16px 0; text-align: center;} #on-off-the-runway-wrp .module {border-width: 0; padding: 0; margin: 0 22px 55px !important;} #on-off-the-runway-wrp .head {border-width: 0; margin: 0; height: 53px; background-color: #000;} #on-off-the-runway-wrp .head h3 a {font: normal 26px Georgia, "Times New Roman", Times, serif; color: #fff;} #off-the-runway-promo .head h3 {font: normal 26px Georgia, "Times New Roman", Times, serif; color: #fff;} #off-the-runway-promo .content i.img {width: 184px; height: 129px; position: absolute; right: 83px; top: -33px; z-index: 3;} #off-the-runway-promo .content i.img img {background-repeat: no-repeat; background-position: 5px 7px;} #off-the-runway-promo .content b {position: absolute; left: 8px; bottom: 15px; color: #fff; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} #off-the-runway-promo .content a:hover b {display: block; text-decoration: underline;} #on-the-runway-promo .head h3 {font: normal 26px Georgia, "Times New Roman", Times, serif; padding: 5px 0 0 265px; color: #fff;} #on-the-runway-promo .head h3 {padding: 5px 0 0 265px; color: #fff;} #on-the-runway-promo .content {position: absolute; top: -25px; left: 19px;} #on-the-runway-promo .rwl-tn ul li {margin: 0 2px 0 0 !important;} #on-the-runway-promo .content p a {color: #fff; font: normal 10px Verdana, Arial, Helvetica, sans-serif; position: absolute; bottom: 37px; right: -106px; z-index: 3;} #content-primary .people-promo {margin: 15px 0; padding: 0 0 20px;} #content-primary .people-promo .profile-tn {float: left; margin: 15px 0; padding: 0;} #content-primary .people-promo .profile-tn ul {margin: 0 8px 0 9px; padding: 0;} #content-primary .people-promo .profile-tn ul li {float: left; margin: 0; padding: 0 19px 0 0; width: 97px; height: 97px; font: normal 10px Arial, Helvetica, sans-serif; color: #7b766d; text-align: center; line-height: 1em;} #content-primary .people-promo .profile-tn ul li.last {padding: 0;} #content-primary .people-promo .profile-tn ul li a {display: block; width: 97px; height: 97px; color: #7b766d;} #content-primary .people-promo .profile-tn ul li a:hover {text-decoration: none;} #content-primary .people-promo .profile-tn i.img {display: block; position: relative; overflow: hidden; width: 97px; height: 97px; border: 1px solid #b6b6b6; margin: 0 0 6px;} #content-primary .people-promo .profile-tn i.img img {border-width: 0; position: absolute; top: -7px; left: -7px;} #content-primary .people-promo .profile-tn ul li a b {display: block; font-weight: normal; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 1px; color: #016aa6;} #content-primary .people-promo .profile-tn ul li a:hover b {text-decoration: underline;} #promo-wrp {margin: 0 5px 12px 5px; background: url(/gfx/sect/fashion/promo-wrp-bg.gif) repeat-y;} #promo-wrp .feature-promo {width: 148px; border-width: 0 !important; float: left; margin: 0; padding: 0 0 0 10px; position: relative;} #promo-wrp .feature-promo .head {border-bottom-width: 0 !important; position: absolute; top: 0; left: 0; background: transparent; z-index: 3; padding: 7px, 4px 5px 10px !important;} #promo-wrp .feature-promo .content {padding-top: 30px; height: 105px;} #promo-wrp #a {padding-left: 7px;} #promo-wrp #a .content {padding-top: 30px;} #promo-wrp #a i.img {width: 138px; height: 90px;} #promo-wrp #a i.img img {/*margin-left: -15px;*/} #promo-wrp #b i.img {width: 138px; height: 90px; border: 1px solid #c1c1c1;} #promo-wrp #b i.img img {/*margin-left: -10px;*/} #promo-wrp #c {width: 144px;} #promo-wrp #c i.img {width: 138px; height: 90px;} #promo-wrp #c i.img img {/*margin: -19px 0 0 -10px;*/} #content-primary .the-cut {clear: both;} #content-primary .the-cut .headlines ul {margin: 0; padding: 0 0 10px 0;} #content-primary .the-cut .headlines ul li {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 8px 0 7px 17px; background:transparent url("/gfx/sect/fashion/fashion-highlights-bullet.gif") no-repeat scroll 7px 13px; line-height: 1.1em; border: 1px solid #f0eee6; border-width: 1px 0 0;} #content-primary .the-cut .headlines ul li.last {border: 1px solid #f0eee6; border-width: 1px 0;} #content-primary .the-cut .headlines ul li a {font: bold 12px Georgia, "Times New Roman", Times, serif;} /* the new headlines-tn moving forward, replaces stories-tn */ .module .headlines-tn {margin: 0 0 5px 10px;} .module .headlines-tn ul li {margin: 11px 0; padding: 0; position: relative; font: normal 11px Georgia, "Times New Roman", Times, serif; color: #333;} .module .headlines-tn ul li b {display: block; padding: 0; font: normal 17px Georgia, "Times New Roman", Times, serif; margin-bottom: 4px;} .module .headlines-tn i.img {display: block; position: relative; float: left; width: 97px; height: 97px; margin: 0 15px 0 0; border: 1px solid #c1c1c1;} .module .headlines-tn i.img img {position: absolute; top: 0; left: -23px;} .module .headlines-tn ul li p {margin-left: 115px; padding: 10px 0 5px 0; font: normal 11px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; color: #333;} .module .headlines-tn ul li h3 {margin-left: 115px; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; line-height: 1.3em; color: #666; text-transform: uppercase;} .module .headlines-tn ul li ul li {margin: 3px 0 3px 115px; padding: 0 0 0 9px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 1.3em; background:transparent url("/gfx/sect/fashion/fashion-highlights-bullet.gif") no-repeat 0 4px;} .module .headlines-tn ul li p a, .module .headlines-tn ul li ul li a {} .module .headlines-tn ul li p a:hover, .module .headlines-tn ul li ul li a:hover {text-decoration: underline; } .module .headlines-tn ul li a {color: #333;} .module .headlines-tn ul li a:hover {color: #333; text-decoration: none;} .module .headlines-tn ul li a b {color: #016aa6;} .module .headlines-tn ul li a:hover b {text-decoration: underline;} /* similar css to look finder splash module */ #content-primary .find-looks-by .rwl-tn {float: left; margin: 0; padding: 0;} #content-primary .find-looks-by .rwl-tn i.img {display: block; width: 75px; height: 75px;} #content-primary .find-looks-by .rwl-tn i.img img {width: 75px;} /* DO NOT REMOVE -- needed to fix size issue for past 2 seasons where tns were cropped at 73px/113px, chamilton 10feb09 */ #content-primary .find-looks-by .rwl-tn li a b {display: block; width: 75px; background-image: none; text-align: center; color: #4a4a4a; line-height: 1.2em;} #content-primary .find-looks-by .rwl-tn li a:hover b {text-decoration: underline;} /* class that goes with .head to pull in the Cut logo */ .module .the-cut {position: relative; background: #fff url("/gfx/sect/fashion/the-cut-logo-sm-fff.gif") no-repeat 99% 4px;} .module .the-cut h6 a {position: absolute; display: block; width: 53px; height: 16px; top: 6px; right: 6px; text-indent: -999em;} .the-cut .slideshow ul li a span { position:absolute; display:block; top:73px; left:1px; height:18px; width:136px; background:transparent url(http://images.nymag.com/gfx/sect/daily/shared/slideshow-sm-146x18.png) no-repeat 100% 50%; color:#fff; text-indent: -9999em; } /* the *new* global features-tn module to replace stories-list modules */ .module .features-tn {margin: 0; padding: 9px 0 9px 0;} .module .features-tn ul {padding-left: 9px; background: transparent url("/gfx/sect/fashion/features-tn.png") repeat-y 9px 100%;} .module .features-tn ul li {float: left; margin: 4px 0 4px 19px; width: 138px;} .module .features-tn ul li:first-child {margin-left: 0;} /* waiting for ie6 to die so we can use this */ .module .features-tn ul li a {display: block;} .module .features-tn ul li a i.img {display: block; position: relative; margin: 0; padding: 0; width: 136px; height: 90px; border: 1px solid #c1c1c1; border-width: 1px;} .module .features-tn ul li a i.img img {border-width: 0; position: absolute; top: 0; left: -5px;} .module .features-tn ul li a b {display: block; line-height: 1.3em; margin: 6px 0 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; line-height: 1.2em;} /********************* Hit/Miss *****************************/ #content-primary #multi-filter-search.reader-rankings {border-width: 0; float: left; width: 479px;} #content-primary #multi-filter-search.reader-rankings .rwl-tn ul li a em {font: normal 12px Arial, Helvetica, sans-serif; width: 18px; height: 15px; display: block; position: absolute; bottom: 1px; left: 1px; margin: 0; padding: 2px 1px 2px 0; background-color: #000; color: #fff; font-style: normal; opacity: .75; text-align: center;} #content-primary #related-reader-rankings {float: left; margin: 0; padding: 0; width: 120px; border-width: 0;} #content-primary #related-reader-rankings .head {width: 120px; border-width: 0; margin: 0; padding: 0 0 15px; background: #fff url("/gfx/sect/fashion/related-reader-rankings-head-bg.png") no-repeat 50% 46px;} #content-primary #related-reader-rankings .head h3 {padding: 10px 0 0; width: 91px; font: normal 20px Georgia, "Times New Roman", Times, serif; padding: 0 15px 0; text-align: center; line-height: 1em;} #content-primary #related-reader-rankings .rr-tn {margin: 0; padding: 15px 21px 0 20px; background: transparent url("/gfx/sect/fashion/related-reader-rankings-bg.png") no-repeat 50% 100%;} #content-primary #related-reader-rankings .rr-tn ul li {margin: 0; padding: 0;} #content-primary #related-reader-rankings .rr-tn ul li a {display: block;} #content-primary #related-reader-rankings .rr-tn ul li a:hover b {text-decoration: underline;} #content-primary #related-reader-rankings .rr-tn ul li a i.img {display: block; border: 1px solid #c9c6c0; width: 75px; height: 76px; margin: 0; padding: 0;} #content-primary #related-reader-rankings .rr-tn ul li a b {display: block; background-image: none; width: 75px; margin: 0; padding: 5px 0 17px; font: normal 11px Arial, Helvetica, sans-serif; text-align: center; line-height: 1.1em;} #hit-miss { margin-left: -4px; padding: 0; width: 250px; } #hit-miss ul { height: 37px; position: relative; } #hit-miss ul li { text-indent: -999em; } #hit-miss ul li a { display: block; float: left; padding: 0; margin: 0; position: absolute; } #hit-miss.tabs ul li.ui-tabs-selected.hit a { width: 118px; height: 37px; top: 0px; left: 0px; padding: 0; background: transparent url("/gfx/sect/fashion/hit-missTabs.png") no-repeat 0 -98px; } #hit-miss.tabs ul li.ui-tabs-off.hit a { width: 118px; height: 37px; top: 0px; left: 0px; padding: 0; background: transparent url("/gfx/sect/fashion/hit-missTabs.png") no-repeat 0 -2px; } #hit-miss.tabs ul li.ui-tabs-off.hit a:hover {background: transparent url("/gfx/sect/fashion/hit-missTabs.png") no-repeat 0 -50px;} #hit-miss.tabs ul li.ui-tabs-off.miss a { width: 120px; height: 37px; top: 0; left: 116px; padding: 0; background: transparent url("/gfx/sect/fashion/hit-missTabs.png") no-repeat -116px -147px;} #hit-miss ul li.ui-tabs-off.miss a:hover {background: transparent url("/gfx/sect/fashion/hit-missTabs.png") no-repeat -116px -98px;} #hit-miss.tabs ul li.ui-tabs-selected.miss a { width: 118px; height: 37px; top: 0; left: 119px !important; padding: 0; background: transparent url("/gfx/sect/fashion/hit-missTabs.png") no-repeat -119px -2px; } /********************* Runway Look Finder Splash *****************************/ #content-primary .find-by-prop {margin: 0 0 0 10px; padding: 7px 0 0; border: 1px solid #f0eee6; border-width: 1px 0 0; z-index: 1; position: static; z-index: 1;} #content-primary .find-by-prop.hover { position: relative !important; z-index: 2; } #content-primary .find-by-prop .head {float: left; margin: 0 8px 0 7px; padding: 0; background: #fff url("/gfx/sect/fashion/look-finder-panel-btn.gif") no-repeat; width: 158px; height: 77px;} #content-primary .find-by-prop .head h3 {margin: 11px 0px 0px 11px; padding: 0;} #content-primary .find-by-prop .head h3 span {display: block; width: 80px; font: normal 22px Georgia, "Times New Roman", Times, serif; line-height: 1em;} #content-primary .find-by-prop .head a {display: block; color: #000; width: 147px; height: 70px; } #content-primary .find-by-prop .head a:hover h3 span {text-decoration: underline;} #content-primary .find-by-prop .content {float: left; margin: 0; padding: 0; height: 115px;} #content-primary .find-by-prop .rwl-tn ul li {margin: 0 9px 13px 0;} #content-primary .find-by-prop .content i.img {display: block; width: 75px; height: 75px;} #content-primary .find-by-prop .content i.img img {width: 75px;} /* DO NOT REMOVE -- needed to fix size issue for past 2 seasons where tns were cropped at 73px/113px, chamilton 10feb09 */ #content-primary .find-by-prop .content li a b {display: block; width: 75px; background: #fff none; position: absolute; top: 83px; text-align: center; color: #4a4a4a; line-height: 1.2em; left: 0; padding: 0;} #content-primary .find-by-prop .content li a:hover b {text-decoration: underline;} #content-primary .find-by-prop .look-finder-nav { display: none; background: url(/gfx/sect/fashion/flyout-bg.png) top left no-repeat; position: absolute; left: 135px; top: -19px; height: 405px; width: 376px; overflow:hidden; z-index: 10; padding: 2px 4px 4px 12px; } #content-primary .find-by-prop .look-finder-nav h4 { position: relative; font-size: 16px; border-bottom: 1px #b7b7b7 solid; padding: 7px 2px 6px 13px; margin: 0 2px; } #content-primary .find-by-prop .look-finder-nav h4 .close-btn a { position: absolute; top: 4px; right: 2px; text-indent: -9999px; height: 19px; width: 19px; background: url(/gfx/sect/fashion/flyout-close.gif) top left no-repeat; } #content-primary .find-by-prop .look-finder-nav ul { height: 367px; overflow: auto; margin-top: -1px; } #content-primary .find-by-prop .look-finder-nav ul li { border-top: 1px #b7b7b7 solid; padding: 3px 14px; margin: 0 2px;} #content-primary .find-by-prop .look-finder-nav ul li a { font-size: 13px; display: block; } #content-primary .find-by-prop .color-nav { top: -19px; } #content-primary .find-by-prop .style-nav { top: -19px; } #content-primary .find-by-prop .model-nav { top: -19px; } #content-primary #find-by-designer.find-by-prop {border: 1px solid #f0eee6; border-width: 0;} /********************* Trends Splash *****************************/ /* -- lookbook -- */ #content-secondary #look-book-promo .stories-tn ul {margin: 26px 0 0 22px;} #content-secondary #look-book-promo .stories-tn ul li { float:left; display:inline; margin:0; padding:0 30px 14px 0px; width:114px; } #content-secondary #look-book-promo .stories-tn ul li.edge {padding-right: 0px;} #content-secondary #look-book-promo .stories-tn ul li i.img{ border:2px solid #454545; display:block; height:135px; margin:0; padding:0; width:110px; } #content-secondary #look-book-promo .stories-tn ul li a b{ text-align:center; display:block; color:#000; margin: 6px 0 0 0; line-height:normal; font-weight:normal; } /********************* Fashion homepage *****************************/ /* -- People in Fashion -- */ #content-secondary #people-promo h3.sub {font: bold 10px Arial, Helvetica, sans-serif; margin:0 0 7px 6px;} #content-secondary #people-promo .profile-tn {margin:7px 0 0;} #content-secondary #people-promo .profile-tn ul {border:none;} #content-secondary #people-promo .profile-tn ul li {border:1px solid #E2E0D6; margin:0 6px;} #content-secondary #people-promo .profile-tn ul li.last {margin-right:0;} #content-secondary #people-promo .profile-tn ul li a {padding: 3px 4px; margin:0; width:77px; height:96px;} #content-secondary #people-promo .profile-tn ul li a:hover {background-color: #f0eee6; text-decoration: none;} #content-secondary #people-promo .profile-tn ul li a b {text-indent: 0; text-align:center; margin-top:3px;} #content-secondary #people-promo .profile-tn i.img {width:75px; height:65px; border: 1px solid #c1c1c1;} #content-secondary #people-promo .profile-tn i.img img {position:absolute; top: -21px; left: -11px;} #content-secondary #people-promo .foot {margin-right:3px; margin-top:10px;} #content-secondary #people-promo .foot a {font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;} /* latest fashion issue */ #latest-fashion-issue.module .head {padding: 5px 0 0; border-bottom: none;} #latest-fashion-issue.module .head h3 {font-size: 21px; font-weight: normal; padding-left: 7px;} #latest-fashion-issue .rwl-tn h3 {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 12px; margin-bottom: 14px; padding-left: 6px;} #latest-fashion-issue .features-tn ul li a {color: #515151;} #latest-fashion-issue .rwl-tn ul li a i.img {display: block; height: 55px;} #latest-fashion-issue .rwl-tn ul li a i.img img {width: 75px; height: 55px;} #latest-fashion-issue .features-tn ul li a b {text-decoration: none;} #latest-fashion-issue .features-tn ul li a:hover b {text-decoration: underline;} #latest-fashion-issue .features-tn ul li a:hover {text-decoration: none;} #latest-fashion-issue .rwl-tn li b {background-image: none; left: 1px; top: 61px; text-align: left; font-size: 10px; color: #016aa6; overflow: visible;} #latest-fashion-issue .foot {border-top: 1px solid #f0eee6; padding: 7px 0 0 0;} #latest-fashion-issue .module .foot h6.all {margin: 0;} #latest-fashion-issue .module .rwl-tn ul {height: 93px;} #latest-fashion-issue .module .rwl-tn ul li {float: left; height: 80px; margin: 0 7px 13px 6px; width: 77px;} #latest-fashion-issue .content ul li a:hover b {text-decoration: underline;} #latest-fashion-issue.module .features-tn ul li a b {font: bold 11px Georgia, 'Times New Roman', Times, serif; color: #016aa6;} #latest-fashion-issue.content.rwl-tn {margin-top: 10px;} /* home page right col latest shows by type */ #latest-shows-by-type {padding-bottom: 12px; height: 194px; } #latest-shows-by-type .head {background-color:#f7f6f2; margin-top: 2px;} #latest-shows-by-type .controls {border-width: 0;} #latest-shows-by-type .controls .tabs {background-color:#f7f6f2;} #latest-shows-by-type .controls .tabs ul {padding-left: 2px;} #latest-shows-by-type .content ul {width: 176px; margin-right: 15px; float: right;} #latest-shows-by-type .content ul li.title { font-size: 10px; font-weight: normal; padding: 2px 0 3px 12px; text-transform: uppercase; } #latest-shows-by-type .content ul li.title:hover { background-image: none; } #latest-shows-by-type .content ul li {display: block; position: static;} #latest-shows-by-type .content ul li a {display: block; padding: 2px 0 3px 12px; background: url("/gfx/sect/fashion/list-btm-brdr-164px.gif") no-repeat right bottom;} #latest-shows-by-type .content ul li.current {background: url("/gfx/sect/fashion/list-hover-doublearrow.gif") no-repeat left center;} #latest-shows-by-type .content ul li a:hover {text-decoration: none;} #latest-shows-by-type .content ul li:hover {background: url("/gfx/sect/fashion/list-hover-doublearrow.gif") no-repeat left center;} #latest-shows-by-type .content ul li i.img {display: none; position: absolute; top: 78px; left: 20px; border: 1px solid #c1c1c1; width: 73px; height: 113px;} #latest-shows-by-type .content ul li.current i.img {display: block;} #latest-shows-by-type .content ul li a b {font-size: 12px; font-weight: normal;} #latest-shows-by-type .content ul li.last b {font-weight: bold;} #latest-shows-by-type .content ul li.last a {background: none;} #latest-shows-by-type .content ul li.last:hover {background-image: none; text-decoration: underline;} /* Fashion Splash right column promo */ #SAM-promo {width: 300px; padding: 0; text-align: center;} #SAM-promo .head {border-width: 0;} #SAM-promo .head h3 {/*margin: 0 auto 0; padding: 0; text-indent: -9999px;*/} #SAM-promo .head h3 a {display: block; /*background: url("/gfx/sect/shopamatic/shopAmatic-300-header.gif") no-repeat;*/ width: 290px; /*height: 49px;*/ margin: 0 auto 8px; padding: 0;} #SAM-promo .content ul {height: 102px; width: 290px; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0; margin: auto; background: none;} #SAM-promo .content ul li {display: block; float: left; border-right: 1px solid #f0eee6; padding: 0 8px; width: 80px; height: 101px; font: normal 10px Arial, Helvetica, sans-serif; line-height: 1.1em; text-decoration: none;} #SAM-promo .content ul li a {line-height: 1.2em;} #SAM-promo .content ul li a:hover b {text-decoration: underline;} #SAM-promo .content ul li a img {margin: 0 auto 4px; text-align: center; padding: 0; border: none; border-width: 0;} #SAM-promo .content ul li.edge {border-width: 0;} /*#SAM-promo .foot h6 {width: 290px; margin: 12px 0 0; padding: 12px 0; text-align: center; text-transform: uppercase; font: normal 10px Arial, Helvetica, sans-serif; background: url("/gfx/sect/shopamatic/SAMpromo-dotted-h-rule.gif") no-repeat center top;} #SAM-promo .foot h6 a:hover {text-decoration: underline;}*/ /************************************************** Calendar **********************************************************/ #content-primary #fashion-calendar {border: none;} #content-primary #fashion-calendar .head {margin: 0; padding: 15px 0 21px 19px; border-width: 0; background-color: #f7f6f2;} #content-primary #fashion-calendar .head h3 {float: left; margin: 0 0 0 12px; font: bold 26px Georgia, "Times New Roman", Times, serif;} #content-primary #fashion-calendar .head h3.sub {float: left; padding: 12px 0 0; font: normal 12px Arial, Helvetica, sans-serif; color: #605e5a;} #content-primary #fashion-calendar .content {position: relative; margin: 5px 0 0 10px;} #content-primary #fashion-calendar .content table {width:100%;} #content-primary #fashion-calendar .content table tr {border-top: 1px solid #fff; position: relative; margin: 0 0 0 10px; border-bottom: 1px solid #eeece4;} #content-primary #fashion-calendar .content table tr:hover {border-top: 1px solid #f7f6f2; background-color: #f7f6f2;} #content-primary #fashion-calendar .content table tr.first:hover {border-top: 1px solid #eeece4; background-color: #f7f6f2;} #content-primary #fashion-calendar .content table td { font: bold 12px Arial, Helvetica, sans-serif;line-height: 1.3em; padding:11px 5px 8px;} #content-primary #fashion-calendar .content table td.time { text-transform: uppercase; text-align: left; font: normal 10px Arial, Helvetica, sans-serif; color: #9e9e9e; } #content-primary #fashion-calendar .content table td.location {font: normal 11px Arial, Helvetica, sans-serif; color: #6b6a6a;} #content-primary #fashion-calendar .content dl {border-top: 1px solid #fff; position: relative; margin: 0 0 0 10px; border-bottom: 1px solid #eeece4;} #content-primary #fashion-calendar .content dl:hover {border-top: 1px solid #f7f6f2; background-color: #f7f6f2;} #content-primary #fashion-calendar .content dl.first:hover {border-top: 1px solid #eeece4; background-color: #f7f6f2;} #content-primary #fashion-calendar .content dl dt { position: absolute; width: 225px; left: 90px; text-transform: capitalize; margin: 5px 0 0; padding: 4px 0 6px; line-height: 1.3em; font: bold 12px Arial, Helvetica, sans-serif; } #content-primary #fashion-calendar .content dl dt a {} #content-primary #fashion-calendar .content dl dd {line-height: 1.3em;} #content-primary #fashion-calendar .content dl dd.time { margin: 0; padding: 11px 0 8px 0; width: 75px; position: absolute; left: 0; text-transform: uppercase; text-align: left; font: normal 10px Arial, Helvetica, sans-serif; color: #9e9e9e; } #content-primary #fashion-calendar .content dl dd.location {margin: 0; padding: 11px 0 8px 330px; font: normal 11px Arial, Helvetica, sans-serif; color: #6b6a6a;} /* -- fashion week calendar module tabs -- */ #content-primary #fashion-calendar .controls {border-width: 0; border-bottom: 1px solid #d1cfc6;} #content-primary #fashion-calendar .controls .tabs {position: relative; margin: 0; padding: 0; background-color: #f7f6f2; border-width: 0 0 1px 0;} #content-primary #fashion-calendar .controls .tabs ul {margin: 0 0 0 3px; padding: 0; border-width: 0; position:relative; top:3px;} #content-primary #fashion-calendar .controls .tabs ul li {background-color: #e7e5de; color: #605e5a; margin-right: 2px; padding: 0px 0 3px 0; font: normal 13px Arial, Helvetica, sans-serif; float: left; width: 51px; height: 20px; text-align: center;} #content-primary #fashion-calendar .controls .tabs ul li a {display: block; color: #605e5a; font-weight: normal; text-decoration: none; font: normal 13px Arial, Helvetica, sans-serif;} #content-primary #fashion-calendar .controls .tabs ul li a span {font-weight: normal; position: absolute; top: -16px;} #content-primary #fashion-calendar .controls .tabs ul li a.fri span, #content-primary #fashion-calendar .controls .tabs ul li a.sat span, #content-primary #fashion-calendar .controls .tabs ul li a.sun span, #content-primary #fashion-calendar .controls .tabs ul li a.mon span, #content-primary #fashion-calendar .controls .tabs ul li a.tue span, #content-primary #fashion-calendar .controls .tabs ul li a.wed span, #content-primary #fashion-calendar .controls .tabs ul li a.thu span, #content-primary #fashion-calendar .controls .tabs ul li a.sat-2nd span, #content-primary #fashion-calendar .controls .tabs ul li a.sun-2nd span, #content-primary #fashion-calendar .controls .tabs ul li a.mon-2nd span, #content-primary #fashion-calendar .controls .tabs ul li a.tue-2nd span, #content-primary #fashion-calendar .controls .tabs ul li a.wed-2nd span, #content-primary #fashion-calendar .controls .tabs ul li a.thu-2nd span, #content-primary #fashion-calendar .controls .tabs ul li a.fri-2nd span {position: absolute; top: -16px; left: 16px;} #content-primary #fashion-calendar .controls .tabs ul li a.a-z span {position: absolute; top: -16px; left: 16px;} #content-primary #fashion-calendar .controls .tabs ul li.ui-tabs-selected {background: #fff; margin: 2px 3px; padding: 6px 0 2px 0; float: left; border: 1px solid #d1cfc6; border-width: 1px 1px 0 1px; height: 23px;} #content-primary #fashion-calendar .controls .tabs ul li.ui-tabs-selected a {color: #252525; background: #fff;} #content-primary #fashion-calendar .controls .tabs ul li.ui-tabs-selected a:hover {text-decoration: none; cursor: default;} #content-primary #fashion-calendar .controls .tabs ul li.ui-tabs-hide {display: none;} /*important - do not move this - */ /****************************** Mini Fashion Week Calendar ******************************/ #content-secondary #fashion-calendar {margin: 15px 0; padding: 0 0 15px; background-color: #fff;} #content-secondary #fashion-calendar .head {margin: 2px 0 0; padding: 0; background-color: #f7f6f2;} #content-secondary #fashion-calendar .head h3 {margin: 0; padding: 8px 0 20px 8px;} #content-secondary #fashion-calendar .head h3.fashion-events {margin: 0; padding: 8px 0 8px 8px;} #content-secondary #fashion-calendar .content {position: relative; margin: 0; padding: 0;} #content-secondary #fashion-calendar .content dl {border-top: 1px solid #fff; position: relative; margin: 0; padding: 0; border-bottom: 1px solid #eeece4;} #content-secondary #fashion-calendar .content dl:hover {border-top: 1px solid #f7f6f2; background-color: #f7f6f2;} #content-secondary #fashion-calendar .content dl.first:hover {border-top: 1px solid #eeece4; background-color: #f7f6f2; margin: 0; padding: 0;} #content-secondary #fashion-calendar .content dl dt {left: 77px; /*text-transform: capitalize; -- only used for fashion week -- */ margin: 0; padding: 4px 5px 6px 75px; line-height: 1.3em; font: normal 12px Arial, Helvetica, sans-serif;} #content-secondary #fashion-calendar .content dl dt a {} #content-secondary #fashion-calendar .content dl dd {margin: 0; padding: 6px 0; position: absolute; left: 20px; top: 0; text-transform: uppercase; text-align: right; font: normal 10px Arial, Helvetica, sans-serif; color: #9e9e9e; line-height: 1.3em;} #content-secondary #fashion-calendar .foot {margin: 0; padding: 5px 0 0; background: none;} #content-secondary #fashion-calendar .foot h6.all {margin: 0; padding: 0 0 3px 0;} #content-secondary #fashion-calendar .foot h6.all a {font-weight: normal;} /* -- mini fashion week calendar module tabs -- */ #content-secondary #fashion-calendar .controls {border-width: 0; background-color: #f7f6f2;} #content-secondary #fashion-calendar .controls .tabs {background-color: #f7f6f2;} #content-secondary #fashion-calendar .controls .tabs ul {margin: 0; padding: 0 0 0 2px;} /* --- for mini fashion weel calendar only --- */ #content-secondary #fashion-calendar .controls a.all-link {display: block; background: url("/gfx/sect/fashion/calendar-all.gif") no-repeat center center;} #content-secondary #fashion-calendar .controls a.all-link:hover {text-decoration: none;} /* Turning these two rules on breaks mini Fashion Events/Sales calendar ------------------ #content-secondary #fashion-calendar .controls .tabs {position: relative; margin: 0; padding: 0; border-bottom: 1px solid #d1cfc6; border-width: 0 0 1px 0;} #content-secondary #fashion-calendar .controls .tabs ul li {color: #605e5a; margin: 3px 2px 0 0; padding: 0; font: normal 13px Arial, Helvetica, sans-serif; float: left; width: 31px; height: 19px; text-align: center; background-color: #e7e5de; border-width: 0;}*/ #content-secondary #fashion-calendar .controls .tabs ul li { padding: 0px 4px; } #content-secondary #fashion-calendar .controls .tabs ul li.ui-tabs-selected { padding-bottom: 3px; } #content-secondary #fashion-calendar .controls .tabs ul li.all {width: 23px !important; background-color: #d0cfc8;} #content-secondary #fashion-calendar .controls .tabs ul li a {display: block; color: #605e5a; font-weight: normal; text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif;} #content-secondary #fashion-calendar .controls .tabs ul li a span {font-weight: normal; position: absolute; top: -20px; font: normal 10px Arial, Helvetica, sans-serif; color: #94918e;} #content-secondary #fashion-calendar .controls .tabs ul li a.fri span {position: absolute; top: -16px; left: 10px;} #content-secondary #fashion-calendar .controls .tabs ul li a.sat span {position: absolute; top: -16px; left: 8px;} #content-secondary #fashion-calendar .controls .tabs ul li a.sun span {position: absolute; top: -16px; left: 7px;} #content-secondary #fashion-calendar .controls .tabs ul li a.mon span {position: absolute; top: -16px; left: 7px;} #content-secondary #fashion-calendar .controls .tabs ul li a.tue span {position: absolute; top: -16px; left: 6px;} #content-secondary #fashion-calendar .controls .tabs ul li a.wed span {position: absolute; top: -16px; left: 5px;} #content-secondary #fashion-calendar .controls .tabs ul li a.thu span {position: absolute; top: -16px; left: 7px;} #content-secondary #fashion-calendar .controls .tabs ul li a.fri-2nd span {position: absolute; top: -16px; left: 9px;} #content-secondary #fashion-calendar .controls .tabs ul li a.sat-2nd span {position: absolute; top: -16px; left: 8px;} #content-secondary #fashion-calendar .controls .tabs ul li a.sun-2nd span {position: absolute; top: -16px; left: 7px;} #content-secondary #fashion-calendar .controls .tabs ul li a.mon-2nd span {position: absolute; top: -16px; left: 7px;} #content-secondary #fashion-calendar .controls .tabs ul li a.tue-2nd span {position: absolute; top: -16px; left: 6px;} #content-secondary #fashion-calendar .controls .tabs ul li a.wed-2nd span {position: absolute; top: -16px; left: 5px;} #content-secondary #fashion-calendar .controls .tabs ul li a.thu-2nd span {position: absolute; top: -16px; left: 7px;} #content-secondary #fashion-calendar .controls .tabs ul li a.all-link span {display: block; position: absolute; top: -16px; left: 5px;} /* upcoming fashion weeks calendar */ #content-primary #upcoming-fashion-weeks {border: none; background-color: #f8f8f4; border: 1px solid #eceae6;} #content-primary #upcoming-fashion-weeks .head {margin: 0; padding: 0; border-width: 0;} #content-primary #upcoming-fashion-weeks .head h3 {float: left; margin: 0 0 0 10px; font: bold 12px Georgia, "Times New Roman", Times, serif;} #content-primary #upcoming-fashion-weeks .content {position: relative; margin: 5px 0 0 10px;} #content-primary #upcoming-fashion-weeks .content dl div:hover {display: block; color: #000; background-color: #ddd;} #content-primary #upcoming-fashion-weeks .content dl dt {color: #000; position: absolute; left: 0; text-transform: capitalize; margin: 5px 0 0; padding: 0 0 0 1px; line-height: 1.3em; font: normal 12px Arial, Helvetica, sans-serif;} #content-primary #upcoming-fashion-weeks .content dl dd {margin: 0; padding: 5px 0 2px 68px; color: #6b6a6a; line-height: 1.3em; font: normal 11px Arial, Helvetica, sans-serif; color: #6b6a6a;} #content-primary #upcoming-fashion-weeks .content dl dt a {display: block; color: #000; background-color: #ddd;} #content-primary #upcoming-fashion-weeks .content dl dt a:hover {display: block; color: #000; background-color: #ddd;} /* non Feb. */ /********************* Default Table: Fashion Show Matrix *****************************/ table.show-matrix { border: 0; margin: 0 0 15px 0; padding: 0; } table.show-matrix tr { margin: 0; padding: 0; } table.show-matrix th { border: 0; padding: 7px 10px 7px 5px; font-size: 1.2em; font-weight: normal; color: #757575; text-align: left; border-right: 1px solid #e3e3e3; } table.show-matrix th.last-col { border-right: none; } table.show-matrix tr td { border: 0; padding: 7px 10px 7px 5px; line-height: 1.5em; border-top: 1px solid #e3e3e3; vertical-align: top; } table.show-matrix tr td.showTitle { border: 0; padding: 7px 10px 7px 5px; font: bold 14px Georgia, "Times New Roman", Times, serif; color: #444; text-align: left; border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; } table.show-matrix tr td.showTitle span {white-space: nowrap;} table.show-matrix tr td a {border: 0;} /* to remove the underline from image thumbnails */ /********************* Global Left Column Promos *****************************/ #global-promos {background-color: #fff; width: 174px; position: relative; left: -8px; top: 0; padding-top: 15px;} #global-promos .head {border: none;} #global-promos .head h3 {border: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0;} /*** LookFinder Module ***/ #fashion-lookfinder { margin: 20px 0 0 0; padding: 0 0 50px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background: url(/gfx/sect/fashion/lookfinder-module-bg.gif) bottom left no-repeat; width: 164px; } #fashion-lookfinder div.lookfinder-top { width: 164px; height: 2px; background: url(/gfx/sect/fashion/lookfinder-border-top.gif) no-repeat; font-size: 1px; } #fashion-lookfinder-content { border-left: 1px solid #dcd9d4; border-right: 1px solid #dcd9d4; padding: 10px 5px 6px 5px; width: 152px; } #fashion-lookfinder h1 a { display: block; text-indent: -999em; width: 128px; height: 20px; background: url(/gfx/sect/fashion/lookfinder-header.gif) no-repeat; margin-left: 12px; } #fashion-lookfinder p { margin: 4px 0 8px 0; display: block; text-align: center; } #fashion-lookfinder ul { margin: 0 0 0 1px; padding: 0; text-align: left; } #fashion-lookfinder ul li { margin: 5px 0 0 0; padding: 0; background: url(/gfx/sect/fashion/lookfinder-li-bg.gif) no-repeat; display: block; width: 150px; height: 23px; } #fashion-lookfinder ul li a { display: block; color: #000; padding: 0 0 0 10px; width: 136px; height: 19px; line-height: 21px; height: 23px; } /*** Rate the Runways Module ***/ #raterunways {margin-left: 8px; border-width: 0; width: 164px; height: 113px; background: url(/gfx/sect/fashion/ratetherunways-bg.gif) no-repeat; } #raterunways .head {position: relative; border-width: 0; padding-bottom: 3px; } #raterunways .head h3 a { display: block; text-indent: -999em; width: 144px; height: 19px; background: url(/gfx/sect/fashion/ratetherunways-header.gif) no-repeat; margin: 3px 0 0 2px; } #raterunways .content { text-align: center; } #raterunways dl { margin: 0 0 0 8px; padding: 0; } #raterunways dt a , #raterunways dd a { display: inline-block; margin: 0; padding: 0; float: left; height: 67px; width: 67px; text-indent: -999em; border: 3px solid #FFF; } #raterunways dt a { margin-right: 2px } #raterunways dt a { background: url(/gfx/sect/fashion/ratetherunways-hits.jpg) top left no-repeat; } #raterunways dd a { background: url(/gfx/sect/fashion/ratetherunways-misses.jpg) top left no-repeat; } #raterunways dl a:hover { border: 3px solid #ed1475; } /*** Latest Fashion Shows ***/ #latest-fashion-shows { position: relative !important; width: 164px; border-width: 0; padding-bottom: 15px; margin: 2px 0 0 8px; } #latest-fashion-shows .head { padding-left: 15px; } #latest-fashion-shows .head h3 { width: 128px; height: 15px; text-indent: -999em; display: block; background: url(/gfx/sect/fashion/featured-shows-h3-bg.gif) no-repeat; } #latest-fashion-shows .controls { padding-top: 0px; } #latest-fashion-shows .content ol {padding: 9px 13px 0; } #latest-fashion-shows .content ol li {padding: 0 0 3px 0; list-style: none; font: normal 10px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em;} #latest-fashion-shows .content ol li b {font-weight: normal; color: #000;} #latest-fashion-shows .content ol li a { text-decoration: none;} #latest-fashion-shows .content ol li a:hover {text-decoration: underline;} #latest-fashion-shows .content ol li.see-more { display: block !important; padding-top: 3px; } #latest-fashion-shows .foot {margin: 0; padding: 0 0 0 13px; clear: both;} #latest-fashion-shows .foot h6 {font: bold 10px Verdana, Arial, Helvetica, sans-serif;} #latest-fashion-shows .tabs ul { padding: 0; margin: 0; border-bottom: 1px solid #dcd9d4; } #latest-fashion-shows .tabs ul li.ui-tabs-selected a:hover {text-decoration: none;} #latest-fashion-shows .tabs ul li.ui-tabs-selected {padding: 0 0 3px 0; background: #FFF; border: 1px solid #dcd9d4; border-width: 1px 1px 0; margin: 5px 2px -1px 0; } #latest-fashion-shows .tabs ul li.ui-tabs-selected a {color: #323232 !important; background: transparent;} /*-- turn border back off for fashion off-season, chamilton, 12jun09 -- */ /*-- turn border back on for fashion week, chamilton, 10apr09 -- */ #latest-fashion-shows .tabs ul li { border-width: 0 1px 0 0; background: #edecea; display: inline; margin: 6px 1px -3px 0; padding-bottom: 2px; } #latest-fashion-shows .tabs ul li a {color: #636363 !important; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} /* -- change value to 'none' for fashion off-season, chamilton, 12jun09 -- */ /* -- change value to 'underline' for fashion week, chamilton, 10apr09 -- */ #fashion-alert-newsletter-promo {border-width: 0; padding: 0; background: transparent url("/gfx/sect/fashion/fashion-alerts-bg.gif") no-repeat -1px 0; height: 102px; width: 170px; margin: 0 0 0 4px; } #fashion-alert-newsletter-promo .head {padding: 17px 0 0 0; margin-bottom: 3px; } #fashion-alert-newsletter-promo .head h3 {margin: 0 0 0 30px; text-indent: -999em; background: transparent url("/gfx/sect/fashion/fashion-alerts-h3-bg.gif") no-repeat 0 0;} #fashion-alert-newsletter-promo .head p { display: block; text-align: center; margin: 4px 0 4px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } #fashion-alert-newsletter-promo input {padding-left: 3px; width: 145px !important;} #fashion-alert-newsletter-promo .foot {font: 9px Verdana, Arial, Helvetica, sans-serif; background-color: #efefef; margin: 0; padding: 5px 5px;} #newsletter-subscribe fieldset.required p input {/*border:1px solid #FFFFFF;*/ margin:0 0 0 10px; } #newsletter-subscribe fieldset.required p.input-wrp { height: 24px; } #newsletter-subscribe fieldset.required p.signup { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left; width: 100%; text-align: center; line-height: 12px; } #newsletter-subscribe fieldset.required p.signup a { float: none; margin-right: 0; } #newsletter-subscribe input.text {margin-bottom:6px; width:98%;} #newsletter-subscribe input.text {border-color: #7c7c7c #7c7c7c #c3c3c3 #c3c3c3; border-style: solid; border-width: 1px; color: #858585; } #newsletter-subscribe .loading { border: 0; display: none; position: absolute; bottom: 11px; left: 11px; } #my-fashion-albums-promo {border:1px solid #ccc; padding: 10px 0 0;} #last-saved-look {margin: 3px 5px; padding: 0;} #last-saved-look li {clear: both; line-height: 1.5em;} #last-saved-look li img {float: left; margin-right: 5px;} #fashion-widgets-promo {border:1px solid #ccc; padding: 10px 0 0; height: 100px;} /********************* Global Fashion Footer *****************************/ #fashion-footer {border-top: 1px solid #f0eee6; border-width: 1px 0 0; margin: 0; padding: 2px 0 0; width: 980px;} #fashion-footer .carousel-wdgt {clear: none;} #fashion-footer .module {float: left; margin: 0; padding: 5px 0; text-align: left; width: 433px;} /* Fashion Week season: width=433px / Off Season: width=708px, chamilton, 10apr09 -- */ #fashion-footer .head {margin: 0; padding: 4px 0 6px 6px; border-width: 0; background: transparent url("/gfx/sect/fashion/features-tn-foot-dbl-ln.png") repeat-y 100% 0;} #fashion-footer .module .features-tn {margin: 0 0 11px; padding: 2px 0; border-width: 0; background: transparent url("/gfx/sect/fashion/features-tn-foot-dbl-ln.png") repeat-y 100% 0;} #fashion-footer .module .features-tn ul {padding-left: 0; background: transparent url("/gfx/sect/fashion/features-tn-foot.png") repeat-y 6px 100%;} /* use features-tn-foot.png during Fashion Week season and use features-tn-foot-off-season.png for off season */ #fashion-footer .module .features-tn ul li {float: left; margin: 4px 0 4px 19px; width: 122px;} #fashion-footer .module .features-tn ul li:first-child {margin-left: 6px;} #fashion-footer .module .features-tn ul li a i.img {display: block; width: 120px; height: 85px; border: 1px solid #c1c1c1;} #fashion-footer .module .features-tn ul li a b {display: block; line-height: 1.3em; margin: 6px 0 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; line-height: 1.2em;} #fashion-footer #shows {float: left; padding: 0 2px 10px 13px; text-align: left; width: 532px;} /* Fashion Week season: width=532px, padding-left=13px / Off Season: width=264px, padding-left=6px, chamilton, 10apr09 -- */ #fashion-footer #shows .head {margin: 0 0 3px 1px; padding: 9px 0 6px 0; border: none; background: none;} #fashion-footer #shows .head h3 {margin: 0 0 0 1px; padding: 0 0 3px 4px;} #fashion-footer #shows .rwl-tn li i.img img {width: 75px;} #fashion-footer #shows .controls .c-top {top: 8px;} #fashion-footer #shows .controls .c-over {display: none;} #fashion-footer #shows .foot h6 {margin: 5px 0 0; padding: 3px 0 0;} /* #features {float: left; margin: 0; padding: 0 0 10px; text-align: left;} -- for non fashion week, not in use for R1 -- */ /* -------- Newsletter Signup --------- */ #newsletter-subscribe p a{color:#ed1475; float:right; margin-right:15px; font-weight:bold;} /* -------- Google Text Ads --------- */ #fashion-adsense {border-top:0; margin: 20px 0;} #fashion-nav .nap-sponsor { padding:0 0 7px; border-bottom:1px solid #f0f0ed; margin: 0 3px 8px 0; position:relative; top:-3px; } #fashion-nav .nap-sponsor a { padding: 5px; display:block; } #fashion-nav .nap-sponsor img { border:0 !important; }