/** * 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-body{ background:#151616 url(../images/wrapper.gif) 0 0 repeat-x; width:100%; overflow:hidden;} .wrapper {background:url(../images/header.jpg) center top no-repeat; width:100%; overflow:hidden;} .page { width:980px; margin:0 auto; text-align:left;} .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .page-popup .product-name{ margin-top:15px;} .main { background:#131414; padding:0 5px 5px 5px;} .fleft, .col-1, .col-2, .col-3{ float:left;} .fright{ float:right;} .clear{ width:100%; overflow:hidden;} .clear1{ clear:both;} .bg-content{ background:#131414;} /* Base Columns */ .col-left { float:left; width:240px; padding-right:5px;} .col-main { float:left; width:725px; padding-bottom:27px;} .col-right { float:right; width:230px;} /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; width:725px; } .col2-right-layout .col-main {} .col2-right-layout .col-right{ width:240px;} /* 3 Columns Layout */ .col3-layout .col-main { width:479px;} .col3-layout .col-right { float:right; width:241px;} /* Content Columns */ .col2-set .col-1 { float:left; width:47%; } .col2-set .col-2 { float:right; width:47%; } .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%; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:210px; height:67px; overflow:hidden; } .header{ height:115px;} .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; margin:40px 0 0 20px; position:absolute;} .header .logo a { display:block; width:210px; height:67px; position:absolute;} .header .language-box{ padding:80px 1px 0 0; color:#ffffff; width:298px; font-size:0.937em; line-height:1.625em;} .header .language-box select{ width:106px; height:19px; margin-left:6px; color:#717070; font-size:11px; background:#2f2e2e; border:1px solid #1e1d1d;} .header .language-box .currency-header{ float:left; width:172px;} .header .language-box .currency-header .corner-top-left, .header .language-box .currency-header .corner-top-right, .header .language-box .currency-header .block-title{ background:none;} .header .language-box .currency-header .block-title{ float:left; width:60px;} .header .language-box .currency-header .block-content{ padding:0; float:left;} .header .language-box .form-language{ float:left; margin-left:21px;} .header .language-box .form-language img{ margin:3px 4px 0 0;} .header .language-box .currency-header .block-content select{ visibility:visible !important;} .header .form-language { text-align:center; } .header .form-language label{ display:none;} .row-top-links{background:#131414; padding:4px 5px 5px 5px; font-size:0.937em !important;} .row-top-links .corner-top-left {background:#1f1f1f url(../images/top_links_corner_top_left.gif) no-repeat left top;} .row-top-links .corner-top-right {background:url(../images/top_links_corner_top_right.gif) no-repeat right top;} .row-top-links .corner-bottom-left {background:url(../images/top_links_corner_bottom_left.gif) no-repeat left bottom;} .row-top-links .corner-bottom-right {background:url(../images/top_links_corner_bottom_right.gif) no-repeat right bottom; width:100%; padding:15px 0 18px 0;} .row-top-links .col-1{ width:277px;} .row-top-links .col-1 .welcome-msg{ color:#ffffff; font-weight:bold; padding:0 0 0 20px; } .row-top-links .col-2{ width:660px;} .row-top-links .links li{ display:inline;} .row-top-links .links li a{ color:#7d7d7d; text-decoration:none; padding:0 18px; background:url(../images/links_separator.gif) right center no-repeat;} .row-top-links .links li a:hover{ color:#FFF; text-decoration:none;} .row-top-links .links .last a{ background:none;} .products-grid .extra-indent .clear .fright{ width:80px;} .products-grid .extra-indent .clear .fright .button1{ width:auto !important; margin-bottom:5px;} .products-grid .extra-indent .clear .fleft .price-box{ padding-top:2px;} .products-grid h4 a{ text-decoration:none;} .products-grid h4 a:hover{ text-decoration:underline;} .cms-index-index .products-grid .extra-indent .clear .fleft .price-box{ padding-top:22px;} /********** < Navigation */ #nav { font-size:13px; margin:0 0 0 1px; background:url(../images/button_menu.gif) 0 0 repeat-x; height:48px;} /* All Levels */ #nav li { position:relative; text-align:left; text-transform:uppercase;} #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav li li.parent {} /* 0 Level */ #nav li { float:left; border-right:1px solid #121212;} #nav li.active a { color:#ffffff;} #nav a { float:left; padding:16px 16px 14px 16px; color:#FFF; font-weight:bold; } #nav li.over a, #nav a:hover { color:#ff7800; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#303030; border-right:none; } #nav ul li.over {} #nav ul li.last { background:#303030; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd leven */ #nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #303030; } /* 3rd+ Level */ #nav ul ul { top:5px; } /* Show Menu */ /* #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } */ #nav ul li a { background:#1f1f1f; color:#898885; } #nav ul li a:hover { background:#303030; color:#fff !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:11px Arial, Helvetica, sans-serif; vertical-align:middle; color:#717070; } input.input-text,select,textarea { background:#2f2e2e; border:1px solid #353434; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button { overflow:visible; width:auto; cursor:pointer; border:none !important; background:none;} button.button span { display:block; margin:0; background:url(../images/button_left.gif) 0 0 no-repeat;} button.button span span{background:url(../images/button_right.gif) top right no-repeat; display:block;} button.button span span span{background:url(../images/button.gif) 0 0 repeat-x; margin-right:4px; margin-left:4px; display:block; display:block; padding:2px 4px 4px 4px; font:11px/16px Arial, Helvetica, sans-serif; text-align:center; color:#131414; } .products-grid button.button span, .products-list button.button span { display:block; margin:0; background:url(../images/button1_left.gif) 0 0 no-repeat;} .products-grid button.button span span, .products-list button.button span span{background:url(../images/button1_right.gif) top right no-repeat; display:block;} .products-grid button.button span span span, .products-list button.button span span span{background:url(../images/button1.gif) 0 0 repeat-x; margin-right:3px; margin-left:3px; display:block; display:block; padding:4px 2px 5px 2px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; color:#FFF; } .products-grid .add-to-links li{ display:inline; color:#ffffff;} .products-grid .add-to-links li a{ color:#FFF; font-size:11px;} .products-grid .add-to-links li span{ color:#FFF; padding:0 3px;} .extra-link{ color:#777777 !important;} .products-grid button.button1{ background:none; border:none;} .products-grid button.button1 span{ color:#ff8900; font-weight:bold;} 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 */ /* Form lists */ .form-list{ margin-top:15px;} .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; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .group-select { padding:20px 0 0 20px;} .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 .range input.input-text{ width:227px;} .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:10px 0 0 10px; line-height:1.75em;} .buttons-set .back-link { float:left; padding-right:7px;} .buttons-set button.button {vertical-align:middle;} .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; 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 { 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:#131414; background-color:#262626; background-image:url(../images/success_msg_icon.gif); color:#777777; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:5px 0 15px 19px;} .breadcrumbs strong{ display:none;} .breadcrumbs li { display:inline; font-size:1.06em;} .breadcrumbs ul li{ color:#777777;} .breadcrumbs ul li a{ color:#777777; text-decoration:underline;} .breadcrumbs ul li a:hover{ text-decoration:none; color:#777777;} .breadcrumbs ul li strong{ color:#FFF; display:inline; font-weight:normal;} .breadcrumbs ul li span{ color:#777777;} /* Page Heading */ .page-title {} .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { padding:5px; margin:21px 28px 21px 0; text-align:center; background:#202121; padding:10px 17px 6px 19px; font-size:0.937em;} .category-products .pager, .products-list .pager{ margin:0 28px 0 0;} .pager .amount { float:left; color:#FFF; font-weight:bold;} .pager .limiter { float:right; color:#777777;} .pager .limiter strong{ color:#777777;} .pager .pages { margin:0 135px; color:#FFF;} .pager .pages ol { display:inline; } .pager .pages ol li a{ color:#FFF;} .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .pager-line{ margin:0 28px 0 0; height:1px; background:#202121; padding:0 7px 0 18px;} .pager-line div{ background:#3a3b3b; height:1px; line-height:0; width:100%; overflow:hidden;} .sorter { margin:0 28px 0 0; background:#202121; padding:6px 17px 6px 19px; font-size:0.937em;} .catalog-category-view .sorter{ margin:0 28px 28px 0;} .sorter .view-mode { float:left; color:#777} .sorter .view-mode strong{ color:#FFF;} .sorter .view-mode a{ color:#FFF;} .sorter .sort-by { float:right; color:#777; padding-right:7px;} .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #3b3c3c; font-weight:bold; white-space:nowrap; } .data-table td { padding:20px 15px; border:1px solid #3b3c3c; } .data-table td .qty{ margin-top:23px; color:#FFF; width:46px !important; padding-left:5px;} .data-table thead { background-color:#242525; } .data-table tbody {} .data-table tfoot {background-color:#242525; } .data-table tfoot td{padding:10px 31px;} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { } .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; } .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-price { padding-right:20px; color:#FFF; font-size:1.187em; font-weight:bold; padding-top:23px;} .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 { } dt.odd, dd.odd {} dt.even, dd.even {} /* 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; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin-bottom:5px; color:#777777; font-size:0.937em; line-height:1.375em;} .block .block-title { } .block .block-title h2, .block .block1-title h2{ font-size:11px; font-weight:bold; line-height:1.5em; color:#FFF; padding:8px 0 10px 20px; text-transform:uppercase;} .block h3 { font-size:11px; line-height:1.5; color:#FFF; padding-bottom:14px;} .block .actions { text-align:right; margin:11px 0 11px 0;} .block .actions a { float:left; color:#FFF;} /* Block: Account */ .block-account {} .block-account ul li{ line-height:1.5em;} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav ol li{ color:#FFF;} .block-layered-nav dt { background:#292929; padding:3px 0 3px 9px; color:#777777; margin-bottom:16px; text-transform:uppercase; font-size:0.937em;} .block-layered-nav dd{ padding:0 20px 15px 9px;} .block-layered-nav dd a{ color:#FFF; text-decoration:none;} .block-layered-nav dd a:hover{ text-decoration:underline;} .block-layered-nav .currently {} /* Block: Cart */ .block-cart .block-content{padding:25px 23px 27px 27px !important;} .block-cart .amount {} .block-cart .subtotal {background:#292929; margin:11px 0; line-height:1.75em; padding-left:9px;} .mini-products-list li { padding:15px 0; } .mini-products-list .product-image { float:left; width:50px; border:1px solid #303030; 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; margin-left:4px; } .mini-products-list strong{ font-weight:normal;} /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related li { padding:15px 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:-75px; } .block-related .item .product-details { margin-left:75px; } .block-related .block-content a{ display:block;} /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Viewed */ .block-recent li{ background:url(../images/list_separator.gif) 0 11px no-repeat; padding:3px 0 3px 11px;} .block-recent li a{ color:#FFF; font-weight:bold;} /* Block: Poll */ .block-poll h3{ text-transform:none; font-weight:normal;} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:26px; color:#777777; padding-bottom:6px;} .block-poll .answer {} .block-poll .votes { font-weight:bold; color:#FFF;} .block-poll .block-content{padding:26px 23px 25px 27px;} .block-poll ol li {padding:0 0 4px;} /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; margin-right:4px; line-height:1.75em;} .block-tags li a{ color:#777777;} /* Block: Subscribe */ .block-subscribe .block-title h2{padding:8px 0 10px 20px !important;} .block-subscribe .block-content {padding:25px 5px 24px 24px !important;} .block-subscribe .input-text{ width:120px; height:14px; background:#1e1e1e; border:1px solid #131414; color:#777777; _margin-right:5px;} .block-subscribe label{ display:block; padding-bottom:5px; padding-left:3px;} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0 5px 0 !important; background:url(../images/list_separator.gif) 0 13px no-repeat; font-weight:bold;} .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .label { display:block; margin-left:19px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; background:none !important; padding:0 !important;} /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt{ padding:13px 10px 13px 26px; border-bottom:1px solid #262626; color:#FFF;} .block-progress dd{ padding:24px 40px 24px 26px;} .block-progress complete.dt{ border:none; padding:0;} .block-progress complete.dd{ border:none; padding:0;} .block-progress .block-content{ padding-left:0; padding-right:0;} #checkoutSteps h4{ font-size:12px;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title {margin:0 0 10px; } .category-title h2{ padding:10px 0 10px 20px;} .category-image { display:block; margin:0 auto; } .category-products { padding:0 0 0 27px;} .wrapper-title .border-top {background:url(../images/title_border_top.gif) repeat-x top #1e1f1f;} .wrapper-title .corner-top-left {background:url(../images/title_corner_top_left.gif) no-repeat left top;} .wrapper-title .corner-top-right {background:url(../images/title_corner_top_right.gif) no-repeat right top; width:100%;} .wrapper-title h2{ color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; padding:10px 0 10px 20px; font-weight:bold;} /* View Type: Grid */ .products-grid { width:100%;} .products-grid h3{ padding-bottom:41px} .products-grid .product-image img{ margin-bottom:37px;} .products-grid h3.product-name{ text-align:left;} .products-grid h3.product-name a{ color:#FFF; text-decoration:none; font-size:0.875em; text-transform:uppercase;} .products-grid h3.product-name a span{ display:block;} .extra-separate {background:url(../images/separator_row.gif) bottom left repeat-x;} .products-grid tr.last { background:none;} .products-grid td { width:33%; background:url(../images/products_grid_separator.gif) top right repeat-y; text-align:center;} .products-grid td.last{ background:none;} .products-grid td.empty {} /* View Type: List */ .products-list li.item { padding:5px; margin:0 0 5px; } .products-list .product-shop { float:right; width:280px; margin-top:11px;} .products-list .ratings{ text-align:left; padding-top:16px;} .products-list .rating-box{ padding:9px 0 4px 0;} .products-list .rating-box{ margin:0;} .products-list .product-image { float:left; } .products-list .rating-links span{ display:none;} .products-list .rating-links{ font-size:0.937em;} .products-list h3 a{ text-decoration:none; font-size:0.875em;} .products-list h3 a:hover{ text-decoration:underline;} .products-list div.desc{ padding-top:15px; color:#777777; padding-right:28px} .products-list .add-to-links li{ display:inline; } .products-list .add-to-links li a{font-size:0.937em;} .products-list .add-to-links li span{ padding:0 3px; } .products-list li.item{ background:url(../images/main_separator.gif) bottom left repeat-x; padding:26px 0;} .products-list li.last{ background:none;} .products-list .rating-links{ padding-bottom:11px;} .products-list .button{ margin-left:7px;} .rating-links span{ color:#FFF;} .products-list .product-shop .out-of-stock{ padding:0 0 0 11px; line-height:2.5em;} .products-grid .out-of-stock{ padding:0 0 0 0; line-height:2.5em;} /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {padding:28px 0 0 20px;} .product-collateral, .up-sell, .tags, .additional { background:url(../images/main_separator.gif) 0 0 repeat-x; padding:20px 0 0 0; margin-top:20px} .additional{ padding-left:20px; padding-right:19px;} /* Product Images */ .product-view .product-img-box { float:left; width:245px; padding-left:22px;} .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; 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; padding:20px 0;} .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:5px; width:2px; height:8px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; visibility:visible !important;} .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:#313131; margin:0 10px 8px 0 ; } .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:377px; } .product-view .product-name {} .product-view .short-description { padding-top:25px;} /* Rating */ .ratings { padding:25px 0 0 0; text-align:center;} .ratings .amount { color:#ffffff;} .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; margin:0 auto;} .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x;} /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; color:#FFF; font-size:1em;} .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; color:#FFF; font-size:1.25em; line-height:1.75em;} /* 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 { color:#ffffff;} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { color:#ffffff;} .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 { } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box { width:100%; overflow:hidden;} .add-to-box .add-to-cart { float:left; padding-top:18px;} .add-to-box .or { float:left; margin:21px 25px 0 15px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #4f4f4f; background-color:#1d1e1e; } .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:#FFF; } .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 select{ visibility:visible !important;} .product-options-bottom { padding:10px; border:1px solid #4f4f4f; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description { padding:0 17px 0 22px} /* Block: Additional */ .product-view .additional {} .additional .data-table td.label, .data-table th.label{ padding:21px 0 0 31px; font-weight:normal;} /* Block: Upsell */ .product-view .up-sell {padding:20px 17px 0 22px} .product-view .up-sell .products-grid td { width:25%; } .product-view .up-sell .rating-links span{ display:none;} .product-view .up-sell .rating-links{ padding:0 0 0 0 !important;} .product-view .up-sell .rating-links a{ font-size:0.937em;} .product-view .up-sell h4{ padding:0 5px;} /* Block: Tags */ .product-view .tags {padding:20px 17px 0 22px} .product-view .tags .form-add-tags label { display:block; padding-bottom:10px; padding-top:10px; color:#FFF; font-weight:bold;} .product-view .tags .form-add-tags .input-box { float:left;} .product-view .tags .form-add-tags button.button { float:left; margin-left:17px;} .product-view .tags .form-add-tags p { clear:both; padding:10px 0;} .product-view .tags .required-entry{ width:541px;} /* 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:1.06em; font-weight:bold; line-height:1.06em; } /* Product Tags */ .tags-list li { display:inline; } .tags-list{ padding:22px;} .catalog-product-view .tags-list{ padding:0;} .catalog-product-view .tags h4{ font-size:0.875em;} /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap { padding:18px 0 0 18px ;} /* ======================================================================================= */ /* 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 .totals .checkout-types { text-align:center; } .cart .checkout-types li .button span{display:block; margin:0; background:url(../images/button5_left.gif) 0 0 no-repeat;} .cart .checkout-types li .button span span{background:url(../images/button5_right.gif) top right no-repeat; display:block;} .cart .checkout-types li .button span span span{background:url(../images/button5.gif) 0 0 repeat-x; margin-right:3px; margin-left:3px; display:block; color:#ffffff; font-size:22px; padding:12px 12px 15px 12px; line-height:25px;} .cart .checkout-types li a{ font-size:0.937em;} .cart fieldset{ padding:0 0 30px 0; display:block;} /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } .cart-table{ border:1px solid #454646;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:640px;} .cart .crosssell .product-image { float:left;} .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell li.item{ background:url(../images/main_separator.gif) bottom left repeat-x; padding:26px 0;} .cart .shipping {} .cart .crosssell{ padding:16px 20px 15px 17px;} .cart .crosssell h3{ color:#777777; font-size:1em; text-transform:none; font-weight:normal;} .cart .crosssell h4 { padding-bottom:0px; line-height:13px; margin-bottom:5px;} .cart .crosssell h4 a{ font-size:0.875em; text-decoration:none;} .cart .crosssell h4 a:hover{ text-decoration:underline;} .cart .crosssell .add-to-links{ margin-top:8px;} .cart .crosssell .add-to-links span{ display:none;} .cart .crosssell .price-box{ padding:2px 0;} .cart .discount{ margin-bottom:20px;} .cart .discount, .cart .shipping{border:1px solid #4f4f4f; padding:14px 11px 20px 16px;} .cart .discount fieldset{ padding:0 0 0 0; display:block;} .cart .discount .input-text{ width:160px;} .cart .shipping p{ font-size:0.937em; padding-bottom:11px;} .cart .shipping .form-list label{ font-weight:normal; color:#777777;} .cart .shipping .form-list input, .cart .shipping .form-list select{ margin:2px 0 7px 0;} /* Shopping Cart Totals */ .cart .totals { float:right; border:1px solid #4f4f4f; background:#242525; width:294px; padding:5px 0 16px 0;} .cart .totals table { width:100%;} .cart .totals table th, .cart .totals table td { padding:7px 15px 5px 5px; font-size:0.937em;} .cart .totals table td.a-right{ padding:5px 80px 5px 5px; color:#FFF; font-size:15px; font-weight:bold;} .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #4f4f4f; position:relative; } .opc li.section { border:1px solid #4f4f4f; border-bottom:0; } .opc .step-title { background-color:#171818; padding:10px 22px 0 22px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:10px; border:1px solid #777777; font-size:12px; padding:0 7px; font-weight:bold;} .opc .step-title h3 { float:left; color:#777777; text-transform:none; padding-top:3px; } .opc .allow .step-title { cursor:pointer; } .opc .active .number { background:#777777; color:#151616;} .opc .active .step-title { background-color:#1d1e1e; cursor:default; padding:10px 0 0 22px;} .opc .step { border-top:1px solid #4f4f4f; padding:22px; position:relative; background:#1d1e1e;} .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #FFF; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#262626; color:#777777; } .multiple-checkout { position:relative; padding:0 20px 0 20px;} .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; margin-top:11px;} .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} .multiple-checkout h3{ padding:20px 0 20px 0;} .multiple-checkout h4{ font-size:0.875em;} .multiple-checkout address { padding-bottom:15px;} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } .col2-set .form-list{ margin:15px 0;} .group-select ul li{ padding-bottom:7px;} .group-select ul li label{ padding-right:6px;} /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page {} .login-page .content { min-height:150px; } /* ======================================================================================= */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} .dashboard h3, .dashboard h4{ margin-top:15px; padding-bottom:5px;} /* 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 {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #3a3b3b; padding:5px; margin:15px 0;} .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-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 .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { color:#e8e8e8; font-size:1.06em; padding:11px 0 22px 0; background:#0c0c0c url(../images/footer.gif) 0 0 repeat-x;} .footer .legality{ float:left; width:360px; font-size:0.875em;} .footer .legality address{padding:9px 0 0 28px;} .footer .footer-container{ float:left; width:610px; text-align:center;} .footer .footer-container ul li{ display:inline; background:url(../images/footer_divider_menu.gif) right center no-repeat; padding:0 11px;} .footer .footer-container ul li a{ color:#7c7c7d; text-decoration:none; line-height:1.5em; font-size:0.875em;} .footer .footer-container ul li a:hover{ color:#FFF;} /* ======================================================================================= */ /* ==============================content========================================================= */ /*=======top_banners and layout=======*/ .fleft{ float:left;} .fright{ float:right;} button{ cursor:pointer;} .row-banner{ line-height:15px;} .row-banner .col-1{ width:360px; float:left; text-align:left;} .row-banner .col-2{ width:360px; margin-left:5px; float:left; text-align:left;} .row-banner .col-2 h3{ padding-bottom:20px !important;} .row-banner .row-text{ background:#313131 url(../images/row_text.jpg) 0 0 no-repeat;} .row-text-corner-right{background:url(../images/row_text_corner_right.jpg) top right no-repeat; width:100%;} .row-banner .row-text-indent{ padding:25px 27px 26px 24px; color:#6e6f6f; font-size:11px;} .row-banner span{ color:#fcfefe; font-size:1.25em; display:block; padding-bottom:6px;} .row-banner p{ padding:16px 0;} .row-banner h3 a{ color:#FFF; font-weight:bold; text-decoration:none; text-transform:capitalize; font-size:1.187em;} .row-banner h3{ padding-bottom:35px; line-height:14px; padding-top:3px;} .baner-indent-text{ padding-top:5px;} .row-banner .indent-img{ margin:3px 17px 0 0; float:left;} .row-button{ background:url(../images/row_button.gif) 0 0 repeat-x;} .row-button-corner-left{ background:url(../images/row_button_corner_left.gif) 0 0 no-repeat} .row-button-corner-right{ background:url(../images/row_button_corner_right.gif) top right no-repeat; height:45px;} .row-button .fleft{ padding:15px 0 0 24px; color:#ffffff; font-size:21px; font-family:Arial, Helvetica, sans-serif;} .row-button .fright{ padding:7px 5px 0 0;} .row-button .button{ background:none; border:none; color:#ffffff; font-size:0.75em; font-weight:bold; margin-right:4px; margin-top:3px;} .row-button .button1{ background:url(../images/banner_button.gif) 0 0 no-repeat; width:110px; border:none; font-size:0.812em; font-weight:bold; text-indent:26px; padding:6px 0 5px 0; line-height:1.75em;} .row-button{ margin-bottom:29px;} .separator-row{ background:url(../images/separator_row.gif) 0 0 repeat-x; height:50px;} .extra-indent{ padding:0 26px 62px 26px;} .cms-index-index .extra-indent{ padding:0 26px 0 26px;} .row-banner button.button span{ background:none;} /*=======Search=======*/ .search-box .border-top {background:url(../images/search_box_border_top.gif) repeat-x top #414040; width:100%; margin-bottom:5px;} .search-box .border-bottom {background:url(../images/search_box_border_bottom.gif) repeat-x bottom;} .search-box .corner-top-left {background:url(../images/search_box_corner_top_left.gif) no-repeat left top;} .search-box .corner-top-right {background:url(../images/search_box_corner_top_right.gif) no-repeat right top;} .search-box .corner-bottom-left {background:url(../images/search_box_corner_bottom_left.gif) no-repeat left bottom;} .search-box .corner-bottom-right {background:url(../images/search_box_corner_bottom_right.gif) no-repeat right bottom; width:100%;} .search-box .form-search{ padding:20px 0 16px 18px;} .search-box .form-search label{ display:none;} .search-box .form-search button.button{ background:url(../images/button_search.gif) 0 0 no-repeat; width:15px; height:18px; border:none; margin-bottom:4px; margin-left:1px;} .search-box .input-text{ background:url(../images/search_bg.gif) 0 0 no-repeat; width:183px; height:19px; border:none; color:#ffffff; font-size:11px; margin-top:1px;} .block-title{ background:#222222 url(../images/wrapper_title.gif) 0 0 repeat-x;} .block-title .corner-top-left{ background:url(../images/wrapper_title_left.gif) 0 0 no-repeat;} .block-title .corner-top-right{ background:url(../images/wrapper_title_right.gif) top right no-repeat; width:100%;} .block-title .block-currency{ background:#171717; padding:26px 15px 25px 27px;} .block1-title{ background:#303030 url(../images/wrapper1_title.gif) 0 0 repeat-x;} .block1-title .corner-top-left{ background:url(../images/wrapper1_title_left.gif) 0 0 no-repeat;} .block1-title .corner-top-right{ background:url(../images/wrapper1_title_right.gif) top right no-repeat; width:100%;} .block-content{padding:26px 15px 25px 27px;} .block-wrapper-content .corner-bottom-left{ background:#262626 url(../images/wrapper1_corner_bottom_left.gif) bottom left no-repeat;} .block-wrapper-content .corner-bottom-right{ background:url(../images/wrapper1_corner_bottom_right.gif) bottom right no-repeat; width:100%;} .block-wrapper1-content .corner-bottom-left{ background:#171717 url(../images/wrapper2_corner_bottom_left.gif) bottom left no-repeat;} .block-wrapper1-content .corner-bottom-right{ background:url(../images/wrapper2_corner_bottom_right.gif) bottom right no-repeat; width:100%;} .block-wrapper1-content .block-content{ background:none;} .indent-top-bottom{ margin:15px 0;} .product-essential .rating-box{ margin:0;} .product-essential .ratings { text-align:left; padding:0;} .product-essential .rating-box{ float:left; margin-right:25px;} .product-essential .rating-links a{ font-size:0.937em;} .product-essential .rating-links br{ display:none;} .product-essential .rating-links span{ padding:0 3px;} .product-essential .product-pricing{ margin:11px 0;} .product-essential .product-pricing li{ background:#202121; padding:0 16px 0 16px; display:inline;} .product-essential .product-pricing .price{ color:#FFF; text-decoration:underline;} .product-essential .product-pricing .benefit{ color:#FFF;} .product-essential .availability{ float:right; display:block; width:300px;} .product-essential .availability .in-stock{ font-weight:normal;} .product-essential .ratings .extra-link{ color:#FFF !important;} .product-essential .add-to-links span{ display:none;} .product-essential .add-to-links a{ font-size:0.937em;} .product-essential .add-to-cart button.button{ margin:0 10px 0 25px;} .product-essential h2{ text-transform:uppercase; padding-bottom:5px;} .product-essential .product-shop p{ margin:11px 0;} .product-essential .availability { margin-top:4px !important;} .product-essential .add-to-links{ margin-top:11px;} .catalogsearch-advanced-index p.required { padding:20px 175px 0 0;} .cms-page-view .page-head{ padding:0 0 0 20px;} .cms-page-view .col3-set p strong{ color:#FFF !important;} .cms-page-view .col3-set{ padding:0 20px;} .cms-page-view .col3-set p{ padding-bottom:10px;} .checkout-cart-index .title-buttons{ padding:28px 0;} .checkout-cart-index .price {font-size:1em;} .checkout-cart-index .totals .checkout-types{ margin:11px 0;} .indent-button-extra{ padding:15px 0 15px;} .sales-order-view .wrapper-title .corner-top-right a{ padding:0 20px 0 0 !important; line-height:3em;} .sales-order-view .col2-set h3, .sales-order-view h3{ margin-top:15px;} h5{ margin-top:15px;} .customer-address-index .col-main .col2-set{ padding:15px 20px;} .customer-address-index .col-main .buttons-set{ padding-left:15px;} .customer-address-index .col-main h4{ margin-top:15px;} .cms-index-noroute .col-main .page-head-alt{ padding:13px 0 0 5px;} .cms-index-noroute .col-main dl, .cms-index-noroute .col-main p{ padding:0 0 0 5px;} .catalogsearch-result-index .category-products{ margin-top:25px;} .catalogsearch-result-index .page-title h2{padding:8px 0 10px 20px; text-transform:uppercase;} .catalogsearch-result-index .sorter{ margin-bottom:28px;} .wishlist-index-index .block-content .product-name{ margin-top:15px;} .tag-product-list .col-main h2{padding:8px 0 10px 20px; text-transform:uppercase;} .tag-product-list .col-main .block-title{margin-bottom:28px;} .tag-product-list .col-main .sorter{ margin-bottom:28px;} .checkout-onepage-index .col-main .page-title{ padding-bottom:28px;} .checkout-onepage-index .buttons-set{ margin-left:0;} #opc-billing .buttons-set button{ float:right;} .checkout-onepage-index .group-select .input-box { float:left; width:320px; } .checkout-onepage-index .group-select .input-box input.input-text, .checkout-onepage-index .group-select .input-box textarea{width:285px; } .checkout-onepage-index .name-firstname-extra, .checkout-onepage-index .name-firstname{ width:351px !important;} .checkout-onepage-index .name-lastname-extra, .checkout-onepage-index .name-lastname{ width:285px !important;} .checkout-onepage-index .group-select input.input-text{width:636px; } .checkout-onepage-index .group-select .input-box select{width:289px !important;} .checkout-onepage-index .buttons-set{ width:100%; overflow:hidden;}