/** * @package BlueAcorn/Green Pistachio * @version 4.3.2 * @author Blue Acorn, Inc. * @copyright Copyright © 2016 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ @charset "UTF-8"; /* A partial implementation of the Ruby list functions from Compass: https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb */ /* A partial implementation of the Ruby constants functions from Compass: https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb */ /* A partial implementation of the Ruby display functions from Compass: https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb */ /* -------------------------------------------- * Icons */ .icon-sprite, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, html.resp-mobile #nav li .mm-wrapper h4 a:after { background-image: url(../images/icon_sprite.png); background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .icon-sprite, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid, .sorter > .view-mode .list, html.resp-mobile #nav li .mm-wrapper h4 a:after { background-image: url(../images/icon_sprite@2x.png) !important; background-size: 230px 3088px; } } .rm-icon-sprite, .qty-minus:before, .qty-plus:after, input[type="checkbox"], .breadcrumbs span, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:after, .skip-account .icon, .skip-cart .icon, .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher, .product-view .add-to-cart .btn-gift .icon, span.share:after, .product-view .sharing-links a, .main-container .product-view .reviews-container .reviews-title .write-review:after, .rating-box-single .rating-1, .rating-box-single .rating-2, .rating-box-single .rating-3, .rating-box-single .rating-4, .rating-box-single .rating-5, .review-summary-table .rating-box, .review-summary-table .rating-box .rating, .ratings-table .rating-box, .ratings-table .rating-box .rating, .header-wishlist .skip-link .icon, .footer-social .social-links li .social, .footer-top .app-container p span, .footer-subscribe .block-subscribe .block-title:before, .footer-bottom .block .app .icon, .custom-shiv span:after, label.radio-label:before, label.checkbox-label:before, html.resp-mobile #nav li.parent a.level-top:after, html.resp-mobile #nav li .mm-wrapper .view-more:after, html.resp-mobile #nav .overlay-close, .trending .category-name .see-all .icon, .trending .see-all.mobile .icon, .owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after, .catalog-product-view .main-container .image-container .product-image-gallery .zoom-btn, .blueacorn-quickview-modal .image-container .product-image-gallery .zoom-btn, .catalog-product-view .main-container .image-container .scrollUp .icon, .catalog-product-view .main-container .image-container .scrollDown .icon, .blueacorn-quickview-modal .image-container .scrollUp .icon, .blueacorn-quickview-modal .image-container .scrollDown .icon, .catalog-product-view .main-container .reviews-container .more-reviews:before, .catalog-product-view .main-container .reviews-container .more-reviews:after, .blueacorn-quickview-modal .reviews-container .more-reviews:before, .blueacorn-quickview-modal .reviews-container .more-reviews:after, div.fancybox-skin a.fancybox-close, .catalog-product-view .pagination .icon, body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-prev, body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-next, .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover p .arrow, .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text:after, .homepage-2015 .trending .category-name .see-all .icon, .homepage-2015 .trending .see-all.mobile .icon, .cms-index-index.homepage-2015 .reel-wrapper .curalate-image-overlay:after { background-image: url(../images/rm_icon_sprite.png); background-repeat: no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .rm-icon-sprite, .qty-minus:before, .qty-plus:after, input[type="checkbox"], .breadcrumbs span, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:after, .skip-account .icon, .skip-cart .icon, .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher, .product-view .add-to-cart .btn-gift .icon, span.share:after, .product-view .sharing-links a, .main-container .product-view .reviews-container .reviews-title .write-review:after, .rating-box-single .rating-1, .rating-box-single .rating-2, .rating-box-single .rating-3, .rating-box-single .rating-4, .rating-box-single .rating-5, .review-summary-table .rating-box, .review-summary-table .rating-box .rating, .ratings-table .rating-box, .ratings-table .rating-box .rating, .header-wishlist .skip-link .icon, .footer-social .social-links li .social, .footer-top .app-container p span, .footer-subscribe .block-subscribe .block-title:before, .footer-bottom .block .app .icon, .custom-shiv span:after, label.radio-label:before, label.checkbox-label:before, html.resp-mobile #nav li.parent a.level-top:after, html.resp-mobile #nav li .mm-wrapper .view-more:after, html.resp-mobile #nav .overlay-close, .trending .category-name .see-all .icon, .trending .see-all.mobile .icon, .owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after, .catalog-product-view .main-container .image-container .product-image-gallery .zoom-btn, .blueacorn-quickview-modal .image-container .product-image-gallery .zoom-btn, .catalog-product-view .main-container .image-container .scrollUp .icon, .catalog-product-view .main-container .image-container .scrollDown .icon, .blueacorn-quickview-modal .image-container .scrollUp .icon, .blueacorn-quickview-modal .image-container .scrollDown .icon, .catalog-product-view .main-container .reviews-container .more-reviews:before, .catalog-product-view .main-container .reviews-container .more-reviews:after, .blueacorn-quickview-modal .reviews-container .more-reviews:before, .blueacorn-quickview-modal .reviews-container .more-reviews:after, div.fancybox-skin a.fancybox-close, .catalog-product-view .pagination .icon, body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-prev, body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-next, .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover p .arrow, .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text:after, .homepage-2015 .trending .category-name .see-all .icon, .homepage-2015 .trending .see-all.mobile .icon, .cms-index-index.homepage-2015 .reel-wrapper .curalate-image-overlay:after { background-image: url(../images/rm_icon_sprite@2x.png) !important; background-size: 115px 1952px; } } .btn-blue, .checkout-types li .btn-checkout, .cart-totals .checkout-types .btn-checkout, body.customer-account .sidebar .block .block-content .actions .btn-cart, .wishlist-management button, #wishlist-table .btn-cart, .my-account .btn-add, button.btn-cart.btn-big.btn-blue.button, button.btn-cart.btn-big.btn-blue.button2, .checkout-types li button.btn-cart.button2.btn-checkout, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout, .wishlist-management button.btn-cart.btn-big.button2, #wishlist-table button.btn-cart.btn-big.button2, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout, .my-account button.btn-cart.btn-big.button2.btn-add, .checkout-types li button.btn-cart.button.btn-checkout, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout, .wishlist-management button.btn-cart.btn-big.button, #wishlist-table button.btn-cart.btn-big.button, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout, .my-account button.btn-cart.btn-big.button.btn-add { background: #001871; border: 1px solid #001871; color: white; } .btn-blue span, .checkout-types li .btn-checkout span, .cart-totals .checkout-types .btn-checkout span, body.customer-account .sidebar .block .block-content .actions .btn-cart span, .wishlist-management button span, #wishlist-table .btn-cart span, .my-account .btn-add span, .btn-blue span span, .checkout-types li .btn-checkout span span, .cart-totals .checkout-types .btn-checkout span span, body.customer-account .sidebar .block .block-content .actions .btn-cart span span, .wishlist-management button span span, #wishlist-table .btn-cart span span, .my-account .btn-add span span, button.btn-cart.btn-big.btn-blue.button span, button.btn-cart.btn-big.btn-blue.button2 span, .checkout-types li button.btn-cart.button2.btn-checkout span, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2 span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout span, .wishlist-management button.btn-cart.btn-big.button2 span, #wishlist-table button.btn-cart.btn-big.button2 span, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout span, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout span, .my-account button.btn-cart.btn-big.button2.btn-add span, .checkout-types li button.btn-cart.button.btn-checkout span, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout span, .wishlist-management button.btn-cart.btn-big.button span, #wishlist-table button.btn-cart.btn-big.button span, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout span, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout span, .my-account button.btn-cart.btn-big.button.btn-add span, button.btn-cart.btn-big.btn-blue.button span span, button.btn-cart.btn-big.btn-blue.button2 span span, .checkout-types li button.btn-cart.button2.btn-checkout span span, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout span span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2 span span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout span span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout span span, .wishlist-management button.btn-cart.btn-big.button2 span span, #wishlist-table button.btn-cart.btn-big.button2 span span, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout span span, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout span span, .my-account button.btn-cart.btn-big.button2.btn-add span span, .checkout-types li button.btn-cart.button.btn-checkout span span, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout span span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button span span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout span span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout span span, .wishlist-management button.btn-cart.btn-big.button span span, #wishlist-table button.btn-cart.btn-big.button span span, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout span span, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout span span, .my-account button.btn-cart.btn-big.button.btn-add span span { color: white; } .btn-blue:hover, .checkout-types li .btn-checkout:hover, .cart-totals .checkout-types .btn-checkout:hover, body.customer-account .sidebar .block .block-content .actions .btn-cart:hover, .wishlist-management button:hover, #wishlist-table .btn-cart:hover, .my-account .btn-add:hover, button.btn-cart.btn-big.btn-blue.button:hover, button.btn-cart.btn-big.btn-blue.button2:hover, .checkout-types li button.btn-cart.button2.btn-checkout:hover, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout:hover, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2:hover, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout:hover, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout:hover, .wishlist-management button.btn-cart.btn-big.button2:hover, #wishlist-table button.btn-cart.btn-big.button2:hover, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout:hover, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout:hover, .my-account button.btn-cart.btn-big.button2.btn-add:hover, .checkout-types li button.btn-cart.button.btn-checkout:hover, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout:hover, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button:hover, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout:hover, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout:hover, .wishlist-management button.btn-cart.btn-big.button:hover, #wishlist-table button.btn-cart.btn-big.button:hover, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout:hover, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout:hover, .my-account button.btn-cart.btn-big.button.btn-add:hover { background: #00004f; border: 1px solid #00004f; } .btn-grey { background: #C8C8C8; border: 1px solid #C8C8C8; color: white; } .btn-grey span, .btn-grey span span { color: white; } .btn-grey:hover { background: #a6a6a6; border: 1px solid #a6a6a6; } .btn-big, .add-to-links a, .add-to-links .split-button strong, .checkout-types li .btn-checkout { height: 45px; font-size: 14px; } .qty-minus { width: 45px; height: 45px; border: 1px solid #001871; background-color: transparent; float: left; position: relative; } .qty-minus:before { content: ""; background-position: -30px -1345px; width: 16px; height: 2px; z-index: 5; position: absolute; top: 21px; left: 15px; } .qty-minus:hover { background: #001871; } .qty-minus:hover:before { background-position: -30px -1369px; } .qty-minus:focus { outline: none; } .qty-minus:active { background: #00004f; } .qty-plus { width: 45px; height: 45px; border: 1px solid #001871; background-color: transparent; float: left; position: relative; } .qty-plus:after { content: ""; background-position: -58px -1377px; width: 16px; height: 16px; z-index: 5; position: absolute; top: 14px; left: 14px; } .qty-plus:hover { background: #001871; } .qty-plus:hover:after { background-position: -89px -1402px; } .qty-plus:focus { outline: none; } .qty-plus:active { background: #00004f; } .qty-wrapper button.qty-minus + input[type="text"].qty { border-left: none; border-right: none; height: 45px; width: 45px; font-size: 18px; color: #000018; } .clear:after, .product-view .product-shop .extra-info:after, .main-container .ratings-full:after, #discount-coupon-form .field-wrapper:after, .cart .giftcard .field-wrapper:after, body.checkout-cart-index .col-main:after, body.checkout-cart-index .col-main .cart:after, .cart-after:after, div.cart-forms .field-wrapper:after, .crosssell-container .crosssell:after, .trending .products-grid li.item .product-image:after, .catalog-product-view .main-container .left:after, .blueacorn-quickview-modal .left:after, .catalog-product-view .main-container .right:after, .blueacorn-quickview-modal .right:after, .catalog-product-view .main-container .image-container:after, .blueacorn-quickview-modal .image-container:after, .catalog-product-view .main-container .image-container .product-img-box:after, .blueacorn-quickview-modal .image-container .product-img-box:after, .catalog-product-view .main-container .image-container .more-views:after, .blueacorn-quickview-modal .image-container .more-views:after, .catalog-product-view .main-container .image-container .product-image-thumbs:after, .blueacorn-quickview-modal .image-container .product-image-thumbs:after, .catalog-product-view .input-box .swatch-counted:after, .catalog-category-view .input-box .swatch-counted:after, .catalogsearch-result-index .input-box .swatch-counted:after, .block-related .products-grid li.item .product-image:after, .box-up-sell .products-grid li.item .product-image:after, .catalog-product-view .pagination li:after, #homepage-slider.owl-carousel .owl-controls .owl-pagination:after, #homepage-slider ~ .owl-pagination:after, .homepage-2015 .trending .products-grid li.item .product-image:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @-webkit-keyframes bounce { 0%, 10%, 40%, 70%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 30% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes bounce { 0%, 10%, 40%, 70%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 30% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @-webkit-keyframes bounce-triangle { 0%, 10%, 40%, 70%, 100% { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } 30% { -webkit-transform: translateY(-20px) rotate(-45deg); transform: translateY(-20px) rotate(-45deg); } 50% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } } @keyframes bounce-triangle { 0%, 10%, 40%, 70%, 100% { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } 30% { -webkit-transform: translateY(-20px) rotate(-45deg); transform: translateY(-20px) rotate(-45deg); } 50% { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } } @-webkit-keyframes shake { 0%, 10%, 40%, 70%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 30% { -webkit-transform: translateX(-12px); transform: translateX(-12px); } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } } @keyframes shake { 0%, 10%, 40%, 70%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 30% { -webkit-transform: translateX(-12px); transform: translateX(-12px); } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } } @-webkit-keyframes slide-up { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes slide-up { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes bounce-fade { 0%, 3%, 15%, 25% { -webkit-transform: translateY(0); transform: translateY(0); } 11% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 18% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 90% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounce-fade { 0%, 3%, 15%, 25% { -webkit-transform: translateY(0); transform: translateY(0); } 11% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 18% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 90% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes bounce-fade-in { 0%, 3%, 15%, 25% { -webkit-transform: translateY(0); transform: translateY(0); } 11% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 18% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounce-fade-in { 0%, 3%, 15%, 25% { -webkit-transform: translateY(0); transform: translateY(0); } 11% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 18% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 90% { opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* ========================================================================== 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"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="checkbox"] { background-color: transparent; background-position: -1px -802px; width: 22px; height: 20px; margin-top: 2px; } input[type="checkbox"][checked="checked"] { background-position: -1px -774px; width: 22px; height: 22px; margin-top: 0; } /* 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 */ /* 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 { 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 */ /* 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; color: #929292; font-size: 11px; line-height: 14px; } a { color: #001871; text-decoration: none; } a:hover { color: #001358; text-decoration: underline; } a:focus { outline-color: #001564; color: black; } ol, ul { list-style: none; margin: 0; padding: 0; } /* ============================================ * Typography ============================================ */ h1, .h1 { margin: 0; margin-bottom: 0.7em; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 37px; font-weight: 500; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; } h2, .h2 { margin: 0; margin-bottom: 0.5em; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 30px; font-weight: 500; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; } h3, .h3 { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } h4, .h4 { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } h5, .h5 { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 13px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } h6, .h6 { margin: 0; margin-bottom: 5px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } /* ============================================ * Shared Classes ============================================ */ .address-list address { margin-bottom: 1em; } .availability { margin-bottom: 0; font-size: 11px; 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 { font-size: 24px; font-weight: 500; color: #000018; border-bottom: 1px solid #C8C8C8; padding-bottom: 3px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; } /* -------------------------------------------- * Block Module */ .block, .col-left-first { margin-bottom: 20px; } .col-left-first .block:last-of-type { margin-bottom: 0; } .block-title { position: relative; padding: 10px 0 0; margin-bottom: 5px; } .block-title h2, .block-title h3, .block-title strong { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; color: #000018; margin-bottom: 0; text-transform: uppercase; font-weight: 500; } .block-title small { font-size: 100%; font-weight: normal; color: #929292; } body:not(.customer-account) .block:first-child .block-title { border-top: none; padding-top: 0; } .block-subtitle { font-weight: bold; margin-bottom: 7px; } .block-content { margin-top: 5px; } .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, .block .actions .button2, .block .actions .add-to-links a, .add-to-links .block .actions a, .block .actions .add-to-links .split-button strong, .add-to-links .split-button .block .actions strong { float: right; } .col-left .block .actions .button ~ a, .col-left .block .actions .button2 ~ a, .col-left .block .actions .add-to-links a ~ a, .add-to-links .col-left .block .actions a ~ a, .col-left .block .actions .add-to-links .split-button strong ~ a, .add-to-links .split-button .col-left .block .actions strong ~ a, .col-right .block .actions .button ~ a, .col-right .block .actions .button2 ~ a, .col-right .block .actions .add-to-links a ~ a, .add-to-links .col-right .block .actions a ~ a, .col-right .block .actions .add-to-links .split-button strong ~ a, .add-to-links .split-button .col-right .block .actions strong ~ a { line-height: 33px; margin-right: 5px; } @media only screen and (max-width: 765px) { .sidebar .block:not(.block-layered-nav) { margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title { padding: 0; margin-top: 0; border-bottom: none; border-top: none; margin-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; -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: #C8C8C8; position: relative; background-color: #F4F4F4; display: block; width: 100%; cursor: pointer; border-bottom: 0; } .sidebar .block:not(.block-layered-nav) .block-title > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #001871; border-right: none; left: 10px; top: 50%; margin-top: -3px; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; -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: #C8C8C8; position: relative; background-color: #F4F4F4; } .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #001871; border-bottom: none; left: 10px; top: 50%; margin-top: -3px; } .sidebar .block:not(.block-layered-nav) .block-content { padding: 10px; margin-top: 0; border-width: 0 1px; border-style: solid; border-color: #C8C8C8; } .sidebar .block:last-of-type { border-bottom: 1px solid #C8C8C8; } .sidebar .block-account .block-title > strong span:after, .sidebar .block-cms-menu .block-title > strong span:after { content: ' Menu'; } } /* -------------------------------------------- * 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; margin: 7px 0; } .block-account li strong, .block-cms-menu li strong { font-weight: 400; color: #001871; } .block-account li a, .block-cms-menu li a { color: #929292; letter-spacing: 1px; } .block-account li a:hover, .block-cms-menu li a:hover { color: #001871; } /* ============================================ * Buttons ============================================ */ /* Secondary Buttons */ .cart .buttons-set .button, .cart .buttons-set .button2, .cart .buttons-set .add-to-links a, .add-to-links .cart .buttons-set a, .cart .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .cart .buttons-set strong, .cart-table .button, .cart-table .button2, .cart-table .add-to-links a, .add-to-links .cart-table a, .cart-table .add-to-links .split-button strong, .add-to-links .split-button .cart-table strong, .sidebar .actions .button, .sidebar .actions .button2, .sidebar .actions .add-to-links a, .add-to-links .sidebar .actions a, .sidebar .actions .add-to-links .split-button strong, .add-to-links .split-button .sidebar .actions strong, .button.button-secondary, .button-secondary.button2, .add-to-links a.button-secondary, .add-to-links .split-button strong.button-secondary { color: #929292; } .cart .buttons-set .button:hover, .cart .buttons-set .button2:hover, .cart .buttons-set .add-to-links a:hover, .add-to-links .cart .buttons-set a:hover, .cart .buttons-set .add-to-links .split-button strong:hover, .add-to-links .split-button .cart .buttons-set strong:hover, .cart-table .button:hover, .cart-table .button2:hover, .cart-table .add-to-links a:hover, .add-to-links .cart-table a:hover, .cart-table .add-to-links .split-button strong:hover, .add-to-links .split-button .cart-table strong:hover, .sidebar .actions .button:hover, .sidebar .actions .button2:hover, .sidebar .actions .add-to-links a:hover, .add-to-links .sidebar .actions a:hover, .sidebar .actions .add-to-links .split-button strong:hover, .add-to-links .split-button .sidebar .actions strong:hover, .button.button-secondary:hover, .button-secondary.button2:hover, .add-to-links a.button-secondary:hover, .add-to-links .split-button strong.button-secondary:hover { background: #001871; cursor: pointer; color: white; } .cart .buttons-set .button:hover span, .cart .buttons-set .button2:hover span, .cart .buttons-set .add-to-links a:hover span, .add-to-links .cart .buttons-set a:hover span, .cart .buttons-set .add-to-links .split-button strong:hover span, .add-to-links .split-button .cart .buttons-set strong:hover span, .cart .buttons-set .button:hover span span, .cart .buttons-set .button2:hover span span, .cart .buttons-set .add-to-links a:hover span span, .add-to-links .cart .buttons-set a:hover span span, .cart .buttons-set .add-to-links .split-button strong:hover span span, .add-to-links .split-button .cart .buttons-set strong:hover span span, .cart-table .button:hover span, .cart-table .button2:hover span, .cart-table .add-to-links a:hover span, .add-to-links .cart-table a:hover span, .cart-table .add-to-links .split-button strong:hover span, .add-to-links .split-button .cart-table strong:hover span, .cart-table .button:hover span span, .cart-table .button2:hover span span, .cart-table .add-to-links a:hover span span, .add-to-links .cart-table a:hover span span, .cart-table .add-to-links .split-button strong:hover span span, .add-to-links .split-button .cart-table strong:hover span span, .sidebar .actions .button:hover span, .sidebar .actions .button2:hover span, .sidebar .actions .add-to-links a:hover span, .add-to-links .sidebar .actions a:hover span, .sidebar .actions .add-to-links .split-button strong:hover span, .add-to-links .split-button .sidebar .actions strong:hover span, .sidebar .actions .button:hover span span, .sidebar .actions .button2:hover span span, .sidebar .actions .add-to-links a:hover span span, .add-to-links .sidebar .actions a:hover span span, .sidebar .actions .add-to-links .split-button strong:hover span span, .add-to-links .split-button .sidebar .actions strong:hover span span, .button.button-secondary:hover span, .button-secondary.button2:hover span, .add-to-links a.button-secondary:hover span, .add-to-links .split-button strong.button-secondary:hover span, .button.button-secondary:hover span span, .button-secondary.button2:hover span span, .add-to-links a.button-secondary:hover span span, .add-to-links .split-button strong.button-secondary:hover span span { color: white; } .cart .buttons-set .button:active, .cart .buttons-set .button2:active, .cart .buttons-set .add-to-links a:active, .add-to-links .cart .buttons-set a:active, .cart .buttons-set .add-to-links .split-button strong:active, .add-to-links .split-button .cart .buttons-set strong:active, .cart-table .button:active, .cart-table .button2:active, .cart-table .add-to-links a:active, .add-to-links .cart-table a:active, .cart-table .add-to-links .split-button strong:active, .add-to-links .split-button .cart-table strong:active, .sidebar .actions .button:active, .sidebar .actions .button2:active, .sidebar .actions .add-to-links a:active, .add-to-links .sidebar .actions a:active, .sidebar .actions .add-to-links .split-button strong:active, .add-to-links .split-button .sidebar .actions strong:active, .button.button-secondary:active, .button-secondary.button2:active, .add-to-links a.button-secondary:active, .add-to-links .split-button strong.button-secondary:active { background: #001871; color: white; } .cart .buttons-set .button:active span, .cart .buttons-set .button2:active span, .cart .buttons-set .add-to-links a:active span, .add-to-links .cart .buttons-set a:active span, .cart .buttons-set .add-to-links .split-button strong:active span, .add-to-links .split-button .cart .buttons-set strong:active span, .cart .buttons-set .button:active span span, .cart .buttons-set .button2:active span span, .cart .buttons-set .add-to-links a:active span span, .add-to-links .cart .buttons-set a:active span span, .cart .buttons-set .add-to-links .split-button strong:active span span, .add-to-links .split-button .cart .buttons-set strong:active span span, .cart-table .button:active span, .cart-table .button2:active span, .cart-table .add-to-links a:active span, .add-to-links .cart-table a:active span, .cart-table .add-to-links .split-button strong:active span, .add-to-links .split-button .cart-table strong:active span, .cart-table .button:active span span, .cart-table .button2:active span span, .cart-table .add-to-links a:active span span, .add-to-links .cart-table a:active span span, .cart-table .add-to-links .split-button strong:active span span, .add-to-links .split-button .cart-table strong:active span span, .sidebar .actions .button:active span, .sidebar .actions .button2:active span, .sidebar .actions .add-to-links a:active span, .add-to-links .sidebar .actions a:active span, .sidebar .actions .add-to-links .split-button strong:active span, .add-to-links .split-button .sidebar .actions strong:active span, .sidebar .actions .button:active span span, .sidebar .actions .button2:active span span, .sidebar .actions .add-to-links a:active span span, .add-to-links .sidebar .actions a:active span span, .sidebar .actions .add-to-links .split-button strong:active span span, .add-to-links .split-button .sidebar .actions strong:active span span, .button.button-secondary:active span, .button-secondary.button2:active span, .add-to-links a.button-secondary:active span, .add-to-links .split-button strong.button-secondary:active span, .button.button-secondary:active span span, .button-secondary.button2:active span span, .add-to-links a.button-secondary:active span span, .add-to-links .split-button strong.button-secondary:active span span { color: white; } .cart .buttons-set .button:focus, .cart .buttons-set .button2:focus, .cart .buttons-set .add-to-links a:focus, .add-to-links .cart .buttons-set a:focus, .cart .buttons-set .add-to-links .split-button strong:focus, .add-to-links .split-button .cart .buttons-set strong:focus, .cart-table .button:focus, .cart-table .button2:focus, .cart-table .add-to-links a:focus, .add-to-links .cart-table a:focus, .cart-table .add-to-links .split-button strong:focus, .add-to-links .split-button .cart-table strong:focus, .sidebar .actions .button:focus, .sidebar .actions .button2:focus, .sidebar .actions .add-to-links a:focus, .add-to-links .sidebar .actions a:focus, .sidebar .actions .add-to-links .split-button strong:focus, .add-to-links .split-button .sidebar .actions strong:focus, .button.button-secondary:focus, .button-secondary.button2:focus, .add-to-links a.button-secondary:focus, .add-to-links .split-button strong.button-secondary:focus { color: white; background: #001871; outline: none; } .cart .buttons-set .button:focus span, .cart .buttons-set .button2:focus span, .cart .buttons-set .add-to-links a:focus span, .add-to-links .cart .buttons-set a:focus span, .cart .buttons-set .add-to-links .split-button strong:focus span, .add-to-links .split-button .cart .buttons-set strong:focus span, .cart .buttons-set .button:focus span span, .cart .buttons-set .button2:focus span span, .cart .buttons-set .add-to-links a:focus span span, .add-to-links .cart .buttons-set a:focus span span, .cart .buttons-set .add-to-links .split-button strong:focus span span, .add-to-links .split-button .cart .buttons-set strong:focus span span, .cart-table .button:focus span, .cart-table .button2:focus span, .cart-table .add-to-links a:focus span, .add-to-links .cart-table a:focus span, .cart-table .add-to-links .split-button strong:focus span, .add-to-links .split-button .cart-table strong:focus span, .cart-table .button:focus span span, .cart-table .button2:focus span span, .cart-table .add-to-links a:focus span span, .add-to-links .cart-table a:focus span span, .cart-table .add-to-links .split-button strong:focus span span, .add-to-links .split-button .cart-table strong:focus span span, .sidebar .actions .button:focus span, .sidebar .actions .button2:focus span, .sidebar .actions .add-to-links a:focus span, .add-to-links .sidebar .actions a:focus span, .sidebar .actions .add-to-links .split-button strong:focus span, .add-to-links .split-button .sidebar .actions strong:focus span, .sidebar .actions .button:focus span span, .sidebar .actions .button2:focus span span, .sidebar .actions .add-to-links a:focus span span, .add-to-links .sidebar .actions a:focus span span, .sidebar .actions .add-to-links .split-button strong:focus span span, .add-to-links .split-button .sidebar .actions strong:focus span span, .button.button-secondary:focus span, .button-secondary.button2:focus span, .add-to-links a.button-secondary:focus span, .add-to-links .split-button strong.button-secondary:focus span, .button.button-secondary:focus span span, .button-secondary.button2:focus span span, .add-to-links a.button-secondary:focus span span, .add-to-links .split-button strong.button-secondary:focus span span { color: white; } /* Primary Buttons */ .button, .button2, .add-to-links a, .add-to-links .split-button strong, .cart-table .product-cart-actions .button, .cart-table .product-cart-actions .button2, .cart-table .product-cart-actions .add-to-links a, .add-to-links .cart-table .product-cart-actions a, .cart-table .product-cart-actions .add-to-links .split-button strong, .add-to-links .split-button .cart-table .product-cart-actions strong, #co-shipping-method-form .buttons-set .button, #co-shipping-method-form .buttons-set .button2, #co-shipping-method-form .buttons-set .add-to-links a, .add-to-links #co-shipping-method-form .buttons-set a, #co-shipping-method-form .buttons-set .add-to-links .split-button strong, .add-to-links .split-button #co-shipping-method-form .buttons-set strong, .footer .button, .footer .button2, .footer .add-to-links a, .add-to-links .footer a, .footer .add-to-links .split-button strong, .add-to-links .split-button .footer strong { border: 1px solid #001871; background: white; display: inline-block; padding: 7px 18px; color: #001871; font-size: 11px; font-weight: normal; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; line-height: 11px; text-align: center; text-transform: uppercase; vertical-align: middle; white-space: nowrap; letter-spacing: 1px; height: 40px; } .button:hover, .button2:hover, .add-to-links a:hover, .add-to-links .split-button strong:hover, .cart-table .product-cart-actions .button:hover, .cart-table .product-cart-actions .button2:hover, .cart-table .product-cart-actions .add-to-links a:hover, .add-to-links .cart-table .product-cart-actions a:hover, .cart-table .product-cart-actions .add-to-links .split-button strong:hover, .add-to-links .split-button .cart-table .product-cart-actions strong:hover, #co-shipping-method-form .buttons-set .button:hover, #co-shipping-method-form .buttons-set .button2:hover, #co-shipping-method-form .buttons-set .add-to-links a:hover, .add-to-links #co-shipping-method-form .buttons-set a:hover, #co-shipping-method-form .buttons-set .add-to-links .split-button strong:hover, .add-to-links .split-button #co-shipping-method-form .buttons-set strong:hover, .footer .button:hover, .footer .button2:hover, .footer .add-to-links a:hover, .add-to-links .footer a:hover, .footer .add-to-links .split-button strong:hover, .add-to-links .split-button .footer strong:hover { background: #001871; cursor: pointer; color: white; } .button:active, .button2:active, .add-to-links a:active, .add-to-links .split-button strong:active, .cart-table .product-cart-actions .button:active, .cart-table .product-cart-actions .button2:active, .cart-table .product-cart-actions .add-to-links a:active, .add-to-links .cart-table .product-cart-actions a:active, .cart-table .product-cart-actions .add-to-links .split-button strong:active, .add-to-links .split-button .cart-table .product-cart-actions strong:active, #co-shipping-method-form .buttons-set .button:active, #co-shipping-method-form .buttons-set .button2:active, #co-shipping-method-form .buttons-set .add-to-links a:active, .add-to-links #co-shipping-method-form .buttons-set a:active, #co-shipping-method-form .buttons-set .add-to-links .split-button strong:active, .add-to-links .split-button #co-shipping-method-form .buttons-set strong:active, .footer .button:active, .footer .button2:active, .footer .add-to-links a:active, .add-to-links .footer a:active, .footer .add-to-links .split-button strong:active, .add-to-links .split-button .footer strong:active { background: #e6e6e6; color: #001871; } .button:focus, .button2:focus, .add-to-links a:focus, .add-to-links .split-button strong:focus, .cart-table .product-cart-actions .button:focus, .cart-table .product-cart-actions .button2:focus, .cart-table .product-cart-actions .add-to-links a:focus, .add-to-links .cart-table .product-cart-actions a:focus, .cart-table .product-cart-actions .add-to-links .split-button strong:focus, .add-to-links .split-button .cart-table .product-cart-actions strong:focus, #co-shipping-method-form .buttons-set .button:focus, #co-shipping-method-form .buttons-set .button2:focus, #co-shipping-method-form .buttons-set .add-to-links a:focus, .add-to-links #co-shipping-method-form .buttons-set a:focus, #co-shipping-method-form .buttons-set .add-to-links .split-button strong:focus, .add-to-links .split-button #co-shipping-method-form .buttons-set strong:focus, .footer .button:focus, .footer .button2:focus, .footer .add-to-links a:focus, .add-to-links .footer a:focus, .footer .add-to-links .split-button strong:focus, .add-to-links .split-button .footer strong:focus { background-color: #e6e6e6; outline: none; color: #FFFFFF; } a.button, a.button2, .add-to-links a { text-decoration: none; } a.button:hover, a.button2:hover, .add-to-links a:hover { color: #FFFFFF; } /* Disabled - class for anchor, state for form elements */ .button.disabled, .disabled.button2, .add-to-links a.disabled, .add-to-links .split-button strong.disabled, .button:disabled, .button2:disabled, .add-to-links a:disabled, .add-to-links .split-button strong:disabled { background: #C8C8C8; opacity: 0.6; cursor: not-allowed; } /* Adjacent buttons */ .button + .button, .button2 + .button, .add-to-links a + .button, .add-to-links .split-button strong + .button, .button + .button2, .button2 + .button2, .add-to-links a + .button2, .add-to-links .split-button strong + .button2, .add-to-links .button + a, .add-to-links .button2 + a, .add-to-links a + a, .add-to-links .split-button strong + a, .add-to-links .split-button .button + strong, .add-to-links .split-button .button2 + strong, .add-to-links .split-button a + strong, .add-to-links .split-button strong + strong { margin-left: 5px; } .button2 { cursor: pointer; vertical-align: middle; } .button2:hover span, .button2:hover span span { color: white; } .button2:focus { outline: none; } .button2 span, .button2 span span { text-transform: uppercase; display: inline-block; color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .button2 span:hover, .button2 span span:hover { text-decoration: none; color: white; } @media only screen and (max-width: 765px) { .col2-set .buttons-set .button, .col2-set .buttons-set .button2, .col2-set .buttons-set .add-to-links a, .add-to-links .col2-set .buttons-set a, .col2-set .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .col2-set .buttons-set strong, .col2-set .buttons-set .button2 { float: none; width: 100%; margin-left: 0; margin-right: 0; } .col2-set .buttons-set .back-link { display: none; } .col2-set .buttons-set .required { display: none; } } @media only screen and (max-width: 479px) { .buttons-set .button, .buttons-set .button2, .buttons-set .add-to-links a, .add-to-links .buttons-set a, .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .buttons-set strong { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } } /* -------------------------------------------- * 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; } @media only screen and (max-width: 670px) { .paypal-or { line-height: 20px; } .paypal-logo, .paypal-or, .paypal-button { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* -------------------------------------------- * Button Sets */ .buttons-set { clear: both; margin: 10px 0 0; padding-top: 10px; text-align: right; } .buttons-set p.required { margin: 0; margin-left: 10px; line-height: 33px; float: right; } .buttons-set .back-link { float: left; margin: 0; line-height: 33px; text-transform: uppercase; letter-spacing: 1px; } .buttons-set a:not(".button") { line-height: 20px; display: inline-block; padding: 5px; } .buttons-set button.button, .buttons-set button.button2 { float: right; margin-left: 5px; min-width: 140px; } .buttons-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Breadcrumbs */ .breadcrumbs { overflow: hidden; margin: -15px 0 15px; } .breadcrumbs li { float: left; font-size: 13px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; text-transform: uppercase; } @media only screen and (max-width: 765px) { .breadcrumbs li { display: none; } .breadcrumbs li.mobile { display: block; } .breadcrumbs li.mobile:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-image: url(../images/rm_icon_sprite.png); background-repeat: no-repeat; display: inline-block; float: left; content: ""; background-position: -30px -1487px; width: 10px; height: 6px; margin: 4px 10px 0 0; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { .breadcrumbs li.mobile:before { background-image: url(../images/rm_icon_sprite@2x.png) !important; background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { .breadcrumbs li.mobile a { font-size: 13px; } .breadcrumbs li.mobile a:hover { text-decoration: none; } .breadcrumbs li.mobile span { display: none; } } @media only screen and (max-width: 900px) { .breadcrumbs li { display: none; } .breadcrumbs li:first-child:nth-last-child(4).mobile, .breadcrumbs li:first-child:nth-last-child(4) ~ li.mobile, .breadcrumbs li:first-child:nth-last-child(5).mobile, .breadcrumbs li:first-child:nth-last-child(5) ~ li.mobile, .breadcrumbs li:first-child:nth-last-child(6).mobile, .breadcrumbs li:first-child:nth-last-child(6) ~ li.mobile { display: block; } .breadcrumbs li:first-child:nth-last-child(4).mobile:before, .breadcrumbs li:first-child:nth-last-child(4) ~ li.mobile:before, .breadcrumbs li:first-child:nth-last-child(5).mobile:before, .breadcrumbs li:first-child:nth-last-child(5) ~ li.mobile:before, .breadcrumbs li:first-child:nth-last-child(6).mobile:before, .breadcrumbs li:first-child:nth-last-child(6) ~ li.mobile:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-image: url(../images/rm_icon_sprite.png); background-repeat: no-repeat; display: inline-block; float: left; content: ""; background-position: -30px -1487px; width: 10px; height: 6px; margin: 4px 10px 0 0; } } @media only screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 900px) and (min-device-pixel-ratio: 2), only screen and (max-width: 900px) and (min-resolution: 192dpi), only screen and (max-width: 900px) and (min-resolution: 2dppx) { .breadcrumbs li:first-child:nth-last-child(4).mobile:before, .breadcrumbs li:first-child:nth-last-child(4) ~ li.mobile:before, .breadcrumbs li:first-child:nth-last-child(5).mobile:before, .breadcrumbs li:first-child:nth-last-child(5) ~ li.mobile:before, .breadcrumbs li:first-child:nth-last-child(6).mobile:before, .breadcrumbs li:first-child:nth-last-child(6) ~ li.mobile:before { background-image: url(../images/rm_icon_sprite@2x.png) !important; background-size: 115px 1952px; } } @media only screen and (max-width: 900px) { .breadcrumbs li:first-child:nth-last-child(4).mobile a:hover, .breadcrumbs li:first-child:nth-last-child(4) ~ li.mobile a:hover, .breadcrumbs li:first-child:nth-last-child(5).mobile a:hover, .breadcrumbs li:first-child:nth-last-child(5) ~ li.mobile a:hover, .breadcrumbs li:first-child:nth-last-child(6).mobile a:hover, .breadcrumbs li:first-child:nth-last-child(6) ~ li.mobile a:hover { text-decoration: none; } .breadcrumbs li:first-child:nth-last-child(4).mobile span, .breadcrumbs li:first-child:nth-last-child(4) ~ li.mobile span, .breadcrumbs li:first-child:nth-last-child(5).mobile span, .breadcrumbs li:first-child:nth-last-child(5) ~ li.mobile span, .breadcrumbs li:first-child:nth-last-child(6).mobile span, .breadcrumbs li:first-child:nth-last-child(6) ~ li.mobile span { display: none; } } @media only screen and (max-width: 1024px) { .breadcrumbs li.home { display: none; } } @media only screen and (min-width: 765px) { .breadcrumbs { top: 0px; padding-top: 20px; background-color: white; } .breadcrumbs li:first-child:nth-last-child(4), .breadcrumbs li:first-child:nth-last-child(4) ~ li, .breadcrumbs li:first-child:nth-last-child(5), .breadcrumbs li:first-child:nth-last-child(5) ~ li, .breadcrumbs li:first-child:nth-last-child(6), .breadcrumbs li:first-child:nth-last-child(6) ~ li { font-size: 10px; } .breadcrumbs li:first-child:nth-last-child(4) span, .breadcrumbs li:first-child:nth-last-child(4) ~ li span, .breadcrumbs li:first-child:nth-last-child(5) span, .breadcrumbs li:first-child:nth-last-child(5) ~ li span, .breadcrumbs li:first-child:nth-last-child(6) span, .breadcrumbs li:first-child:nth-last-child(6) ~ li span { margin: 2px 5px 0 6px; } } @media only screen and (min-width: 1200px) { .breadcrumbs { top: 0px; } .breadcrumbs li:first-child:nth-last-child(4), .breadcrumbs li:first-child:nth-last-child(4) ~ li, .breadcrumbs li:first-child:nth-last-child(5), .breadcrumbs li:first-child:nth-last-child(5) ~ li, .breadcrumbs li:first-child:nth-last-child(6), .breadcrumbs li:first-child:nth-last-child(6) ~ li { font-size: 12px; } .breadcrumbs li:first-child:nth-last-child(4) span, .breadcrumbs li:first-child:nth-last-child(4) ~ li span, .breadcrumbs li:first-child:nth-last-child(5) span, .breadcrumbs li:first-child:nth-last-child(5) ~ li span, .breadcrumbs li:first-child:nth-last-child(6) span, .breadcrumbs li:first-child:nth-last-child(6) ~ li span { margin: 0 6px 0 10px; } } @media only screen and (max-width: 900px) { .catalog-product-view .main-container .main .breadcrumbs { width: auto; } } .ie9 .catalog-product-view .main-container .main .breadcrumbs, .ie8 .catalog-product-view .main-container .main .breadcrumbs, .ie7 .catalog-product-view .main-container .main .breadcrumbs, .ie10 .catalog-product-view .main-container .main .breadcrumbs { margin-top: 15px; } .breadcrumbs a { float: left; color: #929292; } .breadcrumbs a:hover { color: #001871; } .breadcrumbs strong { color: #929292; font-weight: normal; } .breadcrumbs span { float: left; padding: 0 7px; background-position: -1px -79px; width: 11px; height: 11px; margin: 0 6px 0 10px; } @media only screen and (max-width: 765px) { .breadcrumbs { padding: 10px 0; } } /* -------------------------------------------- * Button - Remove / Previous */ .btn-remove, .btn-previous { display: inline-block; width: 20px; height: 20px; border: 1px solid #C8C8C8; text-align: center; /* Hide text */ font: 0/0 a; text-shadow: none; color: transparent; position: relative; } .btn-remove:hover, .btn-previous:hover { background-color: #001871; border-color: #001871; } .btn-remove:after { content: 'X'; color: #001871; height: 20px; line-height: 20px; width: 100%; font-size: 10px; font-family: Arial, "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: bold; } .btn-remove:hover:after { color: #FFFFFF; text-decoration: none; } .btn-remove2 { background-position: 0 -1019px; width: 24px; height: 24px; border: none; vertical-align: top; } .btn-remove2:after { display: none; } .btn-remove2:hover { background-color: transparent; background-position: -32px -1019px; } .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 #001871; 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 #C8C8C8; background: #F4F4F4; } /* -------------------------------------------- * CVV Security Code */ .cvv-what-is-this { margin-left: 10px; font-size: 13px; line-height: 24px; } /* -------------------------------------------- * Container */ div.main-container, div.footer-container { position: relative; max-width: 1740px; margin: 0 auto; padding: 15px; } div.main-container:after, div.footer-container:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 766px) { div.main-container, div.footer-container { max-width: 100%; padding: 0; } div.main-container .main, div.footer-container .main { max-width: 1680px; margin: 0 auto; } } @media only screen and (max-width: 765px) { div.main-container, div.footer-container { padding: 0 0 15px; } } @media only screen and (min-width: 480px) { .main-container, .footer-container { padding: 30px; } } .footer-container { padding-top: 0px; position: relative; } @media only screen and (max-width: 765px) { .footer-container { border: none; } } .footer-container:before { content: ""; position: absolute; background-image: url("../images/media/minkoff_signature.jpg"); width: 183px; height: 68px; bottom: 0; left: 10px; } @media only screen and (max-width: 765px) { .footer-container:before { display: none; } } .footer-container .footer-logo { background-image: url("../images/media/minkoff_signature.jpg"); width: 183px; height: 68px; margin: 0 auto; display: none; } @media only screen and (max-width: 765px) { .footer-container .footer-logo { display: block; } } /* -------------------------------------------- * Column Layouts */ .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-left: 0; /* Remove the 15px padding */ clear: left; } .col-left img { max-width: 100%; } .col-right { float: right; width: 25%; padding-right: 0; /* Remove the 15px padding */ } .col-right img { max-width: 100%; } .col-main { float: left; width: 75%; } .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.8333%; } .col3-layout .col-wrapper { float: left; width: 79.1667%; } .col3-layout .col-wrapper .col-main { float: right; width: 73.6842%; } .col3-layout .col-wrapper .col-left { width: 26.3158%; } @media only screen and (max-width: 1000px) { .col3-layout .col-right { float: left; clear: left; padding-left: 0; padding-right: 10px; width: 25%; } .col3-layout .col-wrapper { float: right; width: 100%; } .col3-layout .col-wrapper .col-main { float: right; width: 75%; } .col3-layout .col-wrapper .col-left { width: 25%; } } @media only screen and (max-width: 765px) { .col-left, .col-right, .col-main, .col1-layout .col-left, .col1-layout .col-right, .col1-layout .col-main, .col2-left-layout .col-left, .col2-left-layout .col-right, .col2-left-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-right-layout .col-main, .col3-layout .col-wrapper .col-left, .col3-layout .col-right, .col3-layout .col-wrapper .col-main { padding: 0; margin-bottom: 10px; float: none; width: auto; } .col3-layout .col-wrapper { float: none; width: auto; } .col-main { float: none; width: auto; } .col-main .col-left { padding: 0; /* On product listing pages, the left column gets moved inside col-main on small viewports */ } } /* Content Columns */ .col2-set { width: 100%; } .col2-set .col-1, .col2-set .col-2 { width: 50%; padding: 20px; } @media only screen and (max-width: 765px) { .col2-set .col-1, .col2-set .col-2 { padding: 10px; } } .col2-set .col-1 { float: left; padding-left: 0; } .col2-set .col-2 { float: right; padding-right: 0; } @media only screen and (max-width: 479px) { .col2-set .col-1, .col2-set .col-2 { float: none; width: auto; border: 0; padding-right: 0; padding-left: 0; } } .col2-set .narrow { width: 33%; } .col2-set .wide { width: 65%; } .col2-set:after { content: ''; display: table; clear: both; } /* -------------------------------------------- * Top Container */ @media only screen and (min-width: 766px) { .top-container { max-width: 1740px; margin: 0 auto; padding: 0 30px; } } /* -------------------------------------------- * Global Site Notice */ .global-site-notice { background: #F0F0F0; color: #E6E6E6; font-size: 11px; } .global-site-notice .notice-inner { padding-left: 120px; width: 100%; max-width: 1680px; 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: #000018; text-align: center; margin: 10px; text-transform: uppercase; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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: 10px; } .cms-index-index .messages { max-width: 1158px; margin: 0 auto; } .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; } @media only screen and (min-width: 915px) { .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 { margin-bottom: 20px; } .payment-methods dt { padding: 5px 0; } .payment-methods dd { padding-top: 10px; } .payment-methods .form-list { position: relative; display: inline-block; max-width: 100%; margin: 5px 15px 15px; padding: 15px; border: 1px solid #C8C8C8; background: #F4F4F4; } .payment-methods .form-list:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #C8C8C8; border-top: none; top: -11px; left: 30px; } .payment-methods .form-list: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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .price-box p { margin-bottom: 0; } .price-notice { color: #929292; } .price-box .price { color: #000018; font-size: 16px; } .price-box .price, .price { white-space: nowrap; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .price-box .price-label { color: #929292; white-space: nowrap; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .price-box .minimal-price-link { padding-left: 1em; color: #000018; display: block; /* We want this to show on its own line, otherwise the layout looks funky */ } .price-box .minimal-price-link .label { color: #929292; } /* -------------------------------------------- * 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 { font-size: 18px; color: #C8C8C8; text-decoration: line-through; } .price-box .special-price { color: #000018; padding-right: 1em; float: left; } .catalog-category-view .price-box .special-price, .catalogsearch-result-index .price-box .special-price { float: none; padding: 0; } .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: 11px; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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 #001871; background-color: #F6F6F6; top: 21px; left: -100px; } .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 #001871; 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; } @media only screen and (max-width: 479px) { .truncated { cursor: inherit; } .truncated a.details { display: none; } .truncated .truncated_full_value .item-options { display: block; position: static; z-index: 1; width: 100%; border: none; background-color: transparent; } .truncated .truncated_full_value .item-options p { float: none; } .truncated .truncated_full_value .item-options:after { display: none; } } /* -------------------------------------------- * Printer Friendly Page */ .page-print { width: 6.5in; margin: 20px; background: #FFFFFF; } /* -------------------------------------------- * Add to links */ .add-to-links { margin: 7px 0; } .add-to-links a { display: inline-block; padding: 0px 3px 3px; background: #C8C8C8; border: none; color: white; line-height: 45px; padding: 0 30px; } .add-to-links a:hover { background: #a6a6a6; } .add-to-links .split-button strong { display: inline-block; padding: 0px 3px 3px; background: #C8C8C8; border: none; color: white; font-weight: 500; line-height: 45px; padding: 0 30px; } .add-to-links .split-button strong:hover { background: #a6a6a6; } @media only screen and (max-width: 765px) { .add-to-links .split-button strong { width: 100%; } } .add-to-links .split-button .change, .add-to-links .split-button .list-container { display: none; } .add-to-links .separator { display: none; } /* -------------------------------------------- * Product Image */ .product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover { position: relative; display: block; } .no-touch .product-image:hover { border-color: #001871; } /* -------------------------------------------- * Ratings */ .ratings { margin: 7px 0; } .ratings .rating-box, .ratings .rating-links { margin: 5px 0; } .ratings .rating-box { width: 112px; height: 19px; background-image: url("../images/rm_icon_sprite.png"); background-repeat: repeat-x; background-position: 0 -1312px; overflow: hidden; } .ratings .rating-box .rating { float: left; height: 19px; background-image: url("../images/rm_icon_sprite.png"); background-repeat: repeat-x; background-position: 0 -1287px; } .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: #929292; font-size: 13px; } /* -------------------------------------------- * Tabs */ .tabs { margin-bottom: 60px; background: #FFFFFF; } /* -------------------------------------------- * Toolbar */ .toolbar { margin-top: 10px; margin-bottom: 30px; border-bottom: 1px solid #C8C8C8; border-top: 1px solid #C8C8C8; background: #F4F4F4; padding: 0 10px; } .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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; color: #929292; line-height: 30px; font-size: 12px; } .toolbar label, .pager-no-toolbar label { font-weight: normal; text-transform: uppercase; } .sorter { float: left; margin-bottom: 0; } .sorter label { float: left; margin-right: 5px; } .sorter label:after { content: ':'; } .sorter > .sort-by { float: left; margin-right: 5px; height: 40px; } .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: right; } .sorter > .view-mode .grid, .sorter > .view-mode .list { float: left; width: 30px; height: 30px; } .sorter > .view-mode .grid { margin-right: 5px; background-position: 8px -492px; } .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover { background-position: -42px -492px; } .sorter > .view-mode .list { background-position: 11px -517px; } .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover { background-position: -39px -517px; } .pager { float: right; overflow: hidden; } .pager > .count-container { float: left; } .pager .amount { float: left; font-family: "Verlag A", "Verlag B", 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: ':'; } .pager .amount, .pager .limiter, .pager .pages { margin-bottom: 5px; } .pages { float: right; overflow: hidden; margin-left: 15px; } .pages strong { display: none; } .pages li { float: left; } .pages a, .pages .current { display: inline-block; border: 0; 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: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .pages .current, .pages .current:hover { color: #929292; border: 1px solid #C8C8C8; width: 30px; background-color: #FFFFFF; cursor: default; } .pages .next, .pages .previous { font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; position: relative; } .pages .next:hover, .pages .previous:hover { border: 1px solid #001871; } .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 #001871; 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 #000825; 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 #001871; 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 #000825; border-left: none; } @media only screen and (max-width: 479px) { .pager .amount--has-pages { display: none; } .pages { float: left; } .limiter label { display: none; } } @media only screen and (max-width: 765px) { .col1-layout .sorter, .col1-layout .pager { width: 100%; } .col1-layout .pager { float: left; clear: both; } .col1-layout .pager .pages { float: left; margin-left: 0; } .col1-layout .pager .count-container { float: right; } } @media only screen and (max-width: 979px) { .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager { width: 100%; } .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager { float: left; clear: both; } .col2-left-layout .pager .pages, .col2-right-layout .pager .pages, .col3-layout .pager .pages { float: left; margin-left: 0; } .col2-left-layout .pager .count-container, .col2-right-layout .pager .count-container, .col3-layout .pager .count-container { float: right; } } @media only screen and (max-width: 1279px) { .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 #001871; 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 #000825; 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 #001871; 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 #000825; 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; } .mobile { display: none; } @media only screen and (max-width: 765px) { .mobile { display: block; } } .customer-account-logoutsuccess .page-title + p { padding: 15px 30px; } /* ============================================ * 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: 5px; } form .legend { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; padding-bottom: 7px; } /* -------------------------------------------- * 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: 11px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #000018; -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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* -------------------------------------------- * Hints */ .input-hint { color: #929292; font-size: 12px; } /* -------------------------------------------- * Select */ select { font-size: 14px; width: 100%; height: 40px; } select + select { margin-left: 5px; } select[multiple] { width: 270px; border: 1px solid #C8C8C8; font-size: 15px; padding: 5px; } /* -------------------------------------------- * Textarea */ textarea { box-sizing: border-box; max-width: 100%; width: 450px; padding: 5px; } /* -------------------------------------------- * Inputs */ .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #C8C8C8; background: #FFFFFF; font-size: 11px; letter-spacing: 1px; } .input-text:focus { border: 1px solid #001871; outline: none; } .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] { height: 40px; padding: 0 16px; font-size: 11px; text-transform: uppercase; color: #929292; } .ie8 input[type=email], .ie8 input[type=search], .ie8 input[type=number], .ie8 input[type=password], .ie8 input[type=tel], .ie8 input[type=text] { line-height: 40px; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] { width: 365px; 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: 16px; /* Prevent from zooming on focus */ } } .ie8 .input-text { max-width: none; } /* -------------------------------------------- * Inputs - Quantity */ input[type=number].qty, input[type=text].qty { width: 3em; text-align: center; vertical-align: middle; padding: 0; } /* -------------------------------------------- * Placeholder */ ::-webkit-input-placeholder { color: #929292; font-size: 11px; text-transform: uppercase; } input:-moz-placeholder { color: #929292; font-size: 11px; text-transform: uppercase; } /* -------------------------------------------- * 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: 11px; font-weight: normal; vertical-align: top; } /* -------------------------------------------- * Validation */ p.required, .validation-advice { margin: 5px 0; color: #FF0000; font-size: 13px; } /* ============================================ * Form List ============================================ */ .form-list > li { margin-bottom: 10px; } .form-list select { 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 { display: inline-block; width: auto; max-width: none; min-width: 250px; float: none; padding: 6px 10px 6px 40px; } .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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 13px; color: #929292; } a:focus, a:active { outline: none; } /* ============================================ * Table Helpers ============================================ */ .hide-th { text-indent: -9999px; } /* ============================================ * Data Table ============================================ */ .data-table { width: 100%; } .data-table td, .data-table th { padding: 20px; vertical-align: top; } .data-table th { text-transform: uppercase; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; line-height: 1.4; white-space: nowrap; color: #646464; background: #F3F3F3; letter-spacing: 1px; } .data-table thead th, .data-table tbody td { border-bottom: 1px solid #E6E6E6; } .data-table tbody td, .data-table tfoot td { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .data-table tfoot tr { background: #F4F4F4; } .data-table tbody td .item-options { width: 100%; max-width: 200px; } @media only screen and (max-width: 599px) { .data-table tbody td .item-options { margin-top: 25px; } } .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 #E6E6E6; } .zebra-table td, .zebra-table th { border-bottom: 1px solid #E6E6E6; padding: 6px; background-color: transparent; } .zebra-table tr { background-color: #EEEDED; } .zebra-table tr:nth-child(odd) { background-color: #F8F7F5; } /* ============================================ * Linearize Table ============================================ */ @media only screen and (max-width: 479px) { .linearize-table { /* Helpers */ } .linearize-table tr, .linearize-table th, .linearize-table td { display: block; } .linearize-table thead th { border-right: 0; border-left: 0; } .linearize-table thead th.lin-hide { display: none; } .linearize-table thead th:nth-child(1n+2) { display: none; } .linearize-table tbody tr { position: relative; border-bottom: 1px solid #C8C8C8; } .linearize-table tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table tbody td.lin-hide { display: none; } .linearize-table tbody td:first-child { padding-top: 10px; } .linearize-table tbody td:first-child, .linearize-table tbody td:first-child h3 { font-weight: bold; } .linearize-table tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table tfoot tr { display: block; text-align: right; } .linearize-table tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table tfoot td { display: block; float: left; } .linearize-table tfoot td.lin-hide { display: none; } .linearize-table tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table .linearize-hide { display: none; } .linearize-table .linearize-unpad { padding: 0; } .linearize-table .linearize-show { display: block; } } @media only screen and (max-width: 599px) { .linearize-table-large { /* Helpers */ } .linearize-table-large tr, .linearize-table-large th, .linearize-table-large td { display: block; } .linearize-table-large thead th { border-right: 0; border-left: 0; } .linearize-table-large thead th.lin-hide { display: none; } .linearize-table-large thead th:nth-child(1n+2) { display: none; } .linearize-table-large tbody tr { position: relative; border-bottom: 1px solid #C8C8C8; } .linearize-table-large tbody td { padding: 0 10px 4px; border-right: 0; border-bottom: 0; } .linearize-table-large tbody td.lin-hide { display: none; } .linearize-table-large tbody td:first-child { padding-top: 10px; } .linearize-table-large tbody td:first-child, .linearize-table-large tbody td:first-child h3 { font-weight: bold; } .linearize-table-large tbody td[data-rwd-label] { text-align: left; padding-left: 30px; } .linearize-table-large tbody td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .linearize-table-large tfoot tr { display: block; text-align: right; } .linearize-table-large tfoot tr:after { content: ''; display: table; clear: both; } .linearize-table-large tfoot td { display: block; float: left; } .linearize-table-large tfoot td.lin-hide { display: none; } .linearize-table-large tfoot td:nth-child(odd) { clear: left; width: 60%; } .linearize-table-large tfoot td:nth-child(even) { text-align: left; width: 40%; } .linearize-table-large .linearize-hide { display: none; } .linearize-table-large .linearize-unpad { padding: 0; } .linearize-table-large .linearize-show { display: block; } } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse { display: none; } } @media only screen and (max-width: 479px) { body .my-wishlist .linearize-table .wishlist-cell0:before { float: left; margin-right: 15px; content: 'Selected:'; font-weight: normal; } } /* ============================================ * Global ============================================ */ html, body { height: 100%; } .wrapper { min-width: 320px; min-height: 100%; margin: 0 auto; background: #FFFFFF; } .wrapper:after { content: ''; display: table; clear: both; } /* ============================================ * Header ============================================ */ @media only screen and (min-width: 766px) { .page-header { max-width: 100%; margin: 0 auto; } .page-header-container { position: relative; } .page-header-content { max-width: 1680px; margin: 0 auto; } } @media only screen and (max-width: 765px) { .page-header { border-bottom: 1px solid #E6E6E6; } } .header-language-container, .page-header { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .page-header-container { position: absolute; width: 100%; background: white; top: 30px; z-index: 1001; } .ie9 .page-header-container, .ie8 .page-header-container { position: relative; } .page-header-container.fixed { position: fixed; top: 0; } div.main-container { padding-top: 92px; } @media only screen and (max-width: 1024px) { div.main-container { padding-top: 142px; } } @media only screen and (max-width: 765px) { div.main-container { padding-top: 100px; } } .ie8 div.main-container, .ie9 div.main-container { padding-top: 0; } img[src*="im.gif"] { display: none; } /* ============================================ * Language switcher + welcome message ============================================ */ .header-language-background { padding: 10px; background-color: #001871; text-transform: uppercase; } .header-language-background .header-language-container { max-width: 1680px; margin-left: auto; margin-right: auto; } .header-language-background:after { content: ''; display: table; clear: both; } .header-language-background .form-language, .header-language-background .currency-switcher { float: left; margin-right: 10px; } .header-language-background .welcome-msg { float: right; } .page-header-container .store-language-container { float: right; max-width: 35%; padding: 13px 15px 10px 10px; } .page-header-container .store-language-container label { display: none; } .page-header-container .store-language-container select { max-width: 100%; } @media only screen and (max-width: 479px) { .page-header-container .store-language-container { padding-top: 8px; } .page-header-container .store-language-container select { font-size: 12px; } } .header-language-background, .header-language-background a { color: #E6E6E6; } @media only screen and (max-width: 765px) { .header-language-background { display: none; } } /* ============================================ * Logo ============================================ */ .logo { display: block; float: left; width: 27%; text-align: center; max-width: 354px; } .logo img { max-width: 100%; } .logo .small { display: block; } .logo .large { display: none; } @media only screen and (max-width: 1350px) { .wrapper .logo { padding: 38px 18px; width: 250px; } } @media only screen and (max-width: 1150px) { .wrapper .logo { padding: 41px 11px; width: 150px; } } @media only screen and (max-width: 1150px) { .wrapper .logo { padding: 41px 11px; width: 150px; } } @media only screen and (max-width: 1024px) { .wrapper .logo { width: 250px; padding: 36px 32px; } } @media only screen and (max-width: 765px) { .logo { float: none; margin: 0 auto; width: auto; text-align: center; padding: 18px 0; } .wrapper .logo { padding: 18px 0; width: 300px; } .logo img, .logo img.small { float: none; display: inline-block; width: 80%; vertical-align: top; margin-top: 3px; } .logo img.large { display: none; } } .logo { padding: 36px 42px; } .logo .small { display: none; } .logo .large { display: block; } @media only screen and (max-width: 765px) { .logo { padding: 10px; } } /* ============================================ * Skip Links ============================================ */ .skip-links { clear: both; overflow: visible; border-bottom: 1px solid #EDEDED; } @media only screen and (min-width: 766px) { .skip-links { overflow: visible; } } @media only screen and (max-width: 765px) { .skip-links { position: relative; width: 100%; max-width: 440px; margin: 0 auto; border: none; overflow: visible; } .skip-links:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } } .skip-links { float: right; color: #f23d3d; border: 0; clear: none; width: 35%; padding-right: 25px; } @media only screen and (min-width: 961px) { .skip-links { max-width: 350px; } } @media only screen and (max-width: 1200px) { .skip-links { max-width: 320px; } } @media only screen and (max-width: 1120px) { .skip-links { max-width: 275px; } } @media only screen and (max-width: 1024px) { .skip-links { max-width: none; height: 75px; width: 46%; } } @media only screen and (max-width: 765px) { .skip-links { width: 100%; float: none; margin: 0 auto; padding-right: 0; height: auto; } } /* -------------------------------------------- * Skip - Link */ .skip-link { position: relative; float: right; width: 25%; background: #FFFFFF; color: #929292; line-height: 92px; text-align: center; text-indent: 0; height: auto; letter-spacing: 1px; padding: 0 10px; } @media only screen and (max-width: 765px) { .skip-link { height: 44px; padding: 0; float: left; } .skip-link .label { display: none; } } .skip-link:hover { color: #001871; } .skip-link:hover .label { color: #001871; } .header-account .skip-link.skip-account { padding: 0 10px; } a.skip-link { text-decoration: none; } @media only screen and (min-width: 500px) { .skip-link { width: 25%; } } @media only screen and (min-width: 766px) { .skip-link { width: auto; float: right; } } /* -------------------------------------------- * Skip Link - Active */ @media only screen and (max-width: 765px) { .skip-link.skip-active { color: inherit; } .skip-link.skip-active span { color: inherit; } } /* -------------------------------------------- * Skip Link - Icon */ .skip-link .icon { width: 18px; height: 19px; display: inline-block; margin: 0 auto; } @media only screen and (max-width: 765px) { .skip-link .icon { display: block; margin: 6px auto 0; padding: 0; } } /* -------------------------------------------- * Skip Link - Label */ .skip-link .label { display: inline-block; color: #000018; text-transform: uppercase; font-size: 10px; text-indent: 0; white-space: nowrap; } @media only screen and (max-width: 765px) { .skip-link .label { display: none; } } /* ============================================ * Skip Content ============================================ */ .skip-content { display: none; } .skip-content.skip-active { display: block; background: #EDEDED; } .nav-open .skip-content#header-nav { display: block; overflow: scroll; } .minicart-open .skip-content#header-cart { display: block; } /* ============================================ * Global Header Navigation ============================================ */ @media only screen and (max-width: 765px) { #header-account li a, .nav-primary a.level0 { padding: 0 15px 0 25px; border-bottom: 1px solid #C8C8C8; text-align: left; color: #929292; text-transform: uppercase; line-height: 30px; } #header-account li a { border: none; padding: 0 50px; font-size: 13px; font-weight: 500; color: #000018; line-height: 40px; letter-spacing: 1px; } #header-account li a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-image: url(../images/rm_icon_sprite.png); background-repeat: no-repeat; content: ""; display: block; float: right; background-position: -32px -1081px; width: 18px; height: 10px; margin-top: 15px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { #header-account li a:after { background-image: url(../images/rm_icon_sprite@2x.png) !important; background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { #header-account li { padding: 0; margin: 0; } #header-account li:last-child a, .nav-primary li.level0:last-child a.level0 { border-bottom: 0; } .no-touch #header-account a:hover, .no-touch .nav-primary a:hover { text-decoration: none; color: #001871; border: none; } .no-touch #header-account a:hover span, .no-touch .nav-primary a:hover span { border: none; } } /* ============================================ * Header Banner ============================================ */ .header-bar { background: #FAFAFA; line-height: 30px; font-size: 10px; text-align: right; letter-spacing: 1px; color: #000018; text-transform: uppercase; } .header-bar .header-bar-content { max-width: 1680px; margin: 0 auto; padding: 0 12px; } @media only screen and (max-width: 765px) { .header-bar .header-bar-content { padding: 0; } } .header-bar .find-a-store, .header-bar .store-link, .header-bar .header-banner-container { display: inline-block; padding: 0 35px; } @media only screen and (max-width: 765px) { .header-bar .find-a-store, .header-bar .store-link, .header-bar .header-banner-container { padding: 0 15px; } } @media only screen and (max-width: 599px) { .header-bar .find-a-store, .header-bar .store-link, .header-bar .header-banner-container { padding: 0 4px; } } .header-bar .find-a-store.active, .header-bar .store-link.active, .header-bar .header-banner-container.active { background: white; } .header-bar .find-a-store:hover, .header-bar .store-link:hover, .header-bar .header-banner-container:hover { color: #001871; text-decoration: none; } .header-bar .find-a-store:hover:not(.active), .header-bar .store-link:hover:not(.active), .header-bar .header-banner-container:hover:not(.active) { background: white; } .header-bar .header-banner-container { float: left; } @media only screen and (max-width: 940px) { .header-bar .header-banner-container { display: none; } } /* ============================================ * Nav - Skip Link ============================================ */ .skip-nav:not(.skip-active):hover { text-decoration: none; } .skip-nav:not(.skip-active):hover .icon { background-position: -32px -472px; } .skip-nav .label { display: inline; } @media only screen and (max-width: 765px) { .skip-nav .label { display: none; } } .skip-nav .icon { background-position: 0 -472px; width: 28px; height: 18px; margin-top: 12px; } @media only screen and (min-width: 500px) { .skip-nav { width: 25%; } } @media only screen and (min-width: 765px) { .skip-nav { display: none; } } @media only screen and (min-width: 960px) { .skip-nav { display: none; } } /* ============================================ * Nav - Skip Content ============================================ */ @media only screen and (max-width: 765px) { #header-nav { padding: 5px 0; display: none; } } #header-nav { display: block; /* Force visibility */ clear: none; margin: 0 auto; width: 44%; max-width: 740px; } @media only screen and (max-width: 1024px) { #header-nav { clear: left; float: left; margin: 0; width: 100%; padding: 0 42px; max-width: none; } } /* ============================================ * Nav Primary ============================================ */ .nav-primary { display: block; height: 92px; } @media only screen and (max-width: 1024px) { .nav-primary { height: 50px; } } /* ============================================ * General Navigation Styles ============================================ */ .nav-primary a { text-decoration: none; position: relative; display: block; color: #929292; line-height: 92px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } @media only screen and (max-width: 1024px) { .nav-primary a { line-height: 50px; } } .nav-primary li.level1 a { border-bottom: 1px solid #C8C8C8; } .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; letter-spacing: 1px; color: #000018; font-weight: 500; } /* ============================================ * Small Viewports - Accordion Style Menu ============================================ */ @media only screen and (max-width: 765px) { .nav-primary a.level0, .nav-primary a { line-height: 50px; } .nav-primary li.level0 ul { display: none; } .nav-primary li.level0 li { padding: 0 0 0 25px; } .nav-primary li.level1 a { padding: 0 15px 0 25px; } .nav-primary li.parent.sub-menu-active > a:after, .nav-primary li.parent.menu-active > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #ccc; border-bottom: none; top: 50%; left: 10px; right: auto; margin-top: -5px; } .nav-primary li.menu-active > a, .nav-primary li.sub-menu-active > a { color: #001871; } .nav-primary li.extole-mobile-widget { display: inline-block; } } /* ============================================ * Large Viewports - Dropdown Menu ============================================ */ .ie8 .nav-primary a.level0 { display: inline-block; color: #000018; } @media only screen and (min-width: 766px) { .nav-primary { /* Default styles for 1+ drop-down menus */ /* Level 2+ */ /* Class for js to add briefly to evaluate element positioning. */ /* Correct menus that will hang off the page (class added by js) */ /* Level 1+ */ } .nav-primary li.level0, .nav-primary a.level0 { display: inline-block; } .nav-primary li:last-child > a { border-bottom: none; } .nav-primary a:hover, .nav-primary li:hover > a { color: #001871; } .nav-primary .menu-active, .nav-primary li.level0:hover { z-index: 200; } .nav-primary li.level1 ul { left: 60px; top: 15px; } .nav-primary li.level0 ul.level0.position-test { display: block; } .nav-primary li.level0 ul.level0.spill { right: 0; left: auto; } .nav-primary li.level0 ul.level0.spill li.level1 ul { left: auto; right: 50px; top: 20px; } .nav-primary li.level0 li.parent > a { position: relative; } .nav-primary li.level0 li.parent > a:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ccc; border-right: none; right: 5px; top: 50%; margin-top: -3px; } .nav-primary li.extole-mobile-widget { display: none; } .no-touch li:hover > ul { display: block; /* Force display */ } } @media only screen and (max-width: 860px) { .nav-primary { padding: 0 5px; } .nav-primary:before { display: none; } .nav-primary li.level0 > a { letter-spacing: 0px; } .nav-primary li.nav-search a.level0 { padding: 0px; } } /* ============================================ * Search - Skip Link ============================================ */ .skip-search { display: none; } @media only screen and (max-width: 765px) { .skip-search { display: inline-block; } } .skip-search:not(.skip-active):hover .icon { background-position: -33px -529px; } .skip-search.hover .icon { background-position: -33px -529px; border-bottom: 2px solid #001871; height: 31px; } .skip-search .icon { background-position: -1px -529px; width: 22px; height: 22px; margin-top: 9px; } /* ============================================ * Search - Skip Content ============================================ */ #header-search { display: inline-block; float: right; height: 30px; margin-top: 30px; width: calc(100% - 260px); } @media only screen and (max-width: 765px) { #header-search { position: absolute; display: none; width: 100%; background: white; z-index: 10; padding: 20px; height: 70px; top: 93px; margin-top: 0; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); } } /* ============================================ * Search Input ============================================ */ #search_mini_form .input-box { position: relative; padding-top: 0; } #search_mini_form label { display: block; position: absolute; top: 9px; right: 35px; font-size: 10px; z-index: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } #search, #nav_search { width: 100%; max-width: 150px; height: 30px; padding: 0 30px 0 10px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 10px; z-index: 2; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } @media only screen and (min-width: 766px) { #search, #nav_search { -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 0; padding: 0; color: white; border: 1px solid white; -webkit-transition-delay: 150ms; transition-delay: 150ms; } #search::-webkit-input-placeholder, #nav_search::-webkit-input-placeholder { color: white; font-size: 10px; } #search:-moz-placeholder, #nav_search:-moz-placeholder { /* Firefox 18- */ color: white; font-size: 10px; } #search::-moz-placeholder, #nav_search::-moz-placeholder { /* Firefox 19+ */ color: white; font-size: 10px; } #search:-ms-input-placeholder, #nav_search:-ms-input-placeholder { color: white; font-size: 10px; } #search:focus, #nav_search:focus, #search:active, #nav_search:active, .search-button:focus ~ #search, .search-button:focus ~ #nav_search { border-color: #001871; width: 100%; max-width: 100%; padding: 0 30px 0 10px; color: #000018; } #search:focus::-webkit-input-placeholder, #nav_search:focus::-webkit-input-placeholder, #search:active::-webkit-input-placeholder, #nav_search:active::-webkit-input-placeholder, .search-button:focus ~ #search::-webkit-input-placeholder, .search-button:focus ~ #nav_search::-webkit-input-placeholder { color: #000018; } #search:focus:-moz-placeholder, #nav_search:focus:-moz-placeholder, #search:active:-moz-placeholder, #nav_search:active:-moz-placeholder, .search-button:focus ~ #search:-moz-placeholder, .search-button:focus ~ #nav_search:-moz-placeholder { /* Firefox 18- */ color: #000018; } #search:focus::-moz-placeholder, #nav_search:focus::-moz-placeholder, #search:active::-moz-placeholder, #nav_search:active::-moz-placeholder, .search-button:focus ~ #search::-moz-placeholder, .search-button:focus ~ #nav_search::-moz-placeholder { /* Firefox 19+ */ color: #000018; } #search:focus:-ms-input-placeholder, #nav_search:focus:-ms-input-placeholder, #search:active:-ms-input-placeholder, #nav_search:active:-ms-input-placeholder, .search-button:focus ~ #search:-ms-input-placeholder, .search-button:focus ~ #nav_search:-ms-input-placeholder { color: #000018; } #search:focus ~ label, #nav_search:focus ~ label, #search:active ~ label, #nav_search:active ~ label { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: 0; } } @media only screen and (max-width: 1199px) { #search, #nav_search { max-width: 150px; } } @media only screen and (max-width: 1120px) { #search, #nav_search { max-width: 100px; } } @media only screen and (max-width: 1024px) { #search, #nav_search { max-width: none; } } @media only screen and (max-width: 765px) { #search, #nav_search { max-width: 100%; } } #search_mini_form .search-button { position: absolute; top: 0; right: 0; width: 30px; border: 0; background: none; z-index: 4; } .ie8 #search_mini_form .search-button { margin-top: -16px; } #search_mini_form .search-button:after { content: ""; position: absolute; width: 12px; height: 12px; top: 10px; right: 9px; background-position: -1px -1637px; } @media only screen and (max-width: 765px) { #search_mini_form .search-button:after { top: 13px; } } #search_mini_form .search-button:hover :after { background-position: -1px -1652px; } #search_mini_form .search-button:hover ~ label { color: #001871; } @media only screen and (max-width: 765px) { #search_mini_form .search-button { right: auto; left: 0; } } #search_mini_form .search-button span { display: none; } @media only screen and (max-width: 765px) { #search_mini_form .search-button { display: none; } .thin-mobile-header #search_mini_form .search-button { display: block; } } #search_mini_form .validation-advice { display: none; } /* ============================================ * Header - Account ============================================ */ /* -------------------------------------------- * Skip Link - Account */ .skip-account:not(.skip-active):hover .icon { background-position: -33px -53px; } .skip-account .icon { background-position: -1px -53px; display: none; } @media only screen and (max-width: 765px) { .skip-account .icon { display: inline-block; } } @media only screen and (max-width: 765px) { .skip-account:not(.skip-active):hover .icon { background-position: -33px -558px; } .hover .skip-account .icon { background-position: -33px -558px; border-bottom: 2px solid #001871; height: 33px; } .skip-account .icon { display: block; background-position: -1px -558px; width: 22px; height: 24px; } } @media only screen and (min-width: 766px) { .header-account { float: right; } .skip-account { float: right; width: auto; text-transform: uppercase; padding-top: 1px; } #header-account.skip-active { background: #FBFBFB; border: solid 1px #C8C8C8; display: block; z-index: 200; width: 200px; } #header-account a { display: block; padding: 5px 10px; color: #929292; line-height: 2; } #header-account a:hover { color: #001871; } } .header-account { float: right; } /* -------------------------------------------- * Account Links */ @media only screen and (max-width: 765px) { .header-account { float: left; } .header-account:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } } #header-account { padding: 5px 0; } #header-account a { position: relative; display: block; padding: 0 10px; line-height: 33px; text-align: center; } #header-account a:hover { color: #001871; } /* ============================================ * Header - Cart ============================================ */ /* -------------------------------------------- * Skip Link - Cart */ .skip-cart:not(.skip-active):hover .icon { background-position: -17px -1652px; } .skip-cart .icon { background-position: -17px -1637px; width: 9px; height: 11px; margin-right: 5px; position: relative; top: 1px; } @media only screen and (max-width: 765px) { .skip-cart:not(.skip-active):hover .icon { background-position: -33px -497px; } .skip-cart .icon { background-position: -1px -497px; width: 24px; height: 25px; margin-top: 4px; margin-right: auto; margin-left: auto; } } @media only screen and (min-width: 766px) { .skip-cart { width: auto; } #header-cart.skip-active { background: #FBFBFB; border: solid 1px #C8C8C8; display: block; position: absolute; z-index: 200; top: 40px; right: 0; width: 320px; background: white; } } /* -------------------------------------------- * Skip Cart Notifier */ .skip-cart .count { display: inline-block; position: relative; color: #000018; font-size: 10px; text-align: center; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .skip-cart .count span { font-weight: bold; } @media only screen and (max-width: 765px) { .skip-cart .count { position: absolute; line-height: 14px; font-size: 14px; right: 10px; top: 0; color: #001871; } } .ie8 .skip-link.skip-cart { width: 100%; } .skip-link.skip-active .count { color: white; } .skip-link.skip-cart:hover .count { color: #001871; } .skip-cart.no-count .count { display: none; } @media only screen and (max-width: 499px) { .skip-cart .count { margin-left: -12px; } } @media only screen and (min-width: 766px) { .header-minicart { float: right; } .header-minicart .skip-cart { color: #929292; text-transform: uppercase; position: relative; } .header-minicart .skip-cart:hover { text-decoration: none; } .header-minicart .skip-cart .count { color: #000018; font-size: 10px; } } .header-minicart { float: right; } .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, .cart-menu .actions .button2, .cart-menu .actions .add-to-links a, .add-to-links .cart-menu .actions a, .cart-menu .actions .add-to-links .split-button strong, .add-to-links .split-button .cart-menu .actions strong { float: left; width: 48%; } .cart-menu .actions .button + .button, .cart-menu .actions .button2 + .button, .cart-menu .actions .add-to-links a + .button, .add-to-links .cart-menu .actions a + .button, .cart-menu .actions .add-to-links .split-button strong + .button, .add-to-links .split-button .cart-menu .actions strong + .button, .cart-menu .actions .button + .button2, .cart-menu .actions .button2 + .button2, .cart-menu .actions .add-to-links a + .button2, .add-to-links .cart-menu .actions a + .button2, .cart-menu .actions .add-to-links .split-button strong + .button2, .add-to-links .split-button .cart-menu .actions strong + .button2, .cart-menu .actions .add-to-links .button + a, .add-to-links .cart-menu .actions .button + a, .cart-menu .actions .add-to-links .button2 + a, .add-to-links .cart-menu .actions .button2 + a, .cart-menu .actions .add-to-links a + a, .add-to-links .cart-menu .actions a + a, .cart-menu .actions .add-to-links .split-button strong + a, .add-to-links .split-button .cart-menu .actions strong + a, .cart-menu .actions .add-to-links .split-button .button + strong, .add-to-links .split-button .cart-menu .actions .button + strong, .cart-menu .actions .add-to-links .split-button .button2 + strong, .add-to-links .split-button .cart-menu .actions .button2 + strong, .cart-menu .actions .add-to-links .split-button a + strong, .add-to-links .cart-menu .actions .split-button a + strong, .add-to-links .split-button .cart-menu .actions a + strong, .cart-menu .actions .add-to-links .split-button strong + strong, .add-to-links .split-button .cart-menu .actions strong + strong { margin-left: 4%; } /* Subtotal */ .cart-menu .subtotal { padding: 0 15px 15px; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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 #C8C8C8; 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: #929292; font-size: 12px; } /* Too full - additional items will be shown in cart */ .cart-menu .last-added { padding: 10px 15px 15px; border-top: 1px solid #C8C8C8; font-size: 13px; } /* ============================================ * Footer ============================================ */ /* -------------------------------------------- * Footer */ .footer, .footer button { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .footer { clear: both; width: 100%; /* -------------------------------------------- * Social icons */ } @media only screen and (max-width: 479px) { .footer { padding-top: 15px; } } .footer .block-title { border-bottom: 0; padding: 3px 0; } .footer .block-title strong { font-weight: normal; } .footer .block-title, .footer address { color: #000018; } .footer .links { float: left; width: 17%; padding: 0 30px 0 0; margin-bottom: 30px; } .footer .links li { word-break: break-all; line-height: 1.4; padding: 4px 0; } .footer .links a { color: #929292; } .footer .links a:hover { color: #001871; } .footer .links, .footer .block-subscribe { text-transform: uppercase; font-size: 12px; } .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-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .footer .links.social-media em { background-image: url(../images/social_icons@2x.png); 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 .bugs, .footer address { clear: both; } .footer .bugs { display: none; } .footer .form-language, .footer .currency-switcher, .footer .store-switcher { clear: both; margin-bottom: 10px; } .footer .form-language, .footer .currency-switcher { display: none; } .footer address { text-align: center; width: 100%; font-size: 11px; line-height: 30px; } @media only screen and (max-width: 1199px) { .footer .links { width: 22.6562%; padding-right: 0; margin-right: 3.125%; } .footer .links:nth-child(4) { margin-right: 0; } .footer .block-subscribe { clear: both; float: none; margin: 0 auto 30px auto; } } @media only screen and (max-width: 765px) { .footer .form-language, .footer .currency-switcher { display: block; } } @media only screen and (max-width: 599px) { .footer .links { width: 48.4375%; margin-right: 0; } .footer .links:nth-child(odd) { margin-right: 3.125%; clear: both; } .footer .block-subscribe { clear: both; float: left; width: 100%; } } .footer-container .address-container { clear: both; text-align: center; color: #929292; font-size: 10px; letter-spacing: 1px; font-weight: 300; padding: 0 0 6px; } @media only screen and (max-width: 765px) { .footer-container .address-container { padding: 27px 0; } } .footer-container .address-container .footer-note { text-align: center; padding: 0 20px 25px; font-size: 11px; } .footer-container .address-container .copyright { max-width: 1680px; margin: 0 auto; text-transform: uppercase; color: #929292; padding: 0 20px; font-size: 11px; } @media only screen and (max-width: 765px) { .footer-container .address-container .copyright { padding: 0; text-align: center; } } /* ================================================= * General Product List Styles (not module-specific) ================================================= */ /* -------------------------------------------- * Product List General */ .category-description { display: none; } .category-title h1, body.catalogsearch-result-index .page-title h1 { border-bottom: none; font-size: 30px; line-height: 37px; color: #000018; text-align: center; letter-spacing: 1px; text-transform: uppercase; margin-top: 24px; padding-bottom: 29px; border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 599px) { .category-title h1, body.catalogsearch-result-index .page-title h1 { margin: 5px 0; } } @media only screen and (max-width: 599px) { .category-title h1, body.catalogsearch-result-index .page-title h1 { font-size: 18px; line-height: 23px; margin-top: 22px; border-bottom: 0px; padding-bottom: 0px; } } /* -------------------------------------------- * Product Name */ h2.product-name, h3.product-name, h4.product-name, h5.product-name, p.product-name { margin: 0; margin-bottom: 0.5em; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 30px; font-weight: 500; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: normal; line-height: 1.4; letter-spacing: 0px; } h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: #000018; } 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: #001871; text-decoration: none; } .products-grid .product-name, .products-list .product-name { text-transform: none; margin-bottom: 2px; font-size: 13px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } @media only screen and (max-width: 599px) { .products-grid .product-name, .products-list .product-name { text-transform: none; margin-bottom: 2px; margin-top: 7px; font-size: 13px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } } .products-grid .product-info { position: absolute; right: 0; left: 0; } @media only screen and (min-width: 766px) { .products-grid .product-info { margin-top: 10px; } } /* ============================================ * Product Grid ============================================ */ .products-grid { position: relative; } @media only screen and (max-width: 765px) { .products-grid { float: left; } } .products-grid:after { content: ''; display: table; clear: both; } .products-grid > li { position: relative; margin-bottom: 45px; text-align: center; } .products-grid > li:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 766px) { .products-grid > li { padding-bottom: 145px; } } @media only screen and (max-width: 765px) { .products-grid > li { padding-bottom: 100px; } } .products-grid .product-image { width: 100%; margin-bottom: 15px; } .products-grid .product-image img { width: 100%; height: auto; max-height: 375px; max-width: 249px; } @media only screen and (min-width: 1100px) { .products-grid .product-image img { max-width: initial; max-height: initial; } } .products-grid .product-image img:hidden { display: none; } .suggested-products .products-grid .owl-wrapper .product-info { position: relative; } .products-grid .actions { padding-top: 10px; position: absolute; bottom: 0px; width: 100%; display: none; } .blueacorn-saveditems-customer-view .products-grid .actions { display: block; } .products-grid .actions .add-to-links { display: none; } .products-grid .actions button.button, .products-grid .actions button.button2, .products-grid .actions a.button, .products-grid .actions a.button2, .products-grid .actions .add-to-links a, .add-to-links .products-grid .actions a { height: 30px; line-height: 14px; } .products-grid .ratings .rating-box { margin: 0 auto; } .products-grid .ratings .amount { display: none; } .products-grid .price-box { color: #929292; font-size: 13px; margin: 0 0 15px; } .products-grid .add-to-links { margin-bottom: 0; } /* Config: Two columns + flexible gutter */ .products-grid > li { float: left; width: 47.7273%; margin-right: 4.5455%; max-width: 249px; height: auto !important; } .products-grid > li .ratings { display: none; } @media only screen and (min-width: 1100px) { .products-grid > li { max-width: 100%; } } .products-grid > li .blueacorn-quickview { margin-bottom: 10px; } @media only screen and (max-width: 990px) { .sel-col6Switch .products-grid > li .blueacorn-quickview .quickview-button { font-size: 10px; letter-spacing: 0px; } } .products-grid > li:nth-child(even) { margin-right: 0; } .products-grid .product-image { margin-bottom: 5px; max-width: 249px; position: relative; } @media only screen and (min-width: 1100px) { .products-grid .product-image { max-width: initial; } } .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; } .products-grid li.banner .blueacorn-quickview { display: none; } .products-grid li.banner img { width: 100%; max-width: 249px; } @media only screen and (min-width: 1100px) { .products-grid li.banner img { max-width: initial; } } /** patch for "clearing" every nth .item, based on however many columsn they want **/ @media only screen and (min-width: 766px) { .catalog-category-view .category-products .products-grid li:nth-child(3n+1), .catalogsearch-result-index .category-products .products-grid li:nth-child(3n+1) { clear: left; } .catalog-category-view .category-products.sel-col6Switch .products-grid li:nth-child(3n+1), .catalogsearch-result-index .category-products.sel-col6Switch .products-grid li:nth-child(3n+1) { clear: none; } .catalog-category-view .category-products.sel-col6Switch .products-grid li:nth-child(6n+1), .catalogsearch-result-index .category-products.sel-col6Switch .products-grid li:nth-child(6n+1) { clear: left; } .catalog-category-view .category-products.sel-col2Switch .products-grid li:nth-child(3n+1), .catalogsearch-result-index .category-products.sel-col2Switch .products-grid li:nth-child(3n+1) { clear: none; } .catalog-category-view .category-products.sel-col2Switch .products-grid li:nth-child(2n+1), .catalogsearch-result-index .category-products.sel-col2Switch .products-grid li:nth-child(2n+1) { clear: left; } } @media only screen and (min-width: 480px) { /* 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: 5.3129%; } .products-grid > li { width: 29.7914%; margin-right: 5.3129%; } .products-grid > li:nth-child(3n+1) { /* clear: left; */ } .products-grid > li:nth-child(3n) { margin-right: 0; } .category-products.sel-col2Switch .products-grid { /* Undo two-column config */ /* Set six-column config */ } .category-products.sel-col2Switch .products-grid > li:nth-child(odd) { clear: none; } .category-products.sel-col2Switch .products-grid > li:nth-child(even) { margin-right: 5.3129%; } .category-products.sel-col2Switch .products-grid > li { width: 47.3436%; margin-right: 5.3129%; max-width: none; max-height: none; } .ie8 .category-products.sel-col2Switch .products-grid > li { width: 47%; margin: 0 3% 45px 0; } .category-products.sel-col2Switch .products-grid > li .product-image { max-width: none; } .category-products.sel-col2Switch .products-grid > li .product-image img { max-height: none; max-width: none; } .category-products.sel-col2Switch .products-grid > li:nth-child(2n+1) { /* clear: left; */ } .category-products.sel-col2Switch .products-grid > li:nth-child(2n) { margin-right: 0; } .category-products.sel-col6Switch .quickview-button { font-size: 11px; padding: 0 4px; letter-spacing: 0px; } .category-products.sel-col6Switch .products-grid { /* Undo two-column config */ /* Set six-column config */ } .category-products.sel-col6Switch .products-grid > li:nth-child(odd) { clear: none; } .category-products.sel-col6Switch .products-grid > li:nth-child(even) { margin-right: 5.3129%; } .category-products.sel-col6Switch .products-grid > li { width: 12.2393%; margin-right: 5.3129%; } .category-products.sel-col6Switch .products-grid > li .product-image { max-width: none; } .category-products.sel-col6Switch .products-grid > li .product-image img { min-height: initial; } .category-products.sel-col6Switch .products-grid > li:nth-child(6n+1) { clear: left; } .category-products.sel-col6Switch .products-grid > li:nth-child(6n) { margin-right: 0; } } @media only screen and (min-width: 960px) { /* 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: 5%; } /* Set column config */ .products-grid--max-4-col > li { margin-right: 5%; } .products-grid--max-4-col > li { width: 21.25%; margin-right: 5%; } .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: 5%; } /* Set column config */ .products-grid--max-5-col > li { margin-right: 5%; } .products-grid--max-5-col > li { width: 16%; margin-right: 5%; } .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: 5%; } /* Set column config */ .products-grid--max-6-col > li { margin-right: 5%; } .products-grid--max-6-col > li { width: 12.5%; margin-right: 5%; } .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 { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #C8C8C8; } .products-list > li:after { content: ''; display: table; clear: both; } .products-list > li .product-image { float: left; width: 33.3333%; } .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.6667%; padding-left: 20px; } .products-list .product-shop .product-name { margin-bottom: 0; } .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; } .products-list .product-shop .price-box .price { font-size: 18px; } .products-list .product-shop .action, .products-list .product-shop .checkout-onepage-success .buttons-set button, .checkout-onepage-success .buttons-set .products-list .product-shop button { margin: 7px 0; } .products-list .product-shop .desc { margin-top: 7px; } .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 75%; overflow: hidden; } .products-list .product-shop .product-secondary { float: right; width: 25%; text-align: right; clear: right; } @media only screen and (min-width: 480px) { .products-list .product-name a { font-size: 18px; } } @media only screen and (max-width: 1279px) { .products-list .product-shop .product-primary, .products-list .product-shop .desc { float: left; width: 60%; padding-right: 20px; } .products-list .product-shop .product-secondary { float: right; width: 40%; } } @media only screen and (max-width: 600px) { .products-list .product-shop .price-box .special-price { padding-left: 0; } .products-list .product-shop .product-primary, .products-list .product-shop .product-secondary, .products-list .product-shop .desc { float: none; width: 100%; padding-right: 0; text-align: left; } } /* ============================================ * Mini Product List ============================================ */ .mini-products-list .product-image { float: left; min-width: 50px; } .mini-products-list .product-details .product-name { padding-top: 10px; } .mini-products-list li { margin-bottom: 10px; 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 { margin: 0 auto; max-width: 1180px; } @media only screen and (max-width: 765px) { .category-image { display: none; } } @media only screen and (min-width: 1100px) { .category-image { max-width: 1620px; } } .category-image img { width: 100%; max-width: 1180px; } @media only screen and (min-width: 1100px) { .category-image img { max-width: 1620px; } } .category-image img:hidden { display: none; } /* ============================================ * Layered Navigation ============================================ */ .block-layered-nav .block-subtitle--filter { display: none; margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; -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: #C8C8C8; 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 #001871; 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 { display: block; } .block-layered-nav .block-content > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #C8C8C8; } .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: #929292; } @media only screen and (min-width: 766px) { .block-layered-nav .block-content > dl > dt { padding-left: 10px; } .block-layered-nav .block-content > dl > dt:after { display: none; } } @media only screen and (max-width: 765px) { .sidebar .block.block-layered-nav { border-bottom: none; margin-bottom: 0px; } .block-layered-nav--no-filters .block-title { display: none; } .block-layered-nav .block-content { padding-top: 0; margin-top: 15px; } .block-layered-nav .block-content > dl > dt { cursor: pointer; border-bottom-width: 0; } .block-layered-nav .block-content > dl > dt:hover { color: #001871; } .block-layered-nav .block-content > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #001871; border-right: none; } .block-layered-nav .block-content > dl > dt.last { border-bottom-width: 1px; } .block-layered-nav .block-content > dl > dd { display: none; } .block-layered-nav .block-content.accordion-open > dl > dt.current { border-bottom-width: 1px; } .block-layered-nav .block-content.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #001871; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .block-layered-nav .block-content.accordion-open > dl > dd.current { display: block; } div.block-layered-nav .block-subtitle--filter { background-color: transparent; border: 1px solid #001871; margin-bottom: 0; height: 40px; padding: 0px 55px 0px 15px; color: #000018; display: block; line-height: 37px; text-transform: uppercase; font-size: 11px; } div.block-layered-nav .block-subtitle--filter:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 450ms ease; transition: -webkit-transform 450ms ease; transition: transform 450ms ease; transition: transform 450ms ease, -webkit-transform 450ms ease; background-image: url(../images/rm_icon_sprite.png); background-position: 0 -1081px; width: 17px; height: 10px; position: absolute; content: ''; line-height: 36px; display: block; text-align: center; background-repeat: no-repeat; border: 0px; right: 15px; left: initial; bottom: 14px; top: initial; margin: 0px; } div.block-layered-nav .block-subtitle--filter:before { content: ''; position: absolute; right: -1px; top: -1px; padding: 19px 22.5px; border: 1px solid #001871; background: #001871; display: block; } div.block-layered-nav .block-subtitle--filter:hover { border-color: #001871; } div.block-layered-nav .block-subtitle--filter:hover:after { background-position: 0 -1081px; } div.block-layered-nav .block-subtitle--filter:hover:before { background-color: #001871; } div.block-layered-nav .block-subtitle--filter.active:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-position: -32px -758px; width: 17px; height: 10px; position: absolute; content: ''; line-height: 36px; display: block; text-align: center; background-repeat: no-repeat; border: 0px; right: 15px; left: initial; bottom: 14px; top: initial; margin: 0px; } div.block-layered-nav .block-subtitle--filter.active:before { content: ''; position: absolute; right: -1px; top: -1px; padding: 19px 22.5px; border: 1px solid #001871; display: block; background: white; } div.block-layered-nav .block-subtitle--filter.active:hover { border-color: #001871; } div.block-layered-nav .block-subtitle--filter.active:hover:after { background-position: 0 -1081px; } div.block-layered-nav .block-subtitle--filter.active:hover:before { background-color: #001871; } #narrow-by-list, #narrow-by-list2 { padding: 0px; border-top: 0; } .block-layered-nav dl ol > li > a, .block-layered-nav dl ol > li > span { padding: 7px; margin: 5px; } .block-layered-nav dl ol > li > a { font-size: 11px; color: #000018; } .block-layered-nav dl ol > li > a:hover { text-decoration: none; } } .block-layered-nav .currently { text-transform: uppercase; font-weight: normal; letter-spacing: 1px; color: #000018; } .block-layered-nav .currently .block-subtitle { display: block; margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; text-transform: uppercase; color: #000018; } @media only screen and (max-width: 765px) { .block-layered-nav .currently .block-subtitle { font-size: 11px; font-weight: normal; } } .block-layered-nav .currently ol { margin-bottom: 10px; } .block-layered-nav .currently ol:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .block-layered-nav .currently ol li { margin-bottom: 10px; float: left; width: 100%; padding: 10px 0 0 27px; position: relative; } .block-layered-nav .currently ol li:before { width: 22px; height: 22px; background-image: url(../images/rm_icon_sprite.png); background-position: -33px -774px; content: ""; display: inline-block; position: absolute; top: 5px; left: -6px; } .block-layered-nav .currently ol li.filter-type { margin-top: 20px; margin-bottom: 5px; padding: 0 0 0 16px; } .block-layered-nav .currently ol li.filter-type .label { line-height: 25px; font-weight: bold; } .block-layered-nav .currently ol li.filter-type:before { width: 11px; height: 11px; background-position: -32px -130px; top: 7px; left: -2px; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .currently .btn-remove { border: 0px; } .block-layered-nav .currently .btn-remove:after { width: 12px; height: 13px; background-image: url(../images/rm_icon_sprite.png); background-position: 0px -1096px; content: ""; display: inline-block; position: relative; } .block-layered-nav .currently .btn-remove:hover { background-color: transparent; } @media only screen and (max-width: 765px) { .block-layered-nav .currently { padding: 25px; border: 1px solid #E6E6E6; font-size: 11px; font-weight: normal; } } .block-layered-nav .actions { text-align: right; margin-bottom: 7px; width: 100%; float: left; } @media only screen and (max-width: 765px) { .block-layered-nav .actions { float: none; padding-right: 10px; margin-bottom: 20px; font-size: 12px; } .block-layered-nav .actions a { float: none; } } /* ============================================ * Catalog Event ============================================ */ .event-container { clear: both; border: 1px solid #000018; 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 #000018; 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; } /* ============================================ * Rebecca Minkoff Specific ============================================ */ .catalog-category-view .page-header, .catalogsearch-result-index .page-header { border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 599px) { .catalog-category-view .page-header .widget-banner, .catalogsearch-result-index .page-header .widget-banner { position: absolute; top: 115px; width: 100%; display: none; } } @media only screen and (max-width: 599px) { .catalog-category-view .page-header .widget-banner ~ .page-header-container, .catalogsearch-result-index .page-header .widget-banner ~ .page-header-container { padding-bottom: 49px; } } .catalog-category-view div.main-container .main, .catalogsearch-result-index div.main-container .main { padding-top: 0px; } .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { padding-left: 0px; } @media only screen and (min-width: 765px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 69%; margin-left: 3%; margin-right: 3%; } } @media only screen and (min-width: 1100px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 70%; } } @media only screen and (min-width: 1200px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 71%; } } @media only screen and (min-width: 1300px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 73%; } } @media only screen and (min-width: 1400px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 74%; } } @media only screen and (min-width: 1500px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 75%; } } @media only screen and (min-width: 1600px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { width: 76%; } } @media only screen and (max-width: 765px) { .catalog-category-view div.main-container .main .col-main, .catalogsearch-result-index div.main-container .main .col-main { margin: 0px 20px; } } @media only screen and (max-width: 599px) { .catalog-category-view div.main-container .main .block-layered-nav, .catalogsearch-result-index div.main-container .main .block-layered-nav { margin: 0px 18px; } } .catalog-category-view .breadcrumbs, .catalogsearch-result-index .breadcrumbs { display: block; margin-top: 17px; margin-bottom: 18px; margin-left: 40px; } @media only screen and (max-width: 765px) { .catalog-category-view .breadcrumbs, .catalogsearch-result-index .breadcrumbs { margin: 0 0 0 20px; } } .catalog-category-view .breadcrumbs li, .catalogsearch-result-index .breadcrumbs li { text-transform: none; font-size: 13px; letter-spacing: 0px; } .catalog-category-view .category-products, .catalogsearch-result-index .category-products { letter-spacing: 1px; } .catalog-category-view .category-products .colorCookie, .catalogsearch-result-index .category-products .colorCookie { display: none; } .catalog-category-view .category-products .toolbar, .catalogsearch-result-index .category-products .toolbar { background-color: transparent; border-bottom: 0px; border-top: 0px; } .catalog-category-view .category-products .toolbar .colSwitch, .catalogsearch-result-index .category-products .toolbar .colSwitch { float: left; margin-top: 10px; } .catalog-category-view .category-products .toolbar .colSwitch p, .catalogsearch-result-index .category-products .toolbar .colSwitch p { font-size: 11px; color: #000018; line-height: 14px; letter-spacing: 1px; float: left; margin-right: 10px; margin-top: 2px; text-transform: uppercase; } @media only screen and (max-width: 900px) { .catalog-category-view .category-products .toolbar .colSwitch p, .catalogsearch-result-index .category-products .toolbar .colSwitch p { margin-right: 5px; } } @media only screen and (max-width: 800px) { .catalog-category-view .category-products .toolbar .colSwitch p, .catalogsearch-result-index .category-products .toolbar .colSwitch p { display: none; } } .catalog-category-view .category-products .toolbar .colSwitch ul, .catalogsearch-result-index .category-products .toolbar .colSwitch ul { float: left; } .catalog-category-view .category-products .toolbar .colSwitch ul li, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li { background-image: url(../images/rm_icon_sprite.png); width: 26px; display: inline-block; margin-right: 7px; cursor: pointer; } @media only screen and (max-width: 900px) { .catalog-category-view .category-products .toolbar .colSwitch ul li, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li { margin-right: 0px; } } .catalog-category-view .category-products .toolbar .colSwitch ul li.col2Switch, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col2Switch { background-position: -1px -847px; height: 18px; } .catalog-category-view .category-products .toolbar .colSwitch ul li.col2Switch.activeCol, .catalog-category-view .category-products .toolbar .colSwitch ul li.col2Switch:hover, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col2Switch.activeCol, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col2Switch:hover { background-position: -1px -871px; } .catalog-category-view .category-products .toolbar .colSwitch ul li.col3Switch, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col3Switch { background-position: -1px -895px; height: 15px; } .catalog-category-view .category-products .toolbar .colSwitch ul li.col3Switch.activeCol, .catalog-category-view .category-products .toolbar .colSwitch ul li.col3Switch:hover, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col3Switch.activeCol, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col3Switch:hover { background-position: -1px -914px; } .catalog-category-view .category-products .toolbar .colSwitch ul li.col6Switch, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col6Switch { background-position: -1px -933px; height: 12px; } .catalog-category-view .category-products .toolbar .colSwitch ul li.col6Switch.activeCol, .catalog-category-view .category-products .toolbar .colSwitch ul li.col6Switch:hover, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col6Switch.activeCol, .catalogsearch-result-index .category-products .toolbar .colSwitch ul li.col6Switch:hover { background-position: -1px -947px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .colSwitch, .catalogsearch-result-index .category-products .toolbar .colSwitch { display: none; } } .catalog-category-view .category-products .toolbar .sorter, .catalogsearch-result-index .category-products .toolbar .sorter { float: right; width: auto; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .sorter, .catalogsearch-result-index .category-products .toolbar .sorter { width: 100%; } } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .sorter .select-container, .catalogsearch-result-index .category-products .toolbar .sorter .select-container { width: 100%; } } .catalog-category-view .category-products .toolbar .sorter .sort-by label, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by label { font-size: 11px; color: #000018; line-height: 39px; margin-right: 10px; } @media only screen and (max-width: 900px) { .catalog-category-view .category-products .toolbar .sorter .sort-by label, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by label { margin-right: 5px; } } .catalog-category-view .category-products .toolbar .sorter .sort-by label:after, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by label:after { display: none; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .sorter .sort-by label, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by label { display: none; } } .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher { width: 11px; height: 11px; margin-top: 13px; margin-left: 13px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher { position: relative; bottom: 38px; left: -35px; } } .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--asc, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--asc { background-position: -32px -112px; } .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--asc:hover, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--asc:hover { background-position: 0px -112px; } .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--desc, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--desc { background-position: -32px -130px; } .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--desc:hover, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher.sort-by-switcher--desc:hover { background-position: 0px -130px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .sorter .sort-by, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by { width: 100%; } } .catalog-category-view .category-products .toolbar .count-container p.amount, .catalogsearch-result-index .category-products .toolbar .count-container p.amount { display: none; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar, .catalogsearch-result-index .category-products .toolbar { width: 90%; margin-left: 5%; margin-right: 5%; max-width: 100%; min-width: 249px; padding: 0px; margin-bottom: 0; float: left; } } .catalog-category-view .category-products .price-box .price, .catalogsearch-result-index .category-products .price-box .price { font-size: 13px; letter-spacing: 0px; } .catalog-category-view .skip-links, .catalogsearch-result-index .skip-links { border-bottom: 0px; } .catalog-category-view .link-compare, .catalog-category-view .link-wishlist, .catalogsearch-result-index .link-compare, .catalogsearch-result-index .link-wishlist { display: none; } .catalog-category-view .ratings-short, .catalogsearch-result-index .ratings-short { display: none; } .catalog-category-view .product-flag, .catalogsearch-result-index .product-flag { position: absolute; bottom: 0px; left: 0px; padding: 10px 27px; color: #000018; text-transform: uppercase; background: white; background: rgba(255, 255, 255, 0.6); z-index: 10; } @media only screen and (max-width: 599px) { .catalog-category-view .product-flag, .catalogsearch-result-index .product-flag { bottom: initial; top: 0px; display: none; } } .catalog-category-view .sel-col6Switch .product-flag, .catalogsearch-result-index .sel-col6Switch .product-flag { font-size: 9px; padding: 5px 10px; } .catalog-category-view .col-left, .catalogsearch-result-index .col-left { margin-left: 4.033%; max-width: 215px; padding-right: 0px; width: 20.2%; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left, .catalogsearch-result-index .col-left { width: 90%; margin-left: 5%; margin-right: 5%; max-width: 100%; min-width: 249px; } } .catalog-category-view .col-left .block-title, .catalogsearch-result-index .col-left .block-title { margin-bottom: 18px; } .catalog-category-view .col-left .block-title strong, .catalogsearch-result-index .col-left .block-title strong { font-size: 15px; line-height: 20px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; } .catalog-category-view .col-left .block-layered-nav, .catalogsearch-result-index .col-left .block-layered-nav { clear: left; } .catalog-category-view .col-left .sibling-cat, .catalogsearch-result-index .col-left .sibling-cat { float: left; width: 100%; margin: 0 17px; margin-bottom: 12px; padding-right: 34px; border-bottom: 0px; } .catalog-category-view .col-left .sibling-cat .block-content, .catalogsearch-result-index .col-left .sibling-cat .block-content { padding: 0px; } .catalog-category-view .col-left .sibling-cat .block-content dl dd ol > li > a, .catalogsearch-result-index .col-left .sibling-cat .block-content dl dd ol > li > a { margin: 0px 5px 5px; display: block; } @media only screen and (min-width: 599px) and (max-width: 765px) { .catalog-category-view .col-left .sibling-cat, .catalogsearch-result-index .col-left .sibling-cat { padding-right: 0px; margin: 0px; margin-bottom: 12px; } } @media only screen and (min-width: 765px) { .catalog-category-view .col-left .sibling-cat, .catalogsearch-result-index .col-left .sibling-cat { margin: 0px; padding: 0px; } } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt { border: 0px; background: none; color: #000018; padding: 0px; font-size: 15px; line-height: 20px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; margin-bottom: 17px; margin-top: 36px; float: left; width: 100%; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt { background-color: transparent; border: 1px solid #C8C8C8; margin-bottom: 0; height: 40px; padding: 0px 55px 0px 15px; color: #000018; display: block; line-height: 37px; text-transform: uppercase; margin-top: 10px; font-size: 11px; font-weight: normal; position: relative; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt:after, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt:after, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt:after, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt:after { background-image: url(../images/rm_icon_sprite.png); background-position: -32px -758px; width: 17px; height: 10px; position: absolute; content: ''; line-height: 36px; display: block; text-align: center; background-repeat: no-repeat; border: 0px; right: 15px; left: initial; bottom: 14px; top: initial; margin: 0px; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt:before, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt:before, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt:before, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt:before { content: ''; position: absolute; right: -1px; top: -1px; padding: 19px 22.5px; border: 1px solid #001871; display: block; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt:hover, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt:hover, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt:hover, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt:hover { border-color: #001871; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt:hover:after, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt:hover:after, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt:hover:after, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt:hover:after { background-position: 0 -1081px; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dt:hover:before, .catalog-category-view .col-left .sibling-cat .block-content > dl > dt:hover:before, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dt:hover:before, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dt:hover:before { background-color: #001871; } } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd { border: 0px; background: none; color: #000018; padding: 0px; float: left; clear: left; width: 100%; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd.current, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd.current, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd.current, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd.current { border: 1px solid #E6E6E6; border-top: 0px; padding-top: 11px; padding-bottom: 16px; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd ol.color-paginate, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd ol.color-paginate, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd ol.color-paginate, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd ol.color-paginate { max-height: 200px; overflow: hidden; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd .c-swatch-more, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd .c-swatch-more, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd .c-swatch-more, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd .c-swatch-more { float: left; clear: left; } } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd ol, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd ol, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd ol, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd ol { max-height: inherit; overflow: visible; } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd ol.color-paginate, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd ol.color-paginate, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd ol.color-paginate, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd ol.color-paginate { max-height: 180px; overflow: hidden; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd ol.color-paginate, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd ol.color-paginate, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd ol.color-paginate, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd ol.color-paginate { padding: 0 15px; float: none; text-align: center; padding: 15px 0 0; max-height: 210px; } } .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd .c-swatch-more, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd .c-swatch-more, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd .c-swatch-more, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd .c-swatch-more { float: left; clear: left; cursor: pointer; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left .block-layered-nav .block-content > dl > dd .c-swatch-more, .catalog-category-view .col-left .sibling-cat .block-content > dl > dd .c-swatch-more, .catalogsearch-result-index .col-left .block-layered-nav .block-content > dl > dd .c-swatch-more, .catalogsearch-result-index .col-left .sibling-cat .block-content > dl > dd .c-swatch-more { margin-left: 10px; } } .catalog-category-view .col-left .block-layered-nav dl dd ol > li > span, .catalog-category-view .col-left .block-layered-nav dl dd ol > li > a, .catalog-category-view .col-left .sibling-cat dl dd ol > li > span, .catalog-category-view .col-left .sibling-cat dl dd ol > li > a, .catalogsearch-result-index .col-left .block-layered-nav dl dd ol > li > span, .catalogsearch-result-index .col-left .block-layered-nav dl dd ol > li > a, .catalogsearch-result-index .col-left .sibling-cat dl dd ol > li > span, .catalogsearch-result-index .col-left .sibling-cat dl dd ol > li > a { text-transform: uppercase; padding: 6px 15px 6px 0px; } .catalog-category-view .col-left .block-layered-nav dl dd ol > li > span.swatch-filter, .catalog-category-view .col-left .block-layered-nav dl dd ol > li > a.swatch-filter, .catalog-category-view .col-left .sibling-cat dl dd ol > li > span.swatch-filter, .catalog-category-view .col-left .sibling-cat dl dd ol > li > a.swatch-filter, .catalogsearch-result-index .col-left .block-layered-nav dl dd ol > li > span.swatch-filter, .catalogsearch-result-index .col-left .block-layered-nav dl dd ol > li > a.swatch-filter, .catalogsearch-result-index .col-left .sibling-cat dl dd ol > li > span.swatch-filter, .catalogsearch-result-index .col-left .sibling-cat dl dd ol > li > a.swatch-filter { padding: 0px; height: 30px; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left .block-layered-nav dl dd ol > li > span, .catalog-category-view .col-left .block-layered-nav dl dd ol > li > a, .catalog-category-view .col-left .sibling-cat dl dd ol > li > span, .catalog-category-view .col-left .sibling-cat dl dd ol > li > a, .catalogsearch-result-index .col-left .block-layered-nav dl dd ol > li > span, .catalogsearch-result-index .col-left .block-layered-nav dl dd ol > li > a, .catalogsearch-result-index .col-left .sibling-cat dl dd ol > li > span, .catalogsearch-result-index .col-left .sibling-cat dl dd ol > li > a { padding-left: 10px; margin-top: 0px; letter-spacing: 0px; } } .catalog-category-view .col-left .block-layered-nav .swatch-option, .catalog-category-view .col-left .sibling-cat .swatch-option, .catalogsearch-result-index .col-left .block-layered-nav .swatch-option, .catalogsearch-result-index .col-left .sibling-cat .swatch-option { width: 30px; height: 30px; } .catalog-category-view .col-left .block-layered-nav .swatch-option.layered-nav-swatch, .catalog-category-view .col-left .sibling-cat .swatch-option.layered-nav-swatch, .catalogsearch-result-index .col-left .block-layered-nav .swatch-option.layered-nav-swatch, .catalogsearch-result-index .col-left .sibling-cat .swatch-option.layered-nav-swatch { margin: 0px; } .catalog-category-view .col-left .block-layered-nav li.swatch-item.color, .catalog-category-view .col-left .sibling-cat li.swatch-item.color, .catalogsearch-result-index .col-left .block-layered-nav li.swatch-item.color, .catalogsearch-result-index .col-left .sibling-cat li.swatch-item.color { display: inline-block; margin-right: 15px; margin-bottom: 15px; float: left; } @media only screen and (max-width: 765px) { .catalog-category-view .col-left .block-layered-nav li.swatch-item.color, .catalog-category-view .col-left .sibling-cat li.swatch-item.color, .catalogsearch-result-index .col-left .block-layered-nav li.swatch-item.color, .catalogsearch-result-index .col-left .sibling-cat li.swatch-item.color { margin-right: 10px; margin-left: 5px; } } .catalog-category-view .col-left .block-layered-nav li.swatch-item.color.m-selected-ln-item, .catalog-category-view .col-left .sibling-cat li.swatch-item.color.m-selected-ln-item, .catalogsearch-result-index .col-left .block-layered-nav li.swatch-item.color.m-selected-ln-item, .catalogsearch-result-index .col-left .sibling-cat li.swatch-item.color.m-selected-ln-item { display: none; } @media only screen and (max-width: 599px) { .catalog-category-view .products-grid, .catalogsearch-result-index .products-grid { margin-top: 0; } } @media only screen and (max-width: 599px) { .catalog-category-view .products-grid, .catalogsearch-result-index .products-grid { float: left; } } .catalog-category-view .products-grid .item .swatch-option, .catalogsearch-result-index .products-grid .item .swatch-option { width: 30px; height: 30px; margin: 0px; } .sel-col6Switch .catalog-category-view .products-grid .item .swatch-option, .sel-col6Switch .catalogsearch-result-index .products-grid .item .swatch-option { width: 20px; height: 20px; } .catalog-category-view .products-grid .item .swatch-option.layered-nav-swatch, .catalogsearch-result-index .products-grid .item .swatch-option.layered-nav-swatch { margin: 0px; } .catalog-category-view .products-grid .item .product-list-swatch-wrapper, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper { position: relative; width: 100%; } .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatch-option, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatch-option { margin-right: 7.15%; margin-bottom: 15px; float: none; display: inline-block; } @media only screen and (min-width: 1100px) { .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatch-option, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatch-option { margin-right: 5%; } } .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus { width: 30px; height: 30px; border: 1px solid #E6E6E6; display: inline-block; margin-bottom: 15px; margin-right: 0; } .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus a, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus a { width: 100%; height: 100%; display: block; position: relative; } .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus a:after, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus a:after { content: ''; display: block; background-image: url(../images/rm_icon_sprite.png); height: 12px; width: 12px; background-position: 0px -1377px; top: 8px; left: 8px; position: relative; } .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus:last-child, .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatch-option:last-child, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus:last-child, .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatch-option:last-child { margin-right: 0; } .resp-mobile .catalog-category-view .products-grid .item .swatch-option, .resp-mobile .catalogsearch-result-index .products-grid .item .swatch-option, .resp-tablet .catalog-category-view .products-grid .item .swatch-option, .resp-tablet .catalogsearch-result-index .products-grid .item .swatch-option { width: 21px; height: 21px; margin: 0px; } .resp-mobile .catalog-category-view .products-grid .item .swatch-option.layered-nav-swatch, .resp-mobile .catalogsearch-result-index .products-grid .item .swatch-option.layered-nav-swatch, .resp-tablet .catalog-category-view .products-grid .item .swatch-option.layered-nav-swatch, .resp-tablet .catalogsearch-result-index .products-grid .item .swatch-option.layered-nav-swatch { margin: 0px; } .resp-mobile .catalog-category-view .products-grid .item .product-list-swatch-wrapper, .resp-mobile .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper, .resp-tablet .catalog-category-view .products-grid .item .product-list-swatch-wrapper, .resp-tablet .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper { position: relative; width: 100%; } .resp-mobile .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatch-option, .resp-mobile .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatch-option, .resp-tablet .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatch-option, .resp-tablet .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatch-option { margin-right: 10%; margin-bottom: 15px; } .resp-mobile .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus, .resp-mobile .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus, .resp-tablet .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus, .resp-tablet .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus { width: 21px; height: 21px; border: 1px solid #E6E6E6; display: inline-block; right: 8px; } .resp-mobile .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus a, .resp-mobile .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus a, .resp-tablet .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus a, .resp-tablet .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus a { width: 100%; height: 100%; display: block; position: relative; } .resp-mobile .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus a:after, .resp-mobile .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus a:after, .resp-tablet .catalog-category-view .products-grid .item .product-list-swatch-wrapper .swatchPlus a:after, .resp-tablet .catalogsearch-result-index .products-grid .item .product-list-swatch-wrapper .swatchPlus a:after { content: ''; display: block; background-image: url(../images/rm_icon_sprite.png); height: 12px; width: 12px; background-position: 0px -1377px; top: 4px; left: 4px; position: relative; } .sel-col6Switch .products-grid li.item .swatch-container-wrapper .product-list-swatch-wrapper .swatch-option { width: 15px; height: 15px; } .sel-col6Switch .products-grid li.item .swatch-container-wrapper .product-list-swatch-wrapper .swatchPlus { width: 15px; height: 15px; } .sel-col6Switch .products-grid li.item .swatch-container-wrapper .product-list-swatch-wrapper .swatchPlus a:after { content: ''; display: block; background-image: url(../images/rm_icon_sprite.png); height: 12px; width: 12px; background-position: 0px -1377px; top: 1px; left: 1px; position: relative; } .blueacorn-saveditems-customer-view .product-flag { position: absolute; bottom: 0px; left: 0px; padding: 10px 27px; color: #000018; text-transform: uppercase; background: white; background: rgba(255, 255, 255, 0.6); z-index: 10; } @media only screen and (max-width: 599px) { .blueacorn-saveditems-customer-view .product-flag { bottom: initial; top: 0px; display: none; } } /* ============================================ * Catalog - Product ============================================ */ .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 { cursor: pointer; margin-top: 8px; margin-right: 10px; } .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-shop .product-name .h1, .product-view .product-img-box .product-name h1 { margin-bottom: 10px; border: 0; font-size: 30px; color: #000018; line-height: 37px; letter-spacing: 1px; } @media only screen and (max-width: 765px) { .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1 { text-align: center; padding: 0; margin: 0; text-transform: capitalize; } } .product-view .product-shop .product-name { display: none; margin-bottom: 12px; } .product-view .product-shop .product-name .h1 { margin-bottom: 0; padding: 0; } .product-view .product-shop .price-info { margin-bottom: 25px; } .product-view .product-shop .alert-stock { clear: both; margin-bottom: 25px; } .product-view .product-shop .extra-info { float: left; width: 100%; max-width: 330px; margin-bottom: 0; } @media only screen and (max-width: 765px) { .product-view .product-shop .extra-info { margin: 0 auto; float: none; width: auto; text-align: center; } } .product-view .product-shop .extra-info .ratings { padding: 6px 0px 6px 20px; border: 1px solid #001871; margin-bottom: 25px; } @media only screen and (max-width: 765px) { .product-view .product-shop .extra-info .ratings { display: none; margin-bottom: 15px; } } .blueacorn-quickview-modal .product-view .product-shop .extra-info .ratings { padding-right: 20px; } .product-view .product-shop .short-description { margin-bottom: 10px; clear: both; } .product-view .product-shop .ratings { margin-bottom: 8px; } .product-view .product-shop .ratings .no-rating { margin-top: 11px; } .product-view .product-shop .availability { font-size: 13px; } .product-view .product-shop .availability.in-stock { display: none; } @media only screen and (max-width: 765px) { .product-view .product-shop .availability { margin-bottom: 15px; } } .product-view .product-shop .price-box { margin-top: 0; } @media only screen and (max-width: 765px) { .product-view .product-shop .price-box { text-align: center; } } .product-view .product-shop .price-box .old-price, .product-view .product-shop .price-box .special-price, .product-view .product-shop .price-box .regular-price { 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 { font-size: 18px; color: #000018; line-height: 20px; } .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; } @media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 15px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } } @media only screen and (max-width: 765px) { .product-view .add-to-cart-wrapper { float: none; width: 100%; clear: both; } .product-view .product-shop .price-box .price-excluding-tax .label, .product-view .product-shop .price-box .price-including-tax .label { font-size: 16px; } .product-view .product-shop .price-box .price-excluding-tax .price, .product-view .product-shop .price-box .price-including-tax .price { font-size: 20px; } } @media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax, .product-view .product-shop .price-box .price-including-tax { margin-bottom: 5px; } .product-view .product-shop .price-box .price-excluding-tax span, .product-view .product-shop .price-box .price-including-tax span { display: block; } } .product-img-box .product-name h1 { border: 0; } @media only screen and (max-width: 765px) { .product-img-box .product-name { clear: left; margin-bottom: 10px; } } .product-img-box .product-image { margin-bottom: 10px; } @media only screen and (max-width: 765px) { .product-img-box .product-image { margin-bottom: 40px; margin-top: 40px; } } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } @media only screen and (max-width: 479px) { .product-img-box .product-image img { max-height: 450px; } } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } @media only screen and (max-width: 765px) { .product-image-gallery .gallery-image { display: block; float: left; } } .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: block; } .product-image-thumbs a { display: block; border: 1px solid transparent; padding: 8px; } .product-image-thumbs a.current { border: 1px solid #C8C8C8; } .product-image-thumbs a.current:hover { border: 1px solid #C8C8C8; } .product-image-thumbs a:hover { border: 1px solid #E6E6E6; } .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 { padding: 20px 0; } @media only screen and (max-width: 765px) { .product-view .add-to-cart { text-align: center; } } .blueacorn-quickview-modal .product-view .add-to-cart { padding-bottom: 0; } .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 .add-to-cart .qty-wrapper, .product-view .add-to-cart .qty-wrapper label { float: left; position: relative; margin-right: 30px; } @media only screen and (max-width: 1075px) { .product-view .add-to-cart .qty-wrapper { margin-bottom: 20px; } } @media only screen and (max-width: 765px) { .product-view .add-to-cart .qty-wrapper { margin: 0 auto 30px; float: none; display: inline-block; } } .product-view .add-to-cart .qty-wrapper label { font-size: 11px; color: #000018; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; /* QTY: */ position: absolute; top: -22px; left: 56px; } .product-view .add-to-cart .qty-wrapper .qty { float: left; height: 40px; } .product-view .gift-option { float: left; } @media only screen and (max-width: 765px) { .product-view .gift-option { display: none; } } .product-view .add-to-cart .btn-gift { padding: 9px 12px; } .product-view .add-to-cart .btn-gift .icon { background-position: 0 -1576px; width: 25px; height: 25px; display: block; } .product-view .add-to-cart .btn-gift:hover .icon { background-position: 0 -1608px; } .product-view .add-to-cart-buttons { float: left; margin-right: 20px; } @media only screen and (max-width: 1075px) { .product-view .add-to-cart-buttons { clear: left; } } @media only screen and (min-width: 766px) { .product-view .add-to-cart-buttons { width: 200px; } } @media only screen and (max-width: 765px) { .product-view .add-to-cart-buttons { float: none; margin: 0; } } .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, .product-view .add-to-cart-buttons .button2, .product-view .add-to-cart-buttons .add-to-links a, .add-to-links .product-view .add-to-cart-buttons a, .product-view .add-to-cart-buttons .add-to-links .split-button strong, .add-to-links .split-button .product-view .add-to-cart-buttons strong { line-height: 40px; font-size: 14px; padding: 0px 45px; float: left; min-width: 160px; width: 100%; } @media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or { line-height: 20px; } .product-view .add-to-cart-buttons .paypal-logo, .product-view .add-to-cart-buttons .paypal-or, .product-view .add-to-cart-buttons .paypal-button, .product-view .add-to-cart-buttons .button, .product-view .add-to-cart-buttons .button2, .product-view .add-to-cart-buttons .add-to-links a, .add-to-links .product-view .add-to-cart-buttons a, .product-view .add-to-cart-buttons .add-to-links .split-button strong, .add-to-links .split-button .product-view .add-to-cart-buttons strong { text-align: center; width: 100%; display: block; margin-right: 0; margin-left: 0; float: none; } } /* 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-cart ~ .add-to-links { margin: 0 0 0 165px; display: none; } @media only screen and (max-width: 1075px) { .product-view .add-to-cart ~ .add-to-links { margin: 0; } } @media only screen and (max-width: 765px) { .product-view .add-to-cart ~ .add-to-links { width: 100%; } } .product-view .add-to-links { clear: both; float: left; display: none; margin: 0; } @media only screen and (max-width: 1075px) { .product-view .add-to-links { margin: 0; } } @media only screen and (max-width: 765px) { .product-view .add-to-links { float: none; } .product-view .add-to-links a { width: 100%; } } .product-view .add-to-links:after { content: ''; display: table; clear: both; } .product-view .add-to-links li { float: left; } @media only screen and (max-width: 765px) { .product-view .add-to-links li { float: none; width: 100%; } } .product-view .add-to-links a { min-width: 199px; } .product-view .add-to-links li:first-child a { margin-bottom: 15px; margin-right: 15px; } span.share { float: left; font-size: 11px; color: #001871; font-weight: 400; line-height: 26px; cursor: pointer; text-transform: uppercase; margin-top: 20px; margin-right: 20px; clear: both; } span.share:after { content: ""; display: inline-block; margin-left: 20px; background-position: -33px -79px; width: 11px; height: 11px; } span.share:hover:after { -webkit-animation: shake 1s; animation: shake 1s; } @media only screen and (max-width: 765px) { span.share { margin-left: 30px; margin-top: 0px; } } .product-view .sharing-links { float: left; margin-top: 20px; } @media only screen and (max-width: 765px) { .product-view .sharing-links { margin-top: 0px; } } .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 { display: block; width: 26px; height: 24px; font-size: 0px; } .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 -148px; width: 11px; } .product-view .sharing-links a.link-facebook:hover { background-position: -32px -148px; opacity: 1; } .product-view .sharing-links a.link-pinterest { background-position: -1px -205px; width: 19px; height: 24px; } .product-view .sharing-links a.link-pinterest:hover { background-position: -32px -205px; opacity: 1; } .product-view .sharing-links a.link-twitter { background-position: -1px -177px; width: 22px; height: 19px; margin-top: 2px; } .product-view .sharing-links a.link-twitter:hover { background-position: -32px -177px; opacity: 1; } @media only screen and (max-width: 599px) { .add-to-box .add-to-links a { float: none; width: 100%; text-indent: 0; } } .collateral-tabs dd h2 { display: none; } .box-collateral { clear: both; } @media only screen and (min-width: 766px) { .product-collateral .toggle-tabs { display: block; width: 100%; position: relative; } .product-collateral .toggle-tabs li { float: left; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; margin-left: 10px; margin-bottom: 5px; } .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 30px; height: 40px; line-height: 45px; cursor: pointer; text-transform: uppercase; font-size: 14px; color: #646464; letter-spacing: 1px; } } @media only screen and (min-width: 766px) and (max-width: 900px) { .product-collateral .toggle-tabs li > span { padding: 0 16px; } } @media only screen and (min-width: 766px) { .product-collateral .toggle-tabs li.current { border: 1px solid #C8C8C8; border-bottom: none; margin-bottom: -1px; } .product-collateral .toggle-tabs li.current > span { background-color: #FFFFFF; z-index: 5; height: 46px; margin-bottom: 0; } .product-collateral .toggle-tabs li.current span, .product-collateral .toggle-tabs li:hover span { color: #001871; } .product-collateral .toggle-tabs li:first-child { margin-left: 0; } .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: 6% 8% 10%; border: 1px solid #C8C8C8; color: #646464; font-size: 13px; line-height: 21px; } .product-collateral > dl > dd.current { display: block; } } @media only screen and (max-width: 765px) { .product-collateral .toggle-tabs { display: none; } .product-collateral > dl > dt { display: block; } .product-collateral > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #C8C8C8; } .product-collateral > dl > dd:last-child { border-width: 0 1px 1px 1px; } .product-collateral > dl > dt { cursor: pointer; border-bottom-width: 0; } .product-collateral > dl > dt:hover { color: #001871; } .product-collateral > dl > dt:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #001871; border-right: none; } .product-collateral > dl > dt.last { border-bottom-width: 1px; } .product-collateral > dl > dd { display: none; } .product-collateral.accordion-open > dl > dt.current { border-bottom-width: 1px; } .product-collateral.accordion-open > dl > dt.current:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #001871; border-bottom: none; left: 6px; top: 50%; margin-top: -3px; } .product-collateral.accordion-open > dl > dd.current { display: block; } } @media only screen and (max-width: 765px) { .product-view .product-shop, .product-view .add-to-cart-wrapper, .product-view .block-related, .product-img-box, .product-collateral { width: 100%; float: none; padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 766px) { .product-view .product-shop .product-name { display: block; } .product-img-box .product-name { display: none; } } @media only screen and (max-width: 479px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 15px; } } @media only screen and (max-width: 479px) and (max-width: 765px) { .product-view .product-shop, .product-img-box, .product-collateral, .product-view .block-related, .box-collateral { margin-bottom: 0; } } .product-view .ratings .rating-links { /* clear: left;*/ float: left; margin-top: 11px; } .blueacorn-quickview-modal .product-view .ratings .rating-links { float: right; } #product-attribute-specs-table { max-width: 50em; } #product-attribute-specs-table th { border-bottom: 1px solid #E6E6E6; white-space: normal; } .main-container { /* -------------------------------------------------------------------------------------- */ /* -------------------------------- Ratings Short Summary ------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* --------------------------- General Magento Reviews Blocks --------------------------- */ /* -------------------------------------------------------------------------------------- */ } .main-container .ratings-full { width: 254px !important; } .main-container .gig-rating-star-half { background-image: url("../images/media/rating_star_empty.png"); width: 21px; height: 21px; position: relative; } .main-container .gig-rating-star-half:after { content: ""; position: absolute; background-image: url("../images/media/rating_star.png"); width: 10px; height: 21px; left: 0; top: 0; } .main-container .product-view .reviews-container { width: 100%; padding: 0 15px; } .main-container .product-view .reviews-container .reviews-title { font-size: 18px; text-transform: uppercase; } .main-container .product-view .reviews-container .reviews-title .write-review { float: right; font-size: 11px; color: #001871; font-weight: 400; line-height: 26px; cursor: pointer; } .main-container .product-view .reviews-container .reviews-title .write-review:after { content: ""; display: inline-block; margin-left: 20px; background-position: -33px -79px; width: 11px; height: 11px; } .main-container .product-view .reviews-container .reviews-title .write-review:hover:after { -webkit-animation: shake 1s; animation: shake 1s; } /* -------------------------------------------- * Catalog - Grouped Product List */ .grouped-items-table-wrapper { border: solid 1px #E6E6E6; width: 100%; padding: 10px; margin-bottom: 15px; } .grouped-items-table-wrapper tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 479px) { .grouped-items-table-wrapper { margin-bottom: 15px; } } .grouped-items-table .name-wrapper { color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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: 100%; margin: 10px 0 0; clear: both; position: relative; } .product-options dl { margin-bottom: 20px; } @media only screen and (max-width: 765px) { .product-options dl { margin: 0; } } .product-options p.required { position: absolute; top: -5px; right: 15px; } .product-options dt { margin: 10px 0 5px; font-weight: normal; } .product-options dt:first-child { margin-top: 0; } .product-options dd .qty-holder { display: block; padding: 10px 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: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; 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 { border-top: 0; } .blueacorn-quickview-modal .product-options-bottom span.share { display: none; } .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 10px; border: 0; background: 0; color: #929292; } @media only screen and (max-width: 479px) { .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { float: none; width: 100%; text-align: right; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #C8C8C8; } } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #929292; } /* "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 { display: none; float: right; margin: 0 0 10px; padding: 0; } @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured { text-align: right; } .product-options-bottom .price-box .price-as-configured .price-label { display: block; } } .product-options-bottom .price-tax { float: left; } /* -------------------------------------------- * Related Products */ /* Block: Related */ .block-related li { margin-bottom: 7px; } .block-related .block-title { border-bottom: 1px solid #E6E6E6; } .block-related .block-title h2 { margin: 0; margin-bottom: 0.5em; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 30px; font-weight: 500; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; color: #000018; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; max-width: 1680px; margin: 0 auto 25px; padding: 0 4.03%; } .block-related .block-subtitle { margin-bottom: 7px; } .block-related .product { position: relative; } .block-related .checkbox { float: left; margin-top: 36px; display: none; } .block-related .product-name { margin-bottom: 21px; } .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: left; 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; } /* -------------------------------------------- * Upsell Products */ .box-up-sell { margin-top: 20px; } .box-up-sell .ratings { display: none; } .collateral-tabs .std .option .label { font-weight: bold; color: #001871; margin-right: 8px; } /* -------------------------------------------- * Back to Top link */ .b2top-wrap #top-link { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; padding: 10px; position: fixed; bottom: 100px; right: 20px; padding-bottom: 10px; padding-top: 25px; line-height: 23px; border: 1px solid #001871; background: rgba(255, 255, 255, 0.7); z-index: 9999; } .b2top-wrap #top-link:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); content: ""; display: block; background-image: url(../images/rm_icon_sprite.png); background-position: -32px -1081px; width: 18px; height: 10px; position: relative; bottom: 10px; left: 34%; } .b2top-wrap #top-link:hover { border: 1px solid #001871; text-decoration: none; background-color: #001871; background: rgba(0, 24, 113, 0.9); color: white; } .b2top-wrap #top-link:hover:before { background-position: -0px -1081px; } @media only screen and (min-width: 100px) and (max-width: 765px) { .b2top-wrap #top-link { width: 100%; right: 0px; bottom: 0px; text-align: center; padding: 10px; border-top: 1px solid #001871; } .b2top-wrap #top-link:before { left: 0px; bottom: 0px; display: inline-block; margin-right: 10px; } } .touch .b2top-wrap #top-link:hover { background: rgba(255, 255, 255, 0.7); color: #001871; } .touch .b2top-wrap #top-link:hover:before { background-position: -32px -1081px; } /* ============================================ * 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 #C8C8C8; margin: 12px 0 0; position: absolute; text-align: left; width: 450px; z-index: 100; } @media only screen and (min-width: 766px) { .map-popup.map-popup-right { left: 10px !important; } .map-popup.map-popup-left { left: auto !important; right: 10px !important; } } @media only screen and (max-width: 765px) { .map-popup { width: 100%; left: 0px !important; } } .map-popup .map-popup-heading { padding: 8px 10px; margin-right: 40px; width: auto; } .map-popup .map-popup-heading h3 { font-size: 11px; margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } @media only screen and (max-width: 479px) { .map-popup .map-popup-heading h3 { text-align: center; } } .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 #C8C8C8; padding: 10px; margin: 0 10px; overflow: hidden; text-align: left; } @media only screen and (max-width: 479px) { .map-popup .map-popup-content { text-align: center; } } .map-popup .map-popup-checkout { padding: 10px 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, .map-popup .map-popup-checkout .button2, .map-popup .map-popup-checkout .add-to-links a, .add-to-links .map-popup .map-popup-checkout a, .map-popup .map-popup-checkout .add-to-links .split-button strong, .add-to-links .split-button .map-popup .map-popup-checkout strong { 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; } @media only screen and (max-width: 479px) { .map-popup .map-popup-checkout { text-align: center; } .map-popup .map-popup-checkout .button, .map-popup .map-popup-checkout .button2, .map-popup .map-popup-checkout .add-to-links a, .add-to-links .map-popup .map-popup-checkout a, .map-popup .map-popup-checkout .add-to-links .split-button strong, .add-to-links .split-button .map-popup .map-popup-checkout strong, .map-popup .map-popup-checkout .additional-addtocart-box, .map-popup .map-popup-checkout .paypal-logo a, .map-popup .map-popup-checkout .paypal-logo .paypal-or { float: none; } .map-popup .map-popup-checkout .additional-addtocart-box { min-width: 0px; } .map-popup .map-popup-checkout .paypal-logo .paypal-or { margin: 0px; margin-bottom: 10px; } } .map-popup .map-popup-checkout:after { content: ''; display: table; clear: both; } .map-popup .map-popup-price { padding: 10px 0; } .map-popup .map-popup-price .price-box, .map-popup .map-popup-price .price-box .special-price { display: inline-block; margin: 0; padding: 0; } @media only screen and (max-width: 479px) { .map-popup .map-popup-price { text-align: center; padding-top: 0px; } } .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 #C8C8C8; } /* ============================================ * 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; } /* ============================================ * Checkout - Layout ============================================ */ .cart-table { float: left; width: 100%; } .cart-forms, .cart-totals-wrapper, .shipping-form-container, .crosssell { float: left; width: 33.3%; } @media only screen and (max-width: 765px) { .cart-forms, .cart-totals-wrapper, .shipping-form-container, .crosssell { width: 100%; } } .crosssell { width: 100%; margin-top: 40px; } .cart-forms { float: left; } div.shipping-form-container { padding: 4.62% 4.03%; border-right: 1px solid #E6E6E6; } @media only screen and (max-width: 765px) { div.shipping-form-container { border: none; } } @media only screen and (min-width: 1240px) { div.shipping-form-container { padding: 4.62% 6.43%; } } .cart-totals, .shipping-form-container, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping { padding: 10.5% 13.15%; } .display-both-prices .cart-table { float: none; width: 100%; } .display-both-prices .cart-forms { float: left; } .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { padding-left: 10px; } @media only screen and (max-width: 765px) { .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { clear: both; padding-left: 0; } } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 33.3%; } @media only screen and (max-width: 765px) { .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell { width: 100%; } } .display-both-prices .crosssell { clear: right; float: right; } @media only screen and (max-width: 979px) { .display-single-price .cart-table { float: none; width: 100%; } .display-single-price .cart-forms { float: left; } .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { padding-left: 10px; } } @media only screen and (max-width: 979px) and (max-width: 765px) { .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { clear: both; padding-left: 0; } } @media only screen and (max-width: 979px) { .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 33.3%; } } @media only screen and (max-width: 979px) and (max-width: 765px) { .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { width: 100%; } } @media only screen and (max-width: 979px) { .display-single-price .crosssell { clear: right; float: right; } } @media only screen and (max-width: 599px) { .product-cart-sku { display: none; } .display-both-prices .cart-forms, .display-both-prices .cart-totals-wrapper, .display-both-prices .crosssell, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell { float: none; width: 100%; } } /* ============================================ * Checkout - Cart ============================================ */ .cart .page-title { margin-bottom: 15px; padding-right: 3.2%; } @media only screen and (max-width: 1030px) { .cart .page-title { padding: 0 50px; } } @media only screen and (max-width: 765px) { .cart .page-title { padding: 75px 0 0 0; margin: 0; } } .cart .page-title:after { content: ''; display: table; clear: both; } .cart .page-title h1 { float: left; border-bottom: none; margin-bottom: 6px; margin-right: 10px; font-size: 23px; color: #000018; line-height: 30px; letter-spacing: 1px; } @media only screen and (max-width: 765px) { .cart .page-title h1 { width: 100%; text-align: center; margin: 0; padding: 23px 0 20px; } } .checkout-types { float: right; text-align: right; width: 100%; max-width: 310px; position: relative; /* We always want this shipping method to display on its own line */ } @media only screen and (max-width: 765px) { .checkout-types { max-width: 100%; } } .checkout-types.top { margin-bottom: 20px; z-index: 800; } @media only screen and (max-width: 765px) { .checkout-types.top .btn-checkout { max-width: 81%; } } @media only screen and (min-width: 766px) { .checkout-types.top .paypal-logo { width: auto; position: absolute; right: 110%; top: 0; } } .checkout-types li { vertical-align: top; margin: 0; width: 100%; } .checkout-types li:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 765px) { .checkout-types li { margin: 0; } } .checkout-types li img { display: inline; vertical-align: top; } .checkout-types li .btn-checkout { width: 100%; } .checkout-types li:first-child { margin-left: 0; } .checkout-types .method-checkout-cart-methods-multishipping { display: block; } .checkout-types.top li { display: 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; margin: 0 auto; } .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; margin-top: 5px; width: 100%; } @media only screen and (max-width: 765px) { .cart-totals .checkout-types .btn-checkout { margin: 0; } } @media only screen and (max-width: 765px) { .checkout-types { clear: both; float: none; text-align: center; padding: 30px 0; background: #F3F3F3; } .checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or { width: auto; float: none; } .checkout-types li { float: none; width: 100%; margin-left: 0; } .btn-checkout { width: 100%; } } .cart-table { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .cart-table th, .cart-table td, .cart-table tbody td { border-bottom: none; vertical-align: middle; position: relative; } .cart-table .product-info { position: relative; } .cart-table h2 { color: #929292; font-size: 11px; font-weight: 600; margin-bottom: 0; width: 100%; } .cart-table h2 a { font-size: 13px; color: #000018; line-height: 20px; letter-spacing: 1px; text-transform: capitalize; } .cart-table dl + h2.product-name { position: absolute; top: -40px; } @media only screen and (max-width: 599px) { .cart-table dl + h2.product-name { top: -3px; } } @media only screen and (max-width: 765px) { .cart-table .product-size { display: none; } } .cart-table thead th, .cart-table tbody td { background-color: transparent; padding: 0 0 13px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; color: #000018; line-height: 14px; letter-spacing: 1px; height: 40px; } .cart-table .product-cart-info, .cart-table .product-cart-actions { padding-left: 15px; } .cart-table .product-cart-info { max-width: 150px; } @media only screen and (max-width: 765px) { .cart-table .product-cart-info { max-width: 100%; } } .cart-table tr { border-bottom: 1px solid #E6E6E6; } .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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove, .cart-table .product-cart-actions .button, .cart-table .product-cart-actions .button2, .cart-table .product-cart-actions .add-to-links a, .add-to-links .cart-table .product-cart-actions a, .cart-table .product-cart-actions .add-to-links .split-button strong, .add-to-links .split-button .cart-table .product-cart-actions strong { display: none; } .cart-table .product-cart-image { padding: 20px 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: "Verlag A", "Verlag B", Verdana, Arial, sans-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; font-family: HelveticaNeue; font-size: 13px; color: #000018; line-height: 18px; } .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 #000018; 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 #000018; 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 .product-info { position: relative; } .cart-table .product-cart-actions .avail-status { position: absolute; bottom: -25px; width: 100%; text-align: center; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } @media only screen and (max-width: 599px) { .cart-table .product-cart-actions .avail-status { text-align: left; position: relative; bottom: 0; } } .cart-table .product-cart-actions .qty { border-color: #C8C8C8; border-radius: 0; text-align: center; width: 50px; } .cart-table .product-cart-actions .button, .cart-table .product-cart-actions .button2, .cart-table .product-cart-actions .add-to-links a, .add-to-links .cart-table .product-cart-actions a, .cart-table .product-cart-actions .add-to-links .split-button strong, .add-to-links .split-button .cart-table .product-cart-actions strong { margin-bottom: 5px; } @media only screen and (max-width: 765px) { .cart-table th { font-size: 12px; } .cart-table th, .cart-table td { padding: 7px 6px; } .cart-table .product-cart-actions > li { white-space: inherit; } } @media only screen and (max-width: 699px) { .display-both-prices .cart-table thead th.cart-total-head, .display-both-prices .cart-table td.product-cart-total { display: none; } } @media only screen and (max-width: 599px) { .cart-table colgroup, .cart-table thead { display: none; } .cart-table tr { display: block; padding: 25px 10px 20px; overflow: hidden; position: relative; width: 100%; } .cart-table tr:after { content: ''; display: table; clear: both; } .cart-table tr:last-child { margin-bottom: 0; } .cart-table tfoot tr { padding: 0; } .cart-table td { border: none; display: block; } .cart-table td[data-rwd-label] { padding-left: 15px; } .cart-table td[data-rwd-label] .price { font-weight: normal; } .cart-table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; padding-right: 5px; text-transform: uppercase; } .cart-table td.product-cart-price { text-align: left; height: 0; padding: 0; margin: 0; } .cart-table td.product-cart-price .cart-price { position: absolute; top: 10px; left: 75px; } .cart-table td.product-cart-price .cart-price:before { content: "x"; display: block; float: left; margin-right: 8px; } .cart-table h2 { font-size: 12px; } .cart-table .cart-links { padding-top: 5px; padding-right: 5px; } .cart-table .cart-links > li { white-space: normal; text-align: center; } .cart-table .cart-links > li > a { padding: 2px 0px; } .cart-table .cart-tax-info { font-style: italic; padding-left: 15px; font-size: 13px; } .cart-table .cart-tax-info .price { font-size: 13px; } .cart-table .product-cart-image { width: 25%; float: left; padding-bottom: 0; height: auto; padding: 0; } .cart-table .product-cart-image a.cart-edit { display: block; font-size: 16px; text-align: center; text-transform: uppercase; } .cart-table .product-cart-info, .cart-table td[data-rwd-label] { float: right; width: 75%; height: auto; } .cart-table .product-cart-actions, .cart-table .product-cart-price { padding-bottom: 0; padding-top: 0; float: right; } .cart-table .product-cart-remove, .cart-table .product-cart-total, .cart-table .product-cart-actions .cart-links { display: none; } .cart-table .product-cart-image .cart-links, .cart-table .product-cart-info .btn-remove { display: block; } .cart-table .product-cart-actions .button, .cart-table .product-cart-actions .button2, .cart-table .product-cart-actions .add-to-links a, .add-to-links .cart-table .product-cart-actions a, .cart-table .product-cart-actions .add-to-links .split-button strong, .add-to-links .split-button .cart-table .product-cart-actions strong { display: none; } .cart-table .product-cart-info .btn-remove { float: right; margin: -4px 0px 2px 7px; position: absolute; top: -10px; right: 0; background-position: 0 -1096px; width: 12px; height: 13px; } .cart-table .product-cart-info .product-cart-sku { margin-bottom: 5px; } .cart-table .product-cart-actions { text-align: left; } .cart-table .price, .cart-table .product-cart-price:before { font-weight: 500; font-size: 15px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .cart-table .cart-footer-actions { text-align: center; width: 100%; } .cart-table .cart-footer-actions #empty_cart_button { float: right; } .cart-table .cart-footer-actions .btn-continue { float: left; } .display-both-prices .cart-table td[data-rwd-tax-label]:before { content: attr(data-rwd-tax-label) ":"; } } @media only screen and (max-width: 765px) { .cart-table td[data-rwd-label]:before { display: none; } .cart-table .cart-links > li > a { display: none; } } @media only screen and (max-width: 479px) { .cart-table .cart-footer-actions .btn-continue { width: 100%; margin-bottom: 10px; } } /* ============================================ * Checkout - Estimate Shipping and Tax ============================================ */ .shipping #co-shipping-method-form { clear: both; } .shipping h2, .shipping .h2 { font-size: 13px; color: #000018; line-height: 20px; letter-spacing: 1px; font-weight: bold; margin-bottom: 15px; } .shipping select { max-width: 100%; height: 40px; display: block; border: 1px solid #C8C8C8; } .shipping select.validation-failed { border-color: #FF0000; } .shipping .shipping-desc { display: none; } .shipping .buttons-set { float: left; border: none; margin: 0; padding: 0; } @media only screen and (max-width: 599px) { .shipping .buttons-set { width: 100%; } } .shipping .buttons-set button { margin: 0; } .shipping .form-list:after { content: ''; display: table; clear: both; } .shipping .form-list li { display: block; width: 100%; margin: 0; } .shipping .form-list .shipping-postcode { margin-right: 0; } .shipping .form-list .input-box { padding-top: 0; width: 100%; margin-bottom: 20px; position: relative; } .shipping .form-list .input-box .validation-advice { position: absolute; top: 100%; } .shipping .form-list label.zipcode { display: block; } .shipping .form-list label { display: none; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; font-style: italic; min-width: 100px; } .shipping .sp-methods label span { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: bold; font-style: normal; } .shipping #co-shipping-method-form .buttons-set .button, .shipping #co-shipping-method-form .buttons-set .button2, .shipping #co-shipping-method-form .buttons-set .add-to-links a, .add-to-links .shipping #co-shipping-method-form .buttons-set a, .shipping #co-shipping-method-form .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .shipping #co-shipping-method-form .buttons-set strong { float: left; margin-left: 0; } @media only screen and (max-width: 765px) { .shipping .shipping-form .form-list > li { width: 100%; float: none; } .shipping .shipping-form .form-list > li input, .shipping .shipping-form .form-list > li select { width: 100%; } } .cart .cart-totals { text-align: right; padding: 9.9% 9.15%; } @media only screen and (max-width: 765px) { .cart .cart-totals { padding-bottom: 9.15%; } } .cart .cart-totals:after { content: ''; display: table; clear: both; } .cart .cart-totals table { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; margin-bottom: 20px; text-transform: uppercase; width: 100%; font-size: 11px; color: #000018; line-height: 14px; letter-spacing: 1px; } .cart .cart-totals table td { padding: 0 0 17px; } .cart .cart-totals table td .price { font-size: 13px; } .cart .cart-totals table td:first-child { padding-right: 10px; min-width: 120px; text-align: left; } .cart .cart-totals table tfoot tr td { padding-top: 15px; } .cart .cart-totals table tfoot td { font-size: 24px; vertical-align: top; } .cart .cart-totals table tfoot td .price { font-size: 18px; } .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .cart .cart-totals table tfoot strong { font-weight: bold; font-size: 18px; } @media only screen and (max-width: 600px) { .cart-totals { text-align: right; } } @media only screen and (max-width: 765px) { .cart .cart-totals table tfoot td { font-size: 18px; } } .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-weight: bold; text-align: left; text-transform: uppercase; min-width: 105px; display: block; margin-right: 10px; margin-bottom: 15px; font-size: 13px; color: #000018; line-height: 20px; letter-spacing: 1px; } #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 .button-wrapper .cancel-coupon, .cart .giftcard .button-wrapper .cancel-coupon { margin: 8px 0 0; } #discount-coupon-form .input-text, .cart .giftcard .input-text { border-radius: 0; width: 190px; } .cart .giftcard p { margin-bottom: 7px; } .cart .giftcard .check-gc-status { float: left; margin-top: 20px; width: 100%; } .cart .giftcard .check-gc-status > span > span { font-size: 11px; text-transform: none; line-height: 24px; text-transform: uppercase; } /* ============================================ * Checkout - Cart Cross sell ============================================ */ .crosssell h2 { font-size: 15px; color: #000018; line-height: 20px; letter-spacing: 1px; } .crosssell #crosssell-products-list .button, .crosssell #crosssell-products-list .button2, .crosssell #crosssell-products-list .add-to-links a, .add-to-links .crosssell #crosssell-products-list a, .crosssell #crosssell-products-list .add-to-links .split-button strong, .add-to-links .split-button .crosssell #crosssell-products-list strong, .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 */ @media only screen and (max-width: 979px) { .crosssell { /* Undo three-column config */ } .crosssell .products-grid > li:nth-child(even), .crosssell .products-grid > li:nth-child(3n), .crosssell .products-grid > li { width: 47.7273%; margin-right: 4.5455%; } .crosssell .products-grid > li:nth-child(odd) { clear: left; } .crosssell .products-grid > li:nth-child(even) { margin-right: 0; } .crosssell .products-grid > li:nth-child(3n+1) { clear: none; } } @media only screen and (max-width: 320px) { .crosssell ul .item { padding: 0 0px 40px; } .crosssell ul .product-details .crosssell-actions { padding: 0 5px; } } .fancybox-inner .cart #modal-minicart-error { text-align: center; color: red; display: none; } .fancybox-inner .cart .page-title { display: none; } .fancybox-inner .cart .product-cart-actions .avail-status { top: 45px; bottom: initial; } @media only screen and (max-width: 599px) { .fancybox-inner .cart .product-cart-actions .avail-status { top: 0; } } .fancybox-inner .cart .checkout-types.bottom { display: none; } .fancybox-inner .cart .cart-totals-wrapper { float: right; width: 100%; } .fancybox-inner .cart .cart-totals-wrapper .cart-totals { padding: 5px 0 10px; } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table { color: #001871; font-size: 23px; font-weight: 600; margin-bottom: 0px; } @media only screen and (max-width: 599px) { .fancybox-inner .cart .cart-totals-wrapper .cart-totals table { font-size: 20px; } } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table tr { display: none; } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table td { float: left; } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table td:first-child { color: #000018; text-align: right; font-size: 13px; font-weight: 300; text-transform: capitalize; } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table tr:first-child { display: block; float: right; } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table span.price { color: #001871; font-size: 23px; font-weight: 600; } @media only screen and (max-width: 599px) { .fancybox-inner .cart .cart-totals-wrapper .cart-totals table span.price { font-size: 20px; } } .fancybox-inner .cart .cart-totals-wrapper .cart-totals table tfoot { display: none; } .fancybox-inner .cart button.btn-update.button2, .fancybox-inner .cart div.edit-bag .button2 { float: left; margin: 0 20px 0 0; width: auto; padding: 0 15px; height: auto; line-height: 30px; } @media only screen and (max-width: 765px) { .fancybox-inner .cart button.btn-update.button2, .fancybox-inner .cart div.edit-bag .button2 { font-size: 10px; padding: 0 10px; line-height: 25px; } } @media only screen and (max-width: 670px) { .fancybox-inner .cart button.btn-update.button2, .fancybox-inner .cart div.edit-bag .button2 { width: 100%; line-height: 40px; height: 40px; margin: 20px 0 0; font-size: 14px; } } .fancybox-inner .cart .minicart-bottom { float: left; width: 100%; padding: 20px 20px 20px 30px; } @media only screen and (max-width: 599px) { .fancybox-inner .cart .minicart-bottom { padding: 20px 10px 10px; } } .fancybox-inner .cart .minicart-bottom .cart-forms { display: none; } .fancybox-inner .cart .minicart-bottom .checkout-types.top { width: 100%; max-width: 250px; margin-bottom: 0; } @media only screen and (max-width: 670px) { .fancybox-inner .cart .minicart-bottom .checkout-types.top { width: 100%; max-width: 100%; padding: 0; } } .fancybox-inner .cart .minicart-bottom .checkout-types.top li { width: auto; } .fancybox-inner .cart .minicart-bottom .checkout-types.top li .btn-checkout { font-size: 14px; font-weight: normal; line-height: 45px; padding: 0; width: 100%; max-width: 100%; } @media only screen and (max-width: 670px) { .fancybox-inner .cart .minicart-bottom .checkout-types.top li .btn-checkout { margin: 0; } } @media only screen and (max-width: 599px) { .fancybox-inner .cart .cart-table .product-cart-info { float: left; max-width: 100%; } } @media only screen and (max-width: 599px) { .fancybox-inner .cart .cart-table td.product-cart-price .cart-price { top: 10px; } } .fancybox-inner .cart .cart-table .product-cart-image .product-image img { max-width: 100px; margin: 0 auto; } @media only screen and (max-width: 599px) { .fancybox-inner .cart table.cart-table { margin-top: 30px; } } .fancybox-inner .cart table.cart-table thead th { padding-bottom: 0; line-height: 45px; } @media only screen and (max-width: 1000px) { .fancybox-inner .cart table.cart-table thead th { line-height: 15px; } } .fancybox-inner .cart table.cart-table thead th:first-of-type { width: 22%; text-align: center; } .fancybox-inner .cart table.cart-table .product-cart-info { padding: 0; } @media only screen and (min-width: 766px) { .fancybox-inner .cart table.cart-table .product-cart-info { width: 20%; } } .fancybox-inner .cart table.cart-table td.a-center.product-cart-remove.last, .fancybox-inner .cart table.cart-table th.a-center:last-of-type { padding-right: 2%; } @media only screen and (max-width: 599px) { .fancybox-inner .cart table.cart-table .item-options { margin: 0; padding-left: 15px; } } .fancybox-inner .cart table.cart-table .item-options .configurable-cart-select { overflow: hidden; } .fancybox-inner .cart table.cart-table .item-options .configurable-cart-select .custom-shiv { white-space: nowrap; max-width: 175px; } .fancybox-inner .cart table.cart-table .item-options .configurable-cart-select .custom-shiv span { background-color: white; } .fancybox-inner .cart table.cart-table .item-options .configurable-cart-select:hover .custom-shiv span { background-color: #001871; } @media only screen and (max-width: 599px) { .fancybox-inner .cart table.cart-table .product-name { position: relative; top: auto; margin-bottom: 10px; padding-left: 15px; } } .fancybox-inner .cart .btn-remove2 { background-position: 0 -1096px; width: 12px; height: 13px; } .fancybox-inner .cart .cart-table .product-cart-image { padding: 10px 0; } .minicart-wrap { width: auto !important; max-width: 900px; padding: 0 !important; right: 20px !important; } @media only screen and (max-width: 765px) { .minicart-wrap { -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(150%); -ms-transform: translateX(150%); transform: translateX(150%); } .minicart-wrap.fancybox-opened { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .minicart-wrap .fancybox-skin, .minicart-wrap .fancybox-outer, .minicart-wrap .fancybox-inner { float: left; width: 100% !important; } .minicart-wrap .fancybox-inner { width: 100% !important; } .minicart-wrap #shopping-cart-table td.product-cart-total, .minicart-wrap #shopping-cart-table td.product-size { display: none; } @media only screen and (max-width: 765px) { .minicart-wrap .fancybox-inner .cart .page-title h1 { text-align: left; padding: 2px 15px; font-size: 24px; } .minicart-wrap #shopping-cart-table td.product-cart-price .cart-price { top: 10px; } } .minicart-wrap .page-title h1 { visibility: hidden; } .minicart-wrap .btn-mobile-cart.btn-proceed-checkout { display: none; } @media only screen and (max-width: 765px) { .minicart-wrap .btn-mobile-cart.btn-proceed-checkout { display: inline-block; } } @media only screen and (max-width: 765px) { .minicart-wrap .btn-proceed-checkout { display: none; } } .minicart-wrap div.fancybox-skin a.fancybox-close { right: 0; } @media only screen and (max-width: 765px) { .minicart-wrap div.fancybox-skin a.fancybox-close { right: 5px; } } .btn-mobile-cart { display: none; } /* ============================================ * Checkout - One Page ============================================ */ .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { display: none; } .checkout-cart-index .cart-NoItems { max-width: 1240px; margin: 0 auto; text-align: center; } .checkout-cart-index .cart-NoItems .page-title h1, .checkout-cart-index .cart-NoItems .cart-empty { padding: 0 50px; border-bottom: 0px; } @media only screen and (max-width: 765px) { .checkout-cart-index .cart-NoItems { margin-top: 135px; } } .checkout-onepage-index .col-main { width: auto; float: none; } .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar { position: absolute; padding-top: 0; width: 100%; z-index: 10; } @media only screen and (min-width: 980px) { .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar { display: none !important; } } @media only screen and (max-width: 765px) { .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar { top: 200px; padding: 0 20px; } } .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .check-gc-status, .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .blueacorn_discountblockcheckout_subtotal { display: none; } .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode { text-align: center; } @media only screen and (max-width: 765px) { .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode { max-width: 375px; margin: auto; } } .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode input#discount_code { margin-bottom: 10px; } @media only screen and (max-width: 765px) { .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode input#discount_code { width: 100%; } } .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode .checkout_coupon { margin-left: 5px; } @media only screen and (max-width: 765px) { .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode .checkout_coupon { margin-left: 0; float: left; width: 48%; } } @media only screen and (max-width: 765px) { .checkout-onepage-index .col-main .blueacorn_discountblockcheckout_sidebar .promoCode .checkout_giftcard { float: right; width: 48%; } } .checkout-onepage-index .col-main .col2-set .col-1, .checkout-onepage-index .col-main .col2-set .col-2 { padding: 45px 70px; } .checkout-onepage-index .col-main .col2-set .col-1 { border-right: 1px solid #E6E6E6; height: 100%; width: 51.59%; padding-left: 9.658%; padding-right: 10.514%; } @media only screen and (max-width: 599px) { .checkout-onepage-index .col-main .col2-set .col-1 { border-right: 0px; padding-left: 0px; padding-right: 0px; } } .checkout-onepage-index .col-main .col2-set .col-1 .divOR { font-size: 13px; color: #000018; font-weight: 500; margin: 30px 0px 23px; position: relative; left: 116px; } @media only screen and (min-width: 1100px) { .checkout-onepage-index .col-main .col2-set .col-1 .divOR { left: 47%; } } .checkout-onepage-index .col-main .col2-set .col-1 li.control label.guestBtn { margin-top: 68px; height: 43px; font-size: 14px; padding: 7px 48px !important; line-height: 30px; min-width: 256px; text-align: center; } .checkout-onepage-index .col-main .col2-set .col-1 li.control label.guestBtn:before { display: none; } @media only screen and (min-width: 1100px) { .checkout-onepage-index .col-main .col2-set .col-1 li.control label.guestBtn { width: 100%; text-align: center; } } @media only screen and (min-width: 765px) { .checkout-onepage-index .col-main .col2-set .col-1 li.control label.guestBtn { width: 100%; } } .checkout-onepage-index .col-main .col2-set .col-2 { width: 48.554%; padding-left: 8.558%; padding-right: 8.558%; } .checkout-onepage-index .col-main .col2-set .col-2 h3 { margin-bottom: 12px; margin-left: 1px; } .checkout-onepage-index .col-main .col2-set #login-form .fieldset p.description { padding-bottom: 37px; font-style: normal; text-transform: none; letter-spacing: 0px; } @media only screen and (max-width: 765px) { .checkout-onepage-index .col-main .col2-set #login-form .fieldset ul { margin: 0 auto; display: block; width: 80%; } } .checkout-onepage-index { letter-spacing: 1px; } .checkout-onepage-index div.main-container { padding-top: 0px; } @media only screen and (min-width: 1100px) { .checkout-onepage-index div.footer-container { padding-top: 40px; } } .checkout-onepage-index .main .col-right { padding-left: 5.565%; padding-right: 7.581%; } .checkout-onepage-index.opc-has-progressed-from-login .main .col-right { padding-left: 4.356%; padding-right: 9.033%; } .checkout-onepage-index .page-header-container { position: relative; top: 0px; } .checkout-onepage-index .page-header { border-bottom: 1px solid #E6E6E6; padding-bottom: 12px; } @media only screen and (max-width: 765px) { .checkout-onepage-index .page-header { padding-bottom: 5px; } } .checkout-onepage-index .logo { margin: 0px auto; float: none; } @media only screen and (max-width: 765px) { .checkout-onepage-index .logo { padding: 18px 0px; } .checkout-onepage-index .logo:before { background-image: url(../images/rm_icon_sprite.png); background-repeat: no-repeat; content: ""; display: block; float: left; background-position: -1px -439px; width: 27px; height: 26px; margin: 0px 0px 0px 15px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { .checkout-onepage-index .logo:before { background-image: url(../images/rm_icon_sprite@2x.png) !important; background-size: 115px 1952px; } } .checkout-onepage-index .footer-container .address-container { border: 0px; } .checkout-onepage-index .blueacorn_discountblockcheckout_sidebar { display: none; } .checkout-onepage-index.opc-has-progressed-from-login .blueacorn_discountblockcheckout_sidebar { display: block; padding-top: 35px; } .checkout-onepage-index div.main-container .main { padding: 0px; } .checkout-onepage-index div.main-container .main .page-title.opc-title { position: absolute; width: 100%; left: 0px; top: 10px; text-align: left; } @media only screen and (max-width: 979px) { .checkout-onepage-index div.main-container .main .page-title.opc-title { top: -49px; } } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main .page-title.opc-title { top: 15px; } } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main .page-title.opc-title { position: static; } } .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper { max-width: 1240px; margin: 0 auto; padding-left: 50px; padding-right: 50px; } .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper { padding: 0; text-align: center; } } @media only screen and (min-width: 1100px) { .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper { max-width: 1680px; } } .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper h1 { padding-top: 5px; padding-bottom: 15px; font-size: 23px; color: #000018; font-weight: 500; margin-bottom: 0px; border: 0px; float: left; margin-left: 36px; } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper h1 { padding: 0; line-height: 60px; height: auto; float: none; display: inline-block; margin: 0 30px 0 0; } } .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper img.mc-secure { float: right; position: relative; top: -3px; } @media only screen and (min-width: 1200px) { .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper img.mc-secure { right: 60px; } } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main .page-title.opc-title .opc-header-wrapper img.mc-secure { position: static; top: auto; display: inline-block; float: none; line-height: 60px; width: 64px; height: auto; top: 0; vertical-align: top; -webkit-transform: translateY(14px); -ms-transform: translateY(14px); transform: translateY(14px); } } .checkout-onepage-index div.main-container .main .page-title.opc-title .border-shiv { border-bottom: 1px solid #E6E6E6; clear: both; } .checkout-onepage-index div.main-container .main ol.opc, .checkout-onepage-index div.main-container .main .col-right { margin-top: 58px; } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main ol.opc, .checkout-onepage-index div.main-container .main .col-right { margin-top: 0px; } } .checkout-onepage-index div.main-container .main .col-right { border-left: 1px solid #E6E6E6; -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); transform: translateX(-1px); } .checkout-onepage-index div.main-container .main .col-right #checkout-progress-wrapper { padding-top: 34px; max-width: 255px; } .checkout-onepage-index div.main-container .main .col-right .promoCode { padding: 30px 0px 60px; font-size: 13px; } .checkout-onepage-index div.main-container .main .col-right .promoCode #giftcard-form { margin-top: 15px; display: none; } .checkout-onepage-index div.main-container .main .col-right .promoCode a.button2.check-gc-status { line-height: 24px; font-size: 13px; width: 100%; } .checkout-onepage-index div.main-container .main .col-right .promoCode button.checkout_giftcard, .checkout-onepage-index div.main-container .main .col-right .promoCode button.checkout_coupon { margin: 10px 0 0px 0; width: 100%; font-size: 13px; } .checkout-onepage-index div.main-container .main .col-right .opc-prog-subt { font-size: 18px; font-weight: 500; color: #000018; text-transform: uppercase; padding-left: 7px; } .checkout-onepage-index div.main-container .main .col-right .opc-prog-subt .discount-total-item { margin-bottom: 10px; } .checkout-onepage-index div.main-container .main .col-right .opc-prog-subt .discount-total-item.g-total { border-top: 1px solid #929292; padding-top: 10px; } .checkout-onepage-index div.main-container .main .col-right .opc-prog-subt span.subt { float: right; } .checkout-onepage-index div.main-container .main .col-right .opc-prog-subt span.discount-amt { font-size: 11px; font-weight: normal; color: #929292; text-transform: none; } .checkout-onepage-index div.main-container .main .col-right .opc-prog-subt span.discount-amt.subt .price { line-height: 20px; } .checkout-onepage-index div.main-container .main .col-right .blueacorn_discountblockcheckout_applied li { margin-bottom: 30px; padding-left: 7px; } .checkout-onepage-index div.main-container .main .col-right .blueacorn_discountblockcheckout_applied li .btn-remove { float: right; } .checkout-onepage-index div.main-container .main .col-right .block-progress .block-title { border: 0px; padding-left: 10px; margin-bottom: 12px; } .checkout-onepage-index div.main-container .main .col-right .block-progress strong { font-size: 18px; color: #000018; font-weight: 500; } .checkout-onepage-index div.main-container .main ol.opc { border-right: 1px solid #E6E6E6; text-transform: uppercase; color: #000018; font-size: 11px; } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main ol.opc { position: relative; width: 90%; margin: 0 auto; } } .checkout-onepage-index div.main-container .main ol.opc label { font-size: 11px; } .checkout-onepage-index div.main-container .main ol.opc #opc-billing, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method, .checkout-onepage-index div.main-container .main ol.opc #opc-payment, .checkout-onepage-index div.main-container .main ol.opc #opc-review { display: none; } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main ol.opc #opc-billing, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method, .checkout-onepage-index div.main-container .main ol.opc #opc-payment, .checkout-onepage-index div.main-container .main ol.opc #opc-review { display: block; } } .checkout-onepage-index div.main-container .main ol.opc #opc-billing.active, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping.active, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method.active, .checkout-onepage-index div.main-container .main ol.opc #opc-payment.active, .checkout-onepage-index div.main-container .main ol.opc #opc-review.active { padding-top: 46px; display: block; } @media only screen and (max-width: 979px) { .checkout-onepage-index div.main-container .main ol.opc #opc-billing.active, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping.active, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method.active, .checkout-onepage-index div.main-container .main ol.opc #opc-payment.active, .checkout-onepage-index div.main-container .main ol.opc #opc-review.active { padding-top: 115px; } } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main ol.opc #opc-billing.active, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping.active, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method.active, .checkout-onepage-index div.main-container .main ol.opc #opc-payment.active, .checkout-onepage-index div.main-container .main ol.opc #opc-review.active { padding-top: 335px; } } .checkout-onepage-index div.main-container .main ol.opc #opc-billing, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method, .checkout-onepage-index div.main-container .main ol.opc #opc-payment, .checkout-onepage-index div.main-container .main ol.opc #opc-review { padding-left: 85px; } @media only screen and (max-width: 765px) { .checkout-onepage-index div.main-container .main ol.opc #opc-billing, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method, .checkout-onepage-index div.main-container .main ol.opc #opc-payment, .checkout-onepage-index div.main-container .main ol.opc #opc-review { padding-left: 0px; } } .checkout-onepage-index div.main-container .main ol.opc .widget-banner, .checkout-onepage-index div.main-container .main ol.opc .widget { color: #929292; } .checkout-onepage-index div.main-container .main ol.opc #opc-billing .widget-banner, .checkout-onepage-index div.main-container .main ol.opc #opc-billing .widget { padding-top: 30px; text-transform: none; } .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method .widget-banner, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping .widget-banner, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping_method .widget, .checkout-onepage-index div.main-container .main ol.opc #opc-shipping .widget { padding-bottom: 40px; text-transform: none; } .checkout-onepage-index div.main-container .main ol.opc .input-box { padding-top: 7px; margin-bottom: 17px; } .checkout-onepage-index div.main-container .main ol.opc .fieldset li.fields .input-box { overflow: hidden; } .checkout-onepage-index div.main-container .main ol.opc ul.form-list li ul li.wide, .checkout-onepage-index div.main-container .main ol.opc ul.form-list li ul li .field { margin-bottom: 16px; } .checkout-onepage-index div.main-container .main ol.opc .data-table { color: #000018; } .checkout-onepage-index div.main-container .main ol.opc .data-table th, .checkout-onepage-index div.main-container .main ol.opc .data-table tfoot tr { background-color: transparent; } .checkout-onepage-index div.main-container .main ol.opc .data-table tbody { text-transform: none; } .checkout-onepage-index div.main-container .main ol.opc .data-table tbody a.product-image { float: left; margin-right: 20px; } .checkout-onepage-index div.main-container .main ol.opc .data-table tbody .p-review-info { float: left; } .checkout-onepage-index div.main-container .main ol.opc .data-table tbody .p-review-info dl.item-options { margin-left: 0px; } .checkout-onepage-index div.main-container .main ol.opc .data-table tbody td, .checkout-onepage-index div.main-container .main ol.opc .data-table tbody td span { font-size: 13px; } .checkout-onepage-index div.main-container .main ol.opc .data-table tbody td { padding: 20px 10px; } .checkout-onepage-index div.main-container .main ol.opc .data-table tr.last td strong, .checkout-onepage-index div.main-container .main ol.opc .data-table tr.last td strong span { font-size: 15px; } @media only screen and (min-width: 980px) { .checkout-onepage-index .col-main { float: left; width: 66.049%; padding-right: 0px; } .checkout-onepage-index .col-right, .checkout-onepage-index .col-left { width: 33.952%; display: block; } } @media only screen and (max-width: 979px) { .checkout-onepage-index div.main-container .col-main ol.opc { border-right: 0px; } } /* -------------------------------------------- * Section Styling - Default */ .opc .section .step-title { width: 100%; 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 .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 { font-size: 40px; font-weight: 500; float: left; color: #001871; line-height: 40px; } .opc .section.allow .step-title .number { background-color: tint(#001871, 50%); } .opc .section.allow .step-title h2 { color: #929292; } .opc .section.allow .step-title:hover h2, .opc .section.active .step-title h2 { color: #000018; } .opc .section .step-title h2 { font-size: 18px; font-weight: 400; line-height: 40px; height: 40px; float: left; margin: 0px 4px 0px 77px; font-weight: 500; } @media only screen and (max-width: 765px) { .opc .section .step-title h2 { margin-left: 0px; } } .opc .section .step { padding: 20px; } .opc .section .step:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 979px) { .opc .section .step { padding: 10px; } } @media only screen and (max-width: 765px) { .opc .section .step { padding-top: 65px; padding-left: 6px; } } @media only screen and (max-width: 599px) { .opc .section .step { padding-right: 24px; } } .opc .section .step #co-billing-form, .opc .section .step #co-shipping-form, .opc .section .step #co-shipping-method-form, .opc .section .step #co-payment-form, .opc .section .step #co-payment-form, .opc .section .step #payment-buttons-container { padding-right: 24.879%; padding-left: 11.99%; } @media only screen and (min-width: 1100px) { .opc .section .step #co-billing-form, .opc .section .step #co-shipping-form, .opc .section .step #co-shipping-method-form, .opc .section .step #co-payment-form, .opc .section .step #co-payment-form, .opc .section .step #payment-buttons-container { padding-right: 10%; } } .opc .section .step #co-billing-form input[type=email], .opc .section .step #co-billing-form input[type=search], .opc .section .step #co-billing-form input[type=number], .opc .section .step #co-billing-form input[type=password], .opc .section .step #co-billing-form input[type=tel], .opc .section .step #co-billing-form input[type=text], .opc .section .step #co-shipping-form input[type=email], .opc .section .step #co-shipping-form input[type=search], .opc .section .step #co-shipping-form input[type=number], .opc .section .step #co-shipping-form input[type=password], .opc .section .step #co-shipping-form input[type=tel], .opc .section .step #co-shipping-form input[type=text], .opc .section .step #co-shipping-method-form input[type=email], .opc .section .step #co-shipping-method-form input[type=search], .opc .section .step #co-shipping-method-form input[type=number], .opc .section .step #co-shipping-method-form input[type=password], .opc .section .step #co-shipping-method-form input[type=tel], .opc .section .step #co-shipping-method-form input[type=text], .opc .section .step #co-payment-form input[type=email], .opc .section .step #co-payment-form input[type=search], .opc .section .step #co-payment-form input[type=number], .opc .section .step #co-payment-form input[type=password], .opc .section .step #co-payment-form input[type=tel], .opc .section .step #co-payment-form input[type=text], .opc .section .step #co-payment-form input[type=email], .opc .section .step #co-payment-form input[type=search], .opc .section .step #co-payment-form input[type=number], .opc .section .step #co-payment-form input[type=password], .opc .section .step #co-payment-form input[type=tel], .opc .section .step #co-payment-form input[type=text], .opc .section .step #payment-buttons-container input[type=email], .opc .section .step #payment-buttons-container input[type=search], .opc .section .step #payment-buttons-container input[type=number], .opc .section .step #payment-buttons-container input[type=password], .opc .section .step #payment-buttons-container input[type=tel], .opc .section .step #payment-buttons-container input[type=text] { width: 100%; height: 45px; } @media only screen and (max-width: 765px) { .opc .section .step #co-billing-form, .opc .section .step #co-shipping-form, .opc .section .step #co-shipping-method-form, .opc .section .step #co-payment-form, .opc .section .step #co-payment-form, .opc .section .step #payment-buttons-container { padding: 0px; } } .opc .section .step #co-payment-form .sp-methods input[type=text] { width: 93%; height: 40px; } .opc .section .step #co-payment-form .sp-methods input[type=text]#ccsave_cc_number { max-width: 183px; } .opc .section .step #co-payment-form .sp-methods input[type=text]#cybersource_soap_cc_number, .opc .section .step #co-payment-form .sp-methods input[type=text]#chcybersource_cc_number { max-width: 183px; } .opc .section .step #co-payment-form .sp-methods input[type=tel]#cybersource_soap_cc_number, .opc .section .step #co-payment-form .sp-methods input[type=tel]#chcybersource_cc_number, .opc .section .step #co-payment-form .sp-methods input[type=text]#cybersource_soap_cc_number, .opc .section .step #co-payment-form .sp-methods input[type=text]#chcybersource_cc_number { max-width: 183px; } .opc .section .step #co-payment-form input[name*="cc_number"] { padding: 0 10px; } .opc .section .step #co-payment-form .input-box { padding-top: 0px; margin-bottom: 0px; } .opc .section .step #payment-buttons-container { margin-top: 30px; } .opc .section .step #co-payment-form #ccsave_expiration, .opc .section .step #co-payment-form #ccsave_expiration_yr, .opc .section .step #co-payment-form #cybersource_soap_expiration, .opc .section .step #co-payment-form #cybersource_soap_expiration_yr, .opc .section .step #co-payment-form #chcybersource_expiration, .opc .section .step #co-payment-form #chcybersource_expiration_yr { opacity: 1; position: relative; z-index: 9; } .opc .section .step #co-payment-form #ccsave_expiration ~ .custom-shiv, .opc .section .step #co-payment-form #ccsave_expiration_yr ~ .custom-shiv, .opc .section .step #co-payment-form #cybersource_soap_expiration ~ .custom-shiv, .opc .section .step #co-payment-form #cybersource_soap_expiration_yr ~ .custom-shiv, .opc .section .step #co-payment-form #chcybersource_expiration ~ .custom-shiv, .opc .section .step #co-payment-form #chcybersource_expiration_yr ~ .custom-shiv { display: none; } .opc .section .step #co-payment-form #advice-required-entry-ccsave_expiration ~ .custom-shiv, .opc .section .step #co-payment-form #advice-required-entry-ccsave_expiration_yr ~ .custom-shiv, .opc .section .step #co-payment-form #advice-required-entry-cybersource_soap_expiration ~ .custom-shiv, .opc .section .step #co-payment-form #advice-required-entry-cybersource_soap_expiration_yr ~ .custom-shiv, .opc .section .step #co-payment-form #advice-required-entry-chcybersource_expiration ~ .custom-shiv, .opc .section .step #co-payment-form #advice-required-entry-chcybersource_expiration_yr ~ .custom-shiv { display: none; } .opc .section .step #co-payment-form #ccsave_cc_cid, .opc .section .step #co-payment-form #cybersource_soap_cc_cid, .opc .section .step #co-payment-form #chcybersource_cc_cid { position: absolute; right: -60px; bottom: 69px; z-index: 9; } .opc .section .step #co-payment-form label[for='ccsave_cc_cid'], .opc .section .step #co-payment-form label[for='cybersource_soap_cc_cid'], .opc .section .step #co-payment-form label[for='chcybersource_cc_cid'] { position: absolute; left: 340px; bottom: 115px; width: auto; } @media only screen and (max-width: 439px) { .opc .section .step #co-payment-form #ccsave_cc_cid, .opc .section .step #co-payment-form #cybersource_soap_cc_cid, .opc .section .step #co-payment-form #chcybersource_cc_cid { position: absolute; right: 13px; } .opc .section .step #co-payment-form label[for='ccsave_cc_cid'], .opc .section .step #co-payment-form label[for='cybersource_soap_cc_cid'], .opc .section .step #co-payment-form label[for='chcybersource_cc_cid'] { position: absolute; left: 265px; } .opc .section .step #co-payment-form #ccsave_cc_owner { width: 80%; } } .opc .section .step #co-payment-form ul.form-list.ccCard.amex #ccsave_cc_cid, .opc .section .step #co-payment-form ul.form-list.ccCard.amex #cybersource_soap_cc_cid, .opc .section .step #co-payment-form ul.form-list.ccCard.amex #chcybersource_cc_cid { position: absolute; right: 13px; } .opc .section .step #co-payment-form ul.form-list.ccCard.amex label[for='ccsave_cc_cid'], .opc .section .step #co-payment-form ul.form-list.ccCard.amex label[for='cybersource_soap_cc_cid'], .opc .section .step #co-payment-form ul.form-list.ccCard.amex label[for='chcybersource_cc_cid'] { position: absolute; left: 265px; } .opc .section .step #co-payment-form ul.form-list.ccCard.amex #ccsave_cc_owner { width: 80%; } .opc h3 { font-weight: 500; color: #000018; } .opc#checkoutSteps .buttons-set { text-align: left; border: 0px; } .opc#checkoutSteps .buttons-set button.button, .opc#checkoutSteps .buttons-set button.button2 { float: left; margin: 0; } @media only screen and (max-width: 765px) { .opc#checkoutSteps .buttons-set button.button, .opc#checkoutSteps .buttons-set button.button2 { margin: 0 auto; width: 80%; float: none; display: block; } } .opc#checkoutSteps .buttons-set#review-buttons-container a.button, .opc#checkoutSteps .buttons-set#review-buttons-container a.button2, .opc#checkoutSteps .buttons-set#review-buttons-container .add-to-links a, .add-to-links .opc#checkoutSteps .buttons-set#review-buttons-container a { display: none; /* @include mdm() { margin: 0 auto; width: 80%; float: none; display: block; margin-right: 30px; margin-top: 10px; line-height: 28px; }*/ } .opc#checkoutSteps .buttons-set .btn-blue, .opc#checkoutSteps .buttons-set .checkout-types li .btn-checkout, .checkout-types li .opc#checkoutSteps .buttons-set .btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .btn-checkout, .cart-totals .checkout-types .opc#checkoutSteps .buttons-set .btn-checkout, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .btn-cart, body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set .btn-cart, .opc#checkoutSteps .buttons-set .wishlist-management button, .wishlist-management .opc#checkoutSteps .buttons-set button, .opc#checkoutSteps .buttons-set #wishlist-table .btn-cart, #wishlist-table .opc#checkoutSteps .buttons-set .btn-cart, .opc#checkoutSteps .buttons-set .my-account .btn-add, .my-account .opc#checkoutSteps .buttons-set .btn-add { background: #001871; border: 1px solid #001871; color: white; } .opc#checkoutSteps .buttons-set .btn-blue span, .opc#checkoutSteps .buttons-set .checkout-types li .btn-checkout span, .checkout-types li .opc#checkoutSteps .buttons-set .btn-checkout span, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .btn-checkout span, .cart-totals .checkout-types .opc#checkoutSteps .buttons-set .btn-checkout span, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .btn-cart span, body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set .btn-cart span, .opc#checkoutSteps .buttons-set .wishlist-management button span, .wishlist-management .opc#checkoutSteps .buttons-set button span, .opc#checkoutSteps .buttons-set #wishlist-table .btn-cart span, #wishlist-table .opc#checkoutSteps .buttons-set .btn-cart span, .opc#checkoutSteps .buttons-set .my-account .btn-add span, .my-account .opc#checkoutSteps .buttons-set .btn-add span, .opc#checkoutSteps .buttons-set .btn-blue span span, .opc#checkoutSteps .buttons-set .checkout-types li .btn-checkout span span, .checkout-types li .opc#checkoutSteps .buttons-set .btn-checkout span span, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .btn-checkout span span, .cart-totals .checkout-types .opc#checkoutSteps .buttons-set .btn-checkout span span, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .btn-cart span span, body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set .btn-cart span span, .opc#checkoutSteps .buttons-set .wishlist-management button span span, .wishlist-management .opc#checkoutSteps .buttons-set button span span, .opc#checkoutSteps .buttons-set #wishlist-table .btn-cart span span, #wishlist-table .opc#checkoutSteps .buttons-set .btn-cart span span, .opc#checkoutSteps .buttons-set .my-account .btn-add span span, .my-account .opc#checkoutSteps .buttons-set .btn-add span span { color: white; } .opc#checkoutSteps .buttons-set .btn-blue:hover, .opc#checkoutSteps .buttons-set .checkout-types li .btn-checkout:hover, .checkout-types li .opc#checkoutSteps .buttons-set .btn-checkout:hover, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .btn-checkout:hover, .cart-totals .checkout-types .opc#checkoutSteps .buttons-set .btn-checkout:hover, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .btn-cart:hover, body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set .btn-cart:hover, .opc#checkoutSteps .buttons-set .wishlist-management button:hover, .wishlist-management .opc#checkoutSteps .buttons-set button:hover, .opc#checkoutSteps .buttons-set #wishlist-table .btn-cart:hover, #wishlist-table .opc#checkoutSteps .buttons-set .btn-cart:hover, .opc#checkoutSteps .buttons-set .my-account .btn-add:hover, .my-account .opc#checkoutSteps .buttons-set .btn-add:hover { background: #00004f; border: 1px solid #00004f; } .opc#checkoutSteps .buttons-set .btn-blue.btn-big, .opc#checkoutSteps .buttons-set .add-to-links a.btn-blue, .add-to-links .opc#checkoutSteps .buttons-set a.btn-blue, .opc#checkoutSteps .buttons-set .add-to-links .cart-totals .checkout-types a.btn-checkout, .add-to-links .cart-totals .checkout-types .opc#checkoutSteps .buttons-set a.btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .add-to-links a.btn-checkout, .cart-totals .checkout-types .add-to-links .opc#checkoutSteps .buttons-set a.btn-checkout, .opc#checkoutSteps .buttons-set .add-to-links body.customer-account .sidebar .block .block-content .actions a.btn-cart, .add-to-links body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set a.btn-cart, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .add-to-links a.btn-cart, body.customer-account .sidebar .block .block-content .actions .add-to-links .opc#checkoutSteps .buttons-set a.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links #wishlist-table a.btn-cart, .add-to-links #wishlist-table .opc#checkoutSteps .buttons-set a.btn-cart, .opc#checkoutSteps .buttons-set #wishlist-table .add-to-links a.btn-cart, #wishlist-table .add-to-links .opc#checkoutSteps .buttons-set a.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links .my-account a.btn-add, .add-to-links .my-account .opc#checkoutSteps .buttons-set a.btn-add, .opc#checkoutSteps .buttons-set .my-account .add-to-links a.btn-add, .my-account .add-to-links .opc#checkoutSteps .buttons-set a.btn-add, .opc#checkoutSteps .buttons-set .add-to-links .split-button strong.btn-blue, .add-to-links .split-button .opc#checkoutSteps .buttons-set strong.btn-blue, .opc#checkoutSteps .buttons-set .add-to-links .split-button .cart-totals .checkout-types strong.btn-checkout, .add-to-links .split-button .cart-totals .checkout-types .opc#checkoutSteps .buttons-set strong.btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .add-to-links .split-button strong.btn-checkout, .cart-totals .checkout-types .add-to-links .split-button .opc#checkoutSteps .buttons-set strong.btn-checkout, .opc#checkoutSteps .buttons-set .add-to-links .split-button body.customer-account .sidebar .block .block-content .actions strong.btn-cart, .add-to-links .split-button body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set strong.btn-cart, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .add-to-links .split-button strong.btn-cart, body.customer-account .sidebar .block .block-content .actions .add-to-links .split-button .opc#checkoutSteps .buttons-set strong.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links .split-button #wishlist-table strong.btn-cart, .add-to-links .split-button #wishlist-table .opc#checkoutSteps .buttons-set strong.btn-cart, .opc#checkoutSteps .buttons-set #wishlist-table .add-to-links .split-button strong.btn-cart, #wishlist-table .add-to-links .split-button .opc#checkoutSteps .buttons-set strong.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links .split-button .my-account strong.btn-add, .add-to-links .split-button .my-account .opc#checkoutSteps .buttons-set strong.btn-add, .opc#checkoutSteps .buttons-set .my-account .add-to-links .split-button strong.btn-add, .my-account .add-to-links .split-button .opc#checkoutSteps .buttons-set strong.btn-add, .opc#checkoutSteps .buttons-set .checkout-types li .btn-checkout, .checkout-types li .opc#checkoutSteps .buttons-set .btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .btn-big.btn-checkout, .cart-totals .checkout-types .opc#checkoutSteps .buttons-set .btn-big.btn-checkout, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .btn-big.btn-cart, body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set .btn-big.btn-cart, .opc#checkoutSteps .buttons-set .wishlist-management button.btn-big, .wishlist-management .opc#checkoutSteps .buttons-set button.btn-big, .opc#checkoutSteps .buttons-set #wishlist-table .btn-big.btn-cart, #wishlist-table .opc#checkoutSteps .buttons-set .btn-big.btn-cart, .opc#checkoutSteps .buttons-set .my-account .btn-big.btn-add, .my-account .opc#checkoutSteps .buttons-set .btn-big.btn-add { height: 45px; font-size: 14px; padding: 7px 39px; min-width: 160px; margin-right: 30px; } .opc#checkoutSteps .buttons-set .btn-blue.btn-big#onepage-guest-register-button-test, .opc#checkoutSteps .buttons-set .add-to-links a.btn-blue#onepage-guest-register-button-test, .add-to-links .opc#checkoutSteps .buttons-set a.btn-blue#onepage-guest-register-button-test, .opc#checkoutSteps .buttons-set .add-to-links .cart-totals .checkout-types a#onepage-guest-register-button-test.btn-checkout, .add-to-links .cart-totals .checkout-types .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .add-to-links a#onepage-guest-register-button-test.btn-checkout, .cart-totals .checkout-types .add-to-links .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-checkout, .opc#checkoutSteps .buttons-set .add-to-links body.customer-account .sidebar .block .block-content .actions a#onepage-guest-register-button-test.btn-cart, .add-to-links body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .add-to-links a#onepage-guest-register-button-test.btn-cart, body.customer-account .sidebar .block .block-content .actions .add-to-links .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links #wishlist-table a#onepage-guest-register-button-test.btn-cart, .add-to-links #wishlist-table .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set #wishlist-table .add-to-links a#onepage-guest-register-button-test.btn-cart, #wishlist-table .add-to-links .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links .my-account a#onepage-guest-register-button-test.btn-add, .add-to-links .my-account .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-add, .opc#checkoutSteps .buttons-set .my-account .add-to-links a#onepage-guest-register-button-test.btn-add, .my-account .add-to-links .opc#checkoutSteps .buttons-set a#onepage-guest-register-button-test.btn-add, .opc#checkoutSteps .buttons-set .add-to-links .split-button strong.btn-blue#onepage-guest-register-button-test, .add-to-links .split-button .opc#checkoutSteps .buttons-set strong.btn-blue#onepage-guest-register-button-test, .opc#checkoutSteps .buttons-set .add-to-links .split-button .cart-totals .checkout-types strong#onepage-guest-register-button-test.btn-checkout, .add-to-links .split-button .cart-totals .checkout-types .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .add-to-links .split-button strong#onepage-guest-register-button-test.btn-checkout, .cart-totals .checkout-types .add-to-links .split-button .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-checkout, .opc#checkoutSteps .buttons-set .add-to-links .split-button body.customer-account .sidebar .block .block-content .actions strong#onepage-guest-register-button-test.btn-cart, .add-to-links .split-button body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .add-to-links .split-button strong#onepage-guest-register-button-test.btn-cart, body.customer-account .sidebar .block .block-content .actions .add-to-links .split-button .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links .split-button #wishlist-table strong#onepage-guest-register-button-test.btn-cart, .add-to-links .split-button #wishlist-table .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set #wishlist-table .add-to-links .split-button strong#onepage-guest-register-button-test.btn-cart, #wishlist-table .add-to-links .split-button .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set .add-to-links .split-button .my-account strong#onepage-guest-register-button-test.btn-add, .add-to-links .split-button .my-account .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-add, .opc#checkoutSteps .buttons-set .my-account .add-to-links .split-button strong#onepage-guest-register-button-test.btn-add, .my-account .add-to-links .split-button .opc#checkoutSteps .buttons-set strong#onepage-guest-register-button-test.btn-add, .opc#checkoutSteps .buttons-set .checkout-types li #onepage-guest-register-button-test.btn-checkout, .checkout-types li .opc#checkoutSteps .buttons-set #onepage-guest-register-button-test.btn-checkout, .opc#checkoutSteps .buttons-set .cart-totals .checkout-types .btn-big#onepage-guest-register-button-test.btn-checkout, .cart-totals .checkout-types .opc#checkoutSteps .buttons-set .btn-big#onepage-guest-register-button-test.btn-checkout, .opc#checkoutSteps .buttons-set body.customer-account .sidebar .block .block-content .actions .btn-big#onepage-guest-register-button-test.btn-cart, body.customer-account .sidebar .block .block-content .actions .opc#checkoutSteps .buttons-set .btn-big#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set .wishlist-management button.btn-big#onepage-guest-register-button-test, .wishlist-management .opc#checkoutSteps .buttons-set button.btn-big#onepage-guest-register-button-test, .opc#checkoutSteps .buttons-set #wishlist-table .btn-big#onepage-guest-register-button-test.btn-cart, #wishlist-table .opc#checkoutSteps .buttons-set .btn-big#onepage-guest-register-button-test.btn-cart, .opc#checkoutSteps .buttons-set .my-account .btn-big#onepage-guest-register-button-test.btn-add, .my-account .opc#checkoutSteps .buttons-set .btn-big#onepage-guest-register-button-test.btn-add { padding: 7px 49px 4px; height: 43px; max-width: 256px; } .opc#checkoutSteps .buttons-set p.required { float: right; margin-left: 5px; margin-bottom: 0; } .opc#checkoutSteps .buttons-set a { line-height: 20px; display: inline-block; } .opc#checkoutSteps .buttons-set .back-link { float: left; margin: 0; } .opc#checkoutSteps .buttons-set .back-link a { background: #C8C8C8; border: 1px solid #C8C8C8; color: white; padding: 8px 15px; margin: 5px 15px 0 0; } .opc#checkoutSteps .buttons-set .back-link a:hover { background: #a6a6a6; border: 1px solid #a6a6a6; } .opc#checkoutSteps .buttons-set .back-link a small { display: none; } .opc#checkoutSteps .buttons-set .back-link a.button.btn-grey, .opc#checkoutSteps .buttons-set .back-link a.btn-grey.button2, .opc#checkoutSteps .buttons-set .back-link .add-to-links a.btn-grey, .add-to-links .opc#checkoutSteps .buttons-set .back-link a.btn-grey { background: #C8C8C8; border: 1px solid #C8C8C8; color: white; } .opc#checkoutSteps .buttons-set .back-link a.button.btn-grey:hover, .opc#checkoutSteps .buttons-set .back-link a.btn-grey.button2:hover, .opc#checkoutSteps .buttons-set .back-link .add-to-links a.btn-grey:hover, .add-to-links .opc#checkoutSteps .buttons-set .back-link a.btn-grey:hover { background: #a6a6a6; border: 1px solid #a6a6a6; } .opc#checkoutSteps .buttons-set .back-link a.button.btn-grey small, .opc#checkoutSteps .buttons-set .back-link a.btn-grey.button2 small, .opc#checkoutSteps .buttons-set .back-link .add-to-links a.btn-grey small, .add-to-links .opc#checkoutSteps .buttons-set .back-link a.btn-grey small { display: none; } @media only screen and (max-width: 479px) { .opc .buttons-set .button + .buttons-set .button, .opc .buttons-set .button2 + .buttons-set .button, .opc .buttons-set .add-to-links a + .buttons-set .button, .add-to-links .opc .buttons-set a + .buttons-set .button, .opc .buttons-set .add-to-links .split-button strong + .buttons-set .button, .add-to-links .split-button .opc .buttons-set strong + .buttons-set .button, .opc .buttons-set .button + .buttons-set .button2, .opc .buttons-set .button2 + .buttons-set .button2, .opc .buttons-set .add-to-links a + .buttons-set .button2, .add-to-links .opc .buttons-set a + .buttons-set .button2, .opc .buttons-set .add-to-links .split-button strong + .buttons-set .button2, .add-to-links .split-button .opc .buttons-set strong + .buttons-set .button2, .opc .buttons-set .button + .buttons-set .add-to-links a, .add-to-links .opc .buttons-set .button + .buttons-set a, .opc .buttons-set .button2 + .buttons-set .add-to-links a, .add-to-links .opc .buttons-set .button2 + .buttons-set a, .opc .buttons-set .add-to-links a + .buttons-set a, .add-to-links .opc .buttons-set a + .buttons-set a, .opc .buttons-set .add-to-links .split-button strong + .buttons-set a, .add-to-links .split-button .opc .buttons-set strong + .buttons-set a, .opc .buttons-set .button + .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .opc .buttons-set .button + .buttons-set strong, .opc .buttons-set .button2 + .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .opc .buttons-set .button2 + .buttons-set strong, .opc .buttons-set .add-to-links a + .buttons-set .split-button strong, .opc .buttons-set .add-to-links .split-button a + .buttons-set strong, .add-to-links .opc .buttons-set a + .buttons-set .split-button strong, .add-to-links .split-button .opc .buttons-set a + .buttons-set strong, .opc .buttons-set .add-to-links .split-button strong + .buttons-set strong, .add-to-links .split-button .opc .buttons-set strong + .buttons-set strong, .paypal-express-review .buttons-set .button + .buttons-set .button, .paypal-express-review .buttons-set .button2 + .buttons-set .button, .paypal-express-review .buttons-set .add-to-links a + .buttons-set .button, .add-to-links .paypal-express-review .buttons-set a + .buttons-set .button, .paypal-express-review .buttons-set .add-to-links .split-button strong + .buttons-set .button, .add-to-links .split-button .paypal-express-review .buttons-set strong + .buttons-set .button, .paypal-express-review .buttons-set .button + .buttons-set .button2, .paypal-express-review .buttons-set .button2 + .buttons-set .button2, .paypal-express-review .buttons-set .add-to-links a + .buttons-set .button2, .add-to-links .paypal-express-review .buttons-set a + .buttons-set .button2, .paypal-express-review .buttons-set .add-to-links .split-button strong + .buttons-set .button2, .add-to-links .split-button .paypal-express-review .buttons-set strong + .buttons-set .button2, .paypal-express-review .buttons-set .button + .buttons-set .add-to-links a, .add-to-links .paypal-express-review .buttons-set .button + .buttons-set a, .paypal-express-review .buttons-set .button2 + .buttons-set .add-to-links a, .add-to-links .paypal-express-review .buttons-set .button2 + .buttons-set a, .paypal-express-review .buttons-set .add-to-links a + .buttons-set a, .add-to-links .paypal-express-review .buttons-set a + .buttons-set a, .paypal-express-review .buttons-set .add-to-links .split-button strong + .buttons-set a, .add-to-links .split-button .paypal-express-review .buttons-set strong + .buttons-set a, .paypal-express-review .buttons-set .button + .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .paypal-express-review .buttons-set .button + .buttons-set strong, .paypal-express-review .buttons-set .button2 + .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .paypal-express-review .buttons-set .button2 + .buttons-set strong, .paypal-express-review .buttons-set .add-to-links a + .buttons-set .split-button strong, .paypal-express-review .buttons-set .add-to-links .split-button a + .buttons-set strong, .add-to-links .paypal-express-review .buttons-set a + .buttons-set .split-button strong, .add-to-links .split-button .paypal-express-review .buttons-set a + .buttons-set strong, .paypal-express-review .buttons-set .add-to-links .split-button strong + .buttons-set strong, .add-to-links .split-button .paypal-express-review .buttons-set strong + .buttons-set strong { margin-left: 0; } } .opc #opc-login .blueacorn_discountblockcheckout_form { display: none; } @media only screen and (min-width: 765px) { .opc #opc-login .step-title { display: none !important; } } .opc #opc-login .step { padding: 0px; } .opc #opc-login .buttons-set { border-top: 0; padding-top: 5px; margin-left: 1px; letter-spacing: 0px; } .opc #opc-login .buttons-set button.button.continueBtn, .opc #opc-login .buttons-set button.continueBtn.button2 { display: none; } @media only screen and (min-width: 765px) { .opc #opc-login .buttons-set #onepage-guest-register-button-test { min-width: 256px; } } .opc #opc-login .col-2 .buttons-set { padding-top: 13px; } .opc #opc-login .col-2 .buttons-set button.btn-big.button, .opc #opc-login .col-2 .buttons-set button.btn-big.button2, .opc #opc-login .col-2 .buttons-set .checkout-types li button.button2.btn-checkout, .checkout-types li .opc #opc-login .col-2 .buttons-set button.button2.btn-checkout, .opc #opc-login .col-2 .buttons-set .checkout-types li button.button.btn-checkout, .checkout-types li .opc #opc-login .col-2 .buttons-set button.button.btn-checkout { font-size: 13px; min-width: inherit; padding: 7px 30px; line-height: 12px; } @media only screen and (max-width: 479px) { .opc #opc-login .col-2 .buttons-set { width: 100%; } } @media only screen and (max-width: 599px) { .opc #opc-login h3 { margin-top: 30px; } .opc #opc-login #login-form ul li input { width: 100%; } } @media only screen and (max-width: 765px) { .opc #opc-login h3 { margin: 0 auto; width: 80%; } .opc #opc-login #login-form ul li input { width: 100%; } } @media only screen and (max-width: 765px) { .opc #opc-login .description, .opc #opc-login p.required { display: none; } } #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: compact(compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false) false false); -webkit-transition: compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false); transition: compact(compact(opacity 300ms linear 0), false, false, false, false, false, false, false, false, false); } .opc.opc-firststep-login .section#opc-login .step-title .number { -webkit-transition: compact(compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false) false false); -webkit-transition: compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false); transition: compact(compact(width 80ms linear 0), false, false, false, false, false, false, false, false, false); } .opc.opc-firststep-login .section#opc-login .step-title h2 { -webkit-transition: compact(compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false) false false); -webkit-transition: compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false); transition: compact(compact(margin-left 80ms linear 0), false, false, false, false, false, false, false, false, false); } /* 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; } /* Display right side progress block on initial checkout page / steps below are still hidden */ body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login { opacity: 1; } 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 { clear: both; margin: 0 0 5px; font-weight: bold; font-size: 13px; color: #000018; line-height: 20px; letter-spacing: 1px; font-weight: bold; } .sp-methods dd li { margin: 5px 0; } .sp-methods label img { float: left; } .sp-methods label a { float: left; margin-left: 10px; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; padding-right: 20px; } .sp-methods .form-list li { margin: 0 0 8px; } .sp-methods .form-list .select-container { clear: none; min-width: 60px; } .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; } @media only screen and (max-width: 479px) { .sp-methods .checkmo-list { padding-left: 0; } .sp-methods .checkmo-list label { width: 135px; } } .sp-methods .release-amounts { margin: 0.5em 0; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .opc-has-progressed-from-login .block-progress .block-content { margin-left: -1px; } /* One Page Checkout */ .block-progress { border: 0; margin: 0; padding-left: 0px; } .block-progress .block-content { font-size: 13px; } .block-progress .block-content dl > div { border-bottom: 1px solid; } .block-progress .block-content dl > div.active { border-bottom: 2px solid #001871; } .block-progress .block-content dl > div.active .opc-number { display: none; } .block-progress .block-content dl > div.active:before { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -33px -95px; width: 11px; height: 11px; display: inline-block; margin-right: 6px; position: relative; top: 2px; margin-left: 2px; } .block-progress .block-content dl > div.active dt { color: #001871; } .block-progress .block-content dl > div.complete .opc-number { display: none; } .block-progress .block-content dl > div .opc-number { display: inline-block; padding-left: 11px; font-size: 11px; } .block-progress .block-content dl > div dt { display: inline-block; padding: 20px 0px 17px 17px; font-size: 11px; } .block-progress .block-content dl > div dt.complete { padding-left: 10px; padding-top: 22px; margin-bottom: 2px; } .block-progress .block-content dl > div dt.complete:before { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -64px -806px; width: 11px; height: 8px; display: inline-block; margin-right: 15px; } .block-progress .block-content dl > div#shipping-progress-opcheckout dt { padding-top: 21px; padding-bottom: 16px; } .block-progress .block-content dl > div#shipping_method-progress-opcheckout dt { padding-top: 22px; padding-bottom: 15px; } .block-progress .block-content dl > div#payment-progress-opcheckout dt { padding-top: 23px; padding-bottom: 14px; } .block-progress .block-content dl > div#review-progress-opcheckout dt { padding-top: 24px; padding-bottom: 14px; } .block-progress dt { padding-top: 6px; margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; text-transform: uppercase; font-weight: normal; color: #929292; } .block-progress dt.complete { color: #000018; } .block-progress dd { padding-left: 33px; margin-bottom: 10px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; color: #646464; } .block-progress dd address { margin-bottom: 12px; line-height: 18px; } .block-progress dd .ship-meth-prog { margin-bottom: 16px; } .block-progress dd.complete { padding-left: 39px; padding-bottom: 18px; } .block-progress dd.complete .changelink { text-transform: uppercase; font-size: 11px; } .block-progress dd.complete .changelink a { padding-right: 4px; } .block-progress dd.complete .changelink:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -33px -79px; width: 11px; height: 11px; display: inline-block; margin-left: 6px; } .block-progress #payment-progress-opcheckout .subtitle { margin-bottom: 3px; } .block-progress .payment-info dt { padding: 0; margin: 0 0 3px 0; color: #929292; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-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; } #checkout-step-review .promoCode { padding: 30px 0px 60px; font-size: 13px; } #checkout-step-review .promoCode #giftcard-form { margin-top: 15px; } #checkout-step-review .promoCode a.button2.check-gc-status { line-height: 24px; font-size: 13px; width: 100%; } #checkout-step-review .promoCode button.checkout_giftcard, #checkout-step-review .promoCode button.checkout_coupon { margin: 20px 0 0 0; width: 100%; font-size: 13px; } #checkout-step-review .opc-prog-subt { font-size: 18px; font-weight: 500; color: #000018; text-transform: uppercase; padding-left: 7px; } #checkout-step-review .opc-prog-subt span.subt { float: right; } /* show/hide "change" link for progress step depend on complete status should be placed in .css file */ .opc-block-progress dd.complete a, .opc-block-progress dd.complete .separator { display: inline; } .opc-block-progress dd a, .opc-block-progress dd .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%; } @media only screen and (max-width: 479px) { #checkout-step-review .opc-block-progress .block-content > dl > div { float: none; width: auto; } } #checkout-step-review .opc-block-progress .block-content .changelink { display: none; } @media only screen and (max-width: 979px) { #checkout-step-review .opc-block-progress { display: none; } } @media only screen and (max-width: 479px) { #checkout-review-table thead > tr > th { display: none; } #checkout-review-table thead > tr > th:first-child { display: block; border-bottom: 0px; } } #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: 30px; } .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: 15px; } .gift-message-form .inner-box > div.extra-options-container p { margin-bottom: 15px; } .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: 10px; margin-bottom: 10px; border-bottom: solid 1px #C8C8C8; } .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; } #checkout-step-login .col2-set { position: relative; } #checkout-step-login .col2-set .col-1 { position: absolute; top: 0px; left: 0px; height: 100%; } #checkout-step-login .col2-set .col-1 button.button, #checkout-step-login .col2-set .col-1 button.button2 { width: 100%; } #checkout-step-login .col2-set .col-1 li.control label[for='login:register'] { display: none; } @media only screen and (max-width: 765px) { #checkout-step-login .col2-set .col-1 { position: relative; padding-bottom: 0px; } #checkout-step-login .col2-set .col-1 li.control { text-align: center; } #checkout-step-login .col2-set .col-1 li.control label.guestBtn { margin-top: 0px; } #checkout-step-login .col2-set .col-1 button#onepage-guest-register-button-test, #checkout-step-login .col2-set .col-1 li.control label.guestBtn { width: 100%; } #checkout-step-login .col2-set .col-1 div.divOR { display: none; } } @media only screen and (max-width: 599px) { #checkout-step-login .col2-set .col-1 li.control label.guestBtn { min-width: 0; max-width: 100% !important; padding: 7px 0 !important; text-align: center; width: 80%; margin: 0 auto; float: none; display: block; } #checkout-step-login .col2-set .col-1 button#onepage-guest-register-button-test { max-width: 100% !important; width: 80%; margin: 0 auto; display: block; } #checkout-step-login .col2-set .col-1 button#onepage-guest-register-button-test.btn-big, #checkout-step-login .col2-set .col-1 .checkout-types li button#onepage-guest-register-button-test.btn-checkout, .checkout-types li #checkout-step-login .col2-set .col-1 button#onepage-guest-register-button-test.btn-checkout { display: block; float: none; } #checkout-step-login .col2-set .col-1 button#onepage-guest-register-button-test.continueBtn { display: none; } } #checkout-step-login .col2-set .col-2 input[type=email], #checkout-step-login .col2-set .col-2 input[type=search], #checkout-step-login .col2-set .col-2 input[type=number], #checkout-step-login .col2-set .col-2 input[type=password], #checkout-step-login .col2-set .col-2 input[type=tel], #checkout-step-login .col2-set .col-2 input[type=text] { width: 257px; height: 45px; } @media only screen and (max-width: 765px) { #checkout-step-login .col2-set .col-2 { float: left; clear: both; } } @media only screen and (max-width: 765px) { body.checkout-onepage-index:not(.opc-has-progressed-from-login) #checkout-step-login .col2-set .col-1 { border-right: 0px; } } @media only screen and (max-width: 765px) { body.checkout-onepage-index:not(.opc-has-progressed-from-login) #checkout-step-login .col2-set .col-1 { width: 100%; padding-top: 80px; } } @media only screen and (max-width: 765px) { body.checkout-onepage-index:not(.opc-has-progressed-from-login) #checkout-step-login .col2-set .col-2 { float: right; clear: both; width: 100%; margin: 0 auto; float: none; } } @media only screen and (max-width: 599px) { body.checkout-onepage-index:not(.opc-has-progressed-from-login) #checkout-step-login .col2-set .col-2 { padding-top: 0px; position: relative; top: 30px; float: left; padding-left: 0px; padding-right: 0px; width: 100%; } } @media only screen and (max-width: 765px) { .checkout-onepage-index .opc-firststep-login#checkoutSteps li#opc-login .step-title { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) { display: block; position: static; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title .number { left: 20%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title h2, .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) { display: block; position: static; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title .number { left: 30%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title h2, .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) { display: block; position: static; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title .number { left: 40%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title h2, .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) { display: block; position: static; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title .number { left: 50%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title h2, .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) { display: block; position: static; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title .number { left: 60%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title h2, .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) { display: block; position: static; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title .number { left: 10%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title h2, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) { display: block; position: static; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title .number { left: 20%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title h2, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) { display: block; position: static; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title .number { left: 30%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title h2, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) { display: block; position: static; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title .number { left: 40%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title h2, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) { display: block; position: static; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title .number { left: 50%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title h2, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).complete .step-title .number { color: #929292; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) { display: block; position: static; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) .step-title { position: static; margin-top: 14px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) .step-title .number { left: 60%; top: 128px; position: absolute; font-size: 23px; color: #000018; padding-top: 14px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) .step-title h2, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) .step-title a { display: none; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title .number { font-size: 40px; color: #001871; border-bottom: 2px solid #001871; line-height: 36px; top: 122px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title .number:after { content: ""; background: url("../images/rm_icon_sprite.png") no-repeat -32px -130px; width: 11px; height: 11px; display: block; position: relative; top: 19px; left: 3px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title h2 { display: block; position: absolute; top: 75px; left: 41px; } .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).complete .step-title .number { color: #929292; } .opc #opc-login.active .step-title .number { display: none; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title .number { left: 0; } } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(2).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(1).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5).active .step-title .number:after { display: none; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6) .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title .number, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title .number { border: none !important; left: 80px !important; top: 55px !important; } html.ie9 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title .number:after, html.ie8 .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(6).active .step-title .number:after { display: none; } @media only screen and (min-width: 600px) and (max-width: 765px) { .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title .number { left: 20.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title .number { left: 45.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title .number { left: 70.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title .number { left: 95.5%; } .step-title:after { width: 95% !important; } } @media only screen and (min-width: 480px) and (max-width: 599px) { .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title .number { left: 20.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title .number { left: 45.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title .number { left: 70.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title .number { left: 95.5%; } } @media only screen and (max-width: 479px) { .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(3) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(2) .step-title .number { left: 20.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(4) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(3) .step-title .number { left: 45.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(5) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(4) .step-title .number { left: 70.5%; } .checkout-onepage-index .opc-firststep-login#checkoutSteps .section:nth-of-type(6) .step-title .number, .checkout-onepage-index .opc-firststep-billing#checkoutSteps .section:nth-of-type(5) .step-title .number { left: 95.5%; } } .checkout-onepage-index.opc-has-progressed-from-login div.blueacorn_discountblockcheckout_sidebar.hidden { display: none; } .monkey-news input { margin-left: 12px; } .monkey-news .monkey-check-label { padding-left: 8px; position: relative; bottom: 6px; } .monkey-news .list-name { display: none; } .order-review .monkey-news { display: none; } @media only screen and (min-width: 766px) { .checkout-onepage-index .footer-container { padding-top: 40px; } } html.resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .input-text { font-size: 13px; } /** @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 { border-radius: 3px; } .swatch-link, .swatch-label { display: block; border-radius: 3px; font-size: 14px; text-align: center; color: #666666; text-decoration: none; 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; 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 ============================================ */ .customer-account-login .scaffold-form label:first-child { width: 125px; } .customer-account-login .col2-set .buttons-set { text-align: left; border-top: 0; } .customer-account-login .col2-set .buttons-set button, .customer-account-login .col2-set .buttons-set .button, .customer-account-login .col2-set .buttons-set .button2, .customer-account-login .col2-set .buttons-set .add-to-links a, .add-to-links .customer-account-login .col2-set .buttons-set a, .customer-account-login .col2-set .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .customer-account-login .col2-set .buttons-set strong { float: none; min-width: 50%; margin: 0; } .customer-account-login .col2-set .col-1 ul { list-style: disc; padding-left: 20px; margin: 10px 0 20px 0; } @media only screen and (min-width: 480px) { .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-top: 0; margin-top: 20px; } .customer-account-login .col2-set .col-1 { padding-right: 20px; } .customer-account-login .col2-set .col-2 { padding-left: 20px; border-left: 1px solid #C8C8C8; } } @media only screen and (min-width: 765px) { .customer-account-login .col2-set .col-1 { padding-right: 0; } .customer-account-login .col2-set .col-2 { padding-left: 60px; border-left: 1px solid #C8C8C8; } } @media only screen and (max-width: 479px) { .customer-account-login .col2-set .col-1 { padding-bottom: 30px; } .customer-account-login .col2-set .col-2 { padding-top: 30px; border-top: 1px solid #C8C8C8; } } @media only screen and (max-width: 765px) { .customer-account-login .col2-set p.required { display: none; } } .customer-account-create .scaffold-form label:first-child { width: 150px; } .opc #opc-login p:not(.required) { font-style: italic; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 13px; color: #929292; } .remember-me-box a.hide { display: none; } .remember-me-box .link-tip { font-size: 13px; padding-left: 10px; } .remember-me-popup { display: none; padding: 10px; position: relative; color: #646464; background: #F3F3F3; } .remember-me-popup.show { display: block; } .remember-me-popup p { font-family: "Verlag A", "Verlag B", Verdana, Arial, 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 .buttons-set { max-width: 455px; } .customer-account-create .page-title h1 { border: none; } @media only screen and (max-width: 479px) { .customer-account-create .fieldset, .customer-account-create .buttons-set { margin-left: 0; } } .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: 30px; max-width: 400px; } @media only screen and (max-width: 479px) { .customer-account-forgotpassword .fieldset, .customer-account-forgotpassword .buttons-set { margin-left: 0; } } .customer-account-forgotpassword .fieldset .input-box input.input-text { width: 100%; } /* ============================================ * My Account Global Styles ============================================ */ body.customer-account .main-container { margin-top: 35px; } body.customer-account .block-account .block-title strong span { line-height: 26px; } body.customer-account .my-account .page-title h1 { border: 0; text-align: left; font-size: 18px; font-weight: 500; color: #000018; line-height: 26px; letter-spacing: 1px; text-transform: uppercase; } .ie9 body.customer-account .my-account .page-title h1 { height: 26px; width: 100%; box-sizing: content-box; } body.customer-account .my-account .welcome-msg strong { text-transform: uppercase; color: #000018; letter-spacing: 1px; margin-bottom: 5px; display: inline-block; font-weight: 500; } 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, body.customer-account .my-account .title-buttons .button2, body.customer-account .my-account .title-buttons .add-to-links a, .add-to-links body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons .add-to-links .split-button strong, .add-to-links .split-button body.customer-account .my-account .title-buttons strong { 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: 11px; font-weight: 600; } body.customer-account .my-account .fieldset { margin-top: 30px; margin-bottom: 30px; } body.customer-account .my-account .account-balance { margin-bottom: 15px; } body.customer-account .data-table { margin-top: 5px; } body.customer-account .data-table td a { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; text-transform: uppercase; font-style: normal; font-size: 13px; } body.customer-account .data-table td a.btn-remove { font-size: 0px; } body.customer-account .sidebar .block ol#compare-items li { margin: 10px 0; } body.customer-account .sidebar .block .block-content p.block-subtitle { margin-bottom: 15px; } body.customer-account .sidebar .block .block-content .actions { margin-top: 30px; } body.customer-account .sidebar .block .block-content .actions .btn-cart { height: 30px; } 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: 15px; } 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: 40px; float: left; margin-right: 10px; } .form-list .customer-dob .dob-year { width: 80px; float: left; } /* ============================================ * Dashboard ============================================ */ .dashboard .box-head { margin-top: 30px; border-bottom: 1px solid #C8C8C8; padding-bottom: 7px; } .dashboard .box-head h2 { font-size: 15px; font-weight: 500; display: inline-block; margin-bottom: 0; color: #000018; text-transform: uppercase; letter-spacing: 1px; } .dashboard .box-head a { padding: 10px; } .dashboard .box-title a, .dashboard .box-head a { text-transform: uppercase; font-size: 12px; } .dashboard .box-account { padding-bottom: 40px; border-bottom: 1px solid #C8C8C8; margin-bottom: 45px; } .dashboard .box-account p, .dashboard .box-account address { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-style: italic; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 12.0968%; padding-bottom: 0; } .dashboard .col2-set .col-1 .box-title, .dashboard .col2-set .col-2 .box-title { position: relative; padding-bottom: 10px; } .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: 500; font-size: 11px; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; color: #000018; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: absolute; top: -10px; right: -10px; padding: 10px; line-height: 15.4px; } .dashboard .box-reviews.box-account { padding-bottom: 0; } .dashboard .box-reviews li { padding: 10px 0; border-top: 1px solid #C8C8C8; } .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: "Verlag A", "Verlag B", Verdana, Arial, 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { padding-bottom: 0; } .my-account .addresses-list .item { margin: 0 0 30px 0; } .my-account .addresses-list .item p { margin-top: 10px; } @media only screen and (max-width: 765px) { .my-account .addresses-list .col-1, .my-account .addresses-list .col-2 { width: 100%; padding-left: 0; padding-right: 0; } .my-account .addresses-list .col-1 li.empty, .my-account .addresses-list .col-2 li.empty { width: 100%; } } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a { white-space: nowrap; } } /* ============================================ * Order View ============================================ */ .order-info { padding-bottom: 10px; border-bottom: 1px solid #C8C8C8; width: 100%; margin-bottom: 30px; } .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: "Verlag A", "Verlag B", Verdana, Arial, 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 #C8C8C8; } .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: 11px; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .order-info-box .box-content td, .order-info-box .box-content th { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; line-height: 1.3; } .order-info-box .box-content th { padding-top: 10px; } .order-info-box .box-content td { padding-left: 15px; } .order-info-box .box-content strong { font-family: "Verlag A", "Verlag B", Verdana, Arial, 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; } @media only screen and (max-width: 599px) { #my-orders-table .option-label { margin-left: 20px; } #my-orders-table .option-value { margin-left: 35px; } #my-orders-table td[data-rwd-label=Qty] .nobr br { display: none; } #my-orders-table td[data-rwd-label=Qty] .nobr strong { margin-right: 10px; } #my-orders-table tr.bundle { border-color: #C8C8C8; } #my-orders-table tr.bundle.child td[data-rwd-label] { padding-left: 60px; } #my-orders-table tbody:last-child tr:last-child td { padding-bottom: 10px; border-bottom: 0; } #my-orders-table tbody:last-child tr:last-child td:last-child { padding-bottom: 15px; } #my-orders-table tfoot tr.shipping { margin-top: 0; } } .order-additional { margin: 40px 0; } .order-gift-message dd { margin-top: 10px; } @media only screen and (max-width: 1199px) { .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { padding-right: 30px; padding-bottom: 0; } } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons { text-align: left; } body.customer-account .my-account .title-buttons span.separator, body.customer-account .my-account .title-buttons a { top: -12px; } .data-table span.nobr { white-space: normal; } .data-table span.nobr a { white-space: nowrap; } .data-table .separator { display: none; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: static; padding: 0; } } @media only screen and (max-width: 765px) { body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship { display: none; } .order-info-box .box-content { clear: left; } .addresses-list .item { float: left; width: 50%; padding-right: 30px; } .order-info dt { display: none; } .dashboard .page-title { margin-top: 20px; } .dashboard .page-title h1 { margin-top: 0; } .dashboard .welcome-msg { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .dashboard .welcome-msg .hello { font-style: italic; } .dashboard .box-account { padding-bottom: 15px; margin-bottom: 30px; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 48%; padding-right: 0; padding-left: 0; } .dashboard .col2-set .col-1 { float: left; margin-right: 4%; } .dashboard .col2-set .col-2 { float: right; } } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control { padding-left: 0; } } @media only screen and (max-width: 530px) { .data-table.orders td.status, .data-table.orders th.status { display: none; } } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1 { text-align: center; } body.customer-account .my-account .title-buttons { text-align: center; } body.customer-account .my-account .title-buttons .button, body.customer-account .my-account .title-buttons .button2, body.customer-account .my-account .title-buttons .add-to-links a, .add-to-links body.customer-account .my-account .title-buttons a, body.customer-account .my-account .title-buttons .add-to-links .split-button strong, .add-to-links .split-button body.customer-account .my-account .title-buttons strong { width: 100%; position: static; margin-bottom: 15px; } body.customer-account .my-account .fieldset h2 { margin-bottom: 15px; } body.customer-account .my-account .order-details h2 { margin-bottom: 15px; } body.customer-account .my-account .buttons-set { border-top: 0; } body.customer-account .my-account .addresses-list .item { margin-bottom: 15px; padding-right: 0; float: none; width: auto; } body.customer-account .my-account .addresses-list h2 { margin-bottom: 15px; } .order-info { margin-top: 15px; } .data-table.orders .link-reorder, .data-table.orders .date { display: none; } .data-table.orders td.view { text-align: right; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { width: 100%; margin-top: 15px; } .dashboard .col2-set .col-1 .box-title a, .dashboard .col2-set .col-2 .box-title a { position: absolute; padding: 10px; } .order-info-box { margin: 0; } .order-info-box .col-1, .order-info-box .col-2 { width: 100%; border-bottom: 1px solid #C8C8C8; padding: 15px 0; } .order-info-box + .order-info-box { padding-bottom: 0; border-bottom: 0; margin-bottom: 30px; } #my-reviews-table .nobr { white-space: normal; } } /* ============================================ * 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 #e2e2e2; padding-top: 10px; } /* ============================================ * Contacts ============================================ */ @media only screen and (max-width: 765px) { .contacts-index-index .col-main { padding: 12px; } } .contacts-index-index textarea { max-width: 365px; width: 100%; padding: 12px 16px; } .contacts-index-index p { margin-bottom: 10px; font-size: 12px; } .contacts-index-index p.required { max-width: 365px; text-align: right; } .contacts-index-index .buttons-set { max-width: 365px; } @media only screen and (max-width: 599px) { .contacts-index-index .buttons-set { max-width: 330px; margin-left: 0; } .contacts-index-index .buttons-set button { float: left; margin-left: 0px; } .contacts-index-index .buttons-set p.required { float: right; } } /* ============================================ * PayPal ============================================ */ @media only screen and (max-width: 865px) and (min-width: 766px) { .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { padding: 0px; } } .paypal-review-order .info-set { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; } .paypal-review-order .buttons-set { margin-top: 0px; padding-top: 0px; border: 0; } .paypal-review-order .buttons-set button { margin-bottom: 10px; } @media only screen and (max-width: 765px) { .paypal-review-order .col-1 { padding-bottom: 0; } .paypal-review-order .field.inactive { display: none; } } .bml-ad { display: none; } .bml-ad.small img { margin: auto; max-width: 100%; } @media only screen and (max-width: 799px) { .bml-ad.small { display: block; } } @media only screen and (min-width: 800px) { .bml-ad.large { display: block; } } div.paypal-logo { text-align: center; margin: 15px 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; } .paypal-express-review { font-size: 14px; line-height: 18px; } .paypal-express-review .info-set { padding: 0 40px 30px; } @media only screen and (max-width: 765px) { .paypal-express-review .info-set { padding: 0 20px 20px; } } .paypal-express-review h1 { font-size: 30px; line-height: 80px; } .paypal-express-review h2 { font-size: 22px; margin: 0; } .paypal-express-review h2 a { font-size: 14px; text-transform: capitalize; font-weight: bold; letter-spacing: 0; } .paypal-express-review h3 { font-size: 14px; } .paypal-express-review h3 a { font-size: 14px; text-transform: capitalize; font-weight: bold; letter-spacing: 0; } .paypal-express-review .data-table { margin-top: 15px; } .paypal-express-review .data-table th { color: #000018; } .paypal-express-review .data-table td { padding: 15px; color: #000018; font-size: 18px; line-height: 22px; } .paypal-express-review .data-table tfoot td { padding: 10px; } .paypal-express-review .data-table tfoot td:last-of-type { padding-right: 20px; } .paypal-express-review .data-table tfoot tr.last td { font-size: 22px; line-height: 26px; padding-bottom: 30px; } .paypal-express-review .data-table .product-image { float: left; margin-right: 20px; } .paypal-express-review .data-table .item-options { float: left; } .paypal-express-review .data-table .p-review-info { text-align: left; } .paypal-express-review .buttons-set .button, .paypal-express-review .buttons-set .button2, .paypal-express-review .buttons-set .add-to-links a, .add-to-links .paypal-express-review .buttons-set a, .paypal-express-review .buttons-set .add-to-links .split-button strong, .add-to-links .split-button .paypal-express-review .buttons-set strong { background: #001871; border: 1px solid #001871; color: white; padding: 0 40px; font-size: 16px; line-height: 43px; height: auto; } .paypal-express-review .buttons-set .button span, .paypal-express-review .buttons-set .button2 span, .paypal-express-review .buttons-set .add-to-links a span, .add-to-links .paypal-express-review .buttons-set a span, .paypal-express-review .buttons-set .add-to-links .split-button strong span, .add-to-links .split-button .paypal-express-review .buttons-set strong span, .paypal-express-review .buttons-set .button span span, .paypal-express-review .buttons-set .button2 span span, .paypal-express-review .buttons-set .add-to-links a span span, .add-to-links .paypal-express-review .buttons-set a span span, .paypal-express-review .buttons-set .add-to-links .split-button strong span span, .add-to-links .split-button .paypal-express-review .buttons-set strong span span { color: white; } .paypal-express-review .buttons-set .button:hover, .paypal-express-review .buttons-set .button2:hover, .paypal-express-review .buttons-set .add-to-links a:hover, .add-to-links .paypal-express-review .buttons-set a:hover, .paypal-express-review .buttons-set .add-to-links .split-button strong:hover, .add-to-links .split-button .paypal-express-review .buttons-set strong:hover { background: #00004f; border: 1px solid #00004f; } .paypal-express-review .select-container { width: 100%; max-width: 300px; } .paypal-express-review .select-container select { opacity: 1; width: 100% !important; position: static; } .paypal-express-review .select-container .custom-shiv { display: none; } /* ============================================ * Review - Customer ============================================ */ #review-form textarea.validation-failed { border-color: #FF0000; } .rating-group { padding: 10px 0; } .rating-group .rating-label-msg span.hover-text { display: none; } .rating-group.hovered .rating-label-msg span.hover-text { display: inline; } .rating-label-msg { display: inline-block; } .rating-label-msg:after { content: attr(data-value); display: inline-block; } .rating-label-msg .hover-text { display: none; } .rating-label-msg.hovered { display: inline-block; } .rating-label-msg.hovered:after { display: none; } .rating-label-msg.hovered .hover-text { display: inline; } .rating-label-msg.chosen { display: inline-block; } #review-form .rating-label { margin-right: 15px; text-transform: uppercase; min-width: 50px; display: inline-block; } .rating-box-single { position: relative; width: 112px; display: inline-block; } .rating-box-single .rating-1, .rating-box-single .rating-2, .rating-box-single .rating-3, .rating-box-single .rating-4, .rating-box-single .rating-5 { position: absolute; left: 0px; top: -14px; } .rating-box-single .rating-1:hover, .rating-box-single .rating-2:hover, .rating-box-single .rating-3:hover, .rating-box-single .rating-4:hover, .rating-box-single .rating-5:hover { background-position: 0 -1287px; } .rating-box-single .rating-1 label, .rating-box-single .rating-1 input, .rating-box-single .rating-2 label, .rating-box-single .rating-2 input, .rating-box-single .rating-3 label, .rating-box-single .rating-3 input, .rating-box-single .rating-4 label, .rating-box-single .rating-4 input, .rating-box-single .rating-5 label, .rating-box-single .rating-5 input { display: none; } .rating-box-single .rating.hovered, .rating-box-single .rating.rated { background-position: 0 -1287px; } .rating-box-single .rating-1 { left: 0%; } .rating-box-single .rating-2 { left: 20%; } .rating-box-single .rating-3 { left: 40%; } .rating-box-single .rating-4 { left: 60%; } .rating-box-single .rating-5 { left: 80%; } .rating-box-single .rating-1, .rating-box-single .rating-2, .rating-box-single .rating-3, .rating-box-single .rating-4, .rating-box-single .rating-5 { background-position: 0 -1312px; background-repeat: repeat-x; float: left; height: 19px; width: 19px; text-indent: -9999px; /*&:hover { background-position: 0 -1287px; }*/ } #customer-reviews { width: auto; float: none; } #customer-reviews .review-heading { border-top: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; padding: 10px 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 10px; text-transform: uppercase; } #customer-reviews .review-heading .pager .amount { display: none; } #customer-reviews h2 { color: #001871; font-size: 12px; text-transform: uppercase; } #customer-reviews h2 span { color: #929292; } #customer-reviews h3 { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; } #customer-reviews h3 span { color: #001871; } #customer-reviews .fieldset { padding-top: 25px; width: 470px; } #customer-reviews .fieldset h4 { border-bottom: 1px solid #C8C8C8; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 10px 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 #C8C8C8; border-radius: 0; min-width: 100%; -webkit-appearance: none; } #customer-reviews .fieldset .form-list input { border: 1px solid #C8C8C8; 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 10px; } #customer-reviews dl dt { margin: 10px 0; text-transform: uppercase; } #customer-reviews dl dd { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; margin: 10px 0 70px; } #customer-reviews dl dd .ratings-table { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; width: 100%; } #customer-reviews dl dd .ratings-table tr { float: left; clear: left; margin-right: 15px; padding: 0 0 10px; } #customer-reviews dl dd table { margin: 15px 0; } #customer-reviews dl dd .review-meta { color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; } .review-summary-table { border-bottom: 1px solid #C8C8C8; margin: 0 0 10px; } .review-summary-table thead { background: transparent; } .review-summary-table thead th { background: transparent; border: none; /*padding: 15px 7px 10px 8px;*/ padding: 0px; width: 20%; } .review-summary-table tbody th { background: #FFFFFF; font-size: 12px; } .review-summary-table tbody td { border: none; text-align: center; padding: 0; height: 50px; width: 20%; } .review-summary-table tbody td label { width: 100%; display: block; padding: 11px 0; } .review-summary-table tbody td label:before { left: 18%; } @media only screen and (max-width: 870px) { .review-summary-table tbody td label:before { left: 34%; } } @media only screen and (max-width: 765px) { .review-summary-table tbody td label:before { left: 18%; } } @media only screen and (max-width: 430px) { .review-summary-table tbody td label:before { left: 34%; } } .review-summary-table .rating-box { text-indent: -9999px; width: 55px; height: 9px; background-image: url("../images/rm_icon_sprite.png"); background-position: -57px -1263px; } .review-summary-table .rating-box .rating-number { display: none; /*&:after { content: ""; display: inline-block; @extend .rm-icon-sprite; background-position: 0px -599px; width: 13px; height: $f-size; margin-left: 5px; position: relative; top: 2px; }*/ } @media only screen and (max-width: 870px) { .review-summary-table .rating-box .rating-number { display: block; text-align: center; } } @media only screen and (max-width: 765px) { .review-summary-table .rating-box .rating-number { display: none; } } @media only screen and (max-width: 430px) { .review-summary-table .rating-box .rating-number { display: block; text-align: center; } } .review-summary-table .rating-box .rating { height: 9px; background-image: url("../images/rm_icon_sprite.png"); background-repeat: repeat-x; background-position: -57px -1251px; } @media only screen and (max-width: 870px) { .review-summary-table .rating-box .rating { display: none; } } @media only screen and (max-width: 765px) { .review-summary-table .rating-box .rating { display: block; } } @media only screen and (max-width: 430px) { .review-summary-table .rating-box .rating { display: none; } } @media only screen and (max-width: 870px) { .review-summary-table .rating-box { text-indent: 0px; background-image: none; height: auto; width: auto; } } @media only screen and (max-width: 765px) { .review-summary-table .rating-box { text-indent: -9999px; width: 55px; height: 9px; background-position: -57px -1263px; } } @media only screen and (max-width: 430px) { .review-summary-table .rating-box { text-indent: 0px; background-image: none; height: auto; width: auto; } } /* ============================================ * Ratings - Global ============================================ */ .ratings-table { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } .ratings-table th { padding-right: 10px; min-width: 70px; } .ratings-table .rating-box { background-position: 0 -1312px; background-repeat: repeat-x; width: 112px; height: 19px; overflow: hidden; text-indent: -9999px; background-image: url("../images/rm_icon_sprite.png"); } .ratings-table .rating-box .rating { background-position: 0 -1287px; background-repeat: repeat-x; float: left; height: 19px; text-indent: -9999px; background-image: url("../images/rm_icon_sprite.png"); } @media only screen and (max-width: 765px) { body.review-product-list .product-view .product-shop .price-info { padding-left: 0; } body.review-product-list .product-view .product-shop .extra-info { padding: 0; min-width: 84%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table { margin: 10px 0; width: 100%; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 535px) { body.review-product-list .product-view .product-shop .extra-info { min-width: 0; } body.review-product-list .product-view .product-shop .extra-info .ratings-table tr { float: none; margin-right: 0; } } @media only screen and (max-width: 520px) { #customer-reviews .fieldset { width: 100%; } #customer-reviews .fieldset .form-list { width: 100%; } #customer-reviews .fieldset .form-list .inline-label label, #customer-reviews .fieldset .form-list .inline-label .input-box { float: none; } #customer-reviews .buttons-set { width: 100%; } #customer-reviews .review-summary-table thead th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody th { padding-left: 0px; padding-right: 0px; } #customer-reviews .review-summary-table tbody td { width: 20%; padding: 0px; } #customer-reviews .review-summary-table .rating-box { text-indent: 0px; text-align: center; background: none; height: 15.4px; width: 100%; } #customer-reviews .review-summary-table .rating-box .rating { display: none; } #customer-reviews .review-summary-table .rating-box .rating-number { display: inline-block; } } @media only screen and (max-width: 450px) { #customer-reviews dl dd .ratings-table tr { float: none; } } .review-form { display: none; clear: right; overflow: hidden; } .review-form #review-form h3 { display: none; } .review-form #review-form ul.form-list { margin-top: 40px; } .review-form .form-add { margin-top: 30px; } /* ============================================ * 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%; } @media only screen and (max-width: 765px) { .review-product-view .product-review .product-img-box { max-width: 100%; } } /* ============================================ * Slideshow ============================================ */ .slideshow-container { position: relative; display: block; width: 100%; margin: 10px 0; border: 1px solid #C8C8C8; } .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; border-radius: 1px; background-color: #FFFFFF; position: relative; } .slideshow-pager span:hover:before { background-color: #f2f2f2; } .slideshow-pager span.cycle-pager-active:before { background-color: #e6e6e6; } .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 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 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 #f2f2f2 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 #f2f2f2; } .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; } /* ============================================ * Wishlist ============================================ */ #wishlist-table th { text-align: center; } #wishlist-table.clean-table { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; width: 100%; } #wishlist-table.clean-table th { border-bottom: 1px solid #E6E6E6; } #wishlist-table.clean-table th.customer-wishlist-item-selector { text-transform: none; } #wishlist-table.clean-table th.customer-wishlist-item-selector:after { content: "Select All"; display: inline-block; vertical-align: top; margin-top: 3px; color: #000018; } #wishlist-table.clean-table th.customer-wishlist-item-selector input#select-all { margin-left: 4px; } #wishlist-table.clean-table td { padding: 15px; vertical-align: top; } #wishlist-table.clean-table thead th { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } #wishlist-table .product-name { font-size: 16px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; margin-bottom: 0; text-transform: uppercase; } #wishlist-table .product-name a { color: #001871; } #wishlist-table .wishlist-sku { font-size: 11px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; margin: 5px 0; } #wishlist-table textarea { border: 1px solid #C8C8C8; width: 100%; height: 45px; font-size: 11px; font-family: "Verlag A", "Verlag B", Verdana, Arial, 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 #001871; } #wishlist-table .item-manage { text-align: right; max-width: 450px; padding-top: 5px; } #wishlist-table .item-manage .button, #wishlist-table .item-manage .button2, #wishlist-table .item-manage .add-to-links a, .add-to-links #wishlist-table .item-manage a, #wishlist-table .item-manage .add-to-links .split-button strong, .add-to-links .split-button #wishlist-table .item-manage strong { 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, #wishlist-table td.customer-wishlist-item-cart .button2, #wishlist-table td.customer-wishlist-item-cart .add-to-links a, .add-to-links #wishlist-table td.customer-wishlist-item-cart a, #wishlist-table td.customer-wishlist-item-cart .add-to-links .split-button strong, .add-to-links .split-button #wishlist-table td.customer-wishlist-item-cart strong { font-size: 12px; margin-bottom: 10px; padding: 3px 5px; width: 100%; } #wishlist-table td.customer-wishlist-item-cart .truncated { margin-bottom: 10px; } @media only screen and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-cart .truncated { margin-top: 30px; } } #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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; } #wishlist-table .price-box .price { color: #929292; } #wishlist-table .giftregisty-add { margin-top: 5px; } #wishlist-table .giftregisty-add .change { display: none; } #wishlist-table .giftregisty-add li { cursor: pointer; color: #001871; margin-bottom: 3px; } #wishlist-table .truncated .details { background: none; color: #001871; } @media only screen and (max-width: 1199px) { #wishlist-table.clean-table td { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 979px) { #wishlist-table.clean-table td { padding-left: 5px; padding-right: 5px; } #wishlist-table.clean-table td textarea { height: 100px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 110px; } #wishlist-table .product-name { font-size: 13px; } } @media only screen and (max-width: 765px) { #wishlist-table:after { content: ''; display: table; clear: both; } #wishlist-table .product-name { font-size: 16px; } #wishlist-table textarea { height: 68px; max-width: 100%; } #wishlist-table .item-manage { max-width: 100%; } #wishlist-table tr { position: relative; } #wishlist-table tr:after { content: ''; display: table; clear: both; } #wishlist-table td.customer-wishlist-item-image { width: 70px; } #wishlist-table td.customer-wishlist-item-image img { width: 70px; height: 70px; } #wishlist-table td.customer-wishlist-item-cart p { margin-bottom: 0; } #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item { margin-right: 0; padding-top: 4px; } #wishlist-table td.customer-wishlist-item-cart { padding-right: 15px; } } @media only screen and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-quantity { padding-left: 0; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table th.customer-wishlist-item-image { display: none; } } @media only screen and (max-width: 479px) { #wishlist-table tr { position: relative; } #wishlist-table th.customer-wishlist-item-image { display: block; } #wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart { width: 100%; padding-left: 0; padding-right: 0; empty-cells: hide; } #wishlist-table td.customer-wishlist-item-image { display: block; overflow: hidden; } #wishlist-table td.customer-wishlist-item-image a { float: left; } #wishlist-table td.customer-wishlist-item-image a img { width: 113px; height: 113px; } #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before { float: left; margin-right: 15px; } #wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell { text-align: left; } #wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box { margin-top: 0; } #wishlist-table td.customer-wishlist-item-cart .cart-cell { float: left; width: 48%; } #wishlist-table td.customer-wishlist-item-cart > p { float: right; width: 48%; } #wishlist-table td.customer-wishlist-item-remove { position: absolute; top: 15px; right: 0px; display: block; padding: 0px; height: 20px; } #wishlist-table.clean-table td.customer-wishlist-item-cart { width: 100%; } } /* ============================================ * 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 #C8C8C8; } /* ============================================ * Checkout - Mini cart ============================================ */ .header-minicart .minicart-message { display: block; padding: 10px; } .header-minicart .minicart-wrapper { clear: both; position: relative; } .header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .header-minicart .minicart-wrapper:before { background-color: white; opacity: 0.8; z-index: 2; } .header-minicart .minicart-wrapper:after { background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .header-minicart .minicart-wrapper.loading { position: relative; } .header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after { display: block; } .header-minicart .block-cart { display: none; } .header-minicart .block-subtitle { color: #50A4CF; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 1.4; padding: 5px; text-align: center; text-transform: uppercase; margin-bottom: 0px; } .header-minicart .block-subtitle .close { width: 40px; float: right; display: block; color: #929292; text-decoration: none; font-weight: normal; font-size: 30px; position: absolute; top: -8px; right: -3px; } .header-minicart .mini-products-list { padding: 10px; padding-top: 0px; } .header-minicart .mini-products-list li { padding: 8px 5px 8px 11px; border-bottom: 1px solid #DDDDDD; position: relative; } .header-minicart .mini-products-list li.last { border: none; } .header-minicart .mini-products-list li .product-details { position: relative; } .header-minicart .product-details .product-name { padding-top: 0px; font-weight: bold; } .header-minicart .product-details .product-name a { color: #001871; } .header-minicart .info-wrapper { margin-bottom: 0.5em; } .header-minicart .info-wrapper th { text-transform: uppercase; padding-right: 10px; } .header-minicart .info-wrapper td { color: #000018; clear: right; } .header-minicart .info-wrapper .qty-wrapper td { height: 33px; line-height: 33px; } .header-minicart .info-wrapper .qty { padding-left: 4px; padding-right: 4px; margin-right: 2px; width: 30px; } .header-minicart .info-wrapper .quantity-button { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 100ms; transition-duration: 100ms; } .header-minicart .info-wrapper .quantity-button[disabled] { cursor: default; } .header-minicart .info-wrapper .quantity-button.visible { opacity: 1; } .header-minicart .subtotal { background-color: #DDDDDD; text-align: center; line-height: 2em; } .header-minicart .subtotal .label { color: white; text-transform: uppercase; } .header-minicart .subtotal .price { color: #000018; } .header-minicart .minicart-actions { padding: 10px; margin-top: 0px; overflow: hidden; position: relative; } .header-minicart .minicart-actions .checkout-button { min-width: 145px; } .header-minicart .minicart-actions .cart-link { height: 33px; line-height: 39px; text-transform: uppercase; display: block; font-size: 13px; left: 10px; bottom: 17px; position: absolute; } .header-minicart .minicart-actions .paypal-logo .paypal-or { line-height: 1.6; } .header-minicart #minicart-error-message { text-align: center; color: red; display: none; } .header-minicart #minicart-success-message { text-align: center; color: green; display: none; } .header-minicart .jcarousel-control-prev, .header-minicart .jcarousel-control-next { display: none; } .header-minicart.skip-active .block-cart, .block-cart.skip-active { display: block; } @media only screen and (max-width: 479px) { .header-minicart a.skip-cart { z-index: 1; } } @media only screen and (max-width: 765px) { .header-minicart .subtotal .label { color: #929292; } .header-minicart .minicart-wrapper:before { background-color: #EDEDED; } .header-minicart .quantity-button { float: none; } .header-minicart .header-minicart .block-cart { padding: 15px; } .header-minicart .header-minicart .block-subtitle { padding-top: 59px; } .header-minicart .minicart-actions { padding-bottom: 33px; } .header-minicart .minicart-actions .cart-link { bottom: 0; right: 10px; left: auto; } .header-minicart .minicart-actions .checkout-types.minicart li { display: inline-block; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a { display: inline; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button { display: inline-block; vertical-align: top; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { width: auto; float: none; display: inline; margin: 0 10px 5px 10px; line-height: 40px; } } @media only screen and (max-width: 670px) { .header-minicart .minicart-actions .checkout-button { width: 100%; } .header-minicart .minicart-actions .cart-link { right: auto; left: 0; text-align: center; width: 100%; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or, .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button { width: 100%; display: block; margin-left: 0; } .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or { line-height: 1.6; } } /* ============================================ * Search - Auto Suggest ============================================ */ .resp-mobile .search-autocomplete { left: 0 !important; } .search-autocomplete { overflow: visible !important; position: relative !important; top: 15px !important; width: 100% !important; z-index: 200; } .search-autocomplete ul { border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: #FFFFFF; border: 1px solid #001871; left: 0; padding-left: 0; position: absolute; top: 0; width: 100%; } .search-autocomplete ul li { border-bottom: 1px solid #F4F4F4; color: #001871; cursor: pointer; font-size: 12px; padding: 4px 6px; text-align: left; } .search-autocomplete ul li:hover { color: #001358; } .search-autocomplete ul li.selected { background-color: #001871; 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 #001871; border-top: none; left: 50%; top: -7px; } /* ============================================ * Search - Advanced ============================================ */ .advanced-search { background: #F4F4F4; border: 1px solid #C8C8C8; padding: 30px; } .advanced-search select.multiselect option { border-bottom: 1px solid #C8C8C8; padding: 2px 5px; } @media only screen and (max-width: 479px) { .advanced-search { padding: 15px; } } /* ============================================ * Account - Reviews ============================================ */ .product-review .product-img-box p.label { border-bottom: 1px solid #C8C8C8; font-size: 16px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } .product-review .product-img-box .rating-box { margin: 15px 0; } .product-review .product-details h2 { border-bottom: 1px solid #C8C8C8; color: #3399CC; font-size: 16px; font-weight: 600; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; padding-bottom: 10px; } .product-review .ratings-table { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .product-review .ratings-table th { padding-right: 10px; } .product-review .ratings-table tr { float: left; font-size: 12px; margin-right: 10px; text-transform: uppercase; } .product-review .ratings-description dt { border-bottom: 1px solid #C8C8C8; font-size: 16px; font-weight: 400; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; margin-top: 20px; padding: 10px 0; text-transform: uppercase; } .product-review .ratings-description dd { color: #737373; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 13px; } @media only screen and (min-width: 766px) { .product-review .ratings-table tr { float: none; } } @media only screen and (min-width: 1126px) { .product-review .ratings-table tr { float: left; margin-right: 15px; } } @media only screen and (max-width: 320px) { .product-review .ratings-table tr { float: none; } } /* ============================================ * CMS Pages ============================================ */ .cms-page-view .main-container .main, .cms-no-route .main-container .main { padding: 20px 15px; } .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: #929292; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 14px; font-style: italic; line-height: 24px; } .cms-page-view .std h1, .cms-no-route .std h1 { color: #000018; } .cms-page-view .std h2, .cms-no-route .std h2 { color: #000018; } .cms-page-view .std li, .cms-no-route .std li { color: #929292; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; 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: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } #accordion .toggle-tabs { display: none; } #accordion > dl > dt { display: block; } #accordion > dl > dd { padding: 10px; margin: 0; border-width: 0 1px; border-style: solid; border-color: #C8C8C8; } #accordion > dl > dd:last-child { border-width: 0 1px 1px 1px; } #accordion li { position: relative; overflow: hidden; } #accordion li .plusimage h2 { margin-right: 10px; } .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; } .page-sitemap .page-title h1 { text-align: center; } @media only screen and (min-width: 765px) { .page-sitemap .page-title h1 { padding-bottom: 2.21935%; } } .catalog-seo-sitemap-category .page-sitemap #sitemap_top_links, .catalog-seo-sitemap-category .page-sitemap .links, .catalog-seo-sitemap-product .page-sitemap #sitemap_top_links, .catalog-seo-sitemap-product .page-sitemap .links { display: none; } .catalog-seo-sitemap-category .page-sitemap .sitemap, .catalog-seo-sitemap-product .page-sitemap .sitemap { padding: 0 0 0 30px; margin-top: 30px; } .catalog-seo-sitemap-category .page-sitemap .sitemap li.smap-image-li, .catalog-seo-sitemap-product .page-sitemap .sitemap li.smap-image-li { width: 50%; float: left; padding-left: 0px; padding-right: 30px; } .catalog-seo-sitemap-category .page-sitemap .sitemap li.smap-image-li .smap-image img, .catalog-seo-sitemap-product .page-sitemap .sitemap li.smap-image-li .smap-image img { width: 100%; } @media only screen and (max-width: 865px) { .catalog-seo-sitemap-category .page-sitemap .sitemap li.smap-image-li, .catalog-seo-sitemap-product .page-sitemap .sitemap li.smap-image-li { display: none; } } .catalog-seo-sitemap-category .page-sitemap .sitemap li, .catalog-seo-sitemap-product .page-sitemap .sitemap li { line-height: 24px; padding-left: 20px; } .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 { width: 50%; float: left; margin-bottom: 30px; padding-right: 30px; padding-left: 0px; } @media only screen and (min-width: 920px) { .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0:nth-child(7), .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0:nth-child(7) { clear: both; } } @media only screen and (min-width: 1304px) { .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0:nth-child(7), .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0:nth-child(7) { clear: none; } } .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0 > a, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 > a { line-height: 24px; font-size: 18px; font-weight: 500; display: block; width: 100%; border-bottom: 3px solid #001871; } .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0 > a:hover, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 > a:hover { text-decoration: none; border-bottom: 3px solid #C8C8C8; } .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0 > ul, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 > ul { padding-top: 10px; } .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0 > ul > li.level-1, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 > ul > li.level-1 { font-size: 14px; padding-left: 0px; } .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0 > ul > li.level-1 > ul li.level-2, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 > ul > li.level-1 > ul li.level-2 { font-size: 12px; } @media only screen and (max-width: 599px) { .catalog-seo-sitemap-category .page-sitemap .sitemap > li.level-0, .catalog-seo-sitemap-product .page-sitemap .sitemap > li.level-0 { width: 100%; padding-right: 0px; } } @media only screen and (max-width: 599px) { .catalog-seo-sitemap-category .page-sitemap .sitemap, .catalog-seo-sitemap-product .page-sitemap .sitemap { padding-right: 30px; } } .contacts-index-index h1 { border: none; } #contactForm { max-width: 365px; margin: 25px 0; } #contactForm h2 { display: none; } #contactForm:after { content: ''; display: table; clear: both; } #contactForm .fieldset .legend + .required { margin: 0; } @media only screen and (max-width: 765px) { #contactForm { padding-left: 0; } } .cms-page-view .breadcrumbs { margin-left: 30px; } @media only screen and (max-width: 599px) { .cms-page-view .breadcrumbs { margin-left: 0px; } } .cms-page-view .col-main div.store-location { width: 50%; float: left; text-align: center; padding-left: 5%; text-transform: uppercase; } @media only screen and (max-width: 450px) { .cms-page-view .col-main div.store-location { width: 100%; margin-bottom: 10px; } } .cms-page-view .col-main div.store-location.large-location { width: 100%; } .cms-page-view .col-main div.store-location.large-location .store-picture { margin-top: 10px; } .cms-page-view .col-main div.store-location.small-location { width: 33.333%; margin-top: 30px; } @media only screen and (max-width: 450px) { .cms-page-view .col-main div.store-location.small-location { width: 100%; margin-top: 10px; margin-bottom: 10px; } } .cms-page-view .col-main div.store-location .store-picture { width: 100%; margin-bottom: 10px; } .cms-page-view .col-main div.store-location .store-picture img { width: 100%; } .cms-page-view .col-main div.store-location .store-info h3 { margin-bottom: 5px; line-height: 23px; } .cms-page-view .col-main div.store-location .store-info h3.store-coming-soon { font-size: 16px; font-weight: 400; } .cms-page-view .col-main div.store-location .store-info .store-hours { font-weight: 600; color: #000018; font-size: 12px; margin-top: 10px; } .cms-shipping .col-main { width: 94.0476%; margin: 50px 2.9762% 50px; } .funnel-page.cms-page-view .main-container .main { padding: 20px 0; } .funnel-page.cms-page-view .main-container .main .breadcrumbs { display: none; /*padding-left: 15px; padding-right: 15px;*/ } .funnel-page.cms-page-view .funnel-item { position: relative; margin-bottom: 65px; max-width: 100%; padding: 0; } @media only screen and (min-width: 599px) { .funnel-page.cms-page-view .funnel-item { padding: 0 40px; } } @media only screen and (min-width: 766px) { .funnel-page.cms-page-view .funnel-item { max-width: 87.75%; margin: 0 auto 48px; /*margin-bottom: 120px;*/ padding: 0; } } .funnel-page.cms-page-view .funnel-item .funnel-copy { font-size: 17px; color: #000018; text-align: center; padding: 0 20px; } @media only screen and (min-width: 599px) { .funnel-page.cms-page-view .funnel-item .funnel-copy { padding: 0; } } @media only screen and (min-width: 766px) { .funnel-page.cms-page-view .funnel-item .funnel-copy { position: absolute; top: 50%; width: 40%; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .funnel-page.cms-page-view .funnel-item .funnel-copy.right { left: 50%; } .funnel-page.cms-page-view .funnel-item .funnel-copy.left { right: 50%; } } .funnel-page.cms-page-view .funnel-item .funnel-copy p { color: #000018; font-style: normal; font-size: 13px; line-height: 21px; } @media only screen and (min-width: 766px) { .funnel-page.cms-page-view .funnel-item .funnel-copy p { font-size: 15px; line-height: 21px; } } @media only screen and (min-width: 865px) { .funnel-page.cms-page-view .funnel-item .funnel-copy p { font-size: 18px; line-height: 28px; } } @media only screen and (min-width: 1199px) { .funnel-page.cms-page-view .funnel-item .funnel-copy p { font-size: 23px; line-height: 35px; } } .funnel-page.cms-page-view .funnel-item .funnel-copy h3 { font-size: 28px; line-height: 32px; margin-top: 32px; margin-bottom: 20px; text-transform: none; } @media only screen and (min-width: 766px) { .funnel-page.cms-page-view .funnel-item .funnel-copy h3 { font-size: 32px; line-height: 40px; margin-top: 0px; } } @media only screen and (min-width: 865px) { .funnel-page.cms-page-view .funnel-item .funnel-copy h3 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 1199px) { .funnel-page.cms-page-view .funnel-item .funnel-copy h3 { font-size: 55px; line-height: 66px; margin-bottom: 30px; } } .funnel-page.cms-page-view .funnel-item .funnel-copy .button, .funnel-page.cms-page-view .funnel-item .funnel-copy .button2, .funnel-page.cms-page-view .funnel-item .funnel-copy .add-to-links a, .add-to-links .funnel-page.cms-page-view .funnel-item .funnel-copy a, .funnel-page.cms-page-view .funnel-item .funnel-copy .add-to-links .split-button strong, .add-to-links .split-button .funnel-page.cms-page-view .funnel-item .funnel-copy strong { background: transparent; border-color: #000018; border-width: 2px; color: #000018; padding-top: 13px; text-transform: none; } .funnel-page.cms-page-view .funnel-item .funnel-copy .button:hover, .funnel-page.cms-page-view .funnel-item .funnel-copy .button2:hover, .funnel-page.cms-page-view .funnel-item .funnel-copy .add-to-links a:hover, .add-to-links .funnel-page.cms-page-view .funnel-item .funnel-copy a:hover, .funnel-page.cms-page-view .funnel-item .funnel-copy .add-to-links .split-button strong:hover, .add-to-links .split-button .funnel-page.cms-page-view .funnel-item .funnel-copy strong:hover { background: #000018; color: #FFFFFF; } .funnel-page.cms-page-view .funnel-item.featured { max-width: 100%; } .funnel-page.cms-page-view .funnel-item.featured .funnel-copy p { font-size: 13px; line-height: 21px; } @media only screen and (min-width: 766px) { .funnel-page.cms-page-view .funnel-item.featured .funnel-copy p { font-size: 15px; line-height: 21px; } } @media only screen and (min-width: 865px) { .funnel-page.cms-page-view .funnel-item.featured .funnel-copy p { font-size: 18px; line-height: 28px; } } @media only screen and (min-width: 1099px) { .funnel-page.cms-page-view .funnel-item.featured .funnel-copy p { font-size: 23px; line-height: 35px; } } .funnel-page.cms-page-view .funnel-item.featured .funnel-copy h3 { font-size: 28px; line-height: 32px; margin-bottom: 20px; } @media only screen and (min-width: 766px) { .funnel-page.cms-page-view .funnel-item.featured .funnel-copy h3 { font-size: 40px; line-height: 52px; } } @media only screen and (min-width: 865px) { .funnel-page.cms-page-view .funnel-item.featured .funnel-copy h3 { font-size: 50px; line-height: 60px; } } @media only screen and (min-width: 1099px) { .funnel-page.cms-page-view .funnel-item.featured .funnel-copy h3 { font-size: 72px; line-height: 86.4px; margin-bottom: 30px; } } /* ============================================ * Pricing Conditions ============================================ */ .price-box.map-info .old-price { display: none; } .price-box .minimal-price-link .label { color: #CF5050; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; text-transform: uppercase; } /* ============================================ * 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; } @media only screen and (max-width: 979px) { .notice-cookie .notice-text { max-width: 86%; } } @media only screen and (max-width: 765px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-text { max-width: 82%; padding-top: 0; } } @media only screen and (max-width: 620px) { .notice-cookie { padding: 0 20px; } .notice-cookie .notice-inner { background-position: left 10px; } .notice-cookie .notice-inner:after { content: ''; display: table; clear: both; } .notice-cookie .notice-text { float: none; max-width: 100%; padding-top: 0; } .notice-cookie .actions { text-align: left; } } .cms-refer-a-friend .refer-a-friend-container, .cms-extole-refer-a-friend .refer-a-friend-container { max-width: 1024px; min-height: 768px; position: relative; margin: auto; background: url("../images/Refer-a-Friend_BG.jpg") no-repeat top left; } .cms-refer-a-friend .refer-a-friend-container .refer-right-column, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column { width: 100%; max-width: 300px; position: absolute; top: 68px; right: 83px; text-align: center; color: #FFF; } @media only screen and (max-width: 765px) { .cms-refer-a-friend .refer-a-friend-container .refer-right-column, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column { position: static; top: auto; left: auto; right: auto; padding-top: 768px; width: 100%; max-width: 100%; } } @media only screen and (max-width: 479px) { .cms-refer-a-friend .refer-a-friend-container .refer-right-column, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column { padding-top: 494px; } } .cms-refer-a-friend .refer-a-friend-container .refer-right-column h1, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column h1 { color: #E6E6E6; font-size: 48px; line-height: 82px; } .cms-refer-a-friend .refer-a-friend-container .refer-right-column h4, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column h4 { position: relative; top: -40px; font-size: 12px; line-height: 14px; text-transform: none; color: #E6E6E6; } .cms-refer-a-friend .refer-a-friend-container .refer-right-column h4:after, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column h4:after { content: ""; display: block; width: 54px; height: 8px; background: #FFF; margin: 18px auto 0 auto; } .cms-refer-a-friend .refer-a-friend-container .refer-right-column p, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column p { color: #E6E6E6; font-style: normal; margin-top: -38px; } .cms-refer-a-friend .refer-a-friend-container .refer-right-column .refer-extole-container, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column .refer-extole-container { min-height: 80px; color: #000; } @media screen and (max-width: 480px) { .cms-refer-a-friend .refer-a-friend-container .refer-right-column, .cms-extole-refer-a-friend .refer-a-friend-container .refer-right-column { position: relative; right: inherit; text-align: center; margin: auto; } } @media screen and (max-width: 480px) { .cms-refer-a-friend .refer-a-friend-container, .cms-extole-refer-a-friend .refer-a-friend-container { background: url("../images/Refer-a-Friend_BG-mobile.jpg") no-repeat top right; } } .nav-primary .nav-search { float: right; position: relative; margin-top: 9px; } .nav-primary .nav-search:hover .input-box { display: block; } @media only screen and (max-width: 765px) { .nav-primary .nav-search { display: none; } } .nav-primary .nav-search a.level0 { padding: 0 35px 9px 32px; position: relative; font-weight: 400; } @media only screen and (max-width: 1024px) { .nav-primary .nav-search a.level0 { padding: 0px; color: white; } } .nav-primary .nav-search a.level0 .ss-search { position: absolute; top: 1px; right: 5px; color: #000018; font-size: 16px; font-weight: 700; } .nav-primary .nav-search .input-box { background: #FFFFFF; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); display: none; position: absolute; padding: 0; top: 100%; right: 0; width: 400px; padding: 20px; } .nav-primary .nav-search .input-box label { display: none; } .nav-primary .nav-search .input-box button { float: left; } .nav-primary .nav-search .input-box .validation-advice { position: absolute; bottom: -2px; } #search_autocomplete_nav { top: 75px !important; } #nav_search { width: 236px; border-right: none; float: left; margin-right: -1px; } .header-wishlist { float: right; } @media only screen and (max-width: 765px) { .header-wishlist { display: none; } } .header-wishlist .skip-link { width: 100%; } .header-wishlist .skip-link:hover .icon { background-position: -33px -26px; } .header-wishlist .skip-link .icon { height: 21px; background-position: -1px -26px; } @media only screen and (max-width: 765px) { .header-account, .header-minicart { height: 44px; width: 20%; border: none; position: static; } .header-account .skip-link, .header-minicart .skip-link { width: 100%; } } .header-account, .header-minicart { padding: 0; } @media only screen and (min-width: 766px) { .header-account { width: auto; } } .footer-social { width: 53%; float: left; } .footer-social:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 765px) { .footer .footer-social { width: 100%; float: none; margin: 0 auto; max-width: 228px; } .footer .footer-social h4 { display: none; } } @media only screen and (max-width: 1300px) { .footer-social { width: 57%; } } @media only screen and (max-width: 979px) { .footer-social { width: 62%; } } .footer-social h4 { color: #000018; font-weight: normal; font-size: 10px; line-height: 30px; letter-spacing: 1px; text-transform: uppercase; margin: 0 30px 0 0; float: left; } @media only screen and (max-width: 1199px) { .footer-social h4 { display: none; } } .footer-social .social-links { float: left; padding-top: 6px; } .footer-social .social-links:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 765px) { .footer-social .social-links { float: none; margin: 0 auto; } } .footer-social .social-links li { float: left; } .footer-social .social-links li .social { display: block; width: 20px; height: 20px; margin: 0 20px 0 0; } .footer-social .social-links li .social.facebook { background-position: -57px -589px; width: 9px; height: 16px; } .footer-social .social-links li .social.facebook:hover { background-position: -85px -589px; } .footer-social .social-links li .social.twitter { background-position: -57px -610px; width: 17px; height: 15px; margin-top: 2px; } .footer-social .social-links li .social.twitter:hover { background-position: -85px -610px; } .footer-social .social-links li .social.pinterest { background-position: -57px -631px; width: 13px; height: 17px; } .footer-social .social-links li .social.pinterest:hover { background-position: -85px -631px; } .footer-social .social-links li .social.google { background-position: -57px -653px; width: 18px; height: 15px; } .footer-social .social-links li .social.google:hover { background-position: -85px -653px; } .footer-social .social-links li .social.tumblr { background-position: -57px -674px; width: 11px; height: 17px; } .footer-social .social-links li .social.tumblr:hover { background-position: -85px -674px; } .footer-social .social-links li .social.youtube { background-position: -57px -696px; width: 17px; height: 12px; margin-top: 2px; } .footer-social .social-links li .social.youtube:hover { background-position: -85px -696px; } .footer-social .social-links li .social.instagram { background-position: -57px -712px; width: 17px; height: 16px; } .footer-social .social-links li .social.instagram:hover { background-position: -85px -712px; } .footer-social .social-links li:last-of-type { width: 22px; } .footer-social .social-links li:last-of-type .social { margin-right: 0; } .footer-social .social-links li.slvzr-last-of-type { margin: 0 15px 0 0; width: auto; } .footer-social .app-container { float: right; } @media only screen and (max-width: 765px) { .footer-social .app-container { float: none; margin-top: 29px; } } .footer-top { padding: 20px 7.2%; background: #FAFAFA; line-height: 30px; } @media only screen and (max-width: 979px) { .footer-top { padding: 20px 0; } } .footer-top .footer-top-content { width: 100%; max-width: 1304px; padding: 0 20px; margin: 0 auto; } .footer-top .footer-top-content:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .footer-top .app-container { text-align: center; } .footer-top .app-container p { text-transform: uppercase; font-size: 10px; font-weight: normal; letter-spacing: 1px; color: #000018; padding-right: 40px; position: relative; } .footer-top .app-container p span { width: 19px; height: 39px; background-position: -1px -1805px; display: block; position: absolute; right: 0; top: -5px; } @media only screen and (max-width: 765px) { .footer-top .app-container p span { right: 28px; } } .footer-top .app-container h4 { display: none; } .footer-subscribe { width: 46%; height: 30px; float: right; } .footer-subscribe:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 765px) { .footer-top .footer-subscribe { display: none; } } @media only screen and (max-width: 1300px) { .footer-subscribe { width: 36.1%; } } .footer-subscribe .block-subscribe { text-align: right; margin: 0; } .footer-subscribe .block-subscribe .block-title { display: inline-block; vertical-align: top; padding: 0; margin: 0; line-height: 30px; margin-right: 15px; position: relative; } @media only screen and (max-width: 1210px) { .footer-subscribe .block-subscribe .block-title { display: none; } } .footer-subscribe .block-subscribe .block-title:before { content: ""; display: inline-block; background-position: -23px -1805px; width: 23px; height: 15px; position: absolute; left: -40px; top: 7px; } .footer-subscribe .block-subscribe .block-title strong { color: #000018; font-weight: normal; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } .footer-subscribe .block-subscribe form { display: inline-block; } .footer-subscribe .block-subscribe .block-content { padding: 0; margin: 0; } .footer-subscribe .block-subscribe .block-content:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .footer-subscribe .block-subscribe .block-content .input-box { padding: 0; max-width: 310px; float: right; } .footer-subscribe .block-subscribe .block-content .input-box .input-text { background: #FAFAFA; height: 30px; line-height: 30px; font-size: 10px; padding: 0 10px; text-transform: none; border-right: none; border-radius: 0; } .footer-subscribe .block-subscribe .block-content .input-box .input-text::-webkit-input-placeholder { text-transform: uppercase; font-size: 9px; } .footer-subscribe .block-subscribe .block-content .input-box .input-text:-moz-placeholder { /* Firefox 18- */ text-transform: uppercase; font-size: 9px; } .footer-subscribe .block-subscribe .block-content .input-box .input-text::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; font-size: 9px; } .footer-subscribe .block-subscribe .block-content .input-box .input-text:-ms-input-placeholder { text-transform: uppercase; font-size: 9px; } @media only screen and (max-width: 1300px) { .footer-subscribe .block-subscribe .block-content .input-box .input-text { width: 200px; } .footer-subscribe .block-subscribe .block-content .input-box .input-text ~ .validation-advice { width: 200px; line-height: 18px; } } @media only screen and (max-width: 979px) { .footer-subscribe .block-subscribe .block-content .input-box .input-text { width: 150px; } .footer-subscribe .block-subscribe .block-content .input-box .input-text ~ .validation-advice { width: 200px; } } .footer-subscribe .block-subscribe .block-content .actions { float: right; margin: 0; } .footer-subscribe .block-subscribe .block-content .actions .button, .footer-subscribe .block-subscribe .block-content .actions .button2, .footer-subscribe .block-subscribe .block-content .actions .add-to-links a, .add-to-links .footer-subscribe .block-subscribe .block-content .actions a, .footer-subscribe .block-subscribe .block-content .actions .add-to-links .split-button strong, .add-to-links .split-button .footer-subscribe .block-subscribe .block-content .actions strong { background: #FAFAFA; width: auto; padding: 0 10px; height: 30px; line-height: 30px; } .footer-subscribe .block-subscribe .block-content .actions .button:hover, .footer-subscribe .block-subscribe .block-content .actions .button2:hover, .footer-subscribe .block-subscribe .block-content .actions .add-to-links a:hover, .add-to-links .footer-subscribe .block-subscribe .block-content .actions a:hover, .footer-subscribe .block-subscribe .block-content .actions .add-to-links .split-button strong:hover, .add-to-links .split-button .footer-subscribe .block-subscribe .block-content .actions strong:hover { background: #001871; } .footer-subscribe .block-subscribe .form-subscribe-header { display: block; width: 37.7%; font-size: 11px; line-height: 21px; float: left; margin-right: 29px; } .footer-subscribe .block-subscribe .form-subscribe-header label { font-size: 11px; } .footer-bottom .footer-bottom-content { max-width: 1205px; padding: 45px 20px; margin: 0 auto; text-align: justify; } .footer-bottom .footer-bottom-content:after { content: ""; display: inline-block; height: 0; width: 100%; } .footer-bottom .block { display: inline-block; vertical-align: top; font-size: 11px; } .ie8 .footer-bottom .block { padding-right: 10px; } @media only screen and (max-width: 765px) { .footer-bottom .block { width: 100%; } .footer-bottom .block:nth-of-type(n) { width: 100%; } .footer-bottom .block h4:after { -webkit-transition-duration: 500ms; transition-duration: 500ms; background-image: url(../images/rm_icon_sprite.png); background-repeat: no-repeat; background-position: -32px -1081px; content: ""; display: block; float: right; width: 18px; height: 10px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { .footer-bottom .block h4:after { background-image: url(../images/rm_icon_sprite@2x.png) !important; background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { .footer-bottom .block ul { display: none; margin: 20px 0; } .footer-bottom .block.active h4:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .footer-bottom .block h4 { font-size: 11px; font-weight: normal; color: #000018; line-height: 20px; letter-spacing: 1px; margin-bottom: 5px; } .footer-bottom .block .app .icon { display: block; margin: 9px 0 6px; background-position: -1px -350px; width: 23px; height: 30px; } .footer-bottom .block .app .icon:hover { background-position: -33px -350px; } @media only screen and (max-width: 765px) { .footer-bottom .block .app .icon { display: none; } } .footer-bottom .block ul li a { color: #929292; display: block; font-size: 11px; font-weight: 300; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 6px 0; } .footer-bottom .block ul li a:hover { color: #001871; } .nav-primary { text-align: justify; } .nav-primary:after { content: ""; display: inline-block; height: 0; line-height: 0; width: 100%; } .ie8 .nav-primary { margin-top: -80px; } html.resp-mobile .nav-primary { text-align: left; } .nav-primary li.level0 { display: inline-block; } html.resp-mobile .nav-primary li.level0 { display: block; } html.resp-mobile .nav-primary li.level0 a.active span { color: #001871; } html.resp-mobile .nav-primary li.level0 a.active span:after { width: 100%; left: 0%; } .nav-primary li.level0 a.hover ~ .mm-wrapper { max-height: 1000px; z-index: 10; width: 100%; } .ie9 .nav-primary li.level0 a.hover ~ .mm-wrapper, .ie8 .nav-primary li.level0 a.hover ~ .mm-wrapper { height: 482px; } .touch .nav-primary li.level0 a.hover ~ .mm-wrapper { display: none; } .nav-primary li.level0 a.hover ~ .mm-wrapper .mm-wrapper-content .mm-text-links, .nav-primary li.level0 a.hover ~ .mm-wrapper .mm-wrapper-content .mm-images { opacity: 1; } .ie9 .nav-primary li.level0 a.hover ~ .mm-wrapper .mm-wrapper-content, .ie8 .nav-primary li.level0 a.hover ~ .mm-wrapper .mm-wrapper-content { height: 482px; width: 100%; } .no-touch .nav-primary li.level0:hover a.level-top span { color: #001871; } .no-touch .nav-primary li.level0:hover a.level-top span:after { width: 100%; left: 0%; } .touch .no-touch .nav-primary li.level0:hover a.level-top span:after { display: none; } .no-touch .nav-primary li.level0:hover .mm-wrapper { max-height: 1000px; z-index: 10; } .ie9 .no-touch .nav-primary li.level0:hover .mm-wrapper, .ie8 .no-touch .nav-primary li.level0:hover .mm-wrapper { height: 482px; } @media only screen and (max-width: 765px) { .touch .no-touch .nav-primary li.level0:hover .mm-wrapper { display: none; } } .no-touch .nav-primary li.level0:hover .mm-wrapper .mm-wrapper-content .mm-text-links, .no-touch .nav-primary li.level0:hover .mm-wrapper .mm-wrapper-content .mm-images { opacity: 1; } .ie9 .no-touch .nav-primary li.level0:hover .mm-wrapper .mm-wrapper-content, .ie8 .no-touch .nav-primary li.level0:hover .mm-wrapper .mm-wrapper-content { height: 482px; width: 100%; } .touch .nav-primary li.level0.hover a.level-top span { color: #001871; } .touch .nav-primary li.level0.hover a.level-top span:after { width: 100%; left: 0%; } .touch .touch .nav-primary li.level0.hover a.level-top span:after { display: none; } .touch .nav-primary li.level0.hover .mm-wrapper { max-height: 1000px; z-index: 10; } .ie9 .touch .nav-primary li.level0.hover .mm-wrapper, .ie8 .touch .nav-primary li.level0.hover .mm-wrapper { height: 482px; } @media only screen and (max-width: 765px) { .touch .touch .nav-primary li.level0.hover .mm-wrapper { display: none; } } .touch .nav-primary li.level0.hover .mm-wrapper .mm-wrapper-content .mm-text-links, .touch .nav-primary li.level0.hover .mm-wrapper .mm-wrapper-content .mm-images { opacity: 1; } .ie9 .touch .nav-primary li.level0.hover .mm-wrapper .mm-wrapper-content, .ie8 .touch .nav-primary li.level0.hover .mm-wrapper .mm-wrapper-content { height: 482px; width: 100%; } .nav-primary li.level0.menu-active a.level-top span { color: #001871; } .nav-primary li.level0.menu-active a.level-top span:after { width: 100%; left: 0%; } .nav-primary li.level0 a.level-top { padding: 0; display: block; font-weight: 400; font-size: 12px; } @media only screen and (max-width: 1350px) { .nav-primary li.level0 a.level-top { font-size: 11px; } } @media only screen and (max-width: 765px) { .nav-primary li.level0 a.level-top { font-size: 12px; } } .nav-primary li.level0 a.level-top span { display: inline-block; line-height: 10px; padding-bottom: 10px; position: relative; } html.resp-mobile .nav-primary li.level0 a.level-top span { font-size: 13px; } .nav-primary li.level0 a.level-top span:after { content: ""; -webkit-transition: all 300ms ease; transition: all 300ms ease; position: absolute; top: 100%; height: 1px; background: #001871; left: 50%; width: 0%; } .nav-primary li.level0 .mm-wrapper { position: absolute; top: 100%; left: 0px; width: 100%; z-index: 8; color: #000018; white-space: nowrap; background: #FFFFFF; max-height: 0; overflow: hidden; -webkit-transition: max-height 900ms ease; transition: max-height 900ms ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; text-align: center; } .ie9 .nav-primary li.level0 .mm-wrapper, .ie8 .nav-primary li.level0 .mm-wrapper { display: block !important; } html.resp-mobile .nav-primary li.level0 .mm-wrapper { box-shadow: none; } .fixed .nav-primary li.level0 .mm-wrapper { position: fixed; top: 91px; } @media only screen and (max-width: 1024px) { .fixed .nav-primary li.level0 .mm-wrapper { top: 141px; } } .fixed .exit-intent-content.visible ~ .page-header-content .nav-primary li.level0 .mm-wrapper { top: 168px; } @media only screen and (max-width: 1024px) { .fixed .exit-intent-content.visible ~ .page-header-content .nav-primary li.level0 .mm-wrapper { top: 212px; } } .nav-primary li.level0 .mm-wrapper a { color: #000018; text-transform: uppercase; } .nav-primary li.level0 .mm-wrapper a:hover { color: #001871; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content { max-width: 900px; padding: 20px 0 60px; margin: 0 auto; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 1024px) { .nav-primary li.level0 .mm-wrapper .mm-wrapper-content { padding: 10px 46px 20px; } } html.resp-mobile .nav-primary li.level0 .mm-wrapper .mm-wrapper-content { padding: 0; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images { width: 43.2222%; float: left; text-align: left; opacity: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links:after, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } html.resp-mobile .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links, html.resp-mobile .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images { display: block; width: 100%; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links ul, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images ul { position: relative; background: none; border: none; width: 50%; padding: 0; top: 0; float: left; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links ul a, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images ul a { width: 100%; text-transform: capitalize; font-size: 14px; letter-spacing: 1px; line-height: 26px; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links .view-more, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .view-more { margin-top: 10px; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links .view-more:after, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .view-more:after { content: "→"; background-image: none; background-position: 100px 100px; display: inline-block; width: 15px; height: 30px; margin-left: 10px; font-size: 14px; line-height: 14px; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-text-links .view-more:hover:after, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .view-more:hover:after { color: #001871; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images { width: 56.7778%; max-height: 356px; overflow: visible; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images img:only-of-type { width: 100%; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images a:only-of-type { width: 100%; clear: both; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images a { width: 50%; float: left; font-weight: bold; line-height: 34px; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images a:first-of-type { clear: both; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images img, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images img.tall { float: left; width: 42.4658%; height: auto; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images img ~ img, .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images img.tall ~ img { margin-left: 5.8708%; } html.resp-mobile .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images { display: none; } @media only screen and (max-width: 1024px) { .nav-primary li.level0 .mm-wrapper.active { max-height: 1000px; } .nav-primary li.level0 .mm-wrapper.active .mm-text-links, .nav-primary li.level0 .mm-wrapper.active .mm-images { opacity: 1; } li.parent .nav-primary li.level0 .mm-wrapper.active { z-index: 200; } } .nav-primary li.level0 .mm-wrapper .widget { display: inline-block; vertical-align: top; margin-top: 0px; width: 100%; } .nav-primary li.level0 .mm-wrapper .widget .mega-menu-block { background: #eeeeee; width: 100%; font-size: 11px; font-weight: 600; color: #666666; letter-spacing: 2px; text-transform: uppercase; padding: 5px 0; } .nav-primary li.level0 .mm-wrapper .widget + .widget { margin-left: 30px; } .nav-primary li.level0 .mm-wrapper .widget ul { display: block; position: relative; border: none; padding: 0; top: 0; left: 0; width: auto; } .refer-a-friend-mobile { display: none; } #header-nav .refer-a-friend-mobile { display: none; } @media only screen and (max-width: 765px) { #header-nav .refer-a-friend-mobile { display: block; } } #header-nav .refer-a-friend-mobile .skip-friend { display: block; font-size: 13px; color: #000018; line-height: 50px; text-transform: uppercase; margin: 0; padding: 0; clear: both; } .cms-index-index .main-container .main { max-width: 100%; } .cms-index-index .main-callouts { padding: 0 1.7857% 20px; max-width: 1680px; margin: 0 auto; } @media only screen and (max-width: 765px) { .cms-index-index .main-callouts { padding: 0; } } .cms-index-index .main-callouts .left { float: left; width: 38.81%; } @media only screen and (max-width: 765px) { .cms-index-index .main-callouts .left { display: none; } } .cms-index-index .main-callouts .left img { width: 100%; } .cms-index-index .main-callouts .right { float: right; width: 59.15%; } @media only screen and (max-width: 765px) { .cms-index-index .main-callouts .right { width: 100%; } .cms-index-index .main-callouts .right .bottom { display: none; } } .cms-index-index .main-callouts .right .top { margin-bottom: 3.58%; } .cms-index-index .main-callouts .right img { width: 100%; } .fan-reel { clear: both; } @media only screen and (max-width: 765px) { body.checkout-cart-index .main-container { padding: 0; } } body.checkout-cart-index .main { width: 100%; max-width: 100%; } body.checkout-cart-index .col-main .cart { max-width: 1680px; margin: 0 auto; padding: 0 50px; } @media only screen and (max-width: 1030px) { body.checkout-cart-index .col-main .cart { padding: 0; } } body.checkout-cart-index .blueacorn-quickview .quickview-button { display: block; margin: 0 auto; } table.cart-table thead th { padding-bottom: 20px; } table.cart-table thead th:nth-of-type(1) { width: 12.3%; padding-left: 20px; } table.cart-table thead th.size { text-align: center; } table.cart-table .product-cart-image .product-image { border: none; } table.cart-table .product-cart-info { padding-left: 28px; } @media only screen and (max-width: 599px) { table.cart-table .product-cart-info { height: auto; padding-left: 15px; padding-bottom: 10px; } } table.cart-table .product-cart-actions .qty { font-size: 13px; color: #000018; line-height: 18px; height: 38px; width: 48px; } @media only screen and (max-width: 599px) { table.cart-table .product-cart-actions .qty { margin-bottom: 15px; } } table.cart-table .product-cart-actions .qty:focus { border: 1px solid #001871; } table.cart-table .product-cart-actions .btn-update { height: 38px; vertical-align: top; } table.cart-table tfoot .btn-continue { float: left; } table.cart-table tfoot .btn-update { float: right; } @media only screen and (max-width: 479px) { table.cart-table tfoot .btn-update { width: 100%; } } @media only screen and (min-width: 766px) { table.cart-table tfoot tr td { padding-right: 22%; } } @media only screen and (max-width: 930px) { table.cart-table tfoot tr td { padding-right: 20.5%; } } @media only screen and (max-width: 765px) { table.cart-table tfoot tr td { padding: 20px; } } .cart-after { clear: both; background: #F3F3F3; border-bottom: 1px solid #E6E6E6; } div.cart-forms { padding: 3.22% 4.03%; } @media only screen and (min-width: 1240px) { div.cart-forms { padding: 4.62% 6.43%; } } div.cart-forms .field-wrapper { width: 100%; position: relative; } div.cart-forms .field-wrapper .validation-advice { position: absolute; top: 100%; width: 100%; left: 0; } div.cart-forms .input-text, div.cart-forms #discount-coupon-form .input-text, div.cart-forms .giftcard .input-text { float: left; border-right: none; width: 71.43%; } div.cart-forms .discount-form .field-wrapper .cancel-coupon { font-size: 9px; margin: 0; border: 0; } div.cart-forms .discount-form .field-wrapper .cancel-coupon:hover { background: none; color: #001871; } div.cart-forms .discount-form .field-wrapper .cancel-coupon:hover span, div.cart-forms .discount-form .field-wrapper .cancel-coupon:hover span span { color: #001871; text-decoration: underline; } div.cart-forms .button-wrapper { float: left; width: 28.57%; } div.cart-forms .button-wrapper .button, div.cart-forms .button-wrapper .button2, div.cart-forms .button-wrapper .add-to-links a, .add-to-links div.cart-forms .button-wrapper a, div.cart-forms .button-wrapper .add-to-links .split-button strong, .add-to-links .split-button div.cart-forms .button-wrapper strong { width: 100%; padding-left: 0; padding-right: 0; text-align: center; } div.cart-forms .discount { padding: 0; margin-bottom: 36px; } @media only screen and (max-width: 765px) { div.cart-forms .discount { margin-bottom: 20px; } } div.cart-forms .giftcard { padding: 0; } @media only screen and (max-width: 765px) { div.cart-forms .giftcard { margin-bottom: 6px; } } .totals-table { padding: 0 5%; } .left-wrapper { background: white; width: 66.6%; float: left; } @media only screen and (max-width: 765px) { .left-wrapper { width: 100%; padding-top: 35px; } } .left-wrapper .cart-forms { width: 50%; } @media only screen and (max-width: 765px) { .left-wrapper .cart-forms { width: 100%; } } .left-wrapper .shipping-form-container { width: 50%; } @media only screen and (max-width: 765px) { .left-wrapper .shipping-form-container { width: 100%; padding-top: 0; padding-bottom: 25px; } } .crosssell-title { margin: 35px auto 26px; max-width: 1680px; padding: 0 50px; font-size: 15px; font-weight: bold; color: #000018; line-height: 20px; letter-spacing: 1px; } @media only screen and (max-width: 765px) { .crosssell-title { padding: 0 20px; } } .crosssell-container { border-top: 1px solid #E6E6E6; } .crosssell-container .crosssell { max-width: 1680px; margin: 0 auto; float: none; padding: 25px 50px 12px; } .crosssell-container .crosssell ul li { float: left; margin-right: 2.22%; width: 18.22%; } @media only screen and (min-width: 766px) { .crosssell-container .crosssell ul li:nth-of-type(5n) { margin-right: 0; } .crosssell-container .crosssell ul li:nth-of-type(5n+1) { margin-right: 0; clear: both; } } @media only screen and (max-width: 765px) { .crosssell-container .crosssell ul li { width: 33.33%; margin: 0; } .crosssell-container .crosssell ul li:nth-of-type(3n+1) { margin-right: 0; clear: both; } } @media only screen and (max-width: 599px) { .crosssell-container .crosssell ul li { width: 50%; margin: 0; } .crosssell-container .crosssell ul li:nth-of-type(2n+1) { margin-right: 0; clear: both; } } @media only screen and (max-width: 479px) { .crosssell-container .crosssell ul li { width: 100%; margin: 0; clear: both; } } .crosssell-container .crosssell ul li .product-image { width: 100%; } .crosssell-container .crosssell ul li .product-image img { width: 100%; } .crosssell-container .crosssell ul li .product-shop { text-align: center; margin-top: 20px; } .crosssell-container .crosssell ul li .product-shop .product-name a { font-size: 13px; color: #000018; line-height: 18px; text-transform: capitalize; } ul.checkout-types li .paypal-logo a { display: block; width: 184px; height: 45px; background: url("../images/checkout/paypal-express.png"); } @media only screen and (max-width: 765px) { ul.checkout-types li .paypal-logo a { display: inline-block; margin-top: 10px; } } ul.checkout-types li .paypal-logo a img { display: none; } ul.checkout-types li .paypal-logo span.paypal-or { display: none; } ul.checkout-types li.bml-checkout-type { display: none; } .fancybox-wrap table .product-size { display: none; } .fields { clear: both; margin-left: 0; } .input-custom { position: absolute; left: -9999px; } .select-custom { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; z-index: 1; left: 0; top: 0; display: block; float: left; cursor: pointer; -webkit-appearance: menulist-button; width: 100%; height: 40px; } .select-custom:hover + .custom-shiv { border: 1px solid #001871; } .select-custom:hover + .custom-shiv span { background: #001871; } .select-custom:hover + .custom-shiv span:after { background-position: 0 -1081px; } .custom-shiv { display: block; width: 100%; height: 40px; overflow: visible; border: 1px solid #C8C8C8; padding: 0 55px 0 15px; font: 100 pem(16)/30px "Verlag A", "Verlag B", Verdana, Arial, sans-serif; background: white; color: #000018; position: relative; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; line-height: 37px; } .custom-shiv span { position: absolute; right: -1px; top: -1px; padding: 14px 14px; border: 1px solid #001871; } .custom-shiv span:after { background-position: -32px -758px; width: 17px; height: 10px; position: relative; content: ''; line-height: 36px; display: block; text-align: center; } .custom-shiv:hover > span { background: #001871; } .custom-shiv:hover > span:after { background-position: 0 -1081px; } .select-container:hover .custom-shiv > span, .select-container.hover .custom-shiv > span, .select-container select:hover + .custom-shiv > span { background: #001871; } .select-container:hover .custom-shiv > span:after, .select-container.hover .custom-shiv > span:after, .select-container select:hover + .custom-shiv > span:after { background-position: 0 -1081px; } .select-container .custom-shiv { padding-right: 50px; padding-left: 10px; } .validation-error .select-custom { top: 14px; } .select-container { padding-top: 0; position: relative; display: inline-block; } .select-container.validation-error .custom-shiv { background: #CF5050; box-shadow: inset 1px 1px 0 #da7878; border-color: #7d2222; } .select-container.validation-error .swatch-select ~ .custom-shiv { display: none; } label.radio-label, label.checkbox-label { position: relative; line-height: 36px; cursor: pointer; padding: 0 0 0 40px !important; } label.radio-label:before, label.checkbox-label:before { content: ''; display: block; position: absolute; left: 12px; top: 5px; background-position: -1px -802px; width: 20px; height: 20px; margin-top: 2px; color: #001871; font-family: "SSGlyphish", "Helvetica Neue", Verdana, Arial, sans-serif; text-align: center; line-height: 14px; font-size: 20px; text-indent: 1px; } label.radio-label:hover:before, label.checkbox-label:hover:before { content: ''; } label.radio-label.disabled, label.checkbox-label.disabled { pointer-events: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } label.radio-label.disabled:before, label.checkbox-label.disabled:before { background-color: #f2f2f2; } label.radio-label { position: relative; } label.radio-label:hover:before { border: 1px solid #001871; } label.radio-label:before { border-radius: 50%; border: 1px solid #C8C8C8; background-image: none; line-height: 16px; } label.radio-label.checked:before { content: ''; border: 1px solid #001871; } label.radio-label.checked:after { content: ""; background: #001871; display: block; position: absolute; border-radius: 50%; height: 10px; width: 10px; left: 17px; top: 12px; } .ratings label.radio-label.checked:after { left: 21.5px; } label.checkbox-label.checked:before { background-position: -1px -774px; top: 3px; height: 22px; } label.checkbox-label.checked:hover:before { background-position: -33px -774px; height: 22px; } .select-container.small .select-custom { height: 24px; } .select-container.small .custom-shiv { height: 24px; line-height: 24px; font-size: pem(14); text-transform: none; padding-right: 35px; } .select-container.small .custom-shiv span:after { width: 26px; height: 18px; font-size: 14px; line-height: 26px; } .form-list .select-container { display: block; clear: both; } .btn-blue, .checkout-types li .btn-checkout, .cart-totals .checkout-types .btn-checkout, body.customer-account .sidebar .block .block-content .actions .btn-cart, .wishlist-management button, #wishlist-table .btn-cart, .my-account .btn-add, button.btn-cart.btn-big.btn-blue.button, button.btn-cart.btn-big.btn-blue.button2, .checkout-types li button.btn-cart.button2.btn-checkout, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout, .wishlist-management button.btn-cart.btn-big.button2, #wishlist-table button.btn-cart.btn-big.button2, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout, .my-account button.btn-cart.btn-big.button2.btn-add, .checkout-types li button.btn-cart.button.btn-checkout, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout, .wishlist-management button.btn-cart.btn-big.button, #wishlist-table button.btn-cart.btn-big.button, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout, .my-account button.btn-cart.btn-big.button.btn-add { background: #001871; border: 1px solid #001871; color: white; } .btn-blue span, .checkout-types li .btn-checkout span, .cart-totals .checkout-types .btn-checkout span, body.customer-account .sidebar .block .block-content .actions .btn-cart span, .wishlist-management button span, #wishlist-table .btn-cart span, .my-account .btn-add span, .btn-blue span span, .checkout-types li .btn-checkout span span, .cart-totals .checkout-types .btn-checkout span span, body.customer-account .sidebar .block .block-content .actions .btn-cart span span, .wishlist-management button span span, #wishlist-table .btn-cart span span, .my-account .btn-add span span, button.btn-cart.btn-big.btn-blue.button span, button.btn-cart.btn-big.btn-blue.button2 span, .checkout-types li button.btn-cart.button2.btn-checkout span, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2 span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout span, .wishlist-management button.btn-cart.btn-big.button2 span, #wishlist-table button.btn-cart.btn-big.button2 span, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout span, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout span, .my-account button.btn-cart.btn-big.button2.btn-add span, .checkout-types li button.btn-cart.button.btn-checkout span, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout span, .wishlist-management button.btn-cart.btn-big.button span, #wishlist-table button.btn-cart.btn-big.button span, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout span, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout span, .my-account button.btn-cart.btn-big.button.btn-add span, button.btn-cart.btn-big.btn-blue.button span span, button.btn-cart.btn-big.btn-blue.button2 span span, .checkout-types li button.btn-cart.button2.btn-checkout span span, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout span span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2 span span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout span span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout span span, .wishlist-management button.btn-cart.btn-big.button2 span span, #wishlist-table button.btn-cart.btn-big.button2 span span, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout span span, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout span span, .my-account button.btn-cart.btn-big.button2.btn-add span span, .checkout-types li button.btn-cart.button.btn-checkout span span, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout span span, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button span span, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout span span, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout span span, .wishlist-management button.btn-cart.btn-big.button span span, #wishlist-table button.btn-cart.btn-big.button span span, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout span span, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout span span, .my-account button.btn-cart.btn-big.button.btn-add span span { color: white; } .btn-blue:hover, .checkout-types li .btn-checkout:hover, .cart-totals .checkout-types .btn-checkout:hover, body.customer-account .sidebar .block .block-content .actions .btn-cart:hover, .wishlist-management button:hover, #wishlist-table .btn-cart:hover, .my-account .btn-add:hover, button.btn-cart.btn-big.btn-blue.button:hover, button.btn-cart.btn-big.btn-blue.button2:hover, .checkout-types li button.btn-cart.button2.btn-checkout:hover, .cart-totals .checkout-types button.btn-cart.btn-big.button2.btn-checkout:hover, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button2:hover, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button2.btn-checkout:hover, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button2.btn-checkout:hover, .wishlist-management button.btn-cart.btn-big.button2:hover, #wishlist-table button.btn-cart.btn-big.button2:hover, #wishlist-table .checkout-types li button.btn-cart.button2.btn-checkout:hover, .checkout-types li #wishlist-table button.btn-cart.button2.btn-checkout:hover, .my-account button.btn-cart.btn-big.button2.btn-add:hover, .checkout-types li button.btn-cart.button.btn-checkout:hover, .cart-totals .checkout-types button.btn-cart.btn-big.button.btn-checkout:hover, body.customer-account .sidebar .block .block-content .actions button.btn-cart.btn-big.button:hover, body.customer-account .sidebar .block .block-content .actions .checkout-types li button.btn-cart.button.btn-checkout:hover, .checkout-types li body.customer-account .sidebar .block .block-content .actions button.btn-cart.button.btn-checkout:hover, .wishlist-management button.btn-cart.btn-big.button:hover, #wishlist-table button.btn-cart.btn-big.button:hover, #wishlist-table .checkout-types li button.btn-cart.button.btn-checkout:hover, .checkout-types li #wishlist-table button.btn-cart.button.btn-checkout:hover, .my-account button.btn-cart.btn-big.button.btn-add:hover { background: #00004f; border: 1px solid #00004f; } .btn-grey { background: #C8C8C8; border: 1px solid #C8C8C8; color: white; } .btn-grey span, .btn-grey span span { color: white; } .btn-grey:hover { background: #a6a6a6; border: 1px solid #a6a6a6; } .btn-big, .add-to-links a, .add-to-links .split-button strong, .checkout-types li .btn-checkout { height: 45px; font-size: 14px; } .qty-minus { width: 45px; height: 45px; border: 1px solid #001871; background-color: transparent; float: left; position: relative; } .qty-minus:before { content: ""; background-position: -30px -1345px; width: 16px; height: 2px; z-index: 5; position: absolute; top: 21px; left: 15px; } .qty-minus:hover { background: #001871; } .qty-minus:hover:before { background-position: -30px -1369px; } .qty-minus:focus { outline: none; } .qty-minus:active { background: #00004f; } .qty-plus { width: 45px; height: 45px; border: 1px solid #001871; background-color: transparent; float: left; position: relative; } .qty-plus:after { content: ""; background-position: -58px -1377px; width: 16px; height: 16px; z-index: 5; position: absolute; top: 14px; left: 14px; } .qty-plus:hover { background: #001871; } .qty-plus:hover:after { background-position: -89px -1402px; } .qty-plus:focus { outline: none; } .qty-plus:active { background: #00004f; } .qty-wrapper button.qty-minus + input[type="text"].qty { border-left: none; border-right: none; height: 45px; width: 45px; font-size: 18px; color: #000018; } .credit-card-overlay:before { content: ''; display: block; position: absolute; width: 330px; height: 215px; border-radius: 6px; background-color: #E6E6E6; z-index: 10; } @media only screen and (max-width: 765px) { .credit-card-overlay:before { display: none; } } .credit-card-overlay:after { content: ''; display: block; position: relative; border: none; border-radius: 6px; width: 330px; height: 215px; background-color: #D3D3D3; font-size: 11px; margin-top: 12px; top: -220px; left: 72px; z-index: 1; } @media only screen and (max-width: 765px) { .credit-card-overlay:after { display: none; } } #payment_form_braintree.bt-with-stored.credit-card-overlay { height: 325px; } #payment_form_braintree.bt-with-stored.credit-card-overlay:before { top: 95px; } #payment_form_braintree.bt-with-stored.credit-card-overlay:after { top: -228px; } @media only screen and (max-width: 765px) { #payment_form_braintree.bt-with-stored.credit-card-overlay { height: 510px; } } @media only screen and (max-width: 765px) { #payment_form_braintree.bt-with-stored.credit-card-overlay .bt-cvv-container { margin-left: 0px; } } #advice-validate-cc-type-autodetect-braintree_cc_number { position: absolute; width: 255px; } #payment_form_braintree.bt-with-stored { height: 100px; } #payment_form_braintree.bt-with-stored li { margin-top: 30px; } #payment_form_braintree.bt-with-stored .credit-card-stripe { top: 110px; } #payment_form_braintree.bt-with-stored #braintree_store_in_vault_div label { margin-bottom: 0px; } #payment_form_braintree.bt-with-stored #cc_type_auto_row { margin-top: 20px; } #payment_form_braintree { padding-top: 30px; width: 430px; height: 215px; margin-bottom: 40px; position: relative; } #payment_form_braintree #breantree_token_selector { position: absolute; top: 0; width: 100%; margin-bottom: 30px; } @media only screen and (max-width: 765px) { #payment_form_braintree { width: 100%; height: auto; margin-bottom: 0px; } } #payment_form_braintree #cc_type_auto_row { float: right; width: 27%; display: block; position: relative; margin-right: 60px; } #payment_form_braintree #cc_type_auto_row label { display: none; } @media only screen and (max-width: 765px) { #payment_form_braintree #cc_type_auto_row { margin: 0; display: inline-block; width: 100%; } } #payment_form_braintree #cc_type_auto_row .payment-type-image { float: left; width: 45px; height: 30px; } @media only screen and (max-width: 765px) { #payment_form_braintree #cc_type_auto_row .payment-type-image { float: none; opacity: 1; display: inline-block; } } #payment_form_braintree #cc_type_auto_row .disabled-payment-method { opacity: .2; } @media only screen and (max-width: 765px) { #payment_form_braintree #cc_type_auto_row { margin: 0; display: inline-block; width: 100%; } } #payment_form_braintree #braintree_cc_cid { padding: 0 8px; } #payment_form_braintree #braintree_expiration { width: 100%; } #payment_form_braintree li { margin-left: 14px; margin-top: 15px; z-index: 10; position: relative; display: inline-block; } #payment_form_braintree li label { margin-bottom: 10px; } @media only screen and (max-width: 765px) { #payment_form_braintree li { margin: 0; display: inline-block; width: 100%; margin-bottom: 10px; } } #payment_form_braintree li.bt-cvv-container { float: right; z-index: 5; } #payment_form_braintree span.credit-card-stripe { content: ''; background-image: url(../images/blueacorn/rm-cc-stripe.png); position: absolute; height: 35px; width: 330px; z-index: 2; top: 45px; right: 8px; } @media only screen and (max-width: 765px) { #payment_form_braintree span.credit-card-stripe { display: none; } } #payment_form_braintree .bt-cvv-container { margin-left: 50px; } @media only screen and (max-width: 765px) { #payment_form_braintree .bt-cvv-container { margin-left: 0px; } } #payment_form_braintree .validation-advice { margin: 0; font-size: 10px; background: red; color: white; border-color: #6B221A; margin-top: 5px; padding: 5px; -webkit-animation: bounce 800ms ease; animation: bounce 800ms ease; } #payment_form_braintree .validation-advice:before { content: ""; display: block; width: 20px; height: 20px; border: 10px solid transparent; border-bottom-color: red; position: absolute; bottom: 100%; left: calc(50% - 10px); } @media only screen and (max-width: 765px) { #payment_form_braintree .validation-advice:before { display: none; } } #payment_form_braintree #advice-required-entry-braintree_cc_number, #payment_form_braintree #advice-required-entry-braintree_cc_cid, #payment_form_braintree #advice-validate-cc-number-braintree_cc_number { position: absolute; } @media only screen and (max-width: 765px) { #payment_form_braintree #advice-required-entry-braintree_cc_number, #payment_form_braintree #advice-required-entry-braintree_cc_cid, #payment_form_braintree #advice-validate-cc-number-braintree_cc_number { width: 100% !important; display: inline-block; position: relative; } } @media only screen and (max-width: 765px) { #payment_form_braintree #advice-required-entry-braintree_cc_cid { width: 100% !important; } } #payment_form_braintree #advice-required-entry-braintree_cc_cid:before { left: calc(33% - 10px); } @media only screen and (max-width: 765px) { #payment_form_braintree #advice-required-entry-braintree_cc_cid:before { display: none; } } #payment_form_braintree #advice-validate-cc-cvn-autodetect-braintree_cc_cid { position: absolute; } @media only screen and (max-width: 765px) { #payment_form_braintree #advice-validate-cc-cvn-autodetect-braintree_cc_cid { width: 100% !important; display: inline-block; position: relative; } } #payment_form_braintree #advice-validate-cc-cvn-autodetect-braintree_cc_cid:before { left: calc(30% - 10px); } @media only screen and (max-width: 765px) { #payment_form_braintree #advice-validate-cc-cvn-autodetect-braintree_cc_cid:before { display: none; } } #payment_form_braintree #advice-validate-cc-exp-braintree_expiration, #payment_form_braintree #advice-required-entry-braintree_expiration, #payment_form_braintree #advice-required-entry-braintree_expiration_yr { position: absolute; top: 45px; } @media only screen and (max-width: 765px) { #payment_form_braintree #advice-validate-cc-exp-braintree_expiration, #payment_form_braintree #advice-required-entry-braintree_expiration, #payment_form_braintree #advice-required-entry-braintree_expiration_yr { width: 100% !important; display: inline-block; } } .loggedIn #payment_form_braintree { height: 300px; } .loggedIn #payment_form_braintree #braintree_store_in_vault_div { position: relative; float: left; clear: both; margin: 0; } @media only screen and (min-width: 765px) { .loggedIn #payment_form_braintree #braintree_store_in_vault_div { position: absolute; left: auto; top: auto; right: 0; bottom: 0; width: 100%; margin-left: 50px; padding-left: 20px; } } .activeCardDashboard ul.form-list.ccCard { display: inline-block; position: relative; border: none; border-radius: 6px; width: 330px; height: 215px; background-color: #E6E6E6; font-size: 11px; /* box-shadow: 0px 0px 4px rgba(0,0,0,0.8), inset 0px 1px 3px rgba(255,255,255,0.3), inset 0px 0px 2px rgba(255,255,255,0.2); background: linear-gradient(to bottom, #31B6DF 0%,#2080C9 100%);*/ padding-top: 30px; -webkit-transition: all 1s linear; transition: all 1s linear; z-index: 5; margin-top: 20px; } .activeCardDashboard ul.form-list.ccCard label { font-size: 11px; } .activeCardDashboard ul.form-list.ccCard label[for="chcybersource_cc_cid"], .activeCardDashboard ul.form-list.ccCard label[for="cybersourcesop_cc_cid"] { position: relative; } .activeCardDashboard ul.form-list.ccCard label[for="chcybersource_cc_cid"]:after, .activeCardDashboard ul.form-list.ccCard label[for="cybersourcesop_cc_cid"]:after { position: absolute; right: -10px; top: 0; } .activeCardDashboard ul.form-list.ccCard p.required { display: none; } .activeCardDashboard ul.form-list.ccCard.visa .ccAccepted li.VI { opacity: 1; } .activeCardDashboard ul.form-list.ccCard.discover .ccAccepted li.DI { opacity: 1; } .activeCardDashboard ul.form-list.ccCard.mastercard .ccAccepted li.MC { opacity: 1; } .activeCardDashboard ul.form-list.ccCard.amex .ccAccepted li.AE { opacity: 1; } .activeCardDashboard ul.form-list.ccCard.amex #advice-validate-cc-cvn-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard.amex #advice-required-entry-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard.amex #advice-validate-cc-cvn-cybersourcesop_cc_cid, .activeCardDashboard ul.form-list.ccCard.amex #advice-required-entry-cybersourcesop_cc_cid { left: 210px; top: -20px; z-index: 20; } .activeCardDashboard ul.form-list.ccCard.amex #advice-validate-cc-cvn-chcybersource_cc_cid:before, .activeCardDashboard ul.form-list.ccCard.amex #advice-required-entry-chcybersource_cc_cid:before, .activeCardDashboard ul.form-list.ccCard.amex #advice-validate-cc-cvn-cybersourcesop_cc_cid:before, .activeCardDashboard ul.form-list.ccCard.amex #advice-required-entry-cybersourcesop_cc_cid:before { top: 100%; bottom: auto; border-top-color: red; border-bottom-color: transparent; left: 70px; } .activeCardDashboard ul.form-list.ccCard.amex #advice-required-entry-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard.amex #advice-required-entry-cybersourcesop_cc_cid { top: 25px; } .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='text'], .activeCardDashboard ul.form-list.ccCard li div select, .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='tel'] { display: block; color: #001871; font-size: 14px; font-weight: normal; border: 1px solid; box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.5), inset 0px 1px 4px rgba(0, 0, 0, 0.2); border-radius: 6px; height: 25px; padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #d3d3d3; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgrey), color-stop(38%, #d9d9d9), color-stop(82%, #e5e5e5), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, lightgrey 0%, #d9d9d9 38%, #e5e5e5 82%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, lightgrey 0%, #d9d9d9 38%, #e5e5e5 82%, #e7e7e7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */ } .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='text'].validation-passed, .activeCardDashboard ul.form-list.ccCard li div select.validation-passed, .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='tel'].validation-passed { background: url(../blueacorn/images/check.png) 100% 2px no-repeat; padding-right: 20px; } .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='text'].validation-failed, .activeCardDashboard ul.form-list.ccCard li div select.validation-failed, .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='tel'].validation-failed { border-color: #CF5050; } .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='text']#chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='text']#cybersourcesop_cc_cid, .activeCardDashboard ul.form-list.ccCard li div select#chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div select#cybersourcesop_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='tel']#chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.input-box input[type='tel']#cybersourcesop_cc_cid { padding: 0 5px; text-align: center; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice { text-align: center; font-size: 11px; text-transform: none; position: absolute; top: 155px; left: 0px; -webkit-animation: bounce 800ms ease; animation: bounce 800ms ease; background: red; color: white; border-color: #6B221A; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice:before { content: ""; display: block; width: 20px; height: 20px; border: 10px solid transparent; border-bottom-color: red; position: absolute; bottom: 100%; left: 45%; left: calc(50% - 10px); } .activeCardDashboard ul.form-list.ccCard li div.validation-advice[id*=cc_number] { top: -79px; height: 47px; left: -15px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice[id*=cc_cid] { top: 280px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice[id*=cc_owner] { display: block; font-size: 12px; line-height: 14px; background: red; color: white; border-color: #6B221A; padding: 8px 5px; top: 50px; height: 46px; width: 110px; left: -15px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice[id*=cc_owner]:before { background: red; border-left-color: #6B221A; border-bottom: none; border-right: none; border-top-color: #6B221A; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_expiration, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-exp-chcybersource_expiration, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_expiration_yr, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-type-chcybersource_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-number-chcybersource_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_expiration, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-exp-cybersourcesop_expiration, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_expiration_yr, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-type-cybersourcesop_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-number-cybersourcesop_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice[id*=cc_cid] { display: block; font-size: 12px; line-height: 14px; background: red; color: white; border-color: #6B221A; padding: 8px 5px; height: 46px; left: 25px; width: 110px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_cc_cid { height: 46px; top: 20px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice[id*=cc_cid], .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_cc_cid { left: 310px; top: 160px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-cvn-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-cvn-cybersourcesop_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_cc_cid { height: 86px; } @media only screen and (max-width: 439px) { .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-cvn-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-cvn-cybersourcesop_cc_cid, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_cc_cid { left: 210px; top: -20px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-cvn-chcybersource_cc_cid:before, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_cc_cid:before, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-cvn-cybersourcesop_cc_cid:before, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_cc_cid:before { top: 100%; bottom: auto; border-top-color: red; border-bottom-color: transparent; left: 70px; } } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-exp-chcybersource_expiration, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-exp-cybersourcesop_expiration { width: 150px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-chcybersource_expiration_yr, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-required-entry-cybersourcesop_expiration_yr { left: 150px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-type-chcybersource_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-number-chcybersource_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-type-cybersourcesop_cc_number, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-number-cybersourcesop_cc_number { width: 183px; top: -30px; left: 20px; } .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-type-chcybersource_cc_number:before, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-number-chcybersource_cc_number:before, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-type-cybersourcesop_cc_number:before, .activeCardDashboard ul.form-list.ccCard li div.validation-advice#advice-validate-cc-number-cybersourcesop_cc_number:before { bottom: auto; top: 100%; border-top-color: red; border-bottom-color: transparent; } .activeCardDashboard ul.form-list.ccCard li div.input-box.validation-error .select-container { position: static; } @media only screen and (max-width: 439px) { .activeCardDashboard ul.form-list.ccCard { margin-bottom: 0px; } } @media only screen and (max-width: 380px) { .activeCardDashboard ul.form-list.ccCard { margin-left: -5px; } } .activeCardDashboard ul.form-list.ccCard.mastercard::after { background-image: url(../images/blueacorn/credit-card-icon--sprite-small.png); background-position: 198px 0px; } .activeCardDashboard ul.form-list.ccCard li label { display: block; text-align: left; /* color: rgba(255,255,255,0.9);*/ text-transform: uppercase; /* font-size: 1.1em; font-weight: bold; text-shadow: 0px 1px 2px rgba(0,0,0,0.8);*/ width: 98%; /* font-family: 'Arial';*/ } .activeCardDashboard ul.ccAccepted { display: inline-block; position: absolute; left: 220px; top: 10px; } .activeCardDashboard ul.ccAccepted li { display: inline-block; height: 30px; width: 45px; opacity: 0.08; margin: 0 8px 8px 0; font: 11px / 1.35 Arial, Helvetica, sans-serif; font-weight: bold; background-repeat: no-repeat; } .activeCardDashboard ul.ccAccepted li.VI { background-image: url(../images/blueacorn/credit-card-icon--sprite-small.png); } .activeCardDashboard ul.ccAccepted li.DI { background-image: url(../images/blueacorn/credit-card-icon--sprite-small.png); background-position: -99px 0px; } .activeCardDashboard ul.ccAccepted li.AE { background-image: url(../images/blueacorn/credit-card-icon--sprite-small.png); background-position: -149px 0px; } .activeCardDashboard ul.ccAccepted li.MC { background-image: url(../images/blueacorn/credit-card-icon--sprite-small.png); background-position: -49px 0px; } .ccBack { display: none; position: relative; border: none; border-radius: 6px; width: 330px; height: 215px; background-color: #D3D3D3; font-size: 11px; padding-top: 10px; z-index: 1; top: -234px; margin-bottom: -204px; left: 70px; } @media only screen and (max-width: 765px) { .ccBack { top: -110px; left: -260px; } } @media only screen and (max-width: 680px) { .ccBack { top: -234px; left: 70px; } } .ccBack .ccBack-stripe { margin-top: 10px; } dt.active + dd .ccBack { display: inline-block; } @media only screen and (max-width: 439px) { .ccBack { display: none !important; } dt.active + dd .ccBack { display: none; } } .cvv-what-is-this { display: none; } @media only screen and (max-width: 765px) { #header-cart { -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); position: fixed; width: 80%; top: 0; bottom: 0; right: -80%; background: white; z-index: 1000; } .minicart-open #header-cart { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #header-nav { display: block; -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); position: fixed; width: 80%; top: 0; bottom: 0; left: -80%; background: white; z-index: 1000; } .nav-open #header-nav { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } header > .overlay-close { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background: rgba(0, 0, 0, 0.4); display: none; } .header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 900; background: rgba(0, 0, 0, 0.4); display: none; } html.resp-mobile #nav .nav-primary { margin-top: 30px; } html.resp-mobile #nav li.parent a.level-top:after { -webkit-transition: .4s ease; transition: .4s ease; content: ""; display: block; background-position: -32px -1081px; width: 18px; height: 10px; float: right; position: absolute; top: 19px; right: 3.6%; } html.resp-mobile #nav li a.level-top.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } html.resp-mobile #nav li a { color: #000018; position: relative; } html.resp-mobile #nav li .mm-wrapper { display: none; font-size: 16px; font-weight: 300; text-transform: uppercase; padding: 10px 0; width: 100%; margin-left: 0px; position: relative; top: 0; left: 0; } html.resp-mobile #nav li .mm-wrapper h4 { font-size: 16px; font-weight: 300; margin: 0; } html.resp-mobile #nav li .mm-wrapper h4.category { display: none; } html.resp-mobile #nav li .mm-wrapper h4 a:after { content: ""; display: inline-block; background-position: 0 -753px; width: 13px; height: 8px; float: right; margin: 12px 30px 0 0; } html.resp-mobile #nav li .mm-wrapper ul { padding: 10px 0; display: block; } @media only screen and (max-width: 765px) { html.resp-mobile #nav li .mm-wrapper ul { width: 100%; padding-top: 0; } html.resp-mobile #nav li .mm-wrapper ul:first-child { padding: 10px 0 0; } } html.resp-mobile #nav li .mm-wrapper ul li { padding: 0; } html.resp-mobile #nav li .mm-wrapper a { padding: 6px 0 6px 16%; } @media only screen and (max-width: 765px) { html.resp-mobile #nav li .mm-wrapper a { padding: 0; margin: 0; color: #929292; font-size: 13px; letter-spacing: 1px; line-height: 34px; } } html.resp-mobile #nav li .mm-wrapper .style + ul, html.resp-mobile #nav li .mm-wrapper .lookbooks + ul { display: none; background: #8e674e; } html.resp-mobile #nav li .mm-wrapper .category + ul { padding: 0; } html.resp-mobile #nav li .mm-wrapper .view-more:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-backface-visibility: hidden; content: ""; display: inline-block; background-position: 0 -759px; width: 16px; height: 9px; float: right; margin: 12px 8px 0 0; } html.resp-mobile #nav li .mm-wrapper .widget { display: none; } html.resp-mobile #nav .overlay-close { background-position: 0 -1019px; width: 25px; height: 25px; position: absolute; top: 10px; right: 10px; cursor: pointer; } html.resp-mobile #nav .overlay-close:hover { background-position: -32px -1019px; } .trending { width: 100%; overflow: hidden; } .trending .category-name { border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 765px) { .trending .category-name { text-align: center; margin-bottom: 60px; } } .trending .category-name h2 { font-size: 15px; font-weight: normal; color: #000018; line-height: 23px; letter-spacing: 1px; width: 100%; max-width: 1680px; padding: 25px 40px; margin: 0 auto; text-transform: uppercase; } @media only screen and (max-width: 765px) { .trending .category-name h2 { width: auto; display: inline-block; font-size: 18px; padding: 30px 10px; position: relative; } } .trending .category-name .see-all { color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; border: none; border-bottom: 2px solid #001871; text-transform: uppercase; float: right; padding-bottom: 25px; } @media only screen and (max-width: 765px) { .trending .category-name .see-all { position: absolute; border: none; bottom: -66px; left: 30%; left: calc(50% - 42px); } } .trending .category-name .see-all:hover { text-decoration: none; } .trending .category-name .see-all:hover .icon { -webkit-animation: shake 1s; animation: shake 1s; } .trending .category-name .see-all .icon { display: inline-block; background-position: -32px -79px; width: 11px; height: 11px; margin-left: 20px; } .trending .products-grid { max-width: 1680px; margin: 24px auto 0; padding: 0 30px; } @media only screen and (max-width: 765px) { .trending .products-grid { margin-bottom: 20px; max-width: 70%; } } .trending .products-grid li.item { width: 17.09%; margin-right: 3.6%; margin-right: 2.5%\9; } .trending .products-grid li.item:last-of-type { margin-right: 0; } .trending .products-grid li.item.slvzr-last-of-type { margin: 0 1.4%; } .trending .products-grid li.item .product-image { display: block; min-height: 286px; position: relative; max-width: 212px; margin-bottom: 14px; } @media only screen and (max-width: 765px) { .trending .products-grid li.item .product-image { max-width: 100%; padding: 0 8px; min-height: 0px; } } .trending .products-grid li.item .product-image img { position: absolute; bottom: 0; left: 0; max-height: 375px; } @media only screen and (max-width: 765px) { .trending .products-grid li.item .product-image img { position: relative; max-height: none; } } @media only screen and (max-width: 765px) { .trending .products-grid li.item .product-name { text-align: center; } } .trending .products-grid li.item .product-name a { font-size: 13px; color: #000018; line-height: 18px; text-transform: capitalize; } .trending .products-grid li.item .product-info { padding-bottom: 20px; min-height: 0 !important; } .trending .see-all.mobile { color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; border: none; text-transform: uppercase; display: block; width: 100%; margin: 0 auto 70px; text-align: center; } @media only screen and (min-width: 766px) { .trending .see-all.mobile { display: none; } } .trending .see-all.mobile:hover { text-decoration: none; } .trending .see-all.mobile:hover .icon { -webkit-animation: shake 1s; animation: shake 1s; } .trending .see-all.mobile .icon { display: inline-block; background-position: -32px -79px; width: 11px; height: 11px; margin-left: 20px; } ul.owl-carousel { width: 75%; overflow: visible; margin: 0 auto; position: relative; } ul.owl-carousel .owl-controls, ul.owl-carousel .owl-controls .owl-buttons { display: none; } ul.owl-carousel:hover .owl-controls, ul.owl-carousel:hover .owl-buttons { display: block; } ul.owl-carousel .owl-wrapper-outer { overflow: visible; } ul.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li { width: 100%; } .owl-controls { position: absolute; top: 40%; width: 100%; height: 0; } body.catalog-product-view .product-image .owl-controls { top: 100%; } .owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next { width: 57px; height: 57px; background: white; display: block; position: relative; } .owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after { content: ""; width: 15px; height: 24px; display: block; position: absolute; top: 16px; left: 20px; } .owl-controls .owl-buttons .owl-prev:hover, .owl-controls .owl-buttons .owl-next:hover { background: #001871; } .owl-controls .owl-buttons .owl-prev { float: left; } .owl-controls .owl-buttons .owl-prev:after { background-position: 0 -1544px; } .owl-controls .owl-buttons .owl-prev:hover:after { background-position: -60px -1544px; } .mobile-quickview .owl-controls .owl-buttons .owl-prev:hover:after { background-position: 0 -1544px; } .owl-controls .owl-buttons .owl-next { float: right; } .owl-controls .owl-buttons .owl-next:after { background-position: 0 -1513px; } .owl-controls .owl-buttons .owl-next:hover:after { background-position: -60px -1513px; } .mobile-quickview .owl-controls .owl-buttons .owl-next:hover:after { background-position: 0 -1513px; } .owl-carousel .owl-controls, .owl-carousel .owl-controls .owl-buttons { display: none; } .owl-carousel:hover .owl-controls, .owl-carousel:hover .owl-buttons { display: block; } @media only screen and (max-width: 765px) { .owl-carousel:hover .owl-controls, .owl-carousel:hover .owl-buttons { display: none; } } /* Styling Pagination*/ .owl-theme .owl-controls .owl-pagination { text-align: center; } .reel-wrapper .owl-theme .owl-controls .owl-pagination, .fan-reel-container .owl-theme .owl-controls .owl-pagination { display: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } /* Core Owl Carousel CSS File v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; /* Defect 767097 @include mdm() { overflow: visible; }*/ } body.catalog-product-view .product-image .owl-carousel .owl-wrapper-outer { overflow: visible; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor: url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* Owl Carousel CSS3 Transitions v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @keyframes goDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } .catalog-product-view .main-container .left, .blueacorn-quickview-modal .left { width: 51.6%; float: left; margin-bottom: 30px; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .left, .blueacorn-quickview-modal .left { width: 100%; margin: 0; } } .catalog-product-view .main-container .right, .blueacorn-quickview-modal .right { width: 48.4%; padding: 3.23% 4.03% 0; margin-bottom: 60px; max-width: 600px; float: left; } @media only screen and (min-width: 1240px) { .catalog-product-view .main-container .right, .blueacorn-quickview-modal .right { padding: 50px 50px 0; } } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .right, .blueacorn-quickview-modal .right { width: 100%; padding: 0 30px; } } .catalog-product-view .main-container .image-container, .blueacorn-quickview-modal .image-container { padding: 6.27% 5.17% 6.27% 7.83%; border-right: 1px solid #E6E6E6; max-width: 640px; float: right; } @media only screen and (min-width: 1240px) { .catalog-product-view .main-container .image-container, .blueacorn-quickview-modal .image-container { padding: 50px 50px 0; } } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-container, .blueacorn-quickview-modal .image-container { width: 100%; max-width: 100%; padding: 6.27% 0 0; } } .catalog-product-view .main-container .image-container .product-image-gallery, .blueacorn-quickview-modal .image-container .product-image-gallery { position: relative; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-container .product-image-gallery, .blueacorn-quickview-modal .image-container .product-image-gallery { overflow-y: hidden; } } .catalog-product-view .main-container .image-container .product-image-gallery .zoom-btn, .blueacorn-quickview-modal .image-container .product-image-gallery .zoom-btn { background-position: 0 -1428px; width: 23px; height: 23px; position: absolute; top: 20px; left: 20px; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-container .product-image-gallery .zoom-btn, .blueacorn-quickview-modal .image-container .product-image-gallery .zoom-btn { display: none; } } .catalog-product-view .main-container .image-container .product-image-gallery .product-flags, .blueacorn-quickview-modal .image-container .product-image-gallery .product-flags { position: absolute; right: 19.3%; font-size: 11px; color: #000018; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; z-index: 10; padding: 2.16% 6.48%; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-container .product-image-gallery .product-flags, .blueacorn-quickview-modal .image-container .product-image-gallery .product-flags { right: 20px; } } .catalog-product-view .main-container .image-container .product-image-gallery img, .blueacorn-quickview-modal .image-container .product-image-gallery img { max-width: 80.7%; float: left; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-container .product-image-gallery img, .blueacorn-quickview-modal .image-container .product-image-gallery img { max-width: 100%; float: none; margin: 0 auto; } } .catalog-product-view .main-container .image-container .more-views, .blueacorn-quickview-modal .image-container .more-views { float: right; width: 14%; overflow-x: hidden; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-container .more-views, .blueacorn-quickview-modal .image-container .more-views { display: none; } } .catalog-product-view .main-container .image-container .scrollUp, .catalog-product-view .main-container .image-container .scrollDown, .blueacorn-quickview-modal .image-container .scrollUp, .blueacorn-quickview-modal .image-container .scrollDown { margin: 0 auto; padding: 15px 0; text-align: center; cursor: pointer; overflow: hidden; } .catalog-product-view .main-container .image-container .scrollUp .icon, .catalog-product-view .main-container .image-container .scrollDown .icon, .blueacorn-quickview-modal .image-container .scrollUp .icon, .blueacorn-quickview-modal .image-container .scrollDown .icon { background-position: 0 -758px; width: 18px; height: 10px; margin: 0 auto; } .catalog-product-view .main-container .image-container .scrollUp .icon, .blueacorn-quickview-modal .image-container .scrollUp .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-product-view .main-container .image-container .product-image-thumbs, .blueacorn-quickview-modal .image-container .product-image-thumbs { width: 100%; } .catalog-product-view .main-container .image-container .product-image-thumbs.scroll, .blueacorn-quickview-modal .image-container .product-image-thumbs.scroll { max-height: 540px; overflow-y: scroll; width: 125%; width: calc(100% + 15px); padding-right: 18px; } .catalog-product-view .main-container .image-container .product-image-thumbs li, .blueacorn-quickview-modal .image-container .product-image-thumbs li { float: right; clear: both; width: 100%; margin-bottom: 16px; } .catalog-product-view .main-container .image-container .product-image-thumbs li a, .blueacorn-quickview-modal .image-container .product-image-thumbs li a { width: 100%; } .catalog-product-view .main-container .image-container .product-image-thumbs li a img, .blueacorn-quickview-modal .image-container .product-image-thumbs li a img { width: 100%; } .catalog-product-view .main-container .info-container, .blueacorn-quickview-modal .info-container { margin-bottom: 60px; } .catalog-product-view .main-container .product-collateral, .blueacorn-quickview-modal .product-collateral { margin-bottom: 60px; } .catalog-product-view .main-container .reviews-container, .blueacorn-quickview-modal .reviews-container { float: right; clear: right; overflow: hidden; position: relative; } .catalog-product-view .main-container .reviews-container .box-reviews, .blueacorn-quickview-modal .reviews-container .box-reviews { padding-bottom: 40px; } .catalog-product-view .main-container .reviews-container .fade, .blueacorn-quickview-modal .reviews-container .fade { background: rgba(248, 80, 50, 0); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(72%, white)); background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, white 72%); background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, white 72%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#ffffff', GradientType=0 ); height: 80px; position: absolute; width: 100%; left: 0; bottom: 20px; } .catalog-product-view .main-container .reviews-container .more-reviews, .blueacorn-quickview-modal .reviews-container .more-reviews { background: white; color: #001871; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; text-align: center; cursor: pointer; position: absolute; bottom: 0; width: 100%; } .catalog-product-view .main-container .reviews-container .more-reviews:before, .catalog-product-view .main-container .reviews-container .more-reviews:after, .blueacorn-quickview-modal .reviews-container .more-reviews:before, .blueacorn-quickview-modal .reviews-container .more-reviews:after { -webkit-transition: all 600ms ease; transition: all 600ms ease; background-position: 0 -1487px; width: 10px; height: 6px; display: inline-block; content: ""; margin: 0 30px; } .catalog-product-view .main-container .reviews-container .more-reviews.active:before, .blueacorn-quickview-modal .reviews-container .more-reviews.active:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-product-view .main-container .reviews-container .more-reviews.active:after, .blueacorn-quickview-modal .reviews-container .more-reviews.active:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .catalog-product-view .main-container .related-container, .blueacorn-quickview-modal .related-container { width: 100%; float: none; clear: both; } .catalog-product-view .main-container .main, .blueacorn-quickview-modal .main { padding: 0; position: relative; max-width: 100%; overflow: hidden; } .catalog-product-view .main-container .breadcrumbs, .blueacorn-quickview-modal .breadcrumbs { margin: 0; position: absolute; left: 4.04%; top: 0px; } @media only screen and (min-width: 1240px) { .catalog-product-view .main-container .breadcrumbs, .blueacorn-quickview-modal .breadcrumbs { /* @include calc(left, "51.6% - 540px");*/ top: 0px; } } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .breadcrumbs, .blueacorn-quickview-modal .breadcrumbs { position: relative; left: 10%; width: 50%; top: 0; padding: 25px 0 10px; } } .catalog-product-view .main-container .add-to-box, .blueacorn-quickview-modal .add-to-box { position: relative; } .catalog-product-view .main-container .messages, .blueacorn-quickview-modal .messages { width: 48.4%; position: absolute; left: 51.6%; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .messages, .blueacorn-quickview-modal .messages { width: 100%; left: 0px; } } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .zoomContainer, .blueacorn-quickview-modal .zoomContainer { display: none !important; } } .catalog-product-view .main-container .item-availability, .blueacorn-quickview-modal .item-availability { font-size: 11px; color: #929292; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px; } .catalog-product-view .main-container .item-availability .out-of-stock, .blueacorn-quickview-modal .item-availability .out-of-stock { color: red; } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .image-gallery-items, .blueacorn-quickview-modal .image-gallery-items { max-width: 70%; margin: 0 auto; } .catalog-product-view .main-container .image-gallery-items .owl-item, .blueacorn-quickview-modal .image-gallery-items .owl-item { padding: 4px; } } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .collateral-tabs .tab, .catalog-product-view .main-container .collateral-tabs .tab.current, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab.current, .blueacorn-quickview-modal .collateral-tabs .tab, .blueacorn-quickview-modal .collateral-tabs .tab.current, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab.current { background: transparent; border: none; font-size: 18px; font-weight: 500; color: #000018; line-height: 23px; letter-spacing: 1px; text-transform: uppercase; cursor: inherit; padding: 0; margin: 0 0 30px; } .catalog-product-view .main-container .collateral-tabs .tab:before, .catalog-product-view .main-container .collateral-tabs .tab:after, .catalog-product-view .main-container .collateral-tabs .tab.current:before, .catalog-product-view .main-container .collateral-tabs .tab.current:after, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab:before, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab:after, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab.current:before, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab.current:after, .blueacorn-quickview-modal .collateral-tabs .tab:before, .blueacorn-quickview-modal .collateral-tabs .tab:after, .blueacorn-quickview-modal .collateral-tabs .tab.current:before, .blueacorn-quickview-modal .collateral-tabs .tab.current:after, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab:before, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab:after, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab.current:before, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab.current:after { display: none; } .catalog-product-view .main-container .collateral-tabs .tab-container, .catalog-product-view .main-container .collateral-tabs .tab-container.current, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab-container, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab-container.current, .blueacorn-quickview-modal .collateral-tabs .tab-container, .blueacorn-quickview-modal .collateral-tabs .tab-container.current, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab-container, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab-container.current { border: none; background: transparent; display: block; padding: 0; margin: 0 0 50px; font-size: 13px; color: #646464; line-height: 21px; } .catalog-product-view .main-container .collateral-tabs .tab-container th, .catalog-product-view .main-container .collateral-tabs .tab-container td, .catalog-product-view .main-container .collateral-tabs .tab-container.current th, .catalog-product-view .main-container .collateral-tabs .tab-container.current td, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab-container th, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab-container td, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab-container.current th, .catalog-product-view .main-container .collateral-tabs.accordion-open .tab-container.current td, .blueacorn-quickview-modal .collateral-tabs .tab-container th, .blueacorn-quickview-modal .collateral-tabs .tab-container td, .blueacorn-quickview-modal .collateral-tabs .tab-container.current th, .blueacorn-quickview-modal .collateral-tabs .tab-container.current td, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab-container th, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab-container td, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab-container.current th, .blueacorn-quickview-modal .collateral-tabs.accordion-open .tab-container.current td { border: none; } } @media only screen and (max-width: 765px) { .catalog-product-view .main-container .block-related, .blueacorn-quickview-modal .block-related { opacity: 0; overflow: hidden; } } .catalog-product-view .main-container .block-related .owl-carousel, .blueacorn-quickview-modal .block-related .owl-carousel { max-width: 70%; } .catalog-product-view .main-container .block-related .owl-carousel .owl-wrapper-outer, .blueacorn-quickview-modal .block-related .owl-carousel .owl-wrapper-outer { overflow: visible; } .catalog-product-view .main-container .block-related .owl-carousel li.item, .blueacorn-quickview-modal .block-related .owl-carousel li.item { width: 100%; } .catalog-product-view .main-container .block-related .owl-carousel li.item .product-image img, .blueacorn-quickview-modal .block-related .owl-carousel li.item .product-image img { max-height: inherit; max-width: 100%; } .catalog-product-view .main-container .block-related .owl-carousel .owl-controls, .blueacorn-quickview-modal .block-related .owl-carousel .owl-controls { display: none; } .catalog-product-view .main-container .block-related .owl-carousel .owl-controls .owl-buttons, .blueacorn-quickview-modal .block-related .owl-carousel .owl-controls .owl-buttons { display: none; } .catalog-product-view .main-container .block-related .quickview-button, .blueacorn-quickview-modal .block-related .quickview-button { margin: 0 auto; display: block; } .catalog-product-view .main-container .block-autoresponder-backtostock, .blueacorn-quickview-modal .block-autoresponder-backtostock { margin-bottom: 20px; font-size: 13px; } .catalog-product-view .main-container .block-autoresponder-backtostock form, .blueacorn-quickview-modal .block-autoresponder-backtostock form { text-align: center; display: none; } .catalog-product-view .main-container .block-autoresponder-backtostock form h2, .blueacorn-quickview-modal .block-autoresponder-backtostock form h2 { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; } .catalog-product-view .main-container .block-autoresponder-backtostock form p, .blueacorn-quickview-modal .block-autoresponder-backtostock form p { font-size: 13px; line-height: 21px; margin-bottom: 10px; colro: #C8C8C8; } .catalog-product-view .main-container .giftcard-send-form input, .blueacorn-quickview-modal .giftcard-send-form input { text-transform: none; } div.fancybox-skin { border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background: #FFFFFF; } div.fancybox-skin a.fancybox-close { background-position: 0px -1019px; width: 25px; height: 25px; margin: 10px; top: 0; right: 5px; } div.fancybox-skin .fancybox-inner { min-height: auto !important; } @media only screen and (max-width: 755px) { div.newsletter #modal-register-form input.input-text { width: 100%; } div.newsletter #modal-subscribe-form span.title { margin-bottom: 25px; } div.newsletter #modal-subscribe-form div.subscribe-content { margin-bottom: 50px; } div.newsletter div.signup-modal-content div.right { width: 100%; margin: 10px 0; } div.newsletter div.signup-modal-content div.right form.signup-modal-form#modal-subscribe-form { margin-top: 0; } div.newsletter div.signup-modal-content div.right form.signup-modal-form { text-align: center; } div.newsletter div.signup-modal-content div.right form.signup-modal-form span.title { width: 100%; max-height: 1000px; } div.newsletter div.signup-modal-content div.right form.signup-modal-form div.input-container { overflow: hidden; } div.newsletter div.signup-modal-content div.right form.signup-modal-form div.input-container input.input-text { width: 100%; } div.newsletter div.signup-modal-content div.right form.signup-modal-form div.subscribe-content { display: block; float: none; margin: 0 auto 30px; width: 100%; max-width: 250px; } div.newsletter div.signup-modal-content div.right form.signup-modal-form .signup-modal-facebook-container { display: block; float: none; margin: 0 auto; width: 100%; max-width: 210px; } div.newsletter .left { display: none; } } div.newsletter div.signup-modal-content { display: block; } div.newsletter div.signup-modal-content .signup-main-image { margin: 0 auto; } div.newsletter div.signup-modal-content .left, div.newsletter div.signup-modal-content .right { width: 50%; } div.newsletter div.signup-modal-content .left { float: left; margin-top: 60px; } div.newsletter div.signup-modal-content .right { float: right; } div.newsletter div.signup-modal-content form.signup-modal-form { display: block; width: 100%; } div.newsletter div.signup-modal-content form.signup-modal-form div.field > label { text-transform: uppercase; margin-bottom: 5px; font-size: 10px; font-weight: bold; } div.newsletter div.signup-modal-content form.signup-modal-form li > label { font-size: 18px; color: #001871; font-weight: bold; margin-bottom: 10px; } div.newsletter div.signup-modal-content form.signup-modal-form#modal-register-form { width: 100%; } div.newsletter div.signup-modal-content form.signup-modal-form#modal-subscribe-form div.subscribe-content { position: relative; } div.newsletter div.signup-modal-content form.signup-modal-form#modal-subscribe-form .validation-advice { position: absolute; top: 60px; width: 100%; } div.newsletter div.signup-modal-content form.signup-modal-form .customer-user-attributes { list-style-type: none; } div.newsletter div.signup-modal-content form.signup-modal-form .signup-modal-facebook-container span { display: block; margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #3B5998; } div.newsletter div.signup-modal-content form.signup-modal-form .signup-modal-facebook-container img { float: left; margin-right: 3px; } div.newsletter div.signup-modal-content form.signup-modal-form .signup-modal-facebook-container button { float: left; background: #3B5998; color: #FFFFFF; } div.newsletter div.signup-modal-content form.signup-modal-form span.title { font-size: 30px; line-height: 38px; display: block; } div.newsletter div.signup-modal-content form.signup-modal-form div.subscribe-content .input-container { overflow: hidden; } div.newsletter div.signup-modal-content form.signup-modal-form div.subscribe-content label { display: block !important; } div.newsletter div.signup-modal-content form.signup-modal-form div.subscribe-content input { border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 100%; display: inline-block; float: left; } div.newsletter div.signup-modal-content form.signup-modal-form div.subscribe-content button { float: right; } #modal-register-form label { display: block; } #modal-register-form div.input-box { width: 100%; max-width: 260px; display: inline-block; margin-bottom: 10px; } #modal-register-form div.input-box input.input-text { border-radius: 0px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ } #modal-register-form .signup-btn { padding: 7px 40px; margin-top: 15px; } #modal-register-form span.title { margin-bottom: 15px !important; } #modal-register-form li { margin-bottom: 0; } #signup-modal-content .steps-1-2 { -webkit-transition: left 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); transition: left 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); text-align: center; position: relative; left: 0%; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 { position: absolute; height: 100%; width: 100%; } } #signup-modal-content .steps-1-2.hidden { display: block; left: -100%; } #signup-modal-content .steps-1-2 .image { width: 40%; float: left; min-height: 450px; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .image { display: none; } } #signup-modal-content .steps-1-2 .image img { width: 100%; } #signup-modal-content .steps-1-2 .step-1 { content: ''; display: table; clear: both; position: absolute; top: 0%; left: 43%; width: 57%; height: 100%; padding-top: 5%; -webkit-transition: top 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); transition: top 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-1 { display: block; left: 0; width: 100%; } } #signup-modal-content .steps-1-2 .step-1.hidden { display: block; top: -100%; } #signup-modal-content .steps-1-2 .step-1 .title { font-weight: bold; font-size: 35px; text-transform: uppercase; margin-bottom: 10px; color: #000018; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-1 .title { font-size: 25px; line-height: 28px; margin-bottom: 10px; } } #signup-modal-content .steps-1-2 .step-1 .subtitle { font-size: 24px; font-weight: 100; line-height: 38px; font-style: italic; color: grey; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-1 .subtitle { font-size: 14px; line-height: 22px; } } #signup-modal-content .steps-1-2 .step-1 .subtitle span { display: block; } #signup-modal-content .steps-1-2 .step-1 .subscribe-content { margin-top: 40px; } #signup-modal-content .steps-1-2 .step-1 .input-container { max-width: 300px; margin: 0 auto; } #signup-modal-content .steps-1-2 .step-1 .button, #signup-modal-content .steps-1-2 .step-1 .button2, #signup-modal-content .steps-1-2 .step-1 .add-to-links a, .add-to-links #signup-modal-content .steps-1-2 .step-1 a, #signup-modal-content .steps-1-2 .step-1 .add-to-links .split-button strong, .add-to-links .split-button #signup-modal-content .steps-1-2 .step-1 strong { float: none; margin-top: 30px; } #signup-modal-content .steps-1-2 .step-2 { content: ''; display: table; clear: both; position: absolute; top: 100%; left: 43%; width: 57%; height: 100%; padding-top: 5%; -webkit-transition: top 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); transition: top 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 { display: block; left: 0; width: 100%; top: 120%; } } #signup-modal-content .steps-1-2 .step-2.visible { top: 0%; } #signup-modal-content .steps-1-2 .step-2 .title { font-size: 30px; line-height: 38px; font-weight: 700; color: #000018; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .title { font-size: 18px; line-height: 24px; margin-bottom: 10px; } } #signup-modal-content .steps-1-2 .step-2 .title span { display: block; } #signup-modal-content .steps-1-2 .step-2 .subtitle { display: block; font-size: 18px; font-weight: 100; line-height: 38px; font-style: italic; color: grey; margin-bottom: 30px; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .subtitle { font-size: 14px; line-height: 22px; } } #signup-modal-content .steps-1-2 .step-2 .left, #signup-modal-content .steps-1-2 .step-2 .right { float: left; clear: none; margin: 0; width: 45%; width: calc(50% - 10px); } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .left, #signup-modal-content .steps-1-2 .step-2 .right { display: block; width: 100%; float: none; margin: 0 0 10px; } #signup-modal-content .steps-1-2 .step-2 .left input, #signup-modal-content .steps-1-2 .step-2 .right input { height: 30px; line-height: 30px; } } #signup-modal-content .steps-1-2 .step-2 label { display: block; margin-bottom: 5px; text-align: left; } #signup-modal-content .steps-1-2 .step-2 .right { margin-left: 20px; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .right { margin: 0 0 10px; } } #signup-modal-content .steps-1-2 .step-2 .top, #signup-modal-content .steps-1-2 .step-2 .bottom { content: ''; display: table; clear: both; margin-bottom: 20px; } .ie8 #signup-modal-content .steps-1-2 .step-2 .top, .ie8 #signup-modal-content .steps-1-2 .step-2 .bottom { display: block; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .top, #signup-modal-content .steps-1-2 .step-2 .bottom { display: block; } } .ie8 #signup-modal-content .steps-1-2 .step-2 .top input { width: 100%; } #signup-modal-content .steps-1-2 .step-2 .bottom { margin-bottom: 25px; } #signup-modal-content .steps-1-2 .step-2 .bottom .left input.input-text { width: 45%; float: left; } #signup-modal-content .steps-1-2 .step-2 .bottom .left .separator { padding: 0; float: left; clear: none; width: 10%; line-height: 40px; font-size: 18px; font-weight: 100; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .bottom .left .separator { display: block; } } #signup-modal-content .steps-1-2 .step-2 .bottom .left span { clear: both; } .ie8 #signup-modal-content .steps-1-2 .step-2 .bottom .right input { width: 100%; } #signup-modal-content .steps-1-2 .step-2 .bottom span { display: block; padding-top: 20px; font-size: 16px; font-weight: 100; font-style: italic; color: grey; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .bottom span { display: none; } } #signup-modal-content .steps-1-2 .step-2 .user-info { content: ''; display: table; clear: both; } @media only screen and (max-width: 765px) { #signup-modal-content .steps-1-2 .step-2 .user-info { display: block; } } #signup-modal-content .steps-1-2 .step-2 .user-info > button { float: left; width: 50%; max-width: 150px; } #signup-modal-content .steps-1-2 .step-2 .user-info > span { float: left; margin-left: 20px; font-size: 14px; font-weight: 100; line-height: 40px; cursor: pointer; letter-spacing: 1px; } #signup-modal-content .steps-1-2 .step-2 .user-info > span:hover { color: #001871; } #signup-modal-content .step-3 { -webkit-transition: left 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); transition: left 600ms cubic-bezier(0.95, -0.48, 0.02, 1.45); position: absolute; width: 145%; height: 105%; height: calc(100% + 60px); top: -25px; left: 120%; left: calc(100% + 25px); padding-right: 39%; background: #001871; color: white; text-align: center; } .ie8 #signup-modal-content .step-3 { height: 125%; } @media only screen and (max-width: 765px) { #signup-modal-content .step-3 { padding-right: 25%; } } #signup-modal-content .step-3.visible { left: -25px; } #signup-modal-content .step-3 .gift-image { background-image: url("../images/rm_icon_sprite.png"); background-position: 0 -1847px; width: 87px; height: 87px; margin: 5% auto 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { #signup-modal-content .step-3 .gift-image { background-image: url("../images/rm_icon_sprite@2x.png"); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { #signup-modal-content .step-3 .gift-image { margin-top: 10%; } } #signup-modal-content .step-3 p { font-size: 40px; font-weight: 700; line-height: 46px; letter-spacing: 1px; } @media only screen and (max-width: 765px) { #signup-modal-content .step-3 p { font-size: 21px; line-height: 26px; } } #signup-modal-content .step-3 p:first-of-type { margin-top: 5%; } #signup-modal-content .step-3 p.code-text { font-size: 16px; line-height: 24px; margin-top: 30px; font-style: italic; font-weight: 100; } #signup-modal-content .step-3 p#code { font-style: italic; font-size: 18px; line-height: 24px; margin-top: 10px; } #signup-modal-content .step-3 p.email-text { font-size: 16px; line-height: 24px; margin-top: 10px; font-style: italic; font-weight: 100; } #signup-modal-content .step-3 .button, #signup-modal-content .step-3 .button2, #signup-modal-content .step-3 .add-to-links a, .add-to-links #signup-modal-content .step-3 a, #signup-modal-content .step-3 .add-to-links .split-button strong, .add-to-links .split-button #signup-modal-content .step-3 strong { margin-top: 30px; min-width: 200px; color: white; border: 1px solid white; line-height: 24px; background: transparent; } #signup-modal-content .step-3 .button:hover, #signup-modal-content .step-3 .button2:hover, #signup-modal-content .step-3 .add-to-links a:hover, .add-to-links #signup-modal-content .step-3 a:hover, #signup-modal-content .step-3 .add-to-links .split-button strong:hover, .add-to-links .split-button #signup-modal-content .step-3 strong:hover { background: white; color: #001871; } #signup-modal-content button[disabled] { position: relative; } #signup-modal-content button[disabled]:after { content: ""; display: block; width: 48px; height: 48px; background-image: url("../images/opc-ajax-loader.gif"); position: absolute; left: 30%; left: calc(50% - 24px); top: 110%; } #signup-modal-content .validation-advice { clear: both; line-height: 13px; margin: 0; } #signup-modal-content .modal-tooltip { -webkit-animation: bounce 1s; animation: bounce 1s; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; background: #001871; background: #0028be; padding: 15px 5px; color: white; max-width: 150px; margin: 0 auto; text-transform: uppercase; font-size: 18px; line-height: 22px; font-weight: 100; letter-spacing: 1px; position: relative; margin-top: 20px; } .ie8 #signup-modal-content .modal-tooltip { margin-top: 40px; } #signup-modal-content .modal-tooltip:after { content: ""; width: 20px; height: 20px; background: #001871; background: #0028be; position: absolute; bottom: -10px; left: 45%; left: calc(50% - 10px); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .ie8 #signup-modal-content .modal-tooltip:after { display: none; } #signup-modal-content .modal-tooltip span { font-weight: 300; } .newsletter .fancybox-wrap, .newsletter.fancybox-wrap { overflow: hidden !important; } .newsletter .fancybox-wrap .fancybox-inner, .newsletter.fancybox-wrap .fancybox-inner { overflow: visible; } .catalog-product-view .input-box .swatch-select, .catalog-category-view .input-box .swatch-select, .catalogsearch-result-index .input-box .swatch-select { display: none; } .catalog-product-view .input-box .swatch-select + .custom-shiv, .catalog-category-view .input-box .swatch-select + .custom-shiv, .catalogsearch-result-index .input-box .swatch-select + .custom-shiv { display: none; } .catalog-product-view .input-box div[id*="swatch_container"] + .custom-shiv, .catalog-category-view .input-box div[id*="swatch_container"] + .custom-shiv, .catalogsearch-result-index .input-box div[id*="swatch_container"] + .custom-shiv { display: none; } .catalog-product-view .input-box .swatch-counted, .catalog-category-view .input-box .swatch-counted, .catalogsearch-result-index .input-box .swatch-counted { margin: 0; } .catalog-product-view .input-box .swatch-counted li, .catalog-category-view .input-box .swatch-counted li, .catalogsearch-result-index .input-box .swatch-counted li { position: relative; } .catalog-product-view .input-box .swatch-option, .catalog-category-view .input-box .swatch-option, .catalogsearch-result-index .input-box .swatch-option { height: 40px; width: 40px; margin: 0 15px 30px 0; float: left; position: relative; cursor: pointer; } .catalog-product-view .input-box .swatch-option:hover, .catalog-category-view .input-box .swatch-option:hover, .catalogsearch-result-index .input-box .swatch-option:hover { border: 1px solid #C8C8C8; } .catalog-product-view .input-box .swatch-option.selected:hover, .catalog-category-view .input-box .swatch-option.selected:hover, .catalogsearch-result-index .input-box .swatch-option.selected:hover { border: none; } .catalog-product-view .input-box .swatch-option.selected, .catalog-category-view .input-box .swatch-option.selected, .catalogsearch-result-index .input-box .swatch-option.selected { border: none; } .catalog-product-view .input-box .swatch-option.selected:after, .catalog-category-view .input-box .swatch-option.selected:after, .catalogsearch-result-index .input-box .swatch-option.selected:after { content: ""; width: 100%; height: 2px; position: absolute; left: 0; bottom: -15px; background-color: #001871; } .catalog-product-view .input-box .size-swatch, .catalog-category-view .input-box .size-swatch, .catalogsearch-result-index .input-box .size-swatch { font-size: 15px; color: #929292; line-height: 18px; padding-top: 10px; text-align: center; border: 1px solid #E6E6E6; } .catalog-product-view .input-box .size-swatch.selected, .catalog-category-view .input-box .size-swatch.selected, .catalogsearch-result-index .input-box .size-swatch.selected { border: 1px solid #C8C8C8; color: #001871; } .catalog-product-view .product-options dt, .catalog-category-view .product-options dt, .catalogsearch-result-index .product-options dt { position: relative; } .catalog-product-view .product-options .tooltip, .catalog-category-view .product-options .tooltip, .catalogsearch-result-index .product-options .tooltip { -webkit-animation: bounce-side 1s; animation: bounce-side 1s; display: none; position: absolute; background-color: white; top: 0px; left: 170px; padding: 10px 15px; border: 1px solid #929292; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); z-index: 1; } .catalog-product-view .product-options .tooltip:after, .catalog-category-view .product-options .tooltip:after, .catalogsearch-result-index .product-options .tooltip:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: -2px 0px 5px -1px rgba(0, 0, 0, 0.3); content: ""; width: 10px; height: 10px; background: white; border-left: 1px solid #929292; border-top: 1px solid #929292; position: absolute; top: 6px; left: -6px; } .catalog-product-view .product-options label, .catalog-category-view .product-options label, .catalogsearch-result-index .product-options label { font-size: 11px; color: #000018; line-height: 14px; letter-spacing: 1px; text-transform: uppercase; } .catalog-product-view .product-options label.monogram:before, .catalog-category-view .product-options label.monogram:before, .catalogsearch-result-index .product-options label.monogram:before { position: absolute; content: "?"; width: 14px; height: 14px; border: 1px solid #aaa; color: #aaa; border-radius: 50%; display: inline-block; text-align: center; vertical-align: middle; font-family: "Verdana"; font-weight: 100; font-size: 10px; left: -16px; line-height: 12px; } .catalog-product-view .product-options label.monogram:hover:before, .catalog-category-view .product-options label.monogram:hover:before, .catalogsearch-result-index .product-options label.monogram:hover:before { color: #001871; border-color: #001871; } .catalog-product-view .product-options label.monogram:hover ~ .tooltip, .catalog-category-view .product-options label.monogram:hover ~ .tooltip, .catalogsearch-result-index .product-options label.monogram:hover ~ .tooltip { display: block; } .catalog-product-view .product-options label.monogram ~ .tooltip.mobile, .catalog-category-view .product-options label.monogram ~ .tooltip.mobile, .catalogsearch-result-index .product-options label.monogram ~ .tooltip.mobile { display: block; } .catalog-product-view .swatch-tooltip, .catalog-category-view .swatch-tooltip, .catalogsearch-result-index .swatch-tooltip { -webkit-animation: bounce 1s; animation: bounce 1s; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); display: none; width: 175px; border: 1px solid #929292; background: white; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #001871; text-align: center; z-index: 5; padding: 12px 0; position: absolute; } @media only screen and (max-width: 765px) { .catalog-product-view .swatch-tooltip, .catalog-category-view .swatch-tooltip, .catalogsearch-result-index .swatch-tooltip { display: none; } } .catalog-product-view .swatch-tooltip:after, .catalog-category-view .swatch-tooltip:after, .catalogsearch-result-index .swatch-tooltip:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: -2px 2px 3px 0px rgba(0, 0, 0, 0.3); content: ""; width: 14px; height: 14px; background: white; border-left: 1px solid #929292; border-bottom: 1px solid #929292; position: absolute; bottom: -7px; left: 45%; left: calc(50% - 7px); } .swatch-option[title^="WHITE"], .swatch-option[title^="White"], .swatch-option[title^="white"], .swatch-option[title^="ATUPE"], .swatch-option[title^="Atupe"], .swatch-option[title^="atupe"], .swatch-option[title^="AZURE"], .swatch-option[title^="Azure"], .swatch-option[title^="azure"], .swatch-option[title^="BONE"], .swatch-option[title^="Bone"], .swatch-option[title^="bone"], .swatch-option[title^="CHALK"], .swatch-option[title^="Chalk"], .swatch-option[title^="chalk"], .swatch-option[title^="CREAM"], .swatch-option[title^="Cream"], .swatch-option[title^="cream"], .swatch-option[title^="CREME"], .swatch-option[title^="Creme"], .swatch-option[title^="creme"], .swatch-option[title^="IVORY"], .swatch-option[title^="Ivory"], .swatch-option[title^="ivory"], .swatch-option[title^="MIST"], .swatch-option[title^="Mist"], .swatch-option[title^="mist"], .swatch-option[title^="MOON"], .swatch-option[title^="Moon"], .swatch-option[title^="moon"], .swatch-option[title^="OUTMEAL"], .swatch-option[title^="Outmeal"], .swatch-option[title^="oatmeal"], .swatch-option[title^="RHODIUM"], .swatch-option[title^="Rhodium"], .swatch-option[title^="rhodium"], .swatch-option[title^="VANILLA"], .swatch-option[title^="Vanilla"], .swatch-option[title^="vanilla"], .swatch-option[title^="WHITE"], .swatch-option[title^="White"], .swatch-option[title^="white"], .swatch-filter[title^="WHITE"], .swatch-filter[title^="White"], .swatch-filter[title^="white"], .swatch-filter[title^="ATUPE"], .swatch-filter[title^="Atupe"], .swatch-filter[title^="atupe"], .swatch-filter[title^="AZURE"], .swatch-filter[title^="Azure"], .swatch-filter[title^="azure"], .swatch-filter[title^="BONE"], .swatch-filter[title^="Bone"], .swatch-filter[title^="bone"], .swatch-filter[title^="CHALK"], .swatch-filter[title^="Chalk"], .swatch-filter[title^="chalk"], .swatch-filter[title^="CREAM"], .swatch-filter[title^="Cream"], .swatch-filter[title^="cream"], .swatch-filter[title^="CREME"], .swatch-filter[title^="Creme"], .swatch-filter[title^="creme"], .swatch-filter[title^="IVORY"], .swatch-filter[title^="Ivory"], .swatch-filter[title^="ivory"], .swatch-filter[title^="MIST"], .swatch-filter[title^="Mist"], .swatch-filter[title^="mist"], .swatch-filter[title^="MOON"], .swatch-filter[title^="Moon"], .swatch-filter[title^="moon"], .swatch-filter[title^="OUTMEAL"], .swatch-filter[title^="Outmeal"], .swatch-filter[title^="oatmeal"], .swatch-filter[title^="RHODIUM"], .swatch-filter[title^="Rhodium"], .swatch-filter[title^="rhodium"], .swatch-filter[title^="VANILLA"], .swatch-filter[title^="Vanilla"], .swatch-filter[title^="vanilla"], .swatch-filter[title^="WHITE"], .swatch-filter[title^="White"], .swatch-filter[title^="white"] { border: 1px solid #C8C8C8; } .swatch-option[title^="WHITE"].selected, .swatch-option[title^="White"].selected, .swatch-option[title^="white"].selected, .swatch-option[title^="ATUPE"].selected, .swatch-option[title^="Atupe"].selected, .swatch-option[title^="atupe"].selected, .swatch-option[title^="AZURE"].selected, .swatch-option[title^="Azure"].selected, .swatch-option[title^="azure"].selected, .swatch-option[title^="BONE"].selected, .swatch-option[title^="Bone"].selected, .swatch-option[title^="bone"].selected, .swatch-option[title^="CHALK"].selected, .swatch-option[title^="Chalk"].selected, .swatch-option[title^="chalk"].selected, .swatch-option[title^="CREAM"].selected, .swatch-option[title^="Cream"].selected, .swatch-option[title^="cream"].selected, .swatch-option[title^="CREME"].selected, .swatch-option[title^="Creme"].selected, .swatch-option[title^="creme"].selected, .swatch-option[title^="IVORY"].selected, .swatch-option[title^="Ivory"].selected, .swatch-option[title^="ivory"].selected, .swatch-option[title^="MIST"].selected, .swatch-option[title^="Mist"].selected, .swatch-option[title^="mist"].selected, .swatch-option[title^="MOON"].selected, .swatch-option[title^="Moon"].selected, .swatch-option[title^="moon"].selected, .swatch-option[title^="OUTMEAL"].selected, .swatch-option[title^="Outmeal"].selected, .swatch-option[title^="oatmeal"].selected, .swatch-option[title^="RHODIUM"].selected, .swatch-option[title^="Rhodium"].selected, .swatch-option[title^="rhodium"].selected, .swatch-option[title^="VANILLA"].selected, .swatch-option[title^="Vanilla"].selected, .swatch-option[title^="vanilla"].selected, .swatch-option[title^="WHITE"].selected, .swatch-option[title^="White"].selected, .swatch-option[title^="white"].selected, .swatch-filter[title^="WHITE"].selected, .swatch-filter[title^="White"].selected, .swatch-filter[title^="white"].selected, .swatch-filter[title^="ATUPE"].selected, .swatch-filter[title^="Atupe"].selected, .swatch-filter[title^="atupe"].selected, .swatch-filter[title^="AZURE"].selected, .swatch-filter[title^="Azure"].selected, .swatch-filter[title^="azure"].selected, .swatch-filter[title^="BONE"].selected, .swatch-filter[title^="Bone"].selected, .swatch-filter[title^="bone"].selected, .swatch-filter[title^="CHALK"].selected, .swatch-filter[title^="Chalk"].selected, .swatch-filter[title^="chalk"].selected, .swatch-filter[title^="CREAM"].selected, .swatch-filter[title^="Cream"].selected, .swatch-filter[title^="cream"].selected, .swatch-filter[title^="CREME"].selected, .swatch-filter[title^="Creme"].selected, .swatch-filter[title^="creme"].selected, .swatch-filter[title^="IVORY"].selected, .swatch-filter[title^="Ivory"].selected, .swatch-filter[title^="ivory"].selected, .swatch-filter[title^="MIST"].selected, .swatch-filter[title^="Mist"].selected, .swatch-filter[title^="mist"].selected, .swatch-filter[title^="MOON"].selected, .swatch-filter[title^="Moon"].selected, .swatch-filter[title^="moon"].selected, .swatch-filter[title^="OUTMEAL"].selected, .swatch-filter[title^="Outmeal"].selected, .swatch-filter[title^="oatmeal"].selected, .swatch-filter[title^="RHODIUM"].selected, .swatch-filter[title^="Rhodium"].selected, .swatch-filter[title^="rhodium"].selected, .swatch-filter[title^="VANILLA"].selected, .swatch-filter[title^="Vanilla"].selected, .swatch-filter[title^="vanilla"].selected, .swatch-filter[title^="WHITE"].selected, .swatch-filter[title^="White"].selected, .swatch-filter[title^="white"].selected { border: 1px solid #000018; } .block-layered-nav .swatch-option[title^="WHITE"], .block-layered-nav .swatch-option[title^="White"], .block-layered-nav .swatch-option[title^="white"], .block-layered-nav .swatch-option[title^="ATUPE"], .block-layered-nav .swatch-option[title^="Atupe"], .block-layered-nav .swatch-option[title^="atupe"], .block-layered-nav .swatch-option[title^="AZURE"], .block-layered-nav .swatch-option[title^="Azure"], .block-layered-nav .swatch-option[title^="azure"], .block-layered-nav .swatch-option[title^="BONE"], .block-layered-nav .swatch-option[title^="Bone"], .block-layered-nav .swatch-option[title^="bone"], .block-layered-nav .swatch-option[title^="CHALK"], .block-layered-nav .swatch-option[title^="Chalk"], .block-layered-nav .swatch-option[title^="chalk"], .block-layered-nav .swatch-option[title^="CREAM"], .block-layered-nav .swatch-option[title^="Cream"], .block-layered-nav .swatch-option[title^="cream"], .block-layered-nav .swatch-option[title^="CREME"], .block-layered-nav .swatch-option[title^="Creme"], .block-layered-nav .swatch-option[title^="creme"], .block-layered-nav .swatch-option[title^="IVORY"], .block-layered-nav .swatch-option[title^="Ivory"], .block-layered-nav .swatch-option[title^="ivory"], .block-layered-nav .swatch-option[title^="MIST"], .block-layered-nav .swatch-option[title^="Mist"], .block-layered-nav .swatch-option[title^="mist"], .block-layered-nav .swatch-option[title^="MOON"], .block-layered-nav .swatch-option[title^="Moon"], .block-layered-nav .swatch-option[title^="moon"], .block-layered-nav .swatch-option[title^="OUTMEAL"], .block-layered-nav .swatch-option[title^="Outmeal"], .block-layered-nav .swatch-option[title^="oatmeal"], .block-layered-nav .swatch-option[title^="RHODIUM"], .block-layered-nav .swatch-option[title^="Rhodium"], .block-layered-nav .swatch-option[title^="rhodium"], .block-layered-nav .swatch-option[title^="VANILLA"], .block-layered-nav .swatch-option[title^="Vanilla"], .block-layered-nav .swatch-option[title^="vanilla"], .block-layered-nav .swatch-option[title^="WHITE"], .block-layered-nav .swatch-option[title^="White"], .block-layered-nav .swatch-option[title^="white"], .block-layered-nav .swatch-filter[title^="WHITE"], .block-layered-nav .swatch-filter[title^="White"], .block-layered-nav .swatch-filter[title^="white"], .block-layered-nav .swatch-filter[title^="ATUPE"], .block-layered-nav .swatch-filter[title^="Atupe"], .block-layered-nav .swatch-filter[title^="atupe"], .block-layered-nav .swatch-filter[title^="AZURE"], .block-layered-nav .swatch-filter[title^="Azure"], .block-layered-nav .swatch-filter[title^="azure"], .block-layered-nav .swatch-filter[title^="BONE"], .block-layered-nav .swatch-filter[title^="Bone"], .block-layered-nav .swatch-filter[title^="bone"], .block-layered-nav .swatch-filter[title^="CHALK"], .block-layered-nav .swatch-filter[title^="Chalk"], .block-layered-nav .swatch-filter[title^="chalk"], .block-layered-nav .swatch-filter[title^="CREAM"], .block-layered-nav .swatch-filter[title^="Cream"], .block-layered-nav .swatch-filter[title^="cream"], .block-layered-nav .swatch-filter[title^="CREME"], .block-layered-nav .swatch-filter[title^="Creme"], .block-layered-nav .swatch-filter[title^="creme"], .block-layered-nav .swatch-filter[title^="IVORY"], .block-layered-nav .swatch-filter[title^="Ivory"], .block-layered-nav .swatch-filter[title^="ivory"], .block-layered-nav .swatch-filter[title^="MIST"], .block-layered-nav .swatch-filter[title^="Mist"], .block-layered-nav .swatch-filter[title^="mist"], .block-layered-nav .swatch-filter[title^="MOON"], .block-layered-nav .swatch-filter[title^="Moon"], .block-layered-nav .swatch-filter[title^="moon"], .block-layered-nav .swatch-filter[title^="OUTMEAL"], .block-layered-nav .swatch-filter[title^="Outmeal"], .block-layered-nav .swatch-filter[title^="oatmeal"], .block-layered-nav .swatch-filter[title^="RHODIUM"], .block-layered-nav .swatch-filter[title^="Rhodium"], .block-layered-nav .swatch-filter[title^="rhodium"], .block-layered-nav .swatch-filter[title^="VANILLA"], .block-layered-nav .swatch-filter[title^="Vanilla"], .block-layered-nav .swatch-filter[title^="vanilla"], .block-layered-nav .swatch-filter[title^="WHITE"], .block-layered-nav .swatch-filter[title^="White"], .block-layered-nav .swatch-filter[title^="white"] { outline: 1px solid #C8C8C8; border: 1px solid #C8C8C8; height: 30px !important; width: 30px !important; } .block-related .products-grid, .box-up-sell .products-grid { width: 100%; max-width: 1680px; margin: 30px auto 52px; padding: 0 30px; } @media only screen and (max-width: 765px) { .block-related .products-grid, .box-up-sell .products-grid { margin-bottom: 20px; } } .block-related .products-grid li.item, .box-up-sell .products-grid li.item { width: 25%; max-width: 100%; clear: none; margin: 0; } @media only screen and (max-width: 880px) { .block-related .products-grid li.item, .box-up-sell .products-grid li.item { padding: 0 9px; } } .block-related .products-grid li.item:last-of-type, .box-up-sell .products-grid li.item:last-of-type { margin-right: 0; } .block-related .products-grid li.item .product-flags, .box-up-sell .products-grid li.item .product-flags { font-size: 11px; color: #000018; line-height: 11px; letter-spacing: 1px; text-transform: uppercase; position: absolute; bottom: 0; width: 70%; left: 15%; padding: 5.4% 0; } .block-related .products-grid li.item .product-image, .box-up-sell .products-grid li.item .product-image { display: block; min-height: 333px; position: relative; max-width: 222px; margin: 0 auto 30px; float: none; } @media only screen and (max-width: 765px) { .block-related .products-grid li.item .product-image, .box-up-sell .products-grid li.item .product-image { max-width: 100%; min-height: 0px; } } .block-related .products-grid li.item .product-image img, .box-up-sell .products-grid li.item .product-image img { bottom: 0; left: 0; max-height: 333px; } @media only screen and (max-width: 599px) { .block-related .products-grid li.item .product-image img, .box-up-sell .products-grid li.item .product-image img { position: relative; max-height: auto; } } @media only screen and (max-width: 765px) { .block-related .products-grid li.item .product-name, .box-up-sell .products-grid li.item .product-name { text-align: center; } } .block-related .products-grid li.item .product-name a, .box-up-sell .products-grid li.item .product-name a { font-size: 13px; color: #000018; line-height: 18px; text-transform: capitalize; } .block-related .products-grid li.item .product-info, .box-up-sell .products-grid li.item .product-info { padding-bottom: 20px; min-height: 0 !important; } .blueacorn-quickview { width: 100%; margin: 0 auto; } .blueacorn-quickview .quickview-button { height: 25px; line-height: 25px; padding: 0 15px; } .wishlist-management .sub-title h2 { font-size: 15px; } .wishlist-management .sub-title h2 a { float: right; } .wishlist-management button { height: 30px; margin: 10px 0 20px; } .wishlist-management .split-button { margin: 10px 0; } .wishlist-management .split-button strong { text-transform: uppercase; color: #000018; letter-spacing: 1px; } .cms-fit-room .breadcrumbs { display: none; } .cms-fit-room .sidebar .block-account li { margin: 7px 0; list-style-type: none; padding: 0; font-style: normal; line-height: 14px; } .cms-fit-room .sidebar .block-account li a { font-size: 11px; line-height: 14px; margin: 0; padding: 0; } .cms-fit-room .sidebar .block-account li a strong { color: inherit; } .cms-fit-room .sidebar .block-account li a.current { color: #001871; } .cms-fit-room .content-right { width: 75%; float: left; } #wishlist-table strong { text-transform: uppercase; color: #000018; letter-spacing: 1px; } #wishlist-table .item-manage .list-container { padding: 5px 0 10px; } #wishlist-table .button, #wishlist-table .button2, #wishlist-table .add-to-links a, .add-to-links #wishlist-table a, #wishlist-table .add-to-links .split-button strong, .add-to-links .split-button #wishlist-table strong { height: 30px; line-height: 24px; color: #001871; } #wishlist-table .button span, #wishlist-table .button2 span, #wishlist-table .add-to-links a span, .add-to-links #wishlist-table a span, #wishlist-table .add-to-links .split-button strong span, .add-to-links .split-button #wishlist-table strong span, #wishlist-table .button span span, #wishlist-table .button2 span span, #wishlist-table .add-to-links a span span, .add-to-links #wishlist-table a span span, #wishlist-table .add-to-links .split-button strong span span, .add-to-links .split-button #wishlist-table strong span span { color: #001871; } #wishlist-table .button:hover, #wishlist-table .button2:hover, #wishlist-table .add-to-links a:hover, .add-to-links #wishlist-table a:hover, #wishlist-table .add-to-links .split-button strong:hover, .add-to-links .split-button #wishlist-table strong:hover { color: white; } #wishlist-table .button:hover span, #wishlist-table .button2:hover span, #wishlist-table .add-to-links a:hover span, .add-to-links #wishlist-table a:hover span, #wishlist-table .add-to-links .split-button strong:hover span, .add-to-links .split-button #wishlist-table strong:hover span, #wishlist-table .button:hover span span, #wishlist-table .button2:hover span span, #wishlist-table .add-to-links a:hover span span, .add-to-links #wishlist-table a:hover span span, #wishlist-table .add-to-links .split-button strong:hover span span, .add-to-links .split-button #wishlist-table strong:hover span span { color: white; } #wishlist-table .btn-cart { color: white; } #wishlist-table .btn-cart span, #wishlist-table .btn-cart span span { color: white; } #wishlist-table .btn-update { color: #001871; } #wishlist-table .btn-update span, #wishlist-table .btn-update span span { color: #001871; } .my-account .btn-update.button-secondary { color: #001871; } .my-account .btn-update.button-secondary:hover { color: white; } .customer-account .col-left { clear: none; max-width: 12.7976%; padding-right: 0; width: 20.2%; margin-left: 4.033%; } @media only screen and (max-width: 765px) { .customer-account .col-left { padding-left: 0px; width: 100%; max-width: 87.5%; margin: 0 6.25% 20px; } } .customer-account .col-main { width: 75.9524%; padding: 0; margin: 0 2.9762% 50px; } @media only screen and (max-width: 765px) { .customer-account .col-main { width: 100%; max-width: 87.5%; margin: 0 6.25% 20px; } } .customer-account .buttons-set { width: 365px; max-width: 100%; } .customer-account .sidebar .block-account li a strong { color: inherit; } .customer-account .sidebar .block-account li a.current { color: #001871; } .customer-account .my-account .pager .limiter { height: auto; } .customer-account .my-account .pager { width: 100%; } .customer-account .my-account .pager .amount { height: 40px; line-height: 40px; } .customer-account select, .customer-account .custom-shiv { max-width: 365px; } .skip-account { position: relative; } @media only screen and (max-width: 765px) { .skip-account { position: inherit; } } #header-account, #header-account.skip-active { box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); display: none; z-index: 20; position: absolute; right: 0; top: 100%; border: none; background: white; width: 210px; } #header-account a, #header-account.skip-active a { text-align: left; font-size: 11px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; color: #000018; padding: 7px 30px; } #header-account a:hover, #header-account.skip-active a:hover { color: #001871; } #header-account ul, #header-account.skip-active ul { margin: 5px 0 20px; } @media only screen and (max-width: 765px) { #header-account ul, #header-account.skip-active ul { margin: 20px 0 40px; } } #header-account ul li, #header-account.skip-active ul li { margin: 0; padding: 0; } @media only screen and (max-width: 765px) { #header-account, #header-account.skip-active { position: absolute; width: 100%; top: 100%; left: 0; } } .header-account.hover #header-account { display: block; } .customer-account-login .col-main .widget, .customer-account-create .col-main .widget { width: 43.5%; float: left; text-align: right; padding-left: 30px; } @media only screen and (max-width: 765px) { .customer-account-login .col-main .widget, .customer-account-create .col-main .widget { display: none; } } .customer-account-login .col-main .widget img, .customer-account-create .col-main .widget img { width: 100%; display: inline-block; } .customer-account-login .col-main > .col-1, .customer-account-login .col-main .account-login, .customer-account-login .col-main .account-create, .customer-account-login .col-main .order-status, .customer-account-create .col-main > .col-1, .customer-account-create .col-main .account-login, .customer-account-create .col-main .account-create, .customer-account-create .col-main .order-status { width: 56.5%; float: right; padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 765px) { .customer-account-login .col-main > .col-1, .customer-account-login .col-main .account-login, .customer-account-login .col-main .account-create, .customer-account-login .col-main .order-status, .customer-account-create .col-main > .col-1, .customer-account-create .col-main .account-login, .customer-account-create .col-main .account-create, .customer-account-create .col-main .order-status { width: 100%; } } .customer-account-login .col-main .gigya-login, .customer-account-create .col-main .gigya-login { height: auto; margin-bottom: 0; } .customer-account-login .col-main .account-login .col-1, .customer-account-login .col-main .account-login .col-2, .customer-account-login .col-main .account-create .col-1, .customer-account-login .col-main .account-create .col-2, .customer-account-create .col-main .account-login .col-1, .customer-account-create .col-main .account-login .col-2, .customer-account-create .col-main .account-create .col-1, .customer-account-create .col-main .account-create .col-2 { width: 100%; border: none; padding: 0; margin: 0 0 20px; } .customer-account-login .col-main .account-login .col-1 .button, .customer-account-login .col-main .account-login .col-1 .button2, .customer-account-login .col-main .account-login .col-1 .add-to-links a, .add-to-links .customer-account-login .col-main .account-login .col-1 a, .customer-account-login .col-main .account-login .col-1 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-login .col-main .account-login .col-1 strong, .customer-account-login .col-main .account-login .col-2 .button, .customer-account-login .col-main .account-login .col-2 .button2, .customer-account-login .col-main .account-login .col-2 .add-to-links a, .add-to-links .customer-account-login .col-main .account-login .col-2 a, .customer-account-login .col-main .account-login .col-2 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-login .col-main .account-login .col-2 strong, .customer-account-login .col-main .account-create .col-1 .button, .customer-account-login .col-main .account-create .col-1 .button2, .customer-account-login .col-main .account-create .col-1 .add-to-links a, .add-to-links .customer-account-login .col-main .account-create .col-1 a, .customer-account-login .col-main .account-create .col-1 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-login .col-main .account-create .col-1 strong, .customer-account-login .col-main .account-create .col-2 .button, .customer-account-login .col-main .account-create .col-2 .button2, .customer-account-login .col-main .account-create .col-2 .add-to-links a, .add-to-links .customer-account-login .col-main .account-create .col-2 a, .customer-account-login .col-main .account-create .col-2 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-login .col-main .account-create .col-2 strong, .customer-account-create .col-main .account-login .col-1 .button, .customer-account-create .col-main .account-login .col-1 .button2, .customer-account-create .col-main .account-login .col-1 .add-to-links a, .add-to-links .customer-account-create .col-main .account-login .col-1 a, .customer-account-create .col-main .account-login .col-1 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-create .col-main .account-login .col-1 strong, .customer-account-create .col-main .account-login .col-2 .button, .customer-account-create .col-main .account-login .col-2 .button2, .customer-account-create .col-main .account-login .col-2 .add-to-links a, .add-to-links .customer-account-create .col-main .account-login .col-2 a, .customer-account-create .col-main .account-login .col-2 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-create .col-main .account-login .col-2 strong, .customer-account-create .col-main .account-create .col-1 .button, .customer-account-create .col-main .account-create .col-1 .button2, .customer-account-create .col-main .account-create .col-1 .add-to-links a, .add-to-links .customer-account-create .col-main .account-create .col-1 a, .customer-account-create .col-main .account-create .col-1 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-create .col-main .account-create .col-1 strong, .customer-account-create .col-main .account-create .col-2 .button, .customer-account-create .col-main .account-create .col-2 .button2, .customer-account-create .col-main .account-create .col-2 .add-to-links a, .add-to-links .customer-account-create .col-main .account-create .col-2 a, .customer-account-create .col-main .account-create .col-2 .add-to-links .split-button strong, .add-to-links .split-button .customer-account-create .col-main .account-create .col-2 strong { background: #001871; border: 1px solid #001871; color: white; line-height: 24px; } .customer-account-login .col-main .account-login .col-1 .button span, .customer-account-login .col-main .account-login .col-1 .button2 span, .customer-account-login .col-main .account-login .col-1 .add-to-links a span, .add-to-links .customer-account-login .col-main .account-login .col-1 a span, .customer-account-login .col-main .account-login .col-1 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-login .col-main .account-login .col-1 strong span, .customer-account-login .col-main .account-login .col-1 .button span span, .customer-account-login .col-main .account-login .col-1 .button2 span span, .customer-account-login .col-main .account-login .col-1 .add-to-links a span span, .add-to-links .customer-account-login .col-main .account-login .col-1 a span span, .customer-account-login .col-main .account-login .col-1 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-login .col-main .account-login .col-1 strong span span, .customer-account-login .col-main .account-login .col-2 .button span, .customer-account-login .col-main .account-login .col-2 .button2 span, .customer-account-login .col-main .account-login .col-2 .add-to-links a span, .add-to-links .customer-account-login .col-main .account-login .col-2 a span, .customer-account-login .col-main .account-login .col-2 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-login .col-main .account-login .col-2 strong span, .customer-account-login .col-main .account-login .col-2 .button span span, .customer-account-login .col-main .account-login .col-2 .button2 span span, .customer-account-login .col-main .account-login .col-2 .add-to-links a span span, .add-to-links .customer-account-login .col-main .account-login .col-2 a span span, .customer-account-login .col-main .account-login .col-2 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-login .col-main .account-login .col-2 strong span span, .customer-account-login .col-main .account-create .col-1 .button span, .customer-account-login .col-main .account-create .col-1 .button2 span, .customer-account-login .col-main .account-create .col-1 .add-to-links a span, .add-to-links .customer-account-login .col-main .account-create .col-1 a span, .customer-account-login .col-main .account-create .col-1 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-login .col-main .account-create .col-1 strong span, .customer-account-login .col-main .account-create .col-1 .button span span, .customer-account-login .col-main .account-create .col-1 .button2 span span, .customer-account-login .col-main .account-create .col-1 .add-to-links a span span, .add-to-links .customer-account-login .col-main .account-create .col-1 a span span, .customer-account-login .col-main .account-create .col-1 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-login .col-main .account-create .col-1 strong span span, .customer-account-login .col-main .account-create .col-2 .button span, .customer-account-login .col-main .account-create .col-2 .button2 span, .customer-account-login .col-main .account-create .col-2 .add-to-links a span, .add-to-links .customer-account-login .col-main .account-create .col-2 a span, .customer-account-login .col-main .account-create .col-2 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-login .col-main .account-create .col-2 strong span, .customer-account-login .col-main .account-create .col-2 .button span span, .customer-account-login .col-main .account-create .col-2 .button2 span span, .customer-account-login .col-main .account-create .col-2 .add-to-links a span span, .add-to-links .customer-account-login .col-main .account-create .col-2 a span span, .customer-account-login .col-main .account-create .col-2 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-login .col-main .account-create .col-2 strong span span, .customer-account-create .col-main .account-login .col-1 .button span, .customer-account-create .col-main .account-login .col-1 .button2 span, .customer-account-create .col-main .account-login .col-1 .add-to-links a span, .add-to-links .customer-account-create .col-main .account-login .col-1 a span, .customer-account-create .col-main .account-login .col-1 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-create .col-main .account-login .col-1 strong span, .customer-account-create .col-main .account-login .col-1 .button span span, .customer-account-create .col-main .account-login .col-1 .button2 span span, .customer-account-create .col-main .account-login .col-1 .add-to-links a span span, .add-to-links .customer-account-create .col-main .account-login .col-1 a span span, .customer-account-create .col-main .account-login .col-1 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-create .col-main .account-login .col-1 strong span span, .customer-account-create .col-main .account-login .col-2 .button span, .customer-account-create .col-main .account-login .col-2 .button2 span, .customer-account-create .col-main .account-login .col-2 .add-to-links a span, .add-to-links .customer-account-create .col-main .account-login .col-2 a span, .customer-account-create .col-main .account-login .col-2 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-create .col-main .account-login .col-2 strong span, .customer-account-create .col-main .account-login .col-2 .button span span, .customer-account-create .col-main .account-login .col-2 .button2 span span, .customer-account-create .col-main .account-login .col-2 .add-to-links a span span, .add-to-links .customer-account-create .col-main .account-login .col-2 a span span, .customer-account-create .col-main .account-login .col-2 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-create .col-main .account-login .col-2 strong span span, .customer-account-create .col-main .account-create .col-1 .button span, .customer-account-create .col-main .account-create .col-1 .button2 span, .customer-account-create .col-main .account-create .col-1 .add-to-links a span, .add-to-links .customer-account-create .col-main .account-create .col-1 a span, .customer-account-create .col-main .account-create .col-1 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-create .col-main .account-create .col-1 strong span, .customer-account-create .col-main .account-create .col-1 .button span span, .customer-account-create .col-main .account-create .col-1 .button2 span span, .customer-account-create .col-main .account-create .col-1 .add-to-links a span span, .add-to-links .customer-account-create .col-main .account-create .col-1 a span span, .customer-account-create .col-main .account-create .col-1 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-create .col-main .account-create .col-1 strong span span, .customer-account-create .col-main .account-create .col-2 .button span, .customer-account-create .col-main .account-create .col-2 .button2 span, .customer-account-create .col-main .account-create .col-2 .add-to-links a span, .add-to-links .customer-account-create .col-main .account-create .col-2 a span, .customer-account-create .col-main .account-create .col-2 .add-to-links .split-button strong span, .add-to-links .split-button .customer-account-create .col-main .account-create .col-2 strong span, .customer-account-create .col-main .account-create .col-2 .button span span, .customer-account-create .col-main .account-create .col-2 .button2 span span, .customer-account-create .col-main .account-create .col-2 .add-to-links a span span, .add-to-links .customer-account-create .col-main .account-create .col-2 a span span, .customer-account-create .col-main .account-create .col-2 .add-to-links .split-button strong span span, .add-to-links .split-button .customer-account-create .col-main .account-create .col-2 strong span span { color: white; } .customer-account-login .col-main .account-login .col-1 .button:hover, .customer-account-login .col-main .account-login .col-1 .button2:hover, .customer-account-login .col-main .account-login .col-1 .add-to-links a:hover, .add-to-links .customer-account-login .col-main .account-login .col-1 a:hover, .customer-account-login .col-main .account-login .col-1 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-login .col-main .account-login .col-1 strong:hover, .customer-account-login .col-main .account-login .col-2 .button:hover, .customer-account-login .col-main .account-login .col-2 .button2:hover, .customer-account-login .col-main .account-login .col-2 .add-to-links a:hover, .add-to-links .customer-account-login .col-main .account-login .col-2 a:hover, .customer-account-login .col-main .account-login .col-2 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-login .col-main .account-login .col-2 strong:hover, .customer-account-login .col-main .account-create .col-1 .button:hover, .customer-account-login .col-main .account-create .col-1 .button2:hover, .customer-account-login .col-main .account-create .col-1 .add-to-links a:hover, .add-to-links .customer-account-login .col-main .account-create .col-1 a:hover, .customer-account-login .col-main .account-create .col-1 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-login .col-main .account-create .col-1 strong:hover, .customer-account-login .col-main .account-create .col-2 .button:hover, .customer-account-login .col-main .account-create .col-2 .button2:hover, .customer-account-login .col-main .account-create .col-2 .add-to-links a:hover, .add-to-links .customer-account-login .col-main .account-create .col-2 a:hover, .customer-account-login .col-main .account-create .col-2 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-login .col-main .account-create .col-2 strong:hover, .customer-account-create .col-main .account-login .col-1 .button:hover, .customer-account-create .col-main .account-login .col-1 .button2:hover, .customer-account-create .col-main .account-login .col-1 .add-to-links a:hover, .add-to-links .customer-account-create .col-main .account-login .col-1 a:hover, .customer-account-create .col-main .account-login .col-1 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-create .col-main .account-login .col-1 strong:hover, .customer-account-create .col-main .account-login .col-2 .button:hover, .customer-account-create .col-main .account-login .col-2 .button2:hover, .customer-account-create .col-main .account-login .col-2 .add-to-links a:hover, .add-to-links .customer-account-create .col-main .account-login .col-2 a:hover, .customer-account-create .col-main .account-login .col-2 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-create .col-main .account-login .col-2 strong:hover, .customer-account-create .col-main .account-create .col-1 .button:hover, .customer-account-create .col-main .account-create .col-1 .button2:hover, .customer-account-create .col-main .account-create .col-1 .add-to-links a:hover, .add-to-links .customer-account-create .col-main .account-create .col-1 a:hover, .customer-account-create .col-main .account-create .col-1 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-create .col-main .account-create .col-1 strong:hover, .customer-account-create .col-main .account-create .col-2 .button:hover, .customer-account-create .col-main .account-create .col-2 .button2:hover, .customer-account-create .col-main .account-create .col-2 .add-to-links a:hover, .add-to-links .customer-account-create .col-main .account-create .col-2 a:hover, .customer-account-create .col-main .account-create .col-2 .add-to-links .split-button strong:hover, .add-to-links .split-button .customer-account-create .col-main .account-create .col-2 strong:hover { background: #00004f; border: 1px solid #00004f; } .customer-account-login .col-main .account-login h2, .customer-account-login .col-main .account-create h2, .customer-account-create .col-main .account-login h2, .customer-account-create .col-main .account-create h2 { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; } .customer-account-login .account-login .page-title, .customer-account-create .account-login .page-title { display: none; } .customer-account-login .order-status h2, .customer-account-create .order-status h2 { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } .customer-account-login .order-status .button, .customer-account-login .order-status .button2, .customer-account-login .order-status .add-to-links a, .add-to-links .customer-account-login .order-status a, .customer-account-login .order-status .add-to-links .split-button strong, .add-to-links .split-button .customer-account-login .order-status strong, .customer-account-create .order-status .button, .customer-account-create .order-status .button2, .customer-account-create .order-status .add-to-links a, .add-to-links .customer-account-create .order-status a, .customer-account-create .order-status .add-to-links .split-button strong, .add-to-links .split-button .customer-account-create .order-status strong { margin: 10px 0 30px; line-height: 14px; height: 30px; } .sales-guest-form .breadcrumbs { padding-left: 20px; } .sales-guest-form .col-main { padding: 20px; } .sales-guest-form .select-container { max-width: 300px; } .sales-guest-form .buttons-set { text-align: left; margin: 0; } .sales-guest-form .buttons-set button { float: left; margin: 0; } .sales-guest-form h2.legend { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } /* ============================================ Checkout - Success ============================================ */ .checkout-onepage-success .col-main { padding: 0; text-align: center; } .checkout-onepage-success .col-main .success-title { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; margin-top: 40px; } .checkout-onepage-success .col-main .success-order-number { border-radius: 4px; padding: 5px 20px; margin: 0 auto; width: 40%; background-color: #001871; color: white; } .checkout-onepage-success .col-main .success-order-number #order-number-label { font-weight: bold; text-transform: uppercase; } .checkout-onepage-success .col-main .print-info { padding: 20px; color: #929292; } .checkout-onepage-success .col-main .address-info { border-top: 1px solid #E6E6E6; padding: 20px 5px; color: #929292; white-space: normal; word-wrap: break-word; } .checkout-onepage-success .col-main .address-info .billing-address { display: inline-block; text-align: left; padding-right: 5%; width: 30%; min-width: 130px; } .checkout-onepage-success .col-main .address-info .billing-address .billing-title { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; color: #001871; } .checkout-onepage-success .col-main .address-info .shipping-address { display: inline-block; text-align: left; padding-right: 5%; width: 30%; min-width: 130px; } .checkout-onepage-success .col-main .address-info .shipping-address .shipping-title { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; color: #001871; } .checkout-onepage-success .col-main .address-info .shipping-cost { display: inline-block; width: 30%; min-width: 130px; vertical-align: top; } .checkout-onepage-success .col-main .item-count { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; text-align: left; padding: 5px 20px 5px 50px; margin-bottom: 20px; } .checkout-onepage-success .col-main .items-list { display: inline-block; width: 60%; padding-right: 2%; margin-left: 5%; float: left; } .checkout-onepage-success .col-main .items-list .item-row { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 20px; } .checkout-onepage-success .col-main .items-list .item-row .item-image { width: 12%; float: left; min-width: 64px; } .checkout-onepage-success .col-main .items-list .item-row .item-name { width: 70%; float: left; padding-left: 5%; text-align: left; } .checkout-onepage-success .col-main .items-list .item-row .item-name .item-name { font-size: 16px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; padding-left: 0px; font-weight: 300; color: #929292; } .checkout-onepage-success .col-main .items-list .item-row .item-name .item-sku { clear: left; font-size: 12px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; color: rgba(146, 146, 146, 0.6); padding-top: 8px; } .checkout-onepage-success .col-main .items-list .item-row .item-name .item-sku .sku-label { font-weight: 400; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .checkout-onepage-success .col-main .items-list .item-row .item-qty { width: 10%; float: left; padding-left: 5%; color: #929292; } .checkout-onepage-success .col-main .summary { display: inline-block; width: 30%; min-width: 250px; vertical-align: top; border: 1px solid #C8C8C8; border-radius: 3px; color: #001871; float: right; padding-bottom: 10px; margin-right: 5%; } .checkout-onepage-success .col-main .summary .summary-divider { border-bottom: 1px solid #C8C8C8; padding-bottom: 5px; margin-bottom: 10px; } .checkout-onepage-success .col-main .summary .summary-title { background-color: #C8C8C8; color: #000018; font-weight: bold; display: block; line-height: 25px; margin-bottom: 10px; } .checkout-onepage-success .col-main .summary .total-label, .checkout-onepage-success .col-main .summary .final-total { font-weight: bold; } .checkout-onepage-success .col-main .summary .subtotal-label, .checkout-onepage-success .col-main .summary .sub-total, .checkout-onepage-success .col-main .summary .discount-label, .checkout-onepage-success .col-main .summary .discount-amount, .checkout-onepage-success .col-main .summary .shipping-label, .checkout-onepage-success .col-main .summary .shipping-total, .checkout-onepage-success .col-main .summary .total-label, .checkout-onepage-success .col-main .summary .final-total { display: inline-block; width: 40%; text-align: left; color: #929292; } .checkout-onepage-success .col-main .summary .sub-total, .checkout-onepage-success .col-main .summary .discount-amount, .checkout-onepage-success .col-main .summary .shipping-total, .checkout-onepage-success .col-main .summary .final-total { text-align: right; } .checkout-onepage-success .col-main .summary .final-total, .checkout-onepage-success .col-main .summary .total-label { margin-top: 10px; } .checkout-onepage-success .col-main .contact-info { float: right; clear: right; display: inline-block; width: 30%; min-width: 250px; vertical-align: top; border: 1px solid #001871; border-radius: 3px; color: #001871; margin-top: 20px; padding-bottom: 10px; margin-right: 5%; margin-bottom: 20px; } .checkout-onepage-success .col-main .contact-info .contact-title { border-bottom: 1px solid #001871; line-height: 25px; margin-bottom: 10px; } .checkout-onepage-success .col-main .contact-info .call-us, .checkout-onepage-success .col-main .contact-info .live-chat { width: 100%; text-align: left; padding-left: 10%; color: #929292; } @media only screen and (max-width: 845px) { .checkout-onepage-success .col-main .items-list { width: 90%; padding-right: 0px; margin-right: 5%; } .checkout-onepage-success .col-main .summary { clear: both; float: left; width: 45%; margin-left: 5%; } .checkout-onepage-success .col-main .contact-info { margin-top: 0px; width: 40%; } .checkout-onepage-success .col-main .success-order-number { width: 90%; } } @media only screen and (max-width: 630px) { .checkout-onepage-success .col-main .summary { clear: both; float: left; width: 90%; margin-left: 5%; } .checkout-onepage-success .col-main .contact-info { clear: both; margin-top: 0px; width: 90%; margin-left: 5%; margin-top: 20px; } .checkout-onepage-success .col-main .success-title h1 { font-size: 28px; } } @media only screen and (max-width: 479px) { .checkout-onepage-success .col-main .address-info .billing-address { width: 45%; } .checkout-onepage-success .col-main .address-info .shipping-address { width: 45%; padding-right: 0px; } .checkout-onepage-success .col-main .address-info .shipping-cost { display: block; margin: 20px auto 0px; width: 100%; } .checkout-onepage-success .col-main .success-title h1 { font-size: 23px; } } .checkout-onepage-success .buttons-set { margin: 10px 0; text-align: center; border-color: #E6E6E6; } .checkout-onepage-success .buttons-set button { float: none; } @media only screen and (max-width: 845px) { .checkout-onepage-success .buttons-set { float: left; width: 100%; margin-top: 25px; } } .catalog-product-view .pagination { float: right; width: 90px; border: 1px solid #001871; } @media only screen and (max-width: 765px) { .catalog-product-view .pagination { display: none; } } .catalog-product-view .pagination .dropdown { display: none; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3); position: absolute; height: 70px; width: 180px; right: -20px; top: 55px; border: 1px solid #C8C8C8; padding: 5px; background: white; } .catalog-product-view .pagination .dropdown img { width: 40px; display: inline-block; vertical-align: bottom; } .catalog-product-view .pagination .dropdown .prod-name { width: 100px; display: inline-block; vertical-align: top; font-size: 11px; color: #001871; margin: 10px 0; } .catalog-product-view .pagination .dropdown:after { content: ""; display: block; border-left: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; background: white; width: 18px; height: 18px; top: -10px; right: 35px; position: absolute; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .catalog-product-view .pagination li { float: left; width: 50%; position: relative; } .catalog-product-view .pagination li .link { float: left; width: 100%; height: 40px; } .catalog-product-view .pagination li .link:hover { background: #dddddd; } .catalog-product-view .pagination li:hover .dropdown { display: block; } .catalog-product-view .pagination .icon { background-position: 0 -1513px; display: block; width: 15px; height: 24px; margin: 8px 13px; } .catalog-product-view .pagination .prev { border-right: 1px solid #001871; } .catalog-product-view .pagination .prev .icon { background-position: 0 -1544px; } .catalog-product-view .pagination .next .icon { margin: 8px 17px; } .quickview-wrap { z-index: 99999; } @media only screen and (max-width: 768px) { .quickview-wrap { opacity: 1 !important; position: fixed !important; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; overflow: scroll; -webkit-transition: -webkit-transform 600ms ease-out; transition: -webkit-transform 600ms ease-out; transition: transform 600ms ease-out; transition: transform 600ms ease-out, -webkit-transform 600ms ease-out; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .quickview-wrap.fancybox-opened { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .quickview-wrap .fancybox-inner { width: 100% !important; height: auto !important; } } .quickview-wrap .monogram, .quickview-wrap .link-compare { display: none; } .quickview-wrap .btn-monogram { line-height: 40px; font-size: 14px; padding: 0px 32px; float: left; min-width: 160px; width: 100%; } .quickview-wrap .fancybox-skin { padding: 0 !important; overflow: hidden; } .quickview-wrap #blueacorn-quickview-modal { max-width: 800px; } .quickview-wrap #blueacorn-quickview-modal .right { min-height: 500px; margin: 0; border-left: 1px solid #E6E6E6; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .right { min-height: 0px; max-width: 100%; } } .quickview-wrap #blueacorn-quickview-modal .right .info-container { margin-bottom: 0px; } .quickview-wrap #blueacorn-quickview-modal .right .product-flags.quickview { display: inline-block; text-transform: uppercase; letter-spacing: 1px; margin: 15px 0; padding: 2.16% 6.48%; color: #000018; background-color: #E4DED4; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .right .product-flags.quickview { margin: 5px 0; padding: 0 15px; line-height: 24px; } } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .right .price-box, .quickview-wrap #blueacorn-quickview-modal .right .regular-price, .quickview-wrap #blueacorn-quickview-modal .right .special-price { text-align: left; } .quickview-wrap #blueacorn-quickview-modal .right .price-box .price, .quickview-wrap #blueacorn-quickview-modal .right .regular-price .price, .quickview-wrap #blueacorn-quickview-modal .right .special-price .price { font-weight: bold; } } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .right .old-price .price { font-weight: normal; font-size: 16px; margin-right: 5px; } } .quickview-wrap #blueacorn-quickview-modal .right .hearts { position: relative; right: 0px; bottom: 0px; display: block; width: 200px; height: 40px; text-align: center; margin-top: 20px; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .right .hearts { margin: 0 auto; } } .quickview-wrap #blueacorn-quickview-modal .right .hearts:before { background: url(../images/rm_icon_sprite.png) no-repeat -65px -870px; height: 24px; width: 26px; display: inline-block; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .quickview-wrap #blueacorn-quickview-modal .right .hearts:before { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .quickview-wrap #blueacorn-quickview-modal .right .hearts:after { background: url(../images/rm_icon_sprite.png) no-repeat -64px -897px; height: 24px; width: 26px; top: 0px; left: 55px; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .quickview-wrap #blueacorn-quickview-modal .right .hearts:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .quickview-wrap #blueacorn-quickview-modal .right .hearts .text { display: inline-block; } .quickview-wrap #blueacorn-quickview-modal .left { min-height: 500px; margin: 0; } @media only screen and (min-width: 766px) { .quickview-wrap #blueacorn-quickview-modal .left { padding: 0 3% 0 0; } } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .left { min-height: 0px; } } .quickview-wrap #blueacorn-quickview-modal .left .image-container { border: none; width: 100%; } .quickview-wrap #blueacorn-quickview-modal .left .product-image-gallery { overflow: visible; } .quickview-wrap #blueacorn-quickview-modal .left .product-image-gallery .product-flags { display: none; } .quickview-wrap #blueacorn-quickview-modal .left .product-image-gallery .image-gallery-items { max-width: 100%; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .left .product-image-gallery .image-gallery-items { margin-bottom: 40px; } } .quickview-wrap #blueacorn-quickview-modal .bottom { height: auto; width: 92%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1216px) { .quickview-wrap #blueacorn-quickview-modal .bottom { width: 88%; } } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .bottom { width: 100%; clear: both; } } .quickview-wrap #blueacorn-quickview-modal .bottom span { color: #001871; font-size: 14px; text-transform: uppercase; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .bottom span { color: #000018; font-size: 16px; } } .quickview-wrap #blueacorn-quickview-modal .bottom .std { margin: 16px 0; font-size: 13px; color: #000018; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .bottom .std { color: #000018; font-size: 14px; line-height: 22px; } } .quickview-wrap #blueacorn-quickview-modal .extra-info { width: 100%; } .quickview-wrap #blueacorn-quickview-modal .extra-info .no-rating { float: right; } .quickview-wrap #blueacorn-quickview-modal .extra-info .no-rating:after { content: "No reviews"; display: inline-block; } .quickview-wrap #blueacorn-quickview-modal .extra-info .no-rating a { display: none; } .quickview-wrap #blueacorn-quickview-modal .extra-info .rating-links .separator, .quickview-wrap #blueacorn-quickview-modal .extra-info .rating-links .write-rev { display: none; } .quickview-wrap #blueacorn-quickview-modal .extra-info .rating-links a { pointer-events: none; } .quickview-wrap #blueacorn-quickview-modal .image-container { min-height: 500px; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .image-container { min-height: 0; } } @media only screen and (max-width: 600px) { .quickview-wrap #blueacorn-quickview-modal .image-container img { display: none; } .quickview-wrap #blueacorn-quickview-modal .image-container img#image-main { display: block; } } .quickview-wrap #blueacorn-quickview-modal .image-container .zoom-btn { display: none; } .quickview-wrap #blueacorn-quickview-modal .qty-wrapper { margin-bottom: 20px; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .qty-wrapper { float: left; } } .quickview-wrap #blueacorn-quickview-modal .add-to-cart-buttons { padding: 0; margin: 0; width: 100%; } @media only screen and (max-width: 765px) { .quickview-wrap #blueacorn-quickview-modal .add-to-cart-buttons { float: right; clear: none; width: calc(100% - 160px); } } @media only screen and (max-width: 479px) { .quickview-wrap #blueacorn-quickview-modal .add-to-cart-buttons { width: calc(100% - 135px); } } @media only screen and (max-width: 479px) { .quickview-wrap #blueacorn-quickview-modal .add-to-cart-buttons .btn-cart { height: 40px; line-height: 40px; padding: 0; min-width: 0; } } .quickview-wrap #blueacorn-quickview-modal .gift-option { display: none; } .quickview-wrap #blueacorn-quickview-modal .fan-reel-container { display: none; } .quickview-wrap #blueacorn-quickview-modal .item-availability { margin-bottom: 0px; } .quickview-wrap #blueacorn-quickview-modal .add-to-links { margin: 0; width: 100%; } .quickview-wrap #blueacorn-quickview-modal .add-to-links li { width: 100%; } .quickview-wrap #blueacorn-quickview-modal .add-to-links li a { margin-right: 0px; } .ie9 .quickview-wrap #blueacorn-quickview-modal .add-to-links li a { border: none; } .quickview-wrap #blueacorn-quickview-modal .link-wishlist { display: block; color: #929292; font-size: 12px; background: none; line-height: 12px; height: auto; padding-top: 20px; } .quickview-wrap #blueacorn-quickview-modal .link-wishlist:hover { text-decoration: underline; } .quickview-wrap #blueacorn-quickview-modal .sharing-links { display: none; } .quickview-wrap .custom-shiv, .quickview-wrap .select-custom { height: 30px; line-height: 30px; } @media only screen and (max-width: 765px) { .quickview-wrap .custom-shiv, .quickview-wrap .select-custom { height: 40px; line-height: 40px; width: 100%; font-size: 14px; color: #929292; } } @media only screen and (max-width: 479px) { .quickview-wrap .custom-shiv, .quickview-wrap .select-custom { height: 40px; line-height: 40px; } } .quickview-wrap .custom-shiv span, .quickview-wrap .select-custom span { padding: 9px; } @media only screen and (max-width: 765px) { .quickview-wrap .custom-shiv span, .quickview-wrap .select-custom span { padding: 14px; } } @media only screen and (max-width: 765px) { .quickview-wrap .product-options dd .input-box { width: 100%; } } .quickview-wrap .qty-plus, .quickview-wrap .qty-minus { height: 30px; width: 30px; line-height: 30px; } @media only screen and (max-width: 765px) { .quickview-wrap .qty-plus, .quickview-wrap .qty-minus { height: 40px; width: 40px; line-height: 40px; } } @media only screen and (max-width: 479px) { .quickview-wrap .qty-plus, .quickview-wrap .qty-minus { width: 40px; height: 40px; line-height: 40px; } } .quickview-wrap .qty-plus:after, .quickview-wrap .qty-minus:after { top: 7px; left: 7px; } @media only screen and (max-width: 765px) { .quickview-wrap .qty-plus:after, .quickview-wrap .qty-minus:after { top: 14px; left: 14px; } } @media only screen and (max-width: 479px) { .quickview-wrap .qty-plus:after, .quickview-wrap .qty-minus:after { top: 12px; left: 12px; } } .quickview-wrap .qty-minus:before { top: 14px; left: 7px; } @media only screen and (max-width: 765px) { .quickview-wrap .qty-minus:before { top: 21px; left: 14px; } } @media only screen and (max-width: 479px) { .quickview-wrap .qty-minus:before { top: 19px; left: 12px; } } .quickview-wrap .qty-wrapper button.qty-minus + input[type="text"].qty { height: 30px; line-height: 30px; width: 35px; font-size: 12px; } @media only screen and (max-width: 765px) { .quickview-wrap .qty-wrapper button.qty-minus + input[type="text"].qty { height: 40px; line-height: 40px; width: 45px; font-size: 18px; border-radius: 0; } } @media only screen and (max-width: 479px) { .quickview-wrap .qty-wrapper button.qty-minus + input[type="text"].qty { width: 40px; height: 40px; line-height: 40px; } } .quickview-wrap .product-view .add-to-cart .qty-wrapper label { top: -20px; left: 36px; } .quickview-wrap .product-options { margin-bottom: 20px; } .quickview-wrap .product-options p.required { position: relative; top: 0; right: 0; } @media only screen and (max-width: 765px) { .quickview-wrap .product-options p.required { position: absolute; top: -7px; font-size: 11px; } } .quickview-wrap .product-options dl { margin-bottom: 10px; } @media only screen and (max-width: 765px) { .quickview-wrap .product-options label { font-size: 13px; font-weight: bold; } } .quickview-wrap .product-options-bottom, .quickview-wrap .add-to-cart-wrapper { max-width: 196px; } @media only screen and (max-width: 765px) { .quickview-wrap .product-options-bottom, .quickview-wrap .add-to-cart-wrapper { max-width: 100%; } } .quickview-wrap .product-view .product-shop .price-info { margin-bottom: 20px; } .quickview-loader { position: fixed; top: 47.25%; left: 47.25%; z-index: 9009; } .quickview-loader img { background-color: white; width: 120px; padding: 10px; } body.quickview-open { overflow: hidden; } .quickview-container { visibility: hidden; } @media only screen and (min-width: 766px) { .quickview-container { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; visibility: visible; z-index: 99988; -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transition-delay: 300ms; transition-delay: 300ms; pointer-events: none; } .quickview-container.activated { overflow: auto; overflow-y: scroll; } .quickview-container.activated .mobile-quickview { pointer-events: auto; } } .quickview-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; } @media only screen and (min-width: 766px) { .quickview-inner { max-width: 800px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } } .mobile-quickview { position: absolute; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 20px 40px; background: white; -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition-delay: 0; transition-delay: 0; visibility: hidden; } @media only screen and (min-width: 766px) { .mobile-quickview { max-width: 100%; top: 100%; } .mobile-quickview .view-more { display: none; } } .mobile-quickview.active { visibility: visible; -webkit-transition: all 600ms ease; transition: all 600ms ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0; transition-delay: 0; } @media only screen and (min-width: 766px) { .mobile-quickview.active { top: 10%; min-height: 500px; height: auto; } } .mobile-quickview .close { position: absolute; top: 0; right: 0; padding: 20px; } .mobile-quickview .close:after { content: ""; background: url(../images/rm_icon_sprite.png) no-repeat 0 -1096px; height: 13px; width: 12px; display: block; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .mobile-quickview .close:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (min-width: 766px) { .mobile-quickview .close { right: 5px; margin: 10px; padding: 0; } .mobile-quickview .close:after { content: ""; background: url(../images/rm_icon_sprite.png) no-repeat 0 -1019px; height: 25px; width: 25px; display: block; } } @media only screen and (min-width: 766px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 766px) and (min-device-pixel-ratio: 2), only screen and (min-width: 766px) and (min-resolution: 192dpi), only screen and (min-width: 766px) and (min-resolution: 2dppx) { .mobile-quickview .close:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .mobile-quickview .loading-icon { position: absolute; top: 10%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .mobile-quickview .loading-icon:after { content: ""; background-image: url("../images/opc-ajax-loader.gif"); background-size: cover; display: block; width: 48px; height: 48px; } .mobile-quickview .blueacorn-quickview-modal { opacity: 0; -webkit-animation: fade-in 600ms forwards; animation: fade-in 600ms forwards; } .mobile-quickview .blueacorn-quickview-modal .image-container { margin: 0; padding: 0; } .mobile-quickview .blueacorn-quickview-modal .image-container .product-image { margin: 0; } .mobile-quickview .blueacorn-quickview-modal .image-container .owl-item { padding: 0; } .mobile-quickview .blueacorn-quickview-modal .image-container .owl-item img { display: block; } @media only screen and (max-width: 765px) { .mobile-quickview .blueacorn-quickview-modal .image-container .owl-item img { max-width: 200px; } } @media only screen and (max-width: 479px) { .mobile-quickview .blueacorn-quickview-modal .image-container .owl-item img { max-width: 166px; } } .mobile-quickview .blueacorn-quickview-modal .product-img-box .product-name { margin: 0; } .mobile-quickview .blueacorn-quickview-modal .product-img-box .product-name h1 { text-align: left; line-height: 22px; height: auto; margin: 0; } .mobile-quickview .blueacorn-quickview-modal .product-img-box .product-name a { color: #000018; text-transform: uppercase; font-size: 18px; line-height: 22px; text-decoration: none; } .mobile-quickview .blueacorn-quickview-modal .left, .mobile-quickview .blueacorn-quickview-modal .right, .mobile-quickview .blueacorn-quickview-modal .bottom { margin: 0; border: none; text-align: left; } @media only screen and (max-width: 765px) { .mobile-quickview .blueacorn-quickview-modal .left, .mobile-quickview .blueacorn-quickview-modal .right, .mobile-quickview .blueacorn-quickview-modal .bottom { padding: 0; } } .mobile-quickview .blueacorn-quickview-modal .product-shop { text-align: left; } .mobile-quickview .add-to-cart-wrapper { max-width: 100%; } .mobile-quickview .view-more { width: 100%; padding: 0; line-height: 40px; font-size: 14px; } .mobile-quickview .owl-controls { top: 102%; } .mobile-quickview .owl-controls .owl-buttons { display: block; margin-top: -180px; color: transparent; } @media only screen and (min-width: 479px) { .mobile-quickview .owl-controls .owl-buttons { margin-top: -210px; } } .mobile-quickview .owl-controls .owl-buttons .owl-prev, .mobile-quickview .owl-controls .owl-buttons .owl-next { background: none; width: 40px; } .mobile-quickview .owl-controls .owl-buttons .owl-prev:after, .mobile-quickview .owl-controls .owl-buttons .owl-next:after { left: 12px; } .mobile-quickview .owl-controls .owl-pagination { display: block; } .mobile-quickview .owl-controls .owl-page span { margin: 5px; width: 7px; height: 7px; } .mobile-quickview .color-label { color: #000018; } @media only screen and (max-width: 765px) { .mobile-quickview .color-label { font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; } } .mobile-quickview .color-value { color: #000018; } @media only screen and (max-width: 765px) { .mobile-quickview .color-value { border: 1px solid #E6E6E6; line-height: 40px; padding: 0 15px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; color: #929292; } } @media only screen and (max-width: 765px) { .mobile-quickview #blueacorn-quickview-modal .right { border: none; } } .mobile-quickview #blueacorn-quickview-modal .image-container .owl-item img { display: block; } div.legacy-orders { margin-top: 75px; } body.cms-homepage .slider { width: 99.7%; overflow: hidden; position: relative; } body.cms-homepage .slider:after { position: absolute; top: 0; right: 0; height: 100%; width: 0.3%; background: white; content: ''; display: block; } #homepage-slider { margin-bottom: 5px; width: 100%; } #homepage-slider.owl-carousel .owl-wrapper-outer { overflow: hidden; } #homepage-slider.owl-carousel .owl-wrapper-outer .owl-item img { width: 100%; } #homepage-slider.owl-carousel .owl-controls { top: 43%; } #homepage-slider.owl-carousel .owl-controls .owl-pagination { position: absolute; top: 110%; } #homepage-slider.owl-carousel .owl-controls .owl-pagination .owl-page { height: 2px; background: #C8C8C8; float: left; width: 50px; margin: 0 5px 0 0; } #homepage-slider.owl-carousel .owl-controls .owl-pagination .owl-page.active { background: #001871; } #homepage-slider.owl-carousel .owl-controls .owl-buttons { display: block; } #homepage-slider ~ .owl-pagination { position: relative; text-align: center; } #homepage-slider ~ .owl-pagination .owl-page { height: 2px; background: #C8C8C8; display: inline-block; width: 50px; margin: 0 5px 0 0; } #homepage-slider ~ .owl-pagination .owl-page.active { background: #001871; } @media only screen and (min-width: 766px) { .blueacorn-fittingroom-index-index div.main-container .main { max-width: 100%; padding: 0; } .blueacorn-fittingroom-index-index div.main-container .main .fittingroom-header-container { border-bottom: 1px solid #E6E6E6; } .blueacorn-fittingroom-index-index div.main-container .main .fittingroom-header-container .fittingroom-header { content: ''; display: table; clear: both; border: none; max-width: 1680px; width: 100%; margin: 0 auto; padding: 10px 30px 20px; } .blueacorn-fittingroom-index-index div.main-container .main .fittingroom-header-container .fittingroom-header .fitting-room-cms-block { float: left; } .blueacorn-fittingroom-index-index div.main-container .main .fittingroom-header-container .fittingroom-header .fitting-room-buttons { float: right; } } @media only screen and (max-width: 765px) { .blueacorn-fittingroom-index-index .fittingroom-header-container .fittingroom-header { border: none; } } .blueacorn-fittingroom-index-index .col-main { padding-top: 10px; } .blueacorn-fittingroom-index-index .fitting-room-cms-block h3 { font-size: 28px; margin: 0; font-weight: 400; color: black; } @media only screen and (max-width: 765px) { .blueacorn-fittingroom-index-index .fitting-room-cms-block h3 { text-align: center; color: #707070; font-size: 16px; font-weight: 300; } } @media only screen and (max-width: 765px) { .blueacorn-fittingroom-index-index .fitting-room-buttons { text-align: center; border-bottom: 1px solid #E6E6E6; padding-bottom: 15px; } } .blueacorn-fittingroom-index-index .fitting-room-buttons .button, .blueacorn-fittingroom-index-index .fitting-room-buttons .button2, .blueacorn-fittingroom-index-index .fitting-room-buttons .add-to-links a, .add-to-links .blueacorn-fittingroom-index-index .fitting-room-buttons a, .blueacorn-fittingroom-index-index .fitting-room-buttons .add-to-links .split-button strong, .add-to-links .split-button .blueacorn-fittingroom-index-index .fitting-room-buttons strong { border: none; background: #333; color: white; font-weight: 200; } @media only screen and (max-width: 765px) { .blueacorn-fittingroom-index-index .fitting-room-buttons .button, .blueacorn-fittingroom-index-index .fitting-room-buttons .button2, .blueacorn-fittingroom-index-index .fitting-room-buttons .add-to-links a, .add-to-links .blueacorn-fittingroom-index-index .fitting-room-buttons a, .blueacorn-fittingroom-index-index .fitting-room-buttons .add-to-links .split-button strong, .add-to-links .split-button .blueacorn-fittingroom-index-index .fitting-room-buttons strong { padding: 9px 15px; height: auto; margin-top: 10px; } } .blueacorn-fittingroom-index-index .fitting-room-buttons .button:hover, .blueacorn-fittingroom-index-index .fitting-room-buttons .button2:hover, .blueacorn-fittingroom-index-index .fitting-room-buttons .add-to-links a:hover, .add-to-links .blueacorn-fittingroom-index-index .fitting-room-buttons a:hover, .blueacorn-fittingroom-index-index .fitting-room-buttons .add-to-links .split-button strong:hover, .add-to-links .split-button .blueacorn-fittingroom-index-index .fitting-room-buttons strong:hover { background: #222; } .blueacorn-fittingroom-index-index .fitting-room-loading { margin: 30px 0; } .blueacorn-fittingroom-index-index .fitting-room-loading img { max-width: 70px; display: block; margin: 0 auto; } .blueacorn-fittingroom-index-index .fitting-room { max-width: 1680px; margin: 30px auto 0; padding: 0 30px; } @media only screen and (max-width: 765px) { .blueacorn-fittingroom-index-index .fitting-room { padding: 15px 15px; margin-top: 0; } } .blueacorn-fittingroom-index-index .fitting-room .products-grid { max-width: 835px; margin: 0 auto; } .blueacorn-fittingroom-index-index .fitting-room .products-grid .price-box { margin-bottom: 10px; } .blueacorn-fittingroom-index-index .fitting-room .products-grid .price-box .price { font-size: 13px; letter-spacing: 0px; } .blueacorn-fittingroom-index-index .fitting-room .products-grid li { margin-bottom: 25px; } .blueacorn-fittingroom-index-index .fitting-room .products-grid li:nth-of-type(3n+1) { clear: both; } @media only screen and (max-width: 479px) { .blueacorn-fittingroom-index-index .fitting-room .products-grid li:nth-of-type(3n+1) { clear: none; } } @media only screen and (max-width: 479px) { .blueacorn-fittingroom-index-index .fitting-room .products-grid li:nth-of-type(2n+1) { clear: both; } } @media only screen and (min-width: 766px) { .blueacorn-fittingroom-index-index .fitting-room .products-grid li .product-info { margin-top: 20px; } } .blueacorn-fittingroom-index-index .fitting-room .products-grid li .product-info .special-price { float: none; } .fittingroom-history { margin-bottom: 50px; } .fittingroom-history .sessions-container { display: table; width: 100%; } .fittingroom-history .session-row, .fittingroom-history .session-header-row { width: 100%; margin-bottom: 10px; display: table-row; } .fittingroom-history .session-row .session-data { border-bottom: 1px solid #E6E6E6; } .fittingroom-history .session-row .session-data:last-child a { text-transform: uppercase; font-style: normal; font-size: 13px; } .fittingroom-history .session-data, .fittingroom-history .session-header { display: table-cell; padding: 21px 20px; } .fittingroom-history .session-header-row { color: #000018; background-color: #F3F3F3; } .fittingroom-history .session-header { line-height: 1.4; white-space: nowrap; color: #646464; text-transform: uppercase; } .catalog-category-view .category-products .toolbar .select-container select, .catalog-category-view .category-products .toolbar .select-container .custom-shiv, .catalogsearch-result-index .category-products .toolbar .select-container select, .catalogsearch-result-index .category-products .toolbar .select-container .custom-shiv { height: 30px; line-height: 30px; padding: 0 35px 0 10px; font-size: 11px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .select-container select, .catalog-category-view .category-products .toolbar .select-container .custom-shiv, .catalogsearch-result-index .category-products .toolbar .select-container select, .catalogsearch-result-index .category-products .toolbar .select-container .custom-shiv { height: 40px; line-height: 40px; padding: 0 55px 0 15px; } } .catalog-category-view .category-products .toolbar .select-container .custom-shiv span, .catalogsearch-result-index .category-products .toolbar .select-container .custom-shiv span { padding: 9px 2px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .select-container .custom-shiv span, .catalogsearch-result-index .category-products .toolbar .select-container .custom-shiv span { padding: 14px; } } .catalog-category-view .category-products .toolbar .select-container .custom-shiv span:after, .catalogsearch-result-index .category-products .toolbar .select-container .custom-shiv span:after { top: 2px; left: 3px; background-position: 0 -1487px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .select-container .custom-shiv span:after, .catalogsearch-result-index .category-products .toolbar .select-container .custom-shiv span:after { background-position: -32px -758px; top: 0; left: 0; } } .catalog-category-view .category-products .toolbar .select-container select:hover + .custom-shiv span:after, .catalogsearch-result-index .category-products .toolbar .select-container select:hover + .custom-shiv span:after { background-position: 0 -1500px; } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .select-container select:hover + .custom-shiv span:after, .catalogsearch-result-index .category-products .toolbar .select-container select:hover + .custom-shiv span:after { background-position: 0 -1081px; } } .catalog-category-view .category-products .toolbar .pager, .catalogsearch-result-index .category-products .toolbar .pager { float: none; text-align: center; padding-top: 4px; } @media only screen and (max-width: 1100px) { .catalog-category-view .category-products .toolbar .pager, .catalogsearch-result-index .category-products .toolbar .pager { width: 180px; margin: 0 auto; clear: none; } } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar .pager, .catalogsearch-result-index .category-products .toolbar .pager { padding-top: 15px; } } .catalog-category-view .category-products .toolbar .pager .count-container, .catalog-category-view .category-products .toolbar .pager .pages, .catalogsearch-result-index .category-products .toolbar .pager .count-container, .catalogsearch-result-index .category-products .toolbar .pager .pages { float: none; display: inline-block; } .catalog-category-view .category-products .toolbar .pager .pages, .catalogsearch-result-index .category-products .toolbar .pager .pages { margin-right: 9%; } @media only screen and (max-width: 1100px) { .catalog-category-view .category-products .toolbar .pager .pages, .catalogsearch-result-index .category-products .toolbar .pager .pages { margin: 0; } } @media only screen and (max-width: 1100px) { .catalog-category-view .category-products .toolbar .pager .count-container, .catalogsearch-result-index .category-products .toolbar .pager .count-container { display: none; } } .catalog-category-view .category-products .toolbar .sorter .sort-by, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by { margin: 0; } @media only screen and (max-width: 1100px) { .catalog-category-view .category-products .toolbar .sorter .sort-by .sort-by-switcher, .catalogsearch-result-index .category-products .toolbar .sorter .sort-by .sort-by-switcher { margin-left: 3px; } } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar-bottom .toolbar .sorter { display: none; } } @media only screen and (max-width: 765px) { .catalog-category-view .category-products .toolbar-bottom .toolbar .pager { padding: 0; } } .configurable-cart-label { width: 100%; display: block; margin-bottom: 5px; } .configurable-cart-select { padding: 0 !important; } /*! Lazy Load XT v1.0.6 2014-11-19 http://ressio.github.io/lazy-load-xt (C) 2014 RESS.io Licensed under MIT */ .lazy-hidden { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } .lazy-loaded { -webkit-transition: all 0.6s; transition: all 0.6s; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .blueacorn-gatedsales-index-index .main-container .main { background: #ffdac8; background-image: url("../images/gatedsale.jpg"); color: white; padding: 0; text-align: center; text-transform: capitalize; font-size: 34px; line-height: 38px; font-weight: normal; letter-spacing: 1px; padding: 6.8376% 0 0; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main { padding: 30px 0 0; } } @media only screen and (max-width: 765px) { .blueacorn-gatedsales-index-index .main-container .main .col-main { margin-bottom: 0; } } .blueacorn-gatedsales-index-index .main-container .main .row { max-width: 786px; margin: 0 auto; padding-top: 4.68%; position: relative; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row { padding: 10px; } } .blueacorn-gatedsales-index-index .main-container .main .row:after { content: ""; clear: both; display: block; } .blueacorn-gatedsales-index-index .main-container .main .row span { display: inline-block; margin: 0 auto; padding-top: 5.3%; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row span { padding: 0; } } .blueacorn-gatedsales-index-index .main-container .main .row img { display: inline-block; float: left; width: 46.74%; max-width: 366px; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row img { float: none; clear: both; display: block; width: 50%; min-width: 180px; margin: 0 auto; padding-top: 30px; } } .blueacorn-gatedsales-index-index .main-container .main .row img ~ img { float: right; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row img ~ img { float: none; } } @media only screen and (max-width: 765px) { .blueacorn-gatedsales-index-index .main-container .main .row img ~ img { font-size: 10px; } } .blueacorn-gatedsales-index-index .main-container .main .row ~ p { padding-top: 2.83%; text-transform: none; } @media only screen and (max-width: 765px) { .blueacorn-gatedsales-index-index .main-container .main .row ~ p { font-size: 20px; } } .blueacorn-gatedsales-index-index .main-container .main .row ~ p.terms { padding: 8px 10px 20px; } @media only screen and (max-width: 765px) { .blueacorn-gatedsales-index-index .main-container .main .row ~ p.terms { font-size: 12px; } } .blueacorn-gatedsales-index-index .main-container .main .row input { border: none; box-shadow: none; width: 35.8779%; margin-left: 9.5%; float: left; height: 50px; line-height: 50px; font-size: 14px; } .blueacorn-gatedsales-index-index .main-container .main .row input:focus, .blueacorn-gatedsales-index-index .main-container .main .row input:active { border: 1px solid #001871; outline: none; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row input { float: none; clear: both; width: 50%; min-width: 280px; display: block; margin: 0 auto 20px; } } .blueacorn-gatedsales-index-index .main-container .main .row input.validation-failed { border: 1px solid red; } .blueacorn-gatedsales-index-index .main-container .main .row input::-webkit-input-placeholder { color: #001871; text-transform: none; letter-spacing: 1px; font-size: 14px; } .blueacorn-gatedsales-index-index .main-container .main .row input:-moz-placeholder { /* Firefox 18- */ color: #001871; text-transform: none; letter-spacing: 1px; font-size: 14px; } .blueacorn-gatedsales-index-index .main-container .main .row input::-moz-placeholder { /* Firefox 19+ */ color: #001871; text-transform: none; letter-spacing: 1px; font-size: 14px; } .blueacorn-gatedsales-index-index .main-container .main .row input:-ms-input-placeholder { color: #001871; text-transform: none; letter-spacing: 1px; font-size: 14px; } .blueacorn-gatedsales-index-index .main-container .main .row span.required { display: block; clear: both; margin-left: 9.5%; padding: 10px 0 0; font-size: 14px; line-height: 16px; color: #001871; text-transform: none; text-align: left; opacity: 0.8; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row span.required { text-align: center; margin: -10px 0 0; padding: 0 0 20px; } } .blueacorn-gatedsales-index-index .main-container .main .row span.required:after { display: none; } .blueacorn-gatedsales-index-index .main-container .main .row .validation-advice { width: 35.8779%; margin-left: 9.5%; float: left; position: absolute; top: 50%; } .blueacorn-gatedsales-index-index .main-container .main .row .validation-advice[id*="zipcode"] { left: 45%; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row .validation-advice[id*="zipcode"] { left: auto; } } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row .validation-advice { position: static; top: auto; left: auto; margin: -10px auto 10px; width: 100%; padding: 0 20px; } } .blueacorn-gatedsales-index-index .main-container .main .row button { border: none; margin: 7.1247% auto; clear: both; color: #001871; background: none; font-size: 24px; font-weight: bold; line-height: 22px; letter-spacing: 1px; text-transform: lowercase; position: relative; padding: 0 0 5px; } @media only screen and (max-width: 880px) { .blueacorn-gatedsales-index-index .main-container .main .row button { margin: 0; } } .blueacorn-gatedsales-index-index .main-container .main .row button:after { content: ""; display: inline-block; width: 0%; height: 3px; background: currentColor; opacity: 0.4; position: absolute; bottom: 4px; left: 50%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .blueacorn-gatedsales-index-index .main-container .main .row button:hover:after { left: 0%; width: 100%; } .blueacorn-gatedsales-index-index .main-container .main .terms { background: white; color: #000018; text-align: left; text-transform: none; font-size: 10px; font-weight: normal; line-height: 12px; max-width: 100%; } .modal { padding: 20px 20px 0px 20px; } @media only screen and (max-width: 765px) { .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .productmap-widget-view { display: none; } } .productmap-image-container { position: relative; max-width: 100%; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .productmap-image-container { display: inline-block; width: 42%; float: none; } .productmap-image { max-width: 100%; width: 100%; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .productmap-image { float: none; display: block; width: 100%; } .productmap-hotspot { position: absolute; cursor: pointer; } .nav-primary li.level0 .mm-wrapper .mm-wrapper-content .mm-images .productmap-hotspot { float: none; position: absolute; } .cms-index-index.homepage-2015 .desktop-hp .callout .productmap-hotspot:first-of-type { position: absolute; } .productmap-icon { position: absolute; max-width: 100%; } .mm-images .productmap-icon { float: none; } .category-products .products-grid li .productmap-icon { width: auto; } .cms-index-index.homepage-2015 .desktop-hp .callout .productmap-icon { width: auto; } .productmap-callout { width: auto; height: auto; color: #000018; } .upperIcon { top: 0; } .leftIcon { left: 0; } .rightIcon { right: 0; } .lowerIcon { bottom: 0; } .centerIcon { left: 50%; margin-left: -25px; } .middleIcon { top: 50%; margin-top: -25px; } .resp-mobile .mobile-accordian .page-header-content .logo:before { display: none; } .resp-mobile .mobile-accordian .page-header-content .logo img.small { max-width: 57%; } .resp-mobile .mobile-accordian .page-header { border: none; } .resp-mobile .mobile-accordian .please-wait { text-align: center; display: block; margin: 10px 0 0; line-height: 30px; height: 30px; } .resp-mobile .mobile-accordian .please-wait img { float: none; display: inline-block; vertical-align: top; margin: 3px 5px 0 0; } .resp-mobile .mobile-accordian .main-container .main .col-main { /** hide unnecessary elements **/ } .resp-mobile .mobile-accordian .main-container .main .col-main #discountblock_main, .resp-mobile .mobile-accordian .main-container .main .col-main .border-shiv { display: none; } .resp-mobile .mobile-accordian .main-container .main .col-main #checkout-step-login { border-top: 1px solid #E6E6E6; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps { margin: 0; width: 100%; /** Order Review **/ } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li.section { border-top: 1px solid #E6E6E6; padding: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-login { border-top: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-login .guestBtn { padding: 8px 0 !important; height: auto; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-login .guestBtn:after { display: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment #discountblock_main { display: block; margin: 0 0 22px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment #discountblock_main:before { content: "Add coupon or gift card"; display: block; margin-bottom: 15px; font-size: 12px; text-transform: uppercase; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment #discountblock_main span ~ span { font-size: 18px; float: right; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .blueacorn_discountblockcheckout_sidebar { padding: 0; margin: 0; position: static; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .blueacorn_discountblockcheckout_sidebar .messages li { text-transform: none; color: #929292; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .blueacorn_discountblockcheckout_applied { margin-bottom: 6px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .blueacorn_discountblockcheckout_subtotal { margin-top: 35px; font-size: 15px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .blueacorn_discountblockcheckout_subtotal ~ .blueacorn_discountblockcheckout_subtotal { display: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .discount-total-item { margin-bottom: 20px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .discount-total-item:last-of-type { padding-top: 10px; font-size: 18px; margin-bottom: 40px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li#opc-payment .discount-total-item:last-of-type span ~ span { font-weight: bold; font-size: 20px !important; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li.active.section { padding-bottom: 30px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li.active .step-title .number { color: #001871; font-size: 40px; margin-right: 11px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li.active .step-title h2 { color: #001871; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li.complete .step-title .number { color: #000018; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li.complete .step-title h2 { color: #000018; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .input-text { font-size: 11px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .step-title { margin: 0; width: 100%; padding: 0 20px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .step-title .number { color: #929292; font-size: 24px; position: static; border-bottom: none; padding: 0; margin-right: 17px; line-height: 55px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .step-title .number:after { display: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .step-title .number.active { color: #000018; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .step-title h2 { height: auto; line-height: 60px; font-size: 18px; position: static; display: block; color: #929292; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps li .step { padding: 20px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #opc-billing.section { padding-top: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree { padding-top: 10px; padding-bottom: 30px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree input { width: 100%; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree li { margin-top: 10px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree .input-box .v-fix:first-of-type { width: 55%; margin-right: 5%; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree .input-box .v-fix { width: 40%; margin: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps #payment_form_braintree .input-box .cvv { width: 100% !important; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .shipping-method-address { margin-bottom: 10px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .shipping-method-address li { font-size: 12px; line-height: 20px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .shipping-method-address ~ .btn-edit { padding: 0 20px; line-height: 40px; text-transform: uppercase; font-size: 14px; margin-bottom: 45px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .chk-ship { font-size: 12px; padding-left: 30px !important; margin-bottom: 10px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .chk-ship:before { left: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review thead { display: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td { display: block; padding: 0; height: auto; width: auto; border: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td[data-rwd-label="Price"] { width: 33.3%; float: left; text-align: left; font-size: 13px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td[data-rwd-label="Price"]:before { content: "PRICE:"; font-size: 12px; display: block; padding-bottom: 3px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td[data-rwd-label="Qty"] { width: 33.3%; float: left; text-align: left; font-size: 13px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td[data-rwd-label="Qty"]:before { content: "QTY:"; font-size: 12px; display: block; padding-bottom: 3px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td[data-rwd-label="Subtotal"] { width: 33.3%; float: left; text-align: left; font-size: 13px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review td[data-rwd-label="Subtotal"]:before { content: "SUBTOTAL:"; font-size: 12px; display: block; padding-bottom: 3px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tr { clear: both; display: block; padding-left: 72px; position: relative; padding-bottom: 20px; margin-bottom: 10px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tr:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .product-image { position: absolute; top: 0; left: 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .p-review-info { float: none; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .p-review-info .product-name { font-size: 18px; line-height: 23px; margin-bottom: 20px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .item-options { margin: 0 0 8px; max-width: 100%; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .item-options dt { clear: left; font-style: normal; font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0 0 6px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .item-options dd { font-style: normal; font-size: 16px; text-transform: capitalize; padding: 0; margin: 0 0 6px 8px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot td { width: 70%; display: block; float: left; margin: 0; padding: 0; font-size: 15px; text-align: left; line-height: 22px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot td strong, .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot td strong span { font-weight: normal; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot td.last { width: 30%; float: right; font-size: 18px; text-align: right; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot td.last strong, .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot td.last strong span { font-weight: bold; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot tr { padding: 0 0 11px; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review tfoot tr.first { padding: 20px 0 0px 0; } .resp-mobile .mobile-accordian .main-container .main .col-main ol.opc#checkoutSteps .order-review .buttons-set { padding: 0; margin: 0; } @media only screen and (max-width: 765px) { body.opc-has-progressed-from-login:not(.mobile-accordian) .blueacorn_discountblockcheckout_sidebar { display: block !important; } } @media only screen and (max-width: 765px) { body.opc-has-progressed-from-login:not(.mobile-accordian) div.main-container .main .opc { margin-top: -60px; } } body.cms-homepage.homepage-2015 .slider-container { position: relative; margin-bottom: 5.5357%; } @media only screen and (max-width: 765px) { body.cms-homepage.homepage-2015 .slider-container { margin-bottom: 20px; } } @media only screen and (min-width: 1680px) { body.cms-homepage.homepage-2015 .slider-container { margin-bottom: 93px; } } body.cms-homepage.homepage-2015 .slider-container .hero-slider { margin-bottom: 5px; width: 100%; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.iframe-video { position: relative; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.iframe-video:after { content: ""; display: block; padding-bottom: 56.25%; } body.cms-homepage.homepage-2015 .slider-container .hero-slider iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } body.cms-homepage.homepage-2015 .slider-container .hero-slider img { width: 100%; height: auto; } .ie8 body.cms-homepage.homepage-2015 .slider-container .hero-slider img + img { display: none !important; height: 0 !important; } .resp-mobile body.cms-homepage.homepage-2015 .slider-container .hero-slider { display: none !important; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.mobile { display: none !important; } .resp-mobile body.cms-homepage.homepage-2015 .slider-container .hero-slider.mobile, .ie8 body.cms-homepage.homepage-2015 .slider-container .hero-slider.mobile { display: block !important; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-wrapper-outer { overflow: hidden; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-wrapper-outer .owl-item img { width: 100%; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-wrapper-outer .owl-item img.productmap-icon { width: auto; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-controls { top: 48%; top: calc(50% - 20px); width: 95% !important; left: 2.5% !important; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons { display: block; height: 0; overflow: visible; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-prev { background-position: -1px -1668px; width: 41px; height: 41px; background-color: transparent; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-prev:hover { background-position: -1px -1760px; } .touch body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-prev:hover { background-position: -1px -1668px; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-prev:after { display: none; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-next { background-position: -46px -1668px; width: 41px; height: 41px; background-color: transparent; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-next:hover { background-position: -46px -1760px; } .touch body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-next:hover { background-position: -46px -1668px; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel .owl-buttons .owl-next:after { display: none; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel.dark-arrows .owl-buttons .owl-prev { background-position: -1px -1714px; } body.cms-homepage.homepage-2015 .slider-container .hero-slider.owl-carousel.dark-arrows .owl-buttons .owl-next { background-position: -46px -1714px; } body.cms-homepage.homepage-2015 .slider-container .owl-pagination { position: absolute; top: 110%; top: calc(100% + 15px); width: 100%; text-align: center; } body.cms-homepage.homepage-2015 .slider-container .owl-pagination:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .resp-mobile body.cms-homepage.homepage-2015 .slider-container .owl-pagination { display: none; } .resp-mobile body.cms-homepage.homepage-2015 .slider-container .owl-pagination:first-of-type { display: none; } body.cms-homepage.homepage-2015 .slider-container .owl-pagination:last-of-type { display: none; } body.cms-homepage.homepage-2015 .slider-container .owl-pagination .owl-page { -webkit-transition: all 300ms ease; transition: all 300ms ease; border-radius: 50%; height: 11px; width: 11px; border: 1px solid #d6d6d6; display: inline-block; margin: 0 10px 0 0; } body.cms-homepage.homepage-2015 .slider-container .owl-pagination .owl-page.active { background: #d6d6d6; border: none; } body.cms-homepage.homepage-2015 .slider-container .owl-pagination .owl-page:last-of-type { margin: 0; } .cms-index-index.homepage-2015.noscroll { overflow: hidden; } .cms-index-index.homepage-2015 .main-container .main { max-width: 1680px; margin: 0 auto; overflow: hidden; } .cms-index-index.homepage-2015 .desktop-hp .callout { float: left; clear: none; width: 49.9%; opacity: 1; } .resp-mobile .cms-index-index.homepage-2015 .desktop-hp .callout { width: 100%; padding: 0 0 0px !important; } .ie8 .cms-index-index.homepage-2015 .desktop-hp .callout { width: 45%; opacity: 1; display: inline-block !important; clear: none !important; float: none !important; } .ie8 .cms-index-index.homepage-2015 .desktop-hp .callout a { display: inline-block !important; width: 100%; } .cms-index-index.homepage-2015 .desktop-hp .callout.visible { opacity: 1; } .cms-index-index.homepage-2015 .desktop-hp .callout img { width: 100%; height: auto; } .ie8 .cms-index-index.homepage-2015 .desktop-hp .callout img { display: inline-block !important; } .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type { position: relative; overflow: hidden; display: block; } .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type:hover .rollover { top: 0%; } .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type:hover .rollover p { top: 50%; } .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover { position: absolute; background: #001871; background: rgba(0, 24, 113, 0.5); width: 100%; height: 100%; top: 100%; left: 0; -webkit-transition: top 300ms ease; transition: top 300ms ease; } .resp-mobile .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover, .ie8 .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover { display: none !important; } .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover p { -webkit-transition: all 300ms ease; transition: all 300ms ease; display: block; position: absolute; text-align: center; font-weight: 300; top: 150%; left: 0; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: white; font-size: 16px; line-height: 20px; } .cms-index-index.homepage-2015 .desktop-hp .callout a:first-of-type .rollover p .arrow { display: inline-block; background-position: -79px -1576px; width: 6px; height: 12px; margin: 0 6px; } .cms-index-index.homepage-2015 .desktop-hp .callout a:hover + a:before { width: 100%; left: 0; } .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text { display: inline-block; color: #000018; font-size: 12px; font-weight: 300; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; margin-top: 2.92%; padding-bottom: 10px; position: relative; } .ie8 .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text { font-size: 24px; } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text { text-align: left; margin: 10px 20px; } } .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text:before { -webkit-transition: all 300ms ease; transition: all 300ms ease; content: ""; height: 1px; width: 0%; display: block; background: #001871; position: absolute; left: 50%; bottom: 0; } .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text:after { content: ""; width: 6px; height: 12px; display: inline-block; position: relative; top: 2px; background-position: -61px -1576px; margin-left: 5px; } .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text:hover { text-decoration: none; } .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text:hover:before { width: 100%; left: 0; } .cms-index-index.homepage-2015 .desktop-hp .callout .callout-text .bold { display: inline-block; font-weight: bold; margin-right: 2px; } .cms-index-index.homepage-2015 .desktop-hp .callout.one { padding: 0 2.381% 0 7.7381%; } .cms-index-index.homepage-2015 .desktop-hp .callout.two { padding: 6.5476% 2.0238% 0 6.9048%; } .cms-index-index.homepage-2015 .desktop-hp .callout.three { padding: 7.4405% 5.9524% 0 2.9762%; } .cms-index-index.homepage-2015 .desktop-hp .callout.four { clear: both; width: 100%; padding: 3.5714% 29.9405% 0 10.1786%; } .cms-index-index.homepage-2015 .desktop-hp .callout.five { padding: 5.6548% 0 0 10.2381%; } .cms-index-index.homepage-2015 .desktop-hp .callout.six { clear: both; text-align: right; padding: 5.119% 10% 0 0; } .cms-index-index.homepage-2015 .desktop-hp .callout.seven { padding: 18.75% 10.7143% 0 1.7857%; } .cms-index-index.homepage-2015 .desktop-hp .callout.eight { clear: both; width: 100%; text-align: right; padding: 9.2262% 15.9524% 0 24.1667%; } .cms-index-index.homepage-2015 .desktop-hp .callout.nine { clear: both; padding: 4.6429% 5.119% 0 7.4405%; } .cms-index-index.homepage-2015 .desktop-hp .callout.ten { padding: 40.7143% 8.5714% 6.25% 3.9881%; } /** Styles that allow for a separate homepage to appear on mobile devices vs desktop */ .desktop-hp { display: block; } @media only screen and (max-width: 765px) { .alternate-mobile-hp .desktop-hp { display: none; } } .mobile-hp { display: none; } @media only screen and (max-width: 765px) { .alternate-mobile-hp .mobile-hp { display: block; } } .alternate-mobile-hp .mobile-hp .callout { position: relative; } .alternate-mobile-hp .mobile-hp .callout img { width: 100%; } .alternate-mobile-hp .mobile-hp .callout.one .callout-text { position: absolute; content: ''; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: bold; font-size: 34px; line-height: 36px; color: #FFF; top: 36.98435%; width: 100%; text-align: center; top: 51.92%; text-decoration: underline; } @media only screen and (max-width: 479px) { .alternate-mobile-hp .mobile-hp .callout.one .callout-text { font-size: 14px; line-height: 14px; } } .alternate-mobile-hp .mobile-hp .callout.two .callout-text { position: absolute; content: ''; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: bold; font-size: 34px; line-height: 36px; color: #000; top: 61%; left: 7%; text-align: center; text-decoration: underline; } @media only screen and (max-width: 479px) { .alternate-mobile-hp .mobile-hp .callout.two .callout-text { font-size: 14px; line-height: 14px; } } .alternate-mobile-hp .mobile-hp .callout.three .callout-text { position: absolute; content: ''; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-weight: bold; font-size: 34px; line-height: 36px; color: #000; text-align: center; top: 56.42458%; right: 5.86666%; text-decoration: underline; } @media only screen and (max-width: 479px) { .alternate-mobile-hp .mobile-hp .callout.three .callout-text { font-size: 14px; line-height: 14px; } } .alternate-mobile-hp .mobile-hp ul.mobile-nav { clear: both; } .alternate-mobile-hp .mobile-hp ul.mobile-nav li { position: relative; text-transform: uppercase; padding: 0; border-bottom: 1px #454545 solid; font-size: 12px; } .alternate-mobile-hp .mobile-hp ul.mobile-nav li a { color: #000000; display: block; padding: 11px 18px; } .alternate-mobile-hp .mobile-hp ul.mobile-nav li a:before { content: ''; background: url(../images/rm_icon_sprite.png) no-repeat -30px -1500px; height: 6px; width: 10px; position: absolute; right: 20px; top: 14px; font-size: 24px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .alternate-mobile-hp .mobile-hp ul.mobile-nav li a:before { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .homepage-2015 .trending { width: 100%; overflow: hidden; } .homepage-2015 .trending .category-name { border-bottom: 1px solid #E6E6E6; } @media only screen and (max-width: 765px) { .homepage-2015 .trending .category-name { text-align: center; margin-bottom: 60px; } } .homepage-2015 .trending .category-name h2 { font-size: 15px; font-weight: normal; color: #000018; line-height: 23px; letter-spacing: 1px; width: 100%; max-width: 1680px; padding: 25px 40px; margin: 0 auto; text-transform: uppercase; } @media only screen and (max-width: 765px) { .homepage-2015 .trending .category-name h2 { width: auto; display: inline-block; font-size: 18px; padding: 30px 10px; position: relative; } } .homepage-2015 .trending .category-name .see-all { color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; border: none; border-bottom: 2px solid #001871; text-transform: uppercase; float: right; padding-bottom: 25px; } @media only screen and (max-width: 765px) { .homepage-2015 .trending .category-name .see-all { position: absolute; border: none; bottom: -66px; left: 30%; left: calc(50% - 42px); } } .homepage-2015 .trending .category-name .see-all:hover { text-decoration: none; } .homepage-2015 .trending .category-name .see-all:hover .icon { -webkit-animation: shake 1s; animation: shake 1s; } .homepage-2015 .trending .category-name .see-all .icon { display: inline-block; background-position: -32px -79px; width: 11px; height: 11px; margin-left: 20px; } .homepage-2015 .trending .products-grid { max-width: 1680px; margin: 50px auto 0; padding: 0 30px; } @media only screen and (max-width: 765px) { .homepage-2015 .trending .products-grid { margin-bottom: 20px; max-width: 70%; } } .homepage-2015 .trending .products-grid li.item { width: 17.09%; margin-right: 3.6%; margin-right: 2.5%\9; } .homepage-2015 .trending .products-grid li.item:last-of-type { margin-right: 0; } .homepage-2015 .trending .products-grid li.item.slvzr-last-of-type { margin: 0 1.4%; } .homepage-2015 .trending .products-grid li.item .product-image { display: block; min-height: 286px; position: relative; max-width: 212px; margin-bottom: 14px; } @media only screen and (max-width: 765px) { .homepage-2015 .trending .products-grid li.item .product-image { max-width: 100%; padding: 0 8px; min-height: 0px; } } .homepage-2015 .trending .products-grid li.item .product-image img { position: absolute; bottom: 0; left: 0; max-height: 375px; } @media only screen and (max-width: 765px) { .homepage-2015 .trending .products-grid li.item .product-image img { position: relative; max-height: none; } } @media only screen and (max-width: 765px) { .homepage-2015 .trending .products-grid li.item .product-name { text-align: center; } } .homepage-2015 .trending .products-grid li.item .product-name a { font-size: 13px; color: #000018; line-height: 18px; text-transform: capitalize; } .homepage-2015 .trending .products-grid li.item .product-info { padding-bottom: 20px; min-height: 0 !important; } .homepage-2015 .trending .see-all.mobile { color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; border: none; text-transform: uppercase; display: block; width: 100%; margin: 0 auto 70px; text-align: center; } @media only screen and (min-width: 766px) { .homepage-2015 .trending .see-all.mobile { display: none; } } .homepage-2015 .trending .see-all.mobile:hover { text-decoration: none; } .homepage-2015 .trending .see-all.mobile:hover .icon { -webkit-animation: shake 1s; animation: shake 1s; } .homepage-2015 .trending .see-all.mobile .icon { display: inline-block; background-position: -32px -79px; width: 11px; height: 11px; margin-left: 20px; } /** homepage **/ .cms-index-index.homepage-2015 { /** overlay on click on homepage **/ } .cms-index-index.homepage-2015 .fan-reel { clear: both; float: left; width: 50%; padding: 17.8571% 3.6905% 0 8.75%; position: relative; z-index: 5; } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .fan-reel { width: 100%; padding: 0; } } .ie8 .cms-index-index.homepage-2015 .fan-reel { width: 45%; } .cms-index-index.homepage-2015 .fan-reel.visible { opacity: 1; } .cms-index-index.homepage-2015 .owl-item:hover .curalate-image-overlay { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .cms-index-index.homepage-2015 .owl-controls .owl-buttons { display: block; } @media only screen and (min-width: 766px) { .cms-index-index.homepage-2015 .owl-controls { width: 120%; left: -10%; top: 50%; height: 0; } .cms-index-index.homepage-2015 .owl-controls .owl-prev, .cms-index-index.homepage-2015 .owl-controls .owl-next { height: auto; width: auto; background: none; font-size: 30px; font-weight: bold; } .cms-index-index.homepage-2015 .owl-controls .owl-prev:after, .cms-index-index.homepage-2015 .owl-controls .owl-next:after { display: none; } } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .owl-controls .owl-prev div, .cms-index-index.homepage-2015 .owl-controls .owl-next div { color: transparent; } } .cms-index-index.homepage-2015 .reel-wrapper { overflow: visible; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; color: #000018; /** content **/ /** blue overlay **/ } .cms-index-index.homepage-2015 .reel-wrapper .curalate-photo-sprite, .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-text-1, .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-text-2 { display: none; } .ie8 .cms-index-index.homepage-2015 .reel-wrapper { display: none !important; } .cms-index-index.homepage-2015 .reel-wrapper #curalate-fan-reel { position: relative; } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .reel-wrapper #curalate-fan-reel { margin-bottom: 45px; } } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header { background: none; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; width: 100%; height: auto; max-width: 1680px; margin: 0 auto; padding: 0; position: absolute; top: 100%; text-align: right; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header { text-align: center; } } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header:before { display: none; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header a { color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header .curalate-featured-button { background: none; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 1px; border: none; width: auto; height: auto; position: static; padding-right: 8px; display: inline-block; } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header .curalate-featured-button { line-height: 27px; margin: 10px 20px; } } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header .curalate-featured-button:focus { outline: none; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header .curalate-featured-button:before { content: "SNAPPED / "; display: inline-block; font-weight: bold; letter-spacing: 1px; float: left; margin-right: 8px; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header .curalate-featured-button:after { content: ""; background: url(../images/rm_icon_sprite.png) no-repeat -61px -1576px; height: 12px; width: 6px; display: inline-block; margin-left: 5px; position: relative; top: 2px; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .cms-index-index.homepage-2015 .reel-wrapper .curalate-homepage-header .curalate-featured-button:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .cms-index-index.homepage-2015 .reel-wrapper .curalate-thumb-container { border: none; padding: 0; background: none; width: 100%; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-thumb-container .curalate-image-container img { width: 100%; height: auto; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-image-overlay { opacity: 1 !important; background: #001871; background: rgba(0, 24, 113, 0.5); -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-animation: slide-up 300ms; animation: slide-up 300ms; text-align: center; padding-top: 48%; width: 100%; height: 100%; } @media only screen and (max-width: 840px) { .cms-index-index.homepage-2015 .reel-wrapper .curalate-image-overlay { display: none !important; } } .cms-index-index.homepage-2015 .reel-wrapper .curalate-image-overlay:before { content: "SHOP NOW"; display: inline-block; font-size: 16px; font-weight: 300; letter-spacing: 1px; pointer-events: none; } .cms-index-index.homepage-2015 .reel-wrapper .curalate-image-overlay:after { color: white; content: ""; display: inline-block; background-position: -79px -1576px; width: 6px; height: 12px; margin: 0 6px; pointer-events: none; } .cms-index-index.homepage-2015 .curalate-overlay { font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } @media only screen and (max-width: 840px) { .cms-index-index.homepage-2015 .curalate-overlay { display: none !important; } } .cms-index-index.homepage-2015 .curalate-overlay .curalate-photo-detail-container { top: 12%; } @media only screen and (max-width: 1024px) { .cms-index-index.homepage-2015 .curalate-overlay .curalate-photo-detail-container { top: 20%; } } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .curalate-overlay .curalate-photo-detail-container { max-width: 90%; left: 5%; margin: 0; padding: 30px 0 50px; } } .cms-index-index.homepage-2015 .curalate-overlay .curalate-modal-photo-section { height: auto; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-user-container { border: none; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-product-details { background: transparent; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-product-details .curalate-product-name { margin: 0; margin-bottom: 10px; color: #000018; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 23px; font-weight: 500; font-style: normal; line-height: 1.4; text-rendering: optimizeSpeed; text-transform: uppercase; letter-spacing: 1px; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-modal-close { background: url(../images/rm_icon_sprite.png) no-repeat 0 -1019px; height: 25px; width: 25px; color: transparent; text-indent: 100%; right: 15px; z-index: 10; top: 15px; overflow: hidden; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .cms-index-index.homepage-2015 .curalate-overlay .curalate-modal-close { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .cms-index-index.homepage-2015 .curalate-overlay .curalate-modal-close:hover { background-position: -32px -1019px; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-shop-now-button { background: #001871; border: 1px solid #001871; color: white; height: 45px; line-height: 45px; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; letter-spacing: 1px; font-weight: 300; font-size: 14px; height: 40px; line-height: 40px; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-shop-now-button span, .cms-index-index.homepage-2015 .curalate-overlay .curalate-shop-now-button span span { color: white; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-shop-now-button:hover { background: #00004f; border: 1px solid #00004f; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-shop-now-button:hover { text-decoration: none; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-navigation { border: none; } @media only screen and (max-width: 765px) { .cms-index-index.homepage-2015 .curalate-overlay { max-width: 100%; left: 0; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-photo-detail-container .curalate-product-details { padding: 0; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-photo-detail-container .curalate-modal-meta-section { margin: 0 auto; } .cms-index-index.homepage-2015 .curalate-overlay .curalate-photo-detail-container .curalate-modal-photo-section { display: none; } } /** product page **/ .catalog-product-view .fan-reel-container { border-top: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; padding-top: 40px; margin-top: -40px; clear: both; text-align: right; } @media only screen and (min-width: 766px) { .catalog-product-view .fan-reel-container { max-height: 314px; } } @media only screen and (max-width: 765px) { .catalog-product-view .fan-reel-container { margin-top: 90px; position: relative; } } .catalog-product-view .fan-reel-container .title { font-size: 18px; color: #000018; line-height: 23px; letter-spacing: 1px; text-transform: uppercase; position: absolute; left: 30px; top: -40px; } .catalog-product-view .fan-reel-container #curalate-fan-reel-wrapper { opacity: 1; display: inline-block; text-align: left; width: 100%; } @media only screen and (max-width: 765px) { .catalog-product-view .fan-reel-container #curalate-fan-reel-wrapper { max-width: 100%; } } .catalog-product-view .fan-reel-container #curalate-fan-reel-container:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .catalog-product-view .fan-reel-container #curalate-fan-reel { float: none; width: 100% !important; display: block; opacity: 0; border: none; padding: 0; margin: 0; position: relative; } .catalog-product-view .fan-reel-container .owl-controls { color: transparent; } @media only screen and (max-width: 1024px) { .catalog-product-view .fan-reel-container .owl-controls { top: 32%; } } @media only screen and (max-width: 765px) { .catalog-product-view .fan-reel-container .owl-controls { top: 45%; } } @media only screen and (max-width: 765px) { .catalog-product-view .fan-reel-container .owl-controls { top: 42%; } } .catalog-product-view .fan-reel-container .owl-controls .owl-buttons { display: block; } .catalog-product-view .fan-reel-container .curalate-fanreel-header { display: none; } .catalog-product-view .fan-reel-container .curalate-viewport { width: 100% !important; } .catalog-product-view .fan-reel-container .curalate-photo-group { width: 100%; } .catalog-product-view .fan-reel-container .curalate-thumbs { position: relative; opacity: 1 !important; } .catalog-product-view .fan-reel-container .curalate-thumbs.no-carousel .curalate-thumbnail { width: 33.3%; float: right; } @media only screen and (max-width: 765px) { .catalog-product-view .fan-reel-container .curalate-thumbs.no-carousel .curalate-thumbnail { width: 100%; float: none; } } .catalog-product-view .fan-reel-container .curalate-thumbs .owl-wrapper-outer { overflow: hidden; } .catalog-product-view .fan-reel-container .curalate-thumbnail { padding: 0; height: auto; } .catalog-product-view .fan-reel-container .curalate-thumbnail { margin: 0 2.01% 2.01% 0; width: 100%; margin: 0; padding: 0 1.5%; } .catalog-product-view .fan-reel-container .curalate-thumbnail img { max-width: 100%; height: auto; } .catalog-product-view .fan-reel-container .curalate-image-overlay { width: 100%; height: 100%; padding: 0; margin: 0; } .catalog-product-view .fan-reel-container .owl-carousel { margin: 0 auto; } .catalog-product-view .fan-reel-container .curalate-upload-photos-container { position: absolute; top: -81px; right: 30px; background: transparent; padding: 0; margin: 0; width: auto; height: auto; white-space: nowrap; } .catalog-product-view .fan-reel-container .curalate-upload-photos-container button, .catalog-product-view .fan-reel-container .curalate-upload-photos-container #curalate-upload-photos { display: block; margin: 0; padding: 0; width: auto; height: auto; color: #001871; font-family: "Verlag A", "Verlag B", Verdana, Arial, sans-serif; font-size: 11px; letter-spacing: 1px; border: none; border-bottom: 2px solid #001871; text-transform: uppercase; padding-bottom: 25px; background: transparent; } @media only screen and (max-width: 765px) { .catalog-product-view .fan-reel-container .curalate-upload-photos-container button, .catalog-product-view .fan-reel-container .curalate-upload-photos-container #curalate-upload-photos { display: none; } } .catalog-product-view .fan-reel-container .curalate-upload-photos-container button:hover, .catalog-product-view .fan-reel-container .curalate-upload-photos-container #curalate-upload-photos:hover { text-decoration: none; } .catalog-product-view .fan-reel-container .curalate-upload-photos-container button:hover:after, .catalog-product-view .fan-reel-container .curalate-upload-photos-container #curalate-upload-photos:hover:after { -webkit-animation: shake 1s; animation: shake 1s; } .catalog-product-view .fan-reel-container .curalate-upload-photos-container button:after, .catalog-product-view .fan-reel-container .curalate-upload-photos-container #curalate-upload-photos:after { background: url(../images/rm_icon_sprite.png) no-repeat -32px -79px; height: 11px; width: 11px; content: ""; display: inline-block; margin-left: 20px; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .catalog-product-view .fan-reel-container .curalate-upload-photos-container button:after, .catalog-product-view .fan-reel-container .curalate-upload-photos-container #curalate-upload-photos:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .hearts { position: absolute; bottom: 10px; right: 10px; width: 19px; height: 17px; z-index: 12; cursor: pointer; } .no-saved-items-feature .hearts { display: none; } .hearts:before { content: ""; display: block; background: url(../images/rm_icon_sprite.png) no-repeat -64px -846px; height: 18px; width: 21px; position: static; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .hearts:before { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .hearts:after { content: ""; display: block; background: url(../images/rm_icon_sprite.png) no-repeat -89px -847px; height: 17px; width: 19px; position: absolute; top: 1px; left: 1px; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .hearts:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .ie8 .hearts:after { display: none; left: auto; right: 0; } .catalog-product-view .product-view .hearts:after { top: 0 !important; left: 55px; } .catalog-product-view .hearts:hover .tooltip { display: block; -webkit-animation: bounce-fade-in 3s 1 forwards; animation: bounce-fade-in 3s 1 forwards; } .hearts.saved:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ie8 .hearts.saved:after { display: inline-block; } .catalog-product-view .hearts.saved .tooltip { display: block; } .hearts .text { display: none; line-height: 24px; color: #000018; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 100; vertical-align: top; margin-left: 8px; } .catalog-product-view .hearts .text { display: inline-block; } .hearts .tooltip { position: relative; width: 100%; -webkit-animation: bounce-fade 3s 1 forwards; animation: bounce-fade 3s 1 forwards; display: none; } .hearts .tooltip .tooltip-content { position: absolute; display: inline-block; z-index: 10; bottom: 23px; background-color: white; border: 1px solid #C8C8C8; font-size: 14px; color: #001871; line-height: 19px; text-align: center; text-transform: uppercase; letter-spacing: 1px; padding: 0 5px; white-space: nowrap; left: 50%; min-width: 25px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .catalog-product-view .hearts .tooltip .tooltip-content { right: 147px; left: auto; top: -27px; bottom: auto; } .hearts .tooltip .tooltip-content:after { content: ""; display: block; position: absolute; width: 7px; height: 7px; background: white; border-bottom: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); bottom: -4px; } .ie8 .hearts .tooltip .tooltip-content:after { display: none; } .catalog-product-view .hearts .tooltip .tooltip-content:after { left: 100%; bottom: 6px; -webkit-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .ie8 .hearts .tooltip .tooltip-content { left: -14px; } .hearts ~ .product-flag { width: 100%; padding-right: 36px; left: 0; } .catalog-product-view .product-view .hearts { height: 40px; width: 200px; text-align: center; position: relative; top: auto; right: auto; bottom: auto; float: left; display: block; margin: 0; } @media only screen and (max-width: 765px) { .catalog-product-view .product-view .hearts { margin: 10px auto 0; float: none; } } .catalog-product-view .product-view .hearts:before { background: url(../images/rm_icon_sprite.png) no-repeat -65px -870px; height: 24px; width: 27px; display: inline-block; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .catalog-product-view .product-view .hearts:before { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .catalog-product-view .product-view .hearts:after { background: url(../images/rm_icon_sprite.png) no-repeat -64px -897px; height: 24px; width: 27px; top: 10px; left: 53px; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .catalog-product-view .product-view .hearts:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 1250px) { .catalog-product-view .product-view .hearts:after { top: 0; } } @media only screen and (max-width: 1075px) { .catalog-product-view .product-view .hearts:after { top: 10px; } } @media only screen and (max-width: 850px) { .catalog-product-view .product-view .hearts:after { top: 0; } } @media only screen and (max-width: 765px) { .catalog-product-view .product-view .hearts:after { top: 12px; } } .catalog-product-view .product-view .add-to-cart ~ .hearts { margin: 0 0 0 165px; padding-top: 0; } .catalog-product-view .product-view .add-to-cart ~ .hearts:after { left: 55px; } @media only screen and (max-width: 765px) { .catalog-product-view .product-view .add-to-cart ~ .hearts:after { left: 55px; } } @media only screen and (max-width: 1075px) { .catalog-product-view .product-view .add-to-cart ~ .hearts { margin: 10px auto 0; } } .skip-saved { max-width: 100px; white-space: nowrap; } @media only screen and (max-width: 765px) { .skip-saved { text-align: center; line-height: 44px; overflow: hidden; } } .no-saved-items-feature .skip-saved { display: none; } .skip-saved .icon { background: url(../images/rm_icon_sprite.png) no-repeat -67px -952px; height: 9px; width: 9px; vertical-align: baseline; margin-right: 5px; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .skip-saved .icon { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { .skip-saved .icon { background: url(../images/rm_icon_sprite.png) no-repeat -66px -925px; height: 22px; width: 26px; display: inline-block; margin: 0; vertical-align: middle; margin-bottom: 7px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { .skip-saved .icon { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .ie8 .skip-saved .icon, .ie9 .skip-saved .icon { background: url(../images/rm_icon_sprite.png) no-repeat -67px -952px; height: 9px; width: 9px; width: 9px; height: 9px; margin-right: 5px; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .ie8 .skip-saved .icon, .ie9 .skip-saved .icon { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { .skip-saved .label { display: block; position: absolute; top: -15px; left: 61%; line-height: 12px; } } @media only screen and (max-width: 765px) { .skip-saved .count-container { position: absolute; line-height: 14px; font-size: 14px; right: 10px; top: 0; color: #001871; } } .skip-saved .count-container .count { font-weight: bold; } html body.blueacorn-saveditems-customer-view .toolbar-top { padding: 30px 0 10px; } html body.blueacorn-saveditems-customer-view .toolbar { background: none; border: none; padding: 0 40px; } html body.blueacorn-saveditems-customer-view .toolbar.toolbar-top { padding: 30px 0 10px; } html body.blueacorn-saveditems-customer-view .toolbar .colSwitch { display: none !important; } html body.blueacorn-saveditems-customer-view .toolbar .input-box { vertical-align: top; } html body.blueacorn-saveditems-customer-view .toolbar label { height: 24px; padding-right: 1em; color: #393f3e; text-transform: lowercase; } html body.blueacorn-saveditems-customer-view .toolbar label:after { display: none; } html body.blueacorn-saveditems-customer-view .toolbar .pager { float: left; } html body.blueacorn-saveditems-customer-view .toolbar .pager .amount { display: none; } @media only screen and (max-width: 765px) { html body.blueacorn-saveditems-customer-view .toolbar .pager .limiter { display: none; } } html body.blueacorn-saveditems-customer-view .toolbar .sorter { float: right; } html body.blueacorn-saveditems-customer-view .toolbar .sorter .sort-by-switcher { display: none; } html body.blueacorn-saveditems-customer-view .toolbar .custom-shiv, html body.blueacorn-saveditems-customer-view .toolbar select { height: 30px; line-height: 28px; font-size: 11px; } html body.blueacorn-saveditems-customer-view .toolbar .custom-shiv span, html body.blueacorn-saveditems-customer-view .toolbar select span { padding: 9px 10px; } html body.blueacorn-saveditems-customer-view .category-products { max-width: 1400px; margin: 0 auto; } html body.blueacorn-saveditems-customer-view .category-products .products-grid { padding: 0 20px; } @media only screen and (max-width: 959px) { html body.blueacorn-saveditems-customer-view .category-products .products-grid li:nth-of-type(3n+1) { clear: both; } } @media only screen and (max-width: 479px) { html body.blueacorn-saveditems-customer-view .category-products .products-grid li:nth-of-type(3n+1) { clear: none; } } @media only screen and (max-width: 479px) { html body.blueacorn-saveditems-customer-view .category-products .products-grid li:nth-of-type(2n+1) { clear: both; } } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .price-label-show, html body.blueacorn-saveditems-customer-view .category-products .products-grid li .ratings { display: none; } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .product-info { padding-bottom: 40px; } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .price { font-size: 13px; } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .special-price { float: none; } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .special-price .price { color: #000018; } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .product-brand { margin: 12px auto 5px; font: 13px/20px "Verlag A", "Verlag B", Verdana, Arial, sans-serif; text-transform: uppercase; } html body.blueacorn-saveditems-customer-view .category-products .products-grid li .product-name { margin-bottom: 0.5em; font: 13px/20px "Verlag A", "Verlag B", Verdana, Arial, sans-serif; text-transform: capitalize; } @media only screen and (max-width: 765px) { .skip-link, .header-account, .header-minicart { width: 20%; } .no-saved-items-feature .skip-link, .no-saved-items-feature .header-account, .no-saved-items-feature .header-minicart { width: 25%; } .no-saved-items-feature .skip-link .skip-link, .no-saved-items-feature .header-account .skip-link, .no-saved-items-feature .header-minicart .skip-link { width: 100%; } } .page-header #header-nav { float: left; } .page-header #header-nav:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .ie8 .page-header #header-nav { margin-top: 80px !important; } .page-header #header-nav .no-saved-items-feature { float: none; } .page-header .skip-links { width: calc(56% - 376px); max-width: 100%; } @media only screen and (max-width: 1350px) { .page-header .skip-links { width: calc(56% - 260px); } } @media only screen and (max-width: 1150px) { .page-header .skip-links { width: calc(56% - 160px); } } @media only screen and (max-width: 1024px) { .page-header .skip-links { width: 430px; } } @media only screen and (max-width: 765px) { .page-header .skip-links { width: 100%; max-width: 100%; } } .ie8 .page-header ~ .main-container { clear: both; } .fancybox-skin.heartsbox { width: 500px !important; } @media only screen and (max-width: 765px) { .fancybox-skin.heartsbox { width: 430px !important; } } @media only screen and (max-width: 479px) { .fancybox-skin.heartsbox { width: 360px !important; } } .fancybox-skin.heartsbox .fancybox-outer .fancybox-inner { height: auto !important; width: auto !important; } .fancybox-skin.heartsbox .fancybox-outer label { font-size: 12px; } .fancybox-skin.heartsbox .fancybox-outer input#qty { width: 50%; margin: 0 3%; } @media only screen and (max-width: 479px) { .fancybox-skin.heartsbox .fancybox-outer input#qty { width: 40%; } } .fancybox-skin.heartsbox .fancybox-outer .button, .fancybox-skin.heartsbox .fancybox-outer .button2, .fancybox-skin.heartsbox .fancybox-outer .add-to-links a, .add-to-links .fancybox-skin.heartsbox .fancybox-outer a, .fancybox-skin.heartsbox .fancybox-outer .add-to-links .split-button strong, .add-to-links .split-button .fancybox-skin.heartsbox .fancybox-outer strong { vertical-align: initial; } .exit-intent-content { /** styles for slide in banner at top **/ /** styles for modal banner **/ } @media only screen and (max-width: 765px) { .exit-intent-content { display: none !important; } } .exit-intent-content .coupon-code, .exit-intent-content .percent-off { font-weight: bold; } .exit-intent-content .close { display: none; } .exit-intent-content.header-banner { background: #001871; color: white; font-size: 24px; line-height: 34px; } .exit-intent-content.header-banner br { display: none; } .exit-intent-content.header-banner .header { color: white; text-transform: none; } .exit-intent-content.header-banner .close { content: ""; background: url(../images/rm_icon_sprite.png) no-repeat -32px -989px; height: 24px; width: 24px; float: right; display: inline-block; margin-top: 4px; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { .exit-intent-content.header-banner .close { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } .exit-intent-content.header-banner .button, .exit-intent-content.header-banner .button2, .exit-intent-content.header-banner .add-to-links a, .add-to-links .exit-intent-content.header-banner a, .exit-intent-content.header-banner .add-to-links .split-button strong, .add-to-links .split-button .exit-intent-content.header-banner strong { background: white; color: #001871; text-transform: capitalize; font-size: 20px; font-weight: bold; line-height: 32px; padding: 0 12px; height: auto; vertical-align: top; } .exit-intent-content.header-banner.visible ~ .wrapper { position: relative; } .exit-intent-modal .exit-intent-content#exit-intent-content { font-size: 20px; font-weight: bold; line-height: 26px; padding: 67px 0; width: 480px; } .exit-intent-modal .exit-intent-content#exit-intent-content .header { font-size: 23px; font-weight: normal; text-transform: none; margin-bottom: 23px; display: inline-block; } .exit-intent-modal .exit-intent-content#exit-intent-content p { max-width: 200px; margin: 0 auto; } .exit-intent-modal .exit-intent-content#exit-intent-content .button, .exit-intent-modal .exit-intent-content#exit-intent-content .button2, .exit-intent-modal .exit-intent-content#exit-intent-content .add-to-links a, .add-to-links .exit-intent-modal .exit-intent-content#exit-intent-content a, .exit-intent-modal .exit-intent-content#exit-intent-content .add-to-links .split-button strong, .add-to-links .split-button .exit-intent-modal .exit-intent-content#exit-intent-content strong { background: #001871; color: white; height: auto; padding: 0; display: block; width: auto; margin: 0 auto; margin-top: 27px; line-height: 37px; max-width: 170px; font-size: 12px; font-weight: normal; } .exit-intent-tooltip { position: absolute; bottom: -10px; left: -35px; background: #001871; color: white; cursor: pointer; width: auto; max-width: 200px; line-height: 24px; font-size: 10px; padding: 0 12px; white-space: nowrap; z-index: 10; text-transform: uppercase; -webkit-animation-delay: 400ms; animation-delay: 400ms; -webkit-animation: bounce 1000ms 1; animation: bounce 1000ms 1; } @media only screen and (max-width: 1024px) { .exit-intent-tooltip { bottom: 0; left: -54px; } } @media only screen and (max-width: 765px) { .exit-intent-tooltip { display: none; } } .exit-intent-tooltip:after { content: ''; position: absolute; bottom: 100%; left: 45%; border: 9px solid transparent; border-bottom-color: #001871; } .ie8 .exit-intent-tooltip:after { display: none; } .suggested-products { clear: both; max-width: 1680px; margin: 50px auto 10px; padding: 0 50px; overflow: hidden; } .suggested-products:after { content: ""; display: table; clear: both; } @media only screen and (max-width: 765px) { .suggested-products { padding: 0 10px; } } .catalogsearch-result-index .suggested-products { padding: 0; } .catalogsearch-result-index .suggested-products .blueacorn-quickview { display: none; } .suggested-products h3 { padding-left: 66px; padding-bottom: 25px; border-bottom: 1px #efefef solid; } @media only screen and (max-width: 599px) { .suggested-products h3 { padding: 10px 0 20px; text-align: center; } } .suggested-products h3 span { font-size: 16px; } .suggested-products .price-box { display: none; } .suggested-products .price-box .old-price .price { font-size: 16px; } .suggested-products .price-box .special-price { float: none; padding-left: 10px; } .suggested-products .product-info { text-align: center; margin-top: 45px; } .thin-mobile-header { /* hide new links in nav on desktop resolutions */ /** checkout spacing fix **/ } .thin-mobile-header .skip-content .saved-items { display: none; } .thin-mobile-header .link.log-in-out, .thin-mobile-header .link.my-account { display: none; } @media only screen and (max-width: 765px) { .thin-mobile-header { /* set skip link height */ /* place skip links behind logo */ /* space the logo between the skip links for menu and minicart */ /* mobile search input styles */ /* mobile styles for navigation menu changes (for loved/my account links) */ /** Fix padding-top on main container **/ } .thin-mobile-header .skip-content .saved-items { display: block; } .thin-mobile-header .skip-link, .thin-mobile-header .header-account, .thin-mobile-header .header-minicart, .thin-mobile-header .header-account, .thin-mobile-header .header-minicart { height: 40px; line-height: 40px; } .thin-mobile-header .skip-links { margin-top: -40px; position: relative; z-index: 3; } .thin-mobile-header .wrapper .logo { background: white; position: relative; z-index: 5; padding: 0; margin: 0 auto; line-height: 40px; width: calc(100% - 128px); width: 55%; max-width: 100%; } .thin-mobile-header .wrapper .logo img.small { width: 100%; max-width: 260px; display: inline-block; padding: 0; margin: 0; vertical-align: middle; } .thin-mobile-header #header-search { top: 40px; padding: 0; height: 40px; line-height: 40px; z-index: 1; display: block !important; box-shadow: none; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .thin-mobile-header #header-search #search_autocomplete { display: none !important; } .nav-open .thin-mobile-header #header-search { opacity: 0.1; } .thin-mobile-header #header-search label { display: none; } .thin-mobile-header #header-search #search, .thin-mobile-header #header-search #nav_search { height: 40px; line-height: 40px; padding-left: 40px; border: none; } .thin-mobile-header #header-search #search::-webkit-input-placeholder, .thin-mobile-header #header-search #nav_search::-webkit-input-placeholder { font-size: 11px; color: #000018; } .thin-mobile-header #header-search #search:-moz-placeholder, .thin-mobile-header #header-search #nav_search:-moz-placeholder { /* Firefox 18- */ font-size: 11px; color: #000018; } .thin-mobile-header #header-search #search::-moz-placeholder, .thin-mobile-header #header-search #nav_search::-moz-placeholder { /* Firefox 19+ */ font-size: 11px; color: #000018; } .thin-mobile-header #header-search #search:-ms-input-placeholder, .thin-mobile-header #header-search #nav_search:-ms-input-placeholder { font-size: 11px; color: #000018; } .thin-mobile-header #header-search #search:hover, .thin-mobile-header #header-search #nav_search:hover, .thin-mobile-header #header-search #search:focus, .thin-mobile-header #header-search #nav_search:focus, .thin-mobile-header #header-search #search:active, .thin-mobile-header #header-search #nav_search:active { border: none; } .thin-mobile-header #nav { margin-bottom: 15px; } .thin-mobile-header .nav-primary { height: auto; padding: 0; position: relative; } .thin-mobile-header .nav-primary:before { content: ""; display: block; width: 100%; width: calc(100% + 84px); height: 1px; background: #001871; position: absolute; top: 100%; left: -42px; } .thin-mobile-header .skip-content .saved-items .skip-saved { display: none; background: none; width: 100%; height: auto; max-width: 100%; overflow: visible; text-align: left; } .nav-open .thin-mobile-header .skip-content .saved-items .skip-saved { display: block; } .thin-mobile-header .skip-content .saved-items .skip-saved .icon { display: none; } .thin-mobile-header .skip-content .saved-items .skip-saved .label { position: static; top: auto; left: auto; color: #000018; font-size: 13px; line-height: 50px; letter-spacing: 1px; text-transform: uppercase; float: left; padding-right: 10px; } .thin-mobile-header .skip-content .saved-items .skip-saved .count-container { position: static; top: auto; left: auto; line-height: 50px; font-size: 13px; } .thin-mobile-header .link.log-in-out, .thin-mobile-header .link.my-account { display: block; font-size: 13px; color: #000018; line-height: 50px; text-transform: uppercase; margin: 0; padding: 0; } .thin-mobile-header div.main-container { padding-top: 79px; } } @media only screen and (max-width: 765px) { .thin-mobile-header.checkout-onepage-index .logo:before { position: absolute; top: 8px; left: -57px; } .thin-mobile-header.checkout-onepage-index div.main-container { padding-top: 0; } .thin-mobile-header.checkout-onepage-index .opc .section .step { padding-top: 10px; } } body.cms-gift-cards .col-main div { width: 450px; margin: 0 auto; text-align: center; } body.cms-gift-cards .col-main p { color: #000018; line-height: 2em; } body.cms-gift-cards .gift-card-title { width: 100% !important; padding-bottom: 60px; } body.cms-gift-cards .gift-card-title h2 { padding-bottom: 30px; border-bottom: 1px solid #E6E6E6; color: #000018; } body.cms-gift-cards .gift-card-desc { padding-bottom: 20px; } body.cms-gift-cards .gift-card-lookup { width: 550px !important; padding-bottom: 30px; } body.cms-gift-cards .gift-card-lookup label { display: block; text-align: left; padding-left: 20px; } body.cms-gift-cards .gift-card-lookup .input-box { display: inline-block; width: 365px; padding-right: 20px; } body.cms-gift-cards .gift-card-lookup a { display: inline-block; height: 30px; } body.cms-gift-cards .electronic-gift-cards { padding-top: 55px; padding-bottom: 80px; } body.cms-gift-cards .electronic-gift-cards img { padding-bottom: 20px; } body.cms-gift-cards .electronic-gift-cards a { margin-top: 30px; width: 200px; height: 45px; line-height: 28px; color: white; background-color: #001871; } body.sweepstakes-index-index div#sweepstakes-content { background-size: cover !important; text-align: center; padding: 50px; } body.sweepstakes-index-index div#sweepstakes-content h1 { margin: 0; color: white; padding: 180px 0 0; font-size: 88px; text-transform: none; font-weight: bold; } body.sweepstakes-index-index div#sweepstakes-content h2 { margin: 0; color: white; font-size: 65px; text-transform: none; font-weight: bold; } body.sweepstakes-index-index div#sweepstakes-content p { margin: 0; padding: 10px 100px 30px; color: white; font-size: 30px; line-height: 38px; font-weight: normal; } body.sweepstakes-index-index div#sweepstakes-content h2 + p { padding: 10px 380px 30px; } body.sweepstakes-index-index div#sweepstakes-content a#sweepstakes-rules { color: white; text-decoration: underline; font-size: 24px; font-style: italic; line-height: 30px; } body.sweepstakes-index-index div#sweepstakes-content ul { list-style: none; } body.sweepstakes-index-index div#sweepstakes-content ul li { margin: 0; } body.sweepstakes-index-index div#sweepstakes-content li.fields { display: inline-block; margin-bottom: 50px; padding: 0 30px; } body.sweepstakes-index-index div#sweepstakes-content .field { width: 280px; } body.sweepstakes-index-index div#sweepstakes-content form#sweepstakes-form { padding-top: 30px; padding-bottom: 70px; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form li { margin-left: 0; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form li.fields { width: 340px; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form .field { float: left; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form .input-box { float: left; width: 100%; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form input, body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form input[type=email], body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-form input[type=text] { float: left; } body.sweepstakes-index-index div#sweepstakes-content .button, body.sweepstakes-index-index div#sweepstakes-content .button2, body.sweepstakes-index-index div#sweepstakes-content .add-to-links a, .add-to-links body.sweepstakes-index-index div#sweepstakes-content a, body.sweepstakes-index-index div#sweepstakes-content .add-to-links .split-button strong, .add-to-links .split-button body.sweepstakes-index-index div#sweepstakes-content strong { width: 285px; border-color: white; color: white; background-color: black; font-size: 30px; text-transform: lowercase; padding: 20px 32px; height: 56px; } body.sweepstakes-index-index div#sweepstakes-content .button:hover, body.sweepstakes-index-index div#sweepstakes-content .button2:hover, body.sweepstakes-index-index div#sweepstakes-content .add-to-links a:hover, .add-to-links body.sweepstakes-index-index div#sweepstakes-content a:hover, body.sweepstakes-index-index div#sweepstakes-content .add-to-links .split-button strong:hover, .add-to-links .split-button body.sweepstakes-index-index div#sweepstakes-content strong:hover { background-color: white; color: black; font-weight: bold; } body.sweepstakes-index-index div#sweepstakes-content .required-fields { position: relative; top: -50px; left: -270px; color: white; font-size: 14px; font-style: italic; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-success, body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-error { margin-bottom: 170px; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-success p, body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-error p { padding: 10px 330px 80px; } body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-success p a, body.sweepstakes-index-index div#sweepstakes-content #sweepstakes-error p a { color: white; } @media screen and (max-width: 1300px) { body.sweepstakes-index-index div#sweepstakes-content h1, body.sweepstakes-index-index div#sweepstakes-success h1, body.sweepstakes-index-index div#sweepstakes-error h1 { font-size: 80px; } body.sweepstakes-index-index div#sweepstakes-content p, body.sweepstakes-index-index div#sweepstakes-success p, body.sweepstakes-index-index div#sweepstakes-error p { padding: 10px 100px 30px !important; } } @media screen and (max-width: 825px) { body.sweepstakes-index-index div#sweepstakes-content h1, body.sweepstakes-index-index div#sweepstakes-success h1, body.sweepstakes-index-index div#sweepstakes-error h1 { padding: 0; } body.sweepstakes-index-index div#sweepstakes-content .required-fields, body.sweepstakes-index-index div#sweepstakes-success .required-fields, body.sweepstakes-index-index div#sweepstakes-error .required-fields { left: -95px; } } @media screen and (max-width: 765px) { body.sweepstakes-index-index li.fields { display: table !important; margin: 0 auto !important; margin-bottom: 0 !important; } body.sweepstakes-index-index .field { margin-bottom: 60px !important; } } @media screen and (max-width: 630px) { body.sweepstakes-index-index div#sweepstakes-content { padding: 50px 10px; } } @media screen and (max-width: 475px) { body.sweepstakes-index-index div#sweepstakes-content h1, body.sweepstakes-index-index div#sweepstakes-success h1, body.sweepstakes-index-index div#sweepstakes-error h1 { font-size: 50px; } body.sweepstakes-index-index div#sweepstakes-content h2, body.sweepstakes-index-index div#sweepstakes-success h2, body.sweepstakes-index-index div#sweepstakes-error h2 { font-size: 45px !important; } body.sweepstakes-index-index div#sweepstakes-content p, body.sweepstakes-index-index div#sweepstakes-success p, body.sweepstakes-index-index div#sweepstakes-error p { padding: 10px 0 30px !important; font-size: 24px; line-height: 32px; } body.sweepstakes-index-index div#sweepstakes-content .required-fields, body.sweepstakes-index-index div#sweepstakes-success .required-fields, body.sweepstakes-index-index div#sweepstakes-error .required-fields { left: -100px; } } body.cms-sweepstakes-rules-page { text-align: center; } body.cms-sweepstakes-rules-page .col-main { margin-top: 10px; } body.cms-sweepstakes-rules-page ol#rules { text-align: left; } /* ============================================ * Mobile Layered Navigation A/B Test - Variation ============================================ */ @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .category-products .toolbar > .sorter, body.variation-loaded.catalogsearch-result-index .category-products .toolbar > .sorter { display: none; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter { width: 50%; float: left; padding-right: 42px; overflow: hidden; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter:before { border: none; background: none; content: "Filter By"; display: block; position: relative; top: auto; right: auto; padding: 0; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter:after { background: url(../images/rm_icon_sprite.png) no-repeat -58px -1377px; height: 16px; width: 16px; bottom: 11px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options { border: 1px solid #001871; border-top: none; display: none; clear: both; padding: 15px 48px 23px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li a { text-transform: uppercase; font-size: 14px; color: #000018; line-height: 43px; width: 100%; display: block; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li a:hover, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li a:hover { text-decoration: none; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected { position: relative; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type { position: absolute; left: -25px; bottom: 38%; background: url(../images/rm_icon_sprite.png) no-repeat -32px -112px; height: 11px; width: 11px; display: inline-block; margin-right: 10px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type.sort-by-switcher--desc, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type.sort-by-switcher--desc { background: url(../images/rm_icon_sprite.png) no-repeat -32px -130px; height: 11px; width: 11px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type.sort-by-switcher--desc, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ .sort-by-options li.selected a:first-of-type.sort-by-switcher--desc { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list { display: none !important; border: 1px solid #001871; border-top: none; padding-bottom: 13px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list .header, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list .header { text-transform: uppercase; clear: both; padding: 36px 15px 14px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list .header span, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list .header span { color: #000018; font-size: 18px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list .header .actions, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter ~ dl#narrow-by-list .header .actions { display: inline-block; margin: 0; vertical-align: bottom; float: right; line-height: 19px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter.active ~ dl#narrow-by-list.no-display, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter.active ~ dl#narrow-by-list.no-display { display: block !important; } body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter.active:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter.active:after { background: url(../images/rm_icon_sprite.png) no-repeat -33px -1096px; height: 13px; width: 12px; bottom: 12px; right: 17px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-subtitle--filter.active:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-subtitle--filter.active:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently { padding: 24px 29px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .block-subtitle, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .block-subtitle { margin-bottom: 11px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently ol li.filter-type, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently ol li.filter-type { display: none; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .actions, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .actions { margin-top: 20px; text-align: center; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .actions a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .actions a { float: none; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by { margin-top: 20px; float: none; width: 100%; display: block; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by .header, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by .header { margin-bottom: 22px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by .value, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by .value { padding-left: 10px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by .value a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by .value a { background: url(../images/rm_icon_sprite.png) no-repeat -32px -112px; height: 11px; width: 11px; display: inline-block; margin-right: 10px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by .value a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by .value a { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by .value a.sort-by-switcher--desc, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by .value a.sort-by-switcher--desc { background: url(../images/rm_icon_sprite.png) no-repeat -32px -130px; height: 11px; width: 11px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently .sort-by .value a.sort-by-switcher--desc, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently .sort-by .value a.sort-by-switcher--desc { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently ol li, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently ol li { position: relative; padding: 11px 27px 0 24px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently ol li:before, body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently ol li > a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently ol li:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently ol li > a { position: absolute; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently ol li > a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently ol li > a { top: 5px; right: 0; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently ol li > a:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently ol li > a:after { top: 5px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content .currently + .actions, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content .currently + .actions { display: none; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current { border: none; padding-top: 3px; padding-bottom: 0; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li a { padding-left: 40px; position: relative; font-size: 14px; margin-bottom: 18px; color: #929292; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li a:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li a:before { background: url(../images/rm_icon_sprite.png) no-repeat -1px -802px; height: 20px; width: 20px; position: absolute; content: ''; line-height: 36px; display: block; left: 10px; bottom: 3px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li a:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li a:before { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li a:hover, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li a:hover { color: #000018; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li a:hover:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li a:hover:before { background: url(../images/rm_icon_sprite.png) no-repeat -33px -774px; height: 22px; width: 22px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li a:hover:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li a:hover:before { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dd.current ol li:last-child a, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dd.current ol li:last-child a { margin-bottom: 7px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dt, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dt { border: none; font-weight: 600; font-size: 13px; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dt:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dt:before { display: none; } body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dt:after, body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dt:hover:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dt:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dt:hover:after { background: url(../images/rm_icon_sprite.png) no-repeat -58px -1377px; height: 16px; width: 16px; bottom: 15px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dt:after, body.variation-loaded.catalog-category-view .block-layered-nav .block-content > dl > dt:hover:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dt:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content > dl > dt:hover:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .block-content.accordion-open > dl > dt.current:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .block-content.accordion-open > dl > dt.current:after { background-image: none; background: #001871; height: 1px; width: 16px; bottom: 23px; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by { float: left; width: 50%; height: 40px; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by label, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by label { display: none; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container { width: 100%; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container:hover span span, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container:hover span span { background: none; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container select, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container select { display: none !important; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container .custom-shiv, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container .custom-shiv { border: 1px solid #001871; border-left: none; overflow: hidden; padding-left: 16px; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container .custom-shiv:before, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container .custom-shiv:before { content: "Sort By"; display: block; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container span span, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container span span { border: none; } body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container span span:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container span span:after { background: url(../images/rm_icon_sprite.png) no-repeat -58px -1377px; height: 16px; width: 16px; bottom: 2px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .sort-by .select-container span span:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by .select-container span span:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } @media only screen and (max-width: 765px) { body.variation-loaded.catalog-category-view .block-layered-nav .sort-by.active .select-container span span:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by.active .select-container span span:after { background: url(../images/rm_icon_sprite.png) no-repeat -33px -1096px; height: 13px; width: 12px; bottom: 1px; right: 3px; } } @media only screen and (max-width: 765px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-device-pixel-ratio: 2), only screen and (max-width: 765px) and (min-resolution: 192dpi), only screen and (max-width: 765px) and (min-resolution: 2dppx) { body.variation-loaded.catalog-category-view .block-layered-nav .sort-by.active .select-container span span:after, body.variation-loaded.catalogsearch-result-index .block-layered-nav .sort-by.active .select-container span span:after { background-image: url(../images/rm_icon_sprite@2x.png); background-size: 115px 1952px; } } /* ============================================ * Calendar styles (restore styles from /js/calendar) ============================================ */ div.calendar table { border-collapse: separate; } div.calendar table td.button, div.calendar table td.button2 { display: table-cell; background: inherit; color: inherit; text-transform: none; }