/* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, li, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;} caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";} blockquote, q {quotes: "" "";} {margin:0;padding:0;} /* RESET END */ /* HTML */ html { overflow-x: hidden; overflow-y: scroll; } body { background-color: #FFF; color:#444; font-family: 'Lucida Grande','Trebuchet MS', Verdana, sans-serif; font-size:65%; line-height:1.4em; } a { color:#333; text-decoration:none;} a:hover { color:#577ea6; } a img { border: none; } h1 { font-family: 'Nobile', 'Lucida Grande', sans-serif; font-size: 1.8em; padding-bottom: 4px; } h2 { font-size: 1.4em; } li { list-style: none; padding-left: 8px; } p { margin-bottom: 12px; } strong { font-weight: bold;} /* HTML END */ /* COMMON */ .aleft { float: left; } .aright { float: right; } .error { color: red; display: block; } .featured { margin-bottom: 3px; } .holder { overflow: hidden; } .information_text { margin: 20px; width: 280px; } .information_picture { margin: 20px; width: 214px; } .inline { display: inline; } .latest { margin: 3px 0 6px 0; } .light { color: #BBB; font-size: 0.9em; } .module_left { float: left; } .module_right { float: right; width: 110px; } .no_border img { border:0; } .required { color: red; font-weight: bold; } .review_success { background-color: green; } .review_wait { background-color: #EFEFEF; color: #333; } .review_warning { background-color: red; } .separator_5px { clear: both; height: 5px; } .underline { border-top: 1px solid #EEE; border-bottom: 1px solid #EFEFEF; height: 1px; margin-bottom: 3px; } /* COMMON END */ /* BLOCKS */ #container { margin:0 auto; padding: 7px 10px 10px 10px; width: 1200px; } #header { color:#FFF; margin: 0 0 1px 0; } #header_navi li { margin: 0; padding: 0; display: inline; } #header_navi ul { margin: 10px 0 0 0; padding: 0; } #header_navi li a { background-color: #EFEFEF; font-size: 1.2em; float: left; margin-left: 10px; padding:25px 15px 6px 15px; text-transform: uppercase; } #header_navi li a:hover { background-color: #DDD; color: #333; font-size: 1.2em; float: left; margin-left: 10px; padding:25px 15px 6px 15px; text-transform: uppercase; } .header_active { background-color: #333; color: #FFF; } #welcome { color: #666; } .welcome_message { background-color: #577ea6; color: #FFF; font-size: 1.1em; margin-bottom: 7px; margin-top: -6px; padding: 4px 10px 5px 10px; text-align: right; } #header_path { background: url('../images/top_bar_bg.jpg'); background-repeat: no-repeat; color: #AAA; font-size: 1.1em; height: 30px; overflow: hidden; padding: 8px 0 0 0; } #header_path a { color: #666; } #header_path a:hover { color: #577ea6; } .header_home { float: left; margin:-6px 16px 0 6px; } .header_cart { float: right; margin:-6px 2px 0 18px; } #header_search { background: url('../images/tools_bg.jpg'); background-repeat: no-repeat; color: #AAA; font-size: 1.1em; height: 36px; overflow: visible; padding: 6px 6px 0 10px; } #header_search a { color: #666; } #header_search a:hover { color: #577ea6; } #column_left { clear: left; float: left; width: 180px; } #column_right { clear: right; float: right; width: 180px; } #welcome_content { border-bottom: 2px solid #577ea6; border-top: 2px solid #577ea6; font-size: 1.1em; margin: 0 190px 10px 190px; padding: 12px 12px 0 12px; } #content { background-image: url(../images/module_bg.png); border-bottom: 2px solid #577ea6; border-top: 2px solid #577ea6; margin: 0 190px 10px 190px; } #content a, #content_cart a { color:#577ea6; text-decoration:none;} #content a:hover, #content_cart a:hover { color:#333; } #content_cart { background-color: #FFF; background-repeat: no-repeat; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; margin: 0 0 10px 190px; } /* BLOCKS END */ /* PAGES */ .page_title { background-color: #EFEFEF; border-bottom: 1px solid #DDD; border-top: 1px solid #FFF; margin-bottom: 6px; overflow: hidden; padding: 14px 30px 10px 30px; } .page_content { border: 1px solid #DDD; font-size: 1.1em; margin:0px 0px 6px 0px; overflow: hidden; padding: 15px; } .page_buttons { background-color: #EFEFEF; border-top: 1px solid #DDD; overflow: hidden; padding:12px 30px 12px 30px; text-align: right; } .product_image { background-color: #EFEFEF; float:left; padding-bottom: 5px; text-align: center; width: 242px; } .product_image img { background-color: #FFF; border: 1px solid #EFEFEF; width: 240px; } .product_thumb { margin: 3px 0 0 4px; text-align: left; } .product_thumb img { width: 44px; } .product_info { float:right; width: 525px; } .product_info_col1 { float:left; font-weight: bold; width: 105px; } .product_info_col2 { float:left; width: 145px; } .product_options { background: #FFFFCC; border: 1px solid #FFCC33; margin-bottom: 10px; overflow: hidden; padding: 5px 10px 5px 10px; } .product_options_col1 { float:left; font-weight: bold; width: 125px; } .product_options_col2 { float:right; width: 135px; } .product_addtocart { background-color: #EFEFEF; border: 1px solid #DDD; padding: 5px 10px 5px 10px; } .product_description { margin-bottom: 5px; } #review_holder, #review_buttons { display: none; } .review { border: 1px solid #EFEFEF; margin: 5px 0 5px 0; padding: 5px; } .review_success, .review_wait, .review_warning { color: #FFF; margin-top: 10px; padding: 5px 0px; text-align: center; } .cart_block { float: left; padding-top: 15px; text-align: center; width: 12%; } .cart_block_img { float: left; margin-bottom: 5px; text-align: center; width: 12%; } .cart_block_img img { width: 50px; } .cart_block_name { float: left; padding-top: 15px; width: 38%; } .cart_block_title { float: left; text-align: center; width: 12%; } .cart_block_title_name { float: left; width: 38%; } .cart_holder { border: 1px solid #EFEFEF; clear: left; } .cart_item_even, .cart_item_odd { border: 1px solid #EFEFEF; overflow: hidden; padding-top: 5px; } .cart_nav { clear:both; padding-top:5px; text-align:center; } .cart_subtotal { background-color: #EFEFEF; color: #333; float: right; padding: 3px 10px 3px 10px; text-align: right; } .cart_title { background-color: #EFEFEF; overflow: hidden; padding: 3px 0 3px 0; } .cart_weight { background-color: #EFEFEF; color: #333; float: left; padding: 3px 10px 3px 10px; } .home_block { float: left; height: 230px; max-height:244px; line-height: 1.2em; text-align: center; width: 145px; overflow:visible; border-bottom:1px solid #ECECEC; border-top:1px solid #ECECEC; padding-top:8px; padding-bottom:3px; padding-right:3px; padding-left:3px; } .home_block img { width: 120px; } .home_block2 { float: left; height: 230px; max-height: 244px; line-height: 1.4em; padding-top: 2px; text-align: left; width: 145px; font-size:1.2em; overflow:visible; } .home_block2 img { width: 120px; } .home_block2 a { background: no-repeat scroll 0 4px; } .contact_box { background-color: #EFEFEF; overflow: hidden; padding: 10px; } .contact_box_left { float: left; width: 46%; } .contact_box_right { float: right; width: 46%; } .login_box { background-color: #EFEFEF; border: 1px solid #CCC; overflow: hidden; margin: 3px 0 30px 0; padding: 10px; } .login_error { color: red; font-weight: bold; margin-bottom: 10px; } .login_success { color: green; font-weight: bold; margin-bottom: 10px; } .account_edit_info { color: green; font-weight: bold; margin-bottom: 10px; } .account_address { background-color: #FFF; border: 1px solid #DDD; margin-top: 8px; padding: 10px; overflow: hidden; } .account_create_block_left { float:left; padding-right: 1%; padding-top: 2px; text-align: right; width: 29%; } .account_create_block_right { float:left; width: 70%; } .account_invoice_block_3 { float:left; padding-right: 3%; width: 30%; } .account_invoice_block_5 { float:left; font-size: 0.9em; margin-bottom: 3px; padding-right: 2%; text-align: center; width: 17%; } .account_invoice_block_5_first { float:left; font-size: 0.9em; padding-right: 2%; width: 22%; } .account_invoice_total { border-top: 1px solid #EFEFEF; clear: both; font-size: 0.9em; padding: 3px 10px 0 0; text-align: right; } #footer_divider { clear: both; height: 10px; } #footer { background: url('../images/bottom_bar_bg.jpg'); background-repeat: no-repeat; clear: both; font-size: 1.15em; height: 40px; overflow: hidden; padding:3px 0 3px 5px; } #copyright { text-align: right; } /* BLOCKS END */ /* MODULES */ .module { margin: 0 0 10px 0; } .module_title { background: url('../images/module_top_bg.jpg'); color: #333; font-size: 1.2em; font-weight: bold; height: 17px; padding: 4px 8px 3px 12px; } .module_content { background: url(../images/module_bg.png); border: 1px solid #CCC; color: #333; font-size: 1.1em; padding: 8px; } .module_content img { padding: 1px; } .module_centered { color: #444; text-align: center; } /* MODULES END */ /* SITEMAP */ #sitemap_left { border-left: 1px dotted #EFEFEF; padding-left: 8px; width: 45%; } #sitemap_right { border-left: 1px dotted #EFEFEF; padding-left: 8px; width: 40%; } /* SITEMAP END */ /* TEXT */ .cart_empty { color: #333; text-align: center;} .cart_item { color: #333; } .cart_option { color: #999; padding-left: 20px; } .cart_total { color: #333; text-align: right; padding-top: 10px;} .price { color: green; } .price_option { color: #CCC; } .price_crossed { color: #999; text-decoration: line-through; } .price_special { color: red; font-weight: bold; } /* TEXT END*/ /* HOMEPAGE SLIDER */ #slider { border-bottom: 1px solid #121212; border-top: 1px solid #121212; display: none; margin: 0 0 7px 0px; width: 820px; } #slider ul, #slider li { margin:0; padding:0; list-style:none; } #slider, #slider li { width:820px; height:247px; overflow:hidden; } .slider_numeric { background: url('../images/slider_button_bg.png'); background-repeat: no-repeat; clear: left; height: 24px; margin-top: -247px; padding: 3px 0 0 10px; position: absolute; width: 24px; } .slider_numeric a { color: #FFF; padding: 0; } #slider_numeric_1 { margin-left: 15px; text-align:left; } #slider_numeric_2 { margin-left: 45px; text-align:left; } #slider_numeric_3 { margin-left: 75px; text-align:left; } #slider_numeric_4 { margin-left: 105px; text-align:left; } #slider_numeric_5 { margin-left: 135px; text-align:left; } #slider_numeric_6 { margin-left: 165px; text-align:left; } #slider_numeric_7 { margin-left: 195px; text-align:left; } #slider_numeric_8 { margin-left: 225px; text-align:left; } #slider_numeric_9 { margin-left: 255px; text-align:left; } #slider_numeric_10 { margin-left: 285px; text-align:left; } /* HOMEPAGE SLIDER END */ /* FORMS */ input { border:1px solid #CCC; font-size: 1.1em; padding: 3px; } select { border:1px solid #CCC; font-size: 1.1em; padding: 2px; } textarea { border:1px solid #CCC; font-size: 1.3em; padding: 5px; width: 528px; } .input_button { border: 0; background-color: #577ea6; color: #FFF; cursor: pointer; padding: 3px 6px 3px 6px; } .input_radio { border-width: 0; margin: 0; padding: 0; } /* FORMS END */ /* PAGINATION */ #products_order { display: none; } .pagination { background-color: #EFEFEF; border-top: 1px solid #CCC; margin: 3px 0 0 0; /* overflow: hidden; */ padding: 6px 30px 6px 30px; height:20px; } .pagination .links, .pagination .results { font-size: 1.25em; } .pagination a { background-color: #FFF; border: 1px solid #CCC; color: #FFF; padding: 4px 6px; text-decoration: none; } .pagination b { background-color: #577ea6; border: 1px solid #FFF; color: #FFF; padding: 4px 6px; text-decoration: none; } .pagination .links { float: left; } .pagination .results { float: right; } /* PAGINATION END */ /* TERMSLOADER */ #termsloader { background-color: #FFF; display: none; margin-top: 30px; overflow: hidden; } #termsloader #content { border: 0; margin: 0; } #termsloader .top { background-color: #FFF; margin-left: 20px; } /* TERMSLOADER END */ /* MAINTAINED FROM DEFAULT CSS FOR COMPATIBILITY */ .buttons { float: right; } .button { } .button span { background-color: #577ea6; color: #FFF; cursor: pointer; margin-left: 5px; padding: 5px 10px 5px 10px; } .button_add_small, a.button_add_small:visited { margin-top: 3px; background: url('../image/button_add_small.png') no-repeat left center transparent; padding:5px; text-decoration: none; cursor:pointer; } /* MAINTAINED FROM DEFAULT CSS FOR COMPATIBILITY END */ /* Accordian Menu CSS File Contents */ dl.level0, dl.level0 dl{ margin: 0; } dl.level0 dd{ display: none; overflow: hidden; height: 0px; margin-left: 6px; } dl.level0 dd.active{ display: block; height: 100%; } dl.level0 dt{ border-bottom:1px solid #E0E0E0; padding: 4px 0 4px 0; } dl.level0 dt a{ text-decoration: none; font-weight: bold; } dl.level0 dt a:hover{ text-decoration: underline; } dl.level0 dt.active a { text-decoration: underline; } /* Level1 */ dl.level0 dt{ padding-left: 18px; } dl.level0 dt{ background: url('/catalog/view/image/point.gif') no-repeat scroll 0 4px; } dl.level0 dt.parent{ background: url('/catalog/view/image/closed.gif') no-repeat scroll 0 4px; cursor: pointer; } dl.level0 dt.parent:hover{ background: url('/catalog/view/image/hclosed.gif') no-repeat scroll 0 4px; } /* Level2 */ dl.level1 dt{ padding-left: 18px; margin-left: 12px; } dl.level1 dt.parent{ } /* Level3 */ dl.level2 dt{ padding-left: 18px; margin-left: 20px; } dl.level2 dt.parent{ } /* Level4 */ dl.level3 dt{ padding-left: 18px; margin-left: 28px; } dl.level3 dt.parent{ } dl dt.parent.open{ background-image: url('/catalog/view/image/open.gif'); } dl dt.parent.open:hover{ background-image: url('/catalog/view/image/hopen.gif'); } /* LIVE SEARCH CSS FILE CONTENTS */ #search { position: relative; top: 0px; left: 0px; } #search_results { margin:0px; padding:5px; position: absolute; top: 25px; left: 0px; background-color: #1B57A3; list-style-type: none; z-index: 12; } #search_results li { padding: 2px 0px; } #search_results a, #search_results a:visited, #search_results a:hover { color: #fff; text-decoration: none; } #search_results a:hover { color: #FFF; } #search_results li:hover { background-color: #0CC; } #search_results .highlighted { background-color: #0CC; } /* Share It Link Module CSS */ ul#shareit { list-style: none; background: url('/catalog/view/image/shareit_box.png') no-repeat 0 0; position: relative; width: 145px; height: 44px; margin: 0; padding: 0; } ul#shareit li { position: absolute; } ul#shareit li a{ display: block; height: 100%; text-indent: -9000px; } #twitter { width: 18px; height: 16px; top: 2px; left: 3px; } #facebook { width: 18px; height: 16px; top: 2px; left: 35px; } #digg { width: 18px; height: 16px; top: 2px; left: 64px; } #stumble { width: 18px; height: 16px; top: 2px; left: 94px; } #myspace { width: 18px; height: 16px; top: 2px; left: 124px; } #blogthis { width: 18px; height: 16px; top: 25px; left: 3px; } #reddit { width: 18px; height: 16px; top: 25px; left: 35px; } #delicious { width: 18px; height: 16px; top: 25px; left: 64px; } #googlebuzz { width: 18px; height: 16px; top: 25px; left: 94px; }