/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ .wrapper {} .page { width: 950px; margin:0 auto; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { background:#fff url("../images/bg/bg_shadow_tile.jpg") left top repeat-y; padding: 0px 45px 45px; width:860px; margin: 0; } .cms-page-view .main { padding-top: 18px; } /* Base Columns */ .col-left { float:left; width:180px; padding:5px 5px 0; } .col-main { float:left; width:646px; padding:5px; } .col-right { float:right; width:230px; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Left nav */ .col-left ul.box-blue { background:#D9EBF7; padding:15px; } .col-left ul.box-blue li a { color:#000000; text-decoration:none; font-size:11px; } .col-left ul.box-blue li a:hover { color:#047AD9; } .col-left ul.box-blue li.first { font-weight:bold; padding-bottom:5px; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ .clear-left {clear: left} .clear-right {clear: right} .clear-both {clear: both} .clear-none {clear: none} .bold, .strong { font-weight: bold; } .strikethrough { text-decoration: line-through; } .blue { color: #0081c6; } div.hr, hr { float: none; clear: both; border-width: 0px !important; background: #fff url(../images/bg/blue_dot_divider.gif) 0 0 repeat-x; height: 6px; padding: 0; margin: 24px 0; line-height: 0; font-size: 0; } .hidden { display: none; } ul.brown-bullet, .std ul.brown-bullet { padding: 0; } ul.brown-bullet li { display: block; padding-left: 18px; margin-bottom: 3px; background: transparent url(../images/icons/li_brown.gif) 0 6px no-repeat; line-height: 1.5; list-style: none !important; } .separator { padding-left: 16px; background: transparent url(../images/icons/li_brown.gif) 4px center no-repeat; } /* Form Elements */ input,select,textarea,button { font:12px Verdana, Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button { width:auto; border: none; padding: 0; margin: 0; cursor: pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } button span { float:left; } button.disabled {} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Buttons */ .btn-lg, .btn-med, .btn-sm { display: block; height: 40px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; text-indent: -5000px; cursor: pointer; line-height: 0; font-size: 0; } .btn-med { height: 24px; } .btn-sm { height: 12px; } .btn-lg:hover { background-position: 0 -40px; } .btn-med:hover { background-position: 0 -24px; } .btn-sm:hover { background-position: 0 -12px; } /* Large */ button.add-to-cart { width: 248px; background-image: url(../images/buttons/add-to-cart.gif); } button.checkout, a.checkout { width: 241px; background-image: url(../images/buttons/checkout.gif); } button.complete, a.complete { width: 241px; background-image: url(../images/buttons/complete.gif); } button.lg-keep-shopping, a.lg-keep-shopping { width: 241px; background-image: url(../images/buttons/lg_keep-shopping.gif); } button.start-shopping, a.start-shopping { width: 241px; background-image: url(../images/buttons/start-shopping.gif); } button.submit-order, a.submit-order { width: 241px; margin-top: 10px; background-image: url(../images/buttons/submit-order.gif); } /* Medium */ button.add-new-address, a.add-new-address { width: 136px; background-image: url(../images/buttons/add-new-address.gif); } button.get-shipping-rates, a.get-shipping-rates { width: 136px; background-image: url(../images/buttons/get-shipping-rates.gif); } button.apply, a.apply { width: 62px; background-image: url(../images/buttons/apply.gif); } button.back, a.back { width: 64px; background-image: url(../images/buttons/back.gif); } button.back-to-tableware, a.back-to-tableware { width: 138px; background-image: url(../images/buttons/back-to-tableware.gif); float: right; margin-top: 5px; } button.cancel, a.cancel { width: 62px; background-image: url(../images/buttons/cancel.gif); } button.checkout-as-guest, a.checkout-as-guest { width: 133px; background-image: url(../images/buttons/checkout-as-guest.gif); } button.continue, a.continue { width: 90px; background-image: url(../images/buttons/continue.gif); } button.edit-cart, a.edit-cart { width: 85px; background-image: url(../images/buttons/edit-cart.gif); } button.edit-information, a.edit-information { width: 131px; background-image: url(../images/buttons/edit-information.gif); } button.edit-information-no-arrow, a.edit-information-no-arrow { width: 122px; background-image: url(../images/buttons/edit-information_no-arrow.gif); } button.keep-shopping, a.keep-shopping { width: 121px; background-image: url(../images/buttons/keep-shopping.gif); } button.login, a.login { width: 61px; background-image: url(../images/buttons/login.gif); } button.manage-addresses, a.manage-addresses { width: 136px; background-image: url(../images/buttons/manage-addresses.gif); } button.print, a.print { width: 59px; background-image: url(../images/buttons/print.gif); } button.print-this-page, a.print-this-page { width: 112px; background-image: url(../images/buttons/print-this-page.gif); } button.register, a.register { width: 76px; background-image: url(../images/buttons/register.gif); } button.reorder, a.reorder { width: 74px; background-image: url(../images/buttons/reorder.gif); } button.track-order, a.track-order { width: 100px; background-image: url(../images/buttons/track_order.gif); } button.close, a.close { width: 60px; background-image: url(../images/buttons/close.gif); } button.submit, a.submit { width: 71px; background-image: url(../images/buttons/submit.gif); } button.submit-lg, a.submit-lg { width: 382px; background-image: url(../images/buttons/submit_lg.gif); } button.subscribe, a.subscribe { width: 84px; background-image: url(../images/buttons/subscribe.gif); } button.unsubscribe, a.unsubscribe { width: 100px; background-image: url(../images/buttons/unsubscribe.gif); } button.update-cart, a.update-cart { width: 99px; background-image: url(../images/buttons/update-cart.gif); } button.view-all, a.view-all { width: 75px; background-image: url(../images/buttons/view-all.gif); } /* Small */ button.add-comment, a.add-comment { width: 99px; background-image: url(../images/buttons/add-comment.gif); } button.read-more, a.read-more { width: 76px; background-image: url(../images/buttons/read-more.gif); } a.learn-process, a.learn-process:hover { width: 210px; height: 14px; background-image: url(../images/buttons/learn-more-about-process.gif); background-position: 0 0; } /* Forms */ form.disabled label {} form input, form textarea, form select { padding: 2px; border: 1px solid #ddd; font-size: 11px; } form select { padding-top: 1px; padding-bottom: 1px; } form input.radio { width: auto; } /* Form lists */ .form-list li { float: left; } .form-list label {} .form-list .input-box {} .form-list input, .form-list textarea { width: 98%; } .form-list select { width: 99%; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select ul { float: left; width: 50%; padding: 0; } .group-select ul li { margin: 0 0 9px; } .group-select .input-box { float:left; width: 46%; margin-right: 4%; } .group-select .customer-dob .input-box { width: 10%; margin-right: 0; } .group-select .customer-dob .input-box input { text-align: center; width: 90%; } .group-select input, .group-select textarea { width: 98%; } .group-select select { width: 99%; } span.dob-separator { display: block; float: left; } fieldset.blue-box { clear: both; padding: 14px 13px; margin-bottom: 23px; background-color: #c1e7fa; } fieldset.blue-box input, fieldset.blue-box textarea, fieldset.blue-box select { border: none; background: #EEF8FD} fieldset.blue-box p { margin-bottom: 12px; } .buttons-set { clear:both; margin-top: 12px; } .buttons-set .btn-med { float: left; margin-right: 6px; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { } p.required {} /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin: 0; list-style: none !important; } .error-msg, .success-msg, .note-msg, .notice-msg { color: #fff !important; background-position: 14px center !important; background-repeat:no-repeat !important; min-height:16px !important; padding: 20px 39px !important; font-size:11px !important; } .error-msg { background-image:url(../images/icons/message_error.gif); background-color:#ef3e42; } .success-msg { background-image:url(../images/icons/message_success.gif); background-color:#72a52c; } .note-msg, .notice-msg { background-image:url(../images/icons/message_notice.gif); background-color:#e67228; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* H1 */ h1 { padding-bottom:15px; width:440px; height:30px; border: none; display: block; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; font-size: 0; line-height: 0; } h1.our-process { background-image: url(../images/headers/h1-our-process.jpg); } h1.safe-plastics { background-image: url(../images/headers/h1-safe-plastics.jpg); } h1.preserves-plastic-process { background-image: url(../images/headers/h1-preserves-plastic-process.jpg); } h1.recycling-information { background-image: url(../images/headers/h1-recycling-information.gif); } h1.gimme-5 { background-image: url(../images/headers/h1-gimme-5.jpg); } h1.gimme-5-locations { background-image: url(../images/headers/h1-gimme-5-locations.jpg); } h1.recycle-preserve-products { background-image: url(../images/headers/h1-recycle-preserve-products.jpg); } h1.recycle-brita-filters { background-image: url(../images/headers/h1-recycle-brita-filters.jpg); } h1.about-preserve { background-image: url(../images/headers/h1-about-preserve.gif); } h1.preserve-in-the-news { background-image: url(../images/headers/h1-preserve-in-the-news.jpg); } h1.sundance-channel { background-image: url(../images/headers/h1-sundance-channel.jpg); } h1.preserve-electronic-press-kit { background-image: url(../images/headers/h1-preserve-electronic-press-kit.gif); } h1.preserve-stonyfield-farm { background-image: url(../images/headers/h1-preserve-stonyfield-farm.jpg); } h1.our-earth-efforts { background-image: url(../images/headers/h1-our-earth-efforts.jpg); } h1.jobs-at-preserve { background-image: url(../images/headers/h1-jobs-at-preserve.gif); } h1.faqs { background-image: url(../images/headers/h1-faqs.jpg); } h1.preserve-newsletter { background-image: url(../images/headers/h1-preserve-newsletter.jpg); } h1.gimme-5-support { background-image: url(../images/headers/h1-gimme-5-support.jpg); width:643px; height:100px; } /* H2 */ h2 { color:#007CCD; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; padding:15px 0 5px 0; } h2.img { padding-bottom:5px; width:550px; height:20px; border: none; display: block; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; font-size: 0; line-height: 0; } h2.recycle-brita-filters-in-us { background-image: url(../images/headers/h2-recycle-brita-filters-in-us.jpg); } h2.recycle-brita-filters-in-ca { background-image: url(../images/headers/h2-recycle-brita-filters-in-ca.jpg); } h2.topsellers { background-image: url(../images/headers/h2-topsellers.gif); } h2.contact-us { width: 186px; background-image: url(../images/headers/h2-contact-us.gif); } h2.find-a-store { width: 374px; background-image: url(../images/headers/h2-find-a-store.jpg); } /* H3 */ h3 { color:#8CC63F; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; padding:15px 0 5px 0; } h3.img { height: 12px; margin: 8px 0 10px 0; padding: 0; border: none; display: block; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; font-size: 0; line-height: 0; } h3.features { background-image: url(../images/headers/h3-features.gif); } h3.add-comment { margin: 0 0 16px; background-image: url(../images/headers/h3-add-comment.gif); } h3.shipping-information { width: 172px; background-image: url(../images/headers/h3-shipping-information.gif); } h3.billing-information { width: 153px; background-image: url(../images/headers/h3-billing-information.gif); } h3.payment-method { width: 135px; background-image: url(../images/headers/h3-payment-method.gif); } /* H4 */ h4 { color:#000000; font-weight:bold; font-size:12px; } h4 a { color:#000000; font-weight:bold; font-size:12px; text-decoration:none; } h4 a:hover { color:#047AD9; } /* Pager */ .pager { float: right; width: 270px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float: right; margin-bottom: 0 !important; } .pager .pages { float: right; margin-left: 24px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages li a { text-decoration: underline !important; } .pager .pages .current {} .pager select { font-size: 1em; } /* Sorter */ .sorter { padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; } .data-table thead {} .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:200px; height:63px; overflow:hidden; } .header-container { background:#fff url("../images/bg/bg_shadow_tile.jpg") left top repeat-y; padding:0 45px; width:860px; } .header { padding:0; } .header .logo { background: url("../images/branding/preserve_logo.jpg") left top no-repeat; text-indent:-999em; height: 82px; width: 194px; margin-left: 5px; } .header .logo a { display:block; width:194px; height:82px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; } .header .form-search { text-align:center; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } .header-right { float: right; width: 660px; height: 82px; position: relative; } /********** < Navigation */ /* Top Nav */ #topNav { float: right; width: 150px; height: 50px; } #topNav li { list-style:none; display:block; width:146px; float:right; clear:right; } #topNav li a { display: block; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; font-size: 0; line-height: 0; } #topNav li a.find-a-store-near-you { background-image: url(../images/bg/find-a-store-near-you.png); height:27px; } #topNav li a.find-a-store-near-you:hover { background-position: 0 -27px; } #topNav li a.shop-now { background-image: url(../images/bg/shop-now.png); height:23px; } #topNav li a.shop-now:hover { background-position: 0 -23px; } /* Account Nav */ #accountNav { margin-top: 14px; margin-right: 5px; } #accountNav li { float: left; height: 16px; } #accountNav li.divider { background: transparent url(../images/nav/accountNav_divider.gif) center 6px no-repeat; width: 18px; } #accountNav li a { display: block; height: 16px; padding: 0 4px; background-position: top center; background-repeat: no-repeat; text-indent: -10000px; font-size: 0; line-height: 0; } #accountNav li a:hover, #accountNav li.active a { background-position: center -16px; } #accountNav li a.account-link { width: 47px; background-image: url(../images/nav/accountNav_account.gif); } #accountNav li a.cart-link { width: 24px; background-image: url(../images/nav/accountNav_cart.gif); } #accountNav li a.checkout-link { width: 52px; background-image: url(../images/nav/accountNav_checkout.gif); } #accountNav li a.logout-link { width: 38px; background-image: url(../images/nav/accountNav_logout.gif); } /* Main Nav */ #nav { float: right; padding:0; margin:0; height: 32px; width: 100%; } #nav li { text-align:left; float:left; padding: 0; margin: 0; } #nav li.over { z-index:999; } #nav li a { padding:0; display:block; text-decoration:none; height: 32px; overflow: hidden; text-indent: -999em; } #nav li a.nav-products { background: url(../images/nav/header_products.jpg) left top no-repeat; width: 134px;} #nav li a.nav-ourprocess { background: url(../images/nav/header_process.jpg) left top no-repeat; width: 127px;} #nav li a.nav-recycling { background: url(../images/nav/header_recycle.jpg) left top no-repeat; width: 212px;} #nav li a.nav-aboutus { background: url(../images/nav/header_aboutus.jpg) left top no-repeat; width: 183px;} #nav li a.nav-products:hover { background: url(../images/nav/header_products-o.jpg) left top no-repeat;} #nav li a.nav-ourprocess:hover { background: url(../images/nav/header_process-o.jpg) left top no-repeat;} #nav li a.nav-recycling:hover { background: url(../images/nav/header_recycle-o.jpg) left top no-repeat;} #nav li a.nav-aboutus:hover { background: url(../images/nav/header_aboutus-o.jpg) left top no-repeat;} /* Catalog Nav */ #catalogNav { clear: both; margin-left: 5px; } #catalogNav li { float: left; width: 160px; margin-right: 12px; } #catalogNav li a { display: block; width: 160px; height: 34px; color: #fff; text-indent: -5000px; background-position: 0 0; background-repeat: no-repeat; } #catalogNav li a:hover { background-position: 0 -42px; } #catalogNav li.active a, #catalogNav li.active a:hover { height: 42px; background-position: 0 -42px; } #catalogNav li.nav-products-personalcare a { background-image: url(../images/nav/catalogNav_personal.gif); } #catalogNav li.nav-products-tableware a { background-image: url(../images/nav/catalogNav_tableware.gif); } #catalogNav li.nav-products-kitchen a { background-image: url(../images/nav/catalogNav_kitchen.gif); } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block {margin:0 0 10px; } .block .block-title { padding:0 10px; } .block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:10px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe { background:url(../images/bg/home_right_newsletter_single.png) no-repeat 0 0; width:249px; height:96px; } .block-subscribe legend, .block-subscribe label { display:none; } .block-subscribe .input-text { margin:55px 7px 5px 7px; float:left; width:135px; } .block-subscribe .button { margin:53px 0 0 0; background:url(../images/buttons/signup.gif) no-repeat 0 0; width:70px; height:24px; } .block-subscribe .button:hover { background-position:0 -24px; } /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .catalog-category-view .main .col-main, .catalog-product-view .main .col-main { padding-top: 0; } .category-header, .product-header {} .category-header h2 { display: none; } .category-header p { display: none; } .category-header img, .product-header img {} .category-title { margin: 0 0 10px; } #category-image { display:block; margin:0 auto; } .category-products {} .category-cms { padding-top: 17px; } .category-cms h3.sifr { width: 50%; height: 36px; } /* View Type: Grid */ .products-grid { width:100%; margin: 17px 0 25px; } .products-grid tr.odd {} .products-grid tr.even {} .products-grid td { width: 200px; padding-right: 17px; padding-bottom: 17px; } .products-grid td.last { padding-right: 0; } .products-grid td.empty { vertical-align: middle; text-align: right; } .products-grid td .price-box { float: right; font-size: 12px; padding: 10px 6px 10px 3px; color: #fff; } .products-grid td .product-name, .related-product-list .product-name, .product-view .related-product-list h4.product-name { display: table-cell; vertical-align: middle; height: 38px; padding: 0px 6px; line-height: 1em; font-size: 12px; } .products-grid td .product-name a, .products-grid td .product-name a:visited, .products-grid td .product-name a:hover, .related-product-list .product-name a, .related-product-list .product-name a:visited, .related-product-list .product-name a:hover { text-decoration: none; color: #fff; font-size: 10px; line-height: 1em; } .products-grid td .product-name a:hover, .related-product-list .product-name a:hover { text-decoration: underline; } #topsellers .products-grid { margin-bottom: 2px; } .products-grid td .product-image { display: block; position: relative; width: 200px; height: 142px; } .product-image img.product-special { display: block; position: absolute; top: 0; left: 0; } .product-image img.new { width: 84px; height: 49px; } .product-image img.sale { width: 92px; height: 54px; } /* Grid colors */ .personal .products-grid td .cell-content { background-color: #50b6e6; } .kitchen .products-grid td .cell-content { background-color: #74b42c; } .table .products-grid td .cell-content { background-color: #ef3e42; } .category-everyday .products-grid td .cell-content { background-color: #a5272a; } #topsellers .products-grid td .cell-content { background-color: #005695; } /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view { margin-top: 17px; } .product-essential {} .product-essential p.sidebar-body { font-size: 0.9em; margin-bottom: 10px; } .product-collateral {} /* Product Images */ .product-view .product-img-box { float:left; width:272px; margin-right: 18px; } .product-view .product-img-box .product-image {} .product-view .product-img-box .product-image a { position: relative; display: block; height: 254px; } .product-view .product-img-box .product-image a #magnifying-glass { position: absolute; left: 7px; bottom: 7px; } .product-view .product-img-box .product-image-zoom { position:relative; width:272px; height:254px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin: 8px auto; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box #image-scroll { margin-top: 3px; } .product-view .product-img-box .image-scroll-left, .product-view .product-img-box .image-scroll-right { display: block; float: left; width: 14px; height: 47px; background: transparent url(../images/buttons/image-scroll_right.gif) 0 0 no-repeat; cursor: pointer; } .product-view .product-img-box .image-scroll-left { margin-right: 3px; background-image: url(../images/buttons/image-scroll_left.gif); } .product-view .product-img-box .image-scroll-gallery { position: relative; float: left; width: 238px; height: 47px; overflow: hidden; margin-right: 3px; } .product-view .product-img-box .image-scroll-gallery ul { position: absolute; top: 0; left: 0; z-index: 50; } .product-view .product-img-box #image-scroll li { float:left; margin: 0 3px 0 0; } .product-view .product-img-box #image-scroll li img { border: 1px solid #0081c6; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:542px; margin-right: 18px; } .product-view .product-additional { float:right; width:560px; } .product-view .product-name { padding: 0 0 12px 0; font-size: 16px; color: #4b3900; } .product-view .short-description {} .product-view .std { margin-bottom: 0; } .product-view .std .col2-set { margin-top: 12px; } .product-view .std .col2-set .col-1 { width: 69%; } .product-view .std .col2-set .col-2 { width: 30%; } .product-view input.qty { border: 1px solid #BBBBBB; } /* Color Swatches */ .color-swatches { float: left; height: 19px; } .color-swatches .color-swatch { display: block; float: left; width: 19px; height: 19px; background: transparent url(../images/bg/color-swatches.gif) 0 0 no-repeat; text-indent: -5000px; font-size: 0; line-height: 0; cursor: pointer; } .color-swatches .color-swatch:hover, .color-swatches .active { background-image: url(../images/bg/color-swatches_hover.gif); } .color-swatches .color-swatch.disabled, .color-swatches .color-swatch.disabled:hover { background-image: url(../images/bg/color-swatches_disabled.gif); cursor: default; } .color-swatches .surprise-mix {} .color-swatches .berry-red { background-position: 0 -19px; } .color-swatches .blue, .color-swatches .berry-blue { background-position: 0 -38px; } .color-swatches .teal { background-position: 0 -57px; } .color-swatches .pear-green { background-position: 0 -76px; } .color-swatches .white, .color-swatches .milk-white { background-position: 0 -95px; } .color-swatches .tortoise-green { background-position: 0 -114px; } .color-swatches .parrot-pink { background-position: 0 -133px; } .color-swatches .orange, .color-swatches .tiger-orange { background-position: 0 -152px; } .color-swatches .citrus-yellow { background-position: 0 -171px; } .color-swatches .sky-blue { background-position: 0 -190px; } .color-swatches .midnight-blue { background-position: 0 -209px; } .color-swatches .fuschia { background-position: 0 -228px; } .color-swatches .gray { background-position: 0 -247px; } .color-swatches .apple-green { background-position: 0 -266px; } .color-swatches .pepper-red { background-position: 0 -285px; } .color-swatches .ripe-tomato { background-position: 0 -304px; } .color-swatches .black, .color-swatches .olive-black { background-position: 0 -323px; } .color-swatches .eggplant { background-position: 0 -342px; } .color-swatches .grass-green { background-position: 0 -361px; } .color-swatches .magenta { background-position: 0 -380px; } #swatch-label { display: block; clear: left; margin-left: 24.5%; color: #0081c6; } /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings .rating-links a, .ratings .rating-links img { float: right; margin-left: 12px; } .ratings .rating-links a { margin-top: 2px; } .ratings ul {} .ratings ul li { color: #010100; margin-bottom: 16px; } .ratings ul li .review-text { display: block; } .ratings ul li .review-author { display: block; font-size: 0.9em; text-align: right; } .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } #reviews {} #review-form { display: block; padding: 15px 18px; margin-top: 23px; background-color: #c1e7fa; font-size: 11px; } #review-form input, #review-form textarea { width: 98%; border-width: 0px; font-size: 11px; } #review-form label { font-weight: normal; } #review-form .form-list { margin: 8px 0 8px; } #review-form .form-list li { width: 40%; margin-bottom: 8px; } #review-form .form-list li.comments { float: none; clear: left; width: 100%; } #review-form p { clear: both; margin: 0; padding-right: 7px; } #review-message { padding-top: 14px; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /* Feature Logos */ #features-logo { float: right; width: 135px; padding: 0; margin: 30px 0 0 1em; } #features-logo li { float: left; height: 35px; padding: 3px; list-style: none; } #features-logo li a { display: block; width: 32px; height: 35px; cursor: pointer; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; } #features-logo li a:hover { background-position: 0 -35px; } #features-logo li a#feature-carton { background-image: url(../images/icons/features/carton.gif); } #features-logo li a#feature-usa { width: 51px; background-image: url(../images/icons/features/usa.gif); } #features-logo li a#feature-rabbit { background-image: url(../images/icons/features/rabbit.gif); } #features-logo li a#feature-bpa { width: 34px; background-image: url(../images/icons/features/bpa.gif); } #features-logo li a#feature-travel { width: 68px; background-image: url(../images/icons/features/travel.gif); } #features-logo li a#feature-melamine { width: 34px; background-image: url(../images/icons/features/melamine-free.gif); } #features-logo li a#feature-recyclable { width: 34px; background-image: url(../images/icons/features/recyclable.gif); } #features-logo li a#feature-dishwasher { width: 40px; background-image: url(../images/icons/features/dishwasher.gif); } #features-logo li a#feature-dishwasher:hover { background-position: 0 -40px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box .old-price { text-decoration:line-through; padding-right: 2px; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding: 4px 0;} .product-options .product-option { float: left; width: 40%; height: 19px; margin-bottom: 3px; font-size: 11px; } .product-options .color-option { width: 56%; height: 38px; } .product-options .odd { margin-right: 16px; } .product-options .last { margin-bottom: 12px; } .product-options .product-option label { display: block; float: left; width: 30%; margin-right: 5%; font-weight: normal; } .product-options .color-option label { width: 19.5%; } .product-options .product-option input, .product-options .product-option select { display: block; float: left; width: 64%; font-size: 11px; } .product-options .product-option .price { font-weight: bold; } .product-options dt label { font-weight: normal; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews {} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } .cms-home .main, .cms-home col-main { padding-bottom: 0px; } .std ul li { list-style:circle outside url(../images/bg/bullet.png); } .std .box-blue { padding:15px; margin:0 10px; background-color:#d9ebf6; } .std .box-grey { padding:15px; margin:0 10px; background-color:#e7e7e7; } .cms-home table { width: 100%; margin-bottom: 11px; } .cms-home table tr {} .cms-home table tr td { padding-right: 17px; } .cms-home table.home-bottom tr td { padding-right: 19px; } .cms-home table tr td.last { padding-right: 0px; } .cms-home table tr td a { display: block; margin-bottom: 9px; } .cms-home table tr td a img {} a.home-button { display: block; width: 249px; background-position: 0 0; background-repeat: no-repeat; text-indent: -5000px; } a.shop-now { height: 53px; background-image: url(../images/bg/home_right_shopnow.gif); } a.shop-now:hover { background-position: 0 -53px; } a.newsletter { height: 78px; background-image: url(../images/bg/home_right_newsletter.gif); } a.newsletter:hover { background-position: 0 -78px; } /* CMS Products Page */ .category-cms .our-products-intro { float: left; height: 227px; width: 522px; padding: 70px 20px 0 20px; margin-bottom: 20px; background: url(../images/bg/bg_our_products_intro.jpg) left top no-repeat; } .category-cms .our-products-intro h3 { display: none; } .category-cms .our-products-intro p { display: none; color: #ffffff; font-size: 80%; } .category-cms .our-products-promo { float: left; margin-left: 15px;} .category-cms .our-products-links { float: left; clear: left; width: 100%; } .category-cms .our-products-links a { float: left; margin-right: 17px;} .category-cms .our-products-links .last { margin-right: 0;} /* CMS */ .std ul.process { padding-left:0; } .std ul.process li { list-style:none; padding:20px 0 20px 55px; background:center left no-repeat; } .std ul.process li.water { background-image:url(../images/inline/water.jpg); } .std ul.process li.gas { background-image:url(../images/inline/gas.jpg); } .std ul.process li.oil { background-image:url(../images/inline/oil.jpg); } .std ul.process li.coal { background-image:url(../images/inline/coal.jpg); } .std ul.process li.natural-gas { background-image:url(../images/inline/natural-gas.jpg); } .std ul.process li.electricity { background-image:url(../images/inline/electricity.jpg); } .std .states { width:400px; float:right; padding:15px 40px 0 0; } .std .states a { color:#000; font-weight:bold; text-decoration:none; } .std .bpa-free { width:108px; height:108px; margin:0 20px 20px 20px; background:url(../images/inline/bpa-free.gif) 0 0 no-repeat; float:right; } .std ul.recycling-information { padding-left:0; } .std ul.recycling-information li { list-style:none; float:left; width:150px; height:220px; text-align:center; margin:5px; font-size:10px; } .std .whole-foods-locations { margin:0 0 25px 10px; } .std .whole-foods-locations a { text-decoration:none; color:#666666; } .std .whole-foods-locations a:hover { color:#007CCD; } .std .whole-foods-locations tr td { padding:10px 10px 0 0; } .std .whole-foods-locations strong { color:#007CCD; font-size:14px; font-weight:bold; display:block; text-align:right; } .std .whole-foods-locations .back-to-top { display:block; text-align:right; } .std .reply-mailer { width:199px; height:142px; margin:20px; float:left; } .std .toc li { list-style:none; } .std .toc a { display:block; width:500px; height:35px; text-indent: -5000px; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; font-size: 0; line-height: 0; } .std .toc a:hover { background-position: 0 -35px; } .std .toc a.usa { background-image: url(../images/bg/to-recycle-brita-filters-in-the-us-click-here.png); } .std .toc a.canada { background-image: url(../images/bg/to-recycle-brita-filters-in-ca-click-here.png); } .std table.in-the-news { margin:0 0 25px 10px; } .std table.in-the-news tr td { padding:25px 25px 0 0; width:200px; text-align:center; } .std ul.in-the-news li { list-style:none; padding:5px 0; } .std .presskit li { list-style:none; padding:10px 0 10px 55px; background:url(../images/inline/pdficon_large.gif) center left no-repeat; } .std .presskit li a { color:#333333; text-decoration:none; font-weight:bold; } .std .presskit li a:hover { color:#047AD9; } .std .get-adobe-reader { margin:20px 45px; } .std .get-adobe-reader tr td { padding:5px; } .std .jobs { padding-left:0; } .std .jobs li { list-style:none; padding-top:10px; } .std div.gimme-5-bin { padding-right:200px; background:url(../images/inline/gimme5bin.jpg) top right no-repeat; } .std div.gimme-5-support p strong { color:#007CCD; font-size:18px; font-weight:bold; } .std div.gimme-5-support p strong.blue { color:#007CCD; font-size:14px; font-weight:bold; } .std div.gimme-5-support p strong.green { color:#8CC63F; font-size:14px; font-weight:bold; } .std div.gimme-5-support ul.blocks li { width:172px; float:left; text-align:center; list-style:none; padding:10px; } .std div.gimme-5-support ul.blocks li strong { color:#007CCD; font-size:14px; font-weight:bold; } .std div.gimme-5-support a:hover img { opacity:0.8;filter:alpha(opacity=80); } .std div.gimme-5-support div.twocol { width:300px; float:left; padding-right:10px; } .std div.gimme-5-support div.twocol ul li { line-height:1.1em; padding-bottom:5px; } .std div.gimme-5-support div div.bin-left { float:left; width:250px; text-align:right; padding:40px 0 20px 0; } .std div.gimme-5-support div div.bin-right { float:left; width:250px; text-align:left; padding:70px 0 20px 15px; } /* CMS Static Blocks */ .personalcare-cms { position: relative; height: 153px; background: transparent url(../images/bg/category-personalcare_bg.jpg) 0 0 no-repeat; } .personalcare-cms h3, .personalcare-cms h4 { display: none; } .personalcare-cms a { position: absolute; top: 118px; display: block; height: 14px; background-position: 0 0; background-repeat: no-repeat; text-indent: -5000px; font-size: 0; line-height: 0; } .personalcare-cms a:hover { background-position: 0 -14px; } .personalcare-cms a.toothbrush { width: 68px; left: 507px; background-image: url(../images/bg/category-personalcare_toothbrush.gif); } .personalcare-cms a.jr-toothbrush { width: 84px; left: 612px; background-image: url(../images/bg/category-personalcare_jrtoothbrush.gif); } .personalcare-cms a.tongue-cleaner { width: 92px; left: 730px; background-image: url(../images/bg/category-personalcare_tonguecleaner.gif); } /* Sitemap */ .sitemap {} /* Contact Form */ #contactForm { display: block; padding: 6px 12px 12px; font-size: 11px; } #contactForm fieldset { display: block; padding: 0 15px; } #contactForm .group-select ul { float: none; width: auto; } #contactForm .group-select .input-box { width: 47%; } #contactForm .group-select .last { margin-right: 1px; } #contactForm fieldset label, #contactForm fieldset p { color: #fff; } #contactForm fieldset p { margin-top: 9px; } #contactForm input, #contactForm select, #contactForm textarea { border-width: 0px; background-color: #a6ddf8; } #contactForm input.radio { background-color: transparent; } #contact-form-loading { height: 40px; } #contact-form-loading img { display: block; margin: 4px auto 0; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-base-left { float: left; width: 39%; margin-right: 1%; padding-top: 5px; } .cart .account .checkout-base-left { padding-top: 25px; } .cart .checkout-base-left p { padding: 4px 0 22px; } .cart .checkout-base-right { float: right; width: 59%; margin-left: 1%; } .cart .checkout-types { float:right; text-align:right; } .cart a.checkout, .cart a.lg-keep-shopping { float: right; margin-top: 16px; } .cart .strikethrough { display: block; } /* Shopping Cart Table */ .cart-table { width: 100%; } .cart-table .item-msg { font-size:10px; } .cart-table .error { font-weight: bold; color: #990000; } .cart-table .product-name {} .cart-table .product-name a { color: #000; font-size: 11px; font-weight: normal; text-decoration: underline; } .cart-table .product-name a:hover { text-decoration: none; } .cart-table dl.item-options { padding: 3px 0 0 10px; } .cart-table dl.item-options dt { float: left; clear: left; padding-right: 4px; font-style: normal; font-weight: normal; } .cart-table dl.item-options dd {} .cart-table input { width: 20px; text-align: center; font-size: 11px; } .cart-table tr td { height: 70px; padding: 20px 0 0 14px; border-bottom: 5px solid #fff; background-color: #d2eefb; color: #000; font-size: 11px; } .cart-table tr.odd td { background-color: #c1e7fa; } .cart-table tr .col-1 { width: 126px; padding: 0;} .cart-table tr td.col-2 { padding: 10px 0 0 14px; } .cart-table tr .col-2 { width: 375px; } .cart-table tr .col-3 { width: 100px; } .cart-table tr .col-4 { width: 100px; } .cart-table tr .col-5 { width: 50px; padding-right: 12px; text-align: center; font-weight: bold; } .cart-table tr th { height: 12px; padding: 20px 0 4px 14px; background-color: #fff; color: #4b3900; font-weight: bold; font-size: 11px; } .cart-table tr th.col-3, .cart-table tr th.col-4, .cart-table tr th.col-5 { padding-left: 0; text-align: left; } .cart-table tr th.col-5 { text-align: center; } .cart-table tfoot tr td { height: 50px; padding: 0; background-color: #fff; border-width: 0px; } /* Subscription Item Table */ .subscription-item-table { width: 100%; } .subscription-item-table .item-msg { font-size:10px; } .subscription-item-table .error { font-weight: bold; color: #990000; } .subscription-item-table .product-name {} .subscription-item-table .product-name a { color: #000; font-size: 11px; font-weight: normal; text-decoration: underline; } .subscription-item-table .product-name a:hover { text-decoration: none; } .subscription-item-table dl.item-options { padding: 3px 0 0 10px; } .subscription-item-table dl.item-options dt { float: left; clear: left; padding-right: 4px; font-style: normal; font-weight: normal; } .subscription-item-table dl.item-options dd {} .subscription-item-table label {float:left; margin-right:5px; } .subscription-item-table .product-option {margin-top:5px; } .subscription-item-table .color-option label {float:left; margin-right:6px; } .subscription-item-table .color-option span { margin-left:5px; } .subscription-item-table input { width: 20px; text-align: center; font-size: 11px; } .subscription-item-table tr td { height: 70px; padding: 10px 10px 0px 0px; border-bottom: 5px solid #fff; background-color: #d2eefb; color: #000; font-size: 11px; } .subscription-item-table tr td.col-1 { padding: 0px 10px 0px 0px; } .subscription-item-table tr.odd td { background-color: #c1e7fa; } /* .subscription-item-table tr .col-1 { width: 126px; padding: 0;} .subscription-item-table tr .col-2 { width: 200px; } .subscription-item-table tr .col-3 { width: 100px; } .subscription-item-table tr .col-4 { width: 150px; } .subscription-item-table tr .col-5 { width: 50px; padding-right: 12px; text-align: center; font-weight: bold; } */ .subscription-item-table tr .col-1 { width: 15%;} .subscription-item-table tr .col-2 { width: 30%; } .subscription-item-table tr .col-3 { width: 20%; } .subscription-item-table tr .col-4 { width: 25%; } .subscription-item-table tr .col-5 { width: 10%; text-align: center; font-weight: bold; } .subscription-item-table tr th { height: 12px; padding: 20px 0 4px 4px; background-color: #fff; color: #4b3900; font-weight: bold; font-size: 11px; } /*.subscription-item-table tr th.col-3,*/ .subscription-item-table tr th.col-4, .subscription-item-table tr th.col-5 { padding-left: 0; text-align: left; } .subscription-item-table tr th.col-5 { text-align: center; } .subscription-item-table tfoot tr td { height: 50px; padding: 0; background-color: #fff; border-width: 0px; } .discount input.input-text { border: 1px solid #BBBBBB; } /* Shopping Cart Totals */ .cart .cart-totals-table { float: right; margin: 20px 18px 0 0; } .cart .cart-totals-table td { padding: 2px; font-size: 11px; text-align: right; } .cart .cart-totals-table td.col-1 { padding-right: 30px; } .cart .cart-totals-table td.col-2 {} .cart .cart-totals-table .grand td { font-weight: bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* Discount */ .discount { margin-right: 4px; } .discount button, .discount label, .discount input { float: right; margin-right: 14px; font-size: 11px; } .discount label { margin-top: 3px; } .discount input { margin-top: 2px; } /* Related Products List (crosssell, upsell, related) */ .related-product-list { padding: 14px 0; } .related-product-list ul { margin-top: 3px; } .related-product-list ul li { float: left; width: 175px; margin-right: 14px; background-color: #005695; } .related-product-list ul li.last { margin-right: 0; } #products-crosssell { padding: 0; } #products-crosssell ul { margin-top: 3px; } #products-crosssell ul li { float: left; width: 126px; margin-right: 7px; background-color: #005695; } /* ======================================================================================= */ /* Checkout ============================================================================== */ #checkout, #account { padding: 23px 0 0; font-size: 11px; } .cart #checkout { padding: 0; } #checkout-progress, #account-header { height: 50px; margin-top: 3px; padding: 22px 0 0 18px; background-color: #4b3900; } #checkout-progress h2, #account-header h2 { height: 32px; margin: 0; padding: 0; background: transparent url(../images/headers/h2-checkout-progress.gif) 0 0 no-repeat; text-indent: -5000px; } #checkout-progress h2.cart {} #checkout-progress h2.payment, #checkout-progress h2.review, #checkout-progress h2.confirm { background-position: 0 -32px; } #checkout fieldset { margin-top: 9px; } #checkout input, #checkout textarea, #checkout select { font-size: 11px; } #checkout-messages, #account-messages { margin-bottom: 13px; } .cart #checkout-messages { margin: 18px 0 0; } #subscription-address-form h3 { height:18px; } #subscription-address-form .checkbox { width:18px; height:18px; } #subscription-address-form { margin-top: 23px; } #subscription-address-form, #co-billing-form, #co-shipping-container, #co-shipping-method-form, #co-payment-form { clear: both; padding: 14px 13px; margin-bottom: 23px; background-color: #c1e7fa; } ul.checkout-links { float: right; } ul.checkout-links li { float: left; margin-left: 4px; } #checkout .carbon-neutral, #account .carbon-neutral { height:50px; width:267px; background:url(../images/inline/carbon-neutral.gif) no-repeat 0 0; text-indent: -5000px; line-height: 0; font-size: 0; cursor:pointer; display:block; } #checkout .carbon-neutral:hover, #account .carbon-neutral:hover { background-position: 0 -50px; } /* Payment */ #checkout .payment h3 { height: 18px; margin: 0; } #checkout .payment label { display: block; padding-bottom: 2px; } #checkout .payment input, #checkout .payment textarea, #checkout .payment select { border: none; } #checkout .payment textarea { width: 95%; height: 55px; } #checkout .payment .radio label { display: inline; } #checkout .payment .address-select { width: 98%; } #checkout .payment .payment-methods li { width: 192px; margin-right: 18px; } #checkout .payment .payment-methods li.last { margin-right: 0; } #checkout .payment p { margin: 12px 18px 12px 0; } /* Login */ .login {} .login p { width: 65%; margin-bottom: 5px; } .login #account p.top, .login p.top { padding-top: 12px; } .login #account p.top { margin-top: 0; } .login .form-list { width: 60%; padding-top: 12px; } .login .form-list li { float: none; margin-bottom: 5px; } .login #account .form-list a { font-weight: normal; } /* Review */ #checkout .review .checkout-base-left { padding-top: 4px; } #checkout .review .checkout-links { margin-top: 6px; } #checkout .review .cart-totals-table { margin-top: 0; } /* Success */ #checkout .complete .complete-message { padding: 18px 15px; margin-bottom: 6px; background-color: #0081c6; } #checkout .complete .complete-message p { margin-top: 8px; margin-bottom: 12px; color: #fff; } #checkout .complete .complete-message p a { text-decoration: underline; font-weight: bold; } #checkout .complete .complete-message p a, #checkout .complete .complete-message p a:hover { color: #fff; cursor: pointer; } /* Order Print */ .page-print .cart-table tfoot tr td { height: auto; } .page-print .cart-table tr td { height: auto; background-color: transparent; } /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account ============================================================ */ #account-wrapper {} #account-header h2 { background-image: url(../images/headers/h2-account.gif); } #account .form-list li { float: none; padding-bottom: 5px; } #account fieldset { margin-bottom: 12px; } #account .col2-set { margin-bottom: 18px; } #account .buttons-set { float: right; } #account .top { margin-top: 6px; } #account ul a, #account ol a, #account p a, #order-list tr td.a-center a, #subscription-list tr td.a-center a { font-weight: bold; text-decoration: none; } #account ul a:hover, #account ol a:hover, #account p a:hover, #order-list tr td.a-center a:hover, #subscription-list tr td.a-center a:hover { text-decoration: underline; } #account address { margin: 6px 0 4px; } .dashboard #account .btn-med { margin: 2px 0 6px; } .address-book #account ol { margin-top: 10px; } .address-book #account ol li { float: left; width: 25%; margin-right: 3%; } table#order-list, table#subscription-list { width: 100%; margin: 6px 0 12px; } #order-list tr, #subscription-list tr {} #order-list tr th, #subscription-list tr th { padding: 0 12px 4px; font-weight: bold; } #order-list tr td, #subscription-list tr td { padding: 19px 12px; border-bottom: 5px solid #fff; background-color: #d2eefb; } #order-list tr.odd td, #subscription-list tr.odd td { background-color: #c1e7fa; } #order-list tr td a, #order-list tr td a:hover, #subscription-list tr td a, #subscription-list tr td a:hover { color: #005695; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .recent-orders { margin: 0 0 10px; } .dashboard .recent-subscriptions { margin: 0 0 10px; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin: 15px 0 0 15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* Locations */ .locations {} .locations input, .locations select { padding: 2px; border: 1px solid #ddd; } .location input { width: 100%; } .locations select { width: 180px; } .locations-table {} .locations-table tr {} .locations .nav_menu td, .locations .detailsinfo td, .locations-table tr th, .locations-table tr td { padding: 4px 6px; } .locations-table tr th { width: 140px; padding-left: 0; } .locations-table .btn-med { margin-left: 146px; } .locations h4 { margin-bottom: 10px; color: #0081C6; } .locations .nav_menu { margin-bottom: 10px; } .locations .nav_menu td { font-weight: bold; } .locations .nav_menu td.usa { padding-left: 0; } .locations ul li { list-style: none; } .locations .sub_navigation, .locations .dropdown_sort { margin-bottom: 10px; } .locations #map { border: 1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { background:#fff url("../images/bg/bg_shadow_bottom.jpg") left top repeat-y; padding:0 45px; width:860px; height: 62px; } .footer p { color:#999999; font-size:10px; padding:10px 0 10px; text-align: center; } .footer p a, .footer p a:hover, .footer p a:visited { color: #999; text-decoration: underline; } .footer p a:hover { color: #999; text-decoration: none; } .footer address { text-align:right; } .footer ul { float:left; padding:0 20px 0 0; } /* ======================================================================================= */ /* Modals ================================================================================ */ #overlay-modal { background-color: #fff; opacity: 0.75; filter: alpha(opacity=75); } a.open-modal { cursor: pointer; } #content-modal, #content-modal-load, #contact-modal, #contact-modal-load { position: absolute; overflow: visible; background-color: #0081c6; } #content-modal table, #content-modal-load table, #contact-modal table, #contact-modal-load table { border-collapse: collapse; } #content-modal table td, #content-modal-load table td, #contact-modal table td, #contact-modal-load table td { padding: 0; } #content-modal_top, #contact-modal_top { height: 15px; font-size: 0; line-height: 0; } #content-modal_bottom, #contact-modal_bottom { display: none; } #content-modal_content, #contact-modal_content {} .modal-content { padding: 16px 12px; overflow: auto; } .content-modal_close { position: absolute; right: 15px; top: 12px; height: 15px; width: 15px; background: transparent url(../images/buttons/modal-close.gif) 0 0 no-repeat; cursor: pointer; } #content-modal-load_row1, #content-modal-load_row3, #content-modal-load_close, #contact-modal-load_row1, #contact-modal-load_row3, #contact-modal-load_close { display: none; } .modal-loading { margin: 45px 3px 0; padding: 5px; } .modal-loading img { margin: 0 auto; padding: 5px 0px; display: block; } .modal-loading img.loading-text { padding-top: 8px; } /* ======================================================================================= */ /* prototip ================================================================================ */ .open-tip { cursor: pointer; color: #0081c6; font-weight: bold; } /* CSS to go with Prototip.Styles */ .prototip { font: 11px Arial, Helvetica, sans-serif; color: #000; } /* the default style */ .prototip .default { width: 250px; color: #808080; } .prototip .default .toolbar { background: #f1f1f1; font-weight: bold; } .prototip .default .title { padding: 5px; } .prototip .default .content { padding: 5px; background: #fff; } /* the preserve style */ .prototip .preserve-tip { width: 220px; color: #fff; } .prototip .preserve-tip .toolbar { background: #0081c6; font-weight: bold; } .prototip .preserve-tip .title { padding: 5px; } .prototip .preserve-tip .content { padding: 10px 15px; text-align: left; background: #0081c6; } /* Required for all tooltips, do not modify */ .prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */ /* ======================================================================================= */ /* sIFR ================================================================================ */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash .sifr { padding: 0 !important; } .sIFR-hasFlash h1.sifr { visibility: hidden; } .sIFR-hasFlash h2.sifr { visibility: hidden; font-size: 20px; } .sIFR-hasFlash h3.sifr { visibility: hidden; font-size: 15px; padding-bottom: 4px; } .sIFR-hasFlash h4.sifr { visibility: hidden; font-size: 13px; } .sIFR-hasFlash h5.sifr { visibility: hidden; font-size: 12px; } /* ======================================================================================= */ /* lightview ================================================================================ */ #lightview{position:absolute; top:50%; left:50%; height:150px; width:150px; margin:-75px 0 0 -75px; padding:0; text-align:left} .lv_Container{position:relative; width:100%; height:100%; background:none; padding:0; margin:0} .lv_Button{cursor:pointer; text-decoration:none; border:none; background:none; margin:0; padding:0} .lv_Sides{position:absolute; top:50%; left:0; clear:both; width:100%; padding:0; margin:0} .lv_Sides *{padding:0; margin:0} .lv_Sides li{list-style-type:none; position:relative} .lv_PrevSide{float:left} .lv_NextSide{float:right} .lv_Sides .lv_Wrapper{width:100%; height:100%; cursor:pointer} .lv_Sides .lv_Button{float:left; background:none} .lv_Frames{width:100%; height:100%; position:relative; padding:0; margin:0} .lv_Frames li{ list-style-type:none; margin:0; padding:0} .lv_Frame{width:100%; display:block} .lv_Frame *{padding:0; margin:0} .lv_FrameTop{position:absolute; left:0; width:100%; display:block} .lv_FrameBottom{position:relative; float:left; clear:both} .lv_Liquid{position:relative; float:left; width:100%; overflow:hidden; clear:both} .lv_Liquid .lv_Filler{position:absolute; height:100%; width:2px; top:0; left:50%} .lv_Half{display:block; height:100%; clear:both; line-height:0px} .lv_Half li{list-style-type:none} .lv_Corner{float:left; position:relative} .lv_CornerTr, .lv_CornerBr{float:right} .lv_Fill{position:absolute; top:0; width:100%; height:100%} .lv_Half .lv_CornerWrapper{float:left; position:relative; width:50%; height:100%; overflow:hidden} .lv_HalfRight .lv_CornerWrapper{float:right} .lv_Corner{position:relative} .lv_Corner canvas{position:relative} .lv_HalfLeft .lv_Corner{float:left} .lv_HalfRight .lv_Corner{position:relative; float:right} .lv_Center{position:relative; clear:both; height:100%; overflow:hidden; background:none; padding:0; margin:0} .lv_WrapUp{position:absolute; left:0; height:100%; width:100%; overflow:hidden; padding:0; margin:0} .lv_WrapDown{position:relative; height:100%; width:100%; overflow:hidden; padding:0; margin:0} .lv_WrapCenter{position:relative; padding:0; margin:0} .lv_Loading{position:absolute; top:50%; left:50%} .lv_Loading .lv_Button{float:left; height:100%; width:100%} .lv_MediaWrapper{position:relative; width:100%; display:block; overflow:hidden; clear:both; padding:0; margin:0} .lv_MediaWrapper img{position:relative; float:left; padding:0; margin:0} .lv_PrevNext{position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0} .lv_PrevNext *{padding:0; margin:0} .lv_PrevNext .lv_Button{position:relative; height:100%} .lv_PrevButton{float:left} .lv_NextButton{float:right} .lv_MenuBar{clear:both; position:relative; width:100%; font:11px Arial,Helvetica,sans-serif; color:#7a7a7a; padding:0; margin:0; text-align:left} .lv_MenuBar *{padding:0; margin:0} .lv_Close{ position:relative; float:right; overflow:hidden; width:100%; height:100%} .lv_Data{position:relative; float:left; padding-bottom:3px; line-height:13px; overflow:hidden} .lv_Data li{list-style-type:none; float:left; margin-top:3px} .lv_DataText{width:100%} .lv_DataText .lv_Title{font-weight:bold; margin-bottom:2px} .lv_DataText .lv_Caption{clear:both} .lv_Data .lv_ImgNumber{color:#a7a7a7; margin-right:5px; margin-top:5px} .lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow{position:relative; border-left:1px solid #d7d7d7; padding:0 5px; margin-top:5px; vertical-align:middle} .lv_Data .lv_Slideshow{padding-right:0px} .lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button{float:left; background-position:center left; background-repeat:no-repeat} .lv_contentTop, .lv_contentBottom{position:relative; float:left; margin:0; padding:0; clear:both} #lightview iframe{float:left; border:0; clear:both; padding:0; margin:0; background:none} .lv_topButtons{position:absolute; left:0; width:100%; overflow:hidden; margin:0; padding:0} .lv_topcloseButtonImage{cursor:pointer} #lightviewError p{padding:0 0 10px 0} #lightviewError div{padding:6px; font:11px Arial,Helvetica,sans-serif} #lightviewError .message{background:#fcb5b5; color:#dd1f1f; margin-bottom:3px} #lightviewError .type{font-weight:bold} #lightviewError .pluginspage{background:#b5fcbd; color:#21be30} #lightviewError a, #lightviewError a:hover, #lightviewError a:visited{color:#21be30; text-decoration:none; background:none; font-weight:bold; border-bottom:1px solid #7de689} #lightviewError p{margin-left:0; padding:0} #lv_overlay{ position:absolute; top:0; left:0; height:100%; width:100%} #lightviewController{position:fixed; bottom:0; top:0; left:50%; margin:0; padding:0; color:#d2d2d2; font:11px Arial,Helvetica,sans-serif} * html body #lightviewController{/* IE6 */position:absolute; top:auto; margin-top:expression( (-1 * this.offsetHeight / 2+(document.documentElement ? document.documentElement.scrollTop:0)+(Lightview.controllerOffset || 0))+'px')} #lightviewController ul{display:block; height:100%; float:left; margin:0; padding:0; position:relative} .lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom{list-style-type:none; float:left; display:block; position:relative; clear:both; overflow:hidden; margin:0; padding:0} .lv_controllerCenter{width:auto; float:left} .lv_controllerCornerWrapper{position:absolute; width:100%; height:100%; margin:0; padding:0} .lv_controllerCornerWrapperTopLeft, .lv_controllerCornerWrapperBottomLeft{top:0; left:-100%} .lv_controllerCornerWrapperTopRight, .lv_controllerCornerWrapperBottomRight{top:0; left:100%} #lightviewController .lv_CornerWrapper{width:100%} #lightviewController .lv_Corner{float:left} #lightviewController .lv_Corner{float:right; position:relative} #lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr{float:left} .lv_controllerBetweenCorners{position:relative; height:100%; overflow:hidden} .lv_controllerMiddle{position:relative; height:100%; float:left} .lv_controllerCenter{float:left; width:auto} .lv_controllerCenter li{list-style-type:none; float:left; display:inline; position:relative; clear:none} .lv_controllerSetNumber{float:left; text-align:center} #lightviewController .lv_Button{float:left; position:relative; height:100%; clear:none} .lv_controllerSetNumber{position:relative; height:100%; padding-right:3px} .lv_controllerPrev, .lv_controllerNext, .lv_controllerSlideshow, .lv_controllerClose{float:left; position:relative; height:100%; padding-left:3px} .lv_controllerPrev{border-left:1px solid #3c3c3c} #lightviewController .lv_controllerNext{padding-right:3px; border-right:1px solid #3c3c3c} * html #lightview{/* IE6 */position:absolute; margin-top:expression( (-1 * this.offsetHeight / 2+(document.documentElement ? document.documentElement.scrollTop:0) - (Lightview.controllerHeight || 0))+'px'); margin-left:expression( -1 * this.offsetWidth / 2+(document.documentElement ? document.documentElement.scrollLeft:0)+'px')} html #lv_overlay{position:absolute; height:expression(((window.Enumerable &&window.Enumerable.max) ? [document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.clientHeight].max():document.documentElement.scrollHeight)+'px' ); width:expression(((window.Enumerable &&window.Enumerable.max) ? [document.body.scrollWidth,document.documentElement.scrollWidth,document.body.offsetWidth,document.documentElement.clientHeight].max():document.documentElement.scrollWidth)+'px' )} /* Preserve lightview additions */ .lv_ImgNumber { display: none; } .lv_Data .lv_innerPrevNext { border-left-width: 0px; } .lv_Button { margin-right: 10px; } .lv_Close { margin-right: 0; margin-top: 4px; } .lv_Title { color: #fff; font-size: 12px; } #checkout-shipping-method-load dt { height:20px; } li.shipping-rate {height:25px;} li.shipping-rate input {float:left; margin-bottom:4px; margin-top:2px;} li.shipping-rate label {width:250px; }