body { background:#e1e1e1; text-align:center; font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif; color:#909090; } h1 { font-size:18px; color:#717171; margin-bottom:15px; font-weight:normal; float:left; line-height: 22px;} h1 sup{font-size: 11px; top: -7px; position: relative;} h2 { font-size:22px; line-height:26px; padding-top:5px; } textarea{font-family: arial; font-size: 12px;} a { color:#5b81b3; } .hide{display: none;} #oCntnr { width:950px; background: #fff url(../images/bg_ocntnr.png) repeat-y; margin:0 auto; padding:0 3px; text-align:left; } #header { height:127px; position:relative; z-index:100; } #logo { float:left; margin:17px 0 0 35px; } #tNav { float:right; height:37px; } #tNav li { float:left; height:37px; line-height:37px; background:url(../images/bg_tnav.png) repeat-x; } #tNav li a { font-size:12px; color:#5b81b3; text-decoration:none; padding:0 7px; background:url(../images/bg_tnav_a.png) no-repeat right; } #tNav li a:hover { color:#000; } #tNav li a.last { background:none; } #tNav .search-form { padding-top:7px; padding-right:5px; line-height:1em; } #tNav input { width:107px; height:19px; background:url(../images/bg_search.png) no-repeat; padding:2px 25px 2px 5px; margin-left:12px; color:#5b81b3; border:0; } #phone { clear:right; float:right; width:116px; height:20px; margin:19px 17px 19px 0; background:url(../images/phone.png) no-repeat; text-indent:-9999px; } #mNav { clear:both; width:950px; height:32px; background:url(../images/bg_mnav.png) no-repeat; z-index:99; position:absolute; left:0; bottom:0; } #mNav sup{font-size: 10px; position: relative; top: -4px;} #mNav ul { } #mNav li { float:left; line-height:32px; position:relative; } #mNav li a { font-size:13px; color:#3b3b3b; text-decoration:none; padding:0 20px; background:url(../images/bg_tnav_a.png) no-repeat right; } #mNav li a:hover { color:#8daace; } #mNav li a.on { color:#8daace; } #mNav li a.last { background:none; } #mNav ul ul { visibility:hidden; position:absolute; top:30px; left:0; z-index:100; width:171px; padding:0 4px 4px 0; background:url(../images/bg_mnav_dd.png) no-repeat bottom right; } #mNav ul ul li { float:none; line-height:1em; border-top:1px solid #cbcbcb; position:relative; } #mNav ul ul li a { display:block; width:163px; padding:3px 0 3px 8px; background:none; color:#3b3b3b; } #mNav ul ul li a:hover { color:#FFF; background:#8daace; } #mNav ul ul ul { visibility:hidden; position:absolute; top:-1px; left:171px; z-index:100; width:171px; padding:0 4px 4px 0; background:url(../images/bg_mnav_dd.png) no-repeat bottom right; border-left: 1px solid #cbcbcb; } #mNav ul ul ul li { float:none; line-height:1em; border-top:1px solid #cbcbcb; position:relative; } #mNav ul li:hover a, #mNav ul li:hover a { color:#8daace; } #mNav ul li:hover ul a { color:#3b3b3b; } #mNav ul li:hover ul a:hover { color:#FFF; background:#8daace; } #mNav ul li:hover ul { visibility:visible; } #mNav ul li:hover ul ul, #mNav ul li:hover ul ul ul { visibility:hidden; } #mNav ul ul li:hover a { color:#FFF; background:#8daace; } #mNav ul ul li:hover ul, #mNav ul ul li:hover ul li:hover ul{ visibility:visible; } #mNav ul ul li:hover li a { color:#3b3b3b; background:#FFF; } #mNav ul li.hover a, #mNav ul li.hover a { color:#8daace; } #mNav ul li.hover ul a { color:#3b3b3b; } #mNav ul li.hover ul a:hover { color:#FFF; background:#8daace; } #mNav ul li.hover ul {display: block; visibility:visible; } #mNav ul li.hover ul ul, #mNav ul li.hover ul ul ul {display: none; visibility:hidden; } #mNav ul ul li.hover a { color:#FFF; background:#8daace; } #mNav ul ul li.hover ul, #mNav ul ul li.hover ul li.hover ul{display: block; visibility:visible; } #mNav ul ul li.hover li a { color:#3b3b3b; background:#FFF; } #hdlCntnr {background-repeat: no-repeat; margin-top:-3px; height:135px; border-bottom:1px solid #e7e7e7; } #hdlCntnr div.hdlCopy { float:left; margin:45px 0 0 0; position: relative; text-align: right; width: 910px;} #hdlCntnr div.hdlCopy h2 {display: inline-block; padding-right:20px; padding-bottom:5px; text-align: right;} #hdlCntnr div.hdlCopy p { font-size:12px; padding:5px 20px 0 37px; color:#989898; } #hdlCntnr div.hdlCopy .bg{position: absolute; padding-left: 35px; right: 0;} #breadCrumb { padding:5px 0 5px 20px; font-size:11px; } #breadCrumb a:hover { color:#000; } div.contentLeft { float:left; width:630px; margin-right:40px; padding:20px 0 20px 20px; font-size:13px; line-height:1.5em; background:#FFFFFF; overflow: hidden;} div.contentLeft p { clear:both; line-height: 15px; margin-bottom:15px; } div.contentLeft sup{font-size: 10px; position: relative; top: -4px;} div.contentLeft p span.blue{color: #5B81B3; font-size: 11px; font-weight: bold;} div.contentRight { float:left; width:260px; background:#FFFFFF; padding-top:20px; padding-bottom:20px; } a.stbutton, a.savePDF { float:right; font-size:11px; } a.savePDF:hover { color:#000; } .addthis_button{float: right; margin-top: 2px;} #secondLevelContentSections { } #secondLevelContentSections .event{clear: both; padding-bottom: 20px; line-height: 15px;} div.list-image-copy { float: left; height:auto; width: 200px; margin-right: 10px; overflow:hidden; margin-top:35px; } div.list-image-copy h3, div.list-image-copy h3 a { font-weight:normal; font-size:15px; color:#5d7798; margin-bottom:10px; text-decoration: none; } div.list-image-copy img { width:75px; } div.list-image-copy p { clear:none; float:left; width:540px; font-size:11px; line-height:1.3em; margin-bottom:10px; } div.list-image-copy a { color:#909090; display: block; text-align: center; } div.list-image-copy a img{} #secondLevelContentList img{margin: 0 10px 20px 0;} #footer { clear:both; height:27px; background:url(../images/bg_footer.png) repeat-x; padding-left:8px; } #footer li { float:left; line-height:27px; } #footer li a { font-size:10px; color:#5b81b3; text-decoration:none; padding:0 12px; background:url(../images/bg_footer_a.png) no-repeat right; } #footer li a:hover { color:#000; } #footer li a.last { background:none; } /* PAGE-SPECIFIC HEADLINES */ #hdlCntnr .icon{display: inline-block; height: 28px; width: 35px;} div.Green div.hdlCopy h2 { color:#85A13C;} div.Orange div.hdlCopy h2 { color:#E9AE41;} div.Red div.hdlCopy h2 { color:#CF3D44;} div.productGreen { background:url(../images/bg_hdr_product_green.jpg) no-repeat; } div.productGreen div.hdlCopy h2 { color:#85a13c; background:url(../images/bg_h2_green_cubes.png) no-repeat; } div.producttypeGreen { background:url(../images/bg_hdr_producttype_green.jpg) no-repeat; } div.producttypeGreen div.hdlCopy h2 { color:#85a13c; background:url(../images/bg_h2_green_cubes.png) no-repeat; } div.searchGreen { background:url(../images/bg_hdr_search_green.jpg) no-repeat; } div.searchGreen div.hdlCopy h2 { color:#85a13c; background:url(../images/bg_h2_green_cubes.png) no-repeat; } div.portalloginOrange { background:url(../images/bg_hdr_portallogin_orange.jpg) no-repeat; } div.portalloginOrange div.hdlCopy h2 { color:#E9AD41; background:url(../images/bg_h2_orange_snow.png) no-repeat; } /* PRODUCT PAGE */ #productUpperContainer{clear: both;} #productImg {float:left; height: 357px; width:250px; margin-right:20px; position:relative; overflow: hidden; } #productImg img { } #productImg ul { position:absolute; bottom:0; left:0; z-index:2; } #productImg li { float:left; padding: 3px; } #productImg li span{display: none;} #productImg a{border: solid 1px #e1e1e1; display: block; height: 32px; overflow: hidden; width: 32px;} #productImg .imgContainer {text-align: center;} #productImg .imgContainer span{display: none;} #productImg .imgCaptionContainer{left: 0; position: absolute; top: 300px; } #productCopy { float:left; width:360px; } #productCopy p { clear:none; } #productDetails { clear:both; margin-top:20px; } #productDetails .accordion .on { display:block;} #productDetails .accordion-container { border-bottom:solid 1px #dedede; float:left; margin-bottom:25px; } #productDetails .accordion { margin-bottom:8px; clear:both; float: left; width: 630px; } #productDetails .accordion .accordion{border: 1px solid #DEDEDE; width: 600px; overflow: hidden;} #productDetails .link-heading { background:url(../images/bg_product_detail_accorrdion.jpg) no-repeat; width:100%; height:30px; } #productDetails .link-heading a { background:url(../images/grey-arrow-sprite.gif) no-repeat 600px -6px; color:#5d7798; display:block; font-size:12px; padding:6px 0 0 9px; text-decoration:none;} #productDetails .accordion .accordion .link-heading { background:url(../images/accordion-heading-bg.gif) repeat-x; width:100%; height:30px; } #productDetails .accordion .accordion .link-heading a { background:url(../images/grey-arrow-sprite.gif) no-repeat 585px -6px; } #productDetails .link-heading a.on { background-position:600px 10px;} #productDetails .accordion .accordion .link-heading a.on { background-position:585px 10px;} #productDetails .inner-container { display:none; background:url(../images/bg_product_detail_content.jpg) no-repeat left bottom; padding:15px 30px 5px 10px; font-size:12px; color:#909090; float: left; width: 590px;} #productDetails .accordion .accordion .inner-container{background: #fff;} #productDetails .inner-container ul{list-style: disc;} #productDetails .inner-container li{margin-left: 15px;} #mediaDetails h5 { float:left; font-size:12px; margin-bottom:5px; font-weight:normal;} #productDetails .inner-container h5 {font-size:12px; color:#3b3b3b; margin-bottom:5px; font-weight:normal; } #productDetails .inner-container a { color:#909090; } #productDetails .inner-container div{padding-right: 8px;} #productDetails .inner-container .lit-content{padding: 10px 0;} #productDetails .float-children div{float: left;} #productDetails .inner-container div.clear{clear: both; float: none;} #productDetails .remove-padding div{padding: 0;} #mediaDetails .date, #productDetails span.date {float: right; } #mediaDetails .detailSection, #productDetails div.detailSection { margin-bottom:15px; height:auto; overflow:hidden; } #mediaDetails .nomargin{margin-bottom: 0;} #mediaDetails .detailRow, #productDetails div.detailRow { clear:both; margin-bottom:5px; font-size:11px; } #mediaDetails .detailRow{margin: 0; padding-bottom: 0px; overflow: hidden; height: 25px;} #mediaDetails .detailRow a{float: left;} #mediaDetails .detailRow a sup{font-size: 10px; position: relative; top: -4px;} /* PRODUCT TYPE (CATEGORIES) */ #product-categories {float: left; padding: 8px 0 15px 0; text-align: center;} #product-categories a {float: left; text-decoration: none;} #product-categories a div{text-align: center;} #product-categories span {display: block; margin: 0 0 10px 0; font-size: 15px;} #product-categories a#prodtype-modular {margin: 0 7px 0 0;} #product-categories a#prodtype-modular span {padding: 0 0 0 0px;} #product-categories a#prodtype-under {margin: 80px 0 0 0;} #product-categories a#prodtype-under span {padding: 0 0 0 10px;} #product-categories li{float: left; } /* PORTAL FORM */ .portalloginFrm {clear: both; width: 320px; padding: 10px 8px 8px 9px; border: 1px solid #E1E1E1; background: #E1E1E1 url(../images/tab-content-bg.gif) repeat-x; margin: 0 0 43px 0;} .portalloginFrm .txtField {margin: 0 0 6px 0;} .portalloginFrm .txtField label {color: #5B81B3; float: left; width: 56px; margin: 0 8px 0 0;} .portalloginFrm .txtField input {border: none; background: transparent url(../images/bg_input_portallogin.gif) no-repeat; width: 245px; height: 19px; padding: 4px 2px 2px 4px; color: #5D7798;} .portalloginFrm .submitBtn {padding: 0 0 0 64px; margin: 0 0 12px 0;} .portalloginFrm .submitBtn input {padding-right: 7px; width: 52px; border: none; color: #FFF; background: transparent url(../images/bg_btn_submitfrm.gif) no-repeat; height: 23px;} .portalloginFrm .formReminders a {color: #717171;} /* SITEMAP: LEVELS 1, 2, 3, and N */ #sitemapContent {clear: both;} #sitemapContent .sitemapLeft {float: left; width: 335px;} #sitemapContent .sitemapRight {float: left; width: 285px; padding: 40px 0 0 0;} /* levels */ #sitemapContent ul li.levelOne {margin: 0 0 20px 0;} #sitemapContent ul li.levelOne a {color: #5D7797; font-size: 15px; text-decoration: none;} #sitemapContent ul li.levelOne ul {padding: 0 0 0 11px;} #sitemapContent ul li.levelTwo {margin: 0 0 7px 0;} #sitemapContent ul li.levelTwo a {color: #909090; font-size: 13px; font-weight: bold; text-decoration: underline;} #sitemapContent ul li.levelTwo ul {padding: 0 0 0 18px;} #sitemapContent ul li.levelThree {margin: 0 0 3px 0;} #sitemapContent ul li.levelThree a {color: #909090; font-size: 13px; font-weight: normal; text-decoration: underline;} #sitemapContent ul li.levelThree ul {padding: 0 0 0 15px;} /* SEARCH REFINE */ #refineSearch .accordion .on { display:block;} #refineSearch .accordion-container { border-bottom:solid 1px #dedede; float:left; margin-bottom:25px; } #refineSearch .accordion { margin-bottom:8px; clear:both; } #refineSearch .link-heading { background:url(../images/bg_product_detail_accorrdion.png) no-repeat; width:100%; height:30px; } #refineSearch .link-heading a { background:url(../images/grey-arrow-sprite.gif) no-repeat 600px -6px; color:#5d7798; display:block; font-size:12px; padding:6px 0 0 9px; text-decoration:none; outline: none;} #refineSearch .link-heading a.on { background-position:600px 10px;} #refineSearch div.col-1 { float:left; width:161px; height:100px; padding:0 10px; border-right:1px solid #d2d2d2; margin-bottom:12px; } #refineSearch div.col-2 { float:left; width:285px; height:100px; padding:0 10px; border-right:1px solid #d2d2d2; margin-bottom:12px; } #refineSearch div.col-2 h5 span{padding-left: 5px;} #refineSearch .ui-slider { position:relative; } #refineSearch .ui-slider .ui-slider-range {background-position:0 0; border:0 none; display:block; font-size:0.7em; position:absolute; z-index:1; } #refineSearch .col-2 .ui-slider-horizontal { width:271px; height:1px; margin-left: 1px; padding-top: 14px;} #refineSearch .col-2 .first-handle { width:8px; height:9px; background:url(../images/slider_handle_min.png) no-repeat; margin-top:-10px; position:absolute; } #refineSearch .col-2 .second-handle {width:8px; height:9px; background:url(../images/slider_handle_max.png) no-repeat; margin-top:-10px; position:absolute; } #slider-range-bg{width:281px; height:17px; background:url(../images/slider-range-bg.gif) no-repeat; position: relative; padding-top: 18px;} #slider-range-bg span{color: #5b81b3; display: block; font-size: 10px; line-height: 9px; position: absolute; text-align: center;} #slider-range-bg.num5 span.lbl1{left: 0; text-align: left;} #slider-range-bg.num5 span.lbl2{left: 22%;} #slider-range-bg.num5 span.lbl3{left: 47%;} #slider-range-bg.num5 span.lbl4{left: 71%;} #slider-range-bg.num5 span.lbl5{left: 95%;} #slider-range-bg.num9 span.lbl1{left: 0; text-align: left;} #slider-range-bg.num9 span.lbl2{left: 11%;} #slider-range-bg.num9 span.lbl3{left: 22%;} #slider-range-bg.num9 span.lbl4{left: 34%;} #slider-range-bg.num9 span.lbl5{left: 46%;} #slider-range-bg.num9 span.lbl6{left: 59%;} #slider-range-bg.num9 span.lbl7{left: 71%;} #slider-range-bg.num9 span.lbl8{left: 83%;} #slider-range-bg.num9 span.lbl9{left: 95%;} #refineSearch div.col-3 { float:left; width:132px; height:100px; padding-left:10px; margin-bottom:12px; } #widthDropDown{width:120px;} #refineSearch .inner-container { display:none; background:url(../images/bg_refine_search.png) no-repeat bottom; padding:5px 0 5px 0; font-size:12px; color:#909090; height:auto; overflow:hidden; } #refineSearch .inner-container span { padding-right:10px;} #refineSearch .inner-container h5 { font-size:12px; color:#3b3b3b; margin:5px 0 5px 0; font-weight:normal; } #refineSearch .inner-container a { float:left; color:#909090; } #refineSearch .inner-container-open{display: block;} #refineSearch label {color: #5b81b3; font-size:11px; } #refineSearch #refineSubmit { clear:left; text-align:center; padding:0 0; } #refineSearch a.refinebtn { background:url(../images/refinebtn-blue.gif) no-repeat; display:block; width:50px; height:22px; text-indent:-5000px; float:none; margin:0 auto; } /* SEARCH RESULTS */ #searchResults { font-size:12px; clear:both; padding-top:20px; } #searchResults th { font-weight:normal; color:#3b3b3b;} #searchResults td { vertical-align:top; padding:10px 0; } .product-row td {border-bottom: solid 1px #a0a0a0;} .product-row img{padding-right: 10px;} #searchResults tr.odd td { background:#eeecec; } #searchResults td a { text-decoration:none; font-size:13px; } #searchResults td a sup{font-size: 10px; position: relative; top: -4px;} #searchResults img.energyStar { margin-top:8px; } #nomachines{padding: 10px 0 0 80px;} /* RIGHT CONTENT ACCORRDION */ .contentRight .accordion { background:#f3f3f3; border-top:solid 1px #dedede; border-left:solid 1px #dedede; border-right:solid 1px #dedede; float:left; width:240px; overflow: hidden;} .contentRight .accordion .on { display:block;} .contentRight .accordion-container { border-bottom:solid 1px #dedede; float:left; width:240px; margin-bottom:25px; } .contentRight .link-heading { background:url(../images/accordion-heading-bg.gif) repeat-x; height:30px; width:240px;} .contentRight .link-heading a { background-image:url(../images/grey-arrow-sprite.gif); background-repeat:no-repeat; background-position:213px -6px; color:#5d7798; display:block; font-size:12px; padding:6px 0 0 9px; text-decoration:none;} .contentRight .link-heading a.on { background-position:213px 10px;} .contentRight .inner-container {padding: 10px; display:none; float:left; width:220px;} .contentRight .inner-container p { color:#3B3B3B; font-size:12px; margin-bottom:10px;} .contentRight .inner-container label, .contentRight .inner-container select, .contentRight .inner-container input { color:#5D7798; font-size:12px;} .contentRight .inner-container select { width:200px; } .contentRight .inner-container .padding { padding:10px;} .contentRight .inner-container .additional_fields { display:none; } .contentRight .additional_fields label{color: #3B3B3B;} .contentRight .inner-container .additionalFilter p span {display: block; color: #5D7798; font-size: 12px; padding: 0 0 0 7px; margin: 0 0 3px 0;} .contentRight .inner-container .txtbg202 { background: url(../images/txtzipcode-bg.gif) no-repeat; border: 0; border-width: 0; height: 19px; padding: 2px; width: 198px;} .contentRight .inner-container .border { border-top: solid 1px #cacaca; border-bottom: solid 1px #cacaca; padding-top: 10px;} .contentRight .inner-container .border-full { background:#e1e1e1 url(../images/tab-content-bg.gif) repeat-x top; border: solid 1px #cacaca; float: left; width:220px;} .contentRight .inner-container .calc-bottom { padding-top: 10px; margin: 0; float: left; padding-bottom: 5px; width: 200px;} .contentRight .inner-container .calc-bottom p { margin-bottom: 5px;} .contentRight .inner-container .application_type{display: none;} .contentRight .tabs li { float:left; margin-right:1px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; } .contentRight .tabs li.last { margin-right:0; border-left:1px solid #e3e3e3; border-right:none;} .contentRight .tabs li.last a { width:101px; } .contentRight .tabs li a { background:url(../images/tab-off-bg.gif) repeat-x; display:block; padding:4px 2px 5px 10px; width:92px;} .contentRight .tabs li a.on { background:none;} .contentRight .tabs a { color:#3b3b3b; font-size:12px; text-decoration:none;} .contentRight .tab-content { clear:both; display:none; padding:5px;} .contentRight .tab-content span { padding-right:10px;} .contentRight .tab-content span.phone{display: inline-block; width: 49px;} .contentRight .tab-content span.blockl{display: block; float: left; width: 49px;} .contentRight .tab-content span.blockr{display: block; float: left; width: 140px;} .contentRight .searchbtn { background:url(../images/searchbtn-blue.gif) no-repeat; display:block; height:22px; text-indent:-5000px; width:50px;} .contentRight #txtzipcode { background:url(../images/txtzipcode-bg.gif) no-repeat; border:none; border-width:0; padding:2px; height:19px; width:198px;} .contentRight #calculatebtn{float: right; background: url(../images/calculatebtn.gif) no-repeat; display: block; height: 22px; text-indent: -5000px; width: 61px; clear: both;} .contentRight #calc-results, .contentRight #calc-buttoncontainer { clear: both; display:none; } .contentRight #calc-results{padding-top: 5px;} .contentRight #calc-results p {color: #5B81B3; margin: 0 0 7px 0;} .contentRight #calc-results p a#recommended-models {font-weight: bold; display: block; padding: 2px 0 0 12px; color: #FFF; background: transparent url(../images/bg_btn_sidebar.gif) no-repeat; width: 192px; height: 20px;} .contentRight .question{display: none; padding-bottom: 10px;} .contentRight .question p{margin-bottom: 0;} .contentRight .on{display: block;} #tc-distributor-results, #tc-service-tech-results{} #wizard-results{padding-top: 10px;} #wizard-results p{display: none;} #tc-service-tech-results strong, #tc-distributor-results strong{color: #5B81B3;} #tc-service-tech-results strong.black, #tc-distributor-results strong.black{color: #3B3B3B;} #tc-service-tech-results .status{color: red; font-size: 11px;} /* RIGHT CALLOUT */ .contentRight h4 { color:#717171; font-size:14px; font-weight:normal; margin-bottom:5px; } #rightCallout { width:216px; font-size:12px; } #rightCallout h5 { color:#3b3b3b; margin-bottom:5px; font-weight:bold; } #rightCallout a { text-decoration:none; } #rightCallout a:hover { color:#000; } #rightCallout p { margin-bottom:5px; } #rightCallout hr { margin:0 0 12px 0; height:1px; border:none; background:#cacaca; } #rightCallout div.rightCalloutItem { margin-bottom:12px; } .rightCalloutItem span.blue{color: #5B81B3; font-size: 11px; font-weight: bold;} /* HOME PAGE STYLES */ div.featureCopy h2.Red{color: #cf3d44;} div.featureCopy h2.Orange{color:#e9ae41;} div.featureCopy h2.Green{color:#85a13c;} div.Red .icon{background:url(../images/bg_h2_red_circle.png) 0 0px no-repeat;} div.Orange .icon{background:url(../images/bg_h2_orange_snow.png) 0 0px no-repeat;} div.Green .icon{background:url(../images/bg_h2_green_cubes.png) 0 0px no-repeat;} #hmFeatureCntnr { height:298px; border-bottom:1px solid #e7e7e7; position:relative; overflow:hidden; } #hmFeatureCntnr div.featureCopy { float:left; text-align:right; padding-right:18px; } #hmFeatureCntnr div.featureCopy h2 { display:inline; height: 200px;} #hmFeatureCntnr div.featureCopy div{height: 100px; padding-left: 35px; position: absolute; right: 0;} #hmFeatureCntnr div.featureCopy .icon{display: inline-block; height: 28px; width: 35px;} #hmFeatureCntnr div.featureCopy p { text-align:right; font-size:12px; padding:10px 0 0 50px; color:#989898; } #hmFeatureCntnr div.featureCopy p a{color: #909090; font-size: 10px; font-weight: bold; text-decoration: none;} #hmFeatureCntnr .features { position:absolute; top:0; left:0; height:100%; z-index:1; display: none; } #hmFeatureCntnr .features div.featureCopy { margin:70px 0 0 0px; width: 910px; } #hmFeatureCntnr .features-on{display: block;} #pullTab { } #pull { width:286px; position:absolute; top:232px; left:922px; background:url(../images/home/bg_pull.png) repeat-x; z-index:2; } #pull li { float:left; margin-top:9px; margin-right:3px; } #pull li a { padding-bottom:3px; display:block; } #pull li a:hover, #pull li a.on { border-bottom:3px solid #c5c5c5; } #pull li.tab { margin-top:0; } #pull li.tab a:hover { border:none; } #hmContent { } /* CONTACT US STYLES */ .contactUsH1 { margin-bottom: 24px; } #contactUsContainer strong{color: #5B81B3;} #contactUsContainer div.contentLeft{margin-right: 0; width: 210px;} #contactUsContainer div.contentMiddle{background: #fff; float: left; font-size: 13px; padding: 60px 20px 10px 0; width: 440px;} #contactUsContainer .borderLeft{border-left: solid 1px #C0C0C0; padding-left: 30px;} #contactUsContainer .req{margin: 7px 0 13px 0;} #contactus-form div{padding-bottom: 7px;} #contactus-form label{color: #5B81B3; display: inline-block; text-align: right; width: 97px;} #contactus-form .button-container{padding-left: 90px;} #contactus-form textarea, #contactus-form input{width: 230px;} #contactus-form #Phone1, #contactus-form #Phone2, #contactus-form #Fax1, #contactus-form #Fax2{margin-right: 5px; width: 37px;} #contactus-form #Phone3, #contactus-form #Fax3{width: 45px;} #Country{width: 236px;} #FName, #LName{display: none;} #contactus-form #SubmitBtn{height: 22px; width: 50px;} #contactus-form .error{color: red; font-size: 11px; padding-left: 3px;} #contactus-thankyou{height: 250px;} /* DISTRIBUTOR PORTAL */ #distributor-login{border: 0; padding-bottom: 10px; width: 300px;} #distributor-login div{padding-bottom: 5px;} #distributor-login label{display: inline-block; width: 65px;} #distributor-login input{width: 150px;} #distributor-login .error{color: red; font-size: 11px;} #distributor-login .submit-container{padding-left: 100px;} #distributor-login .submit-container input{width: auto;} .distrib-image{font-weight: bold; float: left; width: 178px; padding-bottom: 15px; overflow: hidden;} .distrib-image .title{height: 25px; line-height: 11px; overflow: hidden;} .distrib-image img{width: 100px !important;} .distrib-image a{float: left; font-weight: bold; margin-right: 5px;} .distrib-image-banner, .distrib-image-banner img{width: 527px !important;} /* WARRANTY FORM */ #warranty-form label{color: #5B81B3; display: inline-block; padding-right: 5px; text-align: right; width: 150px;} #warranty-form label.vtop{vertical-align: top;} #warranty-form .lbl-full-width input, #warranty-form .lbl-full-width textarea, #warranty-form .lbl-full-width-indent label, #warranty-form .lbl-full-width label{text-align: left; width: 99%;} #warranty-form .lbl-full-width-indent input{margin-left: 155px;} #warranty-form textarea{height: 100px;} #warranty-form input{width: 230px;} #warranty-form .radio label{color: #909090; padding-right: 10px;width: 130px; text-align: left;} #warranty-form .radio label.width-auto{width: auto;} #warranty-form .radio-lgwidth label{width: 270px;} #warranty-form .radio-smwidth label{} #warranty-form .radio input{width: auto;} #warranty-form .radio .padding{padding-left: 150px;} #warranty-form .radio p{color: #5B81B3;} #warranty-form .radio p strong{color: #909090;} #warranty-form div p{margin-bottom: 0;} #warranty-form div p.question{color: #909090;} #warranty-form div p span{font-size: 11px;} #warranty-form div {padding-bottom: 10px;} #warranty-form div div{padding-bottom: 0;} #warranty-form table input{width: auto;} #warranty-form table th{text-align: center;} #warranty-form table td{text-align: center;} #warranty-form table td.first{text-align: left;} #warranty-form .button-container {text-align: center;} #warranty-form .button-container input{height: auto; width: auto;} #warranty-form .error{color: red; font-size: 11px;} #CartridgeSerialNumbers{width: 230px;} #sitemap-container ul{padding-left: 10px;} #searchcontent{clear: both;} #warranty-form #EvaluationContainer{float: left; padding-bottom: 10px;} #EvaluationContainer ul{display: block; float: left; width: 100%;} #EvaluationContainer li{float: left; text-align: center; height: 20px; overflow: hidden; width: 90px;} #EvaluationContainer li.first{height: 20px; text-align: left; width: 150px;} #EvaluationContainer .break{display: block;} #EvaluationContainer input{width: auto;} #EvaluationContainer label{display: none;} ol.design_list_horizontal li.break{display: block;} /******************************/ /*** CLEARFIX ***/ /******************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} .clearLeft { clear:left; } .clearRight { clear:right; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #design_content, div.design_content{overflow: visible;} .bg{visibility: visible;}