.prepend-top { margin-top:1.5em; } .append-bottom { margin-bottom:1.5em; } /** * Rounded Corners **********************************/ /** * Box Shadow **********************************/ /*------------------------------------------------------------------ [Global Core] Theme: Default Primary use: Global HTML element reset and common css classes Created by: Brad Haydon Created on: 03.29.09 -------------------------------------------------------------------*/ /* Reset -------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} table{border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';} a{outline: none;} /* Reusable Utility Classes (These classes are used when adding to a stylesheet would be overkill) -------------------------------------------------------------------*/ .hide{display: none !important;} .block{display: block !important;} .clear{clear: both !important;} .clear-left{clear: left !important;} .clear-right{clear: right !important;} .text-left{text-align: left !important;} .text-right{text-align: right !important;} .text-center{text-align: center !important;} .top{vertical-align: top !important;} .middle{vertical-align:middle !important;} .bottom{vertical-align: bottom !important;} .zero-margin{margin: 0 !important;} .zero-padding{padding: 0 !important;} .no-border{border: none !important;} .nowrap{white-space: nowrap !important;} .margin-bottom{margin-bottom: 1.7em !important;} .uppercase{text-transform: uppercase !important;} .last {margin-right: 0px !important;} .clearfix:after, .container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; } .prepend-top { margin-top:1.5em; } .append-bottom { margin-bottom:1.5em; } /** * Grid **********************************/ #header,#body,#footer { width: 100%; } #header .con, #body .con, #footer .con { width: 960px; margin: 0 auto; padding: 0; } #header .con { margin-bottom: 0px; position: relative; } #header { position: relative; z-index: 2; } #body { position: relative; z-index: 1; } #footer { position: relative; z-index: 2; } #primary, #secondary { margin-bottom: 20px; float: left; clear: both; overflow: hidden; } #secondary { margin-top: 20px; overflow:visible; } #content { margin: 0 20px; overflow: hidden; } #promos_gateway { position: relative; z-index: 0; } /** * Sytleguide **********************************/ /* Headings */ h1,h2,h3,h4,h5,h6 { } h1 { margin: 0 0 16px 0; } h2 { margin: 0 0 6px 0; } h3 { margin: 0 0 6px 0; } h4, h5, h6 { margin: 0 0 6px 0; } /* Headings w/ Box & Alt Classes */ h1.box, h2.box, h3.box, h4.box, h5.box, h6.box { margin: 0; padding: .35em 1em .15em 1em; display: inline; } h1.box.alt, h2.box.alt, h3.box.alt, h4.box.alt, h5.box.alt, h6.box.alt { } /* Lists */ ul li ul, ol li ol { margin-left: 1.3em; } ul, ol { margin: 0 0 1.7em 2em; list-style-position: outside; } /* Unordered */ ul { } ul li { } p+ul { } /* Orderded */ ol { } ol li { } p+ol { } li { margin: 0 0 10px 0; } /* Definition */ dl { overflow: hidden; zoom: 1; } dt, dd { display: block; } dl dt { } dl dd { margin: 0 0 30px 0; overflow: hidden; } /* Paragraphs */ p { margin: 0 0 18px; } p+p { } /* Microformats */ .vcard { margin-bottom: 1.3em; } /* Links */ a { } a { } p a { border-bottom: 1px dotted #808080; } p a:hover { border-bottom-color: #808080; } /* Tables */ table { width: 100%; border-collapse: collapse; } table caption { display: none; padding: 1em; } table caption.show { display: table-caption; } table thead { } table.open thead { border-bottom: 1px solid #454545; } table thead tr { } table thead tr th { padding: 1.5em;} table tfoot { } table tfoot tr { } table tfoot tr td { } table tbody { } table tbody tr { } table.open tbody tr { border: none; } table tbody.stripe tr { border-top: 1px solid v18; border-bottom: 1px solid #454545; } table tbody tr th, table tbody.stripe tr th { padding: 1.5em; } table tbody tr th { border-top: 1px solid #454545; border-bottom: 1px solid #454545; } table.open tbody tr th { border: none; } table tbody tr:last-child { border-bottom: none; } table tbody tr td { margin: 0; padding: 1.5em; border: none; } table tbody.stripe tr td { margin: 0; padding: 1.5em; border: none; } table.open tbody tr td { border: none; } /* Extra */ hr { margin: 1.9em 0 1.7em 0; } /* Divs */ div.box { padding: 20px 0; } div.box.alt { } div.box h1, div.box h2, div.box h3, div.box h4, div.box h5, div.box h6 { padding: 0 20px 6px 20px; } div.box p { padding: 0 20px; } div.box p:last-child { margin: 0 0 .6em 0; } div.box > ul { margin-left: 14px; padding: 0 20px; } div.box > ol { margin-left: 20px; padding: 0 20px; } div.box ul:last-child, div.box ol:last-child { margin-bottom: .6em; } /** * Forms */ /* General */ form { margin-bottom: 0; padding: 20px; overflow: hidden; } form legend { padding: 1.2em; border: none; } form fieldset { float: left; width: 100%; padding-top: .7em; border: none; } form p { margin: 0; padding: 4px 20px; overflow: hidden; } /** * Definition Styles Reset */ form dl, form dt, form dd { margin:0; padding:0; border:0; } /** * Form Row Classes */ /* Base */ form div, form ul, form dl { float:left; display:inline; width:100%; clear:both; margin:0; padding:.5em 0; } /* Info */ form p.info { float: none; display: block; width: auto; clear: both; padding-left: 30px; } /* Helpers */ form p { display: block; padding: .2em 0 0 200px; clear: both; } form div.error { border-top: 1px solid #ff5c5c; border-bottom: 1px solid #ff5c5c; } form div.error input { border: 1px solid #ff4343; } form p.error input { border-color: #ff7777; } form p.error input.text:focus, form p.error textarea:focus, form p.error select:focus { border-color: #d70000; } /* Title Columns */ form label, form dt, form dl.alt dt { float: left; display: inline; width: 150px; padding: 0 0 0 30px; margin-right: 20px; } form label { padding-top: 3px; } /* Input Boxes */ form input.text, form textarea.text, form select { border:1px solid v14; padding:.2em; color:#000; } form div select:focus { border-width: 1px !important; border-style: solid !important; } /* Radio and Checkboxes */ form ul label, form dl label { float: none; width: auto; padding: 0; margin-left: 5px; } form li input { float: left; } form ul { margin: 0; padding: 0; list-style-type: none !important; } form li { margin: 0 0 0 200px; padding: 0; } form dl dd { float: left; padding-left: 200px; } form dl.alt dd { width: auto; float: left; display: inline; margin: 0 1em 0 0; padding: 0; } /* Buttons */ form p.buttons { margin: 0; padding: 0; border: none; } form p.buttons input:first-child { margin-left: 200px; } form p.buttons input { margin-top: .7em; } form input#submit, form input.submit { float: right; padding: 1px 10px 0 10px; border: 1px solid #af0101; } form input#submit_b { float: right; } form input#submit:hover, form input.submit:hover { border: 1px solid #ea1313; } form input#submit:active, form input.submit:active { border: 1px solid #800101; } form input#submit.disabled, form input.submit.disabled { border: 1px solid #ff9494; } form input#submit.disabled:hover, form input.submit.disabled:hover { cursor: default; } /** * Header **********************************/ #header_inner { padding: 0 20px; float: left; z-index: 0; } /** * Identity */ #identity { float: left; } #identity a { width: 88px; height: 60px; display: block; text-indent: -9999px; } /* Top Nav */ #top_nav { font-size: 11px; float: right; background: #353535; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 30px; } #top_nav ul { overflow: hidden; padding: 8px 6px 0 15px; margin: 0 0 0 0; } #top_nav ul li { float: left; } #top_nav ul li a { display: block; padding: 0 9px; color: #fff; } #top_nav ul li.last a { padding-right: 0; } #top_nav a.cart { padding-left: 20px; } /* Nav primary */ #nav_primary_container { float: left; width: 700px; margin: 0 0 0 0; } ul#nav_primary { margin: 7px 0 0 15px; padding: 0; list-style: none; position: relative; clear: right; float: left; font-family: "QuicksandBold",Helvetica,Arial,sans-serif; font-size: 10px; z-index: 1; line-height: 20px; } ul#nav_primary li { float: left; text-transform: uppercase; margin: 0 5px 0 0; min-width: 150px; width: 150px; } ul#nav_primary li a { display: block; text-decoration: none; text-align: center; padding: 1px; color: #ffffff; font-size: 10px; cursor:pointer; background: url(/usa/images/css/ui/bg_globalNav.jpg?1283367658) no-repeat top right; } ul#nav_primary li a.hover, ul#nav_primary li a:hover, ul#nav_primary li a.selected { color: #fff; background-position: bottom right; } ul#nav_primary li ul.sbmenu { list-style: none; position: absolute; margin: 0; padding: 3px 0; display: none; float: left; font-family: Helvetica, Arial, Sans-Serif; background: url(/usa/images/css/ui/bg_dropdown.png?1283367658); } ul#nav_primary li ul.sbmenu li { margin: 0; padding: 0 3px; clear: both; text-transform: none; } html ul#nav_primary li ul.sbmenu li a, html ul#nav_primary li ul.sbmenu li a:visited { display: block; text-decoration: none; text-align: left; padding: 5px 0 8px 35px; color: #fff; font-size: 11px; background:transparent url(/usa/images/css/ui/bg_dropdown_item.png?1283367658) repeat-x top left; width: auto; } html ul#nav_primary li ul.sbmenu li a:hover, html ul#nav_primary li ul.sbmenu li a.select { color: #fff; background-position: bottom left; } /* Nav Search */ #nav_search { width: 940px; margin: 0; padding: 20px 20px 0 20px; float: right; } #nav_search label { } #search_simple .product_family label, #search_simple .product_material label { display: none; } #nav_search div fieldset div { float: left; } #search_controls { float: right; clear: both; width: 880px; } #search_controls legend { display: none; } #nav_search ul { width: 550px; margin: 0; padding: 0; float: right; border-bottom: 1px solid #585858; } #nav_search ul li { float: right; margin-top: 4px; margin-bottom:0; margin-right: 0; position: relative; bottom: 0px; } #nav_search ul li a { padding: 3px 30px 3px 16px; } #nav_search ul li a.selected { border: 1px solid #585858; border-bottom: none; position: relative; } #nav_search ul li a.selected span { width: 100%; height: 8px; position: absolute; left: 0; bottom: -4px; } #nav_search form { padding: 0; } #nav_search form fieldset { float: left; } #nav_search form div { width: auto; padding: 0; clear: none; } #nav_search form div select { width: 100px; padding: 0; margin-top:2px; } #nav_search form div div { } #nav_search_tabs li a { display: block;} div.controls div.dropdown label { display: none; } #nav_search div.controls div { float: right !important; margin-left: 20px; } label { margin: 0; padding: 0; } .check { width: auto !important; margin-top: 4px; overflow: hidden; zoom: 1; } .edge { border-right: 1px solid #D70000; } .check input, .check label { margin: 0; padding: 0; } .check label { width: auto; } .check input { float: left; margin-right: 10px; } #search_simple, #search_advanced, #search_by_code_or_name { height: 30px; } #search_simple .dropdown, #search_simple .controls div { float: right; border-left: 1px solid #D70000; margin: 0 0 0 10px; padding: 0 10px 0 10px; } #search_simple .controls div.dropdown { border-left: none; } /* Advanced Search */ #search_advanced .dropdown label { display: none; } #search_advanced .controls div { float: right; border-left: 1px solid #D70000; margin: 0 0 0 10px; padding: 0 10px 0 10px; } #search_advanced .dropdown div { float: right !important; margin: 0 0 0 0; padding: 0 0 0 0; border-left: none; } #search_advanced .controls div.dropdown { border-left: none; margin-left: 0; } /*Code Search */ form#code_or_name_search_form { padding-right: 35px; } form#code_or_name_search_form fieldset { width: 100%; } form#code_or_name_search_form fieldset div { float: right; width: auto; } form#code_or_name_search_form fieldset label { width: 200px; padding-top: 5px; margin-right: 10px; } form#code_or_name_search_form fieldset input { float: left; display: block; padding: 2px; margin: 0; border: none; cursor: pointer; } form#code_or_name_search_form fieldset input#filter_code_or_name { width: 100px; cursor: default; margin-right: 10px; border: 1px solid #cccccc; padding: 2px; } form#code_or_name_search_form fieldset input#filter_code_or_name:focus { border: 1px solid #d70000; outline: none; } /** * Utilities **********************************/ .utilities { margin-bottom: 10px; padding: 0 20px; clear: both; overflow: hidden; } .utilities a { width: auto; padding: 0 1em; float: left; border-right: 1px solid #585858; border-bottom: 1px solid #585858; } .utilities p { margin: 0; padding: 0; float: right; } .utilities form { margin:0; padding:0; width:180px; float:left; } .utilities form input { cursor:pointer; width:130px; padding: 0 1em; margin:0;text-transform:uppercase; color:#000; border-right: 1px solid #585858; border-bottom: 1px solid #585858; border-top: none; border-left: none; outline: 0; font-family: TradeGothic LT BdCondTwenty,Helvetica,Verdana,"sans-serif"; font-size: 14px; } .utilities form input:hover { color:#d70000; } .utilities .utility_blocks .order_by_phone { padding: 0 0 0 25px; } /** * Violators **********************************/ .violators { width: 156px; height: 15%; padding: 6px; position: absolute; top: 0; left: 0; z-index: 59; } .violators span.status { width: 50%; height: 100%; float: left; } .violators span.hilight { width: 30%; height: 100%; float: right; } /** * Promos **********************************/ #secondary #promos_gateway ul { margin: 0; padding: 0; list-style-type: none; } #secondary #promos_gateway ul li { margin: 0 20px 10px 0; padding: 0; float: left; } #secondary #promos_gateway ul li.last { margin-right: 0; } #secondary #promos_gateway ul li.topPromo { padding-top: 14px; } /** * Shared Product Listing Unit **********************************/ .product_listing { margin: 0; list-style-type: none !important; position: relative; overflow:hidden;zoom:1; } /* Item */ .product_listing li { margin: 0 17px 19px 0; padding: 0; float: left; height: 150px; width: 170px; } /* .product_listing li:nth-child(6n+0) { margin-right: 0; } */ .product_listing li a { height: 140px; padding: 3px; display: block; position: relative; border: 1px solid #454545; } .product_listing li a:hover, .product_listing li a.selected { border-color: #d70000; } .product_listing li a img { width: 160px; height: 98px; display: block; border: 1px solid #dedede; } .product_listing li a.selected { cursor: default; } .product_listing li a:hover img, .product_listing li a.selected img { border-color: #cccccc; } .product_listing a:hover .product_id, .product_listing a:hover .product_title { display: block; /*color: c8;*/ } /* .product_listing a:hover .product_price { color: c11; } .product_listing a:hover .product_color_code { color: c8; } */ /* Product Info */ .product_listing li a .product_info { margin: 0; padding: 4px 2px; display: block; overflow: hidden; text-transform: uppercase; font-size: 10px; line-height: 1.1; color: #cccccc; } .product_info .product_id, .product_info .product_title { margin: 0; padding: 0; display: block; } .product_info .product_id { } .product_info .product_title { display: block; text-transform: uppercase; white-space: nowrap; font-weight: normal; color: #cccccc; } .product_info .product_price { display: block; text-transform: none; line-height: 1.5em; color: #999999; } .product_listing .product_color_code { display: none; } #product_info, #product_info h1, #product_info h2, #product_info h3 { margin: 0 0 4px 0; padding: 0; } #product_info { padding-top: 2px; } #product hr { margin: 1.3em 0 .8em 0; border-top: none; } /** * Inline Cart **********************************/ #facebox #cart #cart_header h2 { width: 50%; float: left; } /** * Pagination **********************************/ .pagination { width: 960px; overflow: hidden; margin-top: 10px; padding: 0 0 0 0; clear: both !important; display: block; margin: 0 auto; text-align: center; } .notice { display: block; padding: 10px; margin-bottom: 20px; border:1px solid #ffafaf; } /* Error Pages */ body.error404 #body #primary, body.error500 #body #primary { float: none; clear: both; margin: 0 auto; margin-bottom: 100px; padding: 0; } body.error404 #body #secondary, body.error500 #body #secondary { float: none; clear: both; margin: 0; padding: 0; } body.error404 #primary #site-error.box, body.error500 #primary #site-error.box { margin: 0; padding: 0; } body.error404 .primary, body.error500 .primary { width: 798px; height: 398px; position: relative; margin: 0 auto; } body.error404 .primary h1, body.error500 .primary h1 { display: none; } body.error404 div.box, body.error500 div.box { background:none; } body.error404 div.box, body.error500 div.box { background:none; } body.error404 .primary p, body.error500 .primary p { position: absolute; top: 210px; left: 498px; } body.error500 .primary p { position: absolute; top: 250px; left: 498px; } #global_notification { border:solid 1px #fe2727; overflow:hidden;zoom:1;float:left;margin:0 20px 20px 0; width: 530px; margin-right: 0; padding: 10px; margin: 20px auto; } /* Footer */ #footer { height: 70px; overflow: visible; } #footer .con { overflow: visible; } #footer_inner { height: 70px; margin: 0 20px; background: transparent url(/usa/images/css/ui/bg-footer.jpg?1283367658) no-repeat 0px 0px; } #footer_language { float: left; position: relative; margin: 15px 0 0 10px; } #footer_language_selection { -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff; background: #2E2E2E url(/usa/images/css/icons/country-arrow-vertical.gif?1283367658) no-repeat right center; font-size: 11px; padding: 4px 15px 4px 6px; text-transform: uppercase; } #footer_language_selection:hover { color: #D70000; background: #2E2E2E url(/usa/images/css/icons/country-arrow-vertical_over.gif?1283367658) no-repeat right center; } #footer_language_popup { z-index: 2; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:2px solid #3B3B3B; background: #2E2E2E; width: 605px; height: 310px; position: absolute; overflow: hidden; top: -330px; left: 0; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; } #footer_language_popup ul { float: left; margin: 0; padding: 0; margin-top:10px; list-style: none; list-style: none; height: 290px; line-height: 1.2em; } #footer_language_popup #America, #footer_language_popup #Africa, #footer_language_popup #Europe, #footer_language_popup #Asia { width: 120px; border-right: 1px dotted #3b3b3b; } #footer_language_popup #Oceania { width: 120px; } #footer_language_popup ul li { margin: 0 0 0 4px; padding-left: 12px; font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; font-style: normal; text-align: left; text-transform: uppercase; line-height: 15px; } #footer_language_popup ul li.continent { color: #ffffff; font-size: 14px; margin-bottom: 5px; font-family: "QuicksandBold", Helvetica, Arial, Sans-Serif; } #footer_language_popup ul li a, #footer_language_popup ul li a:visited { color: #767676; text-decoration: none; text-transform: uppercase; } #footer_language_popup ul li a:hover { color: #cccccc; } #footer_language_popup ul li.select { background:url(/usa/images/css/icons/country-select.gif?1283367658) no-repeat left 4px; } #footer_language_popup ul li.International.select { background-position: left 9px; } #footer_language_popup ul li.select a { color: #cccccc; } #footer_language_popup #international_link { margin: 0; position: absolute; bottom: 9px; border-top: 1px dotted #3b3b3b; padding: 6px 5px 0 26px; width: 95px; } #footer_nav { float: right; } #footer_nav ul { margin: 0 0 0 0; padding: 9px 0; overflow: hidden; } #footer_nav ul li { float: left; text-transform: uppercase; font-size: 11px; margin-bottom: 0; } #footer_nav ul li.last a { padding-right: 0; border-right: none; } #footer_nav ul li a { display: block; padding: 0 9px; border-left: 1px solid #fff; margin-top: 7px; } #footer_nav ul li a.noborder { border-left: none; padding-left: 0; margin-top: 0; line-height: 0; } #footer hr { clear: both; border: none; border-top:2px solid #515151; margin: 0 10px; } #footer_copyright { font-size: 10px; text-align: center; text-transform: uppercase; } #footer_copyright p { line-height: 14px; margin-bottom: 0; } /** * Styleguide **********************************/ /* General */ html { height:auto; min-height:100%; } body { margin: 0; padding: 0; height: 100%; width: 100%; background: #231F20 url(/usa/images/css/ui/Bg_2650x1900.gif?1283367658) repeat-y center top; } #header .con, #body .con, #footer .con { background: #1B1B1B; } ::-moz-selection { background-color: #d70000; } ::selection { background-color: #d70000; } a::-moz-selection { background-color: #7f7f7f; } a::selection { background-color: #7f7f7f; } /* Headings */ h1,h2,h3,h4,h5,h6 { } h1 { } h2 { } h3 { } h4, h5, h6 { } h1.box, h2.box, h3.box, h4.box, h5.box, h6.box { background-color: #dedede;} h1.box.alt, h2.box.alt, h3.box.alt, h4.box.alt, h5.box.alt, h6.box.alt { background-color: #737373; } /* Lists */ ul li ul, ol li ol { } ul, ol { } /* Unordered */ ul { } ul li { } p~ul { } /* Orderded */ ol { } ol li { } p~ol { } /* Definition */ dl { } dt, dd { } dl dt { } dl dd { } /* Lists Following Headings */ h1+dl, h2+dl, h3+dl, h4+dl, h5+dl, h6+dl, p+dl { } /* Paragraphs */ p { } p+p { } /* Tables */ table { } table caption { } table thead { background-color: #fff;} table.open thead { background-color: #dedede;} table thead tr { } table thead tr th { } table tfoot { background-color: #fff;} table tfoot tr { } table tfoot tr td { } table tbody { background-color: #1B1B1B;} table tbody tr { } /* table tbody.stripe.odd tr:nth-child(odd) { background: v19 url(/usa/images/css/ui/cart/cart_row_shadow.png?1283367658) repeat-x 0 -3px;} table tbody.stripe.even tr:nth-child(even) { background: v19 url(/usa/images/css/ui/cart/cart_row_shadow.png?1283367658) repeat-x 0 -3px;} */ table tbody.stripe.odd tr:nth-child(odd) { background: #333;} table tbody.stripe.even tr:nth-child(even) { background: #222;} table tbody tr td { } /* Extra */ hr { border: 1px solid #737373;} /* Divs */ div.box { } div.box.alt { } /** * Forms **********************************/ form { } form fieldset { } form legend { } /** * Definition Styles Reset */ form dl, form dt, form dd { } /** * Form Row Classes */ /* Base */ form p, form ul, form dl { } /* Info */ form p.info { } /* Helpers */ form p span { } form div.error { background-color: #ffafaf;} /* Title Columns */ form label, form dt, form dl.alt dt { } /* Input Boxes */ form div input.text, form div textarea.text, form div select { background-color: #373735;} form div select:focus { border: none;} form select { background-color: #373735;} form input.text:focus, form textarea:focus, form select:focus { border-color: #7f7f7f !important;} /* Radio and Checkboxes */ form ul label, form dl label { } form li input { } form li { } form dd { } form dl.alt dd { } /* Buttons */ form input#submit, form input.submit { background-color: #d70000; } form input#submit:hover, form input.submit:hover { background-color: #ff4343; } form input#submit:active, form input.submit:active { background-color: #970101; } form input#submit.disabled, form input.submit.disabled { background-color: #ffafaf; } /** * Header **********************************/ /* Identity */ #identity { } #identity a { background: transparent url(/usa/images/identity/logo.png?1283367658) no-repeat 0px 0px; } /* Nav Global */ a.cart { background: transparent url(/usa/images/css/icons/cart/shopping_cart.gif?1283367658) no-repeat 0 0; } a.cart:hover { background-position: 0 -15px; } /* Nav Search */ #nav_search ul li a { background-image: url(/usa/images/css/icons/arrow_r/b10.gif?1283367658); background-repeat: no-repeat; color:#7f7f7f;} #nav_search ul li a.search_simple { background-position: 90% center; } #nav_search ul li a.search_advanced { background-position: 90% center; } #nav_search ul li a.search_by_code_or_name { background-position: 90% center; } #nav_search ul li a.selected { background-image: url(/usa/images/css/icons/arrow_d/b10.gif?1283367658);} #nav_search ul li a.selected span { background-color: #1b1b1b;} #nav_search form { background: none;} form#advanced_search_form .dropdowns select { background:#7f7f7f;} form#code_or_name_search_form fieldset input { background:#d70000;} form#code_or_name_search_form fieldset input#filter_code_or_name { background:#fff; } form#code_or_name_search_form fieldset input.find { background:#585858; } form#code_or_name_search_form fieldset input.find:hover { background:#D70000; } /** * Promos **********************************/ #secondary #promos_gateway ul li.topPromo { border-top: 6px solid #333333; } /* Polorized Violator */ .violators span.hilight.polarized { background: transparent url(/usa/images/css/icons/product/product_detail/polarized.png?1283367658) no-repeat 100% 0%; } /* Utilities */ .utilities form { background:none; } .utilities form input { background:none; } .utilities .utility_blocks { float: right; width: 440px; } .utilities .utility_blocks p { position: relative; height: 26px; display: block; } .utilities .utility_blocks p.left { float: left; width: 220px; } .utilities .utility_blocks p.right { float: right; } .utilities .utility_blocks p img { position: relative; top: 4px; margin-right: 4px; } .utilities .utility_blocks p a { display: inline; border: none; background: none; } .utilities .utility_blocks .order_by_phone { background: url(/usa/images/css/icons/nav_global/phone.png?1283367658) no-repeat 0 1px; } /* Product Listing */ .product_listing li a { background-color: #373737; } .product_listing li a.selected { background-color: #373737; } .product_listing li a img { background-color: #fff; } /* Error */ body.error404 .primary { background: url(/usa/images/static/error_pages/404_bg.jpg?1283367658) no-repeat;} body.error500 .primary { background: url(/usa/images/static/error_pages/500_bg.jpg?1283367658) no-repeat;} /** * Nav Primary * Main menu items commented. * Background images are positioned to allow 2px padding around the text on the background image for a better UI experience */ #nav_primary { } #nav_primary ul { } #nav_primary ul li { } #nav_primary ul li a { cursor: pointer; } .notice { background:#ffafaf; } #global_notification { background:#ffe5e5; } /** * Embedded Fonts */ @font-face { font-family: 'QuicksandBold'; src: url('/usa/fonts/quicksand/QuicksandBold.eot'); src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('/usa/fonts/quicksand/QuicksandBold.ttf') format('truetype'), url('/usa/fonts/quicksand/QuicksandBold.svg#QuicksandBold-Regular') format('svg'); } @font-face { font-family: 'TradeGothic LT BdCondTwenty'; src: url('/usa/fonts/trade_gothic/TRADEGO0.eot'); src: local('TradeGothic LT BdCondTwenty'), local('TradeGothicLT-BoldCondTwenty'), url('/usa/fonts/trade_gothic/tradegothic_lt_boldcondtwenty.TTF') format('truetype'); } @font-face { font-family: 'QuicksandLight'; src: url('/usa/fonts/quicksand/QuicksandLight.eot'); src: local('Quicksand Light'), url('/usa/fonts/quicksand/QuicksandLight.ttf') format('truetype'), url('/usa/fonts/quicksand/QuicksandLight.svg#webfont') format('svg'); } /** * Styleguide **********************************/ /* General */ body { color: #fff; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3; } ::-moz-selection { color: #fff; } ::selection { color: #fff; } a::-moz-selection { color: #7f7f7f; } a::selection { color: #7f7f7f; } /* Headings */ h1,h2,h3,h4,h5,h6 { text-transform: uppercase; font-weight: normal; line-height: 1.4; } h1.alt,h2.alt,h3.alt, h4.alt,h5.alt,h6.alt { color: #d70000; } h1,h2,h3,h4,h5,h6 { font-family: "QuicksandLight", Verdana, Helvetica, Arial, "sans-serif"; color: #7f7f7f; text-transform: none; font-weight: bold; } h1 { font-family: "QuicksandLight", Helvetica, Arial, sans-serif; margin-bottom: 0; font-weight: normal; font-size: 60px; color: #D70000; line-height: 60px; } h2 { font-size: 22px; color: #7f7f7f; font-weight: bold; } h3 { font-size: 18px; color: #7f7f7f; font-weight: bold; } h4 { font-size: 16px; color: #7f7f7f; } h5, h6 { font-size: 16px; text-transform: none; font-weight: bold; color: #7f7f7f; } h3 { color:#FFFFFF; font-family: Verdana,Helvetica,Arial,"sans-serif"; font-size: 1.25em; font-weight: normal; padding: 0; text-transform: uppercase; } h1.box, h2.box, h3.box, h4.box, h5.box, h6.box { } h1.box.alt, h2.box.alt, h3.box.alt, h4.box.alt, h5.box.alt, h6.box.alt { } /* Lists */ ul li ul, ol li ol { } /* Unordered */ #body ul { list-style-type: square; color: v7; } #body ul li { color: v7; } #body ul li ul { list-style-type: circle; } #body p + ul { } /* Ordered */ #body ol { list-style-type: decimal; color: v7; } #body ol li { color: v7;} #body ol li ol { list-style-type: lower-roman; } #body p + ol { } /* Definition */ dl { } dl dt { width: 100%; font-family: Verdana,Helvetica,Arial,"sans-serif", "sans-serif"; font-size: 16px; color: #ffffff; font-weight: bold; } dl dd { color: v7; } /* Lists Following Headings */ h1+dl, h2+dl, h3+dl, h4+dl, h5+dl, h6+dl, p+dl { } /* Paragraphs */ p { color: v7; line-height: 1.9; } p.intro { text-transform: uppercase; } p+p { } h1~p, h2~p, h3~p, h4~p, h5~p, h6~p { } /* Weights */ strong { font-weight: bold; } span.bold { font-weight: bold; } /* Microformats */ .vcard { color: #d70000; font-weight: bold; } /* Links */ a { color: #ffffff; text-decoration: none; } p a { color: #808080; } p a:hover { color: #d70000; } /* Links Within Headings */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #d70000; } p a:hover { color: #7f7f7f; } /* Links Within Lists */ ul a, ol a { color: #fff; } ul a:hover, ol a:hover { color: #d70000; } /* Tables */ table { color: v10; } table caption { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; font-size: 1.5em; text-transform: none; color: #7f7f7f; } *html table caption { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } table caption a { } table thead { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; font-size: 1.1em; text-transform: uppercase; color: v10; } *table thead { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } table.open thead { color: v7; } table thead tr { } table thead tr th { text-align: left; } table thead tr th.center { text-align: center; } table thead tr th.right { text-align: right; } table tfoot { } table tfoot tr { } table tfoot tr td { } table tbody { } table tbody tr { } table tbody tr td { } table tbody tr td { text-align: left; } table tbody tr td.center { text-align: center; } table tbody tr td.right { text-align: right; } table tbody tr th, table tbody.stripe tr th { font-weight: bold; } /* Divs */ div.box h1, div.box h2, div.box h3, div.box h4, div.box h5, div.box h6 { color: #d70000; } div.box.alt h1, div.box.alt h2, div.box.alt h3, div.box.alt h4, div.box.alt h5, div.box.alt h6 { } div.box.alt p { color: v4; } /** * Forms **********************************/ form { } form fieldset { } form legend { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; text-transform: uppercase; font-size: 1.2em; color: #7f7f7f; } *form legend { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } /** * Definition Styles Reset */ form dl, form dt, form dd { } /** * Form Row Classes */ /* Base */ form p, form ul, form dl { } /* Info */ form p.info { } /* Helpers */ form p span { } form p.error span { color: #d70000; } /* Title Columns */ form label, form dt, form dl.alt dt { text-align: right; font-weight: bold; color: v10; } /* Input Boxes */ form input.text, form textarea.text, form select { font-size: 10px; color: #ffffff; } form input.phone { text-align: center; } form input.text:focus, form textarea:focus, form select:focus { } /* Radio and Checkboxes */ form ul label, form dl label { } form li input { } form li { } form dd { } form dl.alt dd { } /* Buttons */ form p.buttons { } form p.buttons input:first-child { } form p.buttons input { } form input#submit, form input.submit { font-family: 'Helvetica Neue', Helvetica, Verdana,"sans-serif"; font-size: 1.25em; text-transform: uppercase; color: #fff; font-weight: bold; } *html form input.submit { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } /** * Utilities **********************************/ .utilities { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; font-size: 1.3em; text-transform: uppercase; color: #404040;} *html .utilities { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } .utilities a { color: #000; } .utilities p { text-align: right; } .utilities p strong { font-weight: normal; color: #d70000; } .utilities select { color: #ffffff; } .utilities a#back_to_collection { font: normal normal normal 1em/1em TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; } /** * Violators **********************************/ .violators { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; font-size: 1em; text-transform: uppercase; color: #d70000; } *html .violators { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } .violators .status { text-align: left; } .violators .hilight { text-align: right; } /** * Header **********************************/ /* top Nav */ #top_nav { } #top_nav ul li a { color: #fff; } #top_nav ul li a:hover { color: #d70000; } /* Nav Primary */ #nav_primary ul li a:hover { color: #fff; } #nav_primary ul li a.selected { color: #fff; } /* Nav Search */ #mav_search ul { } #nav_search ul li a { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana,"sans-serif"; font-size: 12px; text-transform: uppercase; color: #696969; } *html #nav_Search ul li a { font-family: TradeGothic LT BdCondTwenty, Helvetica, Verdana, sans-serif; } #nav_search ul li a.selected, #nav_search form div select { color: #cccccc; } #nav_search #search_controls select, #nav_search #search_controls label { font-size: .9em; color: #fff; font-weight: normal; } form#code_or_name_search_form fieldset input { font-family: TradeGothic LT BdCondTwenty,Helvetica,Verdana,"sans-serif"; color: #fff; text-transform: uppercase; } form#code_or_name_search_form fieldset input#filter_code_or_name { font-family: Verdana,Helvetica,Arial,"sans-serif"; text-transform: none; text-transform: normal; font-weight: normal; color: #666666; } form#code_or_name_search_form fieldset input#filter_code_or_name:focus { color:v4; } /* Collection */ #collection h3 { font-weight: normal; color: #ffffff; } /* Inline Cart */ #facebox #cart #cart_header h2 { font-size: 18px; font-weight: normal; font-family: TradeGothic LT BdCondTwenty,Helvetica,Verdana,"sans-serif"; } /** * Nav_Footer */ #nav_footer ul li a { color: #000; } #nav_footer ul li a:hover { color: #d70000; } /** * Pagination **********************************/ .pagination { text-align: center; font-size: 12px; } .pagination span.current { color: #d70000; } .pagination a:link, .pagination a:visited { color: #ffffff; } .pagination a:hover { color: #D70000; } /** * Notificiations **********************************/ .notice { font-weight: bold; font-size: 1em; } #global_notification { color:#666666; }