/* reset-base-grid.css */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 */ /* reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;width:100%;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 "Trebuchet MS",Trebuchet,Arial,sans;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* baseline for typography */ h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;} /* grid system */ .c_12,.c_16{margin-left:auto;margin-right:auto;width:970px;}.g_1,.g_2,.g_3,.g_4,.g_5,.g_6,.g_7,.g_8,.g_9,.g_10,.g_11,.g_12,.g_13,.g_14,.g_15,.g_16{display:inline;float:left;margin-left:5px;margin-right:5px;}.c_12 .g_3,.c_16 .g_4{width:230px;}.c_12 .g_6,.c_16 .g_8{width:470px;}.c_12 .g_9,.c_16 .g_12{width:710px;}.c_12 .g_12,.c_16 .g_16{width:950px;}.alpha{margin-left:0;}.omega{margin-right:0;}.full{width:320px;}.fc{margin-left:10px;clear:left;}.c_12 .g_1{width:70px;}.c_12 .g_2{width:150px;}.c_12 .g_4{width:310px;}.c_12 .g_5{width:390px;}.c_12 .g_7{width:550px;}.c_12 .g_8{width:630px;}.c_12 .g_10{width:790px;}.c_12 .g_11{width:870px;}.c_16 .g_1{width:50px;}.c_16 .g_2{width:110px;}.c_16 .g_3{width:170px;}.c_16 .g_5{width:290px;}.c_16 .g_6{width:350px;}.c_16 .g_7{width:410px;}.c_16 .g_9{width:530px;}.c_16 .g_10{width:590px;}.c_16 .g_11{width:650px;}.c_16 .g_13{width:770px;}.c_16 .g_14{width:830px;}.c_16 .g_15{width:890px;}.c_12 .prefix_3,.c_16 .prefix_4{padding-left:240px;}.c_12 .prefix_6,.c_16 .prefix_8{padding-left:480px;}.c_12 .prefix_9,.c_16 .prefix_12{padding-left:720px;}.c_12 .prefix_1{padding-left:80px;}.c_12 .prefix_2{padding-left:160px;}.c_12 .prefix_4{padding-left:320px;}.c_12 .prefix_5{padding-left:400px;}.c_12 .prefix_7{padding-left:560px;}.c_12 .prefix_8{padding-left:640px;}.c_12 .prefix_10{padding-left:800px;}.c_12 .prefix_11{padding-left:880px;}.c_16 .prefix_1{padding-left:60px;}.c_16 .prefix_2{padding-left:120px;}.c_16 .prefix_3{padding-left:180px;}.c_16 .prefix_5{padding-left:300px;}.c_16 .prefix_6{padding-left:360px;}.c_16 .prefix_7{padding-left:420px;}.c_16 .prefix_9{padding-left:540px;}.c_16 .prefix_10{padding-left:600px;}.c_16 .prefix_11{padding-left:660px;}.c_16 .prefix_13{padding-left:780px;}.c_16 .prefix_14{padding-left:840px;}.c_16 .prefix_15{padding-left:900px;}.c_12 .suffix_3,.c_16 .suffix_4{padding-right:240px;}.c_12 .suffix_6,.c_16 .suffix_8{padding-right:480px;}.c_12 .suffix_9,.c_16 .suffix_12{padding-right:720px;}.c_12 .suffix_1{padding-right:80px;}.c_12 .suffix_2{padding-right:160px;}.c_12 .suffix_4{padding-right:320px;}.c_12 .suffix_5{padding-right:400px;}.c_12 .suffix_7{padding-right:560px;}.c_12 .suffix_8{padding-right:640px;}.c_12 .suffix_10{padding-right:800px;}.c_12 .suffix_11{padding-right:880px;}.c_16 .suffix_1{padding-right:60px;}.c_16 .suffix_2{padding-right:120px;}.c_16 .suffix_3{padding-right:180px;}.c_16 .suffix_5{padding-right:300px;}.c_16 .suffix_6{padding-right:360px;}.c_16 .suffix_7{padding-right:420px;}.c_16 .suffix_9{padding-right:540px;}.c_16 .suffix_10{padding-right:600px;}.c_16 .suffix_11{padding-right:660px;}.c_16 .suffix_13{padding-right:780px;}.c_16 .suffix_14{padding-right:840px;}.c_16 .suffix_15{padding-right:900px;}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* debug.css */ .debug .c_12{background:url('../img/12_col.png') top left repeat-y;} .debug .c_16{background:url('../img/16_col.png') top left repeat-y;} /* superfish.css */ /*** ESSENTIAL STYLES ***/ #nav ul, #nav ul * { margin: 0; padding: 0; list-style: none; } #nav ul { line-height: 1.0; } #nav ul ul { position: absolute; top: -999em; width: 13em; /* left offset of submenus need to match (see below) */ } #nav ul ul li {width: 100%;} #nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #nav ul li { float: left; position: relative; } #nav ul a { display: block; position: relative; } #nav ul li:hover ul, #nav ul li.sfHover ul { left: 0; top: 45px; /* match top ul list item height */ z-index: 99; } ul#nav ul li:hover li ul, ul#nav ul li.sfHover li ul { top: -999em; } ul#nav ul li li:hover ul, ul#nav ul li li.sfHover ul { left: 13em; /* match ul width */ top: 0; } ul#nav ul li li:hover li ul, ul#nav ul li li.sfHover li ul { top: -999em; } ul#nav ul li li li:hover ul, ul#nav ul li li li.sfHover ul { left: 13em; /* match ul width */ top: 0; } /***** PUREX SKIN ******/ #nav{background:url('../img/nav/bg.png') top left repeat-x;} #nav-main-search{ margin:0; padding:0 13px 0 0; height:46px; background:url('../img/nav/right-rounder.png') top right no-repeat !important; overflow:auto; } #nav ul{ height:47px; float:left; } #nav ul ul{ height:auto; float:none; } #nav ul li{ display:block; float:left; height:47px; background:url('../img/nav/nav-item-bg.png') top right no-repeat; } #nav ul li.selected, #nav ul li.selected-ancestor{ background-position:right -94px; } #nav ul li.selected a, #nav ul li.selected-ancestor a{ color:white; } #nav ul li.selected a:hover, #nav ul li.selected-ancestor a:hover{ color:white; } #nav ul li a{ font-weight:bold; font-size:116%; display:block; float:left; height:32px; /* the height of the nav minus the padding */ padding:15px 14px 0; color:#333; } #nav ul li a:hover{color: #09F;} li#nav-main-home a{background:url('../img/nav/left-rounder.png') top left no-repeat;} li#nav-main-home.selected a{background:url('../img/nav/left-rounder-selected.png') top left no-repeat;} li#nav-main-search{ background:url('../img/nav/right-rounder.png') top right no-repeat !important; float:right !important; padding-right:20px !important; display:inline !important; } li#nav-main-search form{margin-top:10px;} #nav ul ul{height:auto;} #nav ul ul li{ clear:both; height:auto; background:#f6f6f6; border-bottom:1px solid #CCC; font-size:108%; line-height:1.3; } #nav ul ul li a{ font-size:93%; display:block; height:auto; padding:8px; color:#333 !important; } #nav ul ul li a:hover{color:#09F !important;} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../img/nav/shadow.png') no-repeat bottom right !important; padding: 0 8px 9px 0 !important; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off {background: transparent;} /* site.css */ body{margin-top:10px;margin-bottom:35px;} body, ul#footer-navigator a, ul#footer-navigator-purex a, ul.other-sites-list a, a:hover, h1.dark-header, #coupon-header a { color: #333; } h1, a, a#back-to-top-btn:hover, a.promotions-coupon-link:hover, ul#footer-navigator a:hover, #coupon-header a:hover, ul.other-sites-list a:hover, #sustainability h2{ text-decoration: none; color: #09f; } ul.other-sites-list a:hover, ul#footer-navigator a:hover { text-decoration: underline; } h1{ margin-top:0; font-size: 146.5%; } h2 { color: #333; font-size: 138.5%; /* 18px */ margin-bottom:.5em; } h3{ font-size:122.1%; margin-bottom:.3em; } h4{ font-size:116%; } h5 { font-size: 10pt; margin: 1em 0 0; padding-bottom:1em; } ul li { list-style-type:none; } #small-footer { font-size:0.78em; text-transform:uppercase; margin: 10px 0; } #header{ position:relative; z-index:1000; } #rights{ text-align:right; width: 400px; float: right; margin: -15px -23px 0px 0px; } #small-footer #rights span, #small-footer a#henkle-logo { display: block; float: left; } #small-footer #rights span { margin-left: 3px; padding-top: 3px; } a.legal-footer { color: #333; text-decoration: none; } a.legal-footer:hover { color: #333; text-decoration: none; } ul#footer-navigator { float:right; } ul#footer-navigator-purex { float:left; } ul#footer-navigator-purex li, ul#footer-navigator li { float: left; padding: 0 5px; } ul#footer-navigator-purex li#last-footer-navigator-item, ul#footer-navigator li#last-footer-navigator-item { padding: 0; } ul.other-sites-list { float: left; width: 160px; } ul.purex-only{ width: 166px; padding-right: 35px; margin: 0 35px 20px 0; border-right: 1px solid #d4d7d7; height: 117px; } ul.other-sites-list li { margin: 0 0 10px 0; } ul#third-other-sites-list { width: 129px; } ul#fourth-other-sites-list { width: 115px; } #large-footer-top { background: url('../img/lg-footer-top-bg.png') no-repeat left top; } #large-footer-bottom { background: url('../img/lg-footer-btm-bg.png') no-repeat left bottom; height: 6px; clear:both; font-size:1px; } #large-footer-bottom, #large-footer-top { width: 970px; } .btn { display: block; outline: none; cursor: pointer; } a.silver-btn, a.silver-btn span { height: 31px; } a.silver-btn { background: url('../img/btn/silver-btn-left-side.png') no-repeat left top; padding: 8px 0 8px; margin-bottom:10px; } a.silver-btn span { background: url('../img/btn/silver-btn-right-side.png') no-repeat right top; padding: 8px 27px 8px 10px; font-weight: bold; line-height:2; } #newsletter-signup.loading .submit { background:transparent url(../img/ajax-loader.gif) no-repeat 70px center; } #newsletter-signup .error { color:#f00; } input#newsletter-email-field { width: 285px; } input.submit-btn-green { margin-top: 10px; width: 64px; height: 24px; } #page-container { padding: 35px 0 0; margin-bottom:10px; background: url(../img/page_bg_top.png) no-repeat; } #page-container .page-container-bottom { height:24px; background: url(../img/page_bg_bottom.png) no-repeat; clear:both; } a.btn-link { display:block; float:left; width:111px; padding:8px 0 8px 13px; text-align:left; color:#09f; font-weight:bold; background: url(../img/btn/link.png) no-repeat; } a.btn-link:hover { text-decoration:underline; } .grey-top-border { border-top: 1px solid #e1e1e1; } .grey-bottom-border { border-bottom: 1px solid #e1e1e1; } #nav { margin-bottom: 15px; } h1.in-box { margin: 0; color: #333; } /* @begin LaundryHelpApp/Support */ .logo { margin-bottom:10px; } #contact-us { border-top: 1px solid #c8c8c8; padding-top: 30px; margin-top: 30px; } #contact-us label{ display:block; color: #0099ff; padding-top:20px; } #contact-us span.field-email-error{ color: #CC0000; display:block; } #contact-us input.field{ width:100%; } #contact-us textarea{ width:100%; margin-bottom:20px; } /* @end LaundryHelpApp/Support */ /* begin of css related to the related products navigator */ h1#related-products { text-align: center; } #related-products-list-wrapper h2, #home-product-nav h2{ font-size:108%; } .header-dash { margin: 0 10px; background: url('../img/line.png') center repeat-x; padding:0 30px; font-size:100%; color:#e1e1e1; } #related-products-navigator li { width: 207px; width:33%; height: 300px; text-align: center; float: left; background: url('../img/products/related-products-li-bg.png') bottom right repeat-x; } #related-products-navigator li a, #related-products-navigator li p a:hover { color: #333; } #related-products-navigator li a:hover, #related-products-navigator li p a { color: #09f; } #related-products-list-wrapper { height: 300px; background: url('../img/products/related-products-wrapper-bg.png') bottom left repeat-x; } .related-product { margin:0 auto; width:150px; } .related-product h2, .related-product p { text-align:center; } #related-products-navigator li.last-product { background:none; } .hidden { display: none; } /* begin back-to-top button */ a#back-to-top-btn, a#back-to-top-btn span { display: block; } a#back-to-top-btn { background: url('../img/btn/move-top-btn-left-side.png') top left no-repeat; outline: none; color: #666; padding: 0 0 0 20px; } a#back-to-top-btn span { background: url('../img/btn/move-top-btn-right-side.png') top left no-repeat; padding: 3px 32px 5px 29px; } #back-to-top-wrapper { float: right; margin-top: 10px; } /* end back to top button */ img.right-blue-arrow { padding-left: 5px; } #related-products-wrapper h3 { text-align: center; } /* Promo Page Styles (too foo to devote it's own style sheet to */ #promotion-header{ margin-bottom:35px; } .promotions-page-row { margin-bottom: 20px; padding-bottom: 20px; } .promotions-page-row h2{ font-size:123.1%; margin-top: 0; } .has-dash { text-align: center; } .lead-in{ margin-top:25px; } /* end of promo styles */ /* begin home page styles */ #home-big-nav li { float: left; display: block; margin-right: 2px; margin-bottom: 40px; } #home-big-nav li, #home-big-nav li a { width: 320px; height: 163px; } #home-big-nav li a { display: block; outline: none; text-indent: -2000px; } #home-big-nav li.first { margin-left: 2px; } img#banner-img{ padding-left: 5px; } li#laundry-care-nav-item a { text-indent: 0; } li#laundry-care-nav-item h2, li#laundry-care-nav-item p { text-align: right; padding-right: 20px; } li#laundry-care-nav-item p { width: 187px; color: #333; float: right; } sup.trade { font-size: 52%; } sup.reg { font-size: 52%; } h1 span.reg, h2 span.reg, h3 span.reg { font-size: 58%; vertical-align:top; } #coupon-header, #coupon-link-wrapper { margin-left: 2px; } #coupon-header { margin-top: 10px; margin-bottom: 20px; } #coupon-link-wrapper a { font-weight: bold; } #coupon-disclaimer { margin-top:15px; } a.click-here-btn { background: url('../img/btn/click-here-btn.png') no-repeat; height: 25px; width: 77px; text-indent: -2000px; } .lead-in{ margin-bottom:2em; } .facebook-btn{ float: right; padding-bottom:5px; } .small-grey-text{ vertical-align: middle; font-size: 60%; color: #7a7a7a; padding-top: 22px; } /* end home page styles /* @ promotions form */ #three-in-one-sweeps label { display: block; color: #09f; margin-bottom: 5px; font-weight: bold; } #three-in-one-sweeps input { padding: 5px 0 5px 5px; } #three-in-one-sweeps input, #three-in-one-sweeps select { margin-bottom: 3px; } #three-in-one-sweeps .left-col input, #three-in-one-sweeps .right-col input, #three-in-one-sweeps .left-col select, #three-in-one-sweeps .right-col select { width: 100%; } #three-in-one-sweeps .left-col, #three-in-one-sweeps .right-col { float: left; width: 45%; } #three-in-one-sweeps .left-col { margin-right: 20px; } #three-in-one-sweeps #opt-in-and-terms label { margin-top: 5px; } #three-in-one-sweeps #opt-in-and-terms label.checkbox-value { color: #000; display:block; margin-left: 10px; margin-top: 0; font-weight:normal; float: left; } #three-in-one-sweeps #opt-in-and-terms input[type="checkbox"]{ float: left; display: block; } #three-in-one-sweeps .row { margin: 1em 0; width: 100%; } #three-in-one-sweeps textarea { width: 98%; } #three-in-one-sweeps p { font-size: 114%; } #three-in-one-sweeps .check-box-wrapper span { display: block; float: left; clear: both; } #three-in-one-sweeps h3 { color: #09f; margin-top: 1.5em; } #three-in-one-sweeps p#end-date { font-size: 100%; } #three-in-one-sweeps #opt-in-and-terms label.error, #three-in-one-sweeps label.error { color: red; font-style: italic; font-size: .9em; font-weight: normal; clear: left; } #three-in-one-sweeps p.instruct { font-style: italic; font-size: .9em; } #three-in-one-sweeps li.success { font-size: 146%; color: #09f; } /* end of promotions form */ /* 3in1 coupon dialog form */ #coupon-dialog { padding-left:35px; width:355px; } #coupon-dialog h1 { color:#000000; font-size:1.5em; } #coupon-dialog small { color:#666666; } #coupon-dialog label { display:block; color: #09f; font-size:1.3em; margin-bottom:5px; } #coupon-dialog .input-text { width: 355px; display:block; margin-bottom:15px; } #coupon-dialog #form-footer { margin-top:20px; text-align: right; } .error { color:#ff0000; } #join-us { float: right; margin-bottom: 8px; } #join-us p { margin: 0; float:left; margin-right: 4px; } #join-us p#join { margin-top: 3px; } /* end 3in1 coupon dialog form */ .housekeeping-footer { margin-top:53px; } img.grey-border { border: 1px solid #eeeeee; } .stain-remover-wrap{ padding-right:50px; } /* Purex 2 Color Safe bleach Image Toggle*/ #togglePurex2 img.inactive{ display:none; } /* End Purex 2 Color Safe bleach Image Toggle*/ ol#coldwater-faq-steps, ol#coldwater-faq-steps li { list-style-type: decimal; } ol#coldwater-faq-steps li { margin: 0 0 0 40px; } ol#coldwater-faq-steps { margin-bottom: 15px; } .caption { font-size: .9em; } /* laundry help */ .laundry-help-fr { margin: 0 0 48px; } .spacing { margin-top: 22px; } /* thang */ #fabric-selector li { display:inline; float:left; margin:0 8px 12px 0; text-align:center; position:relative; } #fabric-selector li.third { margin-right:0; } #fabric-selector li a { color:#000; outline:none; position:relative; display:block; } /*#fabric-selector li a:hover,*/ #fabric-selector li a.active { color:#09f; } #fabric-selector li a img { padding: 3px; } #fabric-selector li a.active img{ background:url('../img/laundry_help/fabrics/small/active.png') top left no-repeat; } #fabrics img.reflected { margin-bottom:1px; } #fabrics h5 { color:#09f; margin:15px 0 0 0; padding:0; } .light { color:#09f; } #iphone-app-callout { border-top:1px solid #e0e0e0; margin:10px 0 0 0; padding:25px 0 0 0; } #iphone-app-callout-no-border { margin:10px 0 0 0; padding:25px 0 0 0; } #iphone-app-callout p, #iphone-app-callout-no-border p { margin:27px 0 0 0; } /* iphone app */ #mobile-downloads div { width:124px; float:left; margin: 0 10px 40px 0; } #mobile-downloads p { margin:0 0 8px; } #mobile-downloads p#app-store { margin-top: 32px; } #mobile-app-screenshots .pagination { margin-left:95px; } #mobile-app-screenshots .pagination a { outline:none; } /*sitemap */ #sitemap .column { margin-right:11px; width: 32% !important; } #sitemap a { color:#666666; font-size: 11px; } #sitemap a:hover{ color:#09f; text-decoration: underline; } #sitemap h3{ font-size:100.1%; } /* he */ dl#he-benefits { background:transparent url(../img/laundry_help/he/benefit_icons.png) no-repeat; padding:0 0 0 118px; margin:16px 0 70px 0; } dl#he-benefits dt { color:#09f; font-weight:bold; } dl#he-benefits dd { margin:0 0 10px; } #he-product-list li { background:none; } #he-product-list li h2 { font-size:15px; } /** symbol-decoder **/ ul#symbols li { display:block; float:left; } ul#symbols li a { display:block; text-indent: -9999px; outline: none; cursor:pointer; } li#machine_wash a span { background: url('../img/symbol_decoder/machine_wash.png') no-repeat top left; width: 86px; height: 73px; display:block; } li#machine_wash.active a span { background: url('../img/symbol_decoder/machine_wash_selected.png') no-repeat top left; } li#bleach a span{ background: url('../img/symbol_decoder/bleach.png') no-repeat top left; width: 83px; height: 73px; display:block; } li#bleach.active a span{ background: url('../img/symbol_decoder/bleach_selected.png') no-repeat top left; } li#tumble_dry a span{ background: url('../img/symbol_decoder/tumble_dry.png') no-repeat top left; width: 81px; height: 73px; display:block; } li#tumble_dry.active a span{ background: url('../img/symbol_decoder/tumble_dry_selected.png') no-repeat top left; } li#iron a span{ background: url('../img/symbol_decoder/iron.png') no-repeat top left; width: 92px; height: 73px; display:block; } li#iron.active a span{ background: url('../img/symbol_decoder/iron_selected.png') no-repeat top left; } li#dry_clean a span{ background: url('../img/symbol_decoder/dry_clean.png') no-repeat top left; width: 81px; height: 73px; display:block; } li#dry_clean.active a span{ background: url('../img/symbol_decoder/dry_clean_selected.png') no-repeat top left; } #laundry-symbol-decoder h1 { color: #333; } #laundry-symbol-decoder h2 { color: #09f; margin-bottom:0px; } #laundry-symbol-decoder h4 { color: #09f; font-size: 13px; margin-bottom:30px; } div.symbol-img{ float:left; } #laundry-symbol-decoder div.desc { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } p#cellphone-callout { margin-top: 40px; background: url('../img/symbol_decoder/purex-tshirt.png') no-repeat top left; padding: 10px 55px 35px 59px; } .symbol-boxes { float:left; width:100%; background: url("../img/products/product-info-tab-bg.png") repeat-x bottom; line-height:normal; position:relative; } .symbol-boxes ul { margin:0; padding:10px 10px 0 0; list-style:none; } .symbol-boxes li { float:left; margin:0; padding:0 0 0 9px; margin-right:5px; } .symbol-boxes a { float:left; display:block; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#333; font-size:116%; } .symbol-boxes a:hover { color:#09F; } .symbol-boxes .active { background:url("../img/products/product-info-tab-left-side.png") top left no-repeat; } .symbol-boxes .active a { background:url("../img/products/product-info-tab-right-side.png") no-repeat right top; color:#0099FF; padding-bottom:5px; } .symbol-boxes ul li a:hover, .symbol-boxes ul li.active a { color: #09f; } .symbol-boxes ul li#first-product-info { padding: 0; } .symbol-boxes ul li#first-product-info a { padding-left: 0; } .symbol-boxes ul li#first-product-info.active{ background: white url('../img/products/product-info-tab-left-side.png') -50px; } /** end-symbol-decoder **/ /* sidenav.css */ .ui-helper-reset { border: 0; } #nav-products{margin-left:1px;padding-right:15px;} #nav-products li.ui-accordion-li-fix{ margin-bottom:2px; } #nav-products li{ font-size:116%; text-align:right; } #nav-products li a{ color:#333; font-weight:bold; } #nav-products li a:hover{ color:#09F; } #nav-products ul{ margin:10px 0; } #nav-products ul li{ font-size:77% !important; padding:7px 10px 7px 0; } #nav-products ul a{ font-weight:normal; } #nav-products .ui-accordion-header{ display:block; background:url('../img/nav/sidenav-bg.png') bottom repeat-x; padding:6px 7px 6px 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius:4px; } #nav-products .ui-state-active, #nav-products li.selected a{ background:#09F; color:white; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-radius:4px; } #nav-products a.ui-state-active:hover{ color:white; } #nav-products ul a:hover{ color:#09F !important; } #nav-products ul li.selected{ background:url('../img/nav/bullet-arrow.png') right center no-repeat; } #nav-products .selected li a{ color:#333; } #nav-products li.selected li a{ background:none; } #nav-products ul .selected a{ color:#09F; background:none; -moz-border-radius:none; } /* alphaloader.css */ /*place styles before this */ * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) );