/* @override http://dev.magento.newint.org/skin/frontend/amnesty/default/css/styles.css */ /** * 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 ================================================================================= */ body {background: url('../images/bg_body.gif') repeat-x 0 0 #000;} .wrapper {background: url('../images/bg_footer.gif') repeat-x 0 100%;} .page { width:930px; margin:0 auto; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main {background: url('../images/bg_content.gif') no-repeat 0 100% #fff; padding: 15px 5px 55px 5px;} .col2-left {background: url('../images/bg_left-col.gif') repeat-y -5px 0; overflow: hidden;} /* Base Columns */ .col-left { float:left; width:198px;} .col-main { float:left; width:706px;} .col-right { float:right; width:198px;} .checkout-onepage-index .col-main {padding: 0 0 0 20px; width: 686px;} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding: 10px 12px;} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; padding: 0 6px 0 0; width: 700px;} .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%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border: 1px solid #ccc;} 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 {} button.button { overflow:visible; width:auto; border:0; padding:0; cursor:pointer; background: 0;} button.button span { float:left; display: block; white-space:nowrap;} 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; }*/ .col-main a {color: #000; text-decoration: none;} .col-main a:hover, .col-main a:focus {text-decoration: underline;} /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; border: 1px solid #ccc; } .form-list input.input-text {border: 1px solid #ccc; padding: 4px 4px; width: 242px;} .form-list select { width:256px; border: 1px solid #ccc; } .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 li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; border: 1px solid #ccc; } .group-select select { width:516px; border: 1px solid #ccc; } .group-select input.input-text {padding: 4px 4px; width: 502px;} .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; border: 1px solid #ccc; } .group-select .input-box select { width:256px; } .group-select .input-box input.input-text {border: 1px solid #ccc; padding: 4px 4px; width: 242px;} .buttons-set { clear:both; margin:5px 0 0; padding:5px 0 5px 0;} .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .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 { color:#f00; } p.required { font-size:10px; text-align:right; } /* 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 { } .messages li li { margin: 4px 0 0 0; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { background-color:#eff5ea; background-image:url(../images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; } p.error-msg, p.success-msg, p.note-msg, p.notice-msg {padding-top: 12px !important; padding-bottom: 4px !important;} /* BreadCrumbs */ .breadcrumbs {padding: 0 0 7px 0; background: url('../images/bg_breadcrumbs.gif') no-repeat 100% 0;} .breadcrumbs li { display:inline; font-size: 11px; color: #000;} .breadcrumbs a {color: #000; text-decoration: none;} /* Page Heading */ .page-title {overflow: hidden; padding: 0 0 20px 0;} .page-title a {float: right;} .page-title h2 {float: left; text-transform: uppercase;} .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager {color: #777; overflow: hidden; font-size: 11px; padding: 0 0 6px 0; border-bottom: 1px solid #d5d5d5;} .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} .pager select {font-size: 11px; color: #777; border: 1px solid #ddd;} .pager option {padding: 0 5px 0 2px; font-size: 11px;} .pager p {padding: 4px 0 0 0;} /* Sorter */ .sorter {color: #777; overflow: hidden; font-size: 11px; padding: 6px 0 6px 0;} .sorter .label {display: block; float: left; width: 30px;} .sorter .sort-by { float:right; } .sorter .link-feed {} .sorter .view-mode {float: left;} .sorter .view-modes {width: 30px; float: left;} .sorter .view-List {display: block; width: 12px; height: 12px; background: url('../images/view-list_on.gif'); text-indent: -9999px; float: left;} .sorter .view-Grid {display: block; width: 12px; height: 12px; background: url('../images/view-grid_on.gif'); text-indent: -9999px; float: left; margin-right: 4px;} .sorter a.view-List {background: url('../images/view-list_off.gif');} .sorter a.view-Grid {background: url('../images/view-grid_off.gif');} .sorter select {font-size: 11px; color: #777; border: 1px solid #ddd;} .sorter option {padding: 0 5px 0 2px; font-size: 11px;} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .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 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; } /* Global Rules */ /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:21px; 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:394px; height:132px; overflow:hidden; } .header-container {} .header {} .header .logo { background-position:0 17px; padding-top: 17px; background-repeat:no-repeat; text-indent:-9999em; } .header .logo a { display:block; width:394px; height:132px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .header-links { float:right; clear: both;} .header .header-links ul { float:left;} .header .header-links li {float: left; padding: 10px 0 10px 11px; background: url('../images/bg_top-links-line.gif') no-repeat 5px 55%;} .header .header-links li.the-first{background: 0; padding-left: 0;} .header .header-links a {color: #fff; text-decoration: none;} .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 .welcome-user {width: 520px; float: right;} .header .logged-out {float: right; color: #ffff00; display: block; padding: 90px 0 0 30px; height: 12px; text-align: right;background: url('../images/logged_off.gif') no-repeat 0 100%; white-space: nowrap; clear: both;} .header .logged-in {float: right; color: #ffff00; display: block; padding: 90px 0 0 30px; height: 12px; text-align: right;background: url('../images/logged_in.gif') no-repeat 0 100%; white-space: nowrap; clear: both; wid} #search_mini_form {float: right; width: 310px; height: 34px; padding: 12px 0 0 8px; background: #fff;} #search_mini_form label {width: 23px; height: 23px; display: block; background: url('../images/icn_search.gif') no-repeat 2px 3px; text-indent: -9999px; float: left;} #search_mini_form .input-text {margin: 0 3px; background: url('../images/bg_input_search_global.gif') no-repeat 0 0; width: 206px; height: 18px; padding: 5px 0 0 6px; border: 0; color: #484848; font-weight: bold; text-transform: uppercase; float: left;} #search_mini_form .button {float: left;} /********** < Navigation */ #nav { font-size:12px; height: 52px; background: url('../images/bg_nav.gif') repeat-x 0 100%;} /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.level0 {font-size: 11px; text-transform: uppercase; padding: 0 0 0 0;} #nav li a {height: 40px; padding: 12px 9px 0 25px; background: url('../images/bullet.gif') no-repeat 10px 14px; color: #fff; display: block;} #nav li.over a, #nav li.active a, #nav li a:hover { color: #000; background: url('../images/bullet_over.gif') #fff no-repeat 10px 14px;} #nav li.over { z-index:999; } #nav li.parent {} #nav li a { text-decoration:none} #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; font-weight:bold; } #nav li a:hover {} #nav li.over a, #nav li.active a {} /* 2nd Level */ #nav ul { position:absolute; width:200px; top:51px; left:-10000px; background:url('../images/blank_opacity_90.png'); padding: 5px 0 5px 0; border-top: 1px solid #fff;} #nav ul li { float:none; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:7px 9px 7px 23px; font-weight:normal; color:#000; height: auto ; font-size: 10px; text-transform: uppercase; background: none !important;} #nav ul li.over a, #nav ul li a:hover, #nav ul li a:focus {background: url('../images/bullet_nav.gif') no-repeat 10px 50% #ffff00 !important;} #nav ul li.active > a, #nav ul li.over > a { } /* 3rd+ leven */ #nav ul ul { top: -10px; background: #ffff00;} #nav ul li ul li a, #nav ul li.over ul li a {background:#ffff00 !important; } #nav ul li ul li a:hover, #nav ul li.over ul li a:hover {background: url('../images/bullet_nav.gif') no-repeat 10px 50% #ffff00 !important; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:200px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block {} .block .block-tritle { } .block .block-title h2 {} .block h3 {} .block .block-content {} .block .actions {} .block .actions a {} .block-banner {padding: 0 0 10px 0;} /* Block: Account */ .block-account {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 0; background: url('../images/bg_sidebar.gif');} .block-account h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 10px 15px;} .block-account li span, .block-account li a {color: #777; text-decoration: none; display: block; padding: 5px 5px 5px 15px; font-size: 11px;} .block-account li span {background: #000; color: #ffff00;} .block-account li {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {padding: 0 0 40px 0;} .block-layered-nav h2 {background: url('../images/sidebar_bullet.gif') no-repeat 0 55%; font-size: 18px; font-weight: bold; padding: 0 0 0 24px; text-transform: uppercase;} .block-layered-nav h3 {display: none;} .block-layered-nav dt { font-weight:bold; padding: 17px 0 0 25px;} .block-layered-nav dd {padding: 0 0 0 25px;} .block-layered-nav li {padding: 10px 0 0 0; font-size: 11px; color: #777;} .block-layered-nav a {text-decoration: none; color: #777;} .block-layered-nav .currently {} .block-layered-nav .product-key {overflow: hidden;} .block-layered-nav .product-key span {float: left; display: block; padding: 4px 0 0 5px;} .block-layered-nav .product-key img {float: left;} /* Block: Cart */ .block-cart {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 8px 10px 13px; background: url('../images/bg_sidebar.gif');} .block-cart h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-cart p {color: #555; font-size: 11px; padding: 0 0 10px 0;} .block-cart .amount {} .block-cart a {color: #000;} .block-cart .subtotal { text-align:center; } .block-cart .actions {text-align: right;} .block-cart h3 {font-size: 12px; font-weight: normal; color: #555; padding: 12px 0 3px 0;} .block-cart h4 a {text-decoration: none; color: #222;} .mini-products-list li { padding:6px 0 6px 0; color: #555;} .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-wishlist {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 13px; background: url('../images/bg_sidebar.gif');} .block-wishlist h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-wishlist p {color: #555; font-size: 11px; padding: 0 0 10px 0;} .block-wishlist a {color: #000;} .block-wishlist h3 {font-size: 12px; font-weight: normal; color: #555; padding: 0 0 3px 0;} .block-wishlist a {text-decoration: none; color: #222;} .block-wishlist li { padding:8px 0 6px 0; color: #555; border-bottom: 1px solid #eee;} .block-wishlist .price-box {padding: 6px 0; color: #555; font-size: 11px;} .block-wishlist .actions {padding: 8px 0 0 0; font-size: 12px;} /* Block: Related */ .block-related {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 8px 10px 13px; background: url('../images/bg_sidebar.gif');} .block-related h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-related p {color: #555; font-size: 11px; padding: 0 0 10px 0;} .block-related a {color: #000; text-decoration: none;} .block-related li { padding:5px 0; position: relative;} .block-related p {color: #555; } .block-related input.checkbox { float:left; position: absolute; top: 7px; right: -3px;} .block-related .item {overflow: hidden;} .block-related .item .product-image { float:left; display: block; width: 50px; height: 50px; overflow: hidden; border: 1px solid #ddd;} .block-related .item .product-details {float: left; overflow: hidden; width: 90px; padding: 0 0 0 10px;} .block-related h3 {padding: 0 0 6px 0; font-size: 12px;} .block-related .price-box {padding: 0 0 6px 0;} .block-related .price-box p {padding: 0 0 3px 0;} /* Block: Compare Products */ .block-compare {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 8px 10px 13px; background: url('../images/bg_sidebar.gif');} .block-compare h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-compare p {color: #777; font-size: 11px; padding: 0 0 10px 0;} .block-compare ol {color: #777; font-size: 11px; padding: 0 0 10px 0;} .block-compare a {color: #777; text-decoration: none;} .block-compare li { padding:5px 0; } .block-compare .actions {padding: 5px 0 2px 0; border-top: 1px solid #ddd;} /* Block: Viewed */ .block-recent {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 8px 10px 13px; background: url('../images/bg_sidebar.gif');} .block-recent h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-recent p {color: #777; font-size: 11px; padding: 0 0 10px 0;} .block-recent ol {color: #777; font-size: 11px; padding: 0 0 10px 0;} .block-recent ol a {color: #777; text-decoration: none;} /* 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 li { display:inline; } .block-tags {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 13px; background: url('../images/bg_sidebar.gif');} .block-tags h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-tags p {color: #777; font-size: 11px; padding: 0 0 10px 0;} .block-tags ul {color: #777; font-size: 14px; padding: 0 0 10px 0;} .block-tags a {color: #777; text-decoration: none;} .block-tags li { padding:5px 0; } .block-tags .actions {padding: 5px 0 2px 0; border-top: 1px solid #ddd;} /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {border-left: 8px solid #000; margin: 0 0 10px 0; padding: 10px 13px; background: url('../images/bg_sidebar.gif');} .block-reorder h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-reorder h3 {font-size: 12px; padding: 0 0 7px 0;} .block-reorder p {color: #555; font-size: 11px; padding: 0 0 10px 0;} .block-reorder a {color: #000;} .block-reorder li {padding: 0 0 7px 0;} .block-reorder li a {background: url('../images/bullet4.gif') no-repeat 0 3px; padding: 0 0 0 12px; font-size: 11px; text-decoration: none;} .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {border-right: 8px solid #000; margin: 0 0 10px 0; padding: 10px 13px; background: url('../images/bg_sidebar.gif');} .block-progress h2 {font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 15px 0;} .block-progress p {color: #555; font-size: 11px; padding: 0 0 10px 0;} .block-progress dl {} .block-progress a {color: #000;} .block-progress dt {font-size: 12px; font-weight: bold; color: #333; padding: 0 0 7px 0;} .block-progress dd.complete {padding: 0 0 15px 0; color: #747474; line-height: 1.2;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title {overflow: hidden; display: none;} .category-title a {float: right; display: block;} .category-title h2 {float: left; display: none;} .category-image { display:block; margin:0 auto; } .category-products { clear: both; } .catalogsearch-result-index .page-title {display: none;} /* View Type: Grid */ #products-grid-table { width:690px; margin: 20px 0 10px 15px;} #products-grid-table tr.odd {} #products-grid-table tr.even { } #products-grid-table td { width:50%; border: 0; padding: 20px 0;} #products-grid-table h3 {text-transform: uppercase; line-height: 1.1; font-weight: bold;} #products-grid-table .code {color: #6c6c6c; font-size: 11px; padding: 3px 0 5px 0;} #products-grid-table .price-box {color: #949494; font-size: 11px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 3px 0; margin: 0 0 7px 0;} #products-grid-table .price-box .special-price {font-size: 12px; font-weight: bold; color: #000; padding: 3px 0 0 0;} #products-grid-table .add-to-links {padding: 8px 0 0 3px;} #products-grid-table .add-to-links a {background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px; font-size: 10px;} #products-grid-table .product-keys {padding: 6px 0 8px 0;} #products-grid-table .product-keys img {margin-right: 4px;} #products-grid-table td .product-image {width: 170px; height: 170px; display: block; overflow: hidden; float: left;} #products-grid-table td .descn {padding: 0 0 0 12px; float: left; width: 150px;} .category-featured-products h2 {font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; background: url('../images/t_bullet2.gif') no-repeat 0 30px; padding: 30px 0 15px 23px;} .category-featured-products ul {padding: 9px 0 0 0; overflow: hidden;} .category-featured-products li {padding: 5px 5px 5px 15px; background: url('../images/bg_featured_li.gif') repeat-y 100% 0; width: 150px; float: left;} .category-featured-products li.first {padding-left: 5px;} .category-featured-products h3 {line-height: 1.3; font-size: 10px; font-weight: normal; padding: 8px 0 0 0; height: 25px; overflow: hidden;} .category-featured-products h3 a {color: #fff; text-transform: uppercase; text-decoration: none;} .category-featured-products .add-to-links {padding: 5px 0 0 0; border-top: 1px solid #2a2a2a; overflow: hidden;} .category-featured-products .add-to-links li {padding: 0; width: auto;} .category-featured-products .price-box {font-size: 13px; color: #fff; font-weight: bold; padding: 3px 0 10px 0;} .category-featured-products .price-label, .category-featured-products .old-price {display: none;} .category-featured-products .add_cart {float: right; width: 49% !important;} .category-featured-products .button {color: #ffff00; font-size: 10px; float: right;} .category-featured-products .button span {padding-left: 10px; background: url('../images/bullet3.gif') no-repeat 0 50%;} .category-featured-products .see_detail {float: left; width: 49% !important;} .category-featured-products .see_detail a {color: #ffff00; font-size: 10px; text-decoration: none; padding-left: 10px; background: url('../images/bullet3.gif') no-repeat 0 50%;} /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:15px 0; } .products-list li.last {border: 0;} .products-list .product-image { float:left; } .products-list .product-shop { float:left; width:505px; padding-left: 10px; } .products-list .product-shop h3 {text-transform: uppercase; line-height: 1.1; font-weight: bold;} .products-list .product-shop .code {color: #6c6c6c; font-size: 11px; padding: 3px 0 5px 0;} .products-list .product-shop .price-box {color: #949494; font-size: 11px; padding: 3px 0; margin: 0 0 7px 0;} .products-list .product-shop .price-box .special-price {font-size: 12px; font-weight: bold; color: #000; padding: 3px 0 0 0;} .products-list .product-shop .add-to-links {padding: 8px 0 0 3px;} .products-list .product-shop .add-to-links a {background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px; font-size: 10px;} .products-list .product-shop .product-keys {padding: 6px 0 8px 0;} .products-list .product-shop .product-keys img {margin-right: 4px;} .products-list .product-shop .desc {color: #777; line-height: 1.3; font-size:11px; padding: 5px 0 10px;} /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {padding: 10px 0 0 0;} .product-essential {} .product-collateral {} .product-collateral h3 {font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; background: url('../images/t_bullet2.gif') no-repeat 0 32px; padding: 30px 0 15px 23px;} /* Product Images */ .product-view .product-img-box { float:left; width:285px; } .product-view .product-img-box .product-image {} .product-view .product-img-box .product-image-zoom { position:relative; width:285px; height:265px; 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 #track_hint {display: none;} .product-view .product-img-box .zoom { position:relative; z-index:9; height:26px; margin:5px auto 13px; padding:0 28px; background:url(../images/bg_zoom.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:10px; height:26px; background:url(../images/magnifier_handle.gif) 0 50% no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:6px; top:4px; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:6px; top:4px; } .product-view .product-img-box .more-views { background: url('../images/bg_titles_deco.gif') repeat-x 0 0;} .product-view .product-img-box .more-views h3 {font-size: 11px; text-transform: uppercase; color: #000; float: left; font-weight: bold; padding: 0 10px 6px 0; background: #fff; padding: 2px 20px 10px 0;} .product-view .product-img-box .more-views ul { margin-left:-10px; clear: both;} .product-view .product-img-box .more-views li { float:left; margin:0 0 8px 10px ; } .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:left; width:385px; padding-left: 20px;} .product-view .product-shop h2 {font-weight: bold; color: #000; font-size: 16px; text-transform: uppercase; padding: 0 0 5px 0;} .product-view .product-shop .add-to-box {padding: 15px 0 8px 0; border-top: 1px solid #eaeaea;} .product-view .product-shop p {color: #777; font-size: 11px; padding: 0;} .product-view .product-shop p strong {color: #000;} .product-view .product-name {} .product-view .short-description {padding: 5px 0 0 0; color: #777; line-height: 1.4; border-top :1px solid #eaeaea;} .product-view .short-description h3 {font-size: 12px; padding: 0 0 5px 0; color: #000;} .product-view .product-essential .price-box {overflow: hidden; padding: 10px 0;} .product-view .product-essential .price-box p {overflow: hidden; font-weight: bold; color: #e1e1e1;} .product-view .product-essential .price-box .price-label {display: block; width: 100px; float: left; text-align: right; padding: 7px 5px 0 0;} .product-view .product-essential .price-box .price {display: block; float: left; font-size: 20px;} .product-view .product-essential .price-box .special-price {color: #000 !important;} .product-view .review {padding: 0 0 10px 0;} .product-view .review .data-table {margin: 0 0 10px 0;} .product-view .review .data-table td {font-size: 11px; padding: 2px; background: none; border: 0; color: #555;} .product-view .email-friend {padding: 0 0 5px 0 !important;} .product-view .email-friend a, .product-view .review a {font-size: 11px; background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px; margin-left: 8px;} .product-view .review span {display: none;} .product-view .share-this {padding: 15px 0 0 0;} .product-view .product_keys {padding: 10px 0 12px 0;} .product-view .product_keys img {margin-left: 5px;} .product-view .add-to-links {padding: 0 0 8px 0;} .product-view .add-to-links a {font-size: 11px; background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px;} /* Rating */ .ratings {overflow: hidden; padding: 0 0 8px 0} .ratings .amount {} .products-grid .ratings span, .ratings .rating-links {padding-left: 10px !important; font-size: 11px; float: left; display:block; color: #666;} .ratings dt {} .ratings dd {} .rating-box { width:50px; height:10px; 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:10px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } .ratings .rating-box {float: left;} /* Availability */ .availability { color:#777} .availability .in-stock { font-weight:normal; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .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 { 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 { display:none; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { display:none; } .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 */ .product-essential .add-to-cart label { float:left; color: #777; font-weight: bold; padding: 4px 8px 0 0; display: block;} .product-essential .add-to-cart.add-to-links { } .product-essential .add-to-cart #qty {width: 37px !important; border: 1px solid #ddd; color: #666; font-weight: bold; text-align: center;} .product-essential .add-to-cart .qty { float:left; } .product-essential .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 { } .add-to-box .or { display: none; } .add-to-box .add-to-links { padding: 8px 0 0 77px;} .add-to-box .add-to-links a {font-size: 11px; background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px;} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; background-color: #f7f7f7; } .product-options dt label { font-weight:bold; } .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: 0 10px 20px 10px; border-bottom:1px solid #eaeaea; border-top:0; } .product-options-bottom .price-box { margin:10px 0; padding: 0 0 10px 0 !important;} /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description .std {color: #777777; line-height: 1.4;} /* Block: Additional */ .product-view .additional {} .product-view .additional th {border: 0; padding: 9px; background: #e8e8e8; color: #575757; border-bottom: 1px solid #fff;} .product-view .additional td {border: 0; padding: 9px; background: #f3f3f3; color: #777; border-left: 1px solid #fff; border-bottom: 1px solid #fff;} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td{padding: 5px 15px 5px 5px; background: url('../images/bg_featured_li.gif') repeat-y 0 0; width: 150px; color: #fff;} .product-view .up-sell .products-grid .empty {background: 0;} .product-view .up-sell .products-grid h4 {line-height: 1.3; font-size: 10px; font-weight: normal; padding: 8px 0 0 0; height: 25px; overflow: hidden;} .product-view .up-sell .products-grid h4 a {color: #fff; text-transform: uppercase; text-decoration: none;} .product-view .up-sell .products-grid .price-box {font-size: 13px; color: #fff; font-weight: bold; padding: 3px 0 5px 0;} .product-view .up-sell .products-grid .price-label, .product-view .up-sell .products-grid .old-price {display: none;} .product-view .up-sell .products-grid .add-to-links {padding: 5px 0 0 0; border-top: 1px solid #2a2a2a; overflow: hidden;} .product-view .up-sell .products-grid .add-to-links li {padding: 0; width: auto;} .product-view .up-sell .products-grid .see_detail {float: left; width: 49%;} .product-view .up-sell .products-grid .see_detail a {color: #ffff00; font-size: 10px; text-decoration: none; padding-left: 10px; background: url('../images/bullet3.gif') no-repeat 0 50%;} /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags {border-top: 1px solid #eaeaea; padding: 10px 0 0 0; width: 400px;} .product-view .tags .form-add-tags label { display: block; font-weight: bold; color: #000; font-size: 12px; line-height: 1.8;} .product-view .tags .form-add-tags .input-box { float:left; width:250px; } .product-view .tags .form-add-tags input.input-text { border: 1px solid #ddd; padding: 4px 4px; width: 242px;} .product-view .tags .form-add-tags button.button { vertical-align:bottom; margin-left: 5px;} .product-view .tags form p { clear:both; font-size: 11px; color: #777; padding: 5px; } /* Block: Reviews */ .product-view .reviews {} .product-view .reviews dl {padding: 0 0 5px 0;} .product-view .reviews dt {font-weight: bold; color: #555; padding: 20px 0 10px 0; border-top: 1px solid #eee; font-size: 13px;} .product-view .reviews dd {padding: 0 0 10px 0; border-bottom: 1px solid #eee; line-height: 1.3; font-size: 12px; color: #444;} .product-view .reviews .date {text-align: right; color: #555; padding: 10px 0 0 0;} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .data-table { font-size: 11px;} .product-view .add-review .product-name span { font-weight:normal; } .product-view .add-review h4 {font-weight: normal; font-size: 13px;} .product-view .add-review h5 {font-weight: normal; padding: 5px 0 7px 0;} .product-view .add-review {line-height: 1.4;} .product-view .add-review .form-list {padding: 20px 0 0 0;} .product-view .add-review textarea {width: 690px; height: 240px; padding: 5px;} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { } .product-name { font-size:1em; font-weight:bold; line-height:1.5; } /* Product Tags */ .tags-list li { display:inline; font-size: 11px; color: #000;} .tag-list-index .tags-list, .product-view .tags-list {padding: 10px 0 18px 0;} .product-view .tags-list a {background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px; margin-left: 5px; color: #000; text-decoration: underline;} /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review h2 {padding: 0 0 20px 0;} .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 .product-img-box p {padding: 5px 0 8px 0; font-size: 11px;} .product-review .rating-links {padding-left: 0 !important;} .product-review .details { float:right; width:550px; } .product-review .details h3 {font-size: 13px; padding: 0 0 12px 0;} .product-review .details h4 {font-size: 10px; text-transform: uppercase; padding: 0 0 5px 0;} .product-review .ratings-list {padding: 0 0 15px 0;} .product-review .ratings-list dt {font-size: 12px;} .product-review .ratings-list dd {padding: 0 0 7px 0;} .product-review .details p {color: #555; padding: 0 0 10px 0;} /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } .cart-table {} .cart-table td {padding: 10px;} .cart-table th {padding: 10px; border: 0; background: #000; color: #fff;} .cart-table tr.even td {background:#fff;} .cart-table tbody td {border: 1px solid #eee;} .cart-table tbody tr:hover td {background: #f3f3f3;} .cart-table tbody td .input-text {background: url('../images/bg_input_qty.gif') no-repeat 0 0; padding: 4px 5px; width: 27px; text-align: center;} .cart-table tfoot td {border: 0; padding: 10px 0 20px 0;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:640px; background: url('../images/bg_sidebar.gif'); padding: 15px 0 0 15px;} .cart .cart-collaterals h3 {font-size: 15px; font-weight: normal; padding: 0 0 4px 0; font-weight: bold;} .cart .cart-collaterals form {padding: 0 0 15px 0;} .cart .cart-collaterals label {font-size: 13px; line-height:1.2;} .cart .cart-collaterals p {padding: 0 0 5px 0;} .cart .buttons-set .button {float: none;} .cart .cart-collaterals .crosssell h3 {font-weight: normal; } .cart .crosssell {padding: 0 10px 0 0;} .cart .crosssell .product-name {font-size: 11px; font-weight: bold; text-transform: uppercase;} .cart .crosssell .product-name a {text-decoration: none;} .cart .crosssell .price-box {font-size: 11px; padding: 6px 0 7px 0; color: #949494;} .cart .crosssell .item {border-bottom: 1px solid #eee; padding: 10px 0; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell .add-to-links {padding: 0 0 8px 0;} .cart .crosssell .add-to-links a {font-size: 11px; background: url('../images/bullet4.gif') no-repeat 0 50%; padding: 0 0 0 11px; text-decoration: none;} .cart .shipping {padding: 10px 0 0 0;} .cart .shipping li {padding: 0 0 5px 0;} .cart .shipping p {padding: 0 0 10px 0;} .cart .discount br, .cart .discount label {display: none;} .cart .discount input.input-text {border: 1px solid #ccc; padding: 4px 4px; width: 242px; margin: 0 0 10px 0;} .cart .shipping .buttons-set {margin: 0; padding: 0;} /* Shopping Cart Totals */ .cart .totals { width: 210px; float:right; font-size: 16px; padding: 15px; border-top: 1px solid #fff;} .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; font-size: 12px; } .cart .totals table th { font-weight:bold; font-size: 12px;} .cart .totals .checkout-types li {padding: 0 0 7px 0; font-size: 12px;} .cart .totals .checkout-types {padding: 15px 0 0 0;} /* 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; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .checkout-onepage-index .page-title {padding: 0 0 10px 1px;} .opc { position:relative; } .opc li.section { border-top:1px solid #fff; border-bottom:0; } .opc .step-title { background-color:#eee; text-align:right; color: #333; overflow: hidden;} .opc .step-title:hover {background: #000;} .opc .step-title:hover h3 {color: #fff;} .opc .step-title .number { float:left; font-size: 15px; display: block; height: 23px; width: 28px; background: #000; color: #fff; text-align: center; padding: 5px 0 0 0;} .opc .step-title h3 { float:left; font-weight: normal; font-size: 15px; height: 23px; padding: 5px 0 0 5px ;} .opc .allow .step-title h3 { color: #fff;} .opc .allow .step-title { cursor:pointer; background: #000;} .opc .active {} .opc .active .step-title {background: #000;} .opc .active .step-title h3 {color: #fff; font-size: 15px;} .opc .active .step-title.number {} .opc .step { border-top:1px solid #ddd; padding:10px 33px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .step label {line-height: 1.3;} .opc .step h4 {padding: 0 0 5px 0; font-size: 13px;} .opc .step p {padding: 0 0 10px 0;} .opc .step dt {padding: 0 0 10px 0;} .opc .order-review {} .opc .step .data-table {} .opc .step .data-table tfoot th, .opc .step .data-table tfoot td {border: 0;} #checkout-step-login .col-1 .button {float: left;} #checkout-step-login .buttons-set {background: 0; padding: 5px 0;} #checkout-step-login .col-2 p, #checkout-step-login .col-1 p, #checkout-step-login .col-1 ul {color: #949494; font-size: 11px;} #checkout-step-login .col-2 .form-list .input-text {width: 291px;} #checkout-step-login .save-time {color: #000; font-size: 11px; padding: 5px 0 10px 0;} #checkout-step-login .col-1 .form-list {color: #000; font-size: 12px; background: url('../images/bg_sidebar.gif'); padding: 10px 10px 5px 10px;} #checkout-step-login .required {text-align: left; color: #FF0000 !important; padding: 5px 0 2px 0;} .opc .step .required {text-align: left; padding: 10px 0;} /* 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:5px 5px 0 0; } .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 Login/Create Pages ============================================================ */ .account-create #form-validate, .customer-account-forgotpassword #form-validate {width: 60%; margin: 20px auto;} .customer-account-forgotpassword .col-main p {padding: 0 0 10px 0;} .account-create form h3, .customer-account-forgotpassword .col-main form h3, .customer-account-login .account-login h3 {color: #000; font-size: 15px; font-weight: normal; padding: 15px 0 8px 0;} .account-create form p, .account-create form p, .customer-account-login .account-login p {line-height: 1.3; padding: 0 0 10px 0;} .account-create form label, .customer-account-forgotpassword .col-main form label, .customer-account-login .account-login label{line-height: 1.3;} .account-create .buttons-set, .customer-account-forgotpassword .col-main form .buttons-set, .customer-account-login .account-login .buttons-set {padding: 10px 0 0 0;} .account-create a, .customer-account-forgotpassword .col-main form a, .customer-account-login .account-login .buttons-set a {font-weight: bold; margin: 4px 0 0 0;} .account-create .required, .customer-account-forgotpassword .col-main form .required, .customer-account-login .account-login .required {color: #FF0000; padding: 0 4px 0 0;} .checkout-cart-index a {text-decoration: underline;} .checkout-onepage-failure .col-main h3, .checkout-onepage-success .col-main h3 {font-weight: normal;} .checkout-onepage-failure .col-main .button, .checkout-onepage-success .col-main .button {float: none;} .checkout-onepage-success .col-main p {padding: 10px 0 0 0;} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /* Customer backend */ .customer-address-form .page-title h2, .downloadable-customer-products .page-title h2, .wishlist-index-index .page-title h2, .newsletter-manage-index .page-title h2, .tag-customer-index .page-title h2, .review-customer-index .page-title h2, .sales-order-history .page-title h2, .customer-address-index .page-title h2, .customer-account-edit .page-title h2, .customer-account-index .page-title h2 {} .customer-account-index .page-title {display: none;} .customer-address-form .buttons-set, .downloadable-customer-products .buttons-set, .wishlist-index-index .buttons-set, .newsletter-manage-index .buttons-set, .tag-customer-index .buttons-set, .review-customer-index .buttons-set, .sales-order-history .buttons-set, .customer-address-index .buttons-set, .customer-account-edit .buttons-set, .customer-account-index .buttons-set {padding: 10px 0 0 0;} .customer-address-form .col-main label, .downloadable-customer-products .col-main label, .wishlist-index-index .col-main label, .newsletter-manage-index .col-main label, .tag-customer-index .col-main label, .review-customer-index .col-main label, .sales-order-history .col-main label, .customer-address-index .col-main label, .customer-account-edit .col-main label, .customer-account-index .col-main label {line-height: 1.4;} .welcome-msg {padding: 20px 0 5px 0;} .dashboard {padding: 0 0 0 20px;} .sales-order-view .col-main h3, .customer-address-form .col-main h3, .downloadable-customer-products .col-main h3, .wishlist-index-index .col-main h3, .newsletter-manage-index .col-main h3, .tag-customer-index .col-main h3, .review-customer-index .col-main h3, .sales-order-history .col-main h3, .customer-address-index .col-main h3, .customer-account-edit .col-main h3, .customer-account-index .col-main h3 {font-weight: normal; font-size: 15px; border-bottom: 1px solid #eee; padding: 0 0 5px 0; margin: 30px 0 10px 0;} .customer-account-index .col-main .welcome-msg h3 {margin: 0 0 10px 0; display: none;} .customer-address-index .col2-set h4, .customer-account-index .col2-set h4 {border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #333; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 8px 0 8px 0; margin: 15px 0 8px 0;} .customer-account-index .col2-set h5 {font-weight: normal; color: #6F5F4E; font-size: 11px; padding: 10px 0 10px 0; text-transform: uppercase;} .customer-account-index .col-main p {line-height: 1.5;} .customer-address-index address, .customer-account-index address {color: #6F5F4E; padding: 0 0 10px 0; line-height: 1.2;} .customer-address-form .col-main a, .downloadable-customer-products .col-main a, .wishlist-index-index .col-main a, .newsletter-manage-index .col-main a, .tag-customer-index .col-main a, .review-customer-index .col-main a, .sales-order-history .col-main a, .customer-address-index .col-main a, .customer-account-edit .col-main a, .customer-account-index .col-main a {text-decoration: underline;} .title-buttons {text-align: right; padding: 0 0 5px 0;} .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {text-align: left;} .customer-account-index .reviews li.even {background: 0;} .customer-account-index .reviews li * {float: left;} .customer-account-index .reviews li {overflow: hidden;} .customer-account-index .reviews span {padding: 4px 7px} .customer-account-index .reviews h4 {padding: 0 10px 0 0;} .customer-account-index .reviews h4 a {text-decoration: none;} .customer-account-index .reviews .rating-box {margin: 2px 0 0 2px;} .customer-account-index .tags a {text-decoration: none;} .customer-account-index .tags .title-buttons h3 {float: none;} .customer-account-index .tags li.even {background: 0;} .customer-account-index .tags li {padding: 0 0 15px 15px;} .customer-account-index .tags .number {display: none;} .customer-account-index .tags .details {overflow: hidden;} .customer-account-index .tags .details h3 {margin-top: 0; border-color: #eee; font-size: 12px; padding: 0;} .customer-account-index .tags p {float: left; line-height: 1.1; padding: 0 7px 0 0; color: #6F5F4E;} .tag-customer-view .col-main .buttons-set {padding: 10px 0 0 0;} .review-customer-index .col-main table h3 {font-size: 11px; margin: 0; padding: 0; border: 0;} .tag-customer-index .tags-list {padding: 10px 0 15px 0; font-size: 18px;} .wishlist-index-index .col-main table h3 {font-size: 12px; margin: 0; padding: 5px 0 10px 0; border: 0; font-weight: bold; line-height: 1.2;} .wishlist-index-index .col-main tbody td {padding: 10px;} .sales-order-view th {border:0; border-bottom: 1px solid #eee;} .sales-order-view tfoot td {border:0} /* ======================================================================================= */ /* Advanced Search */ .search-summary {} .catalogsearch-advanced-index #form-validate h3 {color: #333; font-size: 12px; padding: 5px 0 8px 0;} .catalogsearch-advanced-index #form-validate label {line-height: 1.2;} .catalogsearch-advanced-index #form-validate .required {padding: 10px 0 0 0; text-align: left;} .catalogsearch-advanced-index #form-validate .button-set {padding: 15px 0 0 0; text-align: left;} .catalogsearch-advanced-index #form-validate .button {float: none;} .catalogsearch-advanced-result .col-main p {padding: 0 0 10px 0;} .search-summary {padding: 0 0 15px 0;} .search-summary li {padding: 0 0 5px 0;} /* Contacts */ .contacts-index-index #contactForm h3 {color: #333; font-size: 12px; padding: 5px 0 8px 0;} .contacts-index-index #contactForm label {line-height: 1.2;} .contacts-index-index #contactForm .required {padding: 10px 0 0 0; text-align: left;} .contacts-index-index #contactForm .button-set {padding: 15px 0 0 0; text-align: left;} .contacts-index-index #contactForm .button {float: none;} /* Sitemap */ .catalog-seo-sitemap-product .col-main .links, .catalog-seo-sitemap-category .col-main .links {padding: 0 0 20px 0; font-size: 11px;} .sitemap, .catalogsearch-term-popular .tags-list {list-style: square; padding: 20px 0 20px 25px;} .sitemap li, .catalogsearch-term-popular .tags-list li {color: #ccc; font-size: 11px; padding: 2px 0 5px 0; display: block;} /* Compare */ .catalog-product-compare-index {} .catalog-product-compare-index {background: #fff;} .catalog-product-compare-index .title-buttons h2 {margin: 0 0 10px 0;} .catalog-product-compare-index .title-buttons a {color: #444; text-transform: uppercase; border-bottom: 2px solid #eee; font-size: 10px; text-decoration: none; margin-left: 12px;} .catalog-product-compare-index #product_comparison a {color: #000;} #product_comparison {margin: 0 0 20px 0;} #product_comparison .price-box {padding: 5px 0; color: #555;} #product_comparison .product-name a { font-size: 12px; font-weight: bold; color: #000;} #product_comparison .button {margin: 0 0 5px 0;} #product_comparison tbody .first td {padding: 15px 20px 40px 20px ;} #product_comparison {border: 1px solid #ddd;} #product_comparison tr {border: 0} #product_comparison td {border-bottom: 1px solid #ddd; padding: 12px; color: #444; background: #fff; border-right: 1px solid #ddd;} #product_comparison th {border-bottom: 1px solid #ddd; padding: 12px 30px 12px 12px; color: #444; background: #fff; border: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;} .catalog-product-compare-index .wdw-close span {color: #444; font-weight: bold; text-decoration: underline; padding: 0 0 0 15px;} /* ======================================================================================= */ /* CMS Home Page */ .cms-home .home-main {width: 670px; float: left;} .cms-home .home-main h2, .cms-home .home-sidebar h2 {font-size: 18px; text-transform: uppercase; color: #000; font-weight: bold; background: url('../images/t_bullet.gif') no-repeat 0 55% #fff; padding: 0 7px 0 25px;} .cms-home .main-block {padding: 0 0 24px 0;} .featured-products ul {padding: 9px 0 0 0; overflow: hidden;} .featured-products li {padding: 5px 5px 5px 15px; background: url('../images/bg_featured_li.gif') repeat-y 100% 0; width: 150px; float: left;} .featured-products li.first {padding-left: 5px;} .featured-products h3 {line-height: 1.3; font-size: 10px; font-weight: normal; padding: 8px 0 0 0; height: 25px; overflow: hidden;} .featured-products h3 a {color: #fff; text-transform: uppercase; text-decoration: none;} .featured-products .add-to-links {padding: 5px 0 0 0; border-top: 1px solid #2a2a2a; overflow: hidden;} .featured-products .add-to-links li {padding: 0; width: auto;} .featured-products .price-box {font-size: 13px; color: #fff; font-weight: bold; padding: 3px 0 10px 0;} .featured-products .price-label, .featured-products .old-price {display: none;} .featured-products .add_cart {float: right; width: 49% !important;} .featured-products .button {color: #ffff00; font-size: 10px; float: right;} .featured-products .button span {padding-left: 10px; background: url('../images/bullet3.gif') no-repeat 0 50%;} .featured-products .see_detail {float: left; width: 49% !important;} .featured-products .see_detail a {color: #ffff00; font-size: 10px; text-decoration: none; padding-left: 10px; background: url('../images/bullet3.gif') no-repeat 0 50%;} .cms-home .col1-layout .col-main {padding: 0;} .cms-home .home-sidebar {width: 240px; float: right;} .cms-home .home-sidebar p {padding: 0 0 10px 0;} .cms-home .home-sidebar .product-keys {padding: 15px 0 0 0; background: url('../images/bg_titles_deco.gif') repeat-x 0 19px;} .cms-home .home-sidebar .product-keys h2 {float: left;} .cms-home .home-sidebar .product-keys ul {padding: 20px 0 10px 0; border-bottom: 1px solid #d5d5d5; clear: both;} .cms-home .home-sidebar .product-keys li {color: #424242; padding: 0 0 6px 30px; overflow: hidden;} .cms-home .home-sidebar .product-keys a {overflow: hidden; display: block; float: left;} .cms-home .home-sidebar .product-keys span {float: left; display: block; padding: 4px 0 0 5px;} .cms-home .home-sidebar .product-keys img {float: left;} .cms-home .home-sidebar .follow-us {overflow: hidden; padding: 14px 0 0 0; background: url('../images/bg_titles_deco.gif') repeat-x 0 20px;} .cms-home .home-sidebar .follow-us h2 {float: left; padding: 2px 7px 0 25px; background-position: 0 60%;} .cms-home .home-sidebar .follow-us ul {overflow: hidden; float: left; padding: 0 8px 0 0; background: #fff;} .cms-home .home-sidebar .follow-us li {width: 28px; height: 26px; float: left; margin: 0 1px 0 0;} .cms-home .home-sidebar .follow-us a {display: block; width: 28px; height: 26px; text-indent: -9999px;} .cms-home .home-sidebar .follow-us .facebook {background: url('../images/followus.gif') no-repeat 0 0;} .cms-home .home-sidebar .follow-us .twitter {background: url('../images/followus.gif') no-repeat -28px 0;} .cms-no-route .e404 {padding: 115px 0 200px 365px; background: url('../images/bg_404.gif') no-repeat 130px 0;} .cms-no-route .e404 h2 {font-size: 36px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 0 0 13px 0;} .cms-no-route .e404 h3 {font-size: 18px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; padding: 0 0 7px 0;} .cms-no-route .e404 p {color: #777; font-size: 13px; padding: 0 0 3px 0;} .cms-no-route .e404 ul {color: #777; font-size: 13px; padding: 0 0 20px 0;} .cms-no-route .e404 ul li {background: url('../images/bullet5.gif') no-repeat 0 50%; padding: 1px 0 1px 17px;} .cms-no-route .e404 .what-can-do p {font-size: 11px;} .cms-no-route .e404 .what-can-do ul {padding: 10px 0 0 0;} .cms-no-route .e404 .what-can-do ul li {background: url('../images/bullet6.gif') no-repeat 0 50%; padding: 1px 0 1px 17px; font-size: 12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; color: #000; float: left; margin: 0 20px 0 0;} .cms-no-route .e404 .what-can-do a {color: #000;} .cms-no-route .e404 .what-can-do a:hover, .cms-no-route .e404 .what-can-do a:focus {text-decoration: underline;} .cms-how-to-contact-us .breadcrumbs {display: none;} .cms-how-to-contact-us .how-contact-us {padding: 0 150px 0 90px;} .cms-how-to-contact-us .how-contact-us h2 {background: url('../images/t_bullet.gif') no-repeat 42px 50%; padding: 0 0 0 67px; font-size: 17px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; } .cms-how-to-contact-us .how-contact-us h3 {font-size: 18px; padding: 8px 0 4px 0; font-weight: normal;} .cms-how-to-contact-us .how-contact-us p {color: #777; font-size: 11px; padding: 0; line-height: 1.2;} .cms-how-to-contact-us .how-contact-us ul {padding: 22px 0;} .cms-how-to-contact-us .how-contact-us li {padding: 0 0 18px 43px;} .cms-how-to-contact-us .how-contact-us a {color: #000; text-decoration: none; font-weight: bold;} .cms-how-to-contact-us .how-contact-us .cs {background: url('../images/icn_cs.gif') no-repeat 0 0;} .cms-how-to-contact-us .how-contact-us .to {background: url('../images/icn_to.gif') no-repeat 0 0;} .cms-how-to-contact-us .how-contact-us .mo {background: url('../images/icn_mo.gif') no-repeat 0 0;} .cms-how-to-contact-us .how-contact-us .oo {background: url('../images/icn_oo.gif') no-repeat 0 0;} .cms-how-to-contact-us .how-contact-us .tp {background: url('../images/icn_tp.gif') no-repeat 0 0;} .cms-how-to-contact-us .how-contact-us .uw {background: url('../images/icn_uw.gif') no-repeat 0 0;} .cms-how-to-contact-us .how-contact-us .address {font-size: 12px; padding: 15px 0 0 0;} /* Footer ================================================================================ */ .footer-misc {overflow: hidden; background: url('../images/bg_footer_misc.gif') repeat-y 13px 0; margin: 22px 0 0 0;} .footer-misc .links-block {float: left; width: 194px; padding-left: 23px; background: url('../images/bullet2.gif') no-repeat 0 2px;} .footer-misc .links-block li a {color: #5c5c5c; font-size: 11px; text-decoration: none; padding: 3px 0;} .footer-misc .links-block li a:hover, .footer-misc .links-block li a:focus {text-decoration: underline;} .footer-misc .links-block li .link-rss {height: 12px; padding: 3px 0 3px 18px; background-position: 0 50%;} .footer-misc .links-block h2 {color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; padding: 0 0 3px 0;} .footer-misc .block-subscribe {width: 245px; float: right; padding: 0 10px 0 0;} .footer-misc .block-subscribe .block-title {display: none;} .footer-misc .block-subscribe label {display: none;} .footer-misc .block-subscribe .button {float: right;} .footer-misc .block-subscribe .input-box {float: left; width: 150px; padding: 3px 0 0 0;} .footer-misc .block-subscribe .input-text {width: 150px; padding: 0 0 2px 0; border: 0; border-bottom: 1px solid #292929; font-size: 11px; color: #fff; background: #000;} .footer {height: 162px; padding: 29px 0 0 0;} .footer p {font-size: 10px; color: #828282;} .footer .copy {padding: 12px 0 0 0; width: 700px; float: left;} .footer .copy strong {color: #fff; font-weight: normal; text-transform: uppercase;} .footer .footer-logo {width: 206px; height: 63px; padding: 7px 0 0 0; float:right;} .footer .footer-logo a {display: block; height: 63px; background: url('../images/logo_footer.gif') no-repeat 0 0; text-indent: -9999em;} .credit-cards {overflow: hidden; width: 700px; float: left; padding: 17px 0 0 0;} .credit-cards li {width: 30px; height: 22px; margin: 0 9px 0 0; text-indent: -9999px; float: left;} .credit-cards .mastercard {background: url('../images/credit_cards.gif') no-repeat 0 0;} .credit-cards .visa {background: url('../images/credit_cards.gif') no-repeat -30px 0;} .credit-cards .solo {background: url('../images/credit_cards.gif') no-repeat -60px 0;} .credit-cards .visa-electron {background: url('../images/credit_cards.gif') no-repeat -90px 0;} .credit-cards .maestro {background: url('../images/credit_cards.gif') no-repeat -120px 0;} /* ======================================================================================= */ .anythingSlider { width: 670px; height: 290px; position: relative; margin: 0 auto 15px; z-index: 2;} .anythingSlider .wrapper { width: 670px; overflow: auto; height: 290px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 290px; width: 670px; margin: 0; } .anythingSlider .arrow { display: none; /*block*/ height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #thumbNav { z-index: 9; position: relative; top: 275px; right: 0; text-align: center; height: 15px;} #thumbNav a { float: left; font-size: 10px; padding: 2px 0 0 0; display: block; width: 19px; height: 13px; margin: 0 1px 0 0; background: #000; text-align: center; color: #fff; text-decoration: none;} #thumbNav a:hover { } #thumbNav a.cur { background: #ffff00; color: #000; } #start-stop { background: green; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 0; display: none;} #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* Share This */ #stframe {height: 270px;} /* Overrides -- please don't remove */ .cms-page-view .std h2, .cms-page-view .std h3 { margin: 20px 0 20px 0; } .cms-page-view .std p { color: #777; line-height:1.4em; margin-bottom: 1em; font-size: 14px; } .cms-page-view .std dl { color: #777; line-height:1.4em; font-size: 14px; } .cms-page-view .std dt { font-weight: bold; } .cms-page-view .std dd { margin-bottom: 20px; } .cms-how-to-contact-us .std h2, .cms-how-to-contact-us .std h3 { margin: 0; } fieldset.product-options select { border: 1px solid black; }