/* * --------------------------------------------------------------------------- * Default Storefront Stylesheet * --------------------------------------------------------------------------- * (C) Copyright 1999-2008 1ShoppingCart (http://www.1shoppingcart.com). * All rights reserved. * --------------------------------------------------------------------------- */ /* * --------------------------------------------------------------------------- * Reset - (global reset of paddings, margins and body) * --------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; margin:0; outline:0; padding:0; } #container { padding:0; width:895px; } #header { margin:0 0 10px 15px; } #search-box { height:34px; margin:10px auto; padding:0 0 0 0; text-align:center; width:170px;} #search-box div.adv-search { clear:both; font-size:11px; font-weight:bold; margin-left:10px; text-align:left; } #search-box div.adv-search a { color:#eee; text-decoration:none; } #content { padding:0 0 0 0; width:100%; } #top-nav { width:100% !important; height:25px; margin-top:10px !important; margin-bottom:15px; } #top-nav #primary-links { float:left; } #top-nav #cart-links { float:right; } #page h2 { font-size:medium; } #subheader h2 { overflow:hidden; } #bottom-nav { clear:both; display:block; margin:10px 0 20px 0; } #header h1 { color:#333333; font-size:24px; font-weight:bold; margin:0 0 0 0; padding:0 0 0 0; } .copyright { clear:both; color:#333333; display:block; font-size:smaller; margin-bottom:15px; } #sidebar h3 { color:#888888; font-size:smaller; margin-bottom:8px; text-transform:uppercase; } #sidebar ul { margin-bottom:20px; padding-left:15px; width:170px; } #sidebar ul li a { color:#333333; display:block; font-size:13px; font-weight:bold; padding:0 0 8px 0; } #sidebar .product-count { color:#888888; font-weight:normal; } #primary-links, #secondary-links, #cart-links { list-style-type:none; white-space:nowrap; } #primary-links li, #secondary-links li, #cart-links li { display:inline; } #primary-links li, #secondary-links li { padding:0 5px 0 12px; } #primary-links li:first-child, #secondary-links li:first-child { padding-left:0; } #secondary-links { clear:both; margin-top:20px;} #cart-links li a.my-cart, #cart-links li a.checkout { font-size:small; font-weight:bold; margin-right:5px; } #cart-links li a.my-cart { background:transparent url(../images/icon-cart2.gif) 0 3px no-repeat; padding:0 1px 0 22px; } #cart-links li a.my-cart.empty { background-position:0 -136px; text-decoration:none; cursor:default; } #page div.results .result { display:inline-block; line-height:1.25; margin-bottom:10px; overflow:hidden; width:100%; } #page div.results-grid { border-collapse:separate; display:table; } #page div.results-grid .result { border-collapse:separate; clear:none; display:table-cell; line-height:1.25; margin:0 8px 10px 0; text-align:left; height:auto; max-width:185px; overflow:hidden; width:185px !important; } #page div.results-grid .results-row { display:table-row; } #advanced-search { background:none !important; } #advanced-search legend { font-size:large; font-weight:bold; } #advanced-search .alert { margin:15px 0; } #advanced-search p { margin-bottom:15px; } #advanced-search p label { display:inline; float:none; padding:0; width:auto; } #advanced-search p input { vertical-align:bottom; } #advanced-search label { display:block; float:left; font-weight:bold; padding-right:10px; width:140px; } #advanced-search input.text, #advanced-search select { border:solid 1px #ccc; border-top:solid 1px #666; border-left:solid 1px #666; font-size:12px; margin-bottom:3px; padding:2px; vertical-align:middle; } #advanced-search input.text { width:200px; } #advanced-search select { width:206px; } #advanced-search input.priceRange { width:66px; } #advanced-search br { clear:left; } #advanced-search input.btn-adv-search { height:25px; margin-left:150px; width:60px; } #page div.paging { font-size:small; margin:10px 0; text-align:left; width:auto; } #page div.paging span { margin-left:10px; } #page div.paging label { padding-right:5px; } #page div.paging .page-mode { margin-left:0; } #page div.paging a { font-weight:bold; } #page div.paging a.disabled { color:#333333; font-weight:normal; text-decoration:none; } #page .result .details { float:left; padding:10px; text-align:left; width:325px; overflow:hidden; } #page .result .amount { float:left; margin:0 0 0 10px; padding:10px; text-align:left;} #page .result { clear:both; height:110px; min-height:110px; } #page .result h3 { font-size:13px; font-weight:bold; margin-bottom:8px; overflow:hidden; } #page .result .description { display:block; line-height:1.25em; margin-bottom:10px; overflow:hidden; } #page .result .thumbnail { float:left; margin-right:15px; width:100px; text-align:center; } #page .result .btn-add-to-cart { margin:10px 0; } #page div.results-grid .result .thumbnail { clear:both; float:none; margin:10px auto 5px 10px !important; } #page div.results-grid .result .amount { display:block; float:none; margin:0 10px; padding:0; text-align:left; } #page div.results-grid .details { display:block; float:none; overflow:hidden; width:auto; } #page div.results-grid .btn-add-to-cart { margin:10px 0; } /* To resolve product detail layout issue in IE6 */ #page.product-detail { min-height:260px !important; margin-top:10px; } #page.product-detail .image { position:relative; float:left; margin-right:15px; display:block; text-align:right; width:250px; } #page.product-detail .image a { clear:both; display:block; float:right; } #page.product-detail .details { float:left; padding-left:0; max-width:320px; } #page.product-detail div { display:block; line-height:1.25em; padding-bottom:5px; } #page.product-detail div.long-desc {padding-bottom:0; clear:left;} #page.product-detail br { clear:both; } #page.product-detail img { border:1px solid #CCCCCC; float:left; margin:6px 0; } #page.product-detail .sku { display:block; font-size:smaller; font-style:italic; margin-bottom:10px; } #page.product-detail .option-name { padding-bottom:3px; } #page.product-detail .option-choices { background:url(../images/icon-product-option.gif) 8px 50% no-repeat; height:20px; padding-left:30px; } #page.product-detail .categories { line-height:1.2; margin-top:20px; } #page.product-detail .categories .caption { font-style:italic; padding-right:5px; } #page.category-detail { margin-top:10px; min-height:260px; } #page.category-detail .image { float:left; margin-right:15px; } #page.category-detail .categories { clear:left; } #page.category-detail .products { clear:left; } #page .price { clear:both; display:block; font-size:small; font-weight:bold; } #page .price .sale { color:#DD0000; } #page .price .reduced { color:#333333; font-weight:normal; text-decoration:line-through; } #page .price .saved { clear:both; display:block; color:#DD0000; padding-top:5px; } #page.product-detail .option { clear:both; display:block; margin:10px 0; } #page.product-detail .action { margin:10px 0; padding-left:8px; } #page.product-detail .photo-zoom { font-size:smaller; text-transform:uppercase; width:252px; clear:both; display: block; } div.upsell-panel, div.upsell-panel div.group { clear:both; display:block; } div.upsell-panel h2 { font-size:small !important; font-style:italic; font-weight:normal; padding:5px 0; } div.upsell-panel div.product { float:left; padding:5px; width:200px; } div.upsell-panel div.product .product-thumb { float:left; } div.upsell-panel div.product .product-thumb img { border:solid 1px #ccc !important; margin:0; } div.upsell-panel div.product .product-details { float:left; font-size:11px; margin-left:8px; max-width:90px; width:90px; } div.upsell-panel div.product .product-details a { display:block; font-weight:bold; margin-bottom:2px; } div.upsell-panel div.product .product-details .price span { display:block; margin-bottom:2px; } div.upsell-panel div.product .product-details a.btn-main { color:#333333; display:block; float:left; } #page.content p { line-height:1.25em; margin-bottom:15px; } .search-field { border:1px solid #999999; color:#999999; float:left; font:13px/1em Arial, sans-serif; height:17px; padding:3px 4px; width:107px; } .input-field { border:1px solid #999999; font:12px/1em Arial, sans-serif; padding:3px 2px; } .input-field.center { text-align:center; } .btn-main { background-color:#F2F2F2; border:1px solid #999999; color:#333333; font:12px/1em Arial, sans-serif; font-weight:bold; padding:4px 6px; text-align:center; text-decoration:none; } .btn-main:hover { background-color:#CCCCCC; border-color:#666666; } .btn-main:active { background-color:#FFFFFF; border-color:#666666; } .btn-search { background:#F2F2F2 url(../images/icon-search.png) 4px 50% no-repeat; float:right; font-size:11px; height:25px; margin:0 0 0 3px; padding:0px 2px 0px 16px; width:50px; } .alert { background:#fee; border:1px solid red; color:#000000; color:red; font-weight:bold; margin:0 15px 15px 15px; padding:6px 10px 6px 10px; text-align:left; } .alert ul { list-style:none; margin:0; padding:0; } .alert li { background:url(../images/icon-warning.gif) 0 4px no-repeat; font-weight:normal; list-style:none; margin:0; padding:4px 0 4px 22px; } #search-box:after, #header:after, #top-nav:before, #top-nav:after, #content-container:after, #subheader:after, #subfooter:after, .product-detail:after, #bottom-nav:before, .clearfix:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } /* * --------------------------------------------------------------------------- * Storefront - Checkout and Cart Overrides Stylesheet * --------------------------------------------------------------------------- * (C) Copyright 1999-2008 1ShoppingCart (http://www.1shoppingcart.com). * All rights reserved. * --------------------------------------------------------------------------- */ /* Results row */ #page .result .details { padding-top:0 !important; padding-bottom:0 !important;} #page .result .amount { padding:0 !important; margin-top:0 !important; } #page .result { padding-top:0 !important; } #page div.results-grid .details { margin-right:15px !important;} /* Hide redundant header and footer items */ #merchantHeader, #mainWrapper .wrapper-header, #mainWrapper .wrapper-header-blank, #mainWrapper .wrapper-footer { display:none; } #mainWrapper { padding:0 !important; width:auto !important; } #page-body { background:none !important; padding:0 !important; } #page-body div.secure-text { margin-right:0 !important; } form fieldset { background:transparent url(../images/line-dashed.gif) 0 5px repeat-x !important; } form fieldset.no-legend { background:none !important; } form fieldset legend { font-size:large !important; } #cart-contents { background-position:0 0 !important; } .cart-gridview th { background:none !important; } .cart-gridview tr.row-item td { background:transparent url(../images/line-dashed.gif) top repeat-x !important; border:none !important; } .cart-gridview tr.alt, .cart-gridview tr.alt td { background-color:Transparent !important; } .cart-gridview .add-another { margin-top:2px !important; } .calculations { background:none !important; border:none !important; } .calculations table tr.total td { background:none !important; } .calculations-hack { background:none !important; } .payment-gateways { margin-right:0 !important; margin-left:0 !important; } .upsell { background:none !important; border:0 !important; } .upsell h2 { color:#000 !important; font-size:small !important; } .upsell .product-details { width:85px !important; } #payment-tab-container { background-image:none !important; } #payment-tab-container label { width:165px !important; } #payment-tab-container img.echeck-sample { display:none; } #payment-tab-container div.debit-card-instructions { border:solid 1px #ccc; background:#f2f2f2; padding:8px !important; width:185px !important; } #security-image img.security-image-output { border:solid 1px #444 !important; } #comments textarea { width:640px !important; } .actions { text-align:center !important; } form fieldset, .actions, .disclaimer, #secure-3d, .final-summary { padding-right:0 !important; padding-left:0 !important }.break { clear: both; }