/** * 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:1030px; margin:0 auto; padding:0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:0; font-family: Arial; } .wrapper-header { height:125px; background:url(../images/header-background.jpg) top center; } .wrapper-content { background:url(../images/content-background.jpg) #171717; padding-top:50px; min-height:400px; } .wrapper-content-1-column{padding-top:30px; min-height:300px;} .wrapper-footer { background:url(../images/footer-background.jpg) top center; } /* Base Columns */ .col-left { float:left; width:192px; font-size:10px; color:#bcbec0; background:url(../images/left-bottom-background.gif) no-repeat bottom center; margin-bottom: 10px;} .col-left-noitems {float:left; width:192px; min-height: 390px; font-size:10px; color:#bcbec0; background:url(../images/left-bottom-background.gif) no-repeat bottom center; margin-bottom: 10px; margin-right: 10px;} .col-left-inner { padding:44px 9px 10px; min-height:424px; background:url(../images/left-top-background.png) no-repeat top center; } .col-left-inner-noitems { padding:44px 9px 10px; min-height:330px; background:url(../images/left-top-backgroundnoitems.png) no-repeat top center;} .col-main { float:left; width:800px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .page-title-noitems{ border-bottom:1px solid #636363; padding:0 0 5px; margin:0 0 10px 200px; width: 900px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#292728; border:1px solid #4f4f4f; color:#a1a1a1; } input.input-text,textarea { padding:2px; } select { padding:2px; background:none; border:1px solid #4f4f4f; color:#a1a1a1; font-size:10px; } 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::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; border:0; padding:0 0 0 8px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } button.button span { float:left; padding:0 8px 0 0; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 11px/21px Verdana, Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#737373; } .disabled {display: none;} button.disabled span {} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:250px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #666; 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; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border-top: 1px solid #636363; border-bottom: 1px solid #636363; 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:#ccc; } .validation-failed { border:1px dashed #666 !important; background:#444 !important; } .validation-passed {} .required { color:#D1D3D4; } 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-width:0px !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 { background-image:url(../images/error_msg_icon.gif); } .success-msg { background-image:url(../images/success_msg_icon.gif); } .note-msg, .notice-msg { background-image:url(../images/note_msg_icon.gif); color:#ccc; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #636363; padding:0 0 5px; margin:0 0 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { padding:5px; margin:5px 0; text-align:center; font-family:verdana, arial; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 5px; float:right; font-size:9px; } .pager .pages ol { display:inline; position:relative; bottom:1px; margin-left:10px; } .pager .pages li { display:inline; margin-right:6px; } .pager .pages .current {} /* Sorter */ .sorter { padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; } .data-table thead { } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last { border-top: 2px solid #636363; } .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:left; text-align:right; padding-left:0px; 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:; } 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 {} 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; } /* 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 { display:inline-block; width:230px; height:58px; overflow:hidden; } .header-container {} .header { text-align:center; position:relative; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; margin-top:20px; } .header .logo a { display:block; width:230px; height:58px; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { position:absolute; right:98px; top:130px; font-size:11px; } .header .links li { display:inline; } .header .links li a { padding:0 6px 0 3px; } .header .links li.last a { padding:0 0 0 3px; } .header .form-search { text-align:center; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } /********** < Navigation */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } .block .block-title { background:url(../images/left-title-background.png) no-repeat top left; margin-bottom:5px; } .block .block-title h2 { font-size:10px; font-weight:bold; line-height:21px; padding-bottom:1px; margin-left:4px; text-transform:uppercase; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content { padding:4px; } .block .actions { text-align:right; } .block .actions a { float:left; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav h3 { font-size:10px; text-transform:uppercase; } .block-layered-nav .currently li { position:relative; } .block-layered-nav .currently li a { position:absolute; right:40px; } .block-layered-nav .actions { margin-bottom:10px; } .block-layered-nav dt { font-size:10px; font-weight:bold; text-transform:uppercase; } .block-layered-nav dd { margin-bottom:8px; } .block-layered-nav dd li { position:relative; } .block-layered-nav dd li span.filter-results-number { position:absolute; right:38px; } .block-layered-nav .currently {} /* Block: Cart */ .block-cart {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .mini-products-list li { padding:5px 0; color:#808285; } .mini-products-list .product-image { float:left; width:46px; border:1px solid #4f4f4f; margin-right:-75px; } .mini-products-list .product-details { margin-left:58px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; position:relative; right:8px; top:6px; } /* 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; position:relative; } .block-compare li .remove-compare { position:absolute; right:8px; } /* Block: Cms Links */ .block-links {} li { } /* 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: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Checkout Progress */ .block-progress {} .block-progress dt { font-weight:bold; line-height:30px; color:#868686; } .block-progress dt a { color:#868686; } .block-progress dt.complete, .block-progress dd.complete { } .block-progress dd.complete { padding-bottom:25px; padding-left:2px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .catalog-category-view .col-main { float:left; width:696px; margin-left:38px; } .category-title { } .category-image { display:block; margin:0 auto; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr.odd {} .products-grid tr.even { } .products-grid td { width:33%; padding-left:10px; padding-bottom:28px; } .products-grid td.first { padding:0; } .products-grid td.last { padding-left:19px; } .products-grid td.empty {} .products-grid td .product-image { float:left; } .products-grid td .product-name { float:left; font-weight:normal; font-size:10px; margin-left:3px; margin-top:5px; } /* View Type: List */ .products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; } .products-list .product-image { float:left; } .products-list .product-shop { float:right; width:320px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential {} .product-collateral {} /* Product Images */ .product-view .product-img-box { float:left; width:386px; margin-bottom:40px; position:relative; } .product-view .product-img-box .image-loading { position:absolute; top:12px; left:343px; display:none; z-index: 300; } .product-view .product-img-box #superstageBox { position:absolute; top:10px; left:8px; z-index: 10000; } .product-view .product-img-box .product-image { position:relative; } .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; } .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:-2px; margin-top:15px; } .product-view .product-img-box .more-views li { display:inline; position:relative; padding:1px; margin:0 0 8px 8px; } .product-view .product-img-box .more-views li .more-views-thumbnail { cursor:pointer; } .product-view .product-img-box .more-views li .more-views-tooltip { display:none; position:absolute; top:78px; left:-6px; height:40px; background:url(../images/tooltip-left.png) no-repeat top left; z-index: 50000; } .product-view .product-img-box .more-views li .more-views-tooltip span { display:block; width:90px; padding:18px 10px 10px 50px; background:url(../images/tooltip-right.png) no-repeat top right; text-transform:uppercase; font-weight:bold; color:#222222; font-size:11px; } .product-view .product-img-box .more-views li .thumb-loading { position:absolute; left:20px; top:30px; display:none; } .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:390px; } .product-view .product-shop .actions { float:left; width:390px; font-size:12px; font-weight:bold; padding-top:19px; } .product-view .product-shop .actions .actions-back { float:left; } .product-view .product-shop .actions .actions-more { float:right; margin-right: 200px; } .product-view .product-name { float:left; width:390px; margin-top:20px; } .product-view .product-name h2 { font-weight:bold; font-size:20px; } .product-view .price-box .price { float:left; width:390px; margin-top:9px; font-size:14px; font-weight:normal !important; } .product-view .short-description { float:left; width:390px; margin-top:12px; font-size:12px; } .product-view .add-to-cart button.button { background:#656565; border:1px solid #4f4f4f; padding-left:12px; padding-right:46px; } .product-view .add-to-cart button.button span { background:none; font-size:10px; font-weight:normal; line-height:19px; color:#fff; } .product-view .add-to-links li { line-height:14px; } .product-view .social-links { float:left; margin-top:13px; margin-right:4px; } /* 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 {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } a.minimal-price-link { display:block; } a.minimal-price-link .label {} a.minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { margin:10px 0 0; float:left; } .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:0 0 9px; } .product-options dd label { float:left; width:390px; margin-bottom:10px; margin-top:20px; } .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:120px; padding-left:9px; } .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 { float:left; margin-bottom:10px; width:100%; } .product-options-bottom .price-box { margin:10px 0; display:none; } /* Tabs */ .tabs-head { float:left; width:390px; margin-top:18px; } .tabs-head ul li { float:left; border-width:1px 0 1px 1px; border-style:solid; border-color:#4f4f4f; } .tabs-head ul li a { padding:3px 14px; float:left; } .tabs-head ul li.last { border-width:1px; } .tabs-head ul li.here { background:#4f4f4f; } .tabs-body { float:left; width:390px; border:1px solid #4f4f4f; position:relative; bottom:1px; margin-bottom:30px; } .tabs-body .tab { padding:10px 14px; } .tabs-body .tab .description .std { margin:0; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:60px; padding-bottom:0; } .product-view .up-sell .products-grid td .product-name { width:60px; margin-left:0; } /* 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; text-align:left; } /* 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 { margin-right:32px; font-family:Verdana, Arial; } .cart .checkout-types { float:right; text-align:right; margin-top:20px; } /* Shopping Cart Table */ .cart form { } .cart .cart-banner { float:left; width:188px; } .cart .cart-table { float:right; width:760px; font-size:11px; font-family: Arial; } .cart .page-title { float:right; width:760px; border:0; margin:0; } .cart .page-title h2 { font-weight:bold; font-size:14px; color:#cbc9c9; font-family: Arial;} .cart-table .item-msg { font-size:10px; } .cart-table thead { color:#cbc9c9; } .cart-table thead th { border-bottom:2px solid #636363; } .cart-table tbody td { color:#fff; font-weight:bold; } .cart-table tbody .a-right { border-left:2px solid #636363; } .cart-table tbody .a-center { border-left:2px solid #636363; width:40px; } .cart-table tbody .a-last { border-left:2px solid #636363; } .cart-table .product-name a { color:#fff; } .item-options{ width: 100px; text-align:left; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:238px; } .cart .crosssell { float:left; width:168px; padding:57px 10px; border:1px solid #393939; } .crosssell{margin-top: 30px; margin-bottom: 10px;} .cart .crosssell ul {} .cart .crosssell li { float:left; padding:17px 0; background:url(../images/dotted-border.png) no-repeat bottom center; } .cart .crosssell li.last { background:none; padding-bottom:25px; } .cart .crosssell .product-image { float:left; margin-left:5px; } .cart .crosssell .product-shop { float:left; margin-left:15px; width:98px; } .cart .crosssell .product-shop .product-name { font-weight:normal; } .cart .crosssell .product-shop .price-box .price { font-weight:normal; } .cart .crosssell .product-shop button.button { background:#3b3b3b; padding-left:6px; margin-top:15px; } .cart .crosssell .product-shop button.button span { background:#3b3b3b; font-size:8px; text-transform:uppercase; line-height:16px; color:#808285; padding-right:6px; } .cart .cart-bottom { position:relative; margin-bottom:30px; font-size:11px; width:730px; /*min-height:363px;*/ padding:15px 15px; background:url(../images/cart-bottom-background.png) no-repeat bottom left; font-family:Arial; margin-top: 30px; height: 200px; } .cart .cart-bottom span, .cart .cart-bottom p { font-weight:bold; } .cart .cart-bottom .shipping { width:100%; } .cart .cart-bottom .shipping .cart-banner2 { margin-bottom:34px; } .cart .cart-bottom .shipping .shipping-title { color:#c9c9c9; } .cart .cart-bottom .shipping ul { margin-top:15px; } .cart .cart-bottom .shipping li { float:left; margin-left: 15px; } .cart .cart-bottom .shipping label { color:#c9c9c9; } .banner_cart{ /* position: absolute;*/ float: left; width: 190px; } .cart_1colum_left{ float: left; width:190px; } .cart_1colum_right{ float: right; width:600px; } .cart_1colum_clear{ clear:both; } .cart .cart-bottom .shipping select, .cart .cart-bottom .shipping input { /*width:234px;*/ margin-top:7px; } .cart .cart-bottom .shipping select { margin-right:11px; } .cart .cart-bottom .shipping input { background:#2b2a2a; border-color:#4f4f4f; } .cart .cart-bottom .shipping .buttons-set { float:left; margin-top:10px; } .cart .cart-bottom .shipping .buttons-set button.button { float:left; } .cart .cart-bottom .discount { float:left; margin-top:20px; padding-bottom:90px; } .cart .cart-bottom .discount #discount-coupon-form { float:left; margin-top:10px; width:100%; } .cart .cart-bottom .discount input { background:#2b2a2a; border-color:#4f4f4f; } .cart .cart-bottom .discount button.button { margin-left:2px; } .cart .cart-bottom .sp-methods { margin:10px 0; } .cart .cart-bottom .sp-methods dt { padding:0; } .cart .cart-bottom .sp-methods dd {} .cart .cart-bottom .sp-methods dd ul { margin:0; } .cart .cart-bottom .sp-methods dd ul li {} .cart .cart-bottom .sp-methods dd ul li input { width:45px; background:none; } .cart .cart-bottom .sp-methods dd ul li label { position:relative; top:4px; } /* Shopping Cart Totals */ .cart .totals { float:right; width:205px; position:absolute; right:20px; bottom:2px; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:0 5px; } .cart .totals table th { font-weight:bold; } .cart .totals table th.a-right { text-align:left!important; float:left; width:131px; } .cart .totals .checkout-types button.button { background:none; padding:0; } .cart .totals .checkout-types button.button span { text-indent:-999em; background:url(../images/btn-checkout.png) no-repeat top center; padding:0; width:147px; height:58px; } /* Options Tool Tip */ .item-options dt { font-weight:normal; } .item-options dd { } .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:40px; padding:8px; border:1px solid #A1A1A1; background-color:#171717; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .checkout-onepage-index .wrapper-content { font-family:Verdana, Arial; font-size:11px; } .checkout-onepage-index .col-left { background:none; font-size:11px; } .checkout-onepage-index .col-left .col-left-inner { background:none; padding:0; } .checkout-onepage-index .col-left .block-title { background:none; margin:0; } .checkout-onepage-index .col-left .block-title h2 { text-transform:capitalize; padding-bottom:12px; margin:0; font-size:11px; color:#868686; } .checkout-onepage-index .col-left .block-content { padding:0; } .checkout-onepage-index .page-title { border:0; margin-bottom:18px; padding-left:3px; } .checkout-onepage-index .page-title h2 { color:#c9c9c9; font-size:14px; font-weight:bold; } .opc { position:relative; width:764px; } .opc li.section { margin-bottom:8px; } .opc .step-title { padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; font-weight:bold; } .opc .step-title h3 { float:left; font-size:11px; line-height:22px; } .opc .allow .step-title { cursor:pointer; } .opc .active { border:1px solid #555; margin-bottom:20px !important; } .opc .active .step-title { background-color:#302e2f; cursor:default; } .opc .step { padding:10px; position:relative; color:#d1d3d4; background: url(../images/onepage-background.jpg) repeat; } .opc .step .tool-tip { right:10px; } .opc #opc-login .step { padding:30px 40px; } .opc #opc-login .step h4 { margin-bottom:16px; } .opc #opc-login .step .col-1 { width:44%; } .opc #opc-login .step .col-2 { width:42%; background:url(../images/vertical-line.gif) no-repeat left top; padding-left:65px; } .opc #opc-login .step .col-2 p.required { text-align:left; font-size:9px; } .opc #opc-login .input-box { margin-top:14px; } .opc #opc-login .input-text { width:230px; } .opc #opc-login .btn-login { float:right; } .opc .input-box label { float:left; margin-bottom:5px; width:100%; } .opc label { float:left; margin-bottom:5px; } .opc #opc-billing .step, .opc #opc-shipping .step { padding:10px 4px 10px 20px; background: url(../images/onepage-background.jpg) repeat;} .opc #opc-billing .input-box, .opc #opc-shipping .input-box { width:369px; } .opc #opc-billing label, .opc #opc-shipping label { } .opc #opc-billing .input-box input.input-text, .opc #opc-shipping .input-box input.input-text, .opc #opc-billing .input-box textarea, .opc #opc-shipping .input-box textarea, .opc #opc-billing .input-box select, .opc #opc-shipping .input-box select { width:320px; } .opc #opc-billing input.input-text, .opc #opc-shipping input.input-text { width:689px; } .opc #opc-billing .shipping-option, .opc #opc-shipping .shipping-option { float:left; margin-top:20px; } .opc #opc-billing .shipping-option label, .opc #opc-shipping .shipping-option label { float:none; } .opc #opc-billing .buttons-set, .opc #opc-shipping .buttons-set { float:right; clear:none; margin-right:43px; } .opc #opc-billing .buttons-set .btn-continue , .opc #opc-shipping .buttons-set .btn-continue { float:left; margin-top:20px; } .opc #opc-billing .buttons-set .please-wait, .opc #opc-shipping .buttons-set .please-wait { float:left; margin-top:35px; } .opc #opc-shipping_method .buttons-set .btn-continue, .opc #opc-payment .buttons-set .btn-continue, .opc #opc-review .buttons-set .btn-continue { float:right; } .opc #opc-shipping_method .buttons-set .please-wait, .opc #opc-review .buttons-set .please-wait, .opc #opc-payment .buttons-set .please-wait { margin-top:15px; } .opc #opc-shipping_method label, .opc #opc-payment label { float:none; } .opc #opc-shipping_method .step, .opc #opc-payment .step { padding:23px; background: url(../images/onepage-background.jpg) repeat; } .opc #opc-shipping_method #checkout-shipping-method-load { padding-bottom:30px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; padding-bottom:15px; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #666; background-color:#252525; color:#ccc; padding:5px; height:10em; overflow:auto; font-size: 10px; font-family: Arial; } .checkout-agreements .agree { padding:6px; float:left; margin-bottom:8px; } .checkout-agreements .agree input { float:left; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .boton-login{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; } .boton-register{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; margin-top: 100px; } .required-login{ font-size:10px; text-align: left; } .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg { margin-bottom:30px; } .dashboard .col2-set, .sales-order-view .col2-set, .customer-address-index .col2-set { margin-top:20px; } .dashboard .col2-set p { margin-top:10px; } .sales-order-view .col2-set p { margin-top:10px; margin-bottom:20px; } .dashboard .col2-set .col-1 h5 { margin-top:10px; } .dashboard .col2-set .col-2 h5 { margin-top:10px; } .customer-address-index .col2-set h4 { margin-top:20px; } .boton-edit-customer{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; float: right; } /* 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 { padding:5px; background: transparent url(../images/fondo-titulo-2.png) repeat;} .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; font-size:14px; } .order-info li a { color:#A6A6A6; margin-left:5px; padding:2px 11px; } .order-info dt { font-weight:bold; font-size:14px;} /* 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 .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; } /* ======================================================================================= */ /* Contact Us ============================================================================ */ #contactForm .comment-div { position:relative; } #contactForm .comment-div .buttons-set { position:absolute; left:530px; top:125px; width:90px; } #contactForm .comment-div .buttons-set p.required { margin-bottom:5px; } #contactForm .comment-submit { float:left; width: 510px; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { padding:20px 0 100px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer .links { float:right; padding:0 20px 0 0; font-size:11px; margin-right:98px; } .footer .links li { display:inline; } .footer .links li a { padding:0 6px 0 3px; color:#737373; } .footer .links li.last a { padding:0 0 0 3px; } .footer .links-left { float:left !important; } /* ======================================================================================= */ /* Home ================================================================================== */ .cms-home { background:url(../images/home-background.jpg) no-repeat top center #1c1c1c; padding:0; } .cms-home .home-wrapper { width:966px; margin:0 auto; text-align:center; } .cms-home .logo { background-image:url(../images/logo.png); margin-bottom:39px; } .cms-home .home-banners { width:992px; margin-top:15px; } .cms-home .home-banners td { } .cms-home .home-banners .td-left { text-align:left; } .cms-home .home-banners .td-center { text-align:center; } .cms-home .home-banners .td-right { text-align:left; } .cms-home .home-banners td a { display:block; width:306px; height:174px; text-indent:-999em; } .cms-home .home-banners .td-right a { } .cms-home .footer { padding:0 3px 10px 3px; margin-top:27px; } .cms-home .footer strong { display:block; text-align:left; } .cms-home .footer .align-left { float:left; text-align:left; width:48%; } .cms-home .footer .align-right { float:right; text-align:left; width:48%; } /* ======================================================================================= */ /* Dropdown Replace */ .dropdown { margin-top:-1px; } .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; } .dropdown ul { margin-top:-2px; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:#a1a1a1; text-decoration:none; outline:none;} .dropdown a:hover { color:#a1a1a1;} .dropdown dt a:hover { color:#bbb; border: 1px solid #4f4f4f;} .dropdown dt a {background:url(../images/arrow.png) no-repeat scroll 95% center; display:block; padding-right:20px; border:1px solid #4f4f4f; width:46px; padding:1px 20px 2px 0;} .dropdown dt a span {cursor:pointer; display:block;} .dropdown dd ul { background:#111; border:1px solid #4f4f4f; border-top:0; color:#a1a1a1; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:66px; list-style:none;} .dropdown span.value { display:none;} .dropdown dd ul li a { padding:5px; display:block;} .dropdown dd ul li a:hover { background-color:#333; color:#bbb; } /* New Select*/ .NFSelect {height:21px; position:absolute;} .NFSelectLeft {float:left; width:3px; height:21px; background:url(img/select-left.png) no-repeat 0 0; vertical-align:middle;} .NFSelectRight {height:21px; width:auto; background:url(img/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;} .NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;} .NFSelectOptions {position:relative; background:#2e2c2d; margin-left:13px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;} .NFSelectOptions li {padding-bottom:1px;} .NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;} .NFSelectOptions a.NFOptionActive {background:#464646;} .NFSelectOptions a:hover {background:#333;} .new-select { position:relative; } .new-select .selected { border:1px solid #4F4F4F; padding:3px 0 2px 13px; display:block; background:url(../images/arrow.png) no-repeat scroll 95% center; position:relative; z-index:1; cursor:pointer; } .new-select ul { border:1px solid #4F4F4F; background:#222; position:absolute; z-index:10; top:18px; display:none; } .new-select ul li { list-style:none; padding-left:13px; } .new-select ul li:hover { background:#333; color:#fff; } /*DashBoard*/ .titulo-dashboard{ background: url(../images/fondo-titulo.png) repeat-x ; padding-left: 5px; } /*Cart*/ .boton-continuar{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; } .boton-actualizar{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; } .boton-continuar{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; margin-top: 5px; float: right; } .boton-continuar-cart{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; margin-top: 5px; } .boton-add-to-cart{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; width: 80px; } .boton-save-edit-adress{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; float: right; } .boton-add-recipient{ background: #a1a1a1; color: #ffffff; border: none; font-weight: bold; cursor: pointer; padding: 1px; float: left; } /*Templates*/ .fondopagina{ position: fixed; background:url(../images/content-background.jpg) #171717; top: 0; bottom: 0; left: 0; right: 0; z-index: -100; } .contendor{ width: 100%; } .izq{ float:left; } .der{ float:right; } /*Orders*/ .titulo-order{ border-bottom: solid 1px #A6A6A6; margin-bottom: 5px; } .current{ font-weight: bold; } .col2-set{ margin-top: 20px; }