.clear {clear: both;} .visible {display: block;} img {border: 0px;} a {text-decoration: none;} a:hover {text-decoration: underline;} #redesign_container {margin: 0px auto; overflow: visible; width: 1020px; font: 13px Verdana, sans-serif; color: #000;} #redesign_container .articles P {line-height:15px; letter-spacing: -0.02em;} #redesign_container #content_container {margin: 0px; padding: 0px;} /**** HEADER ****/ #content_container #banner_ad {margin-bottom: 10px;} #content_container #meta_nav {background: #949494; padding: 4px 0 7px; height: 17px; font: 16px "Times New Roman", Times, serif; color: #fff; margin-bottom: 15px; overflow: hidden;} #content_container #meta_nav .link_set {float: left; margin-left: 10px; width: 50%;} #content_container #meta_nav .right {float: right; width: 40%;} #content_container #meta_nav b {font-size: 18px; text-transform: uppercase; float: left; margin-right: 8px; line-height:20px;} #content_container #meta_nav .link_set .links {font-weight: bold; font-size: 16px; height: 22px; padding: 0 5px; letter-spacing: .0155em;} #content_container #meta_nav .link_set .links a {color: #fff; padding: 0 6px; line-height:21px;} #content_container #meta_nav .link_set.right .links a {line-height:21px;} #content_container #meta_nav .link_set .links .meta_divider{float:left;} /* Meta Nav Hover */ #content_container #meta_nav .link_set .links #subscribe {float:left; width: 66px; height: 28px; padding: 0 11px;} #content_container #meta_nav .link_set .links a:hover#subscribe {background:url(hover-bg-meta-left.gif) no-repeat; color: #000; text-decoration: none; width: 66px; height: 28px; background-position: 0px -3px;} #content_container #meta_nav .link_set .links #give_gift {float:left; width: 98px; height: 28px; padding: 0 10px;} #content_container #meta_nav .link_set .links a:hover#give_gift {background:url(hover-bg-meta-left.gif) no-repeat; color: #000; text-decoration: none; width: 98px; height: 28px; background-position: -86px -3px;} #content_container #meta_nav .link_set .links #customer_service {float:left; width: 128px; height: 28px; padding: 0 9px;} #content_container #meta_nav .link_set .links a:hover#customer_service {background:url(hover-bg-meta-left.gif) no-repeat; color: #000; text-decoration: none; width: 128px; height: 28px; background-position: -202px -3px;} #content_container #hed_mid {margin: 5px 7px 5px 10px;} #content_container #logo {float: left;} /* Search Area */ #content_container #hed_mid #search_area {background: #000; width: 400px; height: 80px; float: right; margin-top: 5px;} #search_area #form_wrap {border: 1px solid #676767; width: 374px; height: 32px; margin: 11px 0 0 13px; *display: inline; *float: left;} #search_area .input {width: 268px; height: 22px; padding: 4px 0 6px 8px; float: left; border: 0px; font: 18px Verdana, sans-serif; *margin-bottom: 7px;} #search_area .btn_search {float: left;} #search_area .try_terms {margin: 5px 0 0 13px; color: #cc2229; font: normal 12px Verdana, sans-serif; *zoom: 1; *clear: both;} #search_area .try_terms b {color: #fff30b; text-transform: uppercase; font: bold 18px "Times New Roman", Times, serif; margin-right: 3px;} #search_area .try_terms a {color: #fff; padding: 0 3px;} /**** NAV ****/ #content_container #nav {position: relative; z-index:10; float: left; clear: both; margin: 10px 0 0 12px; width: 1001px; height: 42px; _margin: 0 0 0 5px; _behavior:url(/cm/harpersbazaar/scripts/csshover3.htc);} #content_container #nav .nav_section {float:left; position: relative;} #content_container #nav a.navbar_link {display:block; margin-right: 0px; height:42px; min-height:42px;} #content_container #nav a.navbar_link span {display: none;} #content_container #nav .home a.navbar_link {background:url(home.png) no-repeat 0 0; width:168px; border-top:5px solid #000; border-bottom:5px solid #000; border-left:0 none; border-right:0 none; } #content_container #nav .fashionshopping a.navbar_link {background:url(fashionshopping.png) no-repeat 0 0;width:302px; border-top:5px solid #000; border-bottom:5px solid #000; border-left:0 none; border-right:0 none; margin-left:-2px; } #content_container #nav .beautyhair a.navbar_link {background:url(beautyhair.png) no-repeat 0 0;width:228px; border-top:5px solid #000; border-bottom:5px solid #000; border-left:0 none; border-right:0 none; margin-left:-2px; } #content_container #nav .celeblifestyle a.navbar_link {background:url(celeblifestyle.png) no-repeat 0 0;width:309px;margin:0; border-top:5px solid #000; border-bottom:5px solid #000; border-left:0 none; border-right:0 none; margin-left:-2px; } #content_container #nav .dd_container { width:502px; display:none; padding-top:0px; position:absolute; top:50px; left:-2px; } #content_container #nav .dd_outer { background:#fff url('dd_bg.png') repeat-y top right;border:2px solid #000;} #content_container #nav .fashionshopping .dd_outer {width:605px;} #content_container #nav .beautyhair .dd_outer {width:531px;} #content_container #nav .celeblifestyle .dd_outer {width:612px; background-position:top left;} #content_container #nav .dd_outer ul {float:left;padding:10px 0;width:175px;} #content_container #nav .dd_outer ul, #content_container #nav .dd_outer li { list-style-type:none; margin:0; padding:0; } #content_container #nav .dd_outer ul.f { width:299px; margin-left:-2px; } #content_container #nav .dd_outer ul.b { width:225px; margin-left:-2px; } #content_container #nav .dd_outer ul.c { width:309px; margin-left:-2px; } #content_container #nav .dd_outer li { border-bottom:1px solid #000; padding:5px 0px; } #content_container #nav .dd_outer li.last { border-bottom:none; } #content_container #nav .dd_outer li a {display:block;padding:5px 30px;margin-right:0px;color:#000;text-decoration:none;font-size:14px;} #content_container #nav .dd_outer li a:hover {color:#cc2229;} #content_container #nav .dd_inner {float:left;width:288px;padding:10px; height:100%;} #content_container #nav .dd_inner p.featured {font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:4px; } #content_container #nav .dd_inner .feature {padding:5px 0px 0 0; } #content_container #nav .dd_inner .feature a { color:#fff; font-weight:bold; font-size:12px; text-transform:uppercase; } #content_container #nav .dd_inner .feature.first {border-bottom:3px solid #ccc;} #content_container #nav .dd_inner img.nav_feature {border:3px solid #fdf403;float:left;margin:1px 5px 20px 0;} #content_container #nav .dd_inner p.story {float:left;padding-left:0px;width:200px; color:#fff;} #content_container #nav .dd_inner p.story a {font-size:12px;text-decoration:none;color:#fff;} #content_container #nav .dd_inner p.story span.more a { font-weight:normal; background:url(more_bullet.png) no-repeat right; padding-right:10px; text-transform:capitalize; display:inline-block; width:32px;} #content_container #nav .dd_inner p.story span.more a:hover {text-decoration:underline; } #content_container #nav .celeblifestyle .dd_container { left:-309px;} #content_container #nav .celeblifestyle .dd_outer ul {width:306px;} * html #content_container #nav .home a.navbar_link { width:168px; } /* NAV dropdown */ #content_container #nav .nav_section:hover a.navbar_link, #content_container #nav .nav_section a.navbar_link.active { background-position:0px -42px; } #content_container #nav .nav_section:hover .dd_container {display:block;} /**** MAIN CONTENT ****/ #content_container #main_content {float: left; margin: 20px 0 10px 13px; width: 1001px;} #content_container #main_left {float: left;} #content_container #main_right {float: right; width: 340px; padding-right: 5px;} /**** PROMO PLAYER ****/ #content_container #promo_player {width: 637px; height: 306px; border: none; margin-bottom: 20px;} /**** PROMO AREA ****/ #content_container #promo_area {margin: 10px 0; width: 640px;} #content_container #promo_area .promo_left {float: left;} #content_container #promo_area #whats_new_area {float: right; width: 440px; margin-bottom: 10px;} #content_container #promo_area #whats_new_area #hed {margin-bottom: 20px;} #content_container #promo_area #whats_new_area .articles {float: left; width: 215px;} #content_container #promo_area #whats_new_area #new_img {float: left; width: 225px;} #content_container #promo_area a {font-weight: bold;} #content_container #promo_area .more {white-space: nowrap;} #content_container #promo_area .more a {font-size: 13px; color: #cc2229; font-style: normal;} #content_container #promo_area .promo_title a {color: #000;} /**** 620 CIRC AD ****/ #content_container #circad_wrapper {clear: both; width: 640px; border: 1px solid #ccc; margin-bottom: 10px;} #content_container #circad_wrapper p {width: 640px; text-align: center; color: #777; font-style: normal; font-size: 9px; margin: 2px 0; text-transform: uppercase;} #content_container #circad_wrapper #circad {width: 620px; margin: auto; padding-bottom: 5px;} /**** Celebs & Lifestyle ****/ #content_container #bottom_promos .promo_left {float: left; width: 300px;} #content_container #bottom_promos .promo_left .hed {display: block;} #content_container .celeb_img {clear: both; border: 1px solid #000;} #content_container #celeb_articles {margin-top: 10px;} /**** Fashion & Shopping ****/ #content_container #promo_fashion {float: right; width: 315px; margin-top: 20px;} #content_container #fashion_left {width: 170px; float: left;} #content_container #fashion_left .articles {width: 150px;} #content_container #fashion_img {float: right;} /**** RIGHT RAIL ****/ /*GALLERY AD */ #content_container #main_right #ad_gallery {border: 1px solid #ccc; padding: 2px; margin-bottom: 10px;} #content_container #main_right #ad_gallery p {text-align: center; text-transform: uppercase; font-size: 8px; color: #6e665f; margin-bottom: 2px; letter-spacing: .125em;} #content_container #main_right #ad_gallery #ams_baz_gallery {width: 300px; margin: auto;} /* Modules */ #content_container #main_right .module {font: bold 12px Verdana, Arial, sans-serif; margin-bottom: 2px;} #content_container #main_right .mod_content {background: #000; width: 314px; padding: 10px 10px 20px 20px; color: #fff;} #content_container #main_right .mod_content a {color: #fff;} #content_container #main_right .mod_hed {margin-bottom: 2px; background: #cc2229; width: 344px; height: 37px; color: #fff;} #content_container #main_right .mod_hed i {background:url(mod-hed-arrow.gif) no-repeat; font-style: normal; padding: 2px 0 0px 30px; font: bold 16px Arial, sans-serif; text-transform: uppercase; float: left; margin: 7px 0 0 10px;} #content_container #main_right .module .mod_content .left {float: left; width: 190px; margin: 10px 10px 0 0;} #content_container #main_right .module .mod_content .mod_title {margin-bottom: 10px;} #content_container #main_right .module .mod_content .thumb_img {border: 1px solid #cc2229; margin-left: 5px;} #content_container #main_right .module .mod_content .see_all span {font-size: 10px;} #content_container #main_right .module .icon_wrapper, #content_container #main_right .module .icon_wrapper p, #content_container #main_right .module .icon_wrapper .icon {float: left; font-family: Arial, sans-serif;} #content_container #main_right .module .icon_wrapper {margin: 0 15px; height: 40px;} #content_container #main_right .module .icon_wrapper p {padding: 20px 0 0 5px;} #content_container #main_right #mod_follow .mod_content {padding: 15px 10px 10px 20px;} #content_container #main_right .module .mod_content .buy_content {float: right; width: 200px; margin-right: 10px; _width: 180px;} #content_container #main_right #mod_bestbuy .mod_content, #content_container #main_right #mod_onthego .mod_content {padding-top: 20px;} #content_container #main_right .buy_img {float: left;} /* Baz on the Go Module */ #content_container #main_right .module #tabs {margin-bottom: 10px; font-size: 11px; font-weight: bold;} #content_container #main_right .module #tabs .active {color: #fff30b; cursor: text; text-decoration: none;} #content_container #main_right .module #tabs .inactive {color: #ccc; cursor: pointer;} #content_container #main_right .module #tabs .tab {float: left; margin-right: 8px; padding-right: 10px; text-transform: uppercase; border-right: 1px solid #ccc;} #content_container #main_right .module #tabs .last {margin-right: 0px; border: none;} #content_container #main_right .module .tabcontent {clear: both; padding: 20px 0 10px; font: bold 12px Verdana, Arial, sans-serif; } #content_container #main_right .module .link {font-size: 10px; font-weight: bold; color: #fff; line-height: 18px; text-transform: none; } #content_container #main_right .module .link a, #content_container #main_right .module #tabcontent_mobile .link {font-size: 12px;} #content_container #main_right .module #tabcontent_mobile b {margin: 10px 0 5px; display: block; text-transform: uppercase;} #content_container #main_right .module span {color: #fff30b;} #content_container #main_right .module #mag_left {line-height: 18px; float: left; width: 150px; margin-right: 10px;} #content_container #main_right .module #mag_left .link {font-size: 12px; font-weight: bold; width: 160px;} /**** HTML BOTTOM ****/ #html_bottom {float: left; clear: both; margin: 25px 0 10px 20px; _overflow: hidden; width: 1013px;} #html_bottom #ad_banner_bot {width: 1000px; border: 1px solid #ccc; text-align: center; padding: 5px 0; margin-bottom: 10px;} #html_bottom #ad_banner_bot #ams_baz_bot {width: 728px; margin: 0px auto;} #html_bottom #bottom_search #search_area {clear: both; background: #fff; width: 400px; margin: 10px auto; padding-top: 20px;} #html_bottom #bottom_search #search_area .try_terms {*margin-top: 0px;} #html_bottom #search_area .try_terms a {color: #000000;} #html_bottom #search_area .try_terms b {color: #CC2229;} /* More From HBZ */ #html_bottom #more_from_har {float: left; clear: both; margin: 20px 0 0 -10px; width: 1013px; overflow: hidden; _margin-left: 1px;} #html_bottom #more_from_har #section_wrapper {background:url(bg-more_from.gif) repeat-y; float: left; width: 979px; padding: 0 0px 10px 34px; } #html_bottom #more_from_har .section {float:left; height:160px; margin: 0 10px 0 7px; width: 227px; _margin-right: 7px;} #html_bottom #more_from_har .section_name {color: #fff; font: bold 22px "Times New Roman", Times, serif; margin-bottom:3px;} #html_bottom #more_from_har ul {min-height:60px; padding:0;} #html_bottom #more_from_har li {font-size: 12px; line-height:18px; letter-spacing:0.00125em; list-style:none; } #html_bottom #more_from_har a {color:#fff;} #html_bottom #more_from_har .more_link {font-size: 14px; font-weight: bold; margin: 0; padding: 0;color: #fff;text-transform: capitalize;} #html_bottom #more_from_har .more_link a:hover {text-decoration: underline; color:#fff;} #html_bottom #more_from_har .more_hed {_padding-left: 8px;} /* Bottom Ads */ #html_bottom #more_from_har #section_wrapper {margin-bottom: 24px;} #html_bottom #hp_ads_most_popular {float: left; *margin-top: 20px; _margin-top: 0px;} #html_bottom #hp_ads_most_popular .ad_wrapper {float: left; height: 267px; width: 300px; border: 1px solid #DBDBDB; } #html_bottom #hp_ads_most_popular .ad_wrapper p {margin: 2px 0; text-align:center; color:#777; font-size:9px;} #html_bottom #hp_ads_most_popular #most_popular_searched {float: left; width: 340px; margin-left: 20px; font-size:12px; line-height:18px;} #html_bottom #most_popular_searched p {color: #D01F26; font: normal 35px Times, "Times New Roman", serif; letter-spacing: -0.019em; margin: -6px 0 0px;} #html_bottom #most_popular_searched p i {font-style: normal;} #html_bottom #most_popular_searched ol {margin: 0; padding: 0 0 4px 0;} #html_bottom #most_popular_searched ol li {list-style-position:inside} #html_bottom #most_popular_searched a {text-decoration: none; color: black; font-style: normal;} #html_bottom #most_popular_searched a:hover {text-decoration: underline; color: black;} #html_bottom #most_popular_searched #most_searched {margin-top: 10px; } #html_bottom #sponsored_links {margin-right: 20px;} #html_bottom #sponsored_links #sponsored_links_content img {margin-left: 1px;} #html_bottom #special_offer #special_offer_content img {margin-left: 1px;} #html_bottom #most_popular_posts li a, #html_bottom #most_searched li a { display:inline-block; vertical-align:top; width:290px; height:18px; *line-height:22px; overflow:hidden;} /* Footer */ #html_bottom #footer {border-top: 1px solid #cc2229; padding-top: 10px; margin: 20px 0; clear: both; float: left; padding-left: 0px;} #html_bottom #footer a {font-size: 12px; color: #000; margin-bottom: 1px; width: 100%; float: left; clear: both;} #html_bottom #footer #links {margin-bottom: 10px; zoom: 1; padding-bottom: 10px;} #html_bottom #footer #links .link_wrapper, #html_bottom #footer #seo_links .links_wrapper, #html_bottom #footer #seo_links .links_wrapper_nohed {float: left; border-right: 1px solid #cc2229; width: 150px; height: 230px; overflow: hidden; padding: 0 5px 5px 10px; line-height: 16px; margin: 0px 0 5px; text-transform: inherit; _position: relative;} #html_bottom #footer #seo_links .links_wrapper_nohed {margin-top: 10px; height: 180px;} #html_bottom #footer #links .link_wrapper b, #html_bottom #footer #seo_links .footerHeds {font: bold 14px Arial, sans-serif; margin-bottom: 5px; clear: both;} #html_bottom #footer #links .link_wrapper .second {margin: 7px 0 5px 0; float: left; *margin: 0px;} #html_bottom #footer #seo_links .link {text-transform: none; font-size: 12px; line-height: 16px; *line-height: normal; } #html_bottom #footer #links p {margin-top: 5px;} #html_bottom #footer #links #about_hb {width: 140px; padding-left: 0px;} #html_bottom #footer #links .last {margin-left: 0px; border-right: none;} #html_bottom #footer #footer_copy {font-size: 12px; width: 450px; margin: 10px auto; text-align: center;} #html_bottom #footer #footer_copy a {width: auto; font-weight: bold; float: none;} #html_bottom #footer #links p a { _position: relative;} #html_bottom #footer #links #hb_mag .clear {_display: none;}