/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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:1000px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { padding:0 0 30px; } /* Base Columns */ .col-left { float:left; width:230px; padding:0; } .col-main { float:left; width:736px; padding:0; } .col-right { float:right; width:230px; padding:0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* Content Columns */ .col2-set { margin-bottom:20px; } .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%; } /* ======================================================================================= */ /* Header ================================================================================ */ .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .links { float:right; } .header .form-search { text-align:center; } .header .form-language { text-align:center; } #logo { float:left; width:200px; height:63px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; } /********** < Navigation */ #nav { font-size:12px; border:1px solid #ddd; padding:5px 0; margin:10px 0; } /* All Levels */ #nav li { position:relative; text-align:left; } #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; } #nav li.active a { color:#2a2824; } #nav a { float:left; padding:5px 12px 6px 8px; color:#898885; font-weight:bold; } #nav a:hover { color:#2a2824; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; padding:0; margin:0; border-top:1px solid #000; background-color:#0b0b0b; } #nav ul li.last { border-bottom:1px solid #000; } #nav ul li.over {} #nav ul li.last { padding-bottom:0; } #nav li.active a { color:#fff; } #nav ul li a, #nav li.active ul li a, #nav li ul li.active a { float:none; display:block; border-top:1px solid #131313; font-size:16px; color:#41ba3b; float:none; padding:0; background:none; height:34px; line-height:34px; width:100%; text-indent:0; } #nav li.active ul li a:hover, #nav li ul li.active a:hover { color:#fff; } #nav ul li a { font-weight:normal !important; line-height:34px; } #nav ul li a:hover, #nav ul.level0 li.active a { color:#fff; } #nav ul li span { display:block; padding:0 10px; line-height:34px; } /* 2nd leven */ #nav ul { position:absolute; width:245px; top:46px; left:-10000px; z-index:20; } /* 3rd+ Level */ #nav ul ul { top:-1px; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:246px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { } #nav ul li a:hover { } #nav ul span, /********** Navigation > */ /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; } input.input-text, select, textarea { border:1px solid #888; } input.input-text:focus, select:focus, textarea:focus {} input.input-text, textarea { padding:2px; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em; } textarea { overflow:auto; } label { line-height:24px; } .button { overflow:visible; width:auto; background:#41ba3b; border:0; cursor:pointer; height:25px; padding:0 15px; } a.button { line-height:25px; float:left; clear:left; font:bold 11px/25px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; color:#fff; } button.button span { display:block; margin:0; font:bold 11px/25px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; white-space:nowrap; color:#fff; } .button:hover { background:#fff; color:#41ba3b; } .button:hover span { color:#41ba3b; } 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 */ .highlight {} /* Form lists */ .form-list li { margin:0 0 8px; } .form-list li .input-box {} .form-list li input.input-text, .form-list li textarea { width:250px; } .form-list li select { width:256px; } .form-list li.add-row { border-top:1px solid #1c1c1c; margin-top:10px; } .form-list label {} fieldset.group-select { margin-bottom:20px; } .one-page-checkout .group-select label { margin-right:5px; } .group-select .legend {} .group-select li { margin:0 0 5px; } .group-select li .input-box { float:left; width:260px; margin-right:10px; } .group-select li input.input-text, .group-select li textarea {width:520px; } .group-select li select { width:516px; } .group-select li .input-box input.input-text, .group-select li .input-box textarea { width:250px; } .group-select li .input-box select { width:256px; } .group-select.wide input.input-text, .group-select.wide textarea { width:510px; } .buttons-set { clear:both; margin:12px 0 0; padding:8px; border-top:1px solid #1c1c1c; } .buttons-set .back-link { float:left; } .buttons-set .button { float:right; margin:0 0 0 8px; } .customer-account-forgotpassword .buttons-set .button, .customer-account-create .buttons-set .button, .customer-account-login .buttons-set .button, .account .buttons-set .button { float:left; margin:0 8px 0 0; } .buttons-set .back-link { line-height:25px; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #1c1c1c; 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; } .customer-account-forgotpassword p.required, .customer-account-create p.required, .customer-account-login p.required, .account p.required { text-align:left; } /* Expiration date and cvv number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { float:left; width:12em; margin-right:-12em; display:inline; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages { width:100%; overflow:hidden; padding:0; } .messages li { margin:0 0 10px; list-style-type:none; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(../images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #41ba3b; padding:0 0 10px; margin:0 0 25px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { border:0; padding:7px 0; margin:0; text-align:center; text-transform:capitalize; border-bottom:1px solid #1c1c1c; font-size:14px; line-height:15px;} .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} .pager a { font-size:14px; line-height:15px; color:#41ba3b; text-decoration:none; } .pager a:hover { color:#fff; } /* Sorter */ .sorter { border:0; padding:7px 0; border-bottom:1px solid #1c1c1c; text-transform:capitalize; margin:0 0 20px; } .sorter .view-mode { float:left; } .sorter .view-mode strong { font-size:16px; } .sorter .sort-by { float:right; } .sorter .sort-by label { float:left; margin-right:4px; } .sorter .sort-by select {float:left; width:75px; } .sorter .sort-by .ascending, .sorter .sort-by .descending { text-indent:-9999px; float:right; margin-left:10px; width:7px; height:10px; margin-top:6px; overflow:hidden; background:url(../images/sort_asc_arrow.gif) no-repeat top left; } .sorter .sort-by .descending { background:url(../images/sort_desc_arrow.gif) no-repeat top left; } .sorter .sort-by .descending:hover, .sorter .sort-by .ascending:hover { background-position:bottom left; } .sorter .link-feed {} .sorter a { font-size:14px; line-height:15px; color:#41ba3b; text-decoration:none; } .sorter a:hover { text-decoration:none; color:#fff; } /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border-left:0; border-right:0; } .data-table td.first { } .data-table td.last { } .data-table thead { } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr { border:1px solid #1c1c1c; margin-bottom:10px; } .data-table tr.odd {background-color:#080808;} .data-table tr.even { background-color:#020202; } .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 .product-name { font-size:1em; font-weight:bold; line-height:1.5; } .data-table td.label, .data-table th.label { font-weight:bold; } .data-table td.value {} #wishlist-container { width:700px; margin-bottom:80px; } #wishlist-container .row { height:auto; overflow:hidden; padding:10px; margin-bottom:10px; border:1px solid #252525; } #wishlist-container .row.even { background-color:#020202; } #wishlist-container .row.odd { background-color:#080808; } #wishlist-container .product-image, #wishlist-container .product-info { margin-right:10px; } #wishlist-container .product-info { width:253px; } #wishlist-container .product-info h3 { margin-bottom:6px; } #wishlist-container .block .actions { border-bottom:0; padding-bottom:0; margin-bottom:0; } #wishlist-container .price-box { margin-bottom:2px; } #wishlist-container .price-box .price { font-weight:normal; } #wishlist-container .added-on { margin-bottom:8px; font-size:12px; } #wishlist-container .added-on span { font-weight:bold; text-transform:uppercase; } #wishlist-container .button-box { border-top:1px solid #252525; padding-top:10px; height:auto; overflow:hidden; } #wishlist-container .button-box a { margin-right:15px; line-height:25px; float:left; font-size:11px; font-weight:bold; text-transform:uppercase; } #wishlist-container .product-comments, #wishlist-container .product-image, #wishlist-container .product-info { float:left; } #wishlist-container .product-comments textarea { width:286px; height:86px; border:1px solid #888888; } #wishlist-container .product-comments h3 { font-size:14px; line-height:15px; } #shopping-cart-table .button { float:right; margin-left:4px; } /* 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 {} /* Lists Decoration */ li.odd {} li.even { background-color:#f6f6f6; } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .sidebar .block, .sidebar .blog { border:0; border-bottom:1px solid #41ba3b; margin:0 0 30px; } .sidebar .block .block-title, .sidebar .blog .head { border-left:4px solid #41ba3b; padding:0 0 0 11px; } .col-left .block .block-title { border-left:0; border-right:4px solid #41ba3b; padding:0 11px 0 0; } .sidebar .block .block-title h2, .sidebar .block .block-title div, .sidebar .blog .head h4 { background:none; font-size:18px; font-weight:bold; line-height:32px; border-bottom:1px solid #141414; } .sidebar .block h3 { font-size:14px; line-height:16px; padding-bottom:12px; } .sidebar .block .block-content, .sidebar .blog .content { border-left:1px solid #41ba3b; padding:10px 0 12px 15px; margin-bottom:1px; } .col-left .block .block-content { border-left:0; border-right:1px solid #41ba3b; padding:15px 15px 15px 0; margin-bottom:1px; } .sidebar .block .actions { text-align:left; } .sidebar .block.block-cart .actions { padding-bottom:15px; border-bottom:1px solid #141414; margin-bottom:15px; } .sidebar .block .actions a { float:left; } .sidebar .block a { color:#41ba3b; font-size:12px; text-decoration:none; } .sidebar .block p { font:12px/16px Arial, Helvetica, sans-serif; margin-bottom:6px; } .sidebar .block a:hover { color:#fff; } /* Block: Blog */ .sidebar .blog h5 { display:none; } .sidebar .blog ul li { line-height:22px; border-bottom:1px solid #1c1c1c; margin:0; } .sidebar .blog ul li.last { border:0; } .sidebar .blog ul li a { line-height:22px; font-size:12px; font-weight:bold; } .sidebar .blog .tagcloud li { display:inline; margin:0 10px 0 0; padding:2px; border:0; } .sidebar .blog .tagcloud li a.tag-count-1 { font-size:1em; } .sidebar .blog .tagcloud li a.tag-count-2 { font-size:1.2em; } .sidebar .blog .tagcloud li a.tag-count-3 { font-size:1.4em; } .sidebar .blog .tagcloud li a.tag-count-4 { font-size:1.6em; } .sidebar .blog .tagcloud li a.tag-count-5 { font-size:1.8em; } .sidebar .blog .tagcloud li a.tag-count-6, .sidebar .blog .tagcloud li a.tag-count-7, .sidebar .blog .tagcloud li a.tag-count-8, .sidebar .blog .tagcloud li a.tag-count-9, .sidebar .blog .tagcloud li a.tag-count-10 { font-size:2em; } .sidebar .blog .menu-tags, .sidebar .blog .menu-categories, .sidebar .blog .menu-recent { margin:0; } .sidebar .blog .content { padding:0 0 8px 15px; } /* Block: Subnav */ .block-subnavigation .block-content a { line-height:22px; border-bottom:1px solid #1c1c1c; display:block; font-size:12px; font-weight:bold; } .block-subnavigation .block-content a.last { border-bottom:0; } .block-subnavigation .block-content a.active { color:#fff; } /* Block: Account */ .sidebar .block-account {} .sidebar .block-account li { line-height:22px; border-bottom:1px solid #1c1c1c; } .sidebar .block-account li.last { border-bottom:0; } .sidebar .block-account li a, .sidebar .block-account li span { display:block; font-size:12px; font-weight:bold; line-height:22px; } .sidebar .block-account .block-content { padding:0 15px 8px 0; } /* Block: Currency Switcher */ .sidebar .block-currency {} .sidebar .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .sidebar .block-layered-nav {} .sidebar .block-layered-nav dt { font-weight:bold; } .sidebar .block-layered-nav .currently {} /* Block: Cart */ .sidebar .block-cart {} .sidebar .block-cart .amount {} .sidebar .block-cart .subtotal { text-align:left; } .sidebar .mini-products-list { width:234px; padding-left:1px; } .sidebar .mini-products-list li { padding:10px; background:url(../images/apl/sidebarProduct_bg.jpg) no-repeat top left; width:214px; height:62px; margin-bottom:10px; } .sidebar .mini-products-list li.last { margin-bottom:0; } .sidebar .mini-products-list .product-image { float:left; width:60px; border:1px solid #292828; } .sidebar .mini-products-list .product-details { margin-left:10px; font-weight:bold; float:left; width:142px; } .sidebar .mini-products-list .product-details a { font-weight:bold; } .sidebar .mini-products-list .product-details h4 { font-size:12px; line-height:13px; font-weight:bold; margin:0; width:125px; padding-bottom:2px; } .sidebar .mini-products-list .product-details h4 a { line-height:13px; } .sidebar .mini-products-list .product-details .btn-remove { float:right; background:url(../images/list_remove_btn.gif) no-repeat top left; width:11px; height:11px; overflow:hidden; text-indent:-9999px; } .sidebar .mini-products-list .product-details .btn-remove:hover { background-position:bottom left;} /* Block: Wishlist */ .sidebar .block-wishlist {} .sidebar .block-wishlist .actions { margin-top:10px; } .sidebar .block-wishlist .wishlist-button { font-weight:bold; text-transform:uppercase; } /* Block: Related */ .sidebar .block-related {} .sidebar .block-related li { padding:5px 0; } .sidebar .block-related .checkbox { float:left; margin-right:-20px; } .sidebar .block-related .item { margin-left:20px; } .sidebar .block-related .item .product-image { float:left; margin-right:-65px; } .sidebar .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .sidebar .block-compare {} .sidebar .block-compare li { padding:5px 0; } /* Block: Viewed */ .sidebar .block-recent {} /* Block: Poll */ .sidebar .block-poll {} .sidebar .block-poll .radio { float:left; margin:3px -18px 0 0; } .sidebar .block-poll .label { display:block; margin-left:18px; } .sidebar .block-poll .answer {} .sidebar .block-poll .votes { font-weight:bold; } /* Block: Tags */ .sidebar .block-tags ul, .sidebar .block-tags li { display:inline; } /* Block: Subscribe */ .sidebar .block.block-subscribe { border:0; background:url(../images/apl/newsletter_bg.jpg) no-repeat top left; height:249px;} .sidebar .block.block-subscribe .block-title { border:0; height:0; } .sidebar .block.block-subscribe .block-title div, .sidebar .block.block-subscribe .block-content label { border:0; text-indent:-9999px; position:relative; } .sidebar .block.block-subscribe .block-content { border:0; padding:189px 0 0 17px; } .sidebar .block.block-subscribe .block-content label { display:block; height:0; } .sidebar .block.block-subscribe .block-content input { width:158px; height:15px; font-size:12px; line-height:15px; float:left; color:#666666; border:0; } .sidebar .block.block-subscribe .block-content button { float:left; background-color:#000; border:0; width:56px; line-height:19px; height:19px; text-align:center; padding:0; } .sidebar .block.block-subscribe .block-content button span { color:#eae6e9; font:bold 11px/19px Arial, Helvetica, sans-serif; } /* Block: Reorder */ .sidebar .block-reorder {} .sidebar .block-reorder li { padding:5px 0; } .sidebar .block-reorder .checkbox { float:left; margin:3px -20px 0 0; } .sidebar .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .sidebar .block.block-banner { border:0; padding:0; } .sidebar .block-banner {} .sidebar .block-banner .block-content { text-align:center; } .sidebar .block.block-banner .block-content { border:0; padding:0; } /* Block: Checkout Progress */ .sidebar .block-progress {} .sidebar .block-progress dt { font-weight:bold; margin-bottom:5px; } .sidebar .block-progress dd { padding-bottom:5px; border-bottom:1px solid #0b0b0b; margin-bottom:5px; } .sidebar .block-progress dd.last { margin-bottom:0; padding-bottom:0; border:0; } .sidebar .block-progress dt.complete, .sidebar .block-progress dd.complete { } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { margin:0 0 10px; } .category-image { display:block; margin:0 auto 15px; } .category-products {} /* View Type: Grid */ .products-grid { width:100%; } .products-grid tr { } .products-grid tr.odd {} .products-grid tr.even { background-color:transparent; } .products-grid .grid-row { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #1c1c1c; height:auto; overflow:hidden; } .products-grid .grid-row.last { margin-bottom:0; } .products-grid .grid-block { float:left; width:200px; border:0; padding:0 16px 18px; border-right:1px solid #1c1c1c; } .products-grid .grid-block.first { padding-left:0; } .products-grid .grid-block.last { border:0; padding-right:0; } .products-grid td.empty {} /* View Type: List */ .products-list .item { border:1px solid #1c1c1c; padding:8px; margin:0 0 12px; } .products-list .item.odd { background-color:#060606; } .products-list .item.even { background-color:transparent; } .products-list .product-image { float:left; margin-right:20px; } .products-list .product-shop { float:left; width:410px; } .products-list .product-shop .price-box { margin:8px 0; } .products-list .product-shop .product-shop-top { margin-bottom:20px; height:auto; overflow:hidden; } .products-list .product-shop .product-shop-btm { clear:both; } .products-list .product-shop .product-shop-btm h3 { margin-bottom:5px; } .products-list .product-shop .buy, .products-list .product-shop .availability { margin:0 15px 0 0; float:left; } .products-list .product-shop .add-to-links { float:left; } .products-list .product-shop .add-to-links a, .products-list .product-shop .more { font-weight:bold; font-size:11px; text-transform:uppercase; line-height:25px; } .products-list .product-shop .product-shop-btm p { margin-bottom:8px; } .products-list h3.product-name a { font-size:18px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view { background-color:#0b0b0b; border:1px solid #1c1c1c; } .product-essential { background:url(../images/apl/productDetail_bg.jpg) no-repeat bottom left; border-bottom:1px solid #1c1c1c;} .product-collateral {} .product-collateral .description p { margin-bottom:28px; line-height:21px; } .product-collateral .description h3 { font-size:18px; line-height:20px; margin-bottom:10px; } .product-collateral .additional { margin-bottom:28px; } .product-collateral .additional h3 { margin-bottom:10px; } #product-attribute-specs-table td { border:1px solid #1C1C1C; } /* Product Images */ .product-view .product-img-box { float:left; width:320px; margin:0 0 18px 10px; } .product-view .product-img-box #image { cursor:pointer; margin:0; } .product-view .product-img-box .product-image { height:auto; overflow:hidden; margin-bottom:15px; } .product-view .product-img-box .product-image { } .product-view .product-img-box .product-image-zoom { position:relative; width:320px; height:320px; overflow:hidden; z-index:9; margin-bottom:10px; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:pointer; } .product-view .product-img-box .zoom-notice { text-align:center; font-size:11px; color:#bababa; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 15px; 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 #handle.selected, .product-view .product-img-box .zoom #handle:hover { background-position:bottom:left; } .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 h3 { margin-bottom:9px; font-weight:normal; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; background-color:#000; margin:0 0 8px 4px ; } .product-view .product-img-box .more-views a { display:block; border:1px solid #292828; width:60px; height:60px; overflow:hidden;} .product-view .product-img-box #zoom_out, .product-view .product-img-box #zoom_in { top:0; position:absolute; display:block; text-indent:-9999px; width:18px; height:18px; overflow:hidden; background:url(../images/slider_btn_zoom_in.gif) no-repeat top left; } .product-view .product-img-box #zoom_in { right:0; } .product-view .product-img-box #zoom_out { left:0; background:url(../images/slider_btn_zoom_out.gif) no-repeat top left; } .product-view .product-img-box #zoom_out:hover, .product-view .product-img-box #zoom_in:hover { background-position:bottom left; } .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-info-box { float:right; width:309px; margin:0 10px 10px 0; } .product-view .product-shop { float:right; width:297px; border:1px solid #2b2a2a; padding:6px; background-color:#000; margin-bottom:15px; } .product-view .product-shop-inner { border:1px solid #40b73a; padding:18px; background:#000 url(../images/apl/productInfo_bg.jpg) no-repeat top left; } .product-view .product-shop-inner p { margin-bottom:8px; } .product-view .product-name { margin-bottom:12px;} .product-view .short-description { clear:both; } .product-view .short-description h3 { font-size:18px; line-height:20px; margin-bottom:8px; } .product-view .short-description p { margin-bottom:8px; line-height:21px; color:#bababa; } .product-view .price-box { padding-bottom:8px; border-bottom:1px solid #1c1c1c; margin-bottom:8px; } .product-view .price-box .price { font-weight:normal; font-size:24px; line-height:25px; } /* 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; font-style:italic; text-transform:capitalize; } .availability .out-of-stock { font-weight:normal; color:#444; } /********** < 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 { } .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; width:50px; height:17px; line-height:21px; } .add-to-cart .button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .product-shop-inner .add-to-box .add-to-cart, .product-options-bottom .add-to-cart { height:auto; overflow:hidden; padding-bottom:13px; margin-bottom:11px; border:0; border-bottom:1px solid #1c1c1c; } .product-shop-inner button.button, .product-options-bottom button.button { float:left; clear:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { display:block; margin-left:124px; } /* Product Options */ .product-options { padding:0; height:auto; overflow:hidden; border-bottom:0; } .product-options dl { height:auto; overflow:hidden; } .product-options dt { float:left; margin:0 10px 8px 0; clear:left; } .product-options dt label { font-weight:normal; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:0 0 8px; float:left; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:150px; } .product-options dd textarea { width:150px; height:8em; } .product-options dd select { width:150px; } .product-options dd .multiselect option {} .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:0; clear:left; margin:0 0 5px 53px; text-align:left; } .product-options-bottom { padding:0; height:auto; overflow:hidden; } .product-options-bottom .price-box { margin:10px 0; } .product-options-bottom .add-to-links { display:block; margin-left:124px; } .product-options-bottom .add-to-links li a, .product-shop-inner .add-to-links li a, .product-shop-inner .email { font-weight:bold; font-size:11px; text-transform:uppercase; line-height:25px; } .product-shop-inner .email { display:block; margin:5px 0 0 124px; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; } .product-view .tags .form-add-tags .button { float:left; } .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 Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; width:570px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } .cart .checkout-types li { margin-bottom:10px; } /* Shopping Cart Table */ .cart-table { margin-bottom:25px; } .cart-table .item-msg { font-size:10px; clear:left; } .cart-table .remove { vertical-align:middle; border-left:1px solid #1c1c1c; } .cart-table .remove a { display:block; width:15px; height:15px; margin-left:22px; text-indent:-9999px; background:url(../images/btn_trash.gif) no-repeat top left; } .cart-table .remove a:hover { background-position:bottom left; } .cart-table td, .cart-table th { padding:10px } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:700px; } .cart .cart-collaterals p { margin-bottom:4px; } .cart .cart-collaterals h3 { font-size:18px; line-height:20px; margin-bottom:2px; } .cart .cart-collaterals .discount { margin-bottom:15px; } .cart .cart-collaterals .discount input { width:213px; height:18px; line-height:18px; } .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; margin-bottom:10px; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } .cart .totals table th.a-right strong, .cart .totals table td.a-right strong { font-size:18px; line-height:20px; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; float:left; clear:left; margin-right:8px; } .item-options dd { padding-left:10px; float:left;} .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; 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 ============================================================================== */ #checkout-review-table tr { background-color:transparent; } #checkout-review-table td { border:1px solid #1c1c1c; } /* One Page */ .one-page-checkout { border-bottom:1px solid #1c1c1c; position:relative; } .one-page-checkout li.section { border:1px solid #1c1c1c; border-bottom:0; } .one-page-checkout .step-title { background-color:#0b0b0b; padding:5px; text-align:right; } .one-page-checkout .step-title .number { float:left; line-height:18px; margin-right:5px; } .one-page-checkout .step-title h3 { float:left; } .one-page-checkout .allow .step-title { cursor:pointer; } .one-page-checkout .active {} .one-page-checkout .active .step-title { background-color:#1c1c1c; cursor:default; } .one-page-checkout .step { border-top:1px solid #1c1c1c; padding:10px; } .one-page-checkout .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 .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ .shipping-methods {} .please-wait { float:right; } .cvv-what-is-this { cursor:help; margin-left:10px; line-height:24px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; left:0; z-index:1000; } .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 span { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Login Page ============================================================================ */ .login-page {} .login-page .content { min-height:150px; } /* ======================================================================================= */ /* My Account ============================================================================= */ .account .page-title { margin-bottom:10px; } h3.section-title, .customer-account-login .content h3, .account h3 { font-size:20px; line-height:24px; padding-bottom:6px; margin-bottom:12px; border-bottom:1px solid #1c1c1c; } .customer-account-login .content h4, .account h4 { border-bottom:1px solid #1c1c1c; padding-bottom:4px; margin-bottom:8px; } .account p { margin-bottom:8px; float:left; clear:left; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg { } /* 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 .col2-set a { display:block; } /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-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 { border:0; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul { float:left; padding:0 20px 0 0; } /* ======================================================================================= */