/* CSS Document */ * { padding:0; margin:0 } html { width:100%; background:url(images/background_main.jpg) top left repeat-x #5c7592 } body { _position:relative; *position:relative; padding:0 20px; padding-bottom:25px; margin: auto; width:957px; color:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;/* border:1px solid red*/ } .headerError { border: 1px solid darkred; font-weight: bold; background-color: white; color: darkred; padding: 5px; } h1 { padding-bottom:15px} h1 b {visibility:hidden} h2 { font-size:18px} h2 b { visibility:hidden } h3 { color:#ffbd7b; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal } h4 { font-size:12px; padding:10px 0 } p { padding-left:15px; padding-right:15px; } ol, ul { padding:5px 10px 15px 20px; margin-left:30px} li { padding-bottom:5px} img { display:block; border:none } a { color:#FFF; text-decoration:underline } a:hover { color:#FFF; text-decoration:none } a b { display:none;} a.but, a.headBut { display:block; height:17px; background:left top no-repeat; } a.edit { width:41px; background-image:url(images/but_edit.gif); } a.more_info { width:66px; background-image:url(images/but_moreInfo.gif); } a.back { width:41px; background-image:url(images/but_back.gif); } a.backToSearch { width:92px; background-image:url(images/but_backToSearch.gif); } a.delete { width:49px; background-image:url(images/but_delete.gif); } a.addAddress { width:107px; background-image:url(images/but_addAddress.gif); } a.searchHelp { width:78px; background-image:url(images/but_searchHelp.gif); } a.continue { width:62px; background:url(images/but_continue.gif);} a.contShopping { width:118px; background:url(images/but_continueShopping.gif);} a.checkout { width:62px; background:url(images/but_checkout.gif);} a.buy { width:78px; background-image:url(images/but_buy.gif); } a.next { width:40px; background-image:url(images/but_next.gif); } a.previous { width:62px; background-image:url(images/but_previous.gif); } a.view { width:62px; background-image:url(images/but_view.gif); } a.logoff { width:57px; background-image:url(images/but_logoff1.gif); } a.close { width:90px; background-image:url(images/but_close.gif); } a.backToSearch { display:none } a.list { display:block; background:url(images/bullet_forLink.gif) top left no-repeat; padding-left:17px; margin-left:15px; padding-bottom:8px } label { display:block } .none { display:none } .error, .inputRequirement { color:red; /*font-weight:bold*/ } p.error { padding:5px 15px; margin-bottom:20px; background-color:#e5ecf4} p.error img { display:inline} p.error a { color:red } .smallText { font-size:10px } #left_col { float:left; width:205px; margin-right:15px; /* border:1px solid blue; */} #center_col { float:left; width:500px; position:relative; overflow:hidden; _overflow:visible; _height:10px; /*border:1px solid green; */} #right_col { position:relative; overflow:hidden; _overflow:visible; float:right; /float:none; width:200px; padding-left:15px; _padding-left:10px/* border:1px solid yellow; */} #right_col h2.blockHead b { width:158px} div.three_column { float:left;/*width:33%; border:1px solid green */} div.half_column { float:left; width:50%;/* background-color:#99CCCC; border:1px solid green;*/} div.full_column { clear:both; position:relative; _position:static; overflow:hidden; _overflow:visible; float:none; /* border:1px solid green; */} div.full_column textarea { width:90% !important} div.fieldset { margin:0 auto; padding:10px 0; /*border:1px solid red*/ } div.fieldset p span { display:block } div.fieldset p span.inputRequirement { display:inline; } div.lastRow { clear:both; padding:15px; min-height:20px; float:none; /*border:1px solid yellow*/} div.three_column div.lastRow, div.half_column div.lastRow { padding-top:10px} div.lastRow * { float:left; margin-right:10px; } #header { position:absolute; top:0px; width:937px; background:url(images/logo_main.gif) top left no-repeat; /*border:1px solid red*/} #content { position:relative; overflow:hidden; /overflow:visible; width:937px; margin-top:150px;/* border:1px solid red;*/ margin-bottom:15px;} #header a.logo { position:relative; float:left; display:block; width:450px; height:118px;} #breadcrumb { position:relative; clear:both; font-weight:bold; padding:5px 35px; text-align:right; } #nav { position:relative; clear:both; padding:5px 0; float:left; width:193px; background:url(images/nav_bg_right.gif) top left no-repeat #3b5676; /*border:1px solid red; */} #nav a { position:relative; margin-left:12px; display:block; height:27px; background:no-repeat} #nav #newWreckers { background-image:url(images/nav_newWreckers.gif) } #nav #newCarriers { background-image:url(images/nav_newCarriers.gif) } #nav #heavyDuty { background-image:url(images/nav_heavyDuty.gif) } #nav #usedCarriers { background-image:url(images/nav_usedCarriers.gif) } #nav #usedWreckers { background-image:url(images/nav_usedWreckers.gif) } #nav #bucketUtilities { background-image:url(images/nav_bucketUtilities.gif) } #nav #Parts { background-image:url(images/nav_parts.gif) } #nav #creditApp { background-image:url(images/nav_creditApp.gif) } #nav #home { background-image:url(images/nav_home.gif) } #nav #newWreckers:hover { background-image:url(images/nav_newWreckers_ov.gif) } #nav #newCarriers:hover { background-image:url(images/nav_newCarriers_ov.gif) } #nav #heavyDuty:hover { background-image:url(images/nav_heavyDuty_ov.gif) } #nav #usedCarriers:hover { background-image:url(images/nav_usedCarriers_ov.gif) } #nav #usedWreckers:hover { background-image:url(images/nav_usedWreckers_ov.gif) } #nav #bucketUtilities:hover { background-image:url(images/nav_bucketUtilities_ov.gif) } #nav #Parts:hover { background-image:url(images/nav_parts_ov.gif) } #nav #creditApp:hover { background-image:url(images/nav_creditApp_ov.gif) } #nav #home:hover { background-image:url(images/nav_home_ov.gif) } #headNav { float:right; margin-top:85px;} #headNav a { height:30px; float:left; display:block; } #headNav a.about { width:99px; background:url(images/headerBut_about.gif) no-repeat } #headNav a.contact { width:99px; background:url(images/headerBut_contact.gif) no-repeat } #headNav a.directions { width:110px; background:url(images/headerBut_directions.gif) no-repeat } #headNav a.home { width:99px; background:url(images/headerBut_home.gif) no-repeat } #headNav a.account { width:118px; background:url(images/headerBut_account.gif) no-repeat } #headNav a.cart { width:134px; background:url(images/headerBut_cart.gif) no-repeat } #headNav a.checkout { width:104px; background:url(images/headerBut_checkout.gif) no-repeat } #headNav a.about:hover { width:99px; background:url(images/headerBut_about_ov.gif) no-repeat } #headNav a.contact:hover { width:99px; background:url(images/headerBut_contact_ov.gif) no-repeat } #headNav a.directions:hover { width:110px; background:url(images/headerBut_directions_ov.gif) no-repeat } #headNav a.home:hover { width:99px; background:url(images/headerBut_home_ov.gif) no-repeat } #headNav a.account:hover { width:118px; background:url(images/headerBut_account_ov.gif) no-repeat } #headNav a.cart:hover { width:134px; background:url(images/headerBut_cart_ov.gif) no-repeat } #headNav a.checkout:hover { width:104px; background:url(images/headerBut_checkout_ov.gif) no-repeat } #flash { position:relative; float:left } #footer { clear:both; position:relative; width:937px; background:url(images/footer_rightCorner.gif) top right no-repeat #455e7d;/* border:1px solid red;*/ } #footer .footerInside { background:url(images/footer_rightBotCorner.gif) bottom right no-repeat;/* border:1px solid green; */} #footer #footerLinks { height:20px; border-left:5px solid #2c4563; border-right:5px solid #2c4563; text-align:center} #footer #footerLinks a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; letter-spacing:1px; text-decoration:none } #footer #footerLinks a:hover { text-decoration:underline } #copy { padding:20px 0; text-align:center; font-size:11px; line-height:18px} #siteseal a { display: none; } /**** CONTENT INSIDE BLOCKS ****/ #content .contBlock { position:relative; background:url(images/block_rightCorner.gif) top right no-repeat #2c4563; margin-top:15px; /*border:1px solid yellow; */ } #content .contBlock .contBlockContent { position:relative; clear:both; overflow:hidden; _overflow:visible; _height:10px; background:url(images/block_rightContCorner.gif) top right no-repeat #455e7d; margin:9px 9px 0 9px;/* border:1px solid red;*/} #left_col .contBlock .contBlockContent { min-height:200px; _height:200px; } #content .contBlockInside { position:relative; overflow:hidden; _overflow:visible; _height:10px; background:url(images/block_rightBottomCorner.gif) bottom right no-repeat } #content .contBlock .corners, #content .contBlockInside .corners, { display:block;/* border:1px solid yellow*/ } #content .contBlock a.more { position:absolute; display:block; width:38px; height:12px; top:18px; right:15px; background:url(images/but_more.gif) left top no-repeat;} #content .contBlock a.view_small { position:absolute; display:block; width:33px; height:12px; top:18px; right:-5px; background:url(images/but_view_small.gif) left top no-repeat;} #content .contBlock a.buy { display:block; width:62px; height:17px; margin:5px 0; background:url(images/but_buyNow.gif) left top no-repeat;} #content .contBlock a.headBut, #greeting a.headBut { float:right; margin-right:9px; _margin-right:5px; margin-top:5px } #content .contBlock h2.blockHead { float:left; margin:0 0 9px 9px; _margin:0 0 0 4px; *margin-bottom:0; display:block; background:url(images/blockHead_left.gif) top left no-repeat #a5b7cc; padding-left:12px; font-size:17px; color:#c20101; } #content .contBlock h2.blockHead b { float:left; visibility:visible; padding-top:2px; height:26px; display:block; background:url(images/blockHead_right.gif) top right no-repeat; padding-right:12px; font-weight:normal; } #content .contBlock h3 { clear:both; padding:10px 15px; color:#ffbd7b; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal } #content .contBlock h4 { color:#ffbd7b; padding-left:15px; padding-bottom:10px;} #content .contBlock p { padding-left:15px; padding-bottom:10px;} #content .contBlock .fieldset p span { display:block } #content .contBlock .fieldset p span.inputRequirement { display:inline; } #content .contBlock .price { font-weight:normal; color:#ffbd7b; font-size:17px; } #content .contBlock .old, #content .contBlock .new { padding:0px 4px 2px 4px; border:1px solid #d1d7de; width:100px; margin:auto} #content .contBlock .old { color:#a5b7cc; text-decoration:line-through; } #content .contBlock .new { color:#c20101; background-color:#d1d7de; } #content .contBlock .product_name { font-weight:normal; color:#FFF; font-size:17px; } #content .contBlock a.product_name { color:#ffbd7b; } #content .contBlock a.product_name_small { font-weight:bold; color:white; font-size:12px; } #content .contBlock p.noProd { display:block; width:80%; margin:auto; margin-top:80px; text-align:center;} #content .contBlock div.num_of_prod, #products_listing div.res_page { margin:15px 0; float:left; /*border:1px solid yellow; */ width:auto; padding-left:20px; font-size:12px; height:auto} #content .contBlock div.res_page { float:right; padding-right:20px;} #content .contBlock div.res_page div, #products_listing div.res_page a, #products_listing div.res_page b { float:left; /* border:1px solid red;*/ margin:0 5px;} /**** pop-up ****/ #pop-up { width:100%; height:100%; background:#5c7592; padding:0; margin:0; border:1px solid #5c7592 } #pop-up #content { width:95%; height:90%; margin:0 auto; } /**** contact us ****/ #password_reminder .fieldset { width:200px; margin-top:30px } /**** contact us ****/ #contact_form .fieldset, #contact_form textarea { width:400px } /**** greeting ****/ #content #greeting { color:#ffbd7b; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; } #content #greeting span { display:block; color:white; font-size:12px; line-height:20px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif } #content #greeting a { font-weight:bold; } /**** what's new block ****/ #products_new #whats_new { display:none } #whats_new p { text-align:center;} #whats_new a, #whats_new span { display:block } #whats_new a img { margin:5px auto } /**** specials block ****/ #specials #specials_block, #home .hidden_specials { display:none } #specials_block p { text-align:center; } #specials_block a, #specials_block span { display:block } #specials_block a img { margin:5px auto } /**** quick find ****/ #avdanced_search_result #quick_find, #advanced_search #quick_find { display:none} #quick_find span { float:left; display:block; /*border:1px solid red; */} #quick_find .srchField, #quick_find .srchField input { width:100px;} #quick_find .srchBut { margin-left:10px; padding-top:2px;} #quick_find p { clear:both; min-height:20px; _height:10px; position:relative; _position:static; overflow:hidden; _overflow:visible; /*border:1px solid yellow;*/} /**** advanced search ****/ #advancedSearch #keywords { width:440px } #advancedSearch .fieldset { width:400px; } #advancedSearch .wide { width:520px; } #advancedSearch .fieldset select { width:150px } #advancedSearch .check { font-size:10px } /**** advanced search result ****/ #avdanced_search_result #catHead { display:none } #avdanced_search_result a.headBut { display:block } /**** account password ****/ #account_pwd div.fieldset { width:210px } #account_pwd input { width:160px} #account_pwd .lastRow input { width:auto} /**** account address book ****/ #address_book p.addr { min-height:80px; _height:80px} #address_book div.three_column { min-width:33%; _width:33%;/* border:1px solid green */} /**** account address book entry ****/ #address_book_entry select { width:250px } #address_book_entry .fieldset { width:400px; _width:450px; } /**** sign in ****/ #signIn .half_column { width:45%} #signIn #returningCustomer { float:right } #signIn input { width:150px } #signIn .lastRow input { width:auto } /**** account new ****/ #account_new select { width:250px } #account_new .fieldset { width:550px; /* border:1px solid yellow*/ } /**** account edit ****/ #account_edit .fieldset { width:400px;} /**** checkout shipping ****/ #shipping .method { color:#ffbd7b; padding:10px 15px; border:1px solid #ffbd7b; } #shipping .method span { font-weight:bold; width:150px; white-space:normal; padding:2px 4px;} #shipping textarea { margin-left:15px; margin-bottom:10px; width:675px; height:150px} /**** checkout payment ****/ #payment_block .method { color:#ffbd7b; padding:10px 15px; } #payment_block textarea { margin-left:15px; margin-bottom:10px; width:675px; height:150px} /**** checkout address ****/ #checkout_address .three_column { width:32% } #checkout_address .fieldset { width:400px; margin:20px auto } /**** checkout confirmation ****/ #confirmation_block div.three_column { /*padding-right:13px; border:1px solid green */} #confirmation_block div.three_column .confirm_info { min-height:100px; _height:100px;/* border:1px solid green */} #confirmation_block .products { overflow:hidden; background-color:#375374; padding-top:10px; margin-bottom:10px; overflow:hidden } #confirmation_block .products div { padding-left:15px; padding-bottom:10px; font-weight:normal; /*border:1px solid green*/} #confirmation_block .product_name { clear:both; float:left; width:80% } #confirmation_block .price { text-align:right; padding-right:35px;} #confirmation_block .total { font-size:14px; font-weight:bold; text-align:right; padding-right:0; padding-bottom:5px; } #confirmation_block .total .price { float:none } /**** checkout_steps ****/ #checkout_steps { width:90%; margin:20px auto 0 auto; height:80px;/* border:1px solid green; overflow:hidden;*/ background:url(images/barLine.gif) repeat-x } #checkout_steps div { float:left; width:24%; } #checkout_steps #start { background:url(images/bar_flatBack.gif) left top no-repeat;/* border:1px solid red*/ } #checkout_steps #end { background:url(images/bar_flatBack.gif) right top no-repeat; float:right/**/ } #checkout_steps span { padding:0 40px; display:block; padding-top:40px; text-align:center; background:url(images/point_off.gif) center top no-repeat; /*border:1px solid red*/ } #checkout_shipping #delivery { background-image:url(images/point_active.gif) } #checkout_payment #payment { background-image:url(images/point_active.gif) } #checkout_confirmation #confirmation { background-image:url(images/point_active.gif) } #checkout_success #finished { background-image:url(images/point_active.gif) } /**** products catalog****/ #catalog { clear:both } #catalog p { position:relative; margin:6px 0 0 0; width:190px; _width:170px; display:block; float:left; padding:10px 0; /*border:1px solid green;*/ } #catalog a, #catalog p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;} #catalog a.active_category { color:#ffbd7b; padding:2px 4px; border:1px solid #ffbd7b; text-decoration:none; cursor:default; } #home #searchHead { display:none } /**** home new products ****/ #home #new_products {position:static;} #home #new_products .product { float:left; font-size:10px; width:33%; min-height:160px; _height:160px; margin:10px 0 0 0; text-align:center; /* border:1px solid green;*/} #home #new_products .product img { margin:auto } #home #new_products .product .product_name_small { display:block; padding:0 20px; margin-bottom:5px } /**** home specials ****/ #home #home_specials {position:static;} #home #home_specials .product { float:left; font-size:10px; width:50%; min-height:200px; _height:200px; margin:10px 0 0 0; text-align:center; /* border:1px solid yellow;*/ } #home #home_specials .product img { margin:auto } #home #home_specials .product .product_name_small { display:block; padding:0 20px; margin-bottom:5px } #home #home_specials span { display:block } /**** home manufacturers ****/ #home #home_manufacturers {position:static;} #home #home_manufacturers .manufacturer { float:left; font-size:10px; width:50%; min-height:120px; _height:120px; margin:10px 0 0 0; text-align:center; /* border:1px solid yellow;*/ } #home #home_manufacturers .manufacturer img { margin:auto } #home #home_manufacturers .manufacturer .product_name_small { display:block; padding:0 20px; margin-bottom:5px } #home #home_manufacturers span { display:block } /**** Products Listing ****/ #products_listing .contBlockContent div { float:left; margin-top:10px; /*border:1px solid yellow;*/ } #products_listing div.full_column { float:none; margin:0; } #products_listing div.lastRow { float:none; } #products_listing div.list_head { font-weight:bold; text-align:center; } #products_listing div.product_image { width:140px; clear:both } #products_listing div.product_image img { margin:auto } #products_listing div.product_info { width:220px; min-height:90px; _height:90px;/* border:1px solid yellow;*/ } #products_listing div.product_info p { display:block; padding-left:0; /*border:1px solid red;*/ } #products_listing div.total { width:90px; text-align:right; /*border:1px solid red;*/ } #products_listing div.total span { display:block; } #products_listing div.button { width:90px; /* border:1px solid red; */} #products_listing div.button a, #products_listing div.button input { float:right } #products_listing div.freeship {font-size:16px;font-weight:bold;color:red;} #products_listing p.part_number { font-size:17px; font-weight:normal; } #products_listing p.date_added { font-size:12px; } #products_listing p.manufacturer { font-size:12px; visibility:hidden } /**** specials list ****/ #specials #products_listing div.product_info { width:200px; } /**** orders history ****/ #orders_history .noProd a { margin-top:15px} #orders_history .headBut { display:block } /**** order info ****/ #order_info div.three_column { width:33%; /*border:1px solid yellow */} #order_info .products { overflow:hidden; background-color:#375374; padding-top:10px; margin-bottom:10px; overflow:hidden } #order_info .products div { padding-left:15px; padding-bottom:10px; font-weight:normal; /*border:1px solid green*/} #order_info .product_name { clear:both; float:left; width:80% } #order_info .price { text-align:right; padding-right:35px;} #order_info .total { font-size:14px; font-weight:bold; text-align:right; padding-right:0; padding-bottom:5px; } #order_info .total .price { float:none } /**** mini shopping cart ****/ #mini_cart p { display:block; font-size:11px; line-height:18px; padding:0 5px 5px 7px; /* border:1px solid blue;*/ } #mini_cart span { float:left; width:15px; text-align:right } #mini_cart a { display:block; padding-left:20px; /* border:1px solid green;*/ } #mini_cart .empty { padding-left:15px; } /**** shopping cart ****/ #shopping_cart #products_listing div.remove { width:80px; clear:both } #shopping_cart #products_listing div.remove input { margin-left:40px } #shopping_cart #products_listing div.product_image { width:100px; clear:none } #shopping_cart #products_listing div.product_image img { margin:0; max-width:80px } #shopping_cart #products_listing div.product_info { width:130px; } #shopping_cart #products_listing div.QTY { width:60px } #shopping_cart #products_listing div.QTY input { margin-left:5px} #shopping_cart #products_listing div.total { width:80px; height:90px } #shopping_cart #products_listing div.list_head div.total{ text-align:center; height:25px } #shopping_cart #products_listing div.item { width:230px; _width:270px; text-align:left } #shopping_cart #products_listing .subtotal { color:white; font-size:18px; font-weight:normal; text-align:right; padding-right:15px } /**** product info ****/ #product_info #products_listing div.product_info { width:220px; } #product_info #products_listing div.button { width:100px; } #product_info #products_listing div.product_image a span { display:block; margin:auto; cursor:pointer; font-size:10px; width:100px; text-align:center;/* border:1px solid red */} #product_info #products_listing div.lastRow { margin-left:0px; padding-left:0px} #product_info #products_listing div.lastRow *{ float:none} /**** scrolling line ****/ #translator { position:relative; clear:both; width:917px; overflow: hidden; visibility: hidden; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; line-height: normal; margin-left:10px; color: #FFF; height: 20px; /**/ padding-top:5px; padding-bottom:15px; /* - remove comments to show the streamline ****/ } #translator #line { position: relative; } #translator #line span{ position: absolute; } /* NOT USED */ /**** customer's reviews ****/ #cust_reviews .title { clear:both; display:block; font-size:10px; margin-bottom:10px} #cust_reviews .title .left { float:left; padding:5px 20px; } #cust_reviews .title .right { float:right; padding:5px 20px; } #cust_reviews .review_body { clear:both;} #cust_reviews .rating { display:block; white-space:nowrap; padding-top:5px; padding-left:20px; /* border:1px solid green;*/} #cust_reviews .rating img { display:inline; margin:0 10px } #cust_reviews p { padding-bottom:5px /* border:1px solid green;*/} #cust_reviews p.rev { font-weight:bold; font-weight:bold; padding:15px 20px } #cust_reviews p.info { clear:both } #cust_reviews a.product_picture { display:block; float:left; padding:10px 20px; text-align:center;/* border:1px solid green;*/ } #cust_reviews label { cursor:pointer; padding-top:5px; font-size:10px } #cust_reviews .product_name { padding-top:10px; font-weight:normal; color:#ffbd7b; font-size:18px; } #cust_reviews .price { font-weight:normal; color:#ffbd7b; font-size:18px; } #cust_reviews .model { margin:0; padding-top:-10px; font-size:18px; font-weight:normal } /**** best sellers ****/ #bestsellers p { display:block; font-size:11px; line-height:18px; padding:0 0 5px 7px; /* border:1px solid blue;*/ } #bestsellers span { float:left; } #bestsellers a { display:block; padding-left:25px; /* border:1px solid green;*/ } /**** notifications ****/ #notifications a { display:block; margin-left:15px; padding:0 5px 0 37px; background:no-repeat } #notifications a.notify { background-image:url(images/icon_notifications.gif) } #notifications a.notify_stop { background-image:url(images/icon_notifications_stop.gif) } /**** tell a friend ****/ #tell_friend input {/* padding-top:5px;*/ } #tell_friend .text_field { width:100px; margin:0 10px; _margin:0 7px; } #tell_friend p { padding:5px 10px; _padding:5px 15px;} /**** reviews ****/ #reviews a { display:block; } #reviews a span { text-decoration:none } #reviews a.review_text { padding:5px 10px; text-align:center } #reviews a img, #reviews p img { margin:5px auto } /**** languages ****/ #lang a { display:block; margin:auto; width:34px; height:15px;} #lang a img { margin:auto;} /**** currencies ****/ #currencies select { margin-left:15px; width:150px}