/** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* // ---------------------------------------------- // Usage example: // For IE set $mq-support to false. // Set the fixed value. // Then use mixins to test whether styles should be applied. // ---------------------------------------------- $mq-support: false; $mq-fixed-value: 1024; // Renders at fixed value @include bp (min-width, 300px) { div { color:#000; } } // Doesn't render without MQ support @include bp (min-width, 1200px) { div { color:#FFF; } } // Doesn't render without MQ support @include bp (max-width, 300px) { div { color:#444; } } // Renders at fixed value @include bp (max-width, 1200px) { div { color:#888; } } // ---------------------------------------------- */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; } /* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ============================================ * Reset ============================================ */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-tap-highlight-color: transparent; /* Prevent tap highlight on iOS/Android */ -webkit-text-size-adjust: 100%; /* Prevent automatic scaling on iOS */ } body { background: #FFFFFF; color: #000000; line-height: 1; } html, body, img, fieldset, abbr, acronym { border: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } th, code, cite, caption { font-weight: normal; font-style: normal; text-align: left; } address { font-style: normal; } fieldset { margin: 0; padding: 0; border: 0; } img { display: block; } ol, ul { list-style: none; } q:before, q:after { content: ''; } input:focus, input[type="search"]:focus { outline-offset: -2px; } input[type="search"] { -webkit-appearance: none; /* 1 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* 2 */ box-sizing: border-box; } /* ============================================ * Base Styles ============================================ */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } a, button { -ms-touch-action: manipulation; touch-action: manipulation; } body, button, input, select, table, textarea { font-family: "Helvetica Neue", Verdana, Arial, sans-serif; color: #2B3451; font-size: 14px; line-height: 1.5; } a { color: #000000; text-decoration: none; outline: none; } a:hover { color: black; text-decoration: none; } a:focus { outline-color: none; color: black; } ol, ul { list-style: none; margin: 0; padding: 0; } /* ============================================ * Typography ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #1D336C; font-family: "Helvetica", sans-serif; font-size: 28px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; } h3, .h3 { margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h4, .h4 { margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h5, .h5 { margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } h6, .h6 { margin: 0; margin-bottom: 5px; color: #2B3451; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } p { color: #555; } /* ============================================ * Shared Classes ============================================ */ .clear { clear: both; } .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 13px; text-transform: uppercase; } .availability .label { display: none; } .availability.in-stock { color: #11B400; } .availability.available-soon, .availability.out-of-stock { color: #FF0000; } .availability-only { color: #FF0000; margin-bottom: 10px; } /* -------------------------------------------- * Page Titles */ .page-title h1, .page-title h2, .product-name h1, .product-name .h1 { text-transform: uppercase; font-size: 24px; font-weight: 600; color: #2B3451; border-bottom: 1px solid #EDEDED; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; } /* -------------------------------------------- * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-title { position: relative; } .block-title h2, .block-title h3, .block-title strong { margin: 0px; font-family: "Helvetica",sans-serif; font-size: 13px; font-style: normal; line-height: 1.4; text-rendering: optimizespeed; color: #2E364D; text-transform: uppercase; font-weight: bold; } .block-title small { font-size: 100%; font-weight: normal; color: #A0A0A0; } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; } .block-content { padding: 10px 5px; color: #000000; } .block-content.unpad { padding: 0; } .block-content li.item { margin: 0 0 10px 9px; } .block-content li.item:last-child { margin-bottom: 0; } .block .actions { margin: 10px 0 0; } .block .actions:after { content: ''; display: table; clear: both; } .block .actions a { float: left; } .block .actions .button { float: right; } .col-left .block .actions .button ~ a, .col-right .block .actions .button ~ a { line-height: 33px; margin-right: 5px; } /* -------------------------------------------- * Secondary Navigation */ .block-account .block-title, .block-cms-menu .block-title { padding-top: 0; border-top: none; } .block-account li, .block-cms-menu li { text-transform: uppercase; font-family: "Helvetica", sans-serif; margin: 7px 0; } .block-account li strong, .block-cms-menu li strong { font-weight: 400; color: #000000; } .block-account li a, .block-cms-menu li a { color: #2B3451; } .block-account li a:hover, .block-cms-menu li a:hover { color: #000000; } /* ============================================ * Buttons ============================================ */ /* Secondary Buttons */ .cart .buttons-set .button, .cart-table .button, .sidebar .actions .button, .button.button-secondary { background: #DDDDDD; color: #2B3451; padding: 7px 15px; } .cart .buttons-set .button:hover, .cart-table .button:hover, .sidebar .actions .button:hover, .button.button-secondary:hover { background: #d0d0d0; cursor: pointer; } .cart .buttons-set .button:active, .cart-table .button:active, .sidebar .actions .button:active, .button.button-secondary:active { background: #c4c4c4; color: #2B3451; } .cart .buttons-set .button:focus, .cart-table .button:focus, .sidebar .actions .button:focus, .button.button-secondary:focus { color: #2B3451; background: #c4c4c4; outline: none; } /* Primary Buttons */ .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button { background: #2C3552; display: inline-block; padding: 10px 15px; -webkit-border-radius: 3px; border-radius: 3px; float: left; border: 0; color: #FFFFFF; font-size: 13px; font-weight: normal; font-family: "Helvetica", sans-serif; line-height: 19px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; } .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover { background: #182a58; cursor: pointer; } .button:active, .cart-table .product-cart-actions .button:active, #co-shipping-method-form .buttons-set .button:active, .footer .button:active { background: #122044; color: #FFFFFF; } .button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus { background-color: #122044; outline: none; color: #FFFFFF; } a.button { text-decoration: none; } a.button:hover { color: #FFFFFF; } /* Disabled - class for anchor, state for form elements */ .button.disabled, .button:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; } /* Adjacent buttons */ .button + .button { margin-left: 5px; } .button2 { border: 0; padding: 0 5px; margin: 0; background: transparent; cursor: pointer; vertical-align: middle; } .button2:focus { outline: none; } .button2 span, .button2 span span { line-height: 30px; height: 30px; text-decoration: underline; text-transform: uppercase; display: inline-block; color: #000000; font-family: "Helvetica", sans-serif; } .button2 span:hover, .button2 span span:hover { text-decoration: none; color: #0d1730; } /* -------------------------------------------- * Paypal Button */ .paypal-logo.paypal-after { float: left; } .paypal-after .paypal-or { float: left; } .paypal-or { line-height: 40px; margin: 0px 10px 5px; } .paypal-after .paypal-button { float: left; } .paypal-button { line-height: 0px; } .paypal-button img { display: inline; } /* -------------------------------------------- * Button Sets */ .buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #EDEDED; text-align: right; } .buttons-set p.required { margin: 0; margin-left: 0; line-height: 33px; float: right; } .buttons-set .back-link { float: left; margin: 0; line-height: 33px; } .buttons-set a:not(.button) { line-height: 20px; display: inline-block; padding: 5px; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Icons */ .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(../images/icon_sprite.png); background-repeat: no-repeat; text-indent: -9999px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating { background-image: url(../images/icon_sprite@2x.png); -webkit-background-size: 100px 1000px; -o-background-size: 100px 1000px; background-size: 100px 1000px; } } /* -------------------------------------------- * Breadcrumbs */ .breadcrumbs { background: #D4D6E2; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; overflow: hidden; padding: 10px; } .breadcrumbs li { float: left; font-size: 12px; font-family: "Helvetica", sans-serif; text-transform: none; } .breadcrumbs a { float: left; color: #2B3451; } .breadcrumbs a:hover { color: #000000; } .breadcrumbs strong { color: #2B3451; font-weight: normal; } .breadcrumbs span { float: left; padding: 0 7px; } /* -------------------------------------------- * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #EDEDED; text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; } .btn-remove:hover, .btn-previous:hover { background-color: #000000; border-color: #000000; } .btn-remove:after { content: 'X'; color: #000000; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-family: Arial, "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: bold; } .btn-remove:hover:after { color: #FFFFFF; text-decoration: none; } .btn-remove2 { background-position: 4px -648px; border: none; vertical-align: top; } .btn-remove2:after { display: none; } .btn-remove2:hover { background-color: transparent; opacity: 0.8; } .btn-previous:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #000000; border-left: none; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -4px; } .btn-previous:hover:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #FFFFFF; border-left: none; } .block-layered-nav .currently .btn-remove, .block-layered-nav .currently .btn-previous, .mini-products-list .btn-remove, .mini-products-list .btn-previous, #compare-items .btn-remove, #compare-items .btn-previous { float: right; margin-left: 6px; } /* -------------------------------------------- * Checkout Agreements */ .checkout-agreements li { margin-bottom: 20px; } .checkout-agreements .agreement-content { overflow-y: auto; max-width: 670px; max-height: 125px; margin-bottom: 10px; padding: 10px; border: 1px solid #CCCCCC; background: #F4F4F4; } /* -------------------------------------------- * CVV Security Code */ .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px; } /* -------------------------------------------- * Container */ .main-container, .footer-container { position: relative; max-width: 1200px; margin: 0 auto; padding: 5px; clear: both; } .main-container:after, .footer-container:after { content: ''; display: table; clear: both; } .footer-container { padding-top: 0px; } /* -------------------------------------------- * Column Layouts */ body:not(.cms-index-index) .main { background: #fff; -webkit-border-radius: 5px; border-radius: 5px; } .main:after, .col-wrapper:after { content: ''; display: table; clear: both; } .col-left, .col-right, .col-main { padding: 0 10px; } .col-left { float: left; width: 25%; padding: 10px; } .col-left img { max-width: 100%; } .col-right { float: right; width: 25%; padding-right: 0; /* Remove the 15px padding */ overflow: hidden; } .col-right img { max-width: 100%; } .col-main { float: left; width: 75%; padding: 10px; } .cms-index-index .col-main { background: transparent; border: none; padding: 0 10px; } .col1-layout .col-main { float: none; width: auto; /* padding: 0; Remove the 15px padding */ } .col2-left-layout .col-main { float: right; /* padding-right: 0; Remove the 15px padding */ } .col2-right-layout .col-main { /* padding-left: 0; Remove the 15px padding */ } .col3-layout .col-right { width: 20.8333333333%; } .col3-layout .col-wrapper { float: left; width: 79.1666666667%; } .col3-layout .col-wrapper .col-main { float: right; width: 73.6842105263%; } .col3-layout .col-wrapper .col-left { width: 26.3157894737%; } /* Content Columns */ .col2-set { width: 100%; } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 20px; } .col2-set .col-1 { float: left; padding-left: 0; } .col2-set .col-2 { float: right; padding-right: 0; } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col2-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Top Container */ .top-container { max-width: 1200px; margin: 0 auto; padding: 0 10px; } /* -------------------------------------------- * Global Site Notice */ .global-site-notice { background: #676157; color: #E6E6E6; font-size: 11px; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1180px; margin-left: auto; margin-right: auto; line-height: 11px; min-height: 40px; padding-top: 14.5px; padding-bottom: 14.5px; background-image: url("../images/demo-logo.png"); background-position: left; background-repeat: no-repeat; } .global-site-notice p { margin-bottom: 0; } /* -------------------------------------------- * Promotional Message Banner */ .promo-msg { color: #1D336C; text-align: center; margin: 10px; text-transform: uppercase; font-family: "Helvetica", sans-serif; } /* -------------------------------------------- * Grid */ .grid:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Messages */ .success { color: #11B400; } .error { color: #FF0000; font-weight: bold; } .notice { color: #E26703; font-weight: bold; } /* -------------------------------------------- * Messages */ .messages { margin-bottom: 0; } .messages li li { position: relative; margin-bottom: 5px; padding: 7px 10px 7px 20px; background: #F4F4F4; } .messages li li:before { top: 50%; left: 0; margin-top: -6px; } .messages .error-msg li { border-left: 5px solid #FF0000; } .messages .error-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FF0000; border-right: none; } .messages .notice-msg li { border-left: 5px solid #E26703; } .messages .notice-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #E26703; border-right: none; } .messages .success-msg li { border-left: 5px solid #11B400; } .messages .success-msg li:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #11B400; border-right: none; } .order-list-grid .col-1 { width: 30%; } .order-list-grid .col-2 { width: 50%; padding-right: 20px; } .order-list-grid .col-3 { clear: none; width: 20%; padding-top: 0; } /* -------------------------------------------- * Page Popup */ .page-popup { padding: 20px; background: #FFFFFF; height: auto; } .page-popup h1 { margin: 0 0 0.5em; font-size: 36px; } /* -------------------------------------------- * Payment Methods */ .payment-methods .form-list { position: relative; max-width: 100%; } .payment-methods .form-list ul { padding: 15px; position: relative; margin: 10px 0px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #CCCCCC; background: #F4F4F4; } .payment-methods .form-list ul:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #CCCCCC; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list ul:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #F4F4F4; border-top: none; top: -10px; left: 30px; } .payment-methods .form-list li:last-child { margin-bottom: 0; } /* -------------------------------------------- * Please Wait (Loading Indicator) */ .please-wait { display: inline-block; margin-left: 10px; margin-top: 5px; line-height: 24px; height: 24px; white-space: nowrap; /* Prevent the linebreak in the HTML from causing layout issues */ } .please-wait img { float: left; margin-right: 5px; width: 24px; } /* -------------------------------------------- * Price Box - Standard */ .price-box { margin: 7px 0; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; text-transform: uppercase; } .price-box p { margin-bottom: 0; } .price-notice { color: #A0A0A0; } .price-box .price { color: #396f00; font-size: 14px; } .price-box .price, .price { white-space: nowrap; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } .price-box .price-label { color: #A0A0A0; white-space: nowrap; font-family: "Helvetica", sans-serif; } .price-box .minimal-price-link { padding-left: 1em; color: #1D336C; display: block; /* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #A0A0A0; } /* -------------------------------------------- * Price Box - Special */ .price-box .old-price, .price-box .special-price { display: inline-block; } .price-box .old-price .price-label, .price-box .special-price .price-label { display: none; } .price-box .old-price .price, .price-box .special-price .price { display: inline-block; } .price-box .old-price .price { color: #A0A0A0; text-decoration: line-through; } .price-box .special-price { color: #1D336C; padding-left: 1em; } .price-box .special-price .price-label { color: #D84D3C; } /* -------------------------------------------- * Price Box - Taxes */ .price-box .price-excluding-tax, .price-box .price-including-tax { display: block; } /* -------------------------------------------- * Tier Prices */ .product-pricing, .tier-prices, .tier-prices-grouped { display: inline-block; padding: 4px 8px; background: #FBF4DE; border: 1px solid #E2D4C7; margin-top: 7px; } .product-pricing li, .tier-prices li, .tier-prices-grouped li { font-size: 12px; } .product-pricing .benefit, .tier-prices .benefit, .tier-prices-grouped .benefit { font-style: italic; } .product-pricing .price, .tier-prices .price, .tier-prices-grouped .price { font-weight: bold; } /* ============================================ * Item Options ============================================ */ .item-options { font-size: 14px; font-family: "Helvetica", sans-serif; } .item-options:after { content: ''; display: table; clear: both; } .item-options dt { float: left; clear: left; font-weight: 600; padding-right: 5px; font-style: italic; } .item-options dt:after { content: ': '; } .item-options dd { float: left; padding-left: 10px; margin: 0 0 6px; } .truncated, .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #000000; background-color: #F6F6F6; top: 21px; left: -100px; color: #000; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #000000; border-top: none; left: 97px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } /* -------------------------------------------- * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } /* -------------------------------------------- * Add to links */ .add-to-links .separator { display: none; } /* -------------------------------------------- * Product Image */ .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; cursor: pointer; } /* -------------------------------------------- * Ratings */ .ratings { margin: 7px 0; } .ratings .rating-box, .ratings .rating-links { margin: 5px 0; } .ratings .rating-box { width: 65px; height: 13px; background-repeat: repeat-x; background-position: 0 -615px; overflow: hidden; } .ratings .rating-box .rating { float: left; height: 13px; background-repeat: repeat-x; background-position: 0 -600px; } .ratings .amount { display: block; margin: 5px auto; } .ratings .rating-links .separator { margin: 0 3px; } /* -------------------------------------------- * Standard Formatted Text Block */ .std p { margin: 0 0 1.5em; } .std ol { list-style: decimal outside; margin-bottom: 1.5em; } .std ol li { margin-left: 2em; } .std ul { list-style: disc outside; margin-bottom: 1.5em; } .std ul li { margin-left: 2em; } .std .note { color: #A0A0A0; font-size: 13px; } /* -------------------------------------------- * Tabs */ .tabs { margin-bottom: 0; background: #FFFFFF; } /* -------------------------------------------- * Toolbar */ .toolbar { background: #f5f5f5; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .toolbar:after { content: ''; display: table; clear: both; } .pager-no-toolbar { margin-bottom: 10px; } .pager-no-toolbar ~ .pager-no-toolbar { margin-top: 10px; } .toolbar, .pager { font-family: "Helvetica", sans-serif; color: #2B3451; line-height: 30px; font-size: 12px; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; } .sorter { float: left; max-width: 35%; width: auto; } .sorter label { float: left; margin-right: 5px; } .sorter label:after { content: ':'; } .sorter > .sort-by { float: right; margin-left: 10px; height: 30px; } .sorter > .sort-by .sort-by-switcher { width: 30px; height: 30px; display: inline-block; } .sorter > .sort-by .sort-by-switcher--asc { background-position: 4px -542px; } .sorter > .sort-by .sort-by-switcher--asc:hover { background-position: -46px -542px; } .sorter > .sort-by .sort-by-switcher--desc { background-position: 4px -567px; } .sorter > .sort-by .sort-by-switcher--desc:hover { background-position: -46px -567px; } .sorter > .view-mode { float: left; } .sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; } .sorter > .view-mode .grid { margin-right: 5px; background-position: 7px -492px; } .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -43px -492px; } .sorter > .view-mode .list { background-position: 7px -517px; } .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -43px -517px; } .pager { float: right; max-width: 65%; width: auto; } .pager > .count-container { float: left; } .pager .amount { float: left; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; white-space: nowrap; margin: 0 15px 0 0; } .pager .limiter { float: left; height: 30px; line-height: 30px; } .pager .limiter > label { padding-right: 5px; } .pager .limiter > label:after { content: ':'; } .pages { float: right; overflow: hidden; margin-left: 15px; } .pages strong { display: none; } .pages li { float: left; } .pages a, .pages .current { display: block; font-size: 13px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; line-height: 30px; width: 25px; height: 30px; padding: 0; color: #000000; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; text-decoration: none; } .pages .current, .pages .current:hover { color: #2B3451; width: 30px; background-color: #FFF; cursor: default; -webkit-border-radius: 3px; border-radius: 3px; } .pages .next, .pages .previous { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; position: relative; } .pages .next:hover, .pages .previous:hover { -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); background: white none repeat scroll 0% 0%; } .pages .next:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #000000; border-right: none; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px; } .pages .next:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #0d1730; border-right: none; } .pages .previous:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #000000; border-left: none; top: 50%; margin-top: -3px; left: 50%; margin-left: -2px; } .pages .previous:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #0d1730; border-left: none; } .toolbar .view-mode > label { display: none; } /* ============================================ * Tax - Full Tax Summary ============================================ */ #checkout-review-table .summary-collapse, #shopping-cart-totals-table .summary-collapse, body.customer-account .data-table .summary-collapse { position: relative; cursor: pointer; } #checkout-review-table .summary-collapse:before, #shopping-cart-totals-table .summary-collapse:before, body.customer-account .data-table .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #1D336C; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .summary-collapse:hover:before, #shopping-cart-totals-table .summary-collapse:hover:before, body.customer-account .data-table .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #0d1730; border-bottom: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:before, #shopping-cart-totals-table .show-details .summary-collapse:before, body.customer-account .data-table .show-details .summary-collapse:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #1D336C; border-top: none; position: static; display: inline-block; margin-right: 5px; } #checkout-review-table .show-details .summary-collapse:hover:before, #shopping-cart-totals-table .show-details .summary-collapse:hover:before, body.customer-account .data-table .show-details .summary-collapse:hover:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #0d1730; border-top: none; position: static; display: inline-block; margin-right: 5px; } #shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before { margin-bottom: 5px; } /* ============================================ * Widgets ============================================ */ .widget .pager { float: none; width: 100%; } /* ============================================ * Magento Helpers ============================================ */ .a-center { text-align: center; } .a-right, .align-right { text-align: right; } .no-display { display: none !important; } .nobr, .nowrap { white-space: nowrap; } .width-full { width: 100%; } /* ============================================ * Custom Helpers ============================================ */ .hidden { display: none; } /* ============================================ * Print Styles ============================================ */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: none; max-height: 50px; width: auto; } /* ============================================ * FORMS - COMMON ============================================ */ /* -------------------------------------------- * Fieldsets */ .fieldset p { margin-bottom: 7px; } .fieldset p.required { margin-bottom: 5px; float: right; font-size: 12px; margin-top: 0px; } .fieldset + .fieldset { margin-top: 0; } form .legend { margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 7px; border-bottom: 1px solid #EDEDED; } /* -------------------------------------------- * Input Box */ .input-box { padding-top: 2px; } .input-box:after { content: ''; display: table; clear: both; } /* For adjacent select inputs. */ /* Example: credit card expiration month and year. */ .input-box .v-fix { float: left; margin-right: 5px; } /* -------------------------------------------- * Labels */ label { display: inline-block; font-size: 13px; font-family: "Helvetica", sans-serif; font-weight: 600; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } label.required:after, span.required:after { content: ' *'; color: #FF0000; font-weight: normal; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* -------------------------------------------- * Hints */ .input-hint { color: #A0A0A0; font-size: 12px; } /* -------------------------------------------- * Select */ select { font-size: 14px; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid #C0C0C0; font-size: 15px; padding: 5px; } /* -------------------------------------------- * Textarea */ textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 450px; padding: 5px; } /* -------------------------------------------- * Inputs */ .input-text { -webkit-border-radius: 3px; border-radius: 3px; border: none; background: #FFFFFF; font-size: 15px; } .input-text:focus { border: 1px solid #000000; outline: 0; } .input-text.validation-failed { border-color: #FF0000; } .input-text.validation-failed:focus { outline-color: tint(#FF0000, 50%); } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { -webkit-border-radius: 3px; border-radius: 3px; height: 25px; padding: 0 8px; background: #f2f2f2; color: #363636; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { /* width: (230px + 135px); */ width: 100%; max-width: 100%; } /* Only show on iPhones (not iPads or any other device) */ @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select { font-size: 14px; /* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { max-width: 56px; text-align: center; vertical-align: middle; } /* -------------------------------------------- * Placeholder */ ::-webkit-input-placeholder { color: #A0A0A0; } input:-moz-placeholder { color: #A0A0A0; } /* -------------------------------------------- * Checkbox And Radio */ .checkbox, .radio { position: relative; top: -1px; display: inline-block; } .checkbox + label, .radio + label { width: auto; max-width: 85%; padding: 0 0 0 8px; font-size: 14px; font-weight: normal; vertical-align: top; } /* -------------------------------------------- * Validation */ p.required, .validation-advice { margin: 5px 0 0; color: #FF0000; font-size: 13px; } /* ============================================ * Form List ============================================ */ .form-list > li { margin-bottom: 10px; } .form-list select { margin-top: 4px; /* width: (230px + 135px); */ max-width: 100%; } .form-list .input-range .input-text { width: 74px; } .form-list .field, .form-list .wide, .form-list .control { margin-bottom: 10px; } /* Turn the label of controls (radio/checkbox) into a button style that wraps the input */ .form-list .control, .sp-methods dt, #checkout-shipping-method-load .sp-methods dd, #co-shipping-method-form .sp-methods dd, .product-options ul.options-list { /* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */ } .form-list .control div.input-box, .sp-methods dt div.input-box, #checkout-shipping-method-load .sp-methods dd div.input-box, #co-shipping-method-form .sp-methods dd div.input-box, .product-options ul.options-list div.input-box { display: inline; float: left; } .form-list .control div.input-box:after, .sp-methods dt div.input-box:after, #checkout-shipping-method-load .sp-methods dd div.input-box:after, #co-shipping-method-form .sp-methods dd div.input-box:after, .product-options ul.options-list div.input-box:after { display: none; } .form-list .control input.radio, .form-list .control input.checkbox, .sp-methods dt input.radio, .sp-methods dt input.checkbox, #checkout-shipping-method-load .sp-methods dd input.radio, #checkout-shipping-method-load .sp-methods dd input.checkbox, #co-shipping-method-form .sp-methods dd input.radio, #co-shipping-method-form .sp-methods dd input.checkbox, .product-options ul.options-list input.radio, .product-options ul.options-list input.checkbox { float: left; margin-right: -40px; margin-top: 10px; margin-left: 15px; } .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label { color: #2B3451; background-color: #F4F4F4; padding: 5px 10px; display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 40px; } .form-list .control label:hover, .sp-methods dt label:hover, #checkout-shipping-method-load .sp-methods dd label:hover, #co-shipping-method-form .sp-methods dd label:hover, .product-options ul.options-list label:hover { background-color: shade(#F4F4F4, 5%); } .form-list .control .no-display + label, .sp-methods dt .no-display + label, #checkout-shipping-method-load .sp-methods dd .no-display + label, #co-shipping-method-form .sp-methods dd .no-display + label, .product-options ul.options-list .no-display + label { padding-left: 10px; background-color: transparent; } .form-list .control .no-display + label:hover, .sp-methods dt .no-display + label:hover, #checkout-shipping-method-load .sp-methods dd .no-display + label:hover, #co-shipping-method-form .sp-methods dd .no-display + label:hover, .product-options ul.options-list .no-display + label:hover { background-color: transparent; } .product-options ul.options-list label, .col2-set .form-list .control label { min-width: inherit; width: 250px; max-width: 100%; } .form-list .control.remember-me-box label { width: auto; max-width: none; min-width: inherit; } .form-list .control { margin-top: 10px; } .form-list .control label { float: none; } .form-list .control .radio, .form-list .control .checkbox { margin-right: 6px; } .form-list .control .input-box { clear: none; display: inline-block; width: auto; padding: 0; } form .form-instructions { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #A0A0A0; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Table Helpers ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * Data Table ============================================ */ .data-table { width: 100%; } .data-table td, .data-table th { padding: 10px; vertical-align: top; } .data-table th { background: #F4F4F4; text-transform: uppercase; font-family: "Helvetica", sans-serif; line-height: 1.4; white-space: nowrap; font-weight: bold; } .data-table tbody td, .data-table tfoot td { font-family: Georgia, Times, "Times New Roman", serif; } .data-table tfoot tr { background: #F4F4F4; } .data-table tbody td .item-options { margin-left: 20px; margin-top: 10px; } .data-table tbody td .item-options dt:after { content: ':'; } /* ============================================ * Zebra-Stripe Table ============================================ */ .zebra-table tr:first-child, .zebra-table th:first-child { border-top: 1px solid #C0C0C0; } .zebra-table td, .zebra-table th { border-bottom: 1px solid #C0C0C0; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #EEEDED; } .zebra-table tr:nth-child(odd) { background-color: #F8F7F5; } /* ============================================ * Linearize Table ============================================ */ .linearize-table .linearize-collapse { display: none; } /* ============================================ * Global ============================================ */ html, body { height: 100%; } html { overflow-y: auto; } body { background: none repeat scroll 0 0 #e7e7e7; font: 11px/1.55 arial, helvetica, sans-serif; color: #224476; } .page { margin: 0 auto; text-align: left; background: rgba(255, 255, 255, 0.7); height: 100%; } .wrapper { min-height: 100%; margin: 0 auto; background: #e7e7e7; } .wrapper:after { content: ''; display: table; clear: both; } /* ============================================ * Header ============================================ */ .page-header { max-width: 1200px; margin: 0 auto; padding: 5px 5px 0; position: relative; z-index: 9; } .page-header-container { position: relative; } .header-language-background { display: inline-block; text-align: left; } .header-language-container, .page-header { font-family: "Helvetica", sans-serif; position: relative; } /**** CUSTOM ROW TOP ***/ .row_top { text-align: right; max-width: 1070px; margin: 0px auto 10px; position: relative; } /*** CUSTOM BEFORE MENU ***/ .before_menu { overflow: hidden; max-width: 1070px; margin: 0 auto; } .before_menu .left { float: left; width: 66%; } /* ============================================ * Language switcher + welcome message ============================================ */ .header-language-background { padding: 0; background-color: transparent; text-transform: uppercase; } .header-language-background:after { content: ''; display: table; clear: both; } .header-language-background .welcome-msg { float: right; display: none; } .page-header-container .store-language-container label { display: none; } .page-header-container .store-language-container select { max-width: 100%; } .header-language-background, .header-language-background a { color: #E6E6E6; } /* ============================================ * Logo ============================================ */ .logo { display: block; min-width: 100px; min-height: 44px; text-align: center; padding: 0; } .logo img { max-width: 100%; } .logo:hover { opacity: 1; } .logo { float: left; width: 50%; } /* ============================================ * Header RoyalPostHumust Link ============================================ */ #link_old_posthumus { float: right; } /* ============================================ * Header Customer Service ============================================ */ .header_cs { clear: both; font-size: 14px; position: relative; } .header_cs .label { color: #333; } .header_cs .phone-number, .header_cs .email-address { font-weight: bold; padding-left: 25px; position: relative; float: left; } .header_cs .phone-number { z-index: 2; margin-right: 20px; color: #0d856c; } .header_cs .email-address a { color: #224476; } .header_cs .phone-number:after, .header_cs .email-address:after { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 20px; line-height: 20px; font-family: FontAwesome; } .header_cs .phone-number:after { content: "\f098"; } .header_cs .email-address:after { content: "\f0e0"; top: -2px; } @media (max-width: 979px) { .header_cs { top: 0; } } /* ============================================ * Skip Links ============================================ */ .skip-links { display: inline-block; text-align: left; } .skip-links { border: 0; } /* -------------------------------------------- * Skip - Link */ .skip-link { color: #636363; display: inline-block; margin-right: 10px; } a.skip-link { text-decoration: none; outline: 0 none; } .skip-link:not(.skip-active):hover { /* opacity: 0.8; */ } .skip-link { width: 25%; } /* -------------------------------------------- * Skip Link - Active */ /* -------------------------------------------- * Skip Link - Icon */ .skip-link .icon { display: inline-block; font-size: 13px; width: 15px; } @media (max-width: 770px) { .skip-link .icon { background: #DAD8D8; font-size: 20px; height: 31px; text-align: center; width: 90%; } } .skip-link.skip-nav .icon, .skip-link.skip-cart:not(.no-count) .icon { margin-right: 3px; } /* -------------------------------------------- * Skip Link - Label */ .skip-link .label { display: none; } .skip-link .label { display: inline; } /* ============================================ * Skip Content ============================================ */ .skip-content { display: none; } .skip-content.skip-active { display: block; } /* ============================================ * Global Header Navigation ============================================ */ /* ============================================ * Nav - Skip Link ============================================ */ .skip-nav { width: 25%; } .skip-nav:not(.skip-active):hover { text-decoration: none; } .skip-nav:not(.skip-active):hover .icon { background-position: -46px 7px; } .skip-link { width: 25%; } .skip-nav .label { display: inline; } .skip-nav .icon { background-position: 4px 7px; } .skip-nav { width: 25%; } .skip-nav { display: none; background-color: #2C3551; margin: 10px auto 15px; } /* ============================================ * Nav - Skip Content ============================================ */ #header-nav { display: block; margin: 0px auto; } .cms-index-index #header-nav { max-width: 1070px; position: relative; top: 70px; } .nav-primary { display: none; } @media (max-width: 979px) { .cms-index-index #header-nav { top: 90px; } } /* ============================================ * General Navigation Styles ============================================ */ .nav-primary a { text-decoration: none; position: relative; display: block; /* color: $c-text-white; */ line-height: 30px; font-family: "Helvetica", sans-serif; outline: 0 none; } .nav-primary li { position: relative; } .nav-primary li.level1 a { border-bottom: 1px solid #CCCCCC; } .nav-primary .menu-active > ul.level0, .nav-primary li.level0 li.sub-menu-active > ul { display: block; } .nav-primary li.level0 > a { text-transform: uppercase; } /* ============================================ * Small Viewports - Accordion Style Menu ============================================ */ /* ============================================ * Large Viewports - Dropdown Menu ============================================ */ .nav-primary { display: none; } .no-touch li:hover > ul { display: block; /* Force display */ } /* ============================================ * Search - Skip Link ============================================ */ .skip-search:not(.skip-active):hover .icon { background-position: -46px -160px; } .skip-search .icon { background-position: 4px -160px; } .skip-search { display: none; } /* ============================================ * Search - Skip Content ============================================ */ #header-search .validation-advice { margin: 0; } #header-search { display: inline-block; width: 50%; float: right; text-align: right; margin: 10px 0px; overflow: hidden; } #header-search #search_mini_form { width: 251px; display: inline-block; } /* ============================================ * Search Input ============================================ */ /*** Search Icon ***/ #header-search .search-icon { position: relative; height: 25px; display: inline-block; width: 30px; background: white none repeat scroll 0% 0%; margin-left: 10px; -webkit-border-radius: 4px; border-radius: 4px; } #header-search .search-icon:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/icon_sprite.png); background-repeat: no-repeat; background-position: 8px -160px; } /**** HIDE SEARCH FORM ***/ #search_mini_form .input-box { position: relative; padding-top: 0; } #search_mini_form label { display: none; } #search { width: 100%; height: 30px; padding-right: 40px; color: #000000; } #search_mini_form .search-button { text-indent: -9999px; position: absolute; top: 0px; right: 0; width: 40px; height: 40px; border: 0; background: none; } #search_mini_form .search-button:before { content: ''; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; background-position: 4px -160px; } #search_mini_form .search-button:hover:before { opacity: 0.8; } #search_mini_form .search-button:active:before { margin-top: -13px; margin-left: -13px; } @media (max-width: 770px) { .skip-search .icon { text-indent: 0; } .skip-search .icon:before { content: "\f002"; font-family: FontAwesome; } } /* -------------------------------------------- * Skip Link - Account */ #account-button { position: relative; display: inline-block; } .skip-account:not(.skip-active):hover .icon { background-position: -46px -48px; } .skip-account .icon:before { content: "\f007"; font-family: FontAwesome; } .skip-account { width: auto; padding: 0; text-transform: uppercase; } #header-account.skip-active { display: block; position: absolute; z-index: 200; top: 30px; right: 0px; background: #fff; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } #header-account a { display: block; color: #656565; position: relative; font-size: 11px; line-height: 20px; white-space: nowrap; padding: 4px 10px; text-transform: uppercase; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } #header-account a:hover { color: #fff; background: #2C3551; text-decoration: none; } /** /* ============================================ * Header - Cart ============================================ */ /* -------------------------------------------- * Skip Link - Cart */ #cart-button { position: relative; display: inline-block; } #header-cart.skip-active { display: block; position: absolute; z-index: 200; top: 30px; right: 10px; padding: 10px; background: #fff; -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; border-radius: 4px; } .skip-cart:not(.skip-active):hover .icon { background-position: -50px -104px; } .skip-cart .icon:before { content: "\f07a"; font-family: FontAwesome; } .skip-cart { width: auto; padding: 0; } /* -------------------------------------------- * Skip Cart Notifier */ .skip-cart .count { -webkit-border-radius: 12px; border-radius: 12px; display: inline-block; top: 0; position: relative; z-index: 5; width: 22px; height: 22px; background: rgba(0, 0, 0, 0.9); color: #FFFFFF; font-size: 11px; line-height: 22px; text-align: center; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } .skip-cart.no-count .count { display: none; } .skip-cart { text-transform: uppercase; } .skip-cart:hover { text-decoration: none; } .skip-cart .count { color: #000000; position: static; background: none; margin-left: 0px; font-size: 14px; } .skip-cart .count:before { content: '('; } .skip-cart .count:after { content: ')'; } .skip-cart .count.empty { display: none; } /* -------------------------------------------- * Mini Cart - Empty */ .cart-menu .empty { padding: 20px; text-align: center; } /* -------------------------------------------- * Mini Cart - Full */ /* Actions */ .cart-menu .actions { overflow: hidden; padding: 15px; } .cart-menu .actions .button { float: left; width: 48%; } .cart-menu .actions .button + .button { margin-left: 4%; } /* Subtotal */ .cart-menu .subtotal { padding: 0 15px 15px; font-family: "Helvetica", sans-serif; font-size: 24px; line-height: 1.2; } /* List */ .mini-cart-list { margin-bottom: 5px; } .mini-cart-list li { position: relative; min-height: 90px; padding: 15px 15px 15px 90px; border-top: 1px solid #CCCCCC; font-size: 13px; line-height: 1.35; } .mini-cart-list .product-name { display: inline-block; } .mini-cart-list .product-image { position: absolute; left: 15px; top: 15px; } .mini-cart-list .product-image img { width: 60px; height: 60px; } .mini-cart-list .has-options { margin-bottom: 0; color: #A0A0A0; font-size: 12px; } /* Too full - additional items will be shown in cart */ .cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #CCCCCC; font-size: 13px; } /* ============================================ * Footer ============================================ */ /* -------------------------------------------- * Footer */ .footer-container { margin-top: 20px; } .footer, .footer button { font-family: "Helvetica", sans-serif; } .footer { clear: both; width: 100%; border: none; background-color: #FFFFFF; overflow: hidden; color: #ddd; /**** Footer Left **/ /***** Footer Right ***/ /**** Footer Adsoft Video ***/ /* -------------------------------------------- * Social icons */ } .footer .block-title { border-bottom: 0; } .footer .block-title strong { font-weight: normal; } .footer .block-title { color: #1D336C; } .footer #footer-left { float: left; background: #2a314d none repeat scroll 0% 0%; width: 27%; padding: 7% 4%; /**** Footer Social ***/ } .footer #footer-left #footer_about { color: #cccccc; font-size: 13px; } .footer #footer-left #footer_about .footer_logo { color: white; font-size: 28px; margin-bottom: 10px; text-indent: -99999px; background: url("../images/logo-nl-white.png") no-repeat 0 0/contain transparent; } .footer #footer-left #footer_about p { color: #CCC; } .footer #footer-left #social_media { margin: 30px 0; overflow: hidden; } .footer #footer-left #social_media li { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 5px 5px 0; float: left; } .footer #footer-left #social_media li a { display: block; background: transparent url("../images/footer/icons-social-min.png") no-repeat scroll 0px 0px; text-indent: -99999px; position: relative; } .footer #footer-left #social_media li a:hover:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.1); } .footer #footer-left #social_media li.instagram a { background-position: 0px -62px; } .footer #footer-left #social_media li.twitter a { background-position: 0 -31px; } .footer #footer-left #social_media li.youtube a { background-position: 0 -93px; } .footer #footer-left #social_media li.linkedin a { background-position: 0 -124px; } .footer #footer-left #social_media li.pinterest a { background-position: 0 -155px; } .footer #footer-right { overflow: hidden; padding: 8% 5% 1%; } .footer .links li { padding: 4px 0 0 10px; line-height: 1.4; } .footer .links a { color: #2B3451; } .footer .links a:hover { color: #000000; } .footer .block-subscribe { float: left; width: 60%; padding-right: 6%; } .footer .block-subscribe .input-box { float: left; padding: 0; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .footer .block-subscribe .input-box { float: left; padding: 0; } .footer .block-subscribe .input-box input[type=email] { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; width: 100%; } .footer .block-subscribe .button { padding: 5px 4px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; line-height: 20px; width: 100%; } .footer .adsoft-video { float: left; width: 40%; text-align: center; } .footer .adsoft-video a { display: inline-block; } .footer .links { display: inline-block; float: right; padding-right: 7%; } .footer .form-subscribe-header { /* display: none; */ } .footer .links.social-media em { background-image: url(../images/social_icons.png); background-repeat: no-repeat; width: 13px; vertical-align: middle; display: inline-block; margin-right: 7px; } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi), (min-resolution: 2dppx) { .footer .links.social-media em { background-image: url(../images/social_icons@2x.png); -webkit-background-size: 50px 125px; -o-background-size: 50px 125px; background-size: 50px 125px; } } .footer .links.social-media em.facebook { background-position: 0 -0px; height: 13px; } .footer .links.social-media a:hover em.facebook { background-position: -25px -0px; } .footer .links.social-media em.twitter { background-position: 0 -24px; height: 13px; } .footer .links.social-media a:hover em.twitter { background-position: -25px -24px; } .footer .links.social-media em.youtube { background-position: 0 -49px; height: 13px; } .footer .links.social-media a:hover em.youtube { background-position: -25px -49px; } .footer .links.social-media em.pinterest { background-position: 0 -74px; height: 15px; } .footer .links.social-media a:hover em.pinterest { background-position: -25px -74px; } .footer .links.social-media em.rss { background-position: 0 -99px; height: 13px; } .footer .links.social-media a:hover em.rss { background-position: -25px -99px; } .footer .block-subscribe .input-box { float: left; width: 65.625%; padding-top: 0; } .footer .block-subscribe .input-text { width: 100%; border-right: 0; -webkit-border-radius: 5px; border-radius: 5px; } .footer .block-subscribe .block-content { padding-top: 7px; } .footer .block-subscribe .block-content:after { content: ''; display: table; clear: both; } .footer .block-subscribe .actions { float: left; width: 34.375%; margin: 0; } .footer .block-subscribe .actions .button { height: 30px; line-height: 17px; float: left; } .footer .bugs, .footer address { clear: both; } .footer .bugs { display: none; } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 0; } .footer .form-language, .footer .currency-switcher { display: none; } .footer .links { padding-right: 4%; } .footer .links:nth-child(4) { margin-right: 0; } .footer .block-subscribe { margin: 0 auto 10px auto; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ================================================= * General Product List Styles (not module-specific) ================================================= */ /* -------------------------------------------- * Product List General */ #customer_reviews { overflow: hidden; border: solid 3px #eee; } .category-top-container { overflow: hidden; padding: 40px 0; } .category-title { float: left; max-width: 50%; margin: 0; } .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: medium none; text-transform: lowercase; font-size: 33px; font-weight: bold; } .category-description { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; font-size: 13px; float: left; max-width: 50%; line-height: 20px; } /* -------------------------------------------- * Product Name */ h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; font-size: 13px; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: normal; line-height: 1.4; } h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #2B3451; } h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #000000; text-decoration: none; cursor: pointer; } .products-grid .product-name, .products-list .product-name { text-transform: uppercase; margin-bottom: 5px; font-size: 18px; font-family: "Open Sans", sans-serif; } .products-grid .product-name a, .products-list .product-name a { font-weight: bold; } /* ============================================ * Product Grid ============================================ */ .products-grid { position: relative; } .products-grid:after { content: ''; display: table; clear: both; } .products-grid > li { position: relative; margin-bottom: 20px; text-align: center; } .products-grid > li:after { content: ''; display: table; clear: both; } .products-grid .product-image { width: 100%; margin-bottom: 15px; } .products-grid .product-image img { width: 100%; height: auto; } .products-grid .product-image img:hidden { display: none; } .products-grid .product-info { position: relative; } .products-grid .actions { padding-top: 10px; position: absolute; bottom: 0px; min-height: 85px; width: 100%; } .products-grid .ratings .rating-box { margin: 0 auto; } .products-grid .ratings .amount { display: none; } .products-grid .price-box { color: #A0A0A0; font-size: 13px; margin: 0 0 5px; } .products-grid .add-to-links { margin-bottom: 0; } /* Config: Two columns + flexible gutter */ .products-grid > li { float: left; width: 47.7272727273%; margin-right: 4.5454545455%; } .products-grid > li:nth-child(odd) { clear: left; } .products-grid > li:nth-child(even) { margin-right: 0; } .products-grid .product-image { margin-bottom: 5px; } .products-grid .product-image:before, .products-grid .product-image:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .products-grid .product-image:before { background-color: white; opacity: 0.8; z-index: 2; } .products-grid .product-image:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .products-grid .product-image.loading { position: relative; } .products-grid .product-image.loading:before, .products-grid .product-image.loading:after { display: block; } /* Config: Three columns + flexible gutter */ .products-grid { /* Undo two-column config */ /* Set three-column config */ } .products-grid > li:nth-child(odd) { clear: none; } .products-grid > li:nth-child(even) { margin-right: 3.4482758621%; } .products-grid > li { width: 31.0344827586%; margin-right: 3.4482758621%; } .products-grid > li:nth-child(3n+1) { clear: left; } .products-grid > li:nth-child(3n) { margin-right: 0; } /* Config: Columns + flexible gutter */ /* Undo three-column config */ .products-grid--max-4-col > li:nth-child(odd) { clear: none; } .products-grid--max-4-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-4-col > li:nth-child(even), .products-grid--max-4-col > li:nth-child(3n) { margin-right: 2.1276595745%; } /* Set column config */ .products-grid--max-4-col > li { margin-right: 2.1276595745%; } .products-grid--max-4-col > li { width: 23.4042553191%; margin-right: 2.1276595745%; } .products-grid--max-4-col > li:nth-child(4n+1) { clear: left; } .products-grid--max-4-col > li:nth-child(4n) { margin-right: 0; } /* Config: Columns + flexible gutter */ /* Undo three-column config */ .products-grid--max-5-col > li:nth-child(odd) { clear: none; } .products-grid--max-5-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-5-col > li:nth-child(even), .products-grid--max-5-col > li:nth-child(3n) { margin-right: 2.1276595745%; } /* Set column config */ .products-grid--max-5-col > li { margin-right: 2.1276595745%; } .products-grid--max-5-col > li { width: 18.2978723404%; margin-right: 2.1276595745%; } .products-grid--max-5-col > li:nth-child(5n+1) { clear: left; } .products-grid--max-5-col > li:nth-child(5n) { margin-right: 0; } /* Config: Columns + flexible gutter */ /* Undo three-column config */ .products-grid--max-6-col > li:nth-child(odd) { clear: none; } .products-grid--max-6-col > li:nth-child(3n+1) { clear: none; } .products-grid--max-6-col > li:nth-child(even), .products-grid--max-6-col > li:nth-child(3n) { margin-right: 2.1276595745%; } /* Set column config */ .products-grid--max-6-col > li { margin-right: 2.1276595745%; } .products-grid--max-6-col > li { width: 14.8936170213%; margin-right: 2.1276595745%; } .products-grid--max-6-col > li:nth-child(6n+1) { clear: left; } .products-grid--max-6-col > li:nth-child(6n) { margin-right: 0; } /* ============================================ * Product List ============================================ */ .products-list { margin-top: 20px; margin-bottom: 20px; } .products-list > li { margin-bottom: 20px; } .products-list > li:after { content: ''; display: table; clear: both; } .products-list > li .product-image { float: left; width: 33.3333333333%; } .products-list > li .product-image img { width: 100%; max-width: 100%; } .products-list > li:last-child { padding-bottom: 0; border-bottom: none; } .products-list .product-shop { float: right; width: 66.6666666667%; padding-left: 20px; } .products-list .product-shop .product-name { margin-bottom: 10px; } .products-list .product-shop .more { display: none; } .products-list .product-shop .ratings { margin: 0; } .products-list .product-shop .ratings .rating-box, .products-list .product-shop .ratings .rating-links { float: left; margin-right: 7px; } .products-list .product-shop .ratings .rating-links { margin-top: 4px; } .products-list .product-shop .price-box { margin-top: 0; float: left; max-width: 50%; } .products-list .product-shop .price-box .price { font-size: 14px; } .products-list .product-shop .desc { font-size: 14px; color: #898989; float: left; margin-top: 7px; width: 100%; clear: both; font-size: 12px; } .products-list .product-shop .product-primary { float: left; width: 100%; clear: both; overflow: hidden; font-size: 20px; color: #2B3451; } .products-list .product-shop .product-secondary { float: left; width: 100%; text-align: left; clear: both; } .products-list .product-shop .product-secondary .add-to-action .add-to-links li { display: inline-block; } .products-list .product-shop .product-secondary .add-to-action .add-to-links li a { display: inline-block; height: 39px; width: 40px; text-indent: -99999px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-left: 10px; background: none no-repeat center center #E5C9A1; } .products-list .product-shop .product-secondary .add-to-action .add-to-links li a.link-wishlist { background-image: url("../images/product/wishlist.png"); } .products-list .product-shop .product-secondary .add-to-action .add-to-links li a.link-compare { background-image: url("../images/product/compare.png"); } /* @include bp(max-width, 1279px) { .products-list .product-shop { .product-primary { float: left; width: 60%; padding-right: 20px; } .product-secondary { float: right; width: 40%; } } } */ /* ============================================ * Mini Product List ============================================ */ .mini-products-list .product-image { float: left; min-width: 50px; } .mini-products-list .product-details { margin-left: 60px; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 0; clear: both; } .mini-products-list li:after { content: ''; display: table; clear: both; } .mini-products-images-list:after { content: ''; display: table; clear: both; } .mini-products-images-list li.item { float: left; width: 50%; margin: 0; padding: 0 5px 10px 0; } .mini-products-images-list li.item:nth-child(even) { padding-right: 0; padding-left: 5px; } .mini-products-images-list li.item .product-image { display: block; } .mini-products-images-list li.item .product-image img { width: 100%; max-width: 100%; } /* ============================================ * Catalog - List ============================================ */ #category-image-container { width: 50%; float: right; min-height: 100px; } .category-image img { width: 100%; max-width: 100%; } .category-image img:hidden { display: none; } /* ============================================ * Layered Navigation ============================================ */ .block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; cursor: pointer; } .block-layered-nav .block-subtitle--filter:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #000000; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; display: block; } .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #000000; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #CCCCCC; } .block-layered-nav .block-content > dl > dd:last-child { border-width: 0 1px 1px 1px; } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a { padding: 5px 15px; display: block; } .block-layered-nav dl dd ol > li > a .count { color: #A0A0A0; } .block-layered-nav .block-content > dl > dt { padding-left: 10px; } .block-layered-nav .block-content > dl > dt:after { display: none; } .block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; } .block-layered-nav .currently ol { padding-left: 0; margin-bottom: 10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; padding: 0 0 5px; } .block-layered-nav .currently ol li > a.btn-remove { top: 0; } .block-layered-nav .currently ol li .label { font-weight: bold; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .actions { text-align: right; margin-bottom: 7px; } /* ============================================ * Catalog Event ============================================ */ .event-container { clear: both; border: 1px solid #1D336C; position: relative; z-index: 2; border-width: 1px 1px; margin-top: 7px; height: 59px; } .event-container:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #1D336C; border-bottom: none; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; } .event-container .event { padding-bottom: 18px; margin-bottom: -18px; padding-top: 5px; height: 52px; line-height: 50px; text-align: center; width: auto; position: relative; z-index: 2; border-bottom: 0 !important; } .event-container .event .event-ticker { display: inline; font-size: 28px; height: auto; } .event-container .event .event-ticker span { line-height: 50px; height: 50px; padding: 0; } .event-container .container { display: inline; margin: 0; padding: 0; background: none; } .event-container .status { display: inline; margin: 0 10px 0 0; background: none; font-size: 22px; } .event-container .event-dates { display: inline; font-size: 22px; height: auto; } .event-container .event-dates div, .event-container .event-dates p { display: inline; } .event-container .event-dates .time-part { font-size: 14px; } .m-filter-item-list > li > a { display: inline-block !important; } /********************************* PRODUCT IMAGE HOVER ******************************/ .products-grid > li.has_imprint .product-image, .products-list > li.has_imprint .product-image { overflow: hidden; } .products-grid > li.has_imprint .product-image .imprint, .products-list > li.has_imprint .product-image .imprint { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; background: white none no-repeat scroll center center/contain; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-grid > li.has_imprint .product-image img, .products-list > li.has_imprint .product-image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-grid > li.has_imprint .product-image:hover .imprint, .products-list > li.has_imprint .product-image:hover .imprint { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .products-grid > li.has_imprint .product-image:hover img, .products-list > li.has_imprint .product-image:hover img { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .products-grid > li.has_imprint .product-image { display: block; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Catalog - Product ============================================ */ .product-view { padding: 10px; } .product-view .product-essential .extra-info .ratings .rating-box, .product-view .product-essential .extra-info .ratings .amount { float: left; } .product-view .product-essential .extra-info .ratings .rating-box { margin-top: 8px; margin-right: 0; } .product-view .product-essential .extra-info .ratings:after { content: ''; display: table; clear: both; } .product-view .product-essential:after { content: ''; display: table; clear: both; } .product-view .product-img-box .product-name { display: none; } .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 { color: #000000; margin-bottom: 10px; border: 0; cursor: pointer; } .product-view .product-shop { width: 50%; overflow: hidden; float: right; padding: 0px 15px 10px; } .product-view .product-shop .product-name { width: 100%; clear: both; display: block; margin: 0px 0px 10px; } .product-view .product-shop .product-name .h1 { margin-bottom: 5px; text-transform: lowercase; font-size: 32px; color: #2C3551; font-weight: bold; } .product-view .product-shop .extra-info { float: left; padding-right: 5px; clear: left; } .product-view .product-shop .extra-info p { font-size: 12px; } .product-view .product-shop .price-info { float: right; padding-left: 5px; text-align: right; } .product-view .product-shop .price-info .price-box span { /* display: inline-block; */ } .product-view .product-shop .price-info .price-box span.label { font-size: 13px; } .product-view .product-shop .price-info .price-box span.price { font-size: 14px; } .product-view .product-shop .extra-info, .product-view .product-shop .price-info { max-width: 50%; margin-bottom: 10px; } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both; } .product-view .product-shop .ratings { margin-bottom: 8px; } .product-view .product-shop .availability { font-size: 16px; } .product-view .product-shop .price-box { margin-top: 0; } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { padding-right: 0; line-height: 1.2; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price { color: #000000; font-size: 24px; } .product-view .product-shop .price-box .special-price .price-label { font-size: 16px; text-transform: uppercase; } .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { display: block; line-height: 1.2; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; font-weight: 300; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } .product-view .old-price .price-label { display: none; } .product-view .add-to-cart-wrapper, .product-view .block-related { width: 50%; float: right; clear: right; } .product-view .add-to-cart-wrapper .add-to-box .price-info { float: right; padding-left: 5px; text-align: right; } .product-view .add-to-cart-wrapper .add-to-box .price-info .price-box { margin: 0; } .product-view .add-to-cart-wrapper .add-to-box .price-info .price-box span.label { font-size: 13px; } .product-view .add-to-cart-wrapper .add-to-box .price-info .price-box span.price { font-size: 14px; } .product-img-box { width: 50%; float: left; } .product-img-box .product-name h1 { border: 0; } .product-img-box .product-image { border: solid 1px #eee; } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } .more-views { border: solid 1px #eee; border-top: none; padding: 1%; } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { /* margin-left: -1px; */ } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .no-touch .product-image-thumbs a:hover { border-color: #c7c7c7; } .product-view .add-to-cart-wrapper, .product-view .block-related { padding-left: 5px; } .product-img-box { padding-right: 5px; } .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 10px; } .product-view { /* Set a min-height so that the floated elements break appropriately */ } .product-view .add-to-box:after, .product-view .add-to-cart:after { content: ''; display: table; clear: both; } .product-view .add-to-cart { margin-bottom: 10px; max-width: 60%; float: left; } .product-view .add-to-cart .qty-wrapper, .product-view .product-options-bottom .price-box, .product-view .add-to-cart-buttons { min-height: 40px; } .product-view .product-options-bottom .price-box, .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .paypal-logo { margin-bottom: 10px; } .product-view .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { margin-right: 7px; float: left; } .product-view .add-to-cart .qty-wrapper label { line-height: 40px; } .product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px; } .product-view .add-to-cart-buttons { float: left; margin-right: 10px; } .product-view .add-to-cart-buttons .paypal-logo { clear: left; text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-button { margin: 0 auto; display: block; width: 145px; } .product-view .add-to-cart-buttons .paypal-logo .bml_button { display: block; width: 150px; margin: 0 auto; } .product-view .add-to-cart-buttons .paypal-logo .bml_button a { text-align: center; } .product-view .add-to-cart-buttons .paypal-logo .paypal-or { display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0; line-height: 1; text-align: center; } .product-view .add-to-cart-buttons .button { height: 40px; line-height: 40px; font-size: 16px; padding: 0px 30px; float: left; min-width: 160px; width: 100%; } /* This is the "or" that separates the "Add to Cart" and "Add to X" links */ .add-to-box .or { display: none; } .product-view .add-to-links { margin: 0; float: right; } .product-view .add-to-links:after { content: ''; display: table; clear: both; } .product-view .add-to-links li { float: left; } .product-view .add-to-links a { display: inline-block; height: 46px; width: 40px; text-indent: -99999px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-left: 10px; } .product-view .add-to-links a.link-wishlist { background: url("../images/product/wishlist.png") no-repeat 0 0 transparent; } .product-view .add-to-links a.link-compare { background: url("../images/product/compare.png") no-repeat 0 0 transparent; } .product-view .add-to-links li:first-child a { margin-left: 0px; } .product-view .add-to-links li:last-child a { border-right: 0px; } .product-view .sharing-links { clear: both; } .product-view .sharing-links:after { content: ''; display: table; clear: both; } .product-view .sharing-links li { float: left; padding: 0px 7px 7px; } .product-view .sharing-links a { text-indent: -9999px; display: block; width: 26px; height: 26px; } .product-view .sharing-links a:hover { opacity: 0.8; } .product-view .sharing-links a.link-wishlist { background-position: 0px -225px; } .product-view .sharing-links a.link-compare { background-position: 0px -250px; } .product-view .sharing-links a.link-email-friend { background-position: 0px -322px; } .product-view .sharing-links a.link-facebook { background-position: 0px -425px; } .product-view .sharing-links a.link-twitter { background-position: 0px -372px; } .product-collateral { clear: both; } .collateral-tabs dd h2 { display: none; } .box-collateral { clear: both; } .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; border: 1px solid #CCCCCC; background-color: #F4F4F4; } .product-collateral .toggle-tabs li { float: left; border-right: 1px solid transparent; border-left: 1px solid transparent; } .product-collateral .toggle-tabs li > span { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; cursor: pointer; text-transform: uppercase; font-size: 12px; position: relative; bottom: -1px; } .product-collateral .toggle-tabs li.current { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; } .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #000000; } .product-collateral .toggle-tabs li:first-child { border-left: none; } .product-collateral .toggle-tabs:after { content: ''; display: table; clear: both; } .product-collateral > dl { width: 100%; } .product-collateral > dl > dt { display: none; } .product-collateral > dl > dd { width: 100%; display: none; padding: 15px; border: 1px solid #CCCCCC; border-top: 0; } .product-collateral > dl > dd.current { display: block; } .product-view .product-shop .product-name { display: block; } .product-view .ratings .rating-links { clear: left; float: left; margin-top: 0; } #product-attribute-specs-table { max-width: 50em; border: 1px solid #C0C0C0; } #product-attribute-specs-table th { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; } /* -------------------------------------------- * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px #C0C0C0; width: 100%; padding: 10px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } .grouped-items-table .name-wrapper { color: #1D336C; font-family: "Helvetica", sans-serif; } .grouped-items-table .qty-wrapper { padding-top: 7px; } .grouped-items-table .qty-label { margin-left: 7px; } .grouped-items-table td { padding: 4px; } /* -------------------------------------------- * Catalog - Product Options */ .product-options { width: 50%; margin: 10px 0px 0px; padding: 10px 15px; float: right; position: relative; } .product-options p.required { position: absolute; top: 57px; right: 30px; } .product-options dt { margin: 0 0 3px; font-weight: normal; } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 0 0 0 0; } .product-options dd .qty-holder .qty { width: 3em; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dd .qty-disabled { background: none; border: 0; padding: 0 2px; } .product-options dd { padding: 0 0 10px 0; margin: 0 0 5px; } .product-options dl.last dd.last { border-bottom: 0; padding-bottom: 5px; margin-bottom: 0; } .product-options dd .input-text { width: 98%; } .product-options dd .input-box { padding-top: 0; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 330px; max-width: 100%; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; margin-bottom: 7px; } .product-options ul.options-list li:last-child { margin-bottom: 0; } .product-options ul.options-list .radio, .product-options ul.options-list .checkbox { float: left; margin-top: 5px; } .product-options ul.options-list .label { display: block; } .product-options ul.options-list label { font-weight: normal; } .product-options p.note { margin: 0; font-size: 11px; } .product-options-bottom { padding: 15px 20px; margin-bottom: 10px; float: right; width: 50%; } .product-options-bottom:after { content: ''; display: table; clear: both; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: right; margin: 0; padding: 0 0 0; border: 0; background: 0; color: #2B3451; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #2B3451; } /* "display: none" should be removed if products on site have a long list of product options and those product options */ /* affect the price so that the customer can see the updated price close to the "Add to Cart" button */ .product-options-bottom .price-box { float: right; margin: 0 0 0; padding: 0; } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { background: transparent none repeat scroll 0% 0%; border: medium none; -webkit-box-shadow: none; box-shadow: none; } .block-related .block-title strong { color: #222222; font-size: 15px; font-weight: bold; text-transform: uppercase; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: 0; } .block-related .block-content { background: #f4f4f4; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px 40px; } .block-related .block-content ol { overflow: hidden; } .block-related .block-content li.item { display: inline-block; float: left; clear: none; background: #FFF none repeat scroll 0% 0%; width: 304px; padding: 20px; margin: 0px 20px 0px 0px; height: 350px; } .block-related .block-content li.item .product { margin: 0; } .block-related .block-content li.item .product-image { display: block; float: none; text-align: center; height: 150px; line-height: 150px; } .block-related .block-content li.item .product-image img { display: inline-block; height: auto; max-height: 100%; width: auto; max-width: 100%; } .block-related .block-content li.item .product-details { margin: 0; } .block-related .block-content li.item .product-details .price-box { margin-bottom: 20px; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { margin-left: 20px; position: relative; } .block-related .checkbox { float: left; margin-top: 36px; } .block-related .product-details { margin-left: 90px; } .block-related .product-name { height: 54px; overflow: hidden; margin-bottom: 3px; } .block-related .product-details .price-box { margin: 2px 0 3px; } .block-related .product-details .price-box a, .block-related .product-details .price-box p, .block-related .product-details .price-box span { float: none; margin-left: 3px; } .block-related .product-details .price-box a:first-child, .block-related .product-details .price-box p:first-child, .block-related .product-details .price-box span:first-child { margin-left: 0; } .block-related .product-details .price-box:after { content: ''; display: table; clear: both; } .block-related .link-wishlist { display: none; } .block-related .block-content li.item { width: 240px; } @media (max-width: 599px) { .block-related .block-content li.item { width: 326px; } .product-details .button { padding: 10px 20px !important; } } /* -------------------------------------------- * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Catalog - MSRP MAP Popup ============================================ */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; } .map-popup { background: #FFFFFF; border: 5px solid #CCCCCC; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100; } .map-popup.map-popup-right { left: 0 !important; } .map-popup.map-popup-left { left: auto !important; right: 0 !important; } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto; } .map-popup .map-popup-heading h3 { font-size: 14px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .map-popup .map-popup-close { display: block; position: absolute; top: 0px; right: 0px; height: 36px; width: 36px; font-size: 20px; line-height: 32px; text-align: center; } .map-popup .map-popup-content { border-top: 1px solid #EDEDED; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left; } .map-popup .map-popup-checkout { padding: 0 0; } .map-popup .map-popup-checkout form:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout span { display: block; } .map-popup .map-popup-checkout .button { float: left; margin: 0 2px; clear: left; } .map-popup .map-popup-checkout .additional-addtocart-box { float: left; min-width: 210px; } .map-popup .map-popup-checkout .additional-addtocart-box li { list-style-type: none; } .map-popup .map-popup-checkout .paypal-logo { width: auto; } .map-popup .map-popup-checkout .paypal-logo a { display: inline-block; float: left; clear: left; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: left; text-align: center; padding: 5px 15px; clear: left; } .map-popup .map-popup-checkout .paypal-logo:after { content: ''; display: table; clear: both; } .map-popup .map-popup-checkout .paypal-logo .bml_button a { clear: left; } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both; } .map-popup .map-popup-price { padding: 0 0; } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0; } .map-popup .map-popup-text { padding: 10px 0; margin: 0 10px; word-wrap: break-word; } .map-popup .map-popup-text, .map-popup .map-popup-only-text { border-top: 1px solid #EDEDED; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Catalog - Compare ============================================ */ .block-compare .product-name:after { content: ''; display: table; clear: both; } .compare-table .product-image { display: inline-block; } .compare-table .product-shop-row.top td { padding-bottom: 0; border-bottom: 0; } .compare-table .product-shop-row.bottom td { padding-top: 0; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Checkout - Layout ============================================ */ .cart-table { float: left; width: 70%; } .cart-forms, .cart-totals-wrapper, .crosssell { float: right; clear: right; width: 30%; padding-left: 20px; } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 10px; background-color: #F4F4F4; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 40px; } .cart-table, .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { margin-bottom: 20px; } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; padding-right: 10px; padding-left: 0; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 50%; } .display-both-prices .cart-forms .cart-totals, .display-both-prices .cart-totals-wrapper .cart-totals, .display-both-prices .crosssell .cart-totals { margin-top: 0; } .display-both-prices .crosssell { clear: right; float: right; } /* ============================================ * Checkout - Cart ============================================ */ .cart { padding: 5%; } .cart .page-title { margin-bottom: 15px; padding: 10px; } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px; } .checkout-types { max-width: 100%; /* We always want this shipping method to display on its own line */ } .checkout-types li { vertical-align: top; margin: 0 0 5px 5px; } .checkout-types li:after { content: ''; display: table; clear: both; } .checkout-types li img { display: inline; vertical-align: top; } .checkout-types li:first-child { margin-left: 0; } .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .checkout-types.top li { display: inline-block; } .checkout-types.top .bml_button { display: inline-block; vertical-align: top; } .checkout-types.top .bml_button img { display: block; } .checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a { display: block; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { margin: 0px; width: 150px; display: block; text-align: center; float: right; } .cart-totals .checkout-types .btn-checkout { margin-bottom: 7px; background: #fe5335 none repeat scroll 0% 0%; width: 100%; } #shopping-cart-table tbody { background: #f4f4f4 none repeat scroll 0% 0%; -webkit-border-radius: 4px; border-radius: 4px; border: solid 1px #f4f4f4; } #shopping-cart-table tbody .product-cart-image { padding: 10px; } #shopping-cart-table tfoot { background: #f4f4f4 none repeat scroll 0% 0%; border: solid 1px #f4f4f4; } #shopping-cart-table tfoot tr { border-top: solid 1px #fff; } #shopping-cart-table tfoot button { max-width: 25%; font-size: 12px; white-space: nowrap; } #slider1 { position: relative; } #slider1 .buttons { position: absolute; top: 47%; padding: 10px 5px; background: white none repeat scroll 0% 0%; color: #787474; font-weight: bold; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; text-decoration: none; -webkit-border-radius: 2px; border-radius: 2px; } #slider1 .buttons.prev { left: 13px; } #slider1 .buttons.next { right: 13px; } #slider1 .buttons:hover { color: #222; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; } #slider1 .viewport { height: 350px; overflow: hidden; position: relative; } #slider1 .viewport ul { position: absolute; top: 0; } .cart-table { font-family: "Helvetica", sans-serif; } .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: top; } .cart-table h2 { color: #2B3451; font-size: 14px; font-weight: 600; margin-bottom: 0; min-width: 200px; } .cart-table thead th, .cart-table tbody td { background-color: transparent; padding: 10px 5px; font-family: "Helvetica", sans-serif; } .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 15px; } .cart-table tfoot tr { background: none; } .cart-table tfoot tr > td:after { content: ''; display: table; clear: both; } .cart-table span.or { font-size: 9px; padding: 0 5px; text-transform: uppercase; font-family: "Helvetica", sans-serif; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button { display: none; } .cart-table .product-cart-image { padding-left: 0; padding-right: 0; } .cart-table .product-cart-image .product-image img { max-width: 100%; width: 100%; } .cart-table .product-cart-image a.cart-edit { display: none; } .cart-table .product-cart-sku { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; font-size: 12px; margin: 5px 0 12px; } .cart-table .product-cart-sku .label { font-weight: 600; } .cart-table .btn-empty { float: left; } .cart-table .product-cart-total, .cart-table .product-cart-price { text-align: center; } .cart-table .cart-tax-total { position: relative; cursor: pointer; } .cart-table .cart-tax-total:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #1D336C; border-left: none; position: absolute; top: 3px; right: -11px; } .cart-table .cart-tax-total.cart-tax-total-expanded:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #1D336C; border-bottom: none; right: -15px; top: 6px; } .cart-table .cart-links > li { white-space: nowrap; line-height: 1.3; margin-bottom: 5px; min-width: 65px; font-size: 13px; } .cart-table .cart-links > li > a { display: block; } .cart-table .cart-links > li:last-child { margin-bottom: 0; } .cart-table .product-cart-actions { min-width: 60px; text-align: center; } .cart-table .product-cart-actions > span { position: relative; } .cart-table .product-cart-actions .qty { height: auto; border: none; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 10px; text-align: center; max-width: 70px; width: auto; background: #fff; } .cart-table .product-cart-actions .qty:focus { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .cart-table .product-cart-actions .button { position: absolute; top: -7px; left: -25px; height: 23px; width: 23px; -webkit-border-radius: 50%; border-radius: 50%; padding: 0; background: url("../images/i_msg-success.png") no-repeat center center/contain transparent; } .cart-table .product-cart-actions .button:hover { background: url("../images/i_msg-success.png") no-repeat center center/contain transparent; opacity: 0.85; } .cart-table .item-options { padding-left: 15px; } /* ============================================ * Checkout - Estimate Shipping and Tax ============================================ */ .shipping h2 { font-size: 12px; font-weight: bold; margin: 0 0 5px; } .shipping select { max-width: 100%; height: 30px; display: block; border: 1px solid #C0C0C0; } .shipping select.validation-failed { border-color: #FF0000; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { border: none; margin: 0; padding: 0; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list li { float: left; margin: 5px 2% 10px 0; } .shipping .form-list .shipping-country { width: 37%; } .shipping .form-list .shipping-region { width: 41%; } .shipping .form-list .shipping-postcode { margin-right: 0; width: 18%; } .shipping .form-list .shipping-postcode input { margin-top: 4px; } .shipping .form-list .input-box { padding-top: 0; } .shipping .form-list input { height: 30px; margin-top: 4px; } .shipping .form-list label { font-family: "Helvetica", sans-serif; font-size: 13px; font-weight: 400; text-transform: uppercase; } .shipping .sp-methods { padding: 10px 0 0; text-align: left; } .shipping .sp-methods dd { margin-bottom: 10px; } .shipping .sp-methods label { font-family: Georgia, Times, "Times New Roman", serif; font-size: 12px; font-style: italic; min-width: 100px; } .shipping .sp-methods label span { font-family: "Helvetica", sans-serif; font-weight: bold; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button { float: left; margin-left: 0; } .shipping #co-shipping-method-form .sp-methods dd label { border: 1px solid #CCCCCC; background-color: shade(#F4F4F4, 5%); min-width: 220px; } .shipping #co-shipping-method-form .sp-methods dd label:hover { background-color: shade(#F4F4F4, 10%); } .cart .cart-totals { text-align: left; } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-family: "Helvetica", sans-serif; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; width: 100%; } .cart .cart-totals table td { padding: 2px 0px; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; } .cart .cart-totals table tbody tr:last-child td, .cart .cart-totals table tbody tr:last-child th { padding-bottom: 10px; } .cart .cart-totals table tfoot td { font-size: 14px; padding: 2px 5px; vertical-align: top; } .cart .cart-totals table tfoot td.a-right { text-align: left; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } .cart .cart-totals table tfoot strong { font-weight: 400; } .discount-form:after, #giftcard-form:after { content: ''; display: table; clear: both; } #discount-coupon-form, .cart .giftcard { width: 100%; } #discount-coupon-form h2, .cart .giftcard h2 { display: none; } #discount-coupon-form label, .cart .giftcard label { font-family: "Helvetica", sans-serif; font-size: 12px; font-weight: 400; text-align: left; text-transform: uppercase; min-width: 105px; display: inline-block; margin-right: 10px; } #discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper { display: inline-block; } #discount-coupon-form .validation-advice, .cart .giftcard .validation-advice { display: inline; } #discount-coupon-form .button-wrapper, .cart .giftcard .button-wrapper { display: inline-block; vertical-align: bottom; } #discount-coupon-form .button-wrapper > button, .cart .giftcard .button-wrapper > button { float: left; } #discount-coupon-form .input-text, .cart .giftcard .input-text { -webkit-border-radius: 0; border-radius: 0; height: 30px; margin: 4px 10px 0 0; width: 190px; } .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; padding: 0px; } .cart .giftcard .check-gc-status > span > span { font-size: 14px; text-transform: none; } /* ============================================ * Checkout - Cart Cross sell ============================================ */ .crosssell h2 { color: #1D336C; } .crosssell #crosssell-products-list .button, .crosssell #crosssell-products-list .add-to-links { display: none; } /* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */ /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Checkout - One Page ============================================ */ .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { display: none; } .checkout-onepage-index .col-main { width: auto; float: none; } .checkout-onepage-index .col-main { float: left; width: 68.75%; padding-right: 20px; } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { width: 31.25%; display: block; } .checkout-onepage-index .col-right { padding-left: 0; } .opc select { width: 365px; } /* -------------------------------------------- * Section Styling - Default */ .opc .section .step-title { width: 100%; border-top: 1px solid #ECECEC; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .opc .section .step-title:after { content: ''; display: table; clear: both; } .opc .section.allow:not(.active) .step-title { cursor: pointer; } /* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */ .no-touch .opc .section.allow:not(.active) .step-title:hover { background-color: #F4F4F4; } .opc .section.active .step-title { border-bottom: 1px solid #ECECEC; } .opc .section .step-title a { display: none; } .opc .section.allow:not(.active) .step-title a { display: block; float: right; line-height: 40px; height: 40px; padding: 0px 10px; } .no-touch .opc .section .step-title a:hover { text-decoration: none; } .opc .section .step-title .number, .opc .section.allow.active .step-title .number, .no-touch .opc .section.allow:hover .step-title .number { width: 26px; height: 26px; text-align: center; color: #FFFFFF; line-height: 26px; background-color: #000000; display: block; position: absolute; top: 50%; left: 10px; margin-top: -13px; } .opc .section.allow .step-title .number { background-color: tint(#000000, 50%); } .opc .section.allow .step-title h2 { color: #A0A0A0; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #1D336C; } .opc .section .step-title h2 { font-size: 16px; font-weight: 400; line-height: 40px; height: 40px; float: left; margin: 0px 4px 0px 45px; } .opc .section .step { padding: 20px; } .opc .section .step:after { content: ''; display: table; clear: both; } .opc h3 { font-weight: 500; } .opc .buttons-set { text-align: left; } .opc .buttons-set button.button { float: left; margin-left: 0; margin-right: 0; margin-bottom: 0; } .opc .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc .buttons-set .back-link { float: right; margin: 0; } .opc .buttons-set a { line-height: 20px; display: inline-block; padding: 5px 5px 5px 0; } .opc #opc-login .step { padding: 0px; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px; } #opc-payment .note { padding: 10px; } /* -------------------------------------------- * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on. It is limited to larger viewports since smaller devices are inherently going to be focused solely on the "Checkout Method" step. */ .opc.opc-firststep-login .section:not(#opc-login) .step-title, .opc-block-progress-step-login { -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; -moz-transition: opacity 300ms; transition: opacity 300ms; } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: width 80ms; -o-transition: width 80ms; -moz-transition: width 80ms; transition: width 80ms; } .opc.opc-firststep-login .section#opc-login .step-title h2 { -webkit-transition: margin-left 80ms; -o-transition: margin-left 80ms; -moz-transition: margin-left 80ms; transition: margin-left 80ms; } /* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the */ /* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the */ /* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */ body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title, body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login { opacity: 0; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number { width: 0px; overflow: hidden; } body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 { margin-left: 0px; } /* -------------------------------------------- * Shipping and Payment methods */ .sp-methods { margin: 0 0 8px; } .sp-methods dt { margin: 13px 0 5px; font-weight: bold; } .sp-methods dt:first-child { margin: 0 0 5px; } .sp-methods dd li { margin: 5px 0; } .sp-methods label img { float: left; } .sp-methods label a { margin-top: 6px; float: right; margin-left: 10px; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods select.month { width: 120px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 4em !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; content: ''; display: table; clear: both; } .sp-methods .checkmo-list label { width: 165px; padding-right: 15px; text-align: right; float: left; } .sp-methods .checkmo-list address { float: left; } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } /* One Page Checkout */ .block-progress { border: 0; margin: 0; border-left: 1px solid #CCCCCC; padding-left: 20px; } .block-progress .block-content { font-size: 13px; } .block-progress dt { padding-top: 6px; margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; margin-bottom: 6px; text-transform: uppercase; font-weight: normal; color: #A0A0A0; } .block-progress dt.complete { color: #2B3451; } .block-progress dd { padding-left: 15px; margin-bottom: 10px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; } .block-progress dd address { font-style: italic; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #2B3451; font-family: Georgia, Times, "Times New Roman", serif; text-transform: none; font-style: italic; float: left; clear: both; font-size: 13px; } .block-progress .payment-info dt:after { content: ': '; } .block-progress .payment-info dd { float: left; margin-bottom: 3px; font-size: 13px; } .block-progress .payment-info:after { content: ''; display: table; clear: both; } /* review step */ #checkout-review-table .btn-remove img { display: none; } /* show/hide "change" link for progress step depend on complete status should be placed in .css file */ .opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator { display: inline; } .opc-block-progress dt a, .opc-block-progress dt .separator { display: none; } /* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */ #checkout-step-review .opc-block-progress { border-left: none; padding-left: 0; } #checkout-step-review .opc-block-progress .block-title { display: none; } #checkout-step-review .opc-block-progress .block-content { display: block !important; padding: 0; } #checkout-step-review .opc-block-progress .block-content > dl > div { float: left; width: 50%; } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } #checkout-step-review .centinel > p { margin-bottom: 10px; } #checkout-step-review .centinel iframe { width: 100%; min-height: 400px; } /* Gift options */ .gift-messages-form .item { content: ''; display: table; clear: both; margin-top: 10px; } .gift-messages-form .item h5 { font-weight: bold; } .gift-messages-form .item .product-img-box { width: auto; float: left; padding-right: 15px; } .gift-messages-form .item .details { float: left; } .gift-message-form .inner-box > div { content: ''; display: table; clear: both; width: 100%; margin-top: 5px; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 5px; } .gift-message-form .gift-wrapping-form label { margin-right: 10px; } .gift-message-form .gift-wrapping-form img { float: left; } .gift-message-form .gift-wrapping-form .gift-wrapping-design { height: 75px; } .gift-message-form .gift-wrapping-form .gift-wrapping-design:after { content: ''; display: table; clear: both; } .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box { margin-right: 5px; } .gift-message-form .gift-item { padding-bottom: 0; margin-bottom: 0; border-bottom: solid 1px #ECECEC; } .gift-message-form .gift-item:after { content: ''; display: table; clear: both; } .gift-message-form .gift-item .product-img-box { width: 200px; } .gift-message-form .gift-item .product-img-box .product-image { width: 75px; margin-left: auto; margin-right: auto; } .gift-message-form .gift-item .product-img-box .product-name { display: block; } .gift-message-form .gift-item .fieldset { margin-left: 200px; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Checkout - Success ============================================ */ .checkout-onepage-success .col-main { padding: 12%; text-align: center; } .checkout-onepage-success .col-main p:first-of-type { font-size: 20px; color: #111; } .checkout-onepage-success .col-main p { font-size: 15px; color: #555555; } .checkout-onepage-success .page-title h1 { text-transform: uppercase; font-size: 24px; border: medium none; } .checkout-onepage-success .sub-title { background: rgba(0, 107, 0, 0.25) none repeat scroll 0% 0%; -webkit-border-radius: 2px; border-radius: 2px; padding: 2%; color: #01540b; font-size: 14px; display: inline-block; } .checkout-onepage-success .buttons-set { margin: 0 0; text-align: center; border: medium none; padding: 20px 0px; } .checkout-onepage-success .buttons-set button { float: none; margin: 0px; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /** @category Mage @package ConfigurableSwatches */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options dt.swatch-attr label { display: block; line-height: 1.3; } /* General Swatch Styling */ .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } .swatch-link img { -webkit-border-radius: 3px; border-radius: 3px; } .swatch-link, .swatch-label { display: block; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; text-align: center; color: #666666; text-decoration: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swatch-link { border: 1px solid #bbbbbb; margin: 0 0 3px; } #narrow-by-list dd .swatch-link { float: left; margin-right: 2px; padding: 0; } .currently .swatch-link { display: inline-block; margin: 0 0 0 10px; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #efefef; } .swatch-link:hover { cursor: pointer; } .currently .swatch-link:hover { cursor: default; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/bg_x.png) center no-repeat transparent; z-index: 10; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #e6e6e6; position: relative; } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } /* Image Swatches */ .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #44f; } .currently .swatch-link:hover { border-color: #bbbbbb; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #D91A00; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; -webkit-border-radius: 3px; border-radius: 3px; } /* CUSTOM */ .availability.out-of-stock span { color: #333; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-options .select-label { display: none; } .product-options dt.swatch-attr label, .product-options dt.swatch-attr .select-label { font-size: 12px; } .product-options dt.swatch-attr .select-label { display: inline; font-weight: normal; color: #00acb1; padding-left: 5px; } /* ============================================ * Customer Register Account ============================================ */ .account-create { padding: 7% 10%; } /* ============================================ * Customer Login ============================================ */ .customer-account-login .col2-set .col-1 { border-right: 1px solid #eaeaea; } .opc #opc-login p:not(.required) { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; font-size: 13px; color: #A0A0A0; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 0; } .remember-me-popup { display: none; border: 1px solid #CCCCCC; padding: 10px; position: relative; } .remember-me-popup.show { display: block; } .remember-me-popup p { font-family: "Open Sans", sans-serif; } .remember-me-popup .remember-me-popup-close { position: absolute; top: 0; right: 0; padding: 10px; font-size: 12px; } .remember-me-popup .remember-me-popup-close-button { display: none; } .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 10px; } .customer-account-create .fieldset .hidden { display: none; } .customer-account-create #remember-me-popup { max-width: 455px; } .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 10px; max-width: 400px; } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } /* ============================================ * My Account Global Styles ============================================ */ body.customer-account .my-account .page-title h1 { border: 0; text-align: left; } body.customer-account .my-account .title-buttons { position: relative; text-align: right; } body.customer-account .my-account .title-buttons h1 { text-align: left; } body.customer-account .my-account .title-buttons .button { position: absolute; right: 0; top: 0; } body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons span.separator { position: relative; top: -42px; } body.customer-account .my-account .fieldset h2, body.customer-account .my-account .addresses-list h2, body.customer-account .my-account .order-details h2 { width: 100%; display: inline-block; } body.customer-account .my-account .addresses-list h3 { font-size: 14px; font-weight: 600; } body.customer-account .my-account .fieldset { margin-top: 10px; margin-bottom: 10px; } body.customer-account .data-table { margin-top: 5px; } body.customer-account .data-table td a { font-family: "Helvetica", sans-serif; text-transform: uppercase; font-style: normal; font-size: 13px; } body.customer-account .sidebar .block ol#compare-items li { margin: 10px 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 5px; } body.customer-account .sidebar .block .block-content .actions { margin-top: 10px; } body.customer-account .sidebar ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name { display: inline-block; margin-bottom: 0; } body.customer-account .sidebar .block-cart .summary { margin-bottom: 5px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input { margin-right: 10px; } body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name { display: inline; margin-bottom: 0; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day { width: 50px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 70px; float: left; } /* ============================================ * Dashboard ============================================ */ .dashboard .box-head { padding: 5px 0px 10px; } .dashboard .box-head h2 { font-size: 15px; font-weight: 600; display: inline-block; margin-bottom: 0; } .dashboard .box-head a { padding: 10px; } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; } .dashboard .welcome-msg { color: #666; margin-bottom: 40px; background: #f2f2f2; padding: 10px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; } .dashboard .box-account { padding: 10px; background: #f2f2f2; margin-bottom: 40px; -webkit-border-radius: 4px; border-radius: 4px; color: #666; } .dashboard .box-account p, .dashboard .box-account address { font-size: 13px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding: 10px; background: #dedede; -webkit-border-radius: 4px; border-radius: 4px; width: 49%; } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { overflow: hidden; } .dashboard .col2-set .col-1 .box-title h2, .dashboard .col2-set .col-1 .box-title h3, .dashboard .col2-set .col-2 .box-title h2, .dashboard .col2-set .col-2 .box-title h3 { font-weight: 600; font-size: 14px; margin-bottom: 0; float: left; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { float: right; text-indent: -999999px; position: relative; display: block; width: 18px; background: #fff none repeat scroll 0% 0%; height: 18px; line-height: 18px; text-align: center; border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; } .dashboard .col2-set .col-1 .box-title a:after, .dashboard .col2-set .col-2 .box-title a:after { content: ""; position: absolute; left: 0px; top: 0px; width: 12px; height: 12px; background: transparent url("../images/btn_edit.gif") no-repeat scroll center center/contain; right: 0px; bottom: 0px; margin: auto; } .dashboard .col2-set .col-1 .box-title a:hover, .dashboard .col2-set .col-2 .box-title a:hover { border-color: #999; } .dashboard .box-content p a, .dashboard .box-head a { background: #f2f2f2 none repeat scroll 0% 0%; display: inline-block; padding: 2px 5px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); color: #888888; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-top: 10px; } .dashboard .box-content p a:hover, .dashboard .box-head a:hover { background: white none repeat scroll 0% 0%; color: #333333; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); } .dashboard .box-head a { float: right; margin: 0; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #EDEDED; } .dashboard .box-reviews li:first-child { border-top: 0; } .dashboard .box-reviews li .number { margin-right: -20px; float: left; line-height: 1.4; font-size: 13px; } .dashboard .box-reviews li .details { margin-left: 20px; } .dashboard .box-reviews li .details .ratings { content: ''; display: table; clear: both; margin-bottom: 0; } .dashboard .box-reviews li .details .ratings strong { float: left; font-family: "Helvetica", sans-serif; font-size: 13px; margin-right: 5px; } .dashboard .box-reviews li .details .ratings .rating-box { float: left; margin: 3px 0 0 0; } /* ============================================ * Address Book ============================================ */ .my-account .addresses-list { font-family: Georgia, Times, "Times New Roman", serif; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { padding-bottom: 0; } .my-account .addresses-list .item { margin: 0 0 10px 0; } .my-account .addresses-list .item p { margin-top: 10px; } /* ============================================ * Order View ============================================ */ .order-info { padding-bottom: 10px; border-bottom: 1px solid #EDEDED; width: 100%; margin-bottom: 10px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { margin-right: 20px; } .order-info li { margin: 0 0 0 20px; } .order-info li.current { font-weight: 600; } .order-info li:first-child { margin-left: 0; } .order-date { font-family: "Helvetica", sans-serif; text-transform: uppercase; } .order-info-box { margin-bottom: 40px; margin-top: 20px; } .order-info-box + .order-info-box { padding-bottom: 40px; border-bottom: 1px solid #EDEDED; } .order-info-box .col-1 { padding-right: 0; width: 48%; } .order-info-box .col-2 { width: 52%; } .order-info-box .col-1, .order-info-box .col-2 { overflow: hidden; padding-top: 0; padding-bottom: 0; } .order-info-box .box-title { width: 150px; padding-right: 10px; float: left; } .order-info-box .box-title h2 { font-size: 14px; font-family: "Helvetica", sans-serif; font-weight: bold; line-height: 1.5; } .order-info-box .box-title h2:after { content: ':'; } .order-info-box .box-content { float: left; font-family: Georgia, Times, "Times New Roman", serif; } .order-info-box .box-content td, .order-info-box .box-content th { font-family: Georgia, Times, "Times New Roman", serif; line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 5px; } .order-info-box .box-content strong { font-family: "Helvetica", sans-serif; font-weight: normal; text-transform: uppercase; } #my-orders-table .option-label { margin-left: 10px; font-weight: 600; font-style: italic; } #my-orders-table .option-value { margin-left: 20px; } #my-orders-table tr.bundle:not(:last-child) td { border-bottom: none; border-top: none; } ol#cart-sidebar-reorder li { margin-top: 10px; margin-bottom: 0; } ol#cart-sidebar-reorder li input { margin-right: 10px; } ol#cart-sidebar-reorder p.product-name { display: inline; } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } /* ============================================ * Newsletter Subscriptions ============================================ */ body.newsletter-manage-index .my-account .fieldset { margin-bottom: 20px; } body.newsletter-manage-index .my-account .fieldset h2 { display: none; } body.newsletter-manage-index .my-account .form-list { border-top: 1px solid #EDEDED; padding-top: 0; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Contacts ============================================ */ .contacts-index-index .buttons-set { margin-left: 10px; max-width: 435px; } .contacts-index-index .buttons-set p.required { float: left; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * PayPal ============================================ */ .paypal-review-order .info-set { margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #EDEDED; } .paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0; } .paypal-review-order .buttons-set button { margin-bottom: 0; } .bml-ad { display: none; } .bml-ad.small img { margin: auto; max-width: 100%; } .bml-ad.large { display: block; } div.paypal-logo { text-align: center; margin: 5px 0; max-width: 100%; } div.paypal-logo span { display: block; width: 100%; } div.paypal-logo span a { display: inline-block; max-width: 100%; } div.paypal-logo span a img { max-width: 100%; } div.paypal-logo span > img { display: none; } .checkout-types div.paypal-logo { text-align: right; } .bml-checkout-type { list-style-type: none; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Review - Customer ============================================ */ #customer-reviews { width: auto; float: none; } #customer-reviews .review-heading { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0 0 5px; } #customer-reviews .review-heading:after { content: ''; display: table; clear: both; } #customer-reviews .review-heading h2 { float: left; display: block; } #customer-reviews .review-heading .pager { clear: none; float: right; width: auto; } #customer-reviews .review-heading .pager .count-container .limiter { margin-bottom: 0; } #customer-reviews .review-heading .pager .count-container .limiter label { font-family: "Helvetica", sans-serif; font-size: 10px; text-transform: uppercase; } #customer-reviews .review-heading .pager .amount { display: none; } #customer-reviews h2 { color: #1D336C; font-size: 12px; text-transform: uppercase; } #customer-reviews h2 span { color: #2B3451; } #customer-reviews h3 { font-family: "Helvetica", sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; } #customer-reviews h3 span { color: #1D336C; } #customer-reviews .fieldset { padding-top: 25px; width: 470px; } #customer-reviews .fieldset h4 { border-bottom: 1px solid #CCCCCC; font-family: "Helvetica", sans-serif; font-size: 12px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } #customer-reviews .fieldset h4 em { display: none; } #customer-reviews .fieldset .form-list { font-family: "Helvetica", sans-serif; font-size: 12px; font-weight: normal; margin: 0 0; text-transform: uppercase; width: 470px; } #customer-reviews .fieldset .form-list .inline-label:after { content: ''; display: table; clear: both; } #customer-reviews .fieldset .form-list label { font-size: 12px; font-weight: normal; } #customer-reviews .fieldset .form-list textarea { border: 1px solid #CCCCCC; -webkit-border-radius: 0; border-radius: 0; min-width: 100%; -webkit-appearance: none; } #customer-reviews .fieldset .form-list input { border: 1px solid #CCCCCC; -webkit-border-radius: 0; border-radius: 0; } #customer-reviews .fieldset .form-list input[type="text"] { width: 100%; } #customer-reviews .buttons-set { border: none; margin: 0; width: 470px; } #customer-reviews dl { font-family: "Helvetica", sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 0; } #customer-reviews dl dt { margin: 0 0; text-transform: uppercase; } #customer-reviews dl dd { font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; margin: 0 0; } #customer-reviews dl dd .ratings-table { font-family: "Helvetica", sans-serif; font-size: 12px; width: 100%; } #customer-reviews dl dd .ratings-table tr { float: left; margin-right: 15px; } #customer-reviews dl dd table { margin: 15px 0; } #customer-reviews dl dd .review-meta { color: #1D336C; font-family: "Helvetica", sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; } .review-summary-table { border-bottom: 1px solid #CCCCCC; margin: 0 0 0; } .review-summary-table thead { background: transparent; } .review-summary-table thead th { background: transparent; border: none; padding: 15px 7px 10px 8px; } .review-summary-table tbody th { background: #FFFFFF; font-size: 12px; } .review-summary-table tbody td { border: none; text-align: center; padding: 0; } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; } .review-summary-table .rating-box .rating-number { display: none; } .review-summary-table .rating-box .rating-number:after { content: ""; display: inline-block; background-position: 0px -599px; width: 13px; height: 14px; margin-left: 5px; position: relative; top: 2px; } /* ============================================ * Ratings - Global ============================================ */ .ratings-table { font-family: "Helvetica", sans-serif; font-size: 12px; text-transform: uppercase; } .ratings-table th { padding-right: 10px; } .ratings-table .rating-box { background-position: 0 -615px; background-repeat: repeat-x; height: 13px; overflow: hidden; text-indent: -9999px; width: 65px; } .ratings-table .rating-box .rating { background-position: 0 -600px; background-repeat: repeat-x; float: left; height: 13px; text-indent: -9999px; } /* ============================================ * Review View Page ============================================ */ .review-product-view .product-review .product-details h2 { border-bottom: none; } .review-product-view .product-review .product-img-box { width: auto; max-width: 50%; } .review-product-view .product-review .product-img-box > a { width: 100%; } .review-product-view .product-review .product-img-box .product-image { width: 100%; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Slideshow ============================================ */ .slideshow-container { position: relative; display: block; width: 100%; margin: 0 0; border: 1px solid #EDEDED; } .slideshow-container .slideshow { width: 100%; padding: 0; position: relative; margin: 0; border: 10px solid #FFFFFF; } .slideshow-container .slideshow > li { position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; margin: 0; } .slideshow-container .slideshow > li:first-child { position: static; z-index: 100; } .slideshow-container .slideshow > li img { max-width: 100%; width: 100%; } .slideshow-pager { text-align: center; width: 100%; z-index: 115; position: absolute; bottom: 0px; top: auto; overflow: hidden; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-pager span { font-family: arial; width: 44px; height: 44px; display: inline-block; color: #DDDDDD; cursor: pointer; } .slideshow-pager span:before { content: ''; display: block; width: 16px; height: 16px; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; -webkit-border-radius: 1px; border-radius: 1px; background-color: #FFFFFF; position: relative; } .slideshow-pager span:hover:before { background-color: #182a58; } .slideshow-pager span.cycle-pager-active:before { background-color: #122044; } .slideshow-pager > * { cursor: pointer; } .slideshow-prev, .slideshow-next { position: absolute; top: 0; width: 15%; max-width: 80px; height: 100%; opacity: 0.6; z-index: 110; cursor: pointer; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .slideshow-prev:before, .slideshow-next:before { content: ''; width: 0; height: 0; font-size: 0; position: absolute; border-style: solid; display: block; top: 50%; margin-top: -15px; } .slideshow-prev:hover, .slideshow-next:hover { opacity: 1; } .slideshow-prev.disabled, .slideshow-next.disabled { opacity: 0.5; cursor: default; } .slideshow-prev { left: 8px; } .slideshow-prev:before { border-width: 15px 15px 15px 0; border-color: transparent #FFFFFF transparent transparent; top: 50%; left: 10px; } .slideshow-prev:hover:before { border-color: transparent #182a58 transparent transparent; } .slideshow-next { right: 8px; } .slideshow-next:before { border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #FFFFFF; top: 50%; right: 10px; } .slideshow-next:hover:before { border-color: transparent transparent transparent #182a58; } .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 110; } .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 120; background: black; color: white; padding: 15px; opacity: .5; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Wishlist ============================================ */ #wishlist-table th { text-align: center; } #wishlist-table.clean-table { font-family: "Helvetica", sans-serif; font-size: 12px; text-transform: uppercase; width: 100%; } #wishlist-table.clean-table th { border-bottom: 1px solid #C0C0C0; } #wishlist-table.clean-table td { padding: 15px; vertical-align: top; } #wishlist-table.clean-table thead th { font-family: "Helvetica", sans-serif; font-size: 12px; text-transform: uppercase; } #wishlist-table .product-name { font-size: 16px; font-family: "Helvetica", sans-serif; margin-bottom: 0; text-transform: uppercase; } #wishlist-table .product-name a { color: #000000; } #wishlist-table .wishlist-sku { font-size: 11px; font-family: "Helvetica", sans-serif; margin: 5px 0; } #wishlist-table textarea { border: 1px solid #C0C0C0; width: 100%; height: 45px; font-size: 11px; font-family: "Helvetica", sans-serif; } #wishlist-table textarea::-webkit-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea::-moz-placeholder { text-transform: uppercase; } #wishlist-table textarea:-ms-input-placeholder { text-transform: uppercase; } #wishlist-table textarea:focus { border: 1px solid #1D336C; } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; } #wishlist-table .item-manage .button { color: #FFFFFF; font-size: 11px; padding: 3px 5px; } #wishlist-table .cart-cell { text-align: center; } #wishlist-table td.customer-wishlist-item-image { width: 113px; } #wishlist-table td.customer-wishlist-item-quantity { width: 3em; } #wishlist-table td.customer-wishlist-item-price { width: 120px; text-align: center; } #wishlist-table td.customer-wishlist-item-cart { width: 150px; } #wishlist-table td.customer-wishlist-item-cart .button { font-size: 12px; margin-bottom: 0; padding: 3px 5px; width: 100%; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart > p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { text-align: center; } #wishlist-table td.customer-wishlist-item-cart .btn-remove { vertical-align: top; } #wishlist-table td.customer-wishlist-item-remove { width: 20px; } #wishlist-table .price-box { font-family: "Helvetica", sans-serif; font-size: 12px; } #wishlist-table .price-box .price { color: #2B3451; } #wishlist-table .giftregisty-add { margin-top: 5px; } #wishlist-table .giftregisty-add .change { display: none; } #wishlist-table .giftregisty-add li { cursor: pointer; color: #000000; margin-bottom: 3px; } #wishlist-table .truncated .details { background: none; color: #000000; } #wishlist-table.clean-table td { padding-left: 10px; padding-right: 10px; } /* ============================================ * Wishlist Sidebar ============================================ */ .block-wishlist .mini-products-list > li:not(:last-child) { padding-bottom: 5px; } .block-wishlist .product-details .product-name { padding-top: 0; margin-bottom: 5px; } .block-wishlist .price-box { float: left; margin: 0; } .block-wishlist .price-box, .block-wishlist .price-box .price, .block-wishlist .link-cart { font-size: 12px; } .block-wishlist .link-cart { float: left; text-transform: uppercase; margin-right: 7px; padding-right: 7px; border-right: 1px solid #EDEDED; } /* ============================================ * Checkout - Mini cart ============================================ */ #header-cart .minicart-message { display: block; padding: 10px; } #header-cart .block-cart { display: none; } #header-cart .block-subtitle { color: #50A4CF; font-family: "Helvetica",sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; position: relative; display: block; white-space: nowrap; padding-right: 20px; } #header-cart .block-subtitle .close { color: #636363; position: absolute; top: -10px; right: 0px; font-size: 20px; text-decoration: none; } #header-cart .mini-products-list li { position: relative; background: #f2f2f2; margin-bottom: 10px; padding: 5px; -webkit-border-radius: 3px; border-radius: 3px; } #header-cart .mini-products-list li.last { border: none; } #header-cart .mini-products-list li .product-details { position: relative; } #header-cart .product-details .product-name { padding-top: 0px; font-weight: bold; } #header-cart .product-details .product-name a { color: #000000; } #header-cart .info-wrapper { margin-bottom: 0.5em; } #header-cart .info-wrapper th { text-transform: uppercase; padding-right: 0; } #header-cart .info-wrapper td { color: #1D336C; clear: right; } #header-cart .info-wrapper td .price { display: inline-block; float: right; } #header-cart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } #header-cart .info-wrapper .qty { border: none; background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); width: 55px; } #header-cart .info-wrapper .quantity-button { opacity: 0; width: 30px; height: 30px; background: transparent url("../images/i_msg-success.png") no-repeat scroll center center/70%; text-indent: -9999px; -webkit-transition: opacity 100ms; -o-transition: opacity 100ms; -moz-transition: opacity 100ms; transition: opacity 100ms; } #header-cart .info-wrapper .quantity-button[disabled] { cursor: default; } #header-cart .info-wrapper .quantity-button.visible { opacity: 1; } #header-cart .btn-edit, #header-cart .remove { display: inline-block; text-indent: -99999px; width: 30px; height: 30px; background: transparent none repeat scroll 0 0; } #header-cart .btn-edit { background-image: url("../images/customize.png"); } #header-cart .remove { background-image: url("../images/icon_sprite.png"); background-position: left top -644px; } #header-cart .subtotal { background-color: #DDDDDD; text-align: center; line-height: 2em; } #header-cart .subtotal .label { color: black; text-transform: uppercase; } #header-cart .subtotal .price { color: #1D336C; } #header-cart .block-content { padding: 0px; margin-bottom: 10px; } #header-cart .minicart-actions { margin-top: 0px; overflow: hidden; position: relative; } #header-cart .minicart-actions .checkout-button, #header-cart .minicart-actions .cart-link { padding: 5px; display: inline-block; float: none; background: #eee none no-repeat scroll left center; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; color: #222222; font-size: 11px; height: 26px; } #header-cart .minicart-actions .checkout-button { background-image: url("../images/checkout.png"); } #header-cart .minicart-actions .cart-link { background-image: url("../images/cart.png"); } #header-cart .minicart-actions .checkout-types li { display: inline-block; width: 50%; float: left; margin: 0px; } #header-cart .minicart-actions .checkout-types li:first-child { padding-right: 1%; } #header-cart .minicart-actions .checkout-types li:last-child { padding-left: 1%; } #header-cart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } #header-cart #minicart-error-message { text-align: center; color: red; display: none; } #header-cart #minicart-success-message { text-align: center; color: green; display: none; } #header-cart .jcarousel-control-prev, #header-cart .jcarousel-control-next { display: none; } /* ============================================ * Search - Auto Suggest ============================================ */ .search-autocomplete { left: 0 !important; overflow: visible !important; position: relative !important; top: 29px !important; width: 100% !important; z-index: 200; } .search-autocomplete ul { -webkit-border-radius: 2px; border-radius: 2px; background-color: #FFFFFF; border: 1px solid #1D336C; left: 0; padding-left: 0; position: absolute; top: 0; width: 100%; } .search-autocomplete ul li { border-bottom: 1px solid #F4F4F4; color: #000000; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; } .search-autocomplete ul li:hover { color: black; } .search-autocomplete ul li.selected { background-color: #2C3551; color: white; } .search-autocomplete ul li .amount { float: right; font-weight: bold; } .search-autocomplete ul li:last-child { border-bottom: none; } .search-autocomplete:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #2C3551; border-top: none; left: 50%; top: -7px; } /* ============================================ * Search - Advanced ============================================ */ .advanced-search { background: #F4F4F4; border: 1px solid #EDEDED; padding: 10px; } .advanced-search select.multiselect option { border-bottom: 1px solid #EDEDED; padding: 2px 5px; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Account - Reviews ============================================ */ .product-review .product-img-box p.label { border-bottom: 1px solid #CCCCCC; font-size: 16px; font-family: "Helvetica", sans-serif; margin-top: 20px; padding-bottom: 0; text-transform: uppercase; } .product-review .product-img-box .rating-box { margin: 15px 0; } .product-review .product-details h2 { border-bottom: 1px solid #CCCCCC; color: #3399CC; font-size: 16px; font-weight: 600; font-family: "Helvetica", sans-serif; padding-bottom: 0; } .product-review .ratings-table { font-family: "Helvetica", sans-serif; } .product-review .ratings-table th { padding-right: 0; } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 0; text-transform: uppercase; } .product-review .ratings-description dt { border-bottom: 1px solid #CCCCCC; font-size: 16px; font-weight: 400; font-family: "Helvetica", sans-serif; margin-top: 20px; padding: 0 0; text-transform: uppercase; } .product-review .ratings-description dd { color: #737373; font-family: "Helvetica", sans-serif; font-size: 13px; } .product-review .ratings-table tr { float: none; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * CMS Pages ============================================ */ .cms-page-view .page-title h1, .cms-page-view .page-title h3, .cms-page-view .page-head h1, .cms-page-view .page-head h3, .cms-no-route .page-title h1, .cms-no-route .page-title h3, .cms-no-route .page-head h1, .cms-no-route .page-head h3 { border: none; } .cms-page-view .std img, .cms-no-route .std img { max-width: 100%; } .cms-page-view .std p, .cms-no-route .std p { color: #2B3451; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; font-style: italic; line-height: 24px; } .cms-page-view .std h1, .cms-no-route .std h1 { color: #1D336C; } .cms-page-view .std h2, .cms-no-route .std h2 { color: #1D336C; } .cms-page-view .std li, .cms-no-route .std li { color: #2B3451; font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; font-style: italic; line-height: 24px; } .cms-page-view .col-left:after, .cms-no-route .col-left:after { content: ''; display: table; clear: both; } .cms-no-route .std img { width: 100%; } .cms-page-view .std .messages, .cms-home .std .messages, .cms-no-route .std .messages { margin-bottom: 10px; } .cms-page-view .std .messages ul, .cms-home .std .messages ul, .cms-no-route .std .messages ul { margin-bottom: 0; } .cms-page-view .std .messages li, .cms-home .std .messages li, .cms-no-route .std .messages li { list-style: none; margin-left: 0; font-style: normal; font-family: "Helvetica Neue", Verdana, Arial, sans-serif; } #accordion .toggle-tabs { display: none; } #accordion > dl > dt { margin: 0; margin-bottom: 10px; color: #2B3451; font-family: "Helvetica", sans-serif; font-size: 14px; font-weight: bold; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; font-weight: normal; margin-bottom: 0px; padding: 7px 10px 7px 24px; border-width: 1px; border-style: solid; border-color: #CCCCCC; position: relative; background-color: #F4F4F4; display: block; } #accordion > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #000000; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } #accordion > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #CCCCCC; } #accordion > dl > dd:last-child { border-width: 0 1px 1px 1px; } #accordion li { position: relative; overflow: hidden; } #accordion li .plusimage h2 { margin-right: 0; } .page-sitemap .links { display: block; text-align: right; margin: 0 20px 0 0; } .page-sitemap .links a { position: relative; } .page-sitemap .sitemap { padding: 0 20px; margin: 15px 0; font-size: 12px; } .page-sitemap .sitemap li { margin: 3px 0; } .contacts-index-index h1 { border: none; } #contactForm { padding-left: 40px; } #contactForm h2 { display: none; } #contactForm:after { content: ''; display: table; clear: both; } #contactForm .fieldset .legend + .required { margin: 0; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Pricing Conditions ============================================ */ .price-box.map-info .old-price { display: none; } .price-box .minimal-price-link .label { color: #CF5050; font-family: "Helvetica", sans-serif; font-size: 12px; text-transform: uppercase; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Cookies ============================================ */ .notice-cookie .notice-inner { padding-bottom: 0; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: left; max-width: 90%; padding-top: 4px; text-align: left; } .notice-cookie .notice-text p { padding-bottom: 14.5px; line-height: 1.3; } .notice-cookie .actions { float: left; text-align: right; padding-bottom: 14.5px; } /** 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. @category design @package default_default @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================ * Calendar styles (restore styles from /js/calendar) ============================================ */ div.calendar table { border-collapse: separate; } div.calendar table td.button { display: table-cell; background: inherit; color: inherit; text-transform: none; } /* fonts @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600); */ @font-face { font-family: 'Amrgaran'; src: url("../fonts/amrgaran/amrgaran-webfont.eot"); src: url("../fonts/amrgaran/amrgaran-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amrgaran/amrgaran-webfont.woff") format("woff"), url("../fonts/amrgaran/amrgaran-webfont.ttf") format("truetype"), url("../fonts/amrgaran/amrgaran-webfont.svg#amerigarmnd_btroman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica-condensedregular'; src: url("../fonts/hec/hec-webfont.eot"); src: url("../fonts/hec/hec-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/hec/hec-webfont.woff") format("woff"), url("../fonts/hec/hec-webfont.ttf") format("truetype"), url("../fonts/hec/hec-webfont.svg#helvetica-condensedregular") format("svg"); font-weight: normal; font-style: normal; } /* Adsoft Custom theme - layout addons and overrides */ .form-language label[for="select-language"] { display: none; } /* Mini Products Grid */ .mini-products-grid { width: 100%; } .mini-products-grid td { width: 20%; padding: 0 8px 8px 0; } .mini-products-grid .product-image { display: block; border: 1px solid #cacaca; margin: 0 0 10px; } .mini-products-grid .product-name { width: 115px; margin: 0 0 6px; overflow: hidden; } .mini-products-grid .product-name a { color: #444; text-decoration: underline; } .mini-products-grid .product-name a:hover { text-decoration: none; } .mini-products-grid td.last { padding-right: 0; } .mini-products-grid .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } /* product list */ .rightt { float: right; width: 200px; } .product-shop .adsoft-padding { padding: 15px; } .catalog-product-view .std p { margin: 0 !important; } .catalog-product-view .product-essential .product-shop .block1 { float: left; width: 80%; } .catalog-category-view .std p { margin: 0 !important; } /* Product Tabs */ .product-tabs { margin-bottom: 15px; border-bottom: 1px solid #666; background: #f2f2f2 url(../images/bkg_tabs.gif) 0 100% repeat-x; } .product-tabs li { float: left; border-right: 1px solid #a4a4a4; border-left: 1px solid #fff; font-size: 1.1em; line-height: 1em; } .product-tabs li.first { border-left: 0; } .product-tabs li.last { border-right: 0; } .product-tabs a { display: block; padding: 6px 15px; color: #444; } .product-tabs a:hover { background-color: #ddd; text-decoration: none; color: #444; } .product-tabs li.active a, .product-tabs li.active a:hover { background-color: #666; font-weight: bold; color: #fff; } .product-tabs-content h2 { display: none; font-size: 12px; font-weight: bold; } /* adsoft banner */ .adsoft-banner { margin-bottom: 10px !important; position: relative; font-family: 'Open Sans' sans-serif; text-align: center; width: 100%; /*max-width: 233px;*/ margin: 0 auto; height: 175px; } .adsoft-banner .adsoft-banner span { text-shadow: 1px 2px 1px white; } .adsoft-banner img { -webkit-border-radius: 5px; border-radius: 5px; width: 100%; /* max-width:100%; -moz-box-shadow: 1px 1px 0px rgba(44,53,81,0.15); -webkit-box-shadow: 1px 1px 0px rgba(44,53,81,0.15); box-shadow: 1px 1px 0px rgba(44,53,81,0.15);*/ margin: 0 auto; } .adsoft-banner .adsoft-banner-text { position: absolute; /*bottom:15px;*/ width: 100%; min-height: 93%; background-color: #ffffff; padding: 10px 0; -webkit-border-radius: 3px; border-radius: 3px; } .adsoft-banner .adsoft-banner-text span { display: inline-block; text-align: center; color: #333333; padding: 2px 0; } .adsoft-banner .adsoft-banner-text span.style1 { font-size: 14px; line-height: 14px; max-width: 75px; text-align: right; } .adsoft-banner .adsoft-banner-text span.style2 { font-size: 37px; font-weight: bold; line-height: 30px; letter-spacing: -3px; color: #2C3551; } .adsoft-banner .adsoft-banner-text span.style3 { font-size: 17px; max-width: 100px; text-align: left; line-height: 18px; } .adsoft-banner .adsoft-banner-text span.style4 { color: #ebaf33; font-weight: bold; font-size: 30px; line-height: 25px; max-width: 45%; text-align: right; text-transform: lowercase; letter-spacing: -2px; } .adsoft-banner .adsoft-banner-text .banner-button { text-align: center; margin-top: 8px; } .adsoft-banner .adsoft-banner-text .banner-button a { display: inline-block; width: auto; max-width: 85%; margin: 0 auto; background: #2c3552; padding: 6px 25px; color: #fff; text-decoration: none; cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: bold; -webkit-border-radius: 3px; border-radius: 3px; } .adsoft-video #vimeo img { -webkit-border-radius: 5px; border-radius: 5px; } .adsoft-banner2 { background: #f3f3f3 none repeat scroll 0% 0%; margin-top: 20px; -webkit-border-radius: 5px; border-radius: 5px; font-family: "Open Sans", Sans-serif; } .adsoft-banner2 .adsoft-banner-title { background: transparent url("../images/banner2.png") no-repeat scroll cover; padding: 40px 20px 10px; } .adsoft-banner2 .adsoft-banner-title h3 { font-size: 18px; font-weight: bold; color: #2c3551; text-transform: none; margin-bottom: 0px; } .adsoft-banner2 .adsoft-banner-title h1 { font-size: 29px; font-weight: bold; color: #2c3551; text-transform: uppercase; margin: 0; } .adsoft-banner2 .adsoft-banner-text { padding: 10px; } .adsoft-banner2 .adsoft-banner-text li { list-style: none; font-weight: bold; color: #2c3551; text-transform: uppercase; font-size: 14px; position: relative; padding-left: 80px; line-height: 45px; margin-bottom: 10px; } .adsoft-banner2 .adsoft-banner-text li:before { content: ""; position: absolute; left: 0; top: 0; height: 45px; width: 60px; background: transparent none no-repeat scroll center center; } .adsoft-banner2 .adsoft-banner-text li.style1:before { background-image: url("../images/award.png"); } .adsoft-banner2 .adsoft-banner-text li.style2:before { background-image: url("../images/options.png"); } .adsoft-banner2 .adsoft-banner-text li.style3:before { background-image: url("../images/offer.png"); } .adsoft-banner2 .adsoft-banner-text li.style4:before { background-image: url("../images/fast.png"); } .adsoft-banner2 .adsoft-banner-text li.style5:before { background-image: url("../images/free.png"); } .adsoft-banner2 .adsoft-banner-text li span { line-height: 15px; display: inline-block; vertical-align: middle; } .prod-content a { display: block; min-height: 48px; text-decoration: none; text-align: left; cursor: pointer; } .cms-index-index .prod-content span.prod-desc { display: block; min-height: 50px; } .readmore-js-toggle, .readmore-js-section { padding-right: 10px; } a.readmore-js-toggle { padding: 10px 0; float: left; clear: left; } /* sidebar */ .sidebar-contact-number { -webkit-border-radius: 3px; border-radius: 3px; margin: 20px auto; -webkit-box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); background: url(../images/phone_icon.png) no-repeat 5px 8px #eec201; min-height: 115px; width: auto; max-width: 233px; position: relative; } .sidebar-contact-number div { position: relative; font-family: "Open Sans", sans-serif; color: #2C3551; width: auto; clear: both; display: block; text-align: left; line-height: normal; } .sidebar-contact-number .title { font-weight: bold; text-transform: uppercase; max-width: 70%; float: right; font-size: 18px; margin: 3px 0 0 0; padding: 0; line-height: 20px; } .sidebar-contact-number .text { font-weight: normal; text-transform: none; max-width: 70%; float: right; font-size: 14px; margin: 4px 0 0 0; } .sidebar-contact-number .number { font-weight: bold; text-transform: uppercase; width: 100%; margin: 5px 0 0 0; font-size: 20px; margin: 0 auto; text-align: center; } .adsoft_custom { -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); } /* home products */ .cms-index-index h2 { font-size: 14px; text-transform: uppercase; color: #2C3551; margin: 0 0 10px; font-family: Open Sans; font-weight: normal; } #home-products { width: 100%; margin: 0 auto; text-align: center; display: block; height: 100%; } #home-products .products-list { width: 100%; margin: 0 auto; text-align: center; display: block; min-height: 101%; position: relative; } #home-products .products-list .item { list-style-type: none; width: 31%; margin: 1% 1.15%; -webkit-border-radius: 3px; border-radius: 3px; background: #FFFFFF; display: inline-block; padding: 5px; border: none; outline: 0; overflow: hidden; } #home-products .products-list .item .last { margin-right: 0 !important; } #home-products .products-list .item .separator { clear: both; width: 100%; margin: 0 auto; height: 1px; border-top: 1px solid #2C3551; } #home-products .products-list .item .prod-img { margin: 0 auto; padding: 5px; text-align: center; } #home-products .products-list .item .prod-img img { width: 100%; margin: 0; } #home-products .products-list .item .product-shop { padding: 5px 5px; margin: 10px 0 0 0; text-align: center; width: 100%; float: none; display: block; } #home-products .products-list .item .product-shop span.prod-title { color: #2C3551; text-align: left; /*text-transform: uppercase;*/ font-size: 14px; font-family: "Open Sans", sans-serif; display: block; } #home-products .products-list .item .product-shop span.prod-desc { color: #a6a6a6; text-align: left; font-size: 13px; font-family: "Open Sans", sans-serif; display: block; } #home-products .products-list .item .product-shop span.prod-price { color: #eec201; text-align: center; font-size: 15px; padding: 0 2px; font-family: "Open Sans", sans-serif; display: inline-block; vertical-align: middle; } #home-products .products-list .item .product-shop .action { text-align: center; -moz-box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); padding: 0; display: inline-block; vertical-align: middle; } #home-products .products-list .item .product-shop .action .btn-cart { display: block; width: auto; border: 1px solid transparent; padding: 0; margin: 0; float: none; background: #2C3551; cursor: pointer; -webkit-box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); box-shadow: 1px 1px 0px rgba(44, 53, 81, 0.3); -webkit-border-radius: 5px; border-radius: 5px; } #home-products .products-list .item .product-shop .action .btn-cart:hover { background: #61687d; border: 1px solid #2C3551; } #home-products .products-list .item .product-shop .action .btn-cart .disabled > span { color: #bbb !important; } #home-products .products-list .item .product-shop .action .btn-cart span { padding: 2px; font-size: 13px; font-family: "Open Sans", sans-serif; text-align: center; white-space: nowrap; color: #FFFFFF; text-transform: uppercase; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-border-radius: 5px; border-radius: 5px; display: block; } .flagsonly { display: none; } .flagsonly a { display: inline-block; margin: 0 0 0 10px; padding: 0; line-height: 12px; width: 45px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .flagsonly a img { width: 100%; display: block; vertical-align: middle; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .flagsonly a.active img, .flagsonly a:hover img { opacity: 1.0; filter: alpha(opacity=100); } .products-list .product-shop .price-box { margin: 20px 0px 40px; float: none; max-width: 100%; } .products-list .product-shop .price-box .label { font-weight: bold; color: #555; font-size: 11px; } .products-list .product-shop .price-box .price { padding-left: 20px; } div.input-email { width: 100% !important; } .footer { -webkit-border-radius: 5px; border-radius: 5px; } .footer .links li { display: inline-block; padding: 0px 8px 0 8px; border-right: 1px solid #e4e3e3; } .footer .links li a { text-transform: none; font-size: 13px; } .footer .links li:last-child { border-right: none; } .footer .block-subscribe { float: left; } .footer .block-subscribe .block-content .form-subscribe-header label { font-size: 11px; font-family: 'Open Sans', Sans-Serif; color: #9C9C9C; margin-bottom: 20px; } .footer .block-subscribe .block-content .input-box input[type=email] { background-color: #ebedf3 !important; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .footer .block-subscribe .block-content .input-box .input-text { border: 0px solid #C0C0C0; } nav.nav { margin-top: 4px; } nav.nav ul li:first-child { padding-left: 0px; } nav.nav ul li { padding: 7px; -webkit-border-radius: 5px; border-radius: 5px; float: left; } nav.nav ul li a { display: inherit; } nav.nav ul li a .text { -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; position: relative; top: 90px; text-align: left; padding-left: 25px; padding-top: 6px; font-family: 'OpenSans', Sans-serif; font-size: 16px; font-weight: 600; color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, rgba(97, 104, 125, 0.9)), to(rgba(97, 104, 125, 0.9))); background-image: -webkit-linear-gradient(left, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-image: -moz-linear-gradient(left, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-image: -o-linear-gradient(left, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-image: linear-gradient(to right, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-position: 0% 0%; -webkit-background-size: 200% 100%; -o-background-size: 200% 100%; background-size: 200% 100%; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; width: 100%; display: block; height: 42px; } nav.nav ul li div.coin-slider { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 5px; border-radius: 5px; } nav.nav ul li div.coin-slider .cs-title { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; position: relative; top: 90px; text-align: left; padding-left: 25px; padding-top: 6px; font-family: 'OpenSans', Sans-serif; font-size: 16px; font-weight: 600; color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, rgba(97, 104, 125, 0.9)), to(rgba(97, 104, 125, 0.9))); background-image: -webkit-linear-gradient(left, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-image: -moz-linear-gradient(left, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-image: -o-linear-gradient(left, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-image: linear-gradient(to right, transparent, transparent 50%, rgba(97, 104, 125, 0.9) 50%, rgba(97, 104, 125, 0.9)); background-position: 0% 0%; -webkit-background-size: 200% 100%; -o-background-size: 200% 100%; background-size: 200% 100%; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; width: 100%; display: block; height: 42px; } nav.nav ul li div.coin-slider:hover .cs-title { background-position: -100% 0%; } nav.nav ul li a.biglink > div { -webkit-box-shadow: none; box-shadow: none; } nav.nav ul li a.biglink:hover .text { background-position: -100% 0%; } nav.nav ul li:last-child { padding-right: 0px; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 0.3; } 60% { opacity: 0.5; } 80% { opacity: 0.9; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 0.3; } 60% { opacity: 0.5; } 80% { opacity: 0.9; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 0.3; } 60% { opacity: 0.5; } 80% { opacity: 0.9; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 0.3; } 60% { opacity: 0.5; } 80% { opacity: 0.9; } 100% { opacity: 1; } } @media screen and (max-width: 320px) and (orientation: portrait) { .nav ul li { float: none !important; padding: 15px 0px 0px 0px !important; display: block; } .nav ul li .coin-slider { max-width: 100%; } .adsoft-banner2 img { width: 100%; } .footer address { width: 100%; } } /* ============================================ * ADSOFT CUSTOM SIDENAV ============================================ */ #sidebar-nav { margin: 40px 0px 20px; } #sidebar-nav .block-content { padding: 0px; } #sidebar-nav .block-content a { color: #898989; display: inline-block; text-decoration: none; word-break: break-all; } #sidebar-nav .block-content a:hover { color: #222; } ul#sidebar-nav-menu > li { list-style: none; font-weight: normal; font-size: 14px; } ul#sidebar-nav-menu > li:last-child { background: none; margin-bottom: 5px; } /* ul#sidebar-nav-menu > li > ul { margin-left: 5px; } */ ul#sidebar-nav-menu li ul { /* padding-left: 10px; */ font-weight: normal; } ul#sidebar-nav-menu li ul .level1 .no-arrow { display: none; } ul#sidebar-nav-menu li ul .level1 > div { position: relative; } ul#sidebar-nav-menu li ul .level1 > div:before { content: "\25B6"; position: absolute; top: 0; left: -10px; color: #898989; font-size: 8px; line-height: 21px; } #sidebar-nav li.active, #sidebar-nav li.active > a, #sidebar-nav li.active > .collapsible-wrapper > a { color: #222; } #sidebar-nav ul.ul-thumb { padding-left: 0; } ul#sidebar-nav-menu > li.parent > ul.ul-thumb { padding-left: 10px; } #sidebar-nav li.thumb { list-style-type: none; } ul#sidebar-nav-menu > li.no-thumb, ul#sidebar-nav-menu > li.thumb { margin-left: 0 !important; list-style-type: none; } #sidebar-nav img { border: 0 none !important; outline: 0 none !important; } #sidebar-nav span.product-count { color: #000; } #sidebar-nav li.thumb img { float: left; margin-right: 3px; } #sidebar-nav-menu .arrow { float: left; display: block; width: 10px !important; height: 10px !important; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; position: relative; /*** Toggle Before Content ***/ } #sidebar-nav-menu .arrow:before { content: "+"; position: absolute; left: 0; top: 0; color: #898989; } #sidebar-nav-menu .arrow.minus:before { content: "-"; } #sidebar-nav-menu .no-arrow { float: left; /* background: url('../images/expand.png') 0px -24px no-repeat; */ display: block; margin-top: 2px; width: 9px !important; height: 9px !important; margin: 6px 3px 0; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; } ul#sidebar-nav-menu li ul { display: none; } #sidebar-nav li.active > ul { display: block; } #sidebar-nav li.active > .arrow { display: block; } #sidebar-nav li.active > .arrow:before { color: #222; } ul#sidebar-nav-menu > li { list-style: none !important; margin: 0 0 10px; } #header-search input[type=search] { border: none; -webkit-border-radius: 5px; border-radius: 5px; font-size: 13px; } .page { background: transparent; } .cms-index-index .col-main { padding: 0px; } /******************* HOMEPAGE CATEGORIES *************************/ .section-title { font-weight: normal; font-size: 40px; padding-left: 5%; margin: 30px 0; text-transform: lowercase; } #homepage-categories .ctg-item { margin-bottom: 2%; overflow: hidden; } #homepage-categories .ctg-description { float: left; width: 49%; margin-right: 1%; background: #fff; padding: 5%; -webkit-border-radius: 4px; border-radius: 4px; height: 230px; } #homepage-categories .ctg-description h2 { margin: 0 0 20px; } #homepage-categories .ctg-description p { font-size: 14px; line-height: 21px; height: 84px; overflow: hidden; } #homepage-categories .ctg-image { width: 49%; margin-left: 1%; height: 230px; background-color: #FFF; -webkit-border-radius: 4px; border-radius: 4px; float: right; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center; background-repeat: no-repeat; } #homepage-categories .ctg-image img { max-width: 100%; } #homepage-categories .ctg-item:nth-child(2n) .ctg-description { float: right; margin-right: 0; } #homepage-categories .ctg-item:nth-child(2n) .ctg-image { float: left; margin-left: 0; } /****** HOMEPAGE BEFORE FOOTER ***/ .footer-wizard-section { overflow: hidden; } .footer-wizard-section .left { float: left; width: 73%; margin-bottom: 20px; } /*** Banner ***/ .footer-wizard-section .design { height: 235px; background: none no-repeat center center transparent; position: relative; display: table; width: 100%; margin-bottom: 10px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .footer-wizard-section .design .design-wrapper { display: table-cell; vertical-align: middle; text-align: right; padding-right: 40%; line-height: 22px; text-align: right; } .footer-wizard-section .design .large { color: #2b3451; font-size: 30px; } .footer-wizard-section .design .small { color: #2b3451; font-size: 18px; } .footer-wizard-section .design .link { position: absolute; right: 0px; top: 0; width: 35%; bottom: 0; margin: auto; height: 100px; } .footer-wizard-section .design .link .sphere { background: rgba(255, 0, 0, 0.6) none repeat scroll 0% 0%; width: 100px; height: 100px; -webkit-border-radius: 50%; border-radius: 50%; display: table; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .footer-wizard-section .design .link .sphere:before { content: ""; position: absolute; top: -8px; left: -8px; width: 116px; height: 116px; border: solid 4px rgba(255, 0, 0, 0.6); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .footer-wizard-section .design .link .sphere:hover { background: rgba(255, 0, 0, 0.8); } .footer-wizard-section .design .link .sphere:hover:before { width: 126px; height: 126px; top: -13px; left: -13px; border: solid 6px rgba(255, 0, 0, 0.7); } .footer-wizard-section .design .link .sphere a { color: white; font-weight: bold; font-size: 16px; display: table-cell; vertical-align: middle; text-align: center; line-height: 22px; padding: 10px; outline: 0px none; position: relative; z-index: 9; } .page-header-container .why-posthumus { margin: 10px auto; clear: both; display: table; position: relative; top: -55px; width: 100%; max-width: 1070px; } /**** ADVERTISMENT ***/ .footer-wizard-section .why-posthumus { height: 150px; position: relative; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; display: table; width: 100%; } .why-posthumus ul { display: table-cell; vertical-align: middle; } .why-posthumus ul li { display: inline-block; } .why-posthumus ul li.hover { cursor: pointer; } .why-posthumus ul li .image { display: inline-block; float: left; height: 50px; width: 60px; background: url("../images/promo_icons.png") no-repeat; } .why-posthumus ul li .text { display: inline-block; float: left; height: 50px; line-height: 50px; font-weight: bold; white-space: normal; } .why-posthumus ul li.fast .image { background-position: 0 -150px; } .why-posthumus ul li.free .image { background-position: 0 -202px; } .why-posthumus ul li.offer .image { background-position: 0 -99px; } .why-posthumus ul li.options .image { background-position: 0 -50px; } /************ Header Icons ******************/ .page-header-container .why-posthumus ul { font-size: 0px; display: block; } .page-header-container .why-posthumus ul li { width: 20%; font-size: 11px; vertical-align: middle; display: table; float: left; } .page-header-container .why-posthumus ul li .image { display: table-cell; height: 50px; width: 60px; } .page-header-container .why-posthumus ul li .text { display: table-cell; font-weight: bold; white-space: normal; vertical-align: middle; padding-left: 10px; height: auto; line-height: normal; float: none; } @media (max-width: 1199px) { .footer-wizard-section .why-posthumus ul li { width: 20%; float: left; text-align: center; } .footer-wizard-section .why-posthumus ul li .image { float: none; width: 60px; display: inline-block; } .footer-wizard-section .why-posthumus ul li .text { float: none; display: inline-block; line-height: normal; width: 100%; height: auto; } } @media (max-width: 979px) { .page-header-container .why-posthumus ul li { width: 20%; float: left; text-align: center; } .page-header-container .why-posthumus ul li .image { float: none; width: 60px; display: inline-block; } .page-header-container .why-posthumus ul li .text { float: none; display: inline-block; line-height: normal; width: 100%; height: auto; } } @media (max-width: 770px) { .page-header-container .why-posthumus { top: -10px; } } @media (max-width: 599px) { .page-header-container .why-posthumus { display: none; } } /*** Right ***/ .footer-wizard-section .right { float: right; width: 25%; /* background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 403px; */ margin-left: 2%; -webkit-border-radius: 4px; border-radius: 4px; text-align: center; overflow: hidden; } /*** Left ***/ .oc_link { color: #ddd; } .oc_link:hover { color: #000; } /*** Big Buttons ***/ .big-button { background: #FFF none no-repeat scroll left top / cover; width: 32%; height: 200px; -webkit-border-radius: 4px; border-radius: 4px; float: left; margin-right: 2%; position: relative; overflow: hidden; } .big-button:last-child { margin-right: 0; } .big-button a { display: block; color: #fff; font-size: 25px; text-decoration: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .big-button { overflow: hidden; } .big-button a { display: block; text-decoration: none; } .big-button .description { -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease; -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; background: rgba(255, 255, 255, 0.8); margin: 2%; width: 60%; height: 92%; color: #666; padding: 10%; font-size: 12px; } .big-button .description .txt { font-size: 25px; color: #222; } .big-button:hover .description { -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); } .adsoft-video { float: left; } #carousel { margin-bottom: 30px; margin-top: 3.5%; white-space: nowrap; clear: both; } #carousel .container { padding: 0 2%; position: relative; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; } #carousel .row { overflow: hidden; padding: 10px 0px; } #carousel .prevarrow, #carousel .nextarrow { position: absolute; z-index: 99; top: 0px; bottom: 0px; margin: auto; width: 35px; height: 50px; text-indent: -99999px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; cursor: pointer; } #carousel .prevarrow:before, #carousel .nextarrow:before { position: absolute; left: 0px; top: 0px; width: 100%; font-family: FontAwesome; text-indent: 0; text-align: center; font-size: 35px; background: #224476; color: #eaeaea; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } #carousel .prevarrow:hover:before, #carousel .nextarrow:hover:before { background: #589ADD; color: #FFF; } #carousel .prevarrow { left: 0; } #carousel .nextarrow { right: 0; } #carousel .prevarrow:before { content: "\f104"; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } #carousel .nextarrow:before { content: "\f105"; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } #carousel .articles { -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; -moz-transition: all ease 0.5s; transition: all ease 0.5s; font-size: 0; } #carousel .articles .article { width: 24.5%; text-align: center; display: inline-block; vertical-align: top; margin: 0 0.25%; position: relative; padding: 10px; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; } #carousel .articles .article a { display: block; white-space: normal; } #carousel .articles .article .info { position: absolute; z-index: 10; bottom: 5px; right: 5px; width: 100%; margin: auto; padding: 10px 0px; background: rgba(255, 255, 255, 0.9); -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); -o-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; } #carousel .articles .article .price-box { font-size: 12px; padding: 5px 0; margin: 0; } #carousel .articles .article .img { height: 250px; background: none no-repeat center center/contain transparent; } #carousel .articles .article h4 { line-height: 15px; margin: 0px; text-align: center; } #carousel .articles .article h4 a { display: block; color: #2B3451; font-size: 13px; padding: 0 25px; } #carousel .articles .article h4 a:hover { color: #000; } #carousel .articles .article:hover { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); } #carousel .articles .article:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #carousel .links li { display: inline-block; padding: 0px 10px; overflow: hidden; vertical-align: middle; } #carousel .links a { display: inline-block; position: relative; width: 40px; height: 40px; } #carousel .links li.wish a:before { content: "\f08a"; background: #E5C7A1; position: absolute; top: 0px; left: 0px; font-family: FontAwesome; font-size: 25px; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-indent: 0; -webkit-border-radius: 4px; border-radius: 4px; height: 100%; width: 100%; } #carousel:after { content: ''; display: table; clear: both; } #carousel.related .container { background: #F4F4F4; } #carousel.related .articles .article { background: #fff; } #carousel.related .articles .article .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); position: relative; top: 0; left: 0; bottom: 0; right: 0; } #carousel.related .articles .article h4 { height: 30px; overflow: hidden; } #carousel.related .articles .article button { float: none; } @media (max-width: 980px) { #carousel .articles .article { width: 46%; margin: 0 2%; } } @media (max-width: 770px) { #carousel .prevarrow, #carousel .nextarrow { width: 30px; } } @media (max-width: 479px) { #carousel .articles .article { width: 100%; margin: 0%; } } /* Default */ #cookienotice { position: relative; z-index: 2147483647; /* Minimalist */ /* Yellow */ /* Dark */ } #cookienotice .message { position: fixed; left: 0px; background: #dee5e7 none repeat scroll 0% 0%; width: 450px; padding: 10px; text-align: right; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.2); right: 0px; margin: 0px auto 5px; display: table; } #cookienotice.bottom .message { bottom: 0; } #cookienotice.top .message { top: 0; } #cookienotice p { color: #224476; display: inline-block; float: left; font-size: 15px; text-align: left; } #cookienotice p a { text-decoration: underline; color: inherit; } #cookienotice #accept { display: table-cell; vertical-align: middle; } #cookienotice #accept a { display: inline-block; padding: 3px 10px; background: #224476 none repeat scroll 0% 0%; color: white; font-weight: bold; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; white-space: nowrap; } #cookienotice #accept a:hover { color: #224476; background: #fff; } #cookienotice .more { margin-left: 10px; } @media (max-width: 479px) { #cookienotice .message { width: 97%; text-align: left; } #cookienotice .message p { margin-bottom: 10px; display: block; font-size: 13px; float: none; } } .g-login { margin-top: 10px; } .g-login a { display: block; background: #e3411f none no-repeat scroll left center; max-width: 292px; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; font-size: 16px; color: #eeeeee; line-height: 40px; text-align: center; overflow: hidden; } .g-login a:after { content: ""; display: inline-block; float: left; width: 40px; -webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2); height: 40px; background: #BD3F25 url("../images/google.png") no-repeat scroll center center; } .fb-login { margin-top: 10px; } .fb-login .fb_button { display: block; background: #3A589B; max-width: 292px; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; font-size: 16px; color: #eeeeee; line-height: 40px; text-align: center; overflow: hidden; } .fb-login .fb_button:after { content: ""; display: inline-block; float: left; width: 40px; -webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2); height: 40px; background: #3A589B url("../images/facebook.png") no-repeat scroll center center; } .nav-container { width: 100%; margin: 0; position: relative; text-align: left; } .arrow_r, .arrow_l { display: none; position: absolute; z-index: 9; top: 0; width: 45px; height: 45px; line-height: 40px; background: #276281; color: #fff; text-align: center; font-size: 30px; cursor: pointer; } .arrow_r:after, .arrow_l:after { display: inline-block; width: 100%; height: 100%; } ul.megamenu { height: 45px; line-height: 45px; background: #224476; -webkit-border-radius: 4px; border-radius: 4px; width: auto; } @media (min-width: 1200px) { .top-navigation:not(.overflow) ul.megamenu { width: auto !important; margin: 0 !important; } .top-navigation.overflow { overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; background: #224476; } .top-navigation.overflow .arrow_r { display: block; right: 0; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .top-navigation.overflow .arrow_r:after { content: "\00bb"; } .top-navigation.overflow .arrow_l { left: 0; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .top-navigation.overflow .arrow_l:after { content: "\00ab"; } } ul.megamenu:hover { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } ul.megamenu li.level0 { display: inline-block; float: left; position: static !important; } ul.megamenu li.level0.right { float: right; border-left: 1px solid #61687d; border-right: 0; } ul.megamenu li.level0 a.level0 { display: block; color: #FFF; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 11px; outline: 0px none; text-decoration: none; text-transform: uppercase; margin: 0px; padding: 0px 10px; white-space: normal; font-weight: bold; text-align: center; } ul.megamenu li.level0.right a.level0 { padding: 0 10px 0 8px; } ul.megamenu li.level0:first-child a.level0 { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } ul.megamenu li.level0:last-child a.level0 { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } /*ul.megamenu li.homepage a.level0,ul.megamenu li.homepage:hover a.level0 {border-radius:5px 0 0 5px !important;} ul.megamenu li.right a.level0, ul.megamenu li.right:hover a.level0 {border-radius:0 5px 5px 0 !important;}*/ ul.megamenu li.level0:hover a.level0, ul.megamenu li.active a.level0 { background: #195898; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); cursor: pointer; } ul.megamenu li.level0 a.level0 span { display: block; } .dropdown-container { display: none; position: absolute; width: 100%; top: 100%; left: 0; z-index: 101; } ul.megamenu li.level0:hover .dropdown-container { display: block; } .dropdown-container.right { right: 0px; left: auto; } ul.megamenu li.left .dropdown-container.right { right: 1px; } .dropdown-container .dropdown { background: #f2f2f2 none repeat scroll 0% 0%; z-index: 20; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); border: solid 1px rgba(0, 0, 0, 0.15); border-top: none; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; overflow: hidden; } .dropdown-container .dropdown p { margin: 0; } .dropdown-container .dropdown .col { padding: 10px; clear: both; } .category-list { clear: both; float: left; width: 100%; z-index: 101; } .dropdown-container ul.sub-column { float: left; margin: 10px 0; width: 100%; } .dropdown-container ul.sub-column li { float: left; width: 19%; margin: 1% 1% 0 0; display: inline-block; position: relative; padding: 0; text-align: center; min-height: 150px; } .dropdown-container .sub-column ul { width: 100%; margin-bottom: 5px; margin: 0 auto; } .dropdown-container .dropdown a { display: block; text-decoration: none; font-family: arial; font-size: 11px; font-weight: normal; line-height: 15px; color: #666; padding: 3px 0 3px 0; text-transform: none; float: left; width: 100%; text-align: center; } .dropdown-container .dropdown li.level3 a { font-size: 11px; } .dropdown-container .dropdown a.level1 { color: #000; text-transform: uppercase; font-weight: bold; padding-left: 0; } .dropdown-container .dropdown a.level2 { background: url("images/bg-cate-megamenu.png") no-repeat scroll 0 center transparent; } .dropdown-container .dropdown li.level1 ul li ul { margin-left: 10px; } .dropdown-container .dropdown a:hover { color: #7fba00; } .dropdown-container .dropdown ul li a { padding-left: 10px; } .col2 .sub-column { width: 50%; } .col3 .sub-column { width: 33.3%; } .col4 .sub-column { width: 25%; } .col5 .sub-column { width: 20%; } .dropdown-container .widget a { background: url("images/bg-cate-megamenu.png") no-repeat scroll 0 center transparent; } .dropdown-container img { max-width: 100%; } .dropdown-container .category-thumbnail img { margin: 0 auto; max-height: 100px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; -webkit-box-shadow: 2px 2px 0 rgba(209, 209, 212, 0.7); box-shadow: 2px 2px 0 rgba(209, 209, 212, 0.7); } .dropdown-container table { width: 100%; } .dropdown-container .top_content { margin-bottom: 10px; } .dropdown-container .bottom_content { clear: both; } .dropdown-container .category-thumbnail { margin-bottom: 5px; width: 100%; height: 100%; margin: 0 auto; text-align: center; } .dropdown-container .static-content { font-size: 11px; color: #666; } .col .col2 .half { width: 45%; float: left; font-size: 11px; margin-right: 10px; } .dropdown-container .fieldset { margin-bottom: 10px; margin-top: 23px; } .dropdown-container .form-list li.wide textarea { width: 345px; height: 97px; } .dropdown-container .buttons-set { margin: 0; } .dropdown-container .products-grid { background: none; border: none; } .dropdown-container .products-grid li.item { width: 164px; text-align: center; padding-bottom: 10px; } .dropdown-container .widget .widget-title { padding-left: 15px; padding-top: 0; } .dropdown-container .widget-products a { background: none; padding-left: 0; } .dropdown-container .dropdown .products-grid li a { width: 100%; float: none; } .dropdown-container .products-grid .product-image { margin: 5px auto; float: none; } .dropdown-container .products-grid .ratings, .dropdown-container .products-grid .add-to-links { display: none; } .dropdown-container .products-grid .actions { position: inherit; } .biglink:hover, biglink:visited, biglink:link, biglink:active { text-decoration: none; } /* side bar banners */ /* Global - Page */ .page { width: 959px; } .logo { padding-left: 0; } .header_cs .phone-number, .header_cs .email-address { font-size: 12px; } .footer-wizard-section .left { width: 72%; } .footer-wizard-section .right { width: 26%; } /*** Footer ****/ .footer #footer-left #footer_about .footer_logo { font-size: 22px; } .top-navigation { overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; background: #224476; } ul.megamenu li.level0 { width: 150px; } .arrow_r { display: block; right: 0; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; } .arrow_r:after { content: "\00bb"; } .arrow_l { left: 0; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .arrow_l:after { content: "\00ab"; } /*** Banner ***/ .footer-wizard-section .design .design-wrapper { padding-right: 38%; } .footer-wizard-section .design .large { font-size: 23px; } .footer-wizard-section .design .small { font-size: 17px; } .footer-wizard-section .design .link { width: 25%; } /* mobile devices @media screen and (max-device-width: 480px) and (orientation: portrait) { .page { width: $bp-xxsmall; } } */ /* hide add to cart button for small resolutions */ /* side bar banners */ /*# sourceMappingURL=styles-ie8.css.map */