body {margin: 0; background: #e0f2fc; font-size:62.5%; font-family: Verdana, Arial, sans-serif;} a {text-decoration: none; outline: none;} img {border: none;} sup {line-height: 0.7; font-size: 0.8em;} object, embed {outline: none;} /* global utility classes */ .clear {clear: both;} .left {float: left !important;} .right {float: right !important;} .hide {display: none !important;} .show {display: block !important;} .absolute {position: absolute;} .relative {position: relative;} .dark_gray {color: #999999;} .light_gray {color: #B0AFAF;} .bluefont { color: #2BA9DF;} .arialfont { font-family: Arial, Helvetica, Verdana, sans-serif;} .fontSizeDisclaimer {font-size: 0.75em;} .violator{font-weight:bold;} .helveticafont { font-family: Helvetica,Verdana, Arial, sans-serif;} .verdanafont { font-family:Verdana, Arial, Helvetica, sans-serif;} .drop_bottom {position: absolute; left: 0; bottom: 0; display: block; clear: both; width: 100%; height: 4px; background: #fff url(../images/global/shadow_bottom_white.jpg) repeat-x left top;} .capitalize {text-transform: capitalize;} .underline { text-decoration:underline; } .bold { font-weight:bold; } ul.menu, ol.menu {margin: 0; padding: 0; list-style: none;} ul.menu li {position: relative;} ul.menu li ul {position: absolute; left: -999em; width: inherit;} ul.menu li:hover ul, ul.menu li.menuhover ul {left: auto;} ul.horiz li {float: left;} ul.horiz ul.sub li {float: none;} .fontsizesubdescription{font-size:0.73em; font-weight:bold;} /* global utility classes */ /* Accordion styles */ .accordion {clear: both; width: 290px; height: 420px; line-height: 1.45em;} .pdp .content-support .accordion {padding: 20px 0 0 22px;} .faq .content-support .accordion {width: 500px; height: 450px; padding: 10px 0;} .accordion h3.toggler {cursor: pointer; font-size: 1.2em; font-family: Arial, Verdana, san-serif; color: #2ba9df; margin: 0 10px !important; padding: 8px 5px 9px 10px; height: 20px; background: url('/images/global/toggler_short.gif') no-repeat left top; font-weight: bold;} .accordion h3.tall {padding-right: 20px; height: 38px !important; background-image: url(../images/global/toggler_longTall.gif) !important;} .faq .accordion h3.toggler {background: url('/images/global/toggler_long.gif') no-repeat left top; position:relative;} .pdp .accordion h3.toggler {margin: 0 !important; position:relative;} .accordion h3.open {height: auto; background-position: left bottom !important; color: #fff;} .toggled {position:relative;} .accordion blockquote {padding: 5px 20px;} .accordionBG {float:right; background-image:url(/images/product/accordian.jpg); width: 312px; height: 446px; background-repeat:no-repeat;} .faqBG .accordion {float:right; background-image:url(/images/faq/FAQ_accordBg.png); width: 503px; height: 450px; background-repeat:no-repeat; behavior: url("/js/iepngfix.htc");} .accordion .inner {margin: 10px; padding: 0 5px; _position:relative; color: #999;} .accordion .inner .link {margin: 8px 0 0 0; line-height: 1.5em; font-size: 1.1em;} .accordion .inner .question {margin: 0 0 10px 0; font-weight: bold;} .accordion .inner .answer {margin: 0 0 10px 0;} .accordion .inner h4.first {margin-top: 0;} .accordion .inner a, .accordion .inner a:hover, .accordion .inner a:visited {color: #999;} .accordion .inner p {margin: 0; padding: 4px 0;} .accordion .inner ol {margin: 4px 0 10px 0; padding: 0 0 0 20px;} .accordion .inner ul {margin: 0 0 10px 5px; padding: 0 0 0 10px;} .accordion .inner h4 {font-size:1.14em;margin-top:4px;} .accordion .closed {display: none; width: 0; height: 0;} .accordion .open {overflow: hidden; height: 95%;} .faq .accordion .open {margin: 10px 20px;} .accordion div.inner {overflow: hidden;} .accordion div.innerWrap {position: relative;} .accordion div.slider {display: none; width: 25px;height: 280px;background: #eee;} .accordion div.slider div.knob {background: url(/images/global/slider_knob.png) no-repeat;_behavior: url("/js/iepngfix.htc");width: 16px;margin-left: 5px;height: 53px;cursor: pointer;} .accordion div.advanced {height: 260px;margin: 0px 5px 0px 0px;background: url(/images/global/slider_bg4.gif) 0 0 no-repeat;} .BG2 .accordion div.advanced {background: url(/images/global/slider_bg2.gif) 0 0 no-repeat;} .BG3 .accordion div.advanced {background: url(/images/global/slider_bg3.gif) 0 0 no-repeat;} /* Accordion styles */ #wrapper {position: relative; margin: 0 auto; width: 1000px; background: #fff;} #wrapper.shadow {padding: 0 12px; background: #E0F2FC url(../images/global/bg_page.jpg) repeat-y left top;} .flash #wrapper {margin: 0 auto 7px auto;} /* header-related styles */ #header {position: relative; margin: 0 25px; height: 80px;} #header em {display: none;} #global_navigation, #utility {clear: right;} #global_navigation {position: relative; right: -5px; width: 710px;} #global_navigation ul.menu {float: right;} #global_navigation li.last {margin: 0 0 0 5px;} #global_navigation .main {display: block; height: 40px; outline: none; background: url(../images/global/navigation.jpg) no-repeat left top;} #global_navigation .browse {width: 191px; background-position: left top;} #global_navigation .browse:hover, .pch #global_navigation .browse, .pcp #global_navigation .browse {background-position: left bottom;} #global_navigation .find {width: 145px; background-position: -193px 0;} #global_navigation .find:hover, .findScents #global_navigation .find {background-position: -193px bottom;} #global_navigation .scent {width: 182px; background-position: -341px 0;} #global_navigation .scent:hover, #global_navigation .last .over, .scentCollections #global_navigation .scent {background-position: -341px 100%;} #global_navigation .whatsnew {width: 130px; background-position: -528px 0;} #global_navigation .whatsnew:hover, .whatsNew #global_navigation .whatsnew {background-position: -528px 100%;} .findAScentOverlay #global_navigation .find, .scentCollectionOverlay #global_navigation .scent {visibility: hidden;} #utility {margin: 9px 0;} #utility ul.horiz li {z-index: 99;} #utility ul.horiz ul.sub li {margin: 0; padding: 0;} #utility li {padding: 0 10px; border-right: 1px solid #d9d9d9;} #utility li.last {padding: 0 0 0 10px; border: none;} #utility li, #utility a {color: #B0AFAF;} #utility li, #utility a:hover {color: #2BA8DF;} /* header-related styles */ /* content-related styles */ #content {min-height: 500px; color: #2BA9DF;} .group, .pdp .overlayContent .group {clear: both; padding: 20px 40px 0;_padding:20px 35px 0;} /* add offerTout class to body if you have the absolutely positioned offer tout at the bottom of the page */ .offerTout .group {position: relative; z-index: 2;} .offerTout .offergroup {z-index: 1; padding: 20px 40px 0 !important; width: 145px; min-height: 30px;} .offerTout .highindex {z-index: 99;} .trident4 .offergroup {height: 30px;} .group2 {clear: both; margin: 0px 40px;} .content-body {font-size: 1.42em;} .content-body p {margin: 7px 0; line-height: 1.4em;} .content-body sup {font-size: 0.9em;} .content-support {font-size: 1.14em;} .terms .content-body {width: 615px; color: #999;} #section {position: relative; min-height: 75px;} #section h1, #section h2 {clear: both; margin: 0; padding: 0;} #section h1 {line-height: 0.6em;} .trident4 #section h1 {padding-top: 19px;} #section h1 em {position: relative; top: -4px; font-size: 0.5em;} #section h1 span {cursor: pointer; font-size: 18px;} #section h1 span.first {padding: 0 0 0 15px; background: transparent url(/images/global/arrowWhite_left.gif) no-repeat left center !important;} #section h1 span.last {padding: 0 15px 0 0; background: transparent url(/images/global/arrowWhite_right.gif) no-repeat right center !important;} #section h1 span.first:hover, #section h1 span.firstover {background: transparent url(/images/global/arrowBlue_left.gif) no-repeat left center !important; color: #c0e5f5;} #section h1 span.last:hover, #section h1 span.lastover {background: transparent url(/images/global/arrowBlue_right.gif) no-repeat right center !important; color: #c0e5f5;} #section h1, #section a, #section a:visited {color: #fff;} #section h2 {font-size: 35px; font-weight: normal;} #section h2 sup {font-size: 25px;} .pdp #content, .offer #content, .pcp #content, .faq #content, .terms #content {background: #FFFFFF url(../images/global/bg_circles.jpg) no-repeat left 10px;} .pch #content { background: #E0F2FC url(../images/product/bg_body.jpg) no-repeat ; height: 810px; padding: 0px 0px 7px 0px;} .whatsNew #section, .pcp #section, .pdp #section, .offer #section, .faq #section, .sitemap #section {padding: 16px 40px; background: #2ca9df; color: #fff;} .pch #section {padding: 30px 40px; color: #fff;} .trident #section {padding: 0 40px 15px 40px !important;} .pdp .leftcolumn, .faq .leftcolumn {float: left; width: 40%;} .pcp .leftcolumn {float: left; width: 40%; line-height: 20px;} .offer .leftcolumn {float: left; width: 390px;} .pdp #section {padding: 19px 40px;} .pdp .group {padding-top: 10px;} .pdp .flash {padding: 10px 0 0 0; text-align: center;} .menuTrigger #content div.first {min-height: 200px; background: transparent url(../images/global/shadow_bottom_white.jpg) repeat-x left top;} .trident4 #content div.first {height: 200px;} .menuTrigger .leftcolumn h3 {margin: 8px 0;} .menuTrigger .content-body ul.menu {margin: 20px 0 0 0; width: 100%;} .menuTrigger .content-body ul.menu li {margin: 10px 0;} .menuTrigger .content-body ul.menu a {display: block; cursor: pointer; padding: 0 0 0 20px;} .menuTrigger .content-body ul.menu {width: 100%;} .menuTrigger .content-body ul.menu li {position: static; margin: 8px 0;} .pcp .rightcolumn, .pdp .rightcolumn {width: 59%;} .pdp .rightcolumn {margin-top: -5px;} .offer .rightcolumn { width: 460px; } .faq .rightcolumn { width: 510px;} .pdp .content-support .productImage {position: relative;} .pdp .content-support .product {position: relative; top: -23px; left: 11px; background: none;} .pdp .content-support #PanelDemoProduct {position: relative; left: 40px; bottom: 90px;} .overlayContent {display: none;} .overlayTrigger {cursor: pointer;} .overlayTrigger a {display: block;} .pngImg {behavior: url("/js/iepngfix.htc");} /*ie6 layout fix for pdp pages, added by Kris 10/3/08*/ .pdp .content-support .pngImg {_margin-right:-11px;} .offerBG {background-image:url(/images/offers/coupon_pallet.gif); background-position: left top; width: 468px; height: 560px; background-repeat:no-repeat; float: right;} .offerPrint { margin: 20px 0px 0px 15px; width: 438px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; z-index: 999;} .offerPrint p { font-size: 14px; font-weight: bold; color: #2BA9DF; line-height: 5px; } .offerBG .offerPrint .title h1 { color: #2BA9DF;} .offerBG .submissionform { z-index: 999; margin-top: 20px;} .offerPrintBtnWrapper { margin-left: 20px;} .offerPrintBtnWrapper a {background: #f9f9f7 url(../images/offers/btn_print.gif) no-repeat center top; width: 135px; height: 35px !important; display: block;} .offerPrintBtnWrapper a:hover {background-position: center bottom;} .toutcollapsed {left: 26px; bottom: -20px;} .touts_expanded_padding { clear: both; margin: 0px 40px; width: 930px; } .blueArrow {padding-right: 15px; background: transparent url(../images/global/arrowBlue.gif) no-repeat right center; _background:none;} .accordion .inner a.blueArrow:hover, .accordion .benefits a {color:#2ba9df;} /* Offers Selector page */ .offersSelector .content-body sup {font-size: 0.8em;} .offersSelector .content-body .disclaimer {text-align: right; font-size: 0.75em; font-weight: normal;} .offersSelector .content-body span.disclaimer {display: block; padding-top: 10px; color: #888;} .offersSelector .content-body .coupon {position: static; width: 479px; height: 449px; background: url(../images/offers/blue_square_bg.png) no-repeat center center; behavior: url("/js/iepngfix.htc");} .offersSelector .content-body .coupon .shell {position: relative; margin: 20px; height: 90%;} .offersSelector .content-body .coupon .offer_product {text-align: center;} .offersSelector .content-body .coupon .offer_content {position: absolute; bottom: 0; width: 100%; font-size: 1.1em; font-weight: bold;} .offersSelector .content-body .coupon .offer_content p {margin: 13px 0;} .offersSelector .group {padding: 20px 20px 0 20px;} .offersSelector.offerTout .offergroup {padding: 0 20px !important; z-index: 2;} /* content-related styles */ /* product-related styles */ .menuTrigger a {height: 23px; background-position: left top; background-repeat: no-repeat; background-color: transparent;} .menuTrigger a.double {height: 46px;} .menuTrigger a span {display: none;} .menuTrigger a:hover {background-position: left bottom;} .menuTrigger .three_count_refills {background-image: url(../images/product/btn_3_count_refills.gif);} .menuTrigger .four_oz_candles {background-image: url(../images/product/btn_4_oz_candles.gif);} .menuTrigger .candles {background-image: url(../images/product/btn_candles.gif);} .menuTrigger .new_limited_edition_fall_candles {background-image: url(../images/product/springCandles_btn.gif); height:33px;} .menuTrigger .cosmo_holders {background-image: url(../images/product/btn_cosmo_holders.gif);} .menuTrigger .etched_holiday_designs {background-image: url(../images/product/btn_etched_holiday_design.gif);} .menuTrigger .holiday_decorated_candles {background-image: url(../images/product/btn_holiday_decorated_candles.gif);} .menuTrigger .extra_outlet_night_light_starter_kit {background-image: url(../images/product/btn_extra_outlet_night_light_starter_kit.gif);} .menuTrigger .extra_outlet_warmers {background-image: url(../images/product/btn_extra_outlet_warmers.gif);} .menuTrigger .fan_starter_kit {background-image: url(../images/product/btn_fan_starter_kit.gif);} .menuTrigger .fan_starter_kits {background-image: url(../images/product/btn_fan_starter_kits.gif);} .menuTrigger .base_starter_kits {background-image: url(../images/product/btn_base_starter_kits.gif);} .menuTrigger .fan_starter_pack {background-image: url(../images/product/btn_fan_starter_pack.gif);} .menuTrigger .holder_kits {background-image: url(../images/product/btn_holder_kits.gif);} .menuTrigger .holders_only {background-image: url(../images/product/btn_holder_only.gif);} .menuTrigger .powder {background-image: url(../images/product/btn_powder.gif);} .menuTrigger .refills {background-image: url(../images/product/btn_refills.gif);} .menuTrigger .single_refills {background-image: url(../images/product/btn_single_refills.gif);} .menuTrigger .spray {background-image: url(../images/product/btn_spray.gif);} .menuTrigger .room_sprays {background-image: url(../images/product/btn_sprays.gif); height:20px;} .menuTrigger .premium_room_sprays {background-image: url(../images/product/btn_room_sprays.gif);height:20px;} .menuTrigger .starter_kits {background-image: url(../images/product/btn_starter_kits.gif);} .menuTrigger .twin_refills {background-image: url(../images/product/btn_twin_refills.gif);} .menuTrigger .warmers {background-image: url(../images/product/btn_warmers.gif);} .menuTrigger .learn_more {background-image: url(../images/product/btn_learn_more.gif);} .menuTrigger .view_demo {background-image: url(../images/product/btn_view_demo.gif);} .menuTrigger .see_how_it_works {display: block; width: 163px; height: 40px; background-image: url(../images/product/btn_see_how_it_works.png); behavior: url("/js/iepngfix.htc");} .productImage .see_how_it_works {height: 53px; background-image: url(../images/product/btn_product_see_how_it_works.png); background-position: center top;} .menuTrigger .explore_our_scent_collections {background-image: url(../images/product/btn_explore_our_scent_collections.gif);} .menuTrigger .get_a_glade_sense_spray_coupon {display: block; width: 341px; height: 21px; background-position: center top; background-image: url(../images/offers/btn_get_a_glade_sense_&_spray_coupon.gif);} .menuTrigger .get_a_glade_plugins_scented_oil_lasting_impressions_coupon {display: block; width: 323px; height: 46px; background-position: center top; background-image: url(../images/offers/btn_get_a_glade_plugins_scented_oil_lasting_impressions_coupon.gif);} .menuTrigger .learn_more_about_glade_scented_oil_candles {display: block; width: 323px; height: 39px; background-position: left top; background-image: url(../images/offers/btn_learn_more_about_glade_scented_oil_candles.gif);} .menuTrigger .lasting_impressions_air_freshener_starter_kits {height: 35px; background-image: url(../images/product/btn_lasting_impressions_starter_kits.gif);} .menuTrigger .lasting_impressions_air_freshener_refills {height: 36px; background-image: url(../images/product/btn_lasting_impressions_refills.gif);} .menuTrigger .new_warmers {background-image: url(../images/product/btn_new_warmers.gif);} .menuTrigger .new_limited_edition_decorated_spring_designs {height: 46px; background-image: url(../images/product/btn_new_limited_edition_decorated_spring_designs.gif);} .menuTrigger .tins {height:15px; background-image: url(../images/product/btn_tins.gif);} .menuTrigger .new_solid_air_freshener{height:19px; background-image: url(../images/product/btn_solid_air_freshner.gif);} .menuTrigger .new_glade_automatic_spray_fragrance_refills{height:45px; background-image: url(../images/product/btn_glade_automatic_spray_fragrance_refills.gif);} /*New Css line add*/ .menuTrigger .decorative_glass_holder {height:39px; background-image: url(../images/product/new-decorativeglass.gif);} .menuTrigger .refills {height:16px; background-image: url(../images/product/btn_refills.gif);} .menuTrigger .glass_candle_holder {height:16px; background-image: url(../images/product/btn_glass_candle_holder.gif);} .menuTrigger .holiday {height:19px; background-image: url(../images/product/btn_holiday.gif);} .menuTrigger .limited_edition_holiday_tins {height:39px; background-image: url(../images/product/btn_holiday_tins.gif);} .menuTrigger .limited_edition_decorative_glass_holder {height:39px; background-image: url(../images/product/btn_deco_glass_holder.gif);} .menuTrigger .limited_edition_holiday_candles {height:39px; background-image: url(../images/product/btn_holiday_candles.gif);} .menuTrigger .learn_more_rollover {background-image: url(../images/product/btn_learn_more_rollover.gif); width:268px; height:38px;} /* product-related styles */ /* overlay styles */ .overlay {z-index: 100; margin: 0;} .glade_dark_bg, .glade_light_bg {position: absolute; top: 0pt; left: 0pt;} .glade_dark_bg {background: #000;} .glade_light_bg {background: #fff;width:1000px;min-height:200px;} .glade_ol_contain {position: absolute; z-index: 101;} .glade_ol_content .overlayContent {display: block;} .mac .glade_light_bg {background: transparent url(../images/global/white_opacity6.png) repeat left top;} .mac .glade_dark_bg {background: transparent url(../images/global/black_opacity2.png) repeat left top;} .glade_ol_close { display:none; cursor: pointer; position: absolute; top: 10px; right: 0; width: 55px; height: 35px;} .webkit div.product .glade_ol_close, .gecko18 div.product .glade_ol_close {display: block;} .webkit .scent_overlay .glade_ol_close, .gecko18 .scent_overlay .glade_ol_close {display: block; top: 28px; right: 8px;} .webkit .videoOverlay .glade_ol_close, .gecko18 .videoOverlay .glade_ol_close {display: block; top: 88px; right: 80px;} .webkit .videoSwf .glade_ol_close, .gecko18 .videoSwf .glade_ol_close {display: block; top: 90px; right: 92px;} .webkit .videoSwf2 .glade_ol_close, .gecko18 .videoSwf2 .glade_ol_close {display: block; top: 2px; right: 0;} .pdp .glade_ol_content .overlayContent .content-body {width: auto;} .headerSwf {right: 0;} .headerSwf .header {position: absolute; right: 0; width: 400px; height: 400px; text-align: right;} .headerFindAScentSwf {top: 25px; left: 565px; width: 293px; height: 350px;} div.product {top: 150px; width: 745px; height: 555px;} /* overlay styles */ /* carousel-related styles OUTDATED, FUNCTIONALITY MOVED TO FLASH */ .carousel { position: relative !important; overflow: hidden !important; width: 585px; /* important */ height: 360px; /* important */ margin: 0 40px; } .carouselFrame {position: relative} .carouselFrame img {cursor: pointer;} .carouselContent {position: absolute; top: 0; margin-left: 20px;} .carousel ul li { display: block; float: left; margin: 5px; padding: 5px; } .carousel ul li img {display: block;} /* carousel-related styles */ /* footer-related styles */ #footer, #footer_logo {clear: both; margin: 0 auto; width: 1000px; background: #e0f2fc} #footer {padding-bottom: 15px;} #footer, #footer a {color: #B0AFAF;} #footer a:hover {color: #2BA8DF;} #footer .menu li {padding: 0 10px; border-right: 1px solid #d9d9d9;} #footer .menu li.first {padding: 0 10px 0 0;} #footer .menu li.last {border: none;} #footer .menu, #footer p {margin: 0;} #footer_logo {display: block; clear: both; height: 85px; background: #fff url(../images/global/bg_footer.gif) no-repeat -12px top;} #footer_logo.shadow {padding: 0 12px; background: #fff url(../images/global/bg_footer.gif) no-repeat left top;} .hub #footer_logo {background-position: left bottom; height: 58px;} /*css for hard-coded site map*/ .sitemap .column {float: left; width: 235px;} #sitemapContent {padding-right: 0;} #sitemapContent h3{ font-size: 10pt; } #sitemapContent h4{ color: #999999; margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 10pt; } #sitemapContent p{ margin: 0 0 10px 0; padding: 0; font-size: 8pt; } #sitemapContent a {color: #2ba9df;} #sitemapContent a:hover {color: #999;} /*---Re-Direct---*/ #versionMessages{ padding-top: 200px; } #flashversion{ text-align:center; font-size: 10pt; } #updateVersion{ text-align:center; } #updateVersion a{ color: #999999; } #updateVersion a:hover{ color: #2ba9df; } .top { list-style: none; font-family: Tahoma, Geneva, sans-serif; z-index: 999; position: absolute; width:710px; } .top a { color: #60bfe7; text-decoration: none; font-size: 21px; display: block; float: left; padding: 5px 0; } .second a{ font-size: 16px; margin-left:-7px; /* for text align added margin-left-7 in above */ } .top a:hover, .top .hover a { color: #054179; } .top .second a.more { background: url(/images/navigation/header/nav_arrow_off.gif) no-repeat right 8px; padding: 0 30px 0 6px; /* in top line padding left changed from 10 px to 6 px */ } .top .second .hover a.more, .top .second a.more:hover { color: #054179; background: url(/images/navigation/header/nav_arrow_on.gif) no-repeat right 8px; } .top a.more { background: url(/images/navigation/header/top_nav_arrow_off.gif) no-repeat right 16px; padding: 5px 18px 5px 0; background-position: right 16px; } .top .hover a.more, .top a.more:hover { color: #054179; background: url(/images/navigation/header/top_nav_arrow_on.gif) no-repeat right 18px; background-position: right 18px; } .top p { margin: 0 10px; padding: 0; } .top ul { margin: 0; padding: 0; list-style: none; } .top li { float: left; padding: 5px; position: relative; } .second { position: absolute; top: 35px; left: 0; float: left; z-index: 10000; /*Added the below line to fix menu screwy issue in all product details pages*/ _width:19px; } .second, .third { visibility:hidden; } .second li { position: relative; float: none; } .clearfix .tfcnavli .tfcmore { background: url("/images/navigation/header/tfc_nav.jpg") repeat scroll 0 0 transparent; width:80px; height:45px; background-position:left bottom; } .clearfix .tfcnavli .tfchover { background-position:left top; } .tfcnavli { top:-11px; } .tfcnavli .second { margin-top:22px; margin-left:-60px; } #global_navigation li { margin: 0; } .second a { padding: 0 30px 0 10px; background-color: #FFF; float: none; } .third /* In bleow changed fro top navigation margin 0 to -28 and width add a-index 10001 to 999 changed*/ { margin-top:-28px; position: absolute; margin-left:2px; _margin-left:1px; width:206px; z-index: 999; } .second .tl { background: url(/images/navigation/header/top_left.png) no-repeat; height: 4px; width: 4px; display:block; position: absolute; top: 0; left: 0; font-size: 1px; } .second .tr { background: url(/images/navigation/header/top_right.png) no-repeat; height: 4px; width: 4px; display:block; position: absolute; top: 0; right: 0; font-size: 1px; } .second .tm { height: 3px; border-top: 1px solid #70c5e9; display: block; margin: 0px 2px; font-size: 1px; background: #fff; } .second .bm { height: 3px; border-bottom: 1px solid #70c5e9; display: block; margin: 0px 2px; font-size: 1px; background: #fff; clear: both; } .second .bl { background: url(/images/navigation/header/bottom_left.png) no-repeat; height: 4px; width: 4px; display:block; position: absolute; bottom: 0; left: 0; font-size: 1px; } .second .br { background: url(/images/navigation/header/bottom_right.png) no-repeat; height: 4px; width: 4px; display:block; position: absolute; bottom: 0; right: 0; font-size: 1px; } /* In below line margin left -1 added */ .second ul { margin-left:-1px; _margin-left:0px; border-left: 1px solid #70c5e9; border-right: 1px solid #70c5e9; background: #fff; } #header { z-index: 2000; }