@charset "utf-8"; /* CSS Document */ html,body { margin: 0px; padding: 0px; text-align: center; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #404040; background: #404040 url(page_bground.jpg) repeat-x top; /* background-color: #fff; */ } #outer-container { width: 951px; margin: 0 auto; padding-left: 11px; text-align: left; background: url(shadow_left.jpg) no-repeat top left; } #container { padding-right: 11px; text-align: left; background: url(shadow_right.jpg) no-repeat top right; } .right { float: right; } .left { float: left; } img.left { padding: 15px 15px 15px 0; } img.right { padding: 15px 0 15px 15px; } /*** Header Elements ***/ /***********************/ #header { width: 940px; /*height: 140px;*/ height: 7.95em; background: #404040 url(header_bground.jpg) repeat-x top; border-bottom: 1px solid #666666; overflow: auto; } #header img { border: none; } #logo { float: left; width: 206px; margin: 26px 0 0 21px; color: #dddddd; font-size: 0.75em; text-transform: uppercase; } #logo p { margin: 8px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #868686; } #logo, #cart-search { display: inline; } #cart-search { width: 250px; float: right; margin: 12px 12px 0 0; } #cart { /*min-height: 4.25em;*/ border: 1px solid #666666; background-color: #333; color: #fff; font-size: 0.7em; padding: 10px; } #cart ul, #cart li, form { padding: 0; margin: 0; } #cart ul { list-style-type: none; } #cart #cart-links { padding-top: 5px; margin-top: 12px; border-top: 1px dotted #666666; } #cart li { display: inline; } #cart a { color: #fff; font-weight: bold; text-decoration: none; } #cart a:hover { text-decoration: underline; } #quick-search	{ margin-top: 10px; overflow: auto; } input.search-text { float: left; width: 165px; font: 0.8em Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; } input.search-button { float: right; background-color: #333; border: 1px solid #666666; font-size: 0.75em; color: #CCC; cursor: pointer; } #menu { width: 930px; padding-left: 10px; background: #444 url(menu_bground.jpg) repeat-x bottom; float: left; font-size: 0.8em; border-bottom: 1px solid #fff; } /*** Content Elements ***/ /************************/ #content { min-height: 500px;/**/ clear: both; width: 910px; padding: 5px 15px 30px 15px; background: #fff url(content_bground.jpg) repeat-x top; overflow: auto; } /*** Home Menu ***/ .menu-2 { padding: 0; display: block; font-size: 0.7em; color: #C68814; /*background-color: #00FFFF;*/ } .menu-2 ul, .menu-2 li, .breadcrumb ul, .breadcrumb li, .breadcrumb h1 { margin: 0; padding: 0; } .menu-2 ul { text-align: right; } .menu-2 li, .breadcrumb li { display: inline; } .menu-2 a { color: #476C8E; text-decoration: none; font-weight: bold; } .menu-2 a:hover { color: #C68814; text-decoration: underline; } /*** Breadcrumbs ***/	 .breadcrumb { color: #476C8E; font-weight: bold; margin-bottom: 30px; /*background-color:#FF00FF;*/ } .breadcrumb a { color: #444; } .breadcrumb li { font-size: 0.65em; } .breadcrumb h1 { font-size: 1.1em; padding-bottom: 5px; font-weight: normal; } /****** Product Elements ******/ /******************************/ /*** Primary Cols & Containers ***/ #product-list-container { width: 910px; background: url(vert_sep.gif) repeat-y 615px 0; overflow: auto; /*background-color: #FFFF00;*/ line-height: 1.1em; } #product-col, #section-col { border-top: 1px dotted #CFCFCF; float: left; min-height: 500px;/**/ width: 595px; /*background-color: #FF00FF;*/ } #product-col form { padding: 0; margin: 0; } #fragment-col { float: right; min-height: 500px; width: 275px; /*background-color: #00FFFF;*/ } #fragment-col h3 { color: #333; font-size: 0.9em; margin: 0 0 10px 0; padding :0; } /*** product layout ***/	 div.product-layout-multi { width: 575px; overflow: auto; padding: 10px 10px 13px 10px; border-bottom: 1px dotted #CFCFCF; background: url(prod_bground.jpg) repeat-x top; }	 div.product-copy { width: 390px; float: left; overflow: auto; /*background-color: #FF00FF;*/ } div.product-copy h3 { padding: 0 0 0 0; margin: 0 0 3px 0; color: #333; font-size: 0.8em; font-weight: bold; } div.product-copy img, div.product-copy-header img, div.section-layout img { float: left; /*margin-right: 15px;*/ margin-top: 5px; } /*div.product-copy img, div.section-layout img { float: left; margin-right: 15px; margin-top: 5px; }*/ /*div.section-layout img { float: left; margin-right: 15px; margin-top: 5px; }*/ div.image-container, div.thumb-container { float: left; } div.image-container { width: 150px;/**/ } div.thumb-container { text-align: left; } div.prod-desc { /*min-width: 200px;*/ /*background-color: #FF00FF;*/ overflow: auto; } div.product-copy-header { float: left; width: 575px; overflow: auto; /*background-color: #FF00FF;*/ } div.product-copy-header h2 { padding: 0 0 0 0; margin: 0 0 3px 0; color: #C68814; font-size: 1em; font-weight: bold; } div.product-copy-header div.prod-desc { width: 410px; } div.product-copy-header ul, div.product-copy-header li, div.section-layout ul, div.section-layout li, div.prod-desc ul, div.prod-desc li { margin: 0; padding: 0; } div.product-copy-header ul, div.section-layout ul, div.prod-desc ul { margin-left: 17px; color: #333; } div.list-head { margin-top: 10px; } div.prod-desc, span.section-desc { font-size: 0.75em; } div.product-copy-header div.prod-desc, div.prod-desc { float: left; } p.note { margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 1px dotted #CFCFCF; font-size: 0.9em; /*font-weight: bold;*/ line-height: 1.5em; } .orange { color: #C68814; font-weight: bold; } /*** product price & attributes ***/	 div.product-details { /*width: 180px;*/ float: right; text-align: left; overflow: auto; /*background-color: #00FFFF;*/ } div.product-details h5 { font-size: 0.75em; margin: 5px 0 0 0; padding: 0; } div.product-details label { width: 70px; float: left; font-size: 0.65em; font-weight: bold; margin-right: 5px; /*background-color: #FFFF00;*/ } div.product-details input, div.product-details select { font-size: 0.75em; } span.price { text-align: right; font-size: 0.90em; font-weight: bold; } div.quan-box, div.attribute-box, div.cart-button-box { margin-top: 10px; overflow: auto; } div.attribute-box { } div.cart-button-box { width: 100%; border-top: 1px solid #CFCFCF; padding-top: 10px; } div.cart-button-box input, div.single-button input { background: #B87B0C url(button_bground.jpg) repeat-x top; /*background: url(prod_bground.jpg) repeat-x top;*/ border: none; color: #fff; cursor: pointer; padding: 2px 2px 3px 2px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } div.cart-button-box input { font-size: 0.75em; } div.single-button { text-align: right; width: 615px; padding: 5px 0 0 0; margin-bottom: 15px; border-bottom: 1px dotted #CFCFCF; } div.single-button input { font-size: 0.85em; border: none; padding: none; background: none; } table.attribute-table { /*width: 100%;*/ border-collapse: collapse; font-size: 0.75em; color: #333; line-height: 1.4em; text-align: left; } span.price span.small-text { font-size: 0.7em; } /*** Fragments (as upsell) ***/ a div.upsell { text-decoration: none; } div.fragment, div.upsell { border-top: 1px dotted #CFCFCF; background: url(prod_bground.jpg) repeat-x top; padding: 10px 10px 13px 10px; overflow: auto; float:left; } div.fragment { margin-top: 15px; } div.fragment h4, div.upsell h4 { color: #476C8E; font-size: 0.8em; margin: 0 0 5px 0; padding: 0; } div.upsell h4, div.upsell p { width: 165px; } div.fragment p, div.upsell p { font-size: 0.8em; margin: 0; padding: 0; } div.fragment a, a div.upsell p { color: #C68814; font-weight: bold; } div.fragment a, div.upsell img { border: none; margin-right: 10px; } div.upsell h4, a div.upsell p, div.upsell img { float: left; } /*** Sections ***/ div.section-layout { width: 575px; overflow: hidden; padding: 10px 10px 13px 10px; border-bottom: 1px dotted #CFCFCF; background: url(prod_bground.jpg) repeat-x top; line-height: 1.1em; }	 div.section-layout h2 { padding: 0 0 0 0; margin: 0 0 5px 0; font-size: 1em; font-weight: bold; } div.section-layout a { color: #C68814; text-decoration: underline; } span.section-desc { float: left; width: 425px; } div.section-layout img.range-button { border: none; margin-top: 10px; } /*** Fragments (for sections) ***/ /*** Home Page ***/ #home-banner { z-index: 0; } .segment { width: 888px; overflow: hidden; border: 1px solid #aaa; padding: 10px; background-color: #fff; margin-top: 15px; text-align: left; } .product-segment { background: #fff url(segment_bground.jpg) repeat-x top; } .segment h2 { width: 888px; float: left; margin: 0 0 10px 0; padding: 0; color: #D4941D; } .segment a { color: #404040; } .item { float: left; width: 138px; text-align: center; margin-right: 12px; } .last-item { margin-right: 0; } .item h3 { font-size: 0.8em; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; } .item-box { width: 130px; height: 129px; border: 4px solid #404040; } .item img { border: 1px solid #fff;	 } /*** Footer ***/ /**************/ #footer { color: #bcbcbc; padding-top: 10px; font-size: 0.7em; } #footer ul, #footer li { margin: 0; padding: 0; } #footer ul { list-style-type: none; } #footer li { display: inline; } #footer a { color: #fff; } /******** Checkout Elements *******/ /**********************************/ table { width: 100%; border-collapse: collapse; font-size: 0.9em; color: #333; line-height: 1.4em; text-align: left; } table.font-100 { font-size: 1em; } table.button-table { width: 65%; } table.address { width: 75%; } table.address td, table.address th { border-bottom: 1px dotted #C1BCB9; padding: 5px; vertical-align: top; } table.address th { width: 340px; } table.address td.table-top, table.address th.table-top { border-top: 1px dotted #C1BCB9; } table.address td td { border: none; } table.address input.text { width: 300px; } table.address input.zip { width: 100px; } th { color: #333; font-size: 0.9em; } h2.cart-head { color: #C68814; font-size: 1em; margin-bottom: 10px; } hr { border: none; background-color: #C1BCB9; color: #C1BCB9; width: 100%; height: 1px; } /*** Contact Page ***/ #content p.larger { font-size: 0.8em; } .contact-us { margin-top: 10px; } .contact-us h2, .contact-us h3  { margin: 0; padding: 0; font-size: 0.9em; font-weight: bold; } .contact-us p { font-size: 85%; color: #405764; margin: 0 0 20px 0; padding: 0; line-height: 1.5; } .contact-us p.bottom { margin: 0; } #sitemap li{ margin-bottom: 5px; color: #333; } #sitemap a { color: #476C8E; font-weight: bold; font-size: 0.75em; text-decoration: none; } #sitemap a:hover { color: #333; text-decoration: underline; } p.nefer { margin: 0 0 20px 0; text-align: right; font-size: 0.9em; } #footer p.nefer a { color: #777; }