/* Meyers CSS Reset **************************************************************************************************************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,hr,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} button::-moz-focus-inner{border:0;padding:0;} /* Global **************************************************************************************************************/ body{background:#fff;color:#333;font:normal .75em/1.25 "Trebuchet MS", "Panic Sans", Arial, sans-serif;} h1{font-size:2.167em;font-weight:normal;letter-spacing:.05em;} /* 26px */ h2{font-size:1.833em;font-weight:normal;letter-spacing:.05em;} /* 22px */ h3{font-size:1.500em;font-weight:normal;letter-spacing:.05em;} /* 18px */ p{padding:5px 0;} /* Global: Links */ a:link {color:#000;text-decoration:none;} a:visited{color:#000;text-decoration:none;} a:hover {color:#000;text-decoration:underline;} a:active {color:#000;text-decoration:none;} /* Global: Lists */ ul{list-style-type:disc;} /* Global: Universal */ #content{clear:both;width:980px;margin:5px auto;min-height:525px;} .hide{display:none;} .bulletdivider{background-image:url(/img/bulletdivider.gif);background-repeat:repeat-x;width:100%;height:14px;margin:4px 0px;} /* Global: Form Elements */ input[type="text"], input[type="password"]{font-size:16px;font:normal normal 12px/12px "Trebuchet MS", sans-serif;padding:2px 4px;background:url(/img/shadow.jpg) -2px -2px repeat-x #fff;width:175px;border:solid 1px #666;} label.error{color:#f00;font-weight:bold;} input.error, select.error, input.error, select.error{color:#000;font-weight:bold;border:solid 1px #f00;} label.error, form#step1form div#wrapper2 p.error{color:#f00;font-weight:bold;} input.error + em{color:#f00;font-weight:bold;} select{width:175px;} /* Global: Error Handling */ #errorBox, #responseBox{border:solid 3px #f00;float:left;width:923px;margin:0 0 15px 15px;background:url(/img/xxx.gif);padding:12px;} #errorBox img{display:inline;margin-right:10px;vertical-align:middle;float:left;} #errorBox span{margin:10px 0 0;font-size:15px;font-weight:bold;} #errorBox span span{margin:10px 0 0;font-size:12px;float:left;} #errorBox p{font-size:15px;font-weight:bold;} /* Global: Pagination */ #pages{float:right;margin:50px 0;clear:both;} #pages .active, #pages .active:hover{background:#fff;} #pages ul{padding:0;margin:0;list-style:none;} #pages ul li{background:#eee;float:left;padding:3px 6px;margin-left:5px;border:1px solid #ccc;-moz-border-radius:4px;border-radius:4px;} #pages ul li:hover{background:#ddd;cursor:pointer;} /* Global: Buttons */ .yellow{text-transform:uppercase;border:none;background:transparent;font-weight:bold;padding:0;margin:0;cursor:pointer;overflow:visible;font-family:inherit;font-size:11px;} .yellow span{line-height:20px;color:#1a1a1a;float:left;height:20px;background:url('/img/bg_button-yellow.png') 0 0 no-repeat;text-align:center;white-space:nowrap;padding:0 0 0 8px;} .yellow span span{background-position:100% 0;padding:0 12px 0 4px;} .yellow.disable{cursor:default;} .yellow.disable span{background-position:0 -20px;} .yellow.disable span span{background-position:100% -20px;} .red{text-transform:uppercase;border:none;background:transparent;font-weight:bold;padding:0;margin:0;cursor:pointer;font-family:inherit;font-size:11px;} .red span{line-height:20px;color:#f2f2f2;float:left;height:20px;background:url('/img/bg_button-red.png') left 0 no-repeat;text-align:center;white-space:nowrap;padding:0 0 0 8px;} .red span span{background-position:100% 0;padding:0 12px 0 4px;} /* Global: Shadows */ .shadow-0010{-moz-box-shadow:0 0 10px #808080;-webkit-box-shadow:0 0 10px #808080;box-shadow:0 0 10px #808080;} .shadow-0020{-moz-box-shadow:0 0 20px #808080;-webkit-box-shadow:0 0 20px #808080;box-shadow:0 0 20px #808080;} /* Header **************************************************************************************************************/ #header-wrapper{width:100%;position:relative;z-index:2;background:url('/img/bg_hole-gradient.jpg') repeat-x 0 0;-webkit-box-shadow:0 0 10px #808080;} #header{width:940px;height:124px;padding:13px 0 0;margin:0 auto;position:relative;} #header .logo{float:left;} /* Header: Marketing Banner */ #header #banner{width:340px;height:80px;float:left;margin-left:40px;} /* Header: Phone Number */ #header #phone{width:200px;height:65px;padding:0 0 7px 27px;margin:0 0 0 40px;overflow:hidden;font-size:2.333em;line-height:.9em;color:#fff;float:left;background:url('/img/bg_phone.gif') 0 10px no-repeat;display:inline;} #header #phone span{font-size:0.607em;color:#b2b2b2;letter-spacing:4px;} #header #phone a[href^=tel]{color:#fff;} /* iPhone Turns Phone Number Into Link */ /* Header: Live Chat */ #header #livechat{width:61px;height:60px;padding-top:5px;display:block;float:right;text-align:center;} #header #livechat img{clear:both;float:left;margin-bottom:4px;} a.livechat{color:#0fe744;text-transform:uppercase;} a.livechat.online, a.livechat.online:visited, a.livechat.online:hover{color:#0fe744;} a.livechat.offline, a.livechat.offline:visited, a.livechat.offline:hover{color:#f00;} /* Header: Customer Links */ #header #customer-links{min-width:240px;height:16px;overflow:hidden;float:right;white-space:nowrap;} #header #customer-links li{height:15px;padding-top:1px;display:inline-block;float:left;overflow:hidden;margin-left:16px;} #header #customer-links .cart {background:url('/img/bg_customer-links.gif') 0 0 no-repeat;} #header #customer-links .cart a {padding-left:25px;} #header #customer-links .account {background:url('/img/bg_customer-links.gif') 0 -16px no-repeat;} #header #customer-links .account a{padding-left:28px;} #header #customer-links .logout {background:url('/img/bg_customer-links.gif') 0 -40px no-repeat;} #header #customer-links .logout a {padding-left:15px;} #header #customer-links .login {background:url('/img/bg_customer-links.gif') 0 -56px no-repeat;} #header #customer-links .login a {padding-left:15px;} #header #customer-links a{line-height:1em;color:#fff;} #header #navigation{height:25px;clear:both;} /* Header: Search */ #search-wrapper{width:300px;position:absolute;right:0;top:112px;overflow:hidden;} #search-wrapper #search-box{height:16px;width:225px;padding-right:10px;color:#333;border:0;float:left;} #search-wrapper .yellow{height:20px;font-weight:bold;position:absolute;top:0;right:0;} /* Header: Sales Login */ #sales-login{min-width:70px;min-height:16px;margin:0 auto;padding:10px;position:fixed;top:0;right:0;z-index:100;background:#000;color:#eee;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;} #sales-login ul{list-style:none;} #sales-login li{clear:both;margin-bottom:5px;} #sales-login input{width:140px;} #sales-login select{width:150px;} #sales-login button{margin-top:6px;float:right;clear:right;} #sales-button{cursor:pointer;height:16px;display:block;padding:2px 0 0 15px;} #sales-button.login{position:absolute;bottom:10px;left:10px;background:url('/img/bg_customer-links.gif') 0 -56px no-repeat;} #sales-button.logout{background:url('/img/bg_customer-links.gif') 0 -40px no-repeat;} /* Header: Vehicle Picker */ #menu-wrapper{color:#fff;position:absolute;top:140px;left:0;z-index:3;} #menu-wrapper #tab,#menu-wrapper #tab-home{width:125px;padding-left:25px;height:12px;text-transform:uppercase;position:absolute;left:0;top:-31px;background:url('/img/bg_hole-gradient.jpg') repeat-x 0 -165px;cursor:pointer;text-align:left;overflow:hidden;} #menu-wrapper #tab-home{cursor:default;} #menu-wrapper .expanded {padding:6px 8px 12px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;border-top-left-radius:5px;} #menu-wrapper .expanded span{width:9px;height:6px;display:block;position:absolute;top:8px;left:10px;background:url('/img/bg_customer-links.gif') -5px -32px no-repeat;overflow:hidden;} #menu-wrapper .collapsed{padding:6px 8px;-moz-border-radius:5px;border-radius:5px;} #menu-wrapper .collapsed span{width:5px;height:8px;display:block;position:absolute;top:8px;left:10px;background:url('/img/bg_customer-links.gif') 0 -32px no-repeat;overflow:hidden;} #menu-wrapper #menu{width:440px;min-height:170px;padding:10px;position:absolute;top:-6px;left:-10px;margin:4px 0 20px 10px;;color:#fff;background:url('/img/bg_hole-gradient.jpg') #000 repeat-x 0 -196px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;display:none;} #menu-wrapper #menu h2{margin:4px 0 10px;} #menu-wrapper #menu #vehiclenavigation{width:210px;float:left;} #menu-wrapper #menu #vehiclenavigation select{width:210px;margin-bottom:10px;} #menu-wrapper #menu label{font-size:10px;margin-left:5px;} #menu-wrapper #menu .yellow{float:right;} #menu-wrapper #menu p{width:210px;padding:0;line-height:150%;float:right;} /* Header: Vehicle Picker: Previous Vehicle */ #menu-wrapper #previous-nav{width:400px;position:absolute;top:-30px;left:180px;z-index:3;} #menu-wrapper #previous-nav label{font-size:1em;letter-spacing:.1em;float:left;padding:4px 0 0;text-transform:uppercase;} #menu-wrapper #previous-nav select{width:220px;float:left;margin-left:20px;} .vselectwrap .vstep_next{font-weight:bold;} .vselectwrap .vstep_next option{font-weight:normal;} .vselectwrap .vstep option:first-child,.vselectwrap .vstep_next option:first-child{font-weight:bold;} .vselectwrap .vstep_error{font-weight:bold;border:1px solid #f00;} /* Homepage **************************************************************************************************************/ #content-homepage{width:960px;margin:0 auto;} /* Homepage: LiveChat */ #livechat-wrapper{width:460px;float:right;margin:10px 10px 20px 0;padding:10px 0;position:relative;} #livechat-wrapper h2{padding-bottom:10px;} #livechat-wrapper p{line-height:1.5em;} #livechat-wrapper .livechat.online{color:#008b23;} #livechat-wrapper img{float:right;margin-left:20px;} #livechat-wrapper .livechat{position:absolute;right:5px;top:146px;} /* Homepage: Slideshow */ #slideshow{margin-left:10px;list-style:none;} #slideshow.linchpin{width:620px;height:360px;overflow:hidden;float:left;} #slideshow img{width:620px;height:360px;} .anythingSlider{width:620px;height:360px;font-size:1.667em;margin-left:10px;float:left;display:block;position:relative;} .anythingSlider .anythingWindow{overflow:hidden;position:relative;width:100%;height:100%;} .anythingSlider .start-stop,.anythingSlider .start-stop:visited{text-decoration:none;z-index:100;position:absolute;right:130px;bottom:2px;text-transform:uppercase;color:#4c4c4c;} .anythingSlider .start-stop:hover,.anythingSlider .start-stop.hover{color:#fff;background-image:none;} .anythingSlider.activeSlider .thumbNav a.cur{color:#fff;} ul.anythingBase{list-style:none;position:absolute;top:0;left:0;margin:0;padding:0;} ul.anythingBase li.panel{display:block;overflow:hidden;float:left;margin:0;padding:0;} .anythingSlider .anythingControls{width:100%;display:none;position:absolute;bottom:-29px;right:0px;overflow:hidden;background:#000;color:#fff;display:block;opacity:.9;filter:alpha(opacity=90);overflow:hidden;} .anythingSlider .thumbNav{float:right;} .anythingSlider .thumbNav li{display:inline;} .anythingSlider .thumbNav a{color:#ea030b;display:inline-block;text-decoration:none;text-align:center;outline:0;margin:0 5px 0 0;padding:2px 8px;} .anythingSlider,.anythingSlider .anythingWindow,.anythingSlider .thumbNav a,.anythingSlider .arrow a,.anythingSlider .start-stop{transition-duration:0;-o-transition-duration:0;-moz-transition-duration:0;-webkit-transition-duration:0;} /* Homepage: News */ #news{width:300px;float:right;margin-right:10px;} #news h2{width:298px;color:#fff;border:1px solid #ea030b;background:url('/img/bg_hole-gradient.jpg') #1a1a1a repeat-x 0 -137px;overflow:hidden;text-align:center;position:relative;} #news h2 em{font-family:ActionManRegular, BitsumishiRegular, 'Trebuchet MS';font-size:1.375em;line-height:.5em;} #news h2 a{color:#fff;padding:0 10px;} #news h2 span{position:absolute;top:2px;right:10px;font-size:0.455em;text-decoration:underline;} #news .news-container{clear:both;padding:10px 0;} #news .news-container h3{font-size:1.333em;font-weight:bold;padding-top:10px;text-transform:uppercase;} #news .news-container span{color:#1a1a1a;font-size:0.833em;font-weight:bolder;text-transform:uppercase;} #news .news-container p{line-height:1.5em;} #news .news-footer{-moz-border-radius-bottomright:10px;border-bottom-right-radius: 10px;background:#e5e5e5;overflow:hidden;} #news .news-footer a{color:#d82e2e;font-size:1em;float:right;text-decoration:underline;margin:10px 10px 10px 0;} /* Homepage: Products */ #products{width:640px;float:left;margin:50px 0 20px 10px;} #products h2{width:618px;color:#fff;margin:0;margin-bottom:17px;border:1px solid #ea030b;border-bottom:0;background:url('/img/bg_hole-gradient.jpg') #1a1a1a repeat-x 0 -137px;text-align:center;overflow:hidden;} #products h2 em{font-family:ActionManRegular, BitsumishiRegular, 'Trebuchet MS';font-size:1.375em;line-height:.5em;} #products #suggestion-line-left,#products #suggestion-line-right{width:150px;height:22px;margin:0 5px;} /* Homepage: Products: Category headings */ #products .category{width:23.90625%;border:1px solid #ccc;float:left;position:relative;} /* 640 / 155 */ #products .category:nth-child(odd){background:#e5e5e5;} #products .category:nth-child(odd) .category-title span{background:#ac2624;} #products .category-title{width:100%;position:absolute;top:-19px;left:-1px;background:#000;border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;} #products .category-title span{display:block;padding:1px 0;text-transform:uppercase;background:#D82E2F;color:#fff;text-align:center;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} /* Homepage: Products: Containers */ #products .product-container{width:90.3225806%;height:330px;padding:10px 4.83870968% 10px;float:left;clear:left;position:relative;} #products .product-container h3{font-size:1em;font-style:italic;font-weight:bold;text-transform:uppercase;margin-top:10px;} #products .product-container .pricing{position:absolute;bottom:10px;right:10px;vertical-align:bottom;text-align:right;} /* Product Listing Formatting */ .productsmall{width:233px;margin:6px 0px 20px 15px;} .brandimage span{font-size:11px;color:#999;} .largeLeft div span.esnum{font-size:11px;color:#000;} .largeLeft .brandimage,.largeLeft .es_number,.largeLeft .part_number,.largeLeft .stock_number{float:left;margin:6px 6px 0 0;} .largeLeft .freeshipping{font-size:12px;float:left;margin:0 0 0 5px;clear:both;} .largeLeft div span.label{font-size:11px;color:#999;} /* Browse **************************************************************************************************************/ /* Browse: Quantity */ .qtySubCatBox{width:117px;float:left;padding:28px 8px 0 0;} .qtySubCatBox label{float:left;margin-top:2px;} .qtySubCatBox input{height:18px;width:20px;margin:0 0 0 5px;} /* Browse: Pricing */ .pricecut{height:15px;text-decoration:line-through;display:block;} .pricesave{height:15px;color:#f00;font-size:12px;font-weight:bold;display:block;} .price{height:20px;margin-bottom:2px;font-weight:bold;font-size:16px;font-style:italic;display:block;} /* Browse: Add to Cart */ .subCatAddToCart{width:117px;text-align:right;padding:1px 3px 0 0;right:10px;} .subCatAddToCartNews{text-align:right;padding:1px 3px 0 0;right:10px;} /* Browse: Vehicle **************************************************************************************************************/ .browse #content{margin-top:20px;} /* Browse: Vehicle: Slider */ .browse .anythingSlider{width:460px;height:267px;margin:0 0 20px 20px;float:left;} .browse #slideshow img{width:460px;height:267px;} .browse .anythingControls{font-size:0.800em;bottom:-24px;} .browse .anythingControls li a{color:#ae030b;} .browse .anythingSlider .start-stop{right:125px;} /* Browse: Vehicle: Products */ .browse #products{width:480px;float:right;margin:24px 0 0 0;} .browse #products h2{width:458px;} .browse #products #suggestion-line-left,.browse #products #suggestion-line-right{width:75px;} .browse #products .breadcrumb-info{width:100%;padding:2px 0;color:#fff;background:#262626;font-size:0.455em;letter-spacing:normal;float:left;clear:both;} .browse #products .category{width:31.5277777%;} /* 480 / 151.333333 */ .browse #products .category-title{border-top:1px solid #262626;border-right:1px solid #262626;border-left:1px solid #262626;} /* Browse: Vehicle: News */ .browse #news{margin:0 20px 0 0;} .browse #news .breadcrumb-info{width:100%;padding:2px 0;color:#fff;background:#262626;position:static;text-decoration:none;margin:0;font-size:0.455em;letter-spacing:normal;float:left;clear:both;} /* Browse: Category **************************************************************************************************************/ .browse #centerCol{width:540px;margin:0 20px;} .subcategorylist{margin-left:15px;padding:1px 0px;} a.subcategorylist{margin:0 0 0 5px;} a.subcatgrouping{margin:0 0 0 5px;color:#931212;} img.cirImageNested{margin:5px 0 0 15px;} .categorytitle{margin:0px 0px 10px 15px;} .subcategorytitle{margin:10px 0px 0px 6px;width:260px;float:left;} .subcategorytitle span, .subcategorytitle h2{font-size:15px;font-weight:bold;} a.subcatlinks img{padding:4px 5px 0 0;display:inline;float:left;} a.subcatlinks h2{display:inline;float:left;} .subcategorycontent{width:250px;padding:0 10px 0 0;margin:5px 0 0 0;} .categorytitlehead{height:24px;background:url('/img/bg_hole-gradient.jpg') #1A1A1A repeat-x 0 -137px;font-size:14px;color:white;font-weight:bold;padding:5px 0 0 10px;margin:0 0 6px;border:1px solid #ea030b;} #subCatBox a{text-decoration:none;} #subCatBox .categoryBestSeller .productMain{padding:2px;border:solid 1px #ccc;width:100px;height:79px;} #subCatBox .categoryBestSeller span.price{color:#000;font-size:12px;} #subCatBox .bulletdivider{margin:10px 0;clear:both;float:left;} div.new-window{display:inline;} .newItems .lefty{position:relative;} .product-wrapper{float:left;width:100px;margin:0 15px;display:block;text-align:center;} #catList h1{width:553px;padding:0 10px;color:#fff;font-size:1.833em;border:1px solid #EA030B;background:url('/img/bg_hole-gradient.jpg') #1A1A1A repeat-x 0 -137px;} #centerCol{float:left;width:575px;margin:0 10px;} #centerColFull{float:right;width:780px;margin-right:20px;overflow:hidden;} /* Browse: Category: Sidebar */ #categories{float:left;width:130px;padding:5px 0 0 10px;margin-left:20px;background:url('/img/bg_categories.gif') 0 0 no-repeat;} #categories h2{color:#ea030b;font-size:1.667em;letter-spacing:normal;} #categories h2 a{color:#ea030b;} .categorylist{margin:5px 0 0 2px;width:115px;list-style:none;} .categorylist li{background:url('/img/bullet-arrow.gif') 0 4px no-repeat;padding-left:12px;margin-bottom:2px;} #rightBanner{float:right;margin-right:20px;} .categoryBestSeller{width:120px;margin:12px 10px 0 0;float:left;text-align:center;position:relative;} .categoryBestSeller p{font-size:9px;} .categoryBestSeller p span{font-size:12px;} .rightBanner .productBox{clear:both;overflow:hidden;margin:0 0 20px;} .rightBanner .productBox .rightSide span{float:right;clear:both;margin:0;padding:0;} .rightBanner .productBox h2{font-size:1.250em;} /* Browse: Subcategory **************************************************************************************************************/ .productListBox{width:774px;border:solid 1px #ccc;margin:5px 0px;position:relative;z-index:1;clear:both;-webkit-box-shadow:2px 2px 5px #ccc;-moz-box-shadow:2px 2px 5px #ccc;} .productListBox table{width:100%;} .productListBox td{vertical-align:top;} .productListBox .largeLeft{padding:3px 10px;} .productListBox .supersededProduct{font-weight:bold;font-size:13px;padding:2px 0;} .productListBox .product_isnotavailable{float:right;} .newItemImage{float:left;padding:7px 0 0 5px;} td.largeLeft{width:540px;margin-right:10px;vertical-align:top;} td.largeLeft div.cleanDesc2 a{color:#666;} .subGroupContainer .internalnotes{width:96.3%;padding:5px;margin-left:10px;border:1px solid #ccc;position:relative;top:-5px;} div.descModel{color:#931212;line-height:110%;} div.prodImg{float:left;} span.cleanDesc{font-size:13px;color:#000;} span.cleanDesc2{color:#666;margin-top:-4px;} img.alignMiddle{vertical-align:top;} .subcategoryhead{font-size:14px;font-weight:bold;margin:0px 14px 0px 38px;} .groupnav{font-size:12px;text-align:left;width:100%;margin-left:12px;} .groupnav a{color:white;} .shownum{width:175px;color:white;margin-right:12px;} .shownum a{color:#C9C9C9;} .productindeximg{border:1px solid black;width:75px;height:56px;margin:14px;} .productindexcnt{height:61px;overflow:hidden;} #productContainer #wrapper{background:#eee;padding:10px;margin:10px auto;border:1px solid #ccc;width:958px;-moz-border-radius:5px;border-radius:5px;float:none;overflow:hidden;} #productContainer #endCap{float:left;width:730px;background:url(/img/productDetailBottom.jpg) no-repeat;height:10px;} div.product_isnotavailable span{color:#931212;display:block;font-size:11px;} div.product_isnotavailable span:before{content:"..::"} div.product_isnotavailable span:after{content:"::.."} /* Browse: Subcategory: Shipping Status Box */ .modalStockBox{width:205px;border:solid 1px;padding:4px;color:#000;background:#ededed;display:block;clear:both;position:absolute;margin:-105px 0 0 -130px;font-size:10px;text-align:left;font-size:10px;-webkit-box-shadow:1px 1px 7px #000;-moz-box-shadow:#000 1px 1px 7px;border-radius:5px;-moz-border-radius:5px;z-index:10000;} .modalStockBox img{padding-right:5px;float:left;} .modalStockBox span.btnClose{display:block;border:solid 1px;position:relative;top:70%;left:37%;padding:3px 5px;margin-top:5px;font-size:9px;width:40px;text-align:center;background:#ccc;border-radius:5px;-moz-border-radius:5px;cursor:pointer;} .modalStockBox span.btnClose:hover{background:#666;cursor:pointer;} .modalStockBox span.btnClose:active{background:#000;color:#fff;} /* Browse: Grouping **************************************************************************************************************/ #browse #column{width:780px;float:right;overflow:hidden;margin-right:20px;} #browse #column .subCatPageHeading{width:780px;} #browse #column #groupCategories{width:774px;} #browse #column .groupContainer{width:100%;} /* Browse: Grouping: Pagination */ #browse #column #pagination{width:778px;height:29px;border:1px solid #EA030B;background: url('/img/bg_hole-gradient.jpg') #1A1A1A repeat-x 0 -137px;overflow:hidden;} .lefty{float:left;} .righty{float:right;} .productdivider, .productdivider2{width:100%;height:2px;margin:10px 0;background:url(/img/greydivider.gif) repeat-x;} .productdivider span{color:#b02525;font-size:16px;font-weight:bold;} .productdivider2{margin:0 0 10px 0;} .productdesc1{color:#858585;font-size:14px;font-weight:bold;margin:0;} .internalnotes{padding:5px;border:1px solid #00d;margin-bottom:5px;} .internalnotes span{color:#00d;font-weight:bold;} .productlongdesc{margin:0px 0px 14px 0px;} .productlongdesc li{margin-left:24px;} .kitcontentsheader{width:329px;height:20px;background-color:#898989;border:solid 1px #000;border-bottom:none;padding:1px 0 0 4px;font-size:13px;} .productrightcolumn{font-size:12px;color:#909090;} .pricesaveproduct{color:#f00;font-size:14px;font-weight:bold;margin:0;} div#productImageBox .pricesaveproduct{float:right;padding:5px 0;} #productImageBox .righty span{float:right;clear:both;} .priceproduct{font-weight:bold;font-size:18px;font-style:italic;color:black;} .pricecutproduct{text-decoration:line-through;font-size:12px;margin:4px 4px 0px 0px;color:black;} .stockstatusproduct{font-size:10px;color:green;margin:0px 5px;} .freeshippingproduct{font-size:10px;text-decoration:underline;color:#931212;margin:0px 5px 0px 0px;} #productImageBox .righty span{float:right;clear:both;} a.notify{display:block;} /* Depreciated Code? */ a.notify img{padding-top:5px;border:none;} /* Depreciated Code? */ #brandphone{color:#909090;} .greylinks a{color:#909090;} .greylinks a:hover{text-decoration:underline;} .reddivider{width:100%;height:6px;margin:2px 0px 0px 0px;} .productsmall3{width:205px;margin:6px 0px 20px 0px;} .content{width:302px;height:227px;margin-bottom:6px;overflow:hidden;} .content2{width:802px;height:602px;margin-bottom:6px;overflow:hidden;vertical-align:middle;} .pricingstrategy{font-weight:bold;margin-bottom:6px;font-size:11px;} #groupBuy{clear:both;float:left;padding:5px 0;margin:10px 0;width:100%;} #groupBuy img{margin:2px 3px 0px 0px;border:none;width:39px;height:15px;} #groupBuy span{font-size:14px;font-weight:bold;color:#000;} #groupBuy div.productdivider{margin:4px 0;} #groupBuy #gBuyDesc b u{float:left;width:150px;} #groupBuy #gBuyDesc i{float:left;clear:both;width:50px;} #groupBuy #gBuyDesc b{float:left;width:50px;} #groupBuy #gBuyDesc font b{width:150px;padding-left:5px;} /* Carousel **************************************************************************************************************/ .jcarousel-skin-tango .jcarousel-container{background:#666;border-bottom:15px solid #000;} .jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;} .jcarousel-skin-tango .jcarousel-container-horizontal{width:530px;padding:0 35px;} .jcarousel-skin-tango .jcarousel-clip-horizontal{width:530px;height:87px;left:0px;} .jcarousel-skin-tango .jcarousel-item{width:100px;height:75px;padding-top:6px;} .jcarousel-skin-tango .jcarousel-item-horizontal{cursor:pointer;height:75px;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:10px;margin-right:0;} .jcarousel-skin-tango .jcarousel-item-placeholder{background:#666;color:#000;} /* Carousel: Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal{position:absolute;top:33px;right:4px;width:25px;height:20px;cursor:pointer;background:url(/img/icons/icons-gallery.png) 0 -25px;display:block;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px;right:auto;background-image:url(/img/icons/icons-gallery.png);} .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background-position:0 -65px;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor:default;background-position:0 -105px;} .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:33px;left:4px;width:25px;height:20px;cursor:pointer;background:url(/img/icons/icons-gallery.png) 0 -45px;display:block;} .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background-image:url(/img/icons/icons-gallery.png);} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background-position:0 -85px;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:0 -125px;} /* Product Left */ #productLeft span.scratchdent{margin-left:50px;} span.scratchdent{color:#931212;display:block;font-weight:bolder;} span.scratchdent:before{content:"...::"} span.scratchdent:after{content:" ::..."} /* Terms of use & Privacy Policy **************************************************************************************************************/ #terms-of-use #content,#privacy-policy #content{width:940px;padding:0 10px;} #terms-of-use .box,#privacy-policy .box{background:#eee;border:1px solid #000;margin:10px 0;} #terms-of-use .box h2,#privacy-policy .box h2{color:#fff;background:url('/img/bg_hole-gradient.jpg') #eee repeat-x 0 -137px;padding:0 10px;} #terms-of-use .box p,#privacy-policy .box p{padding:5px 10px;} #terms-of-use .box ul,#privacy-policy .box ul{padding:0 0 0 20px;} /* Contact Us **************************************************************************************************************/ #contactus{width:678px;height:235px;padding:10px;overflow:hidden;position:relative;margin:10px 0 0 20px;float:left;background:#eee;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #contactus h2{font-size:1.583em;margin-bottom:10px;width:330px;} #contactus a, #careers a{color:#b60209;} #contactus p{width:330px;float:left;line-height:1.5em;} #contactus #map_canvas{width:320px;height:220px;float:right;position:absolute;top:10px;right:10px;border:4px solid #fff;} /* Contact Us: Live Chat */ #contactus-livechat{width:318px;height:200px;padding:10px;margin:20px 0 0 20px;float:left;position:relative;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #contactus-livechat h2{font-size:1.583em;margin-bottom:10px;} #contactus-livechat #chatbubbles{position:absolute;top:-10px;right:-10px;} #contactus-livechat a{color:#b60209;} #contactus-livechat p{display:block;width:318px;line-height:1.5em;float:left;clear:left;} /* Contact Us: Order Status */ #contactus-orderstatus{width:318px;height:200px;padding:10px;margin:20px 0 0 20px;float:left;position:relative;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #contactus-orderstatus h2{font-size:1.583em;margin-bottom:10px;} #contactus-orderstatus #people{position:absolute;top:-10px;right:-10px;} #contactus-orderstatus a{color:#b60209;} #contactus-orderstatus p{line-height:1.5em;float:left;} #contactus-orderstatus-key{width:960px;height:500px;display:none;} /* Contact Us: Wholesale Inquires */ #contactus-wholesale{width:920px;padding:10px;border:1px solid #ccc;background:#fff;margin:20px 0 0 20px;float:left;clear:both;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #contactus-wholesale h2{font-size:19px;margin-bottom: 10px;} #contactus-wholesale p{line-height:150%;} #contactus-wholesale a{color:#B60209;} /* Contact Us: Sidebar */ #contactus-sidebar{width:200px;height:475px;padding:10px;overflow:hidden;margin:10px 20px 0 0;float:right;overflow:hidden;background:#eee;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #contactus-sidebar h2{font-size:1.583em;margin-bottom:10px;} #contactus-sidebar .hours{font-size:10px;} .holder{clear:both;margin:2px 0;overflow:hidden;} .holder h3{font-size:14px;font-weight:bold;width:160px;display:block;float:right;} .holder a{color:#b60209;} .holder p{width:160px;display:block;padding:0 0 10px;line-height:1.167em;float:right;} .holder .right{float:right;} .holder .icon{height:28px;width:28px;padding:0;margin:0;float:left;clear:left;display:block;background:url(/img/contactus/icons.png) 0 0 no-repeat;} .holder .phone{background-position:0 0;} .holder .livechat{background-position:0 -28px;} .holder .email{background-position:0 -56px;} .holder .fax{background-position:0 -84px;} .holder .address{background-position:0 -112px;} .holder .pdf{background:url('/img/careers/pdf-icon.gif') 0 0 no-repeat;} .holder small{font-size:10px;line-height:1.1em;margin-top:5px;clear:both;} #media-icons{margin:5px 0 5px 25px;} /* Career Opportunities **************************************************************************************************************/ #careers{width:678px;padding:10px 10px 0;display:inline;position:relative;margin:10px 0 0 20px;float:left;background:#eee;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #careers h1{font-size:1.583em;margin:5px 0 15px;} #careers h2{font-size:1.333em;} #careers p{margin:5px 0 20px;line-height:18px;} #careers #employees{position:absolute;top:-14px;right:-12px;} /* Career Opportunities: Sidebar */ #careers-sidebar{width:200px;padding:10px;display:inline;margin:10px 20px 0 0;float:right;overflow:hidden;background:#eee;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #careers-sidebar h2{font-size:1.583em;margin-bottom:10px;} #careers-sidebar .note{margin:15px 0 20px;line-height:150%;} #careers-sidebar hr{margin:0 0 10px;} /* Career Opportunities: Positions */ #careers-positions{width:698px;padding:10px 0;display:inline;position:relative;margin:20px 0 20px 20px;float:left;background:#fff;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 5px #bfbfbf;-webkit-box-shadow:0 0 5px #bfbfbf;box-shadow:0 0 5px #bfbfbf;} #careers-positions h2{font-size:1.583em;margin:5px 0 15px 10px;} #careers-positions div{clear:both;} #careers-positions ul{width:178px;float:left;margin:0 10px 40px 9px;padding-left:35px;list-style:none;position:relative;} .depicon{width:28px;height:30px;display:block;position:absolute;left:0;top:0;background:url('/img/careers/sprite-06172011.png') 0 0 no-repeat;} #careers-positions .warehouse {background-position:0 0;} #careers-positions .sales {background-position:0 -30px;} #careers-positions .purchasing{background-position:0 -60px;} #careers-positions .research {background-position:0 -90px;} #careers-positions .product {background-position:0 -120px;} #careers-positions .marketing {background-position:0 -150px;} #careers-positions .service {background-position:0 -180px;} #careers-positions .it {background-position:0 -210px;} #careers-positions .billing {background-position:0 -240px;} #careers-positions .accounting{background-position:0 -270px;} #careers-positions .business {background-position:0 -300px;} #careers-positions .list-heading{border-bottom:1px solid #ccc;color:#333;font-size:14px;font-weight:bold;display:block;background:none;padding:0;} #careers-positions li{height:16px;margin-top:4px;padding-left:18px;background:url('/img/careers/sprite-06172011.png') 0 -330px no-repeat;} #careers-positions a{color:#b60209;margin-top:2px;} /* Career Opportunities: Postings */ .careers-post{width:680px;display:inline;color:#333;font-size:14px;line-height:150%;float:left;padding-top:20px;margin:0px 0 20px 30px;position:relative;} .careers-post a{color:#b60209;} .careers-post .title{font-size:1.357em;margin:0;} .careers-post small{font-size:12px;} .careers-post p{margin:10px 0;} .careers-post ul{margin:10px 0 10px 15px;} .careers-post .list-heading{margin-left:-15px;font-size:14px;font-weight:bold;list-style:none;} .careers-post .top{width:150px;color:#333;border:1px solid #bbb;background:#ccc;display:block;text-align:center;margin:20px auto 10px;border-radius:5px;-moz-border-radius:5px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ccc),color-stop(1, #ddd));background-image:-moz-linear-gradient(center bottom,#ccc 0%, #ddd 100%);} .careers-post .top:hover{text-decoration:none;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ddd),color-stop(1, #ccc));background-image:-moz-linear-gradient(center bottom,#ddd 0%, #ccc 100%);} .careers-post hr{height:2px;width:90%;margin:0 auto 20px;clear:both;border:none;background-image:-webkit-gradient(linear,left top,right top,color-stop(0, #fff),color-stop(0.5, #ccc),color-stop(1, #fff));background-image:-moz-linear-gradient(left center,#fff 0%, #ccc 50%,#fff 100%);} a.button-apply, a.button-forwd{color:#fff;padding:4px 20px;cursor:pointer;margin-left:10px;font-size:12px;line-height:12px;border:1px solid #b60208;background-color:#B60208;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #B60208),color-stop(1, #E9030A));background-image:-moz-linear-gradient(center bottom,#B60208 0%,#E9030A 100%);border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 0 10px #bfbfbf;-webkit-box-shadow:0 0 10px #bfbfbf;box-shadow:0 0 10px #bfbfbf;} a.button-apply:hover, a.button-forwd:hover{text-decoration:none;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #E9030A),color-stop(1, #B60208));background-image:-moz-linear-gradient(center bottom,#E9030A 0%,#B60208 100%);} .button-apply{position:absolute;top:20px;right:100px;} .button-forwd{position:absolute;top:20px;right:0;} /* ECS News **************************************************************************************************************/ #content #newstitlehead{width:940px;height:41px;display:block;padding-top:1px;margin:10px auto;border-bottom:4px solid #343434;background:#d82e2e;} #content #newstitlehead #ecsnews{width:102px;height:34px;display:block;background:url(/img/news/logo.png) 0 0 no-repeat;margin:3px 0 0 16px;} .newsarticle{width:940px;height:180px;margin:0 0 0 20px;position:relative;background:url(/img/news/bg_newsarticle.jpg) 0 0 no-repeat;clear:both;} .newsarticle .newsimage{float:left;margin-top:10px;border:2px solid #fff;-moz-box-shadow:3px 3px 3px #bfbfbf;-webkit-box-shadow:3px 3px 3px #bfbfbf;box-shadow:3px 3px 3px #bfbfbf;} .newsarticle .newstext{width:460px;display:block;padding:8px 0 0 10px;line-height:18px;background:url(/img/news/bg_divider.jpg) 0 0 no-repeat;float:right;} .newsarticle .newsdate{width:100px;height:16px;padding-top:2px;display:block;position:absolute;top:134px;left:220px;font-size:13px;text-align:center;letter-spacing:1px;color:#fff;border:1px solid #fff;background:#d82e2f;} .newsarticle .newsinfodetail{position:relative;display:inline-block;zoom:1;*display:inline;} /* zoom and second display declaration are hacks used for IE6/7 */ .newsarticle .newsinfo{width:145px;margin:8px 0 0 10px;text-align:right;float:left;display:inline;} .newsarticle .newsinfo .newstitle{width:140px;display:block;margin-bottom:20px;font-size:16px;font-weight:bold;text-transform:uppercase;line-height:18px;float:right;text-align:right;} .newsarticle .newsinfo .newstitle a{color:#666;} .newsarticle .newsinfo .newscat{color:#d82e2e;font-sze:12px;margin-left:2px;font-weight:bold;text-transform:uppercase;text-align:right;} .newsarticle .newscaticon-1, .newsarticle .newscaticon-2, .newsarticle .newscaticon-3, .newsarticle .newscaticon-4, .newsarticle .newscaticon-5, .newsarticle .newscaticon-6{width:25px;height:20px;display:block;background:url(/img/news/icons.jpg) no-repeat;float:right;} .newsarticle .newscaticon-1{background-position:0 0;} .newsarticle .newscaticon-2{background-position:0 -20px;} .newsarticle .newscaticon-3{background-position:0 -40px;} .newsarticle .newscaticon-4{background-position:0 -60px;} .newsarticle .newscaticon-5{background-position:0 -80px;} .newsarticle .newscaticon-6{background-position:0 -100px;} /* ECS News Landing **************************************************************************************************************/ .container{width:940px;padding:9px;margin:20px auto 0;background:#eee;border:1px solid #ccc;overflow:hidden;clear:both;-moz-border-radius:5px;border-radius:5px;} .container #banner{float:left;border:1px solid #ccc;} .container #textcolumn{width:460px;float:right;} .container #textcolumn .title{font-size:24px;} .container #textcolumn p{line-height:18px;} .container #textcolumn .subtitle{font-size:18px;} .container #textcolumn .keyfeatures{float:left;width:220px;} .container #textcolumn #photoplayer{list-style:none;float:right;width:200px;padding:9px;margin:0;} .miscnavigation{width:368px;height:22px;} .miscnavigation a{color:black;font-size:10px;} .miscnavigation2{margin:0px 3px -3px 0px;} /* News Landing: Photoplayer */ #photoplayer .video-overlay{width:200px;height:113px;float:left;margin-top:10px;position:relative;} #photoplayer .video-overlay img{width:200px;position:absolute;top:0;left:0;z-index:0;border:none;} #photoplayer .video-overlay a img{z-index:1;} #photoplayer .video-overlay .shadow{z-index:2;cursor:pointer;} #photoplayer .video-overlay .shadow:hover{filter:alpha(opacity=30);opacity:.30;} #photoplayer a.video-control-hd, #photoplayer a.video-control-sd{text-decoration:none;text-align:center;width:99px;height:13px;line-height:100%;cursor:pointer;background:url(/img/bg_video-buttons.jpg) repeat-x;position:absolute;color:#fff;margin:0;padding:1px 0;} #photoplayer a.video-control-hd{top:114px;left:0;background-position:0 -15px;} #photoplayer a.video-control-sd{top:114px;left:101px;} /* News Landing: Image Carousel */ .jcarousel-skin-news{position:absolute;left:-999em;} /* Hides the gallery on page load */ .jcarousel-skin-news .jcarousel-container-horizontal{width:200px;padding:9px;float:right;background:#fff;border:1px solid #ccc;} .jcarousel-skin-news .jcarousel-clip-horizontal{width:200px;height:150px;left:0;} .jcarousel-skin-news .jcarousel-item{width:200px;height:150px;} .jcarousel-skin-news .jcarousel-item-placeholder{background:#666;color:#000;} .jcarousel-skin-news .jcarousel-next-horizontal{position:absolute;top:74px;right:0;z-index:2;width:25px;height:20px;cursor:pointer;background:url(/img/icons/icons-gallery.png) 0 -25px;display:block;} .jcarousel-skin-news .jcarousel-next-horizontal:hover{background-position:0 -65px;} .jcarousel-skin-news .jcarousel-next-disabled-horizontal, .jcarousel-skin-news .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-news .jcarousel-next-disabled-horizontal:active{cursor:default;background-position:0 -105px;} .jcarousel-skin-news .jcarousel-prev-horizontal{position:absolute;top:74px;left:0;z-index:2;width:25px;height:20px;cursor:pointer;background:url(/img/icons/icons-gallery.png) 0 -45px;display:block;} .jcarousel-skin-news .jcarousel-prev-horizontal:hover{background-position:0 -85px;} .jcarousel-skin-news .jcarousel-prev-disabled-horizontal, .jcarousel-skin-news .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-news .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:0 -125px;} .container .thumb{float:left;border:1px solid #ccc;margin-right:20px;} /* News Landing: Linked Products */ .sub{margin:10px auto;position:relative;} .sub .desc1, .sub .desc2, .sub .desc-model{display:block;clear:both;} .sub .desc1{color:#000;font-size:13px;} .sub .desc2{color:#666;} .sub .desc-model{color:#931212;} .sub .info{width:580px;float:left;} .sub .modalStockBox{top:0;right:165px;margin:0;line-height:100%;} /* News Landing: Linked Products: Details */ .details{list-style:none;color:#666;margin-top:10px;display:block;} .details li{font-size:11px;float:left;margin-right:10px;} .details span{color:#000;} .details .freeshipping{padding-top:0;} .details .freeshipping span{margin-left:5px;} .details .brand{float:left;color:#666;} /* Product boxes on the index page are preceded by #i-. */ .productBox h2 .esnum{font-size:12px;font-weight:normal;} .rightBanner .productBox h2 .esnum{font-size:15px;font-weight:bold;} .productBox{margin:20px;} .productBox span.title{font-size:12px;font-weight:bold;float:left;width:210px;padding:5px 5px 0 0;} .productBox .bannerImg{height:18px;border:none;} .productBoxImg{margin:14px 34px;width:200px;height:150px;border:solid 1px #ccc;-webkit-box-shadow:2px 2px 5px #ccc;} .productsmallcnt{float:left;max-height:60px;overflow:hidden;} .rightSide{float:left;width:160px;text-align:right;} /* Free Shipping */ .freeshipping{display:block;padding:5px 0 0;} .freeshipping span{cursor:pointer;color:#931212;} .freeshipping span:hover{text-decoration:underline;} /* Ground Shipping Only */ .groundshipping{color:#0e466e;} .notifyme{text-decoration:underline;} .partnum{font-size:10px;color:#999999;margin:4px 0px 0px 0px;text-decoration:underline;} .productBox .addtocart{float:left;width:100px;margin:5px 0 0;} div.rightSide div.pricesave{text-align:right;margin:0;width:100px;} div.rightSide div.price{font-weight:bold;font-size:16px;font-style:italic;text-align:right;clear:both;} /*override*/ #subCatBox .categoryBestSeller span.price{float:none;text-align:center;} div.newItems div.newItBox div.pricecut, div.newItems div.newItBox div.pricesave{clear:both;float:right;text-align:right;margin:0;} .productbrandimg{margin:14px;height:11px;width:52px;float:left;} .newItems .lefty .productMain{height:191px;width:255px;} .newItems .stockstatus img{height:18px;width:18px;} .newItems .descLong{margin-top:5px;max-height:138px;overflow:hidden;width:260px;} .newItBox{margin:10px 0 0 270px;} .newItBox div{display:block;} .newItBox div.addtocart img{display:block;margin:0 0 0 20px;float:right;} .newItems{padding-bottom:10px;clear:both;} .newItems .lefty .productMain{border:solid 1px #ccc;margin:0 10px 5px 0;} .newItBox .subcatlinks{padding-bottom:10px;} .newItBox .descLong{padding-top:5px;} .newItBox .pricecut, .newItBox .price{float:right;clear:both;margin:0;padding:0;} .newItBox div.stockstatus{float:left;width:160px;border-bottom:1px #ccc solid;padding-bottom:8px;margin-bottom:8px;} .newItBox div.lefty div.stockstatus a{float:left;width:155px;} .newItBox div.lefty div.stockstatus a br{display:none;} .newItBox div.lefty .freeshipping{clear:both;float:left;} .newItBox div.lefty .notifyme{float:right;padding-top:5px;text-decoration:none;} .newItBox div.lefty .notifyme:hover{text-decoration:underline;} /*subCat Boxes*/ div#subCatBox div.newItems div.newItBox div.lefty{width:170px;} div#subCatBox div.newItems div.newItBox div.left div.stockstatus{float:left;} div#subCatBox div.newItems div.newItBox div.lefty img.alignMiddle{margin-top:2px;} div#subCatBox div.newItems div.newItBox div.lefty hr{margin:9px 0px;color:#CCC;} /* Breadcrumb **************************************************************************************************************/ #breadcrumb{height:40px;width:958px;margin:0 auto 10px;background:#e5e5e5;border:1px solid #ccc;overflow:hidden;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;} #breadcrumb a{font-weight:normal;} #breadcrumb .vehicleheader{font-size:12px;font-weight:bold;width:598px;min-height:35px;float:left;margin:12px 0 0 10px;letter-spacing:normal;} #breadcrumb .miscnavigation{float:right;margin:12px 10px 0 0;width:340px;text-align:right;} #breadcrumb span.active{font-weight:bolder;} #breadcrumb #cartCrumb{float:left;font-size:12px;margin:10px 10px;width:440px;min-height:20px;} /* My Account */ /* E-News Signup **************************************************************************************************************/ #signup {width:938px;padding:10px;border:1px solid #c3c3c3;background:#e7e7e7;margin:70px auto 10px;overflow:visible;position:relative;-moz-border-radius:5px;border-radius:5px;} #signup #signupbanner {position:absolute;left:24px;top:-60px;} #signup h1 {width:220px;text-transform:uppercase;font-size:1.583em;margin-top:9px;float:left;} #signup #welcometext {height:59px;border-bottom:1px solid #000;width:100%;padding-top:315px;margin-bottom:10px;} #signup p {float:left;width:540px;margin:24px 20px 0;} #signup #newspaper {float:right;} #signup #contentform{overflow:hidden;clear:left;} /* E-News Signup: Error Handling */ #signup #errorBox {width:894px;clear:both;margin:10px 0;border:2px solid #d00;padding:10px;} #signup #errorBox img {float:left;} #signup #errorBox p {color:#d00;float:left;margin:8px 0 0 10px;display:inline;} #signup #customerinfo li label.error {color:#000;} /* E-News Signup: Customer Info */ #signup #customerinfo{list-style:none;padding-top:10px;float:left;} #signup #customerinfo input{width:210px;margin-bottom:10px;} /* E-News Signup: Vehicle Info */ #signup .vehicle-info{width:220px;margin:10px 0 0 20px;padding-bottom:25px;float:left;position:relative;} #signup .vselectwrap{float:left;} #signup .vselectwrap select{width:220px;margin-bottom:10px;} /* E-News Signup: Buttons */ #btnSave{float:right;margin:45px 10px 0 0;} #signup #btnSave {height:25px;width:75px;position:absolute;bottom:0;right:0px;margin:0;text-indent:-999em;color:#fff;border:0;background:url('/img/button-subscribe.gif') 0 0 no-repeat;cursor:pointer;line-height:0;} #signup #btnSave:hover {background-position:0 -25px;} /**** included on the product pages ****/ .rightBanner{float:left;font-size:12px;width:221px;} .rightBanner img.rbImg{float:left;margin:0 10px 0 0px;} .rightBanner em{display:block;width:230px;padding:0 0 10px 0;} .rightBanner .productBox, #rightBanner .productBox{width:215px;margin:0 0 55px;padding-left:7px;background:#fff url(/img/pro-bkg.jpg) no-repeat top left;} .rightBanner .bannerImg, #rightBanner .bannerImg{height:18px;border:none;width:200px;} .rightBanner .rightSide, #rightBanner .rightSide{float:left;} .lowerDesc div.rightSide{width:100px;float:right;margin:5px 15px 0 0;} .lowerDesc div.rightSide .pricecut{float:right;margin:0px 0;display:block;} .lowerDesc div.leftSide{float:left;margin-top:15px;width:100px;} .rightBanner .productBoxImg, #rightBanner .productBoxImg{margin:10px 3px;width:200px;height:150px;} .rightBanner h2, #rightBanner h2, .rightBanner .lowerDesc, #rightBanner .lowerDesc{width:220px;} #rightBannerPa{width:225px;padding:0px 0 10px 0;} .lightDesc{font-size:11px;} a:link.subcatlinks, a:link.subcatlinks div.truncate_less{font-size:11px;} a.subcatlinks span:hover{text-decoration:underline;} div.rightBanner div.productBox div.lightDesc{width:220px;} /* quick nav */ .newitemshead, .subGroupHeading{clear:both;height:22px;background:url(/img/carbon-bkg.jpg) top left repeat-x #000000;font-size:14px;color:white;font-weight:bold;padding:6px 0px 0px 10px;border:1px solid #000;margin:0px 0px 6px 0px;} .subGroupContainer{float:left;margin:0 0 10px 0;border:none;} .subGroupHeading{background:url(/img/grayBar.jpg) no-repeat;;margin-bottom:0px;width:800px;border:none;} /*reset the background & border*/ .subGroupHeading a.rtnTop{float:right;font-size:12px;color:#fff;} #browse div.catsub{display:none;} #search div.catsub{float:left;font-size:12px;color:#aaa;} #search div.catsub a{font-size:14px;color:#fff;font-weight:bold;} #search div.catsub a:hover{color:#ccc;} .subGroupHeading div.grp{float:left;font-size:13px;color:#eee;font-weight:bolder;margin:1px 0 0 5px;} /* Browse: Subcategory **************************************************************************************************************/ .groupContainer .subGroupContainer{width:780px;background:url('/img/bg_subcategory.gif') 0 0 repeat-x;} .groupContainer .subGroupContainer div.subGroupHeading{width:768px;padding:5px;border:1px solid #505050;margin:0;background:#666;color:#fff;font-size:16px;border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;} .groupContainer .groupheader{padding:0 0 15px 0;} div.groupContainer div.subGroupContainer div.groupheader{width:750px;margin:10px 0px 5px 10px;} div#centerColFull div.groupheader{padding:0 0 10px 0;} div.groupContainer div.subGroupContainer div.parent{padding:5px 20px 5px 10px;float:left;} div.groupContainer div.subGroupContainer div.parent div.groupheader img{border:none;} div.groupContainer div.subGroupContainer div.groupheader img{border:none;padding:10px;} div.groupContainer div.subGroupContainer div.parent div.groupheader{width:760px;margin:0px 0px 0px 5px;} .groupContainer .subGroupContainer .subGroupHeading{width:748px;margin:10px auto;border:1px solid #8C0808;background:#fff;color:#931212;} .groupContainer .subGroupContainer .productListBox{width:748px;margin:5px auto;padding:5px;} div.groupheader td{padding:5px;} div.groupheader p a img, div.groupheader img{padding:10px;border:none;} div.groupheader p b a img{padding:0;margin:0;} div.groupheader img[src="/groupheaders/img/lightbulb_24x21-yellow.gif"]{padding:2px;} div.groupheader img[src="/groupheaders/img/Ruler-24x21.gif"]{padding:2px;} div.groupheader img[src="/groupheaders/img/listen-icon-28x25.gif"]{padding:2px;} .subList, .subListAlt{margin:2px 0px 0 10px;min-height:90px;float:left;background-color:#e8e8e8;border:1px solid #999;border-radius:5px;-moz-border-radius:5px;clear:both;} .subListAlt{background-color:#f8f8f8;} .subCatPageHeading{width:778px;height:24px;padding-top:5px;border:1px solid #931212;color:#fff;background: url('/img/bg_hole-gradient.jpg') #1A1A1A repeat-x 0 -137px;float:left;font-size:15px;} #search .subCatPageHeading{margin:0 0 10px 0;} h1.groupheadertitle{font-size:14px;font-weight:bold;padding:0px 10px;float:left;} h2.groupheadertitle{font-size:14px;font-weight:bold;padding:0px 5px 3px 10px;float:left;} div.groupheader h1.groupheadertitle, div.groupheader h2.groupheadertitle{float:none;} /* this is a reset, there shouldn't be any left.. but just incase. */ #groupheader{float:left;margin:0 0 -10px 0;} #search div.groupheader ul#groupCategories{display:none;} .groupContainer{border:none;float:left;margin-bottom:10px;} /* Browse: Subcategory: Category List */ #groupCategories{width:774px;padding:5px 0 5px 4px;margin-bottom:20px;border:solid 1px #ccc;float:left;} #groupCategories li{display:block;float:left;margin:0px;width:20%;} #groupCategories li:hover{border:none;} #groupCategories li.active a{color:#931212;} #groupCategories li a{color:#000;padding:0px;float:left;font-weight:bold;} #groupCategories li a:hover{color:#931212;} #groupCategories li a:active{color:#ccc;} /* Browse: Subcategory: Paging */ .pageInfo{float:right;list-style:none;margin:0 5px 0 0;} .pageInfo li{font-size:10px;display:inline;float:left;color:#aaa;border:solid 1px #ccc;background:#000 url(/img/shadow-blk-inv.jpg) bottom left repeat-x;padding:2px 3px;} .pageInfo li:hover{background:url('/img/shadow-blk.jpg') #000 0 0 repeat-x;border:solid 1px #931212;} .pageInfo li:active{background:#666;} /* Browse: Subcategory: Paging: Link Colors */ .pageInfo li a{color:#fff;padding:0 5px;} .pageInfo li a:hover,.pageInfo li a:active,.pageInfo li a:visited{color:#fff;} /* Browse: Subcategory: Paging: Active */ .pageInfo .active{background:url('/img/shadow.jpg') #fff 0 0 repeat-x;} .pageInfo .active a{color:#931212;font-weight:bold;} .pageInfo .active a:active:hover,.pageInfo li.active a:active,.pageInfo li.active a:visited{color:#931212;} /* Browse: Subcategory: Paging: Navigation */ .pageInfo .nextPage{margin-left:5px;} .pageInfo .prevPage{margin-right:5px;} .pageInfo .showAll{margin-left:10px;} /* Browse: Product **************************************************************************************************************/ #content-product{background:#eee;padding:10px;margin:10px auto;border:1px solid #ccc;width:938px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;} div.gallery{width:600px;height:450px;} #mycarousel li img.thumb{height:75px;width:100px;} .icon{width:10px;height:10px;margin-right:2px;} .module-heading{clear:both;padding:25px 0 0 0;overflow:hidden;} .module-heading span{font-size:14px;font-weight:bold;} .module-heading hr{margin:0 0 10px;color:#eee;} .producttitle{font-size:18px;margin:0;} .producttitle span{font-size:11px;color:#858585;} .productimage{border:solid #c4c4c4 2px;width:300px;height:225px;margin-bottom:8px;} /* Browse: Product: Media */ #content-product #product-media{width:600px;margin:0;position:relative;display:inline;float:left;} #content-product #product-media ul{background:#666;} #content-product #product-media ul li{margin:0 3px;display:none;} #placeholder{cursor:pointer;width:600px;height:450px;} .icon-magnifying{background:url(/img/icons/icons-gallery.png) 0 0;display:block;height:25px;width:25px;position:absolute;left:6px;top:420px;cursor:pointer;} /* Browse: Product: Details */ #content-product #product-details{width:328px;float:right;display:inline;} #content-product #product-details hr{border:none;background-color:#999;color:#999;height:1px;} #content-product #product-details .producttitle span, #content-product product-details .productdesc1{font-size:14px;color:#292929;} #content-product #product-details .productdesc1{margin-top:10px;} #content-product #product-details cite{text-align:left;font-size:9px;margin:2px 0 10px;display:block;} .productDesc{width:430px;float:left;overflow:hidden;margin:1px 0 0 1px;} .productLongDesc{font-size:10px;} /* Browse: Product: Details: Read More */ #content-product #product-details .shorten{max-height:200px;overflow:hidden;} #content-product #product-details .productlongdesc{overflow:hidden;} #content-product #product-details #readmore{width:100%;padding-top:30px;height:5px;position:relative;top:-25px;} #content-product #product-details #readmore .hide{display:none;} #content-product #product-details #readmore #more{color:green;cursor:pointer;} #content-product #product-details #readmore #less{color:red;cursor:pointer;} #content-product #product-details .bggrad{background:url('/img/bg_readmore.png') top center repeat-x;} /* Browse: Product: Details: Price Box */ #product-details #pricebox{width:306px;padding:10px;border:1px solid #fff;background:#f7f7f7;margin:0;-moz-border-radius:5px;border-radius:5px;overflow:hidden;} #product-details #pricebox .pricecutproduct{margin:0;} #product-details #pricebox .addtocart{float:right;clear:both;} #product-details #pricebox .lefty{width:150px;display:inline;} #product-details #pricebox .righty{display:inline;} #product-details #pricebox .righty span{float:right;clear:both;} #product-details #pricebox ul{list-style:none;} #product-details #pricebox ul li{padding:2px;overflow:hidden;} #product-details #pricebox ul li strong{float:left;} #product-details #pricebox ul li span{float:right;} #product-details #pricebox ul li a img{margin-top:3px;} #pricebox a.icon-track, #pricebox a.icon-email, #pricebox a.icon-favor, #pricebox a.icon-fbook, #pricebox a.icon-twitr, #pricebox a.icon-ytube, #pricebox a.icon-vimeo{margin-bottom:20px;} /* Browse: Product: Details: Application Tables */ .applicationguide{margin-bottom:4px;clear:both;border:1px solid #000;font-size:11px;} .icon_ecs{width:61px;height:16px;float:left;margin:0 0 0 3px;display:block;background:url(/img/icons/icon_app-kitt.png) 0 0 no-repeat;position:absolute;} .icon_app, .icon_kit{position:absolute;top:2px;right:2px;width:16px;height:16px;display:block;background:url(/img/icons/icon_app-kitt.png) -61px 0 no-repeat;} .tabs .app, .tabs .kit{display:block;height:16px;font-size:11px;font-weight:bold;color:#fff;position:relative;margin-bottom:0;border-radius:5px;-moz-border-radius:5px;} .tabs .app{float:left;width:202px;background:#000;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2A2B2C), to(#000000));background:-moz-linear-gradient(19% 75% 90deg,#000000,#2A2B2C);} .tabs .app a, .tabs .kit a{color:#fff;float:left;display:block;margin:2px 0 0 5px;position:absolute;top:0;} .tabs .app a{left:65px;} .tabs .kit a{left:2px;} #app_toggle:hover,#kit_toggle:hover{cursor:pointer;} #app_toggle, #kit_toggle{z-index:2;} .tab1, .tab2{clear:both;position:relative;top:-5px;} .tab1-fill{width:206px;height:5px;background:#000;float:left;} .tab2-fill{width:94px;height:5px;margin-left:6px;background-color:#565656;float:left;} .appTable, .kitTable{width:100%;} .appTable td{border-bottom:1px solid #ccc;padding-left:3px;} .appTable th, .appTable td{width:25%;} th.app_th{background-color:#000;color:#eee;font-weight:normal;text-align:left;padding-left:3px;} /* Browse: Product: Details: Kit Contents */ #kitcontents{clear:both;border:1px solid #565656;} ul.tabs li.kit{float:right;width:90px;background:#565656;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#7b7b7b),to(#565656));background:-moz-linear-gradient(19% 75% 90deg,#565656,#7b7b7b);} .kitTable th.kit_th{background-color:#565656;color:#eee;font-size:11px;font-weight:normal;text-align:left;} .kitTable td{background-color:#eee;border-bottom:1px solid #ccc;} .kitTable th, .kitTable td{padding-left:3px;} .kitTable th.brand, .kitTable td.brand{width:20%;} .kitTable th.qty, .kitTable td.qty{width:10%;text-align:center;position:static;} /* Browse: Product: Related Items */ #relateditems{clear:both;width:980px;margin:0 auto;} #relateditems .related{background:url(/img/redarrow.gif) 0 50% no-repeat;padding-left:20px;margin-left:10px;font-size:14px;font-weight:bold;} #relateditems .productbox{width:470px;float:left;margin:10px;display:inline;} #relateditems .productbox .desc{width:248px;float:left;} #relateditems .productbox span.title{font-size:14px;font-weight:bold;padding-right:10px;} #relateditems .productbox p{font-size:11px;padding:0 0 10px 0;line-height:150%;display:block;} #relateditems .productbox img.thumb{float:left;margin-right:10px;} #relateditems .productbox .left{float:left;width:130px;text-align:left;margin-top:10px;display:inline;} #relateditems .productbox .right{float:right;text-align:right;width:100px;display:inline;} #relateditems .productbox .pricesave{margin:0;clear:both;float:right;display:inline-table;} #relateditems .productbox .pricesave a{color:#f00;} #relateditems .productbox .pricecut{font-weight:normal;clear:both;} /* Browse: Product: Price Alert and Notify */ #frmNotify{overflow:hidden;margin-bottom:40px;} #frmNotify .module-heading{padding:0;} #frmNotify .getprice label{font-weight:bold;float:left;margin-top:2px;} #frmNotify .getprice input{float:right;} #frmNotify button{float:right;margin-top:10px} /* Browse: Product: Video Section */ .video-overlay{width:103px;height:75px;float:left;position:relative;} .video-overlay img{width:101px;position:absolute;top:0;left:0;border:1px solid #666;z-index:0;} .video-overlay .overlay{z-index:1;cursor:pointer;} .video-overlay .overlay:hover{filter:alpha(opacity=30);opacity:.30;} .video-description{width:180px;font-size:11px;float:right;padding:0;} .video-description h1{font-weight:bolder;font-size:12px;color:#931211;} .video-description a{font-weight:bold;color:#931211;cursor:pointer;} .video-description p{margin:8px 0;} .video-description span{font-weight:bold;font-size:11px;} .video-description span a{font-size:11px;} a.video-control-hd, a.video-control-sd{text-decoration:none;text-align:center;width:51px;height:13px;line-height:100%;cursor:pointer;background:url(/img/bg_video-buttons.jpg) repeat-x;position:absolute;color:#fff;margin:0;padding:1px 0;} a.video-control-hd{top:59px;left:0;background-position:0 -15px;} a.video-control-sd{top:59px;left:52px;} a.opac-50:hover{filter:alpha(opacity=50);opacity:.5;} a.opac-75:hover{filter:alpha(opacity=75);opacity:.75;} a.opac-90:hover{filter:alpha(opacity=90);opacity:.9;} /* Browse: Product: Video Icons */ .icon-video-sm{position:absolute;top:63px;left:57px;z-index:2;} .icon-video-lg{position:absolute;top:150px;left:145px;z-index:2;} .categoryBestSeller .icon-video-sm{left:60px;} /* Browse: Product: Track and Share */ a.icon-track, a.icon-email, a.icon-favor, a.icon-fbook, a.icon-twitr, a.icon-ytube, a.icon-vimeo{display:block;height:24px;width:40px;background:url(/img/icons/icons-trackandshare-0211.png) no-repeat;float:left;position:relative;} a.icon-track:hover{background-position:-40px 0;} a.icon-email{background-position:0 -24px;left:-8px;} a.icon-email:hover{background-position:-40px -24px;} a.icon-favor{background-position:0 -48px;left:-16px;} a.icon-favor:hover{background-position:-40px -48px;} a.icon-fbook{background-position:0 -72px;left:-24px;} a.icon-fbook:hover{background-position:-40px -72px;} a.icon-twitr{background-position:0 -96px;left:-32px;} a.icon-twitr:hover{background-position:-40px -96px;} a.icon-ytube{background-position:0 -120px;left:-40px;} a.icon-ytube:hover{background-position:-40px -120px;} a.icon-vimeo{background-position:0 -144px;left:-48px;} a.icon-vimeo:hover{background-position:-40px -144px;} a.icon-track span, a.icon-email span, a.icon-favor span, a.icon-fbook span, a.icon-twitr span, a.icon-ytube span, a.icon-vimeo span{display:none;} /* Search **************************************************************************************************************/ .search #categories h2 {font-size:1.250em;} .search p.categorylist{margin:0;font-size:0.917em;} /* Search: Error */ #error.search #errorBox{width:750px;margin-left:20px;} #error.search #centerCol{width:780px;margin:0 0 0 20px;} #error.search #centerCol h1{width:758px;height:29px;padding:0 10px;color:#fff;font-size:1.833em;border:1px solid #EA030B;float:left;background:url('/img/bg_hole-gradient.jpg') #1a1a1a repeat-x 0 -137px;} #srchWrapper{width:780px;padding-top:10px;background:#fff url('/img/srchBox-topper0.jpg') 0 0 repeat-x;clear:both;} #srchWrapper h3{font-size:16px;color:#000;font-weight:bold;} #srchWrapper h4{font-size:14px;color:#373737;font-weight:bold;} #srchWrapper #frmSearchErr{text-align:center;} #srchWrpFiller{width:738px;padding:10px;border:solid 1px #ccc;margin:0 auto;background:#fff;clear:both;} #srchWrpFiller div{margin:0 0 10px 0;} #srchWrpFiller div p{padding:4px 0;} #srchWrpFiller input[type="text"]{height:22px;font-size:17px;font-weight:bold;width:300px;} #srchWrpFiller div.bulletdivider{width:700px;margin:0 auto;} #srchWrpFiller div span{border:solid 1px #000;padding:2px 7px;background:url(/img/shadow.jpg) -2px -2px repeat-x #fff;} #srchWrpFiller p.em{font-weight:bold;;margin:15px 0 0;} #srchWrpFiller .bmwPartsImages{float:left;margin:10px 0 10px 35px;} #srchWrpFiller p.em.exp, #bmwPartSearch p.em.exp{display:inline;margin:0 30px 0 30px;float:left;} #srchWrpFiller p.expa, #bmwPartSearch p.em.expa{margin:0 30px 0 575px;} #srchWrpFiller #a_x, #bmwPartSearch #a_x{padding-bottom:10px;} /* Search: Error: No Categoriess */ #error.nocats #errorBox{width:910px;} #error.nocats #centerCol{width:940px;} #error.nocats #centerCol h1{width:918px;} #error.nocats #srchWrapper{width:940px;} #error.nocats #srchWrpFiller{width:898px;} /* Add to Cart Button Sprite **************************************************************************************************************/ a.btn-addtocart{float:right;clear:both;display:block;height:20px;width:66px;background:url(/img/btn-addtocart.gif) no-repeat;text-indent:-999em;} a.btn-addtocart:hover{background-position:0 -20px;} a.btn-addtocart span{display:none;} /* Stock Status **************************************************************************************************************/ .stockstatus{font-size:10px;color:green;margin:0 0 4px;padding-top:4px;display:block;} .lowerDesc .stockstatus img, .prodQty .stockstatus img{margin:0 0 -4px 0;} #productContainer div.lefty{width:105px;} #productContainer div.lefty .stockstatus{font-size:12px;} div.stockstatus{clear:both;} div.stockstatus a{color:#0a0;font-size:10px;} .notifymeproduct{font-size:10px;} #relateditem .notifymeproduct{padding-top:2px;} .status-0, .status-1, .status-2, .status-3, .status-4, .status-5, .status-6, .status-notify{display:block;height:18px;width:18px;background:url(/img/icons/icons-status.gif) no-repeat;float:left;margin-right:5px;} .status-1{background-position:-108px 0;} .status-notify{background-position:-18px 0;} .status-2{background-position:-36px 0;} .status-3{background-position:-54px 0;} .status-4{background-position:-72px 0;} .status-5, .status-6{background-position:-90px 0;} span.stockstatus em span{margin-right:3px;} span.stockstatus em a{font-size:9px;color:#0a0;} /* Checkout **************************************************************************************************************/ #cartSteps{/*float:left;*/margin:0 auto;width:885px;margin:0 0 0 20px;} #cartSteps div{float:left;text-align:center;color:#666;font-size:11px;} #cartSteps a{color:#666;font-size:11px;} .tlfiller{background:url(/img/tlFiller.gif) 0px 20px repeat-x;height:50px;width:7%;} #tlLeftEnd{background:url(/img/tlLeftEnd.gif) right 20px no-repeat;height:50px;width:23px;} #tlRightEnd{background:url(/img/tlRightEnd.gif) 0px 20px no-repeat;height:50px;width:23px;} #tl1,#tl2,#tl3,#tl4,#tl5{background:url(/img/tlDot-unfilled.gif) 50% 20px repeat-x;height:50px;} .infoBox{-webkit-box-shadow:2px 2px 5px #ccc;-moz-box-shadow:2px 2px 5px #ccc;box-shadow:2px 2px 5px #ccc;} #tl1{width:3%;} #tl2{width:15%;} #tl3{width:9%;} #tl4{width:12%;} #tl5{width:12%;} #cartSteps .tlFilled{background:url(/img/tlDot-filled.gif) 50% 20px repeat-x;font-weight:bold;} #cartSteps div.tlactive{background:url(/img/tlRed-active.gif) 50% 20px repeat-x;color:#931212;font-weight:bold;} #cartSteps.full{width:960px;margin:0 0 20px 20px;} #cartBox{float:left;margin:15px 0 0 20px;width:700px;background:url('/img/bg_tripple-gradient.gif') 0 0 repeat-x;overflow:hidden;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} #cartBanner td{padding:3px 5px 12px;border:none;} #cartThumb, .prodThumb, #cartDesc, .prodDesc, #cartQty, .prodQty, #cartEach, .prodEach, #cartTotal, .prodTotal, #cartSubTotal, #cartSubTotalPrice, #cartRemove, .prodRemove{padding:5px 5px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;} span.productcartdesc{color:#777;} span.productcartdesc a:hover{color:#931212;} .prodDesc, .prodQty, .prodEach, .prodTotal, .prodRemove{padding:0;} .prodThumb{width:75px;float:left;padding:3px;} #cartThumb{width:75px;} #cartDesc, .prodDesc{width:430px;border-left:1px solid #ccc;} .productThumb{border:1px solid #ccc;margin:3px;padding:3px;background:#fff;float:left;} .cartTotal{margin-top:12px;} #diOhioTax{position:relative;left:43px;} .redFiller{height:15px;background:#fff url(/img/red-bar.jpg) repeat-x;margin-top:5px;} td div.redFiller{margin-top:0;width:100%;} /* Checkout: Buttons */ .btn-next{width:88px;height:25px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 -206px no-repeat;line-height:0;} .btn-next:hover{background-position:0 -231px;} .btn-continue{width:132px;height:26px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 0 no-repeat;line-height:0;} .btn-continue:hover{background-position:0 -26px;} .btn-update{width:88px;height:26px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 -52px no-repeat;line-height:0;} .btn-update:hover{background-position:0 -78px;} .btn-proceed_checkout{width:141px;height:25px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 -156px no-repeat;line-height:0;} .btn-proceed_checkout:hover{background-position:0 -181px;} .btn-add{width:43px;height:26px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 -104px no-repeat;line-height:0;} .btn-add:hover{background-position:0 -130px;} .btn-recover_password{width:129px;height:26px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 -256px no-repeat;line-height:0;} .btn-recover_password:hover{background-position:0 -282px;} .btn-submit_order{width:102px;height:24px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') 0 -308px no-repeat;line-height:0;} .btn-submit_order:hover{background-position:0 -332px;} .btn-edit{width:45px;height:26px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') -43px -104px no-repeat;line-height:0;} .btn-edit:hover{background-position:-43px -130px;} .btn-more_info{width:51px;height:15px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') -88px -52px no-repeat;line-height:0;} .btn-more_info:hover{background-position:-88px -67px;} .btn-hide_info{width:51px;height:15px;display:block;cursor:pointer;background:url('/img/buttons-checkout.gif') -88px -82px no-repeat;line-height:0;} .btn-hide_info:hover{background-position:-88px -97px;} /* Checkout: Cart **************************************************************************************************************/ .cart #content .addedProductRow{background:url(/img/shadow.jpg) repeat-x;} .cart #content td#cartTotal{font-size:10px;} .cart #content td#cartEach{font-size:10px;} .cart #content td#cartQty{font-size:10px;text-align:center;} .cart #content td#cartRemove{font-size:10px;width:30px;} .cart #content td#cartDesc{font-size:10px;} .cart #content td.prodItemTotals{padding:0 7px 0 0;text-align:right;border:solid 1px #ccc;border-left:none;padding-top:5px;vertical-align:top;} .cart #content td.quantity{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding-top:5px;vertical-align:top;} .cart #content td.quantity select{width:95px;text-align:left;margin:6px 0;} .cart #content span.total{margin-right:2px;} .cart #content td.quantity input{width:80px;text-align:right;} .cart #content td.prodQty{padding:5px 5px 0 0;width:auto;} .cart #content img.productThumb{float:left;} .cart #content td.prodRemove{width:30px;border-left:1px solid #ccc;vertical-align:middle;} .cart #content td.prodDesc{border-left:none;padding:4px;vertical-align:top;} .cart #shpweight{float:left;} .price-col{float:left;width:105px;margin:5px 0 0;} .price-col .pricesave, .price-col .pricecut, .price-col .price{clear:both;float:right;display:block;text-align:right;margin:0;height:auto;} .price-col .btn-addtocart{clear:both;float:right;} .price-col div.stockstatus{padding:0;} em.rbImg{background:url(/img/redarrow.gif) 0 2px no-repeat;padding-left:20px;display:inline;margin-bottom:5px;} #cartTopper{color:#fff;} #cartTopper a{color:#fff;} #cartTopper p{font-size:15px;padding:5px 0 10px;color:#fff;} #cartTopper #linktocart{width:400px;text-align:right;float:right;margin-top:8px;} .cartExtraInfo{width:698px;border:1px solid #666;margin:15px 0 0 20px;float:left;clear:left;background:url('/img/btnBoxMiddle.jpg') #fff top right repeat-y;} .cartExtraInfo h3{font-size:22px;} .cartExtraInfo img{float:left;max-width:320px;} .cartExtraInfo p, .cartExtraInfo img, .cartExtraInfo h3{padding:3px 5px;} .container_info{padding-top:5px;display:block;overflow:hidden;font-size:11px;color:#000;} .container_info .brandimage{float:left;} .container_info .es_number{float:left;} .container_info .part_number{float:left;} .container_info .freeshipping{float:left;margin-left:5px;padding:0;} .container_info .groundshipping{float:left;margin-left:5px;padding:0;} .container_info .stock_number{float:left;} .container_info .label{padding-left:5px;color:#999;} .container_info .moreInfoBtn{float:left;margin-right:5px;} td.prodDesc{border-bottom:solid 1px #ccc;border-top:solid 1px #ccc;width:440px;} .prodQty{display:table-cell;} .prodQty input{width:20px;height:17px;text-align:center;display:block;margin:0 auto;border:solid 1px #7f9db9;padding:3px 0 0 0;background:#fff;} #cartEach, .prodEach{width:49px;text-align:center;padding:0 10px;} #cartTotal, .prodTotal{width:49px;text-align:right;border-right:1px solid #ccc;} .prodTotal span{padding-right:3px;} #cartRemove, .prodRemove{text-align:center;} #cartTable{width:680px;margin:0 auto;} #cartTotal, #cartEach{text-align:center;} td#cartSubTotalPrice{border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;} #shoppingCartTotals td{text-align:right;padding:5px;border:solid 1px #ccc;background:#ededed;height:25px;} #shippingTotals p{margin-left:450px;} div#wait{width:125px;border:none;text-align:center;margin:0 0 0 300px;} div#wait img{border:none;} div#wait label{margin:10px auto 0 8px;padding:0;} .filler{height:4px;} /* Checkout: Cart: Estimate Shipping */ #cartShippingInfo #selShipInfo{margin:5px 10px 30px 0;float:right;list-style:none;position:relative;} #cartShippingInfo #selShipInfo li{text-align:right;clear:both;margin-bottom:10px;} #cartShippingInfo #selShipInfo label{font-weight:bold;padding-right:20px;} #cartShippingInfo #selShipInfo input{width:165px;} #cartShippingInfo #si, #ti{padding:7px;color:#fff;font-weight:bold;font-size:13px;} #cartShippingInfo .cartTotals{border:none;width:628px;} #cartShippingInfo input#save_alt_ship_info{position:relative;left:500px;} /* Checkout: Cart: Waiting */ #shippingStatus{width:50px;position:absolute;top:0;left:255px;} #shippingStatusIcon{float:left;margin:2px 15px;} #shippingStatus p{font-size:9px;text-align:center;} /* Checkout: Cart: Totals */ .cartTotals{width:700px;margin-top:10px;min-height:55px;clear:both;position:relative;} .cartTotals label{text-align:right;color:#931212;} .cartTotals #grandTotal{font-size:18px;} #totalsTop{width:540px;height:5px;margin:0;background:url('/img/btnBoxTop.jpg') #fff top right no-repeat;float:right;clear:right;overflow:hidden;} #nTotals{width:535px;margin:0;padding-right:5px;position:relative;background:url('/img/btnBoxMiddle.jpg') top right repeat-y;float:right;clear:right;} #nTotals div{width:370px;padding-right:5px;text-align:right;float:right;clear:both;} #nTotals span, #nTotals em{width:100px;display:inline-block;} #nTotals #totalColor{padding-top:5px;margin-top:5px;border-top:solid 1px #ccc;} #nTotals #totalColor label{margin-top:5px;} #nTotals #ohioTaxExempt{position:absolute;margin:29px 0 0 -63px;} #nTotals #taxexempt{margin:0 5px;} #nTotals .btn-next{border:none;margin-top:15px;clear:both;float:right;background-color:transparent;text-indent:-999em;line-height:0;} #totalsBottom{width:540px;height:7px;background:#fff url(/img/btnBoxBottom.jpg) top right no-repeat;float:right;clear:right;} /* Checkout: Cart: Buttons */ .cartTotals-btns{position:absolute;left:0;top:0;} .cartTotals-btns .btn-continue{float:left;} .cartTotals-btns .btn-update{border:none;background-color:transparent;float:left;margin-left:10px;text-indent:-999em;} /* Checkout: Sales Cart **************************************************************************************************************/ .moreInfoBtn .btn-more_info, .moreInfoBtn .btn-hide_info, .moreInfoBtn .btnInfoBoxAni{display:inline;border:none;margin:0 7px;} #addedProductContainer {display:table;width:680px;margin:0 0 10px;} #addedProductContainer #headersForRows {display:table-header-group;} #addedProductContainer #headersForRows .cell {font-size:10px;padding:5px 0 0;} #addedProductContainer .cellRow {display:table-row;} #addedProductContainer .cell {display:table-cell;padding:4px;border-bottom:solid 1px #ccc;background:transparent;} #addedProductContainer .stockStatus {width:65px;font-size:10px;} #addedProductContainer .desc {font-size:11px;} #addedProductContainer .desc span {font-size:11px;color:#931212;} #addedProductContainer .onHand {width:40px;} #addedProductContainer .onOrder {width:45px;} #addedProductContainer .available {width:40px;} #addedProductContainer .committed {width:40px;} #addedProductContainer .overage {color:#931212;font-weight:bold;} #addedProductContainer .required {width:40px;} /* Checkout: Delivery Options **************************************************************************************************************/ .delivery-options #cartBox{background:url('/img/shipOptions-topper.jpg') 0 0 repeat-x;} .delivery-options #radioShipping{width:678px;border:1px solid #aaa;clear:both;float:left;margin:0 0 10px;background:#fff;} .delivery-options .option{width:668px;margin:5px auto;border:solid 1px #aaa;overflow:hidden;position:relative;} .delivery-options .option p{width:570px;float:left;margin:5px 0;padding:5px;} .delivery-options .option input{position:absolute;top:10px;right:65px;} .delivery-options .option .cost{position:absolute;top:10px;right:20px;} .delivery-options .redFiller{width:680px;padding:0;margin:10px 0 0;clear:both;} .delivery-options #shpOpts{padding:7px 0 0 10px;} .delivery-options #cartShippingInfo #selShipInfo{margin-right:10px;} .delivery-options #shippingOverRide{margin-bottom:10px;text-align:right;} .delivery-options #shippingOverRide div{width:658px;margin:5px auto;padding:5px;background:#ededed;border:1px solid #aaa;} .delivery-options #shippingOverRide #shippingOverRideAmt{width:40px;margin:4px 5px;} #lblDelOpts{display:block;width:150px;} #lblDelOpts, #cartTopper p{color:#fff;font-size:15px;font-weight:bold;float:left;} div#tabs label, div#tabs label span{font-weight:bold;} #shpOpts #cartShippingInfo{width:690px;float:left;margin:15px 0 0;} #shpOpts #cartShippingInfo #wait label{float:none;} /* this just needed to be reset. */ #shpOpts #cartShippingInfo div#tabs{float:left;width:100%;} #shpOpts label{margin:0;} #shpOpts label.shpTab{border:solid 1px #999;border-bottom:none;padding:2px 10px;background:#ccc;color:rgba(66, 66, 66, 0.5);margin-top:6px;border-top-right-radius:5px;-moz-border-radius-topright:5px;} #shpOpts label.shpTab.active, #shpOpts label.shpTab.active a, #shpOpts label.shpTab.active span{background-color:#ededed;font-size:15px;margin-top:3px;color:#931212;border-color:#999;font-weight:bold;} #shpOpts label.shpTab a{color:rgba(66, 66, 66, 0.5);font-weight:bold;} #shpOpts label.shpTab.incative, #shpOpts label.shpTab.incative a, #shpOpts label.shpTab.incative span{display:none;} #shpOpts div#ohioShipping{margin:0;} #shpOpts div#wrapperCounty{float:right;border:none;margin:0;} /* Checkout: Delivery Options: Buttons */ .delivery-options .cartTotals{width:690px;} #nTotals .btn-proceed_checkout{margin-top:15px;float:right;clear:both;border:none;background-color:transparent;text-indent:-999em;line-height:0;} #nTotals #btnPayPal{position:absolute;right:154px;bottom:-4px;} /* Checkout: Delivery Options: Sidebar */ #extendedCart{width:200px;padding:15px 10px 0px 10px;border:solid 1px #aaa;margin:15px 0 0 15px;float:left;background:#ececec url(/img/editCart-gradBkg.jpg) repeat-x;border-radius:5px;-moz-border-radius:5px;} #extendedCart span.lefty{font-size:15.5px;font-weight:bold;color:#666;} #extendedCart div.boxen{margin:2px 0;padding:5px;border:solid 1px #666;float:left;width:185px;-webkit-box-shadow:3px 3px 5px #aaa;} #extendedCart .qty{display:inline;float:left;margin:4px 4px 0 0;font-size:10px;} #extendedCart .stock{display:inline;float:left;} #extendedCart .stock .stockstatus{display:inline-block;} #extendedCart .boxen span.title{font-size:12px;color:#000;} #extendedCart .boxen span.cleanDesc{font-size:11px;color:#666;} #extendedCart .boxen span.esnum{font-size:11px;color:#333;} #extendedCart .boxen span.stockstatus a{font-size:10px;color:#0a0;} #extendedCart .boxen div div{font-size:14px;} #extendedCart .boxen div div[id]{font-size:11px;color:#000;} /* Checkout: Sales Delivery Options **************************************************************************************************************/ .delivery-options #shippingOverRide{width:678px;clear:both;float:left;border:1px solid #aaa;} /* Checkout: Login **************************************************************************************************************/ #step0form{float:left;width:990px;margin:0 0 0 15px;} #step0form div#wrapper, #step0form div#wrapper2, #step0form div#wrapper3, #step0form div#wrapper4{background:url(/img/step2GradBkg0.jpg) left 29px repeat-x;padding-top:5px;width:470px;float:left;} #step0form div#wrapper label, #step0form div#wrapper2 label, #step0form div#wrapper3 label, #step0form div#wrapper4 label{color:#fff;float:left;width:460px;height:22px;background:url(/img/greyGrad-bkg0.jpg) top left repeat-x #000000;font-size:14px;font-weight:bold;padding:5px 0px 0px 10px;margin:0px 0px 6px 0px;border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;} #step0form div#wrapper div, #step0form div#wrapper2 div, #step0form div#wrapper3 div, #step0form div#wrapper4 div{border:solid 1px #ccc;width:410px;margin:0 auto;padding:20px;background:#eee;} #showRecoverPasswordLink,#returnCustLoginLink,#returnCustLogin,#showRecoverPassword{text-align:right;display:block;cursor:pointer;} #step0form div#wrapper2 div #recoverPasswordEmail{margin-bottom:15px;} #showRecoverPasswordLink:hover,#returnCustLoginLink:hover,#returnCustLogin:hover{cursor:pointer;text-decoration:underline;} #step0form div#wrapper2{float:left;margin:0 0 0 10px;} #step0form div#wrapper .container, #step0form div#wrapper2 .container{background:#fff;clear:both;-webkit-box-shadow:2px 2px 5px #ccc;} #step0form div#wrapper2 .container label{height:auto;background:none;color:black;margin:10px 0 0 0;padding:0 0 0 0;width:260px;border:none;} #step0form div#wrapper2 .container input{width:260px;color:black;} #step0form div#wrapper2 .container ol{margin-left:20px;} #step0form div#wrapper2 .container ol span{font-weight:bold;} #step0form div#wrapper div#verisign{padding:0;margin:0 0 0 12px;background:none;border:none;} span#loginResponse, span#loginError{color:#931212;border:solid 5px #d82e2e;width:365px;float:left;clear:both;padding:15px;margin-bottom:10px;-webkit-box-shadow:2px 2px 5px #999;background:url(/img/xxx.gif);} span#loginResponse{color:#000;border:solid 5px #000;} #step0form div#wrapper3, #step0form div#wrapper4{width:950px;background:#fff url(/img/step2GradBkgLong.jpg) no-repeat left 29px;} #step0form div#wrapper3 div.container, #step0form div#wrapper4 div.container{width:890px;background:#fff;clear:both;-webkit-box-shadow:2px 2px 5px #999;} #step0form div#wrapper3 div.container label{background:none;color:#000;width:120px;padding:0;} #step0form div#wrapper3 label, #step0form div#wrapper4 label{width:940px;} #step0form div#wrapper3 div#outputTable, #step0form div#wrapper4 div#tblCustomer{display:table;margin:10px 0 0 0;padding:3px;width:890px;} #step0form div#wrapper3 div#outputTable div.tblRows, #step0form div#wrapper4 div#tblCustomer div.tblRows{display:table-row;} #step0form div#wrapper3 div#outputTable div.tblRows div.tblHeader, #step0form div#wrapper4 div#tblCustomer div.tblRows div.tblHeader{border:solid 1px #666;padding:2px;display:table-cell;background:#aaa;} #step0form div#wrapper3 div#outputTable div.tblRows div.tblCell, #step0form div#wrapper4 div#tblCustomer div.tblRows div.tblCell{display:table-cell;padding:1px 3px;border:solid 1px #666;background:#fff;} #step0form div#wrapper4 p{font-weight:bold;} #step0form .btn-recover_password{border:none;background-color:transparent;text-indent:-999em;margin-top:15px;} /* Checkout: Sales Login **************************************************************************************************************/ .checkout #tblCustomer{border:1px solid #ccc;} .checkout #tblCustomer td{padding:2px 5px;} .checkout #tblCustomer .tblRows{background:#ccc;font-weight:bold;} .salesLogin{margin:15px 0 0;} .salesLogin span{color:#fff;font-size:12px;font-weight:bold;float:left;text-align:right;width:154px;margin:3px 0 0 0px;} .salesLogin select{float:right;margin:0 10px 0 0;width:175px;} .salesLogin form label{color:#931212;float:left;margin:8px 0 0 1px;text-align:right;width:154px;} .salesLogin form input{float:left;width:75px;margin:6px 0px 0 5px;} .salesLogin form input[type='submit']{float:left;width:40px;margin:4px 0 0 5px;background:#aaa url(/img/shadow-btm.jpg) top left repeat-x;border-radius:5px;-moz-border-radius:5px;} .salesLogin form input[type='submit']:hover{background:#aaa url(/img/shadow.jpg) bottom left repeat-x;} .salesLogin form input[type='submit']:active{background:#000;color:#fff;border:solid 1px #fff;} #salesLogin #wrapper3{margin-top:10px;} /* Checkout: Bill Ship Info **************************************************************************************************************/ #step1form{float:left;width:1000px;margin:0 0 0 15px;} #step1form div#wrapper, #step1form div#wrapper2{background:url(/img/step2GradBkg0.jpg) left 29px repeat-x;padding-top:5px;width:470px;float:left;} #step1form div#wrapper label, #step1form div#wrapper2 label{color:#fff;margin-bottom:10px;float:left;width:460px;height:22px;background:url(/img/greyGrad-bkg0.jpg) 0 0 repeat-x #000;font-size:14px;font-weight:bold;padding:5px 0 0 10px;border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;} #step1form div#wrapper div, #step1form div#wrapper2 div{border:solid 1px #ccc;width:410px;margin:0 auto;clear:both;padding:20px;background:#eee;} #step1form div#wrapper label#lblWrapper3{margin:20px 0 0;width:960px;height:22px;background:url(/img/greyGrad-bkg0.jpg) 0 0 repeat-x #000;} #step1form div#wrapper div#wrapper3{margin:0 auto;padding:10px 0 0;width:970px;border:none;background:url(/img/step2GradBkg01.jpg) 0 0 repeat-x;clear:both;z-index: 1;min-width: 970px;max-width: 970px;} #step1form div#wrapper div#wrapper3 label{background:#000 url(/img/carbon-bkg.jpg) repeat-x;color:#fff;float:left;width:950px;height:22px;font-size:14px;color:white;font-weight:bold;border:1px solid black;} #step1form div#wrapper div#wrapper3 div#payInfo{width:930px;margin:0 auto;-webkit-box-shadow:2px 2px 5px #ccc;height: 250px; } #step1form div#wrapper div#wrapper3 div#payInfo label#lblCcnumber, #step1form div#wrapper div#wrapper3 div#payInfo label#lblExpdate{width:190px;font-size:12px;color:#603939;} #step1form div#wrapper div#wrapper3 div#payInfo label{background:none;color:#603939;padding:10px 0px 0 0;margin:0;border:none;width:330px;font-weight:normal;height:18px;font-size:12px;} #step1form div#wrapper div#wrapper3 div#payInfo label.error, #step1form div#wrapper div#wrapper3 div#payInfo label#lblCcnumber.error, #step1form div#wrapper div#wrapper3 div#payInfo label#lblExpdate.error{color:#f00;font-weight:bold;} /* Payment Information > 3 Columns v1*/ /*#step1form div#wrapper div#wrapper3 {margin:0 auto;clear:both;height: 500px;} #step1form div#wrapper div#wrapper3 #credit-card {position: absolute;} #step1form div#wrapper div#wrapper3 #ecs-rewards {position: relative;clear: both;} #step1form div#wrapper div#wrapper3 #gift-card {position: absolute;/*left: 1000px;top: 199.5%;*!/}*/ /* Cross OS / Cross Browser Trial */ /* WINDOWS */ .win.ie #step1form div#wrapper div#wrapper3 #credit-card{} .win.ie #step1form div#wrapper div#wrapper3 #ecs-rewards{} .win.ie #step1form div#wrapper div#wrapper3 #gift-card{margin-top: -4px;} .win.gecko #step1form div#wrapper div#wrapper3 #credit-card{} .win.gecko #step1form div#wrapper div#wrapper3 #ecs-rewards{} .win.gecko #step1form div#wrapper div#wrapper3 #gift-card{margin-top: -2px;} .win.chrome #step1form div#wrapper div#wrapper3 #credit-card{} .win.chrome #step1form div#wrapper div#wrapper3 #ecs-rewards{margin-top: 1px;} .win.chrome #step1form div#wrapper div#wrapper3 #gift-card{margin-top: -1px;} .win.ie #step1form div#wrapper div#wrapper3 #credit-card{} .win.ie #step1form div#wrapper div#wrapper3 #ecs-rewards{} .win.ie #step1form div#wrapper div#wrapper3 #gift-card{} /* MAC */ /* Firefox */ .mac.gecko #step1form div#wrapper div#wrapper3 #credit-card{} .mac.gecko #step1form div#wrapper div#wrapper3 #ecs-rewards{margin-top: 1px;} .mac.gecko #step1form div#wrapper div#wrapper3 #gift-card{margin-top: -2px;} /* Chrome */ /*.mac.chrome #step1form div#wrapper div#wrapper3 #credit-card{} .mac.chrome #step1form div#wrapper div#wrapper3 #ecs-rewards{left:562px;position: absolute;} .mac.chrome #step1form div#wrapper div#wrapper3 #gift-card{left:875px;position: absolute;}*/ /* Safari */ .mac.safari #step1form div#wrapper div#wrapper3 #credit-card{} .mac.safari #step1form div#wrapper div#wrapper3 #ecs-rewards{margin-top: 1px;} .mac.safari #step1form div#wrapper div#wrapper3 #gift-card{} /* Opera */ .mac.opera #step1form div#wrapper div#wrapper3 #credit-card{} .mac.opera #step1form div#wrapper div#wrapper3 #ecs-rewards{} .mac.opera #step1form div#wrapper div#wrapper3 #gift-card{margin-top: -1px;} /*.mac.ie #step1form div#wrapper div#wrapper3{}*/ /* END Tests */ #step1form div#wrapper div#wrapper3 #credit-card {/*float: left;*/z-index: 2;position: absolute;/*left: 0;*/} #step1form div#wrapper div#wrapper3 #ecs-rewards {/*position: relative;*/z-index: 3;/*top: -247.5px;*/position:relative;/*left: 490px;*/} #step1form div#wrapper div#wrapper3 #gift-card {float: right;/*margin-top:-404.5px;*/z-index: 2;position: relative;/*left: 803px;*/top:-156px;} #step1form div#wrapper div#wrapper3 div#payInfo input.error, #step1form div#wrapper div#wrapper3 div#payInfo select.error{border:solid 1px #f00;} #step1form div#wrapper div#wrapper3 div#payInfo div.salesTotals{width:25%;text-align:center;margin:7px 0 0;padding:0;float:left;border:0px;background:transparent;clear:none;} #step1form div#wrapper div#wrapper3 div#payInfo div.salesTotals span{color:#931212;border:0px;} #step1form div#wrapper div#wrapper3 div{padding:10px;/*margin-top:5px;*/background:#fff;overflow:hidden;width: 280px;border:solid 1px #ccc;} #step1form div#wrapper div#wrapper3 div#wireTransferInfo{border:none;margin-left:0;padding-left:0;} #step1form div#wrapper div#wrapper3 div#cartGiftCard{padding:0;border:none;} #step1form div#wrapper div#wrapper3 div#cartGiftCard label{color:#000;} #step1form div#wrapper div#wrapper3 img{float:left;} #step1form div#wrapper div#wrapper3 input#giftInput{margin:0 0 0 15px;float:left;} #step1form div#wrapper div#wrapper3 div.giftTotals{width:400px;padding:10px 0px;margin:10px 0;text-align:right;} #step1form div#wrapper div#wrapper3 .btn-add{border:none;float:left;margin-left:10px;background-color:transparent;text-indent:-999em;} #step1form div#wrapper div p{padding:0 0 5px 0;} #step1form div#wrapper2 div input{margin:0px 5px 0px 0;} #step1form div#wrapper #billing, #step1form div#wrapper2 #shipping{margin:5px auto;background:#fff;-webkit-box-shadow:2px 2px 5px #ccc;overflow:hidden;} #step1form div#wrapper #billing label{background:none;color:#603939;margin:0;font-weight:bold;border:none;font-size:12px;padding:0px;height:15px;font-weight:normal} #step1form div#wrapper #billing input, #step1form div#wrapper #billing select, #step1form div#wrapper2 #shipping input, #step1form div#wrapper2 #shipping select{margin:0px 0 10px 0;border:solid 1px #666;} #step1form div#wrapper #billing select#billing_county, #step1form div#wrapper2 #shipping select#shipping_county{margin-right:200px;} #step1form div#wrapper2 #shipping input[type="check"]{border:none;} #step1form div#wrapper #billing span{display:block;margin:0 0 10px 0;text-align:right;border:solid 2px #931212;border-right:none;padding:5px 0;} #step1form div#wrapper #billing span span{display:inline;font-weight:bold;color:#931212;border-left:none;border-right:2px solid #931212;} #step1form div#wrapper2{float:left;margin:0 0 0 10px;} #step1form div#wrapper2 div#shipping label{background:none;color:#603939;margin:0;font-weight:bold;border:none;font-size:12px;padding:0px 0 0 0;height:15px;font-weight:normal} #step1form div#wrapper2 input#verify, #step1form div#wrapper2 input#HaveECSCall, #step1form div#wrapper2 input#GroupBuy, #step1form div#wrapper2 input#eNewLetterSignup{float:left;} #step1form div#wrapper2 label#lblVerify, #step1form div#wrapper2 label#lblHaveECSCall, #step1form div#wrapper2 label#lblGroupBuy, #step1form div#wrapper2 label#lblENewLetterSignup{float:left;width:300px;} #step1form div#wrapper2 input#GroupBuy{margin-right:5px;} #step1form div#wrapper2 div#shipping .fName, #step1form div#wrapper div#billing .fName{width:190px;padding:0;margin:0;} #step1form div#wrapper2 div#shipping .lName, #step1form div#wrapper div#billing .lName{width:150px;padding:0;margin:0;} #step1form div#wrapper2 div#shipping .btn-next{border:none;margin-top:15px;clear:both;float:right;background-color:transparent;text-indent:-999em;line-height:0;} em#shippingStatus img.status{position:relative;margin:-27px 0 25px;} input#billing_address1, input#billing_address2, input#billing_city, input#shipping_address1, input#shipping_address2, input#shipping_city{width:275px;} input#billing_expmonth, input#billing_expyear{width:30px;text-align:right;} #step1form div#wrapper label#lblCcnumber, #step1form div#wrapper label#lblExpdate{width:190px;} #step1form div#wrapper div.bulletdivider, #step1form div#wrapper2 div.bulletdivider{padding:0;margin:10px 0 0 0;background:url(/img/bulletdivider.gif) repeat-x;width:420px;border:none;} #step1form div#wrapper2 input#verify, #step1form div#wrapper2 input#eNewLetterSignup, #step1form div#wrapper2 input#HaveECSCall{margin:0px 5px 0px 0;border:none;} #step1form div select option{padding:0 0 0 5px;} form#step1form div#wrapper2 #shipping span{display:block;margin:0 0 10px 0;text-align:right;border:solid 2px #931212;border-right:none;padding:5px 0;} form#step1form div#wrapper2 #shipping span span{display:inline;font-weight:bold;color:#931212;border-left:none;border-right:2px solid #931212;padding-right:5px;} div#content form#step1form div#wrapper div#billing input#email, div#content form#step1form div#wrapper div#billing input#email_verify, div#content form#step1form div#wrapper div#billing input#billing_company, div#content form#step1form div#wrapper2 div#shipping input#shipping_company{width:275px;} input#btnNext{float:right;margin:45px 10px 0 0;} #step1form div#wrapper #billing input.disabled, #step1form div#wrapper #billing select.disabled, #step1form div#wrapper2 #shipping input.disabled, #step1form div#wrapper2 #shipping select.disabled, div#shipping .disabled{background:#dfdfdf url(/img/disabledInput-bkg.jpg) repeat-x;color:#000;border:solid 1px #000;} #billing .invisible{display:none;} /* Checkout: Bill Ship Info: Gift Card */ #step1form div#wrapper #billing #cartGiftCard{padding:0;margin:20px 0 0 0;border:none;background:none;} /* reset */ #step1form div#wrapper #billing #cartGiftCard div.giftTotals{padding:0;margin:10px 0 0 250px;background:none;width:175px;} /* reset */ #step1form div#wrapper #billing #cartGiftCard div.giftTotals p, #step1form div#wrapper #cartGiftCard .giftTotals span{border:none;} #step1form div#wrapper #billing #cartGiftCard p{padding:10px 0 0 0;margin:0px;} #step1form div#wrapper #billing #cartGiftCard img{float:left;margin:0 40px 0 0;} #step1form div#wrapper #billing #cartGiftCard label{width:100px;} #step1form div#wrapper #billing #cartGiftCard input{float:left;margin:0;border-color:#ccc;} #step1form div#wrapper #billing #cartGiftCard input#btnAdd{border:none;padding:0;margin:1px 0 0 10px;} #step1form div#wrapper #billing #cartGiftCard input#rmvGiftCard{border:solid 1px #ccc;padding:2px 8px;margin:0 0 0 110px;} #step1form div#wrapper div#cartGiftCard input#rmvGiftCard{border:solid 1px #ccc;position:relative;top:2px;margin:-4px 6px 0 0px;} #step1form div#wrapper div#payInfo div#ccOptions{border:none;margin:0;padding:0;} #step1form div#wrapper div#payInfo div#ccOptions input[type="text"]{border:solid 1px #666;} #step1form div#wrapper div#cartGiftCard div.giftCertsTotals{float:left;width:270px;margin:0;padding:10px 0 0px 5px;border:none;border-bottom:1px solid #ccc;clear:none;} #step1form div#wrapper div#cartGiftCard div.giftCertsTotals span{font-weight:bold;} #step1form div#wrapper div#cartGiftCard div.giftCertsTotals a{color:#666;} #step1form div#wrapper div#cartGiftCard div.giftCertsTotals a:hover{color:#ccc;} #step1form div#wrapper div#cartGiftCard div.giftTotals{float:right;width:75px;padding:0 20px 0 0;margin-right:20px;color:#931212;border:none;border-bottom:1px solid;clear:none;} /* Checkout: Bill Ship Info: Errors */ #step1form div#wrapper #billing label.error{color:#f00;font-weight:bold;} #step1form div#wrapper #billing input.error, #step1form div#wrapper #billing select.error, #step1form div#wrapper2 #shipping input.error, #step1form div#wrapper2 #shipping select.error{color:#000;font-weight:bold;border:solid 1px #f00;} #step1form div#wrapper2 div#shipping label.error, form#step1form div#wrapper2 p.error{color:#f00;font-weight:bold;} #step1form div#wrapper2 div#shipping input.error + em{color:#f00;font-weight:bold;} /* Checkout: Confirm **************************************************************************************************************/ #cartReciept td div.redFiller{height:5px;} #step3form .btn-edit{clear:both;float:right;margin:140px 10px 0 0;} .cartInfoBox .btn-submit_order{border:none;background-color:transparent;text-indent:-999em;} div#cartConfirmTable .cartInfoBox{width:922px;margin-left:0px;float:left;} div#cartConfirmTable .cartInfoBox p{float:left;width:750px;} div#cartConfirmTable .cartInfoBox div{border-left:1px solid #ccc;float:right;height:85px;margin:-10px 0 -10px 0;} div#cartConfirmTable .cartInfoBox input{margin:25px 0 0 0;} .cartInfoBox{border:solid 1px #ccc;background:#eee;width:940px;margin:0px 0 5px 12px;padding:10px;border-radius:5px;clear:both;} .cartInfoBox input{margin:0 5px 0 0px;border:none;} .cartInfoBox p{padding:5px;font-size:12px;} div#shipToInfo, div#billingToInfo{float:left;width:477px;margin:0 0 0px 12px;background:url(/img/billToShipTo.jpg) left 24px no-repeat;padding:0px;} div#shipToInfo{margin:0 3px 0 8px;} div#shipToInfo label, div#billingToInfo label{display:block;color:#fff;background:url(/img/greyGrad-bkg0.jpg) repeat-x;font-size:15px;padding:5px;font-weight:bold;border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;} div#shipToInfo div, div#billingToInfo div{border:solid 1px #ccc;background:#fff;width:461px;margin:0 auto;border-radius:5px;padding:0;margin-top:5px;height:175px;padding-top:5px;} div#shipToInfo div, div#billingToInfo div, div#shipToInfo span, div#billingToInfo span{margin:5px 0 0 10px;width:455px;} div#shipToInfo div div, div#billingToInfo div div{border:none;width:300px;height:100px;margin:1px 0 0 8px;} div#shipToInfo div.ady, div#billingToInfo div.ady{border:none;height:15px;width:99%;margin:0;padding:0;display:table-header-group;} div#shipToInfo img, div#billingToInfo img{border:none;float:right;margin:140px 10px 0 0;} div#shipToInfo span, div#billingToInfo span{color:#c00;text-transform:uppercase;margin:5px 0 0 10px;} #cartConfirmTable{background:url(/img/cartConfirmTopper2.jpg) 0 0 repeat-x;padding-top:8px;margin:20px 0 0 12px;width:962px;float:left;clear:both;} /*#cartConfirmTable{background:url(/img/cartConfirmTopper2.jpg) no-repeat;padding-top:8px;margin:20px 0 0 12px;width:962px;float:left;clear:both;}*//*margin:20px 0 0 12px;*/ /* Orignal Style // FailSafe */ #cartConfirmTable #tblTop{color:#fff;margin:0 0 0 5px;line-height:30px;font-size:15px;font-weight:bold;} table#cartConfirm{width:944px;margin:0 0 0 9px;}/*margin:2px 0 0 9px;*/ table#cartConfirm td, table#cartConfirm th{border:solid 1px #ccc;border-radius:0px;} table#cartConfirm th{border:none;background:none;} table#cartConfirm tr.none td{border:none;} table#cartConfirm th.cartDesc, table#cartConfirm td.cartDesc{text-align:left;padding:5px;} table#cartConfirm td.cartDesc img{float:left;margin-right:5px;border:1px solid #ddd;} table#cartConfirm th.cartQuantity, table#cartConfirm td.cartQuantity{text-align:center;padding:5px;border-left:none;} table#cartConfirm th.cartPrice, table#cartConfirm td.cartPrice, table#cartConfirm th.cartItemTotal, table#cartConfirm td.cartItemTotal{text-align:right;padding:5px 10px 5px 5px;border-left:none;} table#cartConfirm th.cartItemTotal, table#cartConfirm th.cartPrice{text-align:center;} table#cartConfirm th.esNum, table#cartConfirm td.es{text-align:center;border-right:none;} table#cartConfirm tr#cartSubtotal td{text-align:right;padding:10px;} table#cartConfirm tr#cartFees td{text-align:right;padding:10px;} table#cartConfirm tr#cartTax td{text-align:right;padding:10px;} table#cartConfirm tr#cartTax td div{font-weight:bold;color:#931212;display:inline;} table#cartConfirm tr#cartGiftCard td{text-align:right;padding:10px;} table#cartConfirm tr#cartPayMethod td{text-align:right;padding:10px;} table#cartConfirm tr#cartShipping td{text-align:right;padding:10px;} table#cartConfirm #cartGrandTotal td{text-align:right;padding:10px;font-size:15px;font-weight:bold;} table#cartConfirm tr#cartBtns td{padding:5px 0;border:none;} table#cartConfirm tr#cartFees td.bdrLeft, table#cartConfirm tr#cartSubtotal td.bdrLeft, table#cartConfirm tr#cartTax td.bdrLeft, table#cartConfirm tr#cartShipping td.bdrLeft, table#cartConfirm tr#cartGrandTotal td.bdrLeft{border-left:solid 1px #ccc;} table#cartConfirm tr#cartBtns td input{float:right;} table#cartConfirm tr td.cartTotal{border-left:none;} #billingToInfo #myaccount{border:solid 1px #ccc;background:#fff;width:461px;margin:0 auto;border-radius:5px;padding:0;margin-top:5px;height:225px;padding-top:5px;} /* Admin: Vendor */ #ti{margin:-33px 0 0 -59px;} /* My Account **************************************************************************************************************/ .myaccount #rightBanner{margin-right:15px;} #maAccountBalance td{border-top:solid 0px #ccc;border-radius:0px;border-bottom:solid 0px #ccc;text-align:center;width:188px;} #maAccountBalance tr.none td{border:none;} #maAccountBalance td.maAAFiller{border:none;} #maAccountBalance p.error{color:#f00;font-weight:bold;} #maAccountBalance td.aaCenter{text-align:center;padding:5px;} #maAccountBalance{width:270px;margin:0px 0 0 9px;border-right:solid 1px #ccc;padding:15px;} #maAccountAccessTable{float:left;width:550px;margin:0 0 0px 12px;background:url(/img/maShading.jpg) left 24px no-repeat;padding:0px;} #maAccountAccessTable select{width:200px;} #maAccountAccessTable #matblTop{color:#fff;margin:0px 0 0 5px;line-height:30px;font-size:15px;font-weight:bold;} #maAccountAccessTable label2{display:block;color:#fff;background:url(/img/maTopper.jpg) repeat-x;font-size:15px;padding:5px;font-weight:bold;border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;} #maAccountAccessTable p{display:block;color:#fff;background:url(/img/maTopper.jpg) repeat-x;font-size:15px;padding:5px;font-weight:bold;border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;} #maAccountAccess .btn-save, #macarMakeTable .btn-save, #catList .btn-save{margin:45px 10px 25px 0;float:right;border:none;background-color:transparent;text-indent:-999em;} .maInfoBox{border:solid 1px #ccc;background:#eee;width:553px;margin:0 0 5px;padding:10px;border-radius:5px;} .maInfoBox p{padding:5px;font-size:12px;} #maErrorBox, div#maResponseBox{border:solid 3px #f00;height:43px;width:923px;margin:0 auto;margin-top:0px;padding:12px;background:url(/img/xxx.gif) 3px top no-repeat;} #maErrorBox img{display:inline;vertical-align:middle;float:left;} #maErrorBox span{margin:10px 0 0 10px;font-size:15px;font-weight:bold;} #maErrorBox span span{margin:10px 0 0 10px;font-size:12px;float:left;} /* My Account: Forms */ #aaForm #aaWrapper{display:block;margin:0 0 10px 0;text-align:right;border:solid 2px #931212;border-right:none;padding:5px 0;} #aaForm #aaWrapper{display:inline;font-weight:bold;color:#931212;border-left:none;border-right:2px solid #931212;padding-right:5px;} #aaForm #aaWrapper div#email, #aaForm #aaWrapper #email_verify, #aaForm #aaWrapper #new_pass1, #aaForm #aaWrapper #new_pass2{width:275px;} /* My Account: Buttons */ .btn-check_balance{width:110px;height:25px;display:block;background:url('/img/buttons-myaccount.gif') 0 -52px no-repeat;cursor:pointer;line-height:0;} .btn-check_balance:hover{background-position:0 -77px;} .btn-new_customer{width:111px;height:26px;display:block;border:none;background:url('/img/buttons-myaccount.gif') 0 0 no-repeat;cursor:pointer;line-height:0;} .btn-new_customer:hover{background-position:0 -26px;} .btn-login{width:51px;height:26px;display:block;background:url('/img/buttons-myaccount.gif') 0 -152px no-repeat;cursor:pointer;line-height:0;} .btn-login:hover{background-position:0 -178px;} .btn-save{width:88px;height:25px;display:block;border:none;background:url('/img/buttons-myaccount.gif') 0 -102px no-repeat;cursor:pointer;text-indent:-999em;line-height:0;} .btn-save:hover{background-position:0 -127px;} /* My Account: Login Page **************************************************************************************************************/ #wrapper-new_customer{background:url(/img/step2GradBkg0.jpg) 0 29px repeat-x;padding-top:5px;width:470px;margin-left:15px;float:left;} #wrapper-new_customer #step0form{margin:0;float:none;width:auto;} #wrapper-new_customer label{color:#fff;float:left;width:460px;height:22px;background:url(/img/greyGrad-bkg0.jpg) top left repeat-x #000;font-size:14px;font-weight:bold;padding:5px 0px 0px 10px;margin:0px 0px 6px 0px;border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;} #wrapper-new_customer .container{background:#fff;border:solid 1px #ccc;width:410px;padding:20px;margin:0 auto 10px;clear:both;-webkit-box-shadow:2px 2px 5px #ccc;} #wrapper-customer_lookupfaq{background:url(/img/step2GradBkg0.jpg) 0 27px repeat-x;} #wrapper-new_customer ol{margin:10px 0 0 20px;font-size:11px;} #wrapper-new_customer ol span{font-weight:bold;} #wrapper-returning_customer{background:url(/img/step2GradBkg0.jpg) left 29px repeat-x;padding-top:5px;width:470px;margin-left:10px;float:left;} #wrapper-returning_customer #email_login, #wrapper-returning_customer #passwd_login{width:260px;} #wrapper-returning_customer #step0form{margin:0;float:none;width:auto;} #wrapper-returning_customer label{color:#fff;float:left;width:460px;height:22px;background:url(/img/greyGrad-bkg0.jpg) top left repeat-x #000;font-size:14px;font-weight:bold;padding:5px 0 0 10px;margin:0 0 6px;border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;} #wrapper-returning_customer .container{background:#fff;clear:both;-webkit-box-shadow:2px 2px 5px #ccc;} #wrapper-returning_customer .container label{background:none;color:#000;margin:10px 0 0 1px;padding:0 0 0 1px;width:260px;border:none;} #wrapper-returning_customer div{border:solid 1px #ccc;width:410px;margin:0 auto;padding:20px;background:#eee;} #wrapper-returning_customer #showRecoverPassword, #wrapper-returning_customer #showRecoverPasswordLink, #wrapper-returning_customer #returnCustLoginLink{float:right;cursor:pointer;} #wrapper-returning_customer #showRecoverPassword:hover, #wrapper-returning_customer #showRecoverPasswordLink:hover, #wrapper-returning_customer #returnCustLoginLink:hover{text-decoration:underline;} #wrapper-customer_lookup{width:950px;background:white url(/img/step2GradBkgLong.jpg) no-repeat 0 27px;margin:10px 0 0 15px;float:left;} #wrapper-customer_lookup label{width:940px;height:22px;color:#fff;float:left;background:url(/img/greyGrad-bkg0.jpg) 0 0 repeat-x #000;font-size:14px;font-weight:bold;padding:5px 0 0 10px;margin:0 0 6px;border-top-right-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:7px;-moz-border-radius-topleft:7px;} #wrapper-customer_lookup .container{width:890px;border:solid 1px #ccc;margin:0 auto;padding:20px;background:#fff;clear:both;-webkit-box-shadow:2px 2px 5px #ccc;} #wrapper-customer_lookup .container label{background:none;color:#000;width:120px;padding:0;margin:0 0 6px;} #wrapper-customer_lookup #queryBox{width:760px;} .container .btn-login{margin-top:15px;border:none;background-color:transparent;text-indent:-999em;} /* My Account: Sales Login **************************************************************************************************************/ #outputTable{display:table;margin:10px 0 0 0;} #outputTable .tblRows{display:table-row;} #outputTable .tblRows .tblHeader{border:solid 1px #666;padding:4px;display:table-cell;background:#aaa;} #outputTable .tblRows .tblCell{display:table-cell;padding:3px 5px;border:solid 1px #666;} #wrapper4 .btn-proceed_checkout{float:right;margin:5px 0;} /* My Account: New Customer **************************************************************************************************************/ .myaccount #giveAwayTable{width:940px;margin:0 auto;background:url('/img/bg_double-gradient.gif') -10px 0 repeat-x;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .myaccount #giveAwayTable h2{height:24px;color:#fff;font-size:1.250em;padding:5px 0 0 10px;} .myaccount #maNewCustomer{width:920px;margin:10px auto;} .myaccount #maNewCustomer td{vertical-align:top;} .myaccount .aaLeftSide{width:45%;} .myaccount .aaRightSide{width:55%;} #step0form .btn-new_customer{border:none;background-color:transparent;text-indent:-999em;margin-top:10px;} #customer-captcha { margin:45px auto 0;list-style-type:none;display:table; } #customer-captcha li { float:left; padding-right:15px; } #customer-captcha .btn-save{background-color:transparent;} /* My Account: New Customer: Vehicle Picker */ .myaccount #vehicle_selection_container select {width:185px;float:left;clear:left;margin-bottom:10px;} .myaccount #customer-captcha{width:960px;margin:45px auto 0;text-align:center;} .myaccount #customer-captcha label{line-height:20px;margin-right:10px;} .myaccount #customer-captcha #captcha{margin-right:10px;} .myaccount #customer-captcha .btn-save{display:inline;line-height:0;} /* My Account: Email / Password **************************************************************************************************************/ .myaccount #maAccountAccess{width:525px;margin-left:9px;} .myaccount td.aaLeftSide{padding:5px;text-align:right;border-left:solid 0px #ccc;border-radius:0px;} .myaccount td.aaRightSide{padding:5px;text-align:left;border-left:none;} /* My Account: Orders **************************************************************************************************************/ #maOrderTable{width:780px;background:url('/img/bg_tripple-gradient.gif') 0 0 repeat-x;padding-top:8px;margin:5px 0 0;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} #maOrderTable #tblTop{color:#fff;margin:0px 0 0 5px;line-height:30px;font-size:15px;font-weight:bold;} #maOrder{width:760px;margin-left:9px;} #maOrder tr.none td{border:none;} /* My Account: Orders: Headings */ #maOrder th{padding:5px;font-weight:bold;text-align:center;} /* My Account: Orders: Cells */ /* My Account: Order Details **************************************************************************************************************/ .order-details h2{color:#fff;font-size:1.250em;font-weight:bold;} .maCartInfoBox{width:758px;padding:10px;margin-bottom:10px;border:solid 1px #ccc;background:#eee;border-radius:5px;-moz-border-radius:5px;} .maCartInfoBox h1{font-size:1.5em;font-weight:bold;} .maCartInfoBox input{margin:0 5px 0;border:none;} .maCartInfoBox p span{color:#7E2217;font-weight:bold;} /* My Account: Order Details: Billing and Shipping */ .myaccount .info{width:360px;padding:5px 10px;background:url('/img/bg_double-gradient.gif') 0 0 repeat-x;overflow:hidden;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .myaccount .billing{float:left;} .myaccount .shipping{float:right;} .myaccount .info ul{width:338px;margin:16px auto 0;padding:10px;background:#fff;border:1px solid #ccc;list-style:none;} .myaccount .info span{color:#c00;text-transform:uppercase;} /* My Account: Order Details: Table */ #order-table{width:760px;padding:5px 10px;margin:10px 0 0;float:left;background:url('/img/bg_tripple-gradient.gif') 0 0 repeat-x;clear:both;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} #order-table table{width:760px;margin:11px auto 0;} #order-table table th{text-align:center;padding-bottom:10px;} #order-table table td{text-align:center;padding:5px;border:1px solid #ccc;vertical-align:middle;} #order-table table td img{float:left;margin-right:5px;border:1px solid #ccc;} #order-table strong{font-size:1.250em;} #order-table table .desc{text-align:left;} #order-table table .labels{text-align:right;} #order-table table .labels span{color:#931212;font-weight:bold;} #order-table table .divider{padding:0;} #order-table table .divider .redFiller{height:5px;} #order-table table .thank-you{background:#eee;padding:20px 0;text-align:center;} /* My Account: Vehicles **************************************************************************************************************/ .vehicle #categories{margin-left:20px;} .vehicle #column{width:760px;padding:5px 10px;margin-right:20px;float:right;background:url('/img/bg_tripple-gradient.gif') 0 0 repeat-x;overflow:hidden;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .vehicle #column h1{font-size:1.250em;color:#fff;margin-bottom:14px;} .vehicle #column h2{font-size:1em;margin-bottom:18px;} .vehicle #column p{clear:both;padding:10px;background-color:#eee;border:1px solid #aaa;} .vehicle #saved-vehicles{width:530px;float:right;} .vehicle #saved-vehicles ul{list-style:none;margin:0 0 10px;padding:0;} .vehicle #saved-vehicles li{width:520px;padding:2px 4px;margin-bottom:5px;border:1px solid #ccc;position:relative;} .vehicle #saved-vehicles .remove{position:absolute;right:4px;top:1px;} .vehicle .vselectwrap{width:210px;float:left;overflow:hidden;} .vehicle .vselectwrap select{width:100%;margin-bottom:10px;} .vehicle .btn-save{border:0;text-indent:-999em;background-color:transparent;float:right;clear:both;margin-right:30px;} /* My Account: Rewards **************************************************************************************************************/ .maRewardBox{border:solid 1px #ccc;background:#eee;width:760px;margin:5px 0px 0px 0px;padding:10px;border-radius:0px;} /* My Account: Rewards: Table Headings */ #maOrder th.rewardsMid{text-align:left;} #maOrder th.rewardsDesc{text-align:left;} #maOrder th.rewardsID{text-align:left;border-left:solid 0px #ccc;width:100px;} #maOrder th.money{text-align:right;} #maOrder th.moneyLast{text-align:right;padding-right:5px;} /* My Account: Rewards: Table Cells */ #maOrder td.rewardsDesc{text-align:left;width:400px;} #maOrder td.rewardsID{text-align:left;border-left:solid 0px #ccc;border-radius:0px;width:100px;} #maOrder td{padding:5px;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;text-align:center;} #maOrder td.ordernumber{border-left:solid 1px #ccc;} #maOrder td.ordertotal{border-right:solid 1px #ccc;border-radius:0px;text-align:center;padding-right:5px;} #maOrder td.money{text-align:right;} #maOrder td.moneyLast{border-right:solid 1px #ccc;border-radius:0px;text-align:right;padding-right:5px;} /* My Account: Gift Certificates **************************************************************************************************************/ #maGiftCertTable{float:left;width:800px;margin:0 0 0px 12px;background:url(/img/maGcShading.jpg) left 24px no-repeat;padding:0px;} #maGiftCertTable select{width:200px;} #maGiftCertTable #matblTop{color:#fff;margin:0px 0 0 5px;line-height:30px;font-size:15px;font-weight:bold;} #maGiftCertTable p{display:block;color:#fff;background:url(/img/maGcTopper.jpg) repeat-x;font-size:15px;padding:5px;font-weight:bold;border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;-moz-border-radius-topleft:5px;} #maGiftCert td{border-top:solid 0px #ccc;border-radius:0px;border-bottom:solid 0px #ccc;border-radius:0px;text-align:center;width:790px;} #maGiftCert tr.none td{border:none;} #maGiftCert td.maAAFiller{border:none;} #maGiftCert td.gcLeftSide{text-align:right;padding:5px;border-left:solid 0px #ccc;border-radius:0px;width:790px;} #maGiftCert p.error{color:#f00;font-weight:bold;} #maGiftCert td.gcRightSide{text-align:left;padding:5px;border-left:none} #maGiftCert td.gcCenter{text-align:center;padding:5px;} #maGiftCert{width:790px;margin:0px 0 0 9px;} #maGiftCertForm .btn-check_balance{margin:0 0 35px;border:none;background-color:transparent;text-indent:-999em;float:right;color:#fff;} .aaRightSide .btn-check_balance{margin:45px 10px 0 0;} /* My Account: Gift Certificates: Form */ #gcForm div#aaWrapper{display:block;margin:0 0 10px 0;text-align:right;border:solid 2px #931212;border-right:none;padding:5px 0;} #gcForm div#aaWrapper{display:inline;font-weight:bold;color:#931212;border-left:none;border-right:2px solid #931212;padding-right:5px;} #gcForm #aaWrapper #giftCert{width:475px;} /* My Account: Dealer Pricing **************************************************************************************************************/ .dealerpricing #categories{margin-left:20px;} .dealerpricing #column{width:760px;padding:5px 10px;margin-right:20px;float:right;background:url('/img/bg_tripple-gradient.gif') 0 0 repeat-x;overflow:hidden;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .dealerpricing #column h1{font-size:1.250em;color:#fff;margin-bottom:14px;} .dealerpricing #column h2{font-size:1em;margin-bottom:18px;} .dealerpricing #column p{clear:both;padding:10px;background-color:#eee;border:1px solid #aaa;} .dealerpricing #saved-dealerpricing{width:530px;float:right;} .dealerpricing #saved-dealerpricing ul{list-style:none;margin:0 0 10px;padding:0;} .dealerpricing #saved-dealerpricing li{width:520px;padding:2px 4px;margin-bottom:5px;border:1px solid #ccc;position:relative;} .dealerpricing #saved-dealerpricing .remove{position:absolute;right:4px;top:1px;} .dealerpricing .dselectwrap{width:210px;float:left;overflow:hidden;} .dealerpricing .dselectwrap select{width:100%;margin-bottom:10px;} .dealerpricing .btn-save{border:0;text-indent:-999em;background-color:transparent;float:right;clear:both;margin-right:30px;} /* My Account: Email Subscription **************************************************************************************************************/ .emailSubscription #categories{margin-left:20px;} .emailSubscription #column{width:760px;padding:5px 10px;margin-right:20px;float:right;background:url('/img/bg_tripple-gradient.gif') 0 0 repeat-x;overflow:hidden;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;border-top-right-radius:5px;} .emailSubscription #column h1{font-size:1.250em;color:#fff;margin-bottom:14px;} .emailSubscription #column h2{font-size:1em;margin-bottom:18px;} .emailSubscription #column p{clear:both;padding:10px;background-color:#eee;border:1px solid #aaa;} .emailSubscription #saved-emailSubscription{width:530px;float:right;} .emailSubscription #saved-emailSubscription ul{list-style:none;margin:0 0 10px;padding:0;} .emailSubscription #saved-emailSubscription li{width:520px;padding:2px 4px;margin-bottom:5px;border:1px solid #ccc;position:relative;} .emailSubscription #saved-emailSubscription .remove{position:absolute;right:4px;top:1px;} .emailSubscription .emailwrap{width:210px;float:left;overflow:hidden;} .emailSubscription .emailwrap select{width:100%;margin-bottom:10px;} .emailSubscription .btn-save{border:0;text-indent:-999em;background-color:transparent;float:right;clear:both;margin-right:30px;} /* Unsubscribe **************************************************************************************************************/ .unsubscribe #errorBox{margin:10px auto;float:none;overflow:hidden;} .unsubscribe #content{width:300px;} .unsubscribe #content ul{margin:20px 0;list-style:none;} .unsubscribe label{font-weight:bold;} .unsubscribe #captcha{width:50px;} .unsubscribe .btn-save{margin-top:20px;float:right;} /* Unsubscribe: Thank You */ .unsubscribe.thankyou #content{width:960px;} .unsubscribe.thankyou .message{color:#b83e3e;font-size:large;font-weight:bold;margin-top:20px;} /* Unsubscribe: Use Email */ .unsubscribe.error #content{width:960px;} .unsubscribe.error .message{color:#b83e3e;font-size:large;font-weight:bold;margin-top:20px;} /* Footer **************************************************************************************************************/ #security-wrapper{width:960px;height:70px;padding:10px 0;margin:0 auto;text-align:center;clear:both;} #security-wrapper img{display:inline;margin:0 10px;vertical-align:middle;} #footer-wrapper{width:100%;padding-top:20px;color:#b2b2b2;background:url('/img/bg_hole-gradient.jpg') #000 repeat-x 0 -163px;border-top:10px solid #9D1518;clear:both;-webkit-box-shadow:0 0 38px #404040;} #footer{width:940px;margin:0 auto;} /* Footer: Site Links */ #footer ul{width:140px;float:left;margin:10px 20px 0 0;list-style:none;} #footer ul a{color:#9D1518;} #footer ul span{font-size:1.167em;text-transform:uppercase;border-bottom:1px solid #b2b2b2;margin-bottom:0.417em;display:block;} /* Footer: Questions */ #footer #footer-questions{width:300px;float:right;position:relative;} #footer #footer-questions p{width:140px;padding:10px 0;float:left;clear:left;} #footer #footer-questions span{font-size:1.5em;float:left;clear:left;} #footer #footer-questions a[href^=tel]{color:#fff;} /* iPhone Turns Phone Number Into Link */ #footer #footer-questions .livechat img{position:absolute;top:30px;right:0;} #footer #footer-questions .livechat span{font-size:1em;position:absolute;top:130px;right:0;} /* Footer: Affiliation */ #footer #affliated{width:100%;padding:20px 0 10px;color:#333;display:block;font-size:0.833em;text-align:center;clear:both;}