* { margin: 0; padding: 0; outline: 0; } body { font: 12px/18px Arial,sans-serif; color: #000; text-align: left; background: #646464; } a { color: #224466; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } a img { border: 0; } .ar { display: block; text-align: right; } .ac { display: block; text-align: center; } .al { display: block; text-align: left; } .cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .fr { float: right; display: inline; } .fl { float: left; display: inline; } .hidden { display: none; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .shell { margin: 0 auto; width: 980px;} #header{ height:95px;} #header #logo-box{ background:url(../images/hdr.jpg) no-repeat right 0; } #logo{ text-indent: -4000px; line-height:0; font-size: 0; width:479px; height:95px; } #logo a{ display: block; height:95px; background:url(../images/logo.gif); } hr { margin: 5px 0; } h2{ font-size: 17px; line-height:20px; color:#737373; } h2 span{ display: block; padding:4px 0 0 0;} table { border-collapse: collapse; } table thead tr th { height: 22px;background: #E1E1E1; padding: 2px; } table tbody td{ padding: 2px; } #page { background: #fff url(../images/bg.jpg) repeat-x 0 0; } #nav{ height:42px;} #nav ul{ height:42px; list-style-type: none; padding-left:32px; background: url("../images/bg.jpg") repeat-x scroll 0 -95px; } #nav li{ float: left; font-size: 16px; padding-right:47px; } #nav li a{ float: left; line-height:42px; color:#fff; } #nav li a:hover , #nav li a.active{ color:#ffcc00; text-decoration: none;} #container { width: 980px; margin: auto; background:url(../images/rep.gif) repeat-y; } #content { background: transparent url(../images/cnt-bg.jpg) repeat-x; } #content .top-bar{ padding-bottom:0px} #content .top-bar h2{ padding-top:12px; padding-left:35px; } #content .top-bar form{ padding-top:8px; float: right; display: inline; width:329px; padding-right:27px;} #content .top-bar .fld{ float: left; display: inline; width:238px; height:29px; background:url(../images/fld.gif); margin-top:3px; } #content .top-bar .field{ float: left; display: inline; width:230px; border:0; padding: 0px 0 0 8px; color:#b2b2b2; margin-top:8px; background-color: transparent; line-height:18px;} #content .top-bar .btnp input{ float: left; display: inline; width:77px; height:31px; border:0; background:url(../images/go-btn.gif) no-repeat; cursor:pointer; margin-left:14px; } #content-left{ float: left; display: inline; width:210px; background:#e1e1e1; min-height:504px; } #content-left .top{ font-size: 17px; line-height:46px; color:#ffcc00; background:#373331; padding-left:17px; font-weight: bold; } #content-left #widgetCategories .top{ margin-top:14px; } #content-left ul{ list-style-type: none; padding-left:18px; padding-top:13px; } #content-left li{ background:url(../images/bull1.gif) no-repeat 0 3px; padding-left:15px; padding-bottom:6px; font-size: 14px;} #content-left li ul{ padding-top:5px; padding-left:0px; padding-bottom:3px; } #content-left li li{ background:url(../images/bull2.gif) no-repeat 0 7px; padding-left:12px; padding:0 0 2px 12px; } #content-middle{ width:755px; float: left; display: inline; padding-left:14px; padding-top:2px; } #content-middle h2{ font-size: 14px; color:#373331} #content-middle h2 a{ color:#373331} #content-middle form.sort{ padding-top:16px; width: 250px; float: right; display: inline;} #content-middle label{ float: right; display: inline; font-size: 12px; color:#373331; padding-right:5px; } #content-middle .dropdown, #content-middle #topOptions select{ float: right; display: inline; width:132px; margin-right:28px} #content-middle .products{ } #content-middle .products ul{ list-style-type: none; padding-top:22px} #content-middle .products li{ float: left; width:142px; text-align: center; padding-right:56px; } #content-middle .products li.last{ padding-right:0px; } #content-middle .products li img{ margin-bottom:8px; } #content-middle .products li img{ display: block; border:solid 1px #ccc; } .instruction{ padding-top:21px} .instruction img{ float: left; border:solid 1px #ccc; margin-right:15px; } #content-middle #productDetail h2 { margin-bottom: 5px; } #productDetail #productPhotos { width: 250px; float: left; clear: left; } #productDetail #productPhotos a.link { text-align: left; padding-left: 10px; } #productDetail #extraDetails { clear: none; float: left; width: 479px; margin-left: 20px; } #productDetail #extraDetails .share-links { text-align: right; } #productDetail #extraDetails .qty { float: left; height: 25px; margin: 5px 20px 5px 0; } #productDetail #extraDetails .qty input { width:30px; } #productDetail #extraDetails #price{ margin: 5px 0; font-size: 14px; font-weight: bold; } #productDetail #extraDetails a.add{ font-size: 12px; font-weight: bold; color:#ffcc00; background:#373331; width:97px; line-height:25px; margin:5px 0; display: block; text-align: center; float: left;} #cartButtons input, .btnapply, .black-yellow { font-size: 12px; font-weight: bold; color:#ffcc00; background:#373331; border: none; line-height:25px; margin: 5px 0; text-align: center; float: left; display: inline; margin-left: 15px; padding: 4px 10px; } a.details{ font-size: 12px; font-weight: bold; color:#373331; background:#ffcc00; width:67px; line-height:25px; margin:0 auto; display: block; text-align: center;} .hdr-title { font-size: 12px; color: #000; font-weight: bold; margin: 10px 0; } #content-middle .form-label, .form-label-required { clear:both; float: left; } #content-middle .form-label label { float: none; } #content-middle .form-label label input, .form-field label input { margin-right: 5px; } #content-middle .form-field { float: left; } #pageNote { margin-top: 10px; } #viewCart #cartItems { width: 740px; border-collapse: collapse; margin: 10px 0; } #viewCart #cartItems thead tr th { height: 22px; background: #373331; padding: 2px; color: #FFCC00; } #viewCart #cartItems tbody tr td { height: auto; padding: 5px; border-bottom: 1px solid #FFCC00; } #viewCart #cartNumItems { clear:left; float:left; height:35px; padding-top:8px; text-align:left; width:150px; } #viewCart #cartAmounts { float: right; width: 200px; margin-right: 15px; } #viewCart #cartAmounts .field-label, #viewCart #cartAmounts .form-label-required { clear:left; float:left; height:18px; padding:2px; text-align:left; } #viewCart #cartAmounts .field-price { font-weight:bold; height:18px; padding:2px; text-align:right; } #viewCart #cartCoupon { clear:left; float:left; height:35px; text-align:left; width:auto; } #viewCart #cartButtons { clear:both; float:left; margin-top:25px; text-align:left; width:96%; } #customerLogin .form-label, #customerLogin .form-label-required { float: left; width: 80px; padding-top: 10px; } #customerLogin .form-field { float: left; padding-top: 10px; } #customerLogin .form-field input.text { width: 120px; } #clientAccount .form-label { float: left; width: 80px; padding-top: 10px; } #clientAccount .form-field { float: left; padding-top: 10px; } #checkoutBilling, #checkoutShipping, #checkoutPayment #CreditCardDiv { width: 350px; } #checkoutBilling .form-label, #checkoutBilling .form-label-required, #checkoutShipping .form-label, #checkoutShipping .form-label-required, #checkoutPayment #CreditCardDiv .form-label, #checkoutPayment #CreditCardDiv .form-label-required{ float: left; width: 80px; padding-top: 10px; } #checkoutBilling .form-field, #checkoutShipping .form-field, #checkoutPayment #CreditCardDiv .form-field { float: right; padding-top: 10px; } #checkoutPayment .form-label, #checkoutPayment .form-label-required, #checkoutPayment .form-field { float: none; display: block; padding-top: 10px; } #checkoutPayment label { float: none; } #orderDetails { width: 740px; border-collapse: collapse; margin: 10px 0; } #orderDetails .hdr-title { height: 22px;background: #E1E1E1; padding: 2px; } #orderDetails tbody tr td { height: auto; padding: 2px; } #customerLogin #existingCustomer { float: left; border-right: 1px solid #CCCCCC; margin-top: 10px; width: 250px; } #customerLogin #newCustomer { float: left; padding-left: 20px; margin-top: 10px; } #customerLogin #existingCustomer .hdr-title, #customerLogin #newCustomer .hdr-title { margin-top: 0; } .parts{ padding-top:42px; } .parts h2 { margin-bottom: 10px;} .parts ul{ list-style-type: none;} .parts li{ float: left; width:142px; text-align: center; padding-right:52px; padding-bottom:47px; } .parts li.first{ clear: left; } .parts li.last{ padding-right:0px} .parts li img{ display: block; border:solid 1px #ccc; } .parts li h4{ font-size: 12px; padding:10px 0 2px 0; } .parts li a.add{ font-size: 12px; font-weight: bold; color:#ffcc00; background:#373331; width:97px; line-height:25px; margin:5px auto; display: block;} #categoryGrid { padding: 0; } #categoryGrid ul { margin-top: 10px; } .photoTop { padding-top: 20px; } .photoTop img { border: 1px solid #CCCCCC; } #prodThumbnails { margin: 10px 0; } #prodThumbnails img, .prodMainImage img { border: 1px solid #CCCCCC; } #prodThumbnails .productPhotoThumbnail { margin-right: 10px; } .MagicZoomBigImageCont img { border: 0 none; } #infolist { list-style: none; } #orderList table { width: 740px; margin: 10px 0;} #footer{ height:98px; background: url(../images/ftr.jpg) repeat-x; padding-top:14px} #footer p{ color:#fff; padding-left:51px} #footer p a{ color:#fff; margin-right:25px} #footer p a:hover, #footer p a.active{ color:#ffcc00; } #footer p span{ float: right; } #footer #widgetFooter { width: 980px; margin: 0 auto; } /* .disabledform { display: none; } */ #checkoutOnePage .form-label { float: left; clear: left; width: 60px; padding-right: 10px; } #checkoutOnePage .form-field { float: left; } #newCustomer { clear: both; margin-top: 25px;} table#cartItems { width: 400px; } table#cartItems thead th { background: #373331; padding: 2px; color: #FFCC00; } #cartButtons input.checkoutbtn { font-size: 12px; font-weight: bold; color:#373331; background:#ffcc00; width:67px; line-height:25px; display: block; text-align: center; } #billAddress h2 { clear: both; } td.form-label, td.form-label-required { color: #000 !important; } #information_div { color: #000 !important; }