/** * 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:986px; margin:0 auto; padding:0 0 10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:10px 25px; } /* Base Columns */ .col-left { float:left; width:150px; padding:5px 5px 0 0; text-align:right;} .col-main { float:left; width:770px; padding:5px; } .col-right { float:right; width:150px; padding:5px 0 0 5px; } /* 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:505px; margin-left:10px; } /* 2 Columns Layout for Checkout page */ .checkout-onepage-index .col-right{width:230px;} .checkout-onepage-index .col-main{width:690px;} /* 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:10px Arial, Helvetica, sans-serif; vertical-align:middle; text-transform:none; } input, input.input-text, select, textarea {background:#fff; border:1px solid #D4D0C8; color:#000;} input.input-text:focus, select:focus, textarea:focus {} input.input-text, textarea { padding:2px; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; width:13px; height:13px; border:0!important;} input.qty { width:2.5em; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; } button.button span { float:left; padding:0 12px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/25px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; text-transform:uppercase; } button.disabled {} button.disabled span {} button.button-alt{background:none;} button.button-alt span{background:none;} .checkout-types button.chk-button{background:#3589a8; width:286px; margin-bottom:10px; text-align:right; overflow:visible; border:0; cursor:pointer } .checkout-types button.chk-button span{background:#3589a8; float:right; padding:9px 5px 9px 0; font:bold 14px/25px Arial, Helvetica, sans-serif; white-space:nowrap; color:#fff; text-transform:uppercase;} button.form-button-alt {background:none; border:none; color:#737373; font-size:13px; padding:0 0 0 15px;cursor:pointer } button.form-button-alt span{text-decoration:underline;} /* 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; }*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .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; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; } .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 { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; 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 { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#446423; 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; } /* BreadCrumbs */ .breadcrumbs { padding:10px 0; margin:0 0 10px; border-bottom:1px solid #ddd; color:#8a8a8a; font-weight:normal; } .breadcrumbs li { display:inline; } .breadcrumbs li a{color:#e95d0e} /* Page Heading */ .page-title { padding:0 0 5px; margin:0 0 10px; } .page-title h2{font-size:15px;font-weight:bold; color:#ACACAC} .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { font-size:10px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; padding:0 3px; } .pager .pages li a{color:#fc7400;} .pager .pages .current {color:#808080;} .pager .previous-icon{} .pager .next-icon{padding-left:10px;} .pager .next-block{float:right;} /* Sorter */ .sorter { border:1px solid #ddd; 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; border:1px solid #ddd; font-size:10px;font-weight:normal; white-space:nowrap; border-top:none; border-left:none; text-transform:uppercase; } .data-table th.last{border-right:none;} .data-table td { padding:5px; border:1px solid #ddd; border-left:none; vertical-align:middle;} .data-table td.last{border-right:none;} .data-table td.cart-button{border-bottom:none;} .data-table .update-cart, .data-table .cart-button a{color:#737373; text-decoration:underline; padding:0 0 0 15px; margin-top:8px; font-size:13px;} .data-table h3.product-name a{color:#f28b51;} .data-table span.price{font-size:13px;} .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:308px; height:56px; overflow:hidden; } .header-container {} .header { background:url(../images/header-bg.jpg) no-repeat top right; height:125px; position:relative; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; margin:40px 0 0 36px;} .header .logo a { display:block; width:308px; height:56px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .form-search { text-align:left; position:absolute; height:24px; width:288px; top:100px; left:36px; background:url(../images/search-bg.gif) no-repeat; } .header .form-search input{background:none; border:none; padding-left:10px;color:#acacac; font-size:12px; width:250px;} .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 ul.links{position:absolute; top:100px; right:25px;} .header ul li{display:inline; padding:0 5px;} .header ul li a{text-transform:uppercase; font-size:9px;} /********** < Navigation */ #nav { font-size:12px; border:1px solid #ddd; padding:5px 0; margin:10px 0; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:999; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { 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; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#000 !important; } /* 3rd+ leven */ #nav ul ul { top:7px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /*********< Vertical Navigatin */ #vertical-nav ul { list-style-type: none; /* get rid of the bullets */ padding:0; /* no padding */ margin:0; /* no margin for IE either */ } #vertical-nav ul li { color:#8e8e8e; font-size:11px; font-weight:bold; line-height:16px; text-decoration:none; margin-top: 1px; /* lines */ padding:0 0 6px 0; } #vertical-nav ul ul li a { font-weight:normal; } #vertical-nav ul li a { color:#8e8e8e; display:block; font-size:11px; font-weight:bold; line-height:16px; text-decoration:none; } #vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen { color:#666; } #vertical-nav .final{ color:#666; } #vertical-nav ul ul li a { } #vertical-nav ul ul ul li a { margin-left: 10px; /* indent level 2 */ } #vertical-nav a { color:#66666; } #vertical-nav a:hover { color:#666666; } #vertical-nav ul li ul li a { margin-bottom:0px; margin-top:0px; } #vertical-nav ul li ul li { margin-bottom:0px; margin-top:0px; background:none; padding:0; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block, .block-alt { 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:5px; } .block .actions { text-align:right; } .block .actions a { float:left; } #vertical-nav h2{display:none;} /* Block: Account */ .block-account {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #DEDEDE;padding:15px 3px; text-align:left;} .block-account .block-title h2{font-size:12px; font-weight:bold; padding-left:8px;} .block-account li, .block-account li a {font-sie:10px;} .block-account .block-content{} /* 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-layered-nav a{font-weight:bold; color:#727272; font-size:11px;} .block-layered-nav a:hover{color:#666; text-decoration:none;} /* 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, .block {background:#f5f5f5; padding:5px 0; text-align:left; font-family:Arial, Helvetica, sans-serif;border:1px solid #dedede; width:136px; margin-left:11px; color:#727272;} .block-subscribe .title h2, .block .block-title h2{ font-size:12px; font-weight:bold; padding-left:8px; color:#727272; font-family:Arial, Helvetica, sans-serif; } .block-subscribe button{display:none;} .block-subscribe p{font-size:11px; padding:0 7px 8px 7px;} .block-subscribe input{border:none; background:none;} .block-subscribe .input-box{background:url(../images/subscribe-bg.gif) no-repeat;} /* 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; overflow:hidden;} /* Block: Checkout Progress */ .sidebar .block-progress {border:1px solid #B6B6B6; width:95%;} .sidebar .block-progress .block-title{padding:9px 7px 9px 11px; background:#F6F6F6;} .sidebar .block-progress .block-title h2{font-weight:bold; color:#202020; font-size:1.18em;} .sidebar .block-progress .block-content{padding:14px 10px 20px 11px;} .sidebar .block-progress dl{border-top:1px solid #B6B6B6;} .sidebar .block-progress dt, .sidebar .block-progress dd{font-weight:bold; border:1px solid #B6B6B6; border-top:0; color:#5A5A5A;} .sidebar .block-progress dt{padding:12px 13px 9px 19px; font-weight:bold; color:#202020; font-size:1.09em;} .sidebar .block-progress dt a{color:#202020;} .sidebar .block-progress dd{padding:28px 39px 25px 19px; font-weight:normal;} .sidebar .block-progress dt.complete, .sidebar .block-progress dd.complete{background-color:#FFF;} /*Block: Vertical Navigation */ #vertical-nav{text-align:right;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { margin:0 0 10px; } .category-image, .category-header-img { display:block; margin:0 auto; padding:4px; border:1px solid #e2e2e2; margin-bottom:10px; } .category-products {} /* Category Header */ .category-header-block{position:relative;} .col-main .category-title{position:absolute; top:180px; background:url(../images/transparent-bg.png) repeat;left:5px; padding:3px 20px 3px 0; display:none;} .col-main .category-title h2{color:#fff; font-size:22px; text-transform:uppercase; padding-left:25px;} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.odd {} .products-grid tr.even { } .products-grid td { /* border:1px solid #ddd; */ padding:5px; width:182px; height:182px;} .products-grid td.empty {} .products-grid .block-se .product-img {border:1px solid #e0e0e0; padding:11px;} /* 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; } /* Fade in and out */ .block-se{position:relative; } .hidden-block{position:absolute; bottom:0; left:0; display:none; width:163px;background:url(../images/hidden-bg.png) repeat-x left bottom; color:#000; padding:5px 10px 10px 10px; line-height:12px; } .hidden-block .product-name {color:#000; font-size:11px; font-weight:bold; line-height:1.4em;} .hidden-block a{color:#fff;} .hidden-block .price-box {color:#fc7502; padding:0 0 10px 0;} .hidden-block .price-box .price{font-size:15px; font-weight:bold;} .std ul.add-to-links {padding:3px 0 5px 0; margin:0} .hidden-block .add-to-links li{display:inline; padding:0 3px;} .hidden-block .add-to-links li a{font-size:11px; text-decoration:underline;} /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {border-top:1px solid #e0e0e0;} .product-collateral {} /* Product Images */ .product-view .product-img-box { float:left; width:365px; } .product-view .product-img-box .product-image { border:1px solid #e0e0e0; border-top:none; } .product-view .product-img-box .product-image-zoom { position:relative; width:360px; height:360px; 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 { padding:5px 0; color:#909090; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; 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 .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} .more-img-box {float:left; width:100%; border-top:1px solid #e0e0e0; margin-top:5px;} .more-img-box h3{padding:3px 0; text-transform:uppercase; font-size:12px;color:#727272} .more-img-box img{border:1px solid #f2f2f2;} .more-img-box .more-views ul li{display:inline;} /* Product Shop */ .product-view .product-shop { float:right; width:385px;} .product-view .product-name {} .product-view .product-name{color:#f28b51; padding:15px 0;} .product-view .hidden-block .product-name{padding:0;} .product-view .short-description {color:#8d8d8d; border-bottom:1px solid #e0e0e0; padding-right:90px; padding-bottom:15px;} /* Rating */ .ratings {} .ratings .amount {} .ratings .rating-links {} .ratings dt {} .ratings dd {} .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; } /* Availability */ .availability {padding-bottom:10px;} .availability .in-stock { font-weight:normal; color:#666; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .product-shop .price-box{padding-bottom:15px;} .price-box-bundle {} /* Regular price */ .regular-price {line-height:18px;} .hidden-block .regular-price {line-height:13px;} .regular-price .price { font-weight:bold; } .product-shop .regular-price .price{font-weight:bold; font-size:18px; color:#f28b51; padding-left:5px;vertical-align:middle; } /* 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; padding-top:4px;} .add-to-cart .qty { float:left;margin-top:4px; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {padding-bottom:10px; border-bottom:1px solid #e0e0e0;} .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:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .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:10px; border:1px solid #ddd; border-top:0; } .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 {margin-top:35px; background:#ececec; border:1px solid #dedede;} .product-view .up-sell h3{color:#727272; font-size:12px; padding:3px 0; text-transform:uppercase; padding:3px 0 0 10px;} .product-view .up-sell .products-grid td { width:25%; } .product-view .up-sell img{ } /* 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%; } /* Sitemap */ .sitemap {} /* ======================================================================================= */ /* 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-types { float:right; text-align:right; } .cart .checkout-types a{text-decoration:underline; padding-bottom:10px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .col-main .cart{border-top:1px solid #e0e0e0; padding:15px;} .cart .cart-collaterals { margin-top:15px; background:#ececec; border:1px solid #e0e0e0; height:215px; } .cart .crosssell .product-image { float:left; padding:10px; border:1px solid #e0e0e0; background:#fff; } .cart .crosssell .product-shop { margin-left:90px; } .cart .shipping {} .crosssell, .crosssell-block{width:auto;} .cart .gap-line{height:10px; border-bottom:1px solid #e0e0e0; width:100%;} .cart .crosssell h3{font-size:12px; padding:5px 10px; text-transform:uppercase;} .cart .crosssell li.item{ position:relative; float:left; padding:0 3px;} /* Shopping Cart Totals */ .cart .totals-block{width:285px; float:right;} .cart .totals { float:right; width:285px; border:1px solid #e0e0e0; border-top:none; margin-bottom:15px;padding-bottom:15px; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:normal; } .cart tfoot{font-size:15px;color:#000;} /* 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 */ .opc { border-bottom:1px solid #B6B6B6; color:#202020;} .opc .checkbox{width:14px; height:14px;} .opc li.section { border:1px solid #B6B6B6; border-bottom:0; } .opc .step-title{background-color:#FFFFFF; padding:8px 18px 7px 31px; font-size:1.09em;} .opc .step-title .number {line-height:22px; margin-right:5px; padding:2px 6px; font-weight:bold; color:#3A4750; border:1px solid #3A4750; background:#FFFFFF;} .opc .step-title h3 { display:inline; color:#202020; font-size:13px; font-weight:bold; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#F6F6F6; cursor:default; } .opc .active .step-title .number{color:#FFF; background:#3589a8; border:1px solid #1b6b89; } .opc .step { border-top:1px solid #B6B6B6; padding:25px 16px 25px 31px;} .opc .active .step{background-color:#F6F6F6;} .opc .order-review {} .opc .form-list{margin:10px 0;} .opc label{padding-right:20px; color:#202020;} #checkout-step-payment{position:relative;} #checkoutSteps #opc-billing .input-box, #checkoutSteps #opc-shipping .input-box{width:305px; float:left;} #checkoutSteps #opc-billing .input-box input, #checkoutSteps #opc-shipping .input-box input, #checkoutSteps #opc-billing .input-box select, #checkoutSteps #opc-shipping .input-box select{width:275px!important;} #checkoutSteps .input-box-2{width:281px; float:left;} #checkoutSteps .input-box-2 input{width:275px!important;} #checkoutSteps .input-box-2 select{width:281px!important;} #checkoutSteps .group-select li li{margin-bottom:15px;} #checkoutSteps label{padding-bottom:3px;} #checkoutSteps .group-select li input.input-text{width:580px;} #checkoutSteps .group-select li select{width:586px;} #checkoutSteps #opc-billing .customer-name-middlename .name-firstname, #checkoutSteps #opc-shipping .customer-name-middlename .name-firstname{width:210px!important;} #checkoutSteps #opc-billing .customer-name-middlename .name-firstname input, #checkoutSteps #opc-shipping .customer-name-middlename .name-firstname input{width:200px!important;} #checkoutSteps #opc-billing .customer-name-middlename .name-middlename, #checkoutSteps #opc-shipping .customer-name-middlename .name-middlename{width:94px!important;} #checkoutSteps #opc-billing .customer-name-middlename .name-middlename input, #checkoutSteps #opc-shipping .customer-name-middlename .name-middlename input{width:50px!important;} #checkoutSteps #opc-billing .customer-dob .input-box input{width:50px !important;} /* Multiple Addresses Checkout */ .checkout-progress {padding:20px 20px 10px; text-align:center;} .checkout-progress li {display:inline; width:15%; text-align:center; color:#FFFFFF; border:0; padding:1px 10px 1px 10px; margin-right:5px; background:#FF6800;} .checkout-progress li.active {background:#8E1D00; color:#FFFFFF;} .multiple-checkout { position:relative; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} .checkout-multishipping-addresses .col-main{padding:0 11px 0 0;} .checkout-multishipping-addresses .col-main .page-title{} .checkout-multishipping-addresses .col-main .page-title h2{padding:0;} .checkout-multishipping-addresses .col-main .multiple-checkout h3{margin:15px 0;} .checkout-multishipping-addresses .col-main #multiship-addresses-table{border-collapse:collapse; margin-bottom:10px; border-right:1px solid #DDDDDD;} /*.checkout-multishipping-addresses .col-main #multiship-addresses-table tfoot td{border-top:1px solid #BEBCB7; padding:5px;}*/ .checkout-multishipping-addresses .col-main .multiple-checkout .buttons-set{border:0;} .checkout-multishipping-addresses .col-main .multiple-checkout .buttons-set button{margin-left:10px;} .checkout-multishipping-shipping .col-main{padding:0 11px 0 0;} .checkout-multishipping-shipping .col-main .page-title{margin-bottom:15px;} .checkout-multishipping-shipping .col-main .multiple-checkout{width:100%;} .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set{background:0;} .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set .col-1{width:30%;} .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set .col-2{width:68%;} .checkout-multishipping-shipping .col-main .wide .data-table{border-collapse:collapse; margin-top:15px;} .checkout-multishipping-shipping .col-main .multiple-checkout h3{border:1px solid #BEBCB7; border-bottom:0; margin-bottom:0; font-size:1em; padding:3px; padding-left:20px;} .checkout-multishipping-shipping .col-main .multiple-checkout .col2-set{border:1px solid #BEBCB7; padding:20px; margin-bottom:15px;} .checkout-multishipping-shipping .col-main .multiple-checkout .buttons-set{border:0;} .checkout-multishipping-shipping .col-main .multiple-checkout .buttons-set button{margin-left:10px;} .checkout-multishipping-shipping .col-main .multiple-checkout .col-1 h4{margin:10px 0;} .checkout-multishipping-billing .col-main{padding:0 11px 0 0;} .checkout-multishipping-billing .col-main .col2-set{background:0; border:1px solid #BEBCB7; padding:20px; margin-top:15px;} .checkout-multishipping-billing .col-main .col2-set .col-2 h3{margin-bottom:20px;} .checkout-multishipping-billing .col-main .col2-set .col-1{width:60%;} .checkout-multishipping-billing .col-main .col2-set .col-2{width:38%;} .checkout-multishipping-billing .col-main .buttons-set{padding:20px 0; border:0;} .checkout-multishipping-billing .col-main .buttons-set button{margin-left:15px;} .checkout-multishipping-billing .col-main .col-2 dl dt{padding:5px 0;} .checkout-multishipping-billing .col-main .col-2 dl dd{padding:0 0 0 20px;} .checkout-multishipping-billing .col-main .col-2 dd .v-fix{padding-right:5px;} .checkout-multishipping-billing .input-box{width:auto;} .checkout-multishipping-billing .input-box input{width:250px;} .checkout-multishipping-overview .col-main{padding:0 11px 0 0;} .checkout-multishipping-overview .col-main .page-title{margin-bottom:15px;} .checkout-multishipping-overview .col-main .col2-set{background:0; border:1px solid #4A4A4A; padding:20px;} .checkout-multishipping-overview .col-main .col2-set .col-1{width:30%;} .checkout-multishipping-overview .col-main .col2-set .col-2{width:68%;} .checkout-multishipping-overview .col-main .multiple-checkout h3{margin:10px 0;} .checkout-multishipping-overview .col-main .col2-set h3{margin:0;} .checkout-multishipping-overview .col-main .col2-set .data-table{border-collapse:collapse;} .checkout-multishipping-overview .col-main .col2-set .data-table tfoot th, .checkout-multishipping-overview .col-main .col2-set .data-table tfoot td{border-top:1px solid #BFBFBF;} .checkout-multishipping-overview .col-main .grand-total{margin:10px 0;} .checkout-multishipping-overview .data-table{margin:10px 0;} /*.checkout-multishipping-address-newshipping #form-validate #lastname{width:251px;}*/ /*.checkout-multishipping-address-editshipping #form-validate #lastname{width:251px;}*/ .checkout-multishipping-address-selectbilling .page-title h2{background:0;} .checkout-multishipping-address-selectbilling .page-title button.button{margin-top:5px;} .checkout-multishipping-address-editaddress #form-validate #lastname{width:251px;} .checkout-multishipping-address-editbilling #form-validate #lastname{width:251px;} .checkout-multishipping-success .col-main{padding:0 11px 0 0;} .checkout-multishipping-success .content-box{padding:30px;} .checkout-multishipping-success .buttons-set{border:0;} /* Sitemap */ .sitemap {} #lastname{width:251px!important;} /********** < Common Checkout Styles */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {padding:10px;} .dashboard .welcome-msg {} .dashboard .data-table{margin:10px 0;} .dashboard .col2-set{padding:5px 0;} .dashboard .col2-set .col-1, .dashboard .col2-set .col-2{padding:5px 0;} .dashboard a{color:#aaa; text-decoration:underline;} .dashboard a:hover{text-decoration:none;} .customer-address-index .col-main .col2-set .col-1 ol li{padding-bottom:20px;} .wishlist-index-index .col-main table textarea{width:95%!important;} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {padding-bottom:5px;} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; margin-bottom:20px;} .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ body.page-print{background:0;} .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left: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; } .input-box-2{width:251px; float:left;} .customer-name-middlename .name-firstname{width:200px!important;} .customer-name-middlename .name-firstname input{xtareawidth:190px!important;} .customer-name-middlename .name-middlename{width:60px!important;} .customer-name-middlename .name-middlename input{width:50px!important;} .customer-name-middlename .input-box-2 input{width:250px!important;} .customer-dob .input-box{width:60px!important;} .customer-dob .input-box input{width:50px!important;} .catalogsearch-advanced-index #form-validate .range input{width:150px;} .catalogsearch-advanced-index #form-validate select{padding:2px;} #my_recent_reviews .number{width:17px; float:left;} #my_recent_reviews li{padding-bottom:10px;} #my_recent_reviews .product-name{float:left; width:480px;} #my_recent_tags li{width:100%; overflow:hidden;} #my_recent_tags .number{width:17px; float:left; margin:0; padding:0;} #my_recent_tags .details{float:left; width:480px; margin:0; padding:0;} .cms-index-index .col-main .std{margin:0;} .cms-index-index .col-main .products-list{width:100%;} .cms-index-index .col-main .products-list .product-shop{width:357px;} .sales-order-view .col2-set, .sales-order-invoice .col2-set, .sales-order-shipment .col2-set, .sales-order-creditmemo .col2-set{padding:5px 0;} .sales-order-view .col2-set .col-1, .sales-order-invoice .col2-set .col-1, .sales-order-shipment .col2-set .col-1, .sales-order-creditmemo .col2-set .col-1, .sales-order-view .col2-set .col-2, .sales-order-invoice .col2-set .col-2, .sales-order-shipment .col2-set .col-2, .sales-order-creditmemo .col2-set .col-2{padding:5px 0;} .sales-order-view h3, .sales-order-invoice h3, .sales-order-shipment h3, .sales-order-creditmemo h3, .sales-order-view h4, .sales-order-invoice h4, .sales-order-shipment h4, .sales-order-creditmemo h4{margin:15px 0 10px;} .tag-customer-view .col-main .pager, .review-customer-index .col-main .pager, .sales-order-history .col-main .pager, .catalog-seo-sitemap-product .col-main .pager, .catalog-seo-sitemap-category .col-main .pager{padding:10px 0;} .catalogsearch-advanced-result .col-main .products-list .product-shop{width:543px;} .checkout-multishipping-address-editbilling .main-block .right-bot, .checkout-multishipping-address-newbilling .main-block .right-bot, .checkout-multishipping-address-editaddress .main-block .right-bot, .checkout-multishipping-address-selectbilling .main-block .right-bot, .checkout-multishipping-address-editshipping .main-block .right-bot, .checkout-multishipping-address-newshipping .main-block .right-bot, .checkout-multishipping-login .main-block .right-bot, .checkout-multishipping-register .main-block .right-bot, .customer-account-create .main-block .right-bot, .customer-account-login .main-block .right-bot, .customer-account-forgotpassword .main-block .right-bot{padding-right:35px;} .cms-index-index .home-page-bg{background:url(../images/media/home_page_bg.jpg) center top no-repeat;} .block-banners{position:relative; height:304px;} .block-banners .banners{position:absolute; left:3px; top:-41px; width:999px;} .block-banners .left{margin:52px 0 0 53px;} .block-banners .right{width:295px;} .cms-index-index .main-block{position:relative; margin-top:-4px;} .cms-index-index .main-block .right-bot{padding-bottom:23px;} .best-selling-block{padding:6px 10px 0 0;} .best-selling-block h2{font-weight:bold; font-size:1.09em; color:#9D9995; text-align:center;} .best-selling-block .products-grid{width:auto; margin:14px 0 0;} .best-selling-block .products-grid .product-image{margin-bottom:5px;} .best-selling-block .products-grid td{background:url(../images/grid_y_divider.gif) right top repeat-y; text-align:center; padding-bottom:4px!important;} .best-selling-block .products-grid .product-name{margin-bottom:5px;} .best-selling-block .products-grid .price-box{margin-bottom:10px;} .best-selling-block .products-grid .shop-category{text-decoration:none; color:#979797;} .best-selling-block .products-grid .shop-category:hover{text-decoration:underline;} .best-selling-block .products-grid .product-1{width:143px; padding:0 44px 0 32px;} .best-selling-block .products-grid .product-2{width:202px; padding:0 20px 0 19px;} .best-selling-block .products-grid .product-2 img{margin-left:10px;} .best-selling-block .products-grid .product-2 .price-box{margin-bottom:3px;} .best-selling-block .products-grid .product-3{width:150px; padding:0 39px 0 51px;} .best-selling-block .products-grid .product-4{width:142px; padding:0 30px 0 53px; background:0;} /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { padding:10px 25px;color:#727272; font-size:10px;} .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { float:left;} .footer ul li{display:inline; padding:0 3px;} .footer ul li a{font-size:10px; color:#727272;} /* ======================================================================================= */ /* Home Page */ .homepage-banner{padding:4px; border:1px solid #e2e2e2;} #homepage-category{margin:10px 0; color:#727272;} #homepage-category .home-cat img{padding-left:10px;} #homepage-category .home-cat{width:127px; overflow:hidden; border-right:1px solid #e2e2e2; float:left; } #homepage-category .last-cat{border-right:none!important;} #homepage-category h3{text-transform:uppercase; font-size:11px; padding:0 10px; font-weight:bold; color:#727272;} #homepage-category p{font-size:9px; padding:0 10px;} .homepage-bestseller {background:#ececec; border:1px solid #dedede; margin:20px 0 0 0;} .homepage-bestseller h3{text-transform:uppercase; font-size:12px; font-weight:bold; padding:3px;} .homepage-bestseller .block-se, #upsell-product-table .block-se{background:#fff;} /* Category List Block */ ul.category-links {paddig-left:5px;} ul.category-links li{display:inline; padding:0 5px;} ul.category-links li a{text-transform:uppercase; text-decoration:underline; font-size:10px;} ul.category-links li a:hover{color:#FC7502;text-decoration:none;}