/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { margin:10px 0; } .widget .widget-title h2 { font-size:18px; color:#d12c01; } .widget .widget-products { margin:0 -20px 0; } .cms-home .col1-layout .widget .widget-products, .cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; } .col-main > .widget { display:block; margin:40px 0 0; } .col-main > .widget + .widget { margin-top:20px; } /* std class reset */ .widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; } .widget .products-grid p, .widget .products-list p { margin-bottom:0; } .widget .products-list { list-style:none; margin-bottom:0; padding-left:0; } .widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; } /* Widget Banner */ .widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; } .widget-banner li { margin:7px 0; } .top-container .widget-banner li { margin:0; } .footer-before-container .widget-banner li { margin:0; } .widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; } .widget-banner-inline ul, .widget-banner-inline li { display:inline; } .widget-banner-inline li { margin:0 3px; } .widget-banner-inline li img { vertical-align:middle; } /* Widget New Proructs */ .widget-new-products { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; } /* Widget Viewed Proructs */ .widget-viewed { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; } /* Widget Compared Proructs */ .widget-compared { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; } /* Widget CMS Static Block */ .widget-static-block {} /* Widget Catalog Events Carousel */ .widget-events { display:block !important; } /* Widgets Links Common Styles */ /* Style 1 */ /*.top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/ /* Style 2 */ .top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } .footer-before-container .widget-product-link, .footer-before-container .widget-category-link, .footer-before-container .widget-cms-link, .footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .footer-before-container .widget-product-link a, .footer-before-container .widget-category-link a, .footer-before-container .widget-cms-link a, .footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; } .footer-before-container .widget-product-link a:hover, .footer-before-container .widget-category-link a:hover, .footer-before-container .widget-cms-link a:hover, .footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } /* Widget Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-product-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-product-link a:hover { color:#333; text-decoration:none; } /* Widget Category Link */ .widget-category-link-inline { display:inline; } .top-container .widget-category-link { border-bottom:0; } .top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; } .top-container .widget-category-link a:hover { color:#fff; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-category-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-category-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Hierarchy Link */ .widget-cms-hierarchy-link-inline { display:inline; } .col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } /* Widget SKU */ /* .widget-sku {} */ /* ======================================================================================= */ #devBar { position: fixed; top: 50px; right: 0; z-index: 9999; border: 1px solid #333; border-bottom: none; border-right: none; } #mainDevBar { display: flex; } #devBar.closed::before { content: "dev"; font-size: 10px; color: #000; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #devBar.closed { right: -12px; opacity: 0.5; } #devBar.closed:hover { opacity: 1; } #devBar.closed #devbarTools{ display: none; } #devBarHandle { padding: 10px; background-color: #ccc; border-right: 1px solid #333; border-bottom: 1px solid #333; cursor: pointer; } #devbarTools { display:flex; background-color:#9AA9CD; overflow:hidden; } .devBarButton:hover { background-color:#bccbef; } .devBarButton{ flex-grow: 1; padding: 10px 5px; border-right: 1px dashed #333; border-bottom: 1px solid #333; background-color:#9AA9CD; height: 100%; cursor: pointer; font-weight: bold; } .devBarArea { border-bottom: 1px solid #333; font-size: 12px; } .devBarButton.active{ border-bottom: none; background-color:#bccbef; } .devBarButton:last-child { border-right: none; } #devBar.open #devBarHandle .open { display: none; } #devBar.closed #devBarHandle .close { display: none; } #devBar .status.active { color: green; } #devBar .status.inactive { color: red; } #devBar .status.other { color: yellow; } .devBarArea ul { list-style: none; } .devBarArea ul li { padding: 5px; background-color:#bccbef; cursor: pointer; } .devBarArea ul li:hover { background-color: #cddcff; } .devBarArea ul li:nth-child(even) { background-color:#deedff; } #layout-button-area, #session-button-area, #cookies-button-area, #sql-button-area, #profile-button-area, #queues-button-area { background-color: rgb(255, 251, 245); padding: 5px; max-height: 500px; max-width: 800px; overflow-y: scroll; } #sql-button-area table th { background-color: #cccccc; font-weight: bolder; vertical-align:middle; border: 1px solid #fff; margin: 1px; } #sql-button-area table tr { border-bottom: 1px solid #555; } #sql-button-area table tr#longestQuery { border: 3px solid #ff3d3d; } #sql-button-area table tr:nth-child(even) { background-color: #eee; } #sql-button-area table td { padding: 3px; } #sql-button-area table td:nth-child(even) { text-align: center; } #sql-button-area pre.prettyprint { border: none; } #sql-button-area table thead { border-bottom: 1px solid #333; } #sql-button-area table th.query{ width: 90%; } #sql-button-area .toggleAction { margin-left: 30px; font-size: 0.8em; color: #959595; } li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: inherit !important; } .toggleAction{ cursor: pointer; } /** SMALL SCREENS **/ @media only screen and (max-width: 900px) { #devBar { display: none; } } @media only screen and (min-width: 768px) { #nav li.parent.mega-menu { position: inherit; } #nav .mega-menu > ul { width: 100%; top: 41px; padding-top: 10px; padding-bottom: 15px; } #nav .mega-menu li { width: auto; } #nav .mega-menu-widget div { position: relative; top: auto; left: auto; margin: 0; padding: 0 5px; } #nav .mega-menu-widget.mega-widget-top { width: 100%; clear: both; } #nav .mega-menu-widget.mega-widget-left { float: left; } #nav .mega-menu-widget.mega-widget-right { float: right; } #nav .mega-menu-widget.mega-widget-bottom { width: 100%; clear: both; } #nav .mega-menu li.level1:last-child { clear: right; } #nav .mega-menu li.level1 > a { text-transform: uppercase; font-size: 1em; color: #333; padding-top: 10px; } #nav .mega-menu li.level1 > a:hover { text-decoration: underline; } #nav .mega-menu li a { background: none; padding: 4px 18px 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #nav .mega-menu ul.level0 ul { display: block; position: relative; left: 0; z-index: 999; } #nav .mega-menu ul.level2 { position: relative; } #nav .mega-menu li.level2 { clear: both; } #nav .mega-menu li.level2 > a { font-size: 0.9em; } #nav .mega-menu li.level3 > a { font-size: 0.8em; padding-top: 2px; padding-left: 30px; position: relative; opacity: 0.8; } #nav .mega-menu li.level3 > a:before { position: absolute; content: "-"; left: 20px; } } .switch .switch-wrapper { z-index: 999; } /*! normalize.css v1.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * 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 7/8/9, Firefox 3, * and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * Addresses margins handled incorrectly in IE 6/7. */ body { margin: 0; font-size: 62.5%; line-height: 1; -webkit-tap-highlight-color:rgba(255,255,255,0.1); } /* ========================================================================== Links ========================================================================== */ /* * Improves readability when focused and also mouse hovered in all browsers. */ a:focus, a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE 6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /* * 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; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 0 0 1em 0; } dd { margin: 0 0 0 20px; } /* * Addresses paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0; } /* * Corrects list images handled incorrectly in IE 7. */ header ul, header ol, nav ul, nav ol, .footer ul, .footer ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improves image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE 6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: none; margin: 0; padding: 0; } /* * 1. Corrects color not being inherited in IE 6/7/8/9. * 2. Corrects text not wrapping in Firefox 3. * 3. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } textarea { resize: vertical; } /* * Addresses Firefox 3+ 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. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /* * 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. * 3. Removes excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Reset ------------------------------------ */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video{ margin:0; padding:0; } article,aside,details,figcaption,figure,footer, header,hgroup,menu,nav,section{ display: block; } fieldset,img{ border:0; } address,caption,cite,dfn,th,var{ font-style:normal; font-weight:normal; } caption,th{ text-align:left; } q:before,q:after{ content:''; } abbr,acronym{ border:0; } /* main ---------------------------------------------- */ .main a { text-decoration:underline; } .main a:hover, .main a:focus { text-decoration:underline; outline: 0 none; } .main p, .main li, .main dd, .main dt, .main th, .main td, .main pre, .main caption, .main address { font-size: 1.3em; line-height: 1.5; } .main li li, .main li li li, .main li li li li, .main li p, .main li dt, .main li dd, .main td p, .main td li, .main dd p, .main dt p, .main dd address, .main dt address { font-size: 1em; } .main big { line-height: 1; } .main p, .main ul, .main ol, .main table, .main pre, .main caption, .main dd, .main address { margin-bottom:0.75em; } .main ul ul, .main ul ul ul, .main ul ul ul ul, .main ol ol, .main ol ol ol, .main ol ol ol ol { margin-bottom:0; } /* Clearing ---------------------------------------------- */ /* fix clearing issues as per: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after{ content:""; display:table; } .cf:after{ clear:both; } .cf { *zoom: 1; } .clear { clear:both; } .clearer { display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Typography ---------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; } h1 { font-size: 2.8em; margin: 0 0 18px 0; } h2 { font-size: 2.2em; margin: 0 0 12px 0; } h3 { font-size: 1.8em; margin: 0 0 10px 0; } h4, h5, h6 { font-size: 1.2em; margin: 0 0 10px 0; } em, i { font-style: italic; } strong, b { font-weight: bold; } blockquote, q, cite { font-style: italic; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; content: ""; } code, kbd, pre, samp, tt { font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace; } pre { /* word-wrap: break-word; */ white-space: pre-wrap; } abbr, acronym, dfn { border-bottom: 1px dotted; cursor: help; font-style: normal; font-variant: normal; } var { font-style: normal; } center { text-align: center; } .screen-reader-text { position: absolute; left: -9000px; } /* Lists ---------------------------------------- */ ul { list-style: disc inside none; } ol { list-style: decimal inside none; } li li{ margin-left: 1em; } li ul, li ol { margin-bottom: 0; } .col-left ul { list-style: none; } /* Links ---------------------------------------- */ a { text-decoration:none; color: #444; } a:visited{} a:hover, a:focus { color: #000; } a:hover { text-decoration:underline; } ::-webkit-selection { background: #5f6062; color: #fff; } :-moz-selection { background: #5f6062; color: #fff; } ::selection { background: #5f6062; color: #fff; } /* Presentation ---------------------------------------- */ hr { border: 0; border-bottom: 1px solid #333; display: block; height: 1px; margin: 0 0 10px 0; padding: 0; } big { font-size: 1.25em; } small, sub, sup { font-size: .85em; } sub, sup { line-height: 1; } sub { vertical-align: bottom; } sup { vertical-align: top; } del, s, strike { text-decoration: line-through; } ins { border-bottom: 1px dotted; text-decoration: none; } bdo { border-bottom: 1px dotted; } u { text-decoration: underline; } /* Code ---------------------------------------- */ pre, code { font-family:monospace; } .main pre { overflow:auto; margin-bottom:1.5em; } .main pre { font-size: 147.44%; } .main code{ line-height:1.25; font-size: 122.967%; } .main pre code { font-size: 100%; } /* Images ---------------------------------------- */ img { font-style:italic; vertical-align:top; } img.left { float: left; margin:0 18px 12px 0; } img.right { float: right; margin:0 0 12px 18px; } /* FORMS ---------------------------------------- */ /* Forms */ fieldset, div.fieldset { clear: left; border:0; } legend { font-weight: bold; display:none; /* magento */ } input, textarea, select, button { font-family: inherit; font-size: 1em; } label { line-height: 1.75; margin: 0 10px 0 0; padding: 2px 0 0 0; } input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], button[type=button], button[type=reset], button[type=submit] { cursor: pointer; line-height: 1; } input[type=text], input[type=password], textarea, input.input-text, select { padding: 3px 3px 2px 4px; border: 1px solid #ccc; color: #666; margin: 0; font-family: arial, sans-serif; } select { line-height: 1.5; } /* IE7, IE8 */ .ie7 input[type=text], .ie7 input[type=password], .ie7 textarea, .ie8 input[type=text], .ie8 input[type=password], .ie8 textarea { padding: 4px 3px 3px 4px } input[type=text]:focus, input[type=password]:focus, textarea:focus { color: #333; } textarea { line-height: 1.25; text-align: left; overflow: hidden; } /* To get placeholders working cross-browser see @dan_bentley’s jQuery plugin: https://github.com/danbentley/placeholder */ [placeholder]{ cursor:pointer; } [placeholder]:active, [placeholder]:focus{ cursor:text; } /* Table ---------------------------------------- */ table{ border-collapse:collapse; border-spacing:0; width:100%; max-width:100%; line-height: 1.3; empty-cells:show; font-size:100%; } thead tr:last-of-type th{ /* Thicker border on the table-headers of the last row in the table head */ border-bottom-width:1px; } tbody th{ /* Thicker right border on table-headers in the table body */ border-right-width:1px; } th:empty{ /* Hide the borders on any empty table-headers */ border:none; } th,td{ vertical-align:top; padding: 0 0.75em 0.75em 0; } table.gray th, table.gray td { border:1px solid #ccc; padding:0.75em; } th{ font-weight:bold; text-align:center } /* Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it. See http://jsfiddle.net/csswizardry/UJJay/ */ [colspan="1"]{ text-align:left; } [rowspan="1"]{ vertical-align:top; } table.gray tbody tr:nth-of-type(odd){ background:rgba(0,0,0,0.05); } tfoot{ text-align:center; } tfoot td{ border-top-width:2px; } @media print{ /* Give everything some decent contrast. */ *{ background:#fff; color:#000; text-shadow:none!important; } /* Set a nice measure and take the font down to print-acceptable sizes. */ body{ font-size:0.75em; /* 12px (if base font-size was 16px) */ } .wrapper{ width:75%; margin:0 auto; } /* A list of things you don’t want printing. Add to/subtract from as necessary. */ .nav, #footer{ display:none; } #logo img{ position:static; } /* Don’t let images break anything. */ img{ max-width:100%; height:auto; } /* Try to avoid tables spanning multiple pages. Not failsafe, but a good start. */ table{ page-break-before:always; } /* Show the accessibility class. */ .accessibility{ position:static; } /* Display the href of any links. */ a:link:after,a:visited:after{ content:" (" attr(href) ")"; font-size:smaller; } a:link::after,a:visited::after{ content:" (" attr(href) ")"; font-size:smaller; } /* Any links that are root relative to your site need prepending with your URL. */ a[href^="/"]:after{ content:" (http://hackett.com" attr(href) ")"; font-size:smaller; } a[href^="/"]::after{ content:" (http://hackett.com" attr(href) ")"; font-size:smaller; } /* Any Flash/video content can’t be printed so leave a message. */ object:after{ content:"Flash/video content."; display:block; font-weight:bold; margin-bottom:1.5em; } object::after{ content:"Flash/video content."; display:block; font-weight:bold; margin-bottom:1.5em; } } /*--- END PRINT ---*/ /* Tools */ .nobr { white-space:nowrap !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left { float:left !important; } .f-right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .upLink { font-family: Georgia, Georgia1, serif; text-decoration: underline; text-transform: uppercase; } /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /** * @category design * @package Magento Enterprise * @author Matthew Havelock */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'icomoon'; src: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/fonts/icomoon.eot?630v1i'); src: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/fonts/icomoon.eot?630v1i#iefix') format('embedded-opentype'), url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/fonts/icomoon.ttf?630v1i') format('truetype'), url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/fonts/icomoon.woff?630v1i') format('woff'), url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/fonts/icomoon.svg?630v1i#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bookmark:before { content: "\e9d2"; } .icon-arrow-down-right{ margin-left: 10px; vertical-align: middle; } .icon-arrow-down-right:before { content: "\ea35"; } .icon-bookmark{ background: #fff; border-radius: 55px; display: flex; align-items: center; justify-content: center; padding: 10px; color: #1b232b; font-size: 35px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); } .recall-lightbox{ position: fixed; bottom:10px; right: 10px; z-index: 999; } .recall-lightbox .indicator{ width: 20px; height: 20px; position: absolute; top: 0px; left: -5px; background: red; border-radius: 25px } html, body { height: 100%; } body { font-family: arial, sans-serif; -webkit-tap-highlight-color:rgba(255,255,255,0.1); } .wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -28px; /* the bottom margin is the negative value of the footer's height */ display: block; overflow: hidden; } .header-container, .nav-container, #page, .footer-container { position: relative; float: left; margin: 0; width: 100%; } .header-container { padding: 0 0 10px 0; z-index: 3; } .nav-container { /*background: #e0e0e0; border-bottom: 1px solid #bbb;*/ } .footer-container { background: #a0a0a0; } header, nav, .content, footer { position: relative; margin: 0 auto; width: auto; max-width: 1205px; } .usstore header,.usstore nav,.usstore .content,.usstore .footer-inner, .usstore address.copyright, .usstore .address.copyright{ max-width: 996px;margin:0 auto; } .usstore .footer{max-width:none;} .usstore .top-cart .actions button, #add-to-cart-notification button { padding: 12px 7px; } .usstore .product-image #largeImgClk{ background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/view-larger-new.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 11px; width: 85px; } .usstore.catalog-product-view .product-img-box .product-image{ overflow: visible; } body.usstore .product-view .product-image #largeImgClk{ bottom: -19px; } .product-view .more-views { margin-top: 22px; } .usstore .footer-inner, .usstore .address.copyright { padding: 0 20px; } /* Header ========================================================================== */ #logo { position: relative; float: left; top: 10px; } #logo a, #logo span { display: block; background-color: transparent; background-image: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/logo.png'); background-repeat: no-repeat; width:600px; height:111px; text-decoration: none; } .replace { overflow: hidden; text-indent: -999em; position:relative; } .replace span { position:absolute; top:0; left:0; } .footer-container .footer_main ul{ margin: 0; font-size: 1.1em; } #back2site { position: absolute; top: 0; left: 0; width: 100%; } #back2site p { width: 996px; margin: 0 auto; position: relative; z-index: 3; } #back2site a { position: absolute; top: 0; left: 0; margin: 0; padding: 7px 9px 6px 24px; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_lt.png) no-repeat 5px 9px; font-size: 1.5em; display: block; float: left; } #mobile-summary, #mobile-switches, #mobileBack2Site, #mobile-footer-links, #search_mini_form .close { display: none; } /* Cart / Account */ .headerFunctions { float: right; z-index: 4; } .quick-access { float: right; margin: 0 0 10px 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background: #ececec; } #myBasket { position: relative; float: left; border-bottom: 1px solid #ccc; } em.basket_icon { float: left; margin: 0 9px 0 0; padding: 0; width: 24px; height: 24px; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/basket.svg) no-repeat 0 0; } /* Shopping bag ---------------------------------------------- */ .top-cart { position: relative; z-index: 3; } #cartHeader { display: block; float: left; padding: 14px 0 8px 10px; width: 339px; border-bottom: 1px solid #fff; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_toggle.png) no-repeat 320px -8px; font-size: 1.4em; white-space:nowrap; cursor:pointer; } #cartHeader:hover, #cartHeader:focus { border-bottom: 1px solid #777; background-color: #ccc; background-position: 321px -118px; text-decoration: none; } #cartHeader span { font-weight: bold; } #cartHeader span em { position: relative; top: -1px; padding: 0 6px; color: #bbb; font-weight: normal; font-style: normal; } #cartHeader span em:last-child { padding-right: 0; } #cartHeader span b { padding: 0 2px 0 0; color: #555; font-weight: normal; } #cartHeader:hover em.basket_icon, #cartHeader:focus em.basket_icon { background-position: 0 -70px; } #cartHeader .items { padding: 0 0 3px; border-bottom: 1px solid #333; font-weight: normal; } #cartHeader .no-items .items { border: none; } #cartHeader .items em { position: relative; top: -1px; padding: 0; } /* Top Shopping Cart */ #topCartContent { position: absolute; top: 4.75em; left: 0; clear: both; overflow: hidden; width: 339px; color: #202020; } #topCartContent > .close-btn { position: absolute; right: 0; top: 0; padding: 10px; } #topCartContent h3 { font-size: 12px; line-height: 14px; } .top-cart .inner-wrapper { padding: 0; background: #efefef; } .top-cart .cart-empty { border: 1px solid #d6d6d6; font-size: 1.2em; } .top-cart .block-subtitle { padding:10px 10px 11px; min-height: 10px; background: #555; color:#fff; font-size:1em; line-height:1.5; } .top-cart .block-subtitle .close-btn { position:relative; z-index:1; display: inline-block; float:right; text-align:left; text-transform: uppercase; cursor:pointer; } .top-cart .block-subtitle .close-btn:hover { text-decoration: underline; } .top-cart .cart-empty { padding:10px 10px 10px 20px; } .top-cart ol { float: left; overflow: auto; padding: 0 0 10px 0; max-height: 200px; width: 100%; list-style: none; } .top-cart ol li { clear: both; overflow: hidden; overflow: hidden; margin: 0 10px; padding: 8px 0 9px; border-bottom: 1px solid #d2d6d5; } .top-cart ol li.last { border-bottom: none; } .top-cart .product-image { float: left; width: 25%; margin-right: 4%; } .top-cart .product-image img { width: 70px; } .top-cart .product-details { float: left; width: 71%; } .top-cart .product-details-main { position: relative; float: left; margin: 0 0 10px 0; padding: 0 9px 0 0; width: 112px; } .top-cart .product-name { margin: 0 0 4px 0; text-align: left; font-size:1.2em; line-height:1.5; } .top-cart .product-name a { color: #000; text-decoration:none; } .top-cart .product-name a:hover, .top-cart .product-name a:focus { text-decoration:underline; } .top-cart .prod_qty { text-transform: none; } .top-cart table, .top-cart .truncated { float: left; margin:0 0 6px 0; width: 225px; } .top-cart .truncated { margin:0 0 5px 0; } .top-cart table th, .top-cart tbody tr, .top-cart table td { padding:0; border: 0; background: none; text-align:left; font-size: 1.1em; } .top-cart .product-details-actions { position: relative; left: -6px; clear: both; padding: 4px 0 0; font-size: 1em; } .top-cart .product-details-actions a { padding: 0 5px; color: #222; } .top-cart .product-details dt, .top-cart .product-details dd { float: left; margin: 0 10px 2px 0; font-size: 1.2em; } .top-cart table th, .top-cart .product-details dt { margin: 0; padding: 0 5px 0 0; width: 60px; } .top-cart .product-details dd { margin-right: 0; width: 160px; } .top-cart .subtotal { clear: both; overflow: hidden; margin:0 10px; padding:12px 10px 12px 0; border-top: 1px solid #d2d6d5; border-bottom: 1px solid #d2d6d5; text-align:right; font-size: 1.8em; } .top-cart .actions { overflow: hidden; padding: 8px 10px 6px 10px; } .top-cart .actions a { display: block; float: left; padding: 12px 7px; background-color: #ccc; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 1.2em; } .top-cart .actions a:hover { background-color: #888; color: #fff; text-decoration: none; } .top-cart .actions button, #add-to-cart-notification button{ float: right; padding: 12px 29px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-weight: normal; font-size: 1.2em; } #add-to-cart-notification button { float: none; } #baseLinks { clear: both; border-top: 1px solid #ccc; } #chkOutBtn { float: right; font-size: 1.3em; } #chkOutBtn a { border-left: 1px solid #ccc; background-position: 80px 14px; width: 98px; } #chkOutBtn a:hover, #chkOutBtn a:focus { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background-position: 80px -55px; } #myAccountLink { float: left; font-size: 1.3em; } #myAccountLink a { border-right: 1px solid #ccc; background-position: 91px 14px; width: 107px; } #myAccountLink a:hover, #myAccountLink a:focus { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; background-position: 91px -55px; } /* Language & Currency drop-down */ .switches { position: relative; z-index: 2; float: left; padding: 6px 10px; width: 126px; } #storeSwitcherDD { overflow: hidden; padding: 2px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_toggle.png) no-repeat 88px 12px; cursor: pointer; } #storeSwitcherOptions { display: none; /* Remove for accessibility */ } #storeSwitcherDD:hover, #storeSwitcherDD:focus { background-position: 88px -18px; } #storeSwitcherDD.active { background-position: 88px -49px; } #storeSwitcherDD.active:hover, #storeSwitcherDD.active:focus { background-position: 88px -79px; } #storeSwitcherDD span.language { display: block; float: left; overflow: hidden; margin: 0 10px 0 0; width: 24px; height: 24px; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; } #storeSwitcherDD span.currency { display: block; float: left; padding: 7px 0 5px; font-size: 1.2em; } .storeSwitcherDD .currecy em { font-style: normal; } #storeSwitcherDD .de_DE-EUR { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/Germany.png); } #storeSwitcherDD .es_ES-EUR { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/Spain.png); } #storeSwitcherDD .fr_FR-EUR { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/France.png); } #storeSwitcherDD .it_IT-EUR { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/Italy.png); } #storeSwitcherDD .en_GB-GBP { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/UnitedKingdom.png); } #storeSwitcherDD .en_GB-EUR { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/EuropeanUnion.png); } #storeSwitcherDD .en_US-USD { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/UnitedStates.png); } #storeSwitcherDD .jp_JP-JPY { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/japan.png); } #storeSwitcherDD .ca_CA-CAD { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/Canada.png); } #storeSwitcherDD .au_AU-AUD { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/24/Australia.png); } #storeSwitcherDD .ru_RU-EUR { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/RussianFederation.png); } #storeSwitcherOptions { position: absolute; top: 3.4em; left: 10px; width: 131px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; background: #ccc; } .switcher-language { padding: 0 9px 6px; border-bottom: 1px solid #bbb; } #languageSelect { margin: 4px 0 0; padding: 4px 0 0; width: 100%; } #languageSelect li a, #languageSelect li span { padding: 8px 6px 8px 32px; border-bottom: 1px dotted #999999; background-position: 4px 6px; background-repeat: no-repeat; font-size: 1.2em; display: block; } #languageSelect li em { padding: 0 4px 0 0; font-style: normal; } #languageSelect.short-language-label > li { text-transform: uppercase; } #languageSelect li:last-child a, #languageSelect li:last-child span { border-bottom: none; } #languageSelect li.language-de_DE-EUR a, #languageSelect li.language-de_DE-EUR span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/Germany.png); } #languageSelect li.language-es_ES-EUR a, #languageSelect li.language-es_ES-EUR span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/Spain.png); } #languageSelect li.language-fr_FR-EUR a, #languageSelect li.language-fr_FR-EUR span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/France.png); } #languageSelect li.language-it_IT-EUR a, #languageSelect li.language-it_IT-EUR span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/Italy.png); } #languageSelect li.language-en_GB-GBP a, #languageSelect li.language-en_GB-GBP span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/UnitedKingdom.png); } #languageSelect li.language-en_GB-EUR a, #languageSelect li.language-en_GB-EUR span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/EuropeanUnion.png); } #languageSelect li.language-en_US-USD a, #languageSelect li.language-en_US-USD span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/UnitedStates.png); } #languageSelect li.language-ja_JP-JPY a, #languageSelect li.language-ja_JP-JPY span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/Japan.png); } #languageSelect li.language-en_CA-CAD a, #languageSelect li.language-en_CA-CAD span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/Canada.png); } #languageSelect li.language-en_AU-AUD a, #languageSelect li.language-en_AU-AUD span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/Australia.png); } #languageSelect li.language-ru_RU-EUR a, #languageSelect li.language-ru_RU-EUR span { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/flags/16/RussianFederation.png); } #languageSelect li.current span { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } #languageSelect li a:hover, #languageSelect li a:focus { background-color: #ccc; text-decoration: none; } #currencyConvertor { margin: 0 10px; padding: 10px 12px 10px 0; width: 112px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_toggle2.png); background-position: 101px -18px; background-repeat: no-repeat; font-size: 1.1em; display: block; cursor: pointer; text-decoration: none; } #currencyConvertor.active { background-position: 100px -78px; } #fx-converter { clear: both; background-color: #ededed; } #switchStoresMessage { -moz-border-radiust: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; opacity: 0.8; box-shadow: inset 1px 1px 2px 2px rgba(0,0,0,0.2); background: #fff; text-align: justify; } #switchStoresMessage.show { display: block; } #switchStoresMessage p { font-size: 1.3em; line-height: 1.2; padding: 0 0 7px; -moz-border-radiust: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #switchStoresMessage .close { width: 20px; height: 20px; background: #ececec url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/cross.png) no-repeat 4px 4px; -moz-border-radiust: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 6px; right: 6px; cursor: pointer; } #ss-yes { float: right; } /* Search */ #search_mini_form { position: relative; z-index: 1; float: right; clear: both; } #search_mini_form label { position: absolute; } #search_mini_form input#search { float: left; margin: 0; padding: 0 10px; width: 291px; height: 37px; border: 0; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2); color: #bbb; font-size: 1.4em; } #search_mini_form input#search:focus { color: #222; } #search_mini_form input#search:focus::-webkit-input-placeholder { color: #ddd; } #search_mini_form input#search:focus:-moz-placeholder { color: #ddd; } #search_mini_form button { display: block; float: right; height: 37px; margin: 0; padding: 0 11px 0 12px; border: none; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-indent: -999em; background-color: #ececec; } #search_mini_form button:hover, #search_mini_form button:focus { background-color: #aaa; } #search_mini_form button span span { background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/search.png) no-repeat 0 0; width: 25px; height: 25px; display: block; } #search_mini_form button:hover span span, #search_mini_form button:focus span span { background-position: 0 -200px; } /* #search_autocomplete { width: 289px!important; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e8e8e8; } */ #search_autocomplete ul { list-style: none; } #search_autocomplete ul li { padding: 9px 12px; font-size: 1.1em; background-color: #fff; color: #222; } #search_autocomplete ul li:nth-child(2n+2) { background-color: #f1f1f1; } #search_autocomplete ul .amount { display: none; } /*common search bar fix*/ body.usstore .wrapper #search_mini_form button, body.usstore .wrapper #search_mini_form input#search{ height: 31px; } body.usstore #search_mini_form button,body.usstore .headerFunctions #search_mini_form button{ height:31px; margin-top : 0; } body.usstore #search_mini_form input#search, .usstore input#search{ padding-top: 0; padding-bottom: 0; box-sizing: border-box; } /* Nav */ nav ul { float: left; } nav li { float: left; padding: 0; font-size: 1.8em; } nav li.last { border: none; } nav li a { display: block; float: left; padding: 12px 24px 13px; color: #777; text-decoration: none; } nav li a:hover, nav li a:focus, nav li.active a, .wmghomepage-index-index nav li.home-nav a { background: transparent; color:#bbb; text-decoration: none; } /* All Levels */ #nav li.over { z-index:990; } #nav li.parent { position:relative; } #nav li a span { cursor:pointer; } #nav ul, #nav div { position:absolute; width: auto; top: 100%; margin-top: 1px; left:-10000px; background:#fbfbfb; } #nav div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } #nav ul li { font-size: 1em; border: 0; margin: 0; width: 100%; } #nav ul li a { padding: 9px 18px 10px; font-size: 91.666%; display: block; float: none; background: #fff; background: rgba(255,255,255,0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #nav ul li a:hover, #nav ul li.over a.over, #nav ul li.active > a { color:#000; } #nav li .shown-sub { left:-1px; z-index:991; -webkit-box-shadow: inset 0 0 3px #ddd, 2px 2px 2px rgba(68,68,68,0.5); -moz-box-shadow: inset 0 0 3px #ddd, 2px 2px 2px rgba(68,68,68,0.5); box-shadow: inset 0 0 3px #ddd, 2px 2px 2px rgba(68,68,68,0.5); margin-top: -1px; } #nav li li a { border: 0; } #nav li.active .shown-sub a { background: transparent; } #nav li li .shown-sub { left: 100%; margin-top: 0; top: 0; } /* Peripheral Templates */ .page-print { padding:20px; background:#fff; text-align:left; } .page-popup { padding:20px; text-align:left; } /* Page Empty */ .page-empty { /*padding:20px; background: #fff;*/ text-align:left; } .page-empty .wrapper, .page-empty .std { position: relative; z-index: 0; margin: 0 auto 20px auto; padding: 16px; min-height: 440px; width: 964px; /*background: #fff;*/ background: transparent; } .page-empty .page-head-alt { margin: 40px 0 0 0; } .page-empty .std li { font-size: 1.3em; } /* Main ------------------------------------------------------- */ .main { float: left; min-height: 380px; width: 100%; background: #fff; } .std { margin: 0; padding: 0; } /* Base Columns */ .col-left { float:left; padding:20px 0 20px 16px; width:20%; } .col-main { float:left; padding: 20px 16px; width: 100%; } .col-right { float:right; padding:20px 16px 20px 0; width:20%; } .sidebar { min-height:350px; } .sidebar ul { margin: 0 0 20px 0; } .sidebar li, .toolbar .sorter li { margin: 0; padding: 6px 20px; } .sidebar li a { text-decoration: none; } /* 1 Column Layout */ .col1-layout { float: left; width: 100%; } /* 2 Columns Layout */ .col2-left-layout { float: left; width: 100%; } .col2-left-layout .col-main { float:right; padding: 20px 16px 20px 10px; width: 80%; } .col2-right-layout { float: left; width: 100%; } /* 3 Columns Layout */ .col3-layout .col-main { display:inline; width:540px; } .col3-layout .col-wrapper { float:left; width:784px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set, .col3-set, .col4-set { clear: both; overflow: hidden; margin: 0 0 16px 0;} .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; margin-left:2%; width:32%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; margin:0 2%; width:23.5%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .link-rss { float: right; display: none; } /* Breadcrumbs ---------------------------------------------- */ .breadcrumbs { clear: both; margin: 10px 16px 0; } .breadcrumbs ul { margin: 0; list-style: none; } .breadcrumbs li { display: inline; font-size: 1.2em; } .breadcrumbs li a { text-decoration: none; } .breadcrumbs li a:hover, .breadcrumbs li a:focus { text-decoration: underline; } /* Absolute center */ .outerCen { position: absolute; top: 0; left: -50%; width: 200%; } .innerCen { position: absolute; left: 50%; } .innerCen p, .innerCen ul { position: relative; left: -50%; } /* Relative center */ .center-rel { clear: both; overflow: hidden; *zoom: 1; *position: relative; } .center-rel-inner { position: relative; left: 50%; float: left; width: 100%; } .center-rel ul { position: relative; right: 50%; *float: left; } /* Link */ .arrowLink, .top-link-checkout { display: block; float: left; padding: 13px 27px 13px 9px; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_r.png) no-repeat 100% 14px; } .arrowLink:hover, .arrowLink:focus, .top-link-checkout:hover, .top-link-checkout:focus { background-color: #ccc; background-position: 100% -55px; text-decoration: none; cursor: pointer; } .arrowLink2 { background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_r2.png) no-repeat 100% 14px; } .arrowLink2:hover, .arrowLink2:focus { background-color: transparent; background-position: 100% -55px; } /* Form List ----------------------------------------- */ .form-list { width: 100%; list-style: none; } .form-list li, .form-list .field { position: relative; float: left; clear: left; margin: 0; width: 100%; /* For IE6&7 */ } .form-list label,.customer-account-edit ul.form-list label { float: left; padding: 7px 0 0 0; width: 140px; } .form-list label em { margin-left: -10px; padding: 0 6px 0 0; color: #9e3535; } .form-list .input-box { float: left; } .form-list input[type=text] .form-list input[type=password], .form-list textarea, .form-list input.input-text { float: left; margin: 0 0 12px 0; padding: 6px 7px; min-height: 1.3em; width: 220px; border: 1px solid #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: whiteSmoke; -webkit-box-shadow: inset 0 1px 0 #bbb; -moz-box-shadow: inset 0 1px 0 #bbb; box-shadow: inset 0 1px 0 #bbb; font: inherit; } .form-list .fixed-address-field { margin: 0 0 12px 0; padding: 6px 7px; } .form-list input[type=text] .form-list input[type=password], .form-list textarea, .form-list input.input-text, x:-moz-any-link { padding: 8px 7px 7px; } .form-list select { float: left; margin: 0 0 12px 0; padding: 8px 7px; width: 238px; } .form-list select option { padding-right:9px; } .form-list li.control { margin: 0 0 10px 1px; min-width: 166px; } .form-list li.control label { display: block; float: left; margin: 0 12px 0 0; padding-top: 0; white-space: nowrap; } .form-list li.control .input-box, .form-list li.control input { float: left; } .form-list li.control .input-box { padding: 0 0 12px 150px; } .form-list input[type="checkbox"], .form-list input[type="radio"] { margin: 2px 9px 0 0; width: 16px; height: 16px; } .form-list .add-field input { margin-left: 150px; } input::-webkit-input-placeholder { color: #888; } input[type=text]:-moz-placeholder { color: #888; } input[type=text]:focus::-webkit-input-placeholder { color: #ccc; } input[type=text]:focus:-moz-placeholder { color: #ccc; } .form-list input[type=text]:focus, .form-list input[type=password]:focus, .form-list textarea:focus { border: 1px solid #74C2E8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: inset 0 1px 0 #74C2E8; -moz-box-shadow: inset 0 1px 0 #74C2E8; box-shadow: inset 0 1px 0 #74C2E8; } .form-list input[type=text].changed, .form-list input[type=password].changed { border: 1px solid #56ce7a; background: #fff; -webkit-box-shadow: 0 1px 0 #56ce7a; -moz-box-shadow: 0 1px 0 #56ce7a; box-shadow: 0 1px 0 #56ce7a; } /*--- Check list --- */ .check-list{ overflow:hidden; margin:0 0 1.5em 0; width:100%; list-style:none; } .check-list li{ float:left; width:25%; } .check-label{ display:inline; } .check-label:after{ content:normal; } .check-label::after{ content:normal; } p.required { clear:both; margin-top: 20px; color: #a1a1a1; overflow: hidden; } /* Validation Messages */ /* std class reset */ .std .messages { margin-top:0; } .std .messages { margin-bottom:0 !important; padding:0 !important; width:auto; list-style:none !important; } .std .messages ul { margin:0 0 -11px !important; padding-left:17px !important; list-style:none !important; list-style-position: outside !important; } .std .messages li { margin-bottom: 0; } /* Global Messages */ .messages { overflow:hidden; margin-top:10px; width:100%; list-style: none; list-style-position: outside; text-align:left; } .messages li { margin:0 0 10px; padding:0; } .messages ul { position:relative; margin:0 0 -11px!important; padding:10px 17px 18px; background-position:35px 100%; background-repeat:no-repeat; list-style: none; list-style-position: outside; } .messages ul li { margin:0; padding:0 0 3px; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { margin-right: 16px; margin-left: 16px; border-width:1px !important; border-style:solid !important; font-size:12px !important; } p.error-msg { margin:10px 0; padding:10px; border-width:1px !important; border-style:solid !important; font-size:12px !important; } .col-main .messages li.error-msg, .col-main .messages li.success-msg, .col-main .messages li.note-msg, .col-main .messages li.notice-msg { margin-right: 0; margin-left: 0; } .item-msg.error { color: #bf0000; font-weight: bold; font-size: 1.2em; } /* Error Message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } .messages li.error-msg ul { /* background-image:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/bkg_msg-error.gif); */ } .messages li.error-msg li { margin-bottom: 0; } p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* Success Message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } .messages li.success-msg ul { /* background-image:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/bkg_msg-success.gif); */ } .messages li.success-msg li { margin-bottom: 0;} /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, .messages li.notice-msg ul { /* background-image:url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/bkg_msg-note.gif); */ } .messages li.notice-msg li { margin-bottom: 0; } .cms-home .messages li { margin: 10px 30px 0 30px; } /* .validation-passed { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/form_correct.png) no-repeat 238px 5px; */ .validation-error { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/form_error.png) no-repeat 238px 8px; } .validation-error input, .validation-error textarea, .validation-error select { border: 1px solid #9e3535!important; box-shadow: 0 1px 0 #9E3535 inset; } .validation-advice { float: left; padding: 7px 0 0 40px; width: 228px; color: #9e3535; font-style: italic; } /* Buttons ---------------------------------------- */ .btns input, button, a.button, input.button, input[type=button], input[type=reset], input[type=submit] { overflow: visible; margin: 0; padding: 6px 9px; border: 0; background: #323232; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 12px; line-height: 1; cursor: pointer; } input.button, input[type=button], input[type=reset], input[type=submit], x:-moz-any-link { padding: 4px 6px 3px 6px; } button, x:-moz-any-link { padding: 6px; } .browserSafari .btns input, .browserSafari button, .browserSafari input.button, .browserSafari input[type=button], .browserSafari input[type=reset], .browserSafari input[type=submit] { padding: 5px 6px; } .browserSafari a.button { padding: 6px 9px; } a.button { display: inline-block; text-decoration: none; } .main a.button { text-decoration: none; } a.button:hover, a.button:focus { color:#fff; } input[type=button] { width: auto; /* cancel margin fix for other browsers */ } td input[type=button] { width: 100%; } .btns input:hover, button:hover, a.button:hover, input.button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .btns input:focus, button:focus, a.button:focus, input.button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus{ background: #000; } /* Buttons Set */ .buttons-set { float: left; clear: left; margin: 20px 0 0; width: 100%; } .buttons-set button { float: right; } /* Buttons */ button, .btn-black, .back-link a, .btn-white, .btn-green, .btn-blue, .btn-red { position: relative; display: inline-block; margin-bottom: 2px; padding: 7px 14px; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; font-weight: bold; } button:hover, button:active, .btn-black:hover, .btn-black:active, .back-link a:hover, .back-link a:active, .btn-white:hover, .btn-white:active, .btn-green:hover, .btn-green:active, .btn-blue:hover, .btn-blue:active, .btn-red:hover, .btn-red:active { cursor: pointer; } button:active, .btn-black:active, .back-link a:active, .btn-white:active, .btn-green:active, .btn-blue:active, .btn-red:active { top: 1px; } .main .btn-black, .main .btn-black:hover, .main .back-link a, .main .back-link a:hover, .main .btn-white, .main .btn-white:hover, .main .btn-green, .main .btn-green:hover, .main .btn-blue, .main .btn-blue:hover, .main .btn-red, .main .btn-red:hover { text-decoration: none; } .sml-btn { padding: 2px 6px; text-transform: uppercase; font-size: 80%; font-weight: normal; -webkit-box-shadow: 0 1px 0 #222; -moz-box-shadow: 0 1px 0 #222; box-shadow: 0 1px 0 #222; } /* button colours */ button, .btn-black { border: 1px solid #111; background: #444; -webkit-box-shadow: 0 2px 0 #222; -moz-box-shadow: 0 2px 0 #222; box-shadow: 0 2px 0 #222; color: white; } button:hover, button:focus, .btn-black:hover, .btn-black:focus { border: 1px solid #222; background-color: #777; -webkit-box-shadow: inset 0 0 3px #444, 0 2px 0 #111; -moz-box-shadow: inset 0 0 3px #444, 0 2px 0 #111; box-shadow: inset 0 0 3px #444, 0 2px 0 #111; color: #fff; } button:active, .btn-black:active { background-color: #bbb; -webkit-box-shadow: 0 1px 0 #000; -moz-box-shadow: 0 1px 0 #000; box-shadow: 0 1px 0 #000; } .btn-green { border: 1px solid #00c99a; background: #0aad6e; -webkit-box-shadow: 0 2px 0 #0c7a69; -moz-box-shadow: 0 2px 0 #0c7a69; box-shadow: 0 2px 0 #0c7a69; color: white; text-shadow: 0 -1px 0 #0c7a69; } .btn-green:hover, .btn-green:focus { border: 1px solid #00c99a; background-color: #30c185; -webkit-box-shadow: inset 0 0 3px #1aad8b, 0 2px 0 #00c99a; -moz-box-shadow: inset 0 0 3px #1aad8b, 0 2px 0 #00c99a; box-shadow: inset 0 0 3px #1aad8b, 0 2px 0 #00c99a; } .btn-green:active { background-color: #40c994; -webkit-box-shadow: 0 1px 0 #21b1ce; -moz-box-shadow: 0 1px 0 #21b1ce; box-shadow: 0 1px 0 #21b1ce; } .btn-blue { border: 1px solid #2db0fc; background: #00acce; -webkit-box-shadow: 0 2px 0 #1c9bdb; -moz-box-shadow: 0 2px 0 #1c9bdb; box-shadow: 0 2px 0 #1c9bdb; color: white; text-shadow: 0 -1px 0 #1c9bdb; } .btn-blue:hover, .btn-blue:focus { border: 1px solid #145e9b; background-color: #21b1ce; -webkit-box-shadow: inset 0 0 3px #2bc4e2, 0 2px 0 #145e9b; -moz-box-shadow: inset 0 0 3px #2bc4e2, 0 2px 0 #145e9b; box-shadow: inset 0 0 3px #2bc4e2, 0 2px 0 #145e9b; } .btn-blue:active { background-color: #40c994; -webkit-box-shadow: 0 1px 0 #21b1ce; -moz-box-shadow: 0 1px 0 #21b1ce; box-shadow: 0 1px 0 #21b1ce; } .btn-red { border: 1px solid #c65145; background: #fc695a; -webkit-box-shadow: 0 2px 0 #c65145; -moz-box-shadow: 0 2px 0 #c65145; box-shadow: 0 2px 0 #c65145; text-shadow: 0 -1px 0 #c65145; } .btn-red:hover, .btn-red:focus { border: 1px solid #cd5144; background-color: #fc786b; -webkit-box-shadow: inset 0 0 3px #ebada6, 0 2px 0 #cd5144; -moz-box-shadow: inset 0 0 3px #ebada6, 0 2px 0 #cd5144; box-shadow: inset 0 0 3px #ebada6, 0 2px 0 #cd5144; } .btn-red:active { background-color: #fc7062; -webkit-box-shadow: 0 1px 0 #d86155; -moz-box-shadow: 0 1px 0 #d86155; box-shadow: 0 1px 0 #d86155; } .add-to-cart-qty .qty-wrapper-buttons > label { float: left; display: inline-block; line-height: 17px; font-weight: normal; min-width: 0; margin-right: 0; } .qty-buttons { display: inline-block; } .catalog-product-view .qty-buttons > input.qty { margin: 0 5px 0 0; padding: 0; border: none; line-height: 23px; font-weight: bold; } button.qtyupdate, button.qtyupdate:active, button.qtyupdate:focus, button.qtyupdate:hover { border: 1px solid #aaa; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 4px 8px; line-height: 13px; font-size: 14px; color: #888; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } button.qtyupdate:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } button.qtyupdate.qty-decrement { border-right: none; } /* Back Lick and white button */ .back-link { float: left; text-transform: uppercase; } .back-link a{ padding: 5px 14px 4px 24px; background: #e7e7e7 url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_lt.png) no-repeat 6px 7px; font-size: 92.3%; } .back-link small { display: none; } .back-link a, .btn-white { border: 1px solid #ccc; background-color: #e7e7e7; -webkit-box-shadow: 0 2px 0 #bbb; -moz-box-shadow: 0 2px 0 #bbb; box-shadow: 0 2px 0 #bbb; color: #333; text-shadow: 0 -1px 0 #aaa; } .usstore .back-link a, .usstore .btn-white { border: 1px solid #000; background-color: #444; -webkit-box-shadow: 0 2px 0 #000; -moz-box-shadow: 0 2px 0 #000; box-shadow: 0 2px 0 #000; color: #fff; text-shadow: 0 -1px 0 #000; } .back-link a:hover, .back-link a:focus, .btn-white:hover, .btn-white:focus { color: #333; border: 1px solid #aaa; background-color: #ddd; background-position: 6px -67px; -webkit-box-shadow: inset 0 0 3px #eee, 0 2px 0 #aaa; -moz-box-shadow: inset 0 0 3px #eee, 0 2px 0 #aaa; box-shadow: inset 0 0 3px #eee, 0 2px 0 #aaa; } .back-link a:active, .btn-white:active { background-color: #f5f5f5; -webkit-box-shadow: 0 1px 0 #222; -moz-box-shadow: 0 1px 0 #222; box-shadow: 0 1px 0 #222; } .button.plain { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Select Box (Javascript) Replacement ------------------------------------------------ */ .sbHolder{ position: relative; float: left; margin: 0 0 12px 0; padding: 4px 20px 4px 3px; width: 211px; height: 23px; border: 1px solid #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: whiteSmoke; -webkit-box-shadow: inset 0 1px 0 #bbb; -moz-box-shadow: inset 0 1px 0 #bbb; box-shadow: inset 0 1px 0 #bbb; line-height: 1.2; } .main .sbHolder a { text-decoration: none; } .sbSelector { position: absolute; top: 0; left: 0; display: block; overflow: hidden; padding: 4px 20px 0 0; width: 214px; height: 27px; outline: none; color: #555; text-decoration: none; text-indent: 8px; line-height: 27px; } .sbSelector:hover, .sbSelector:focus { outline: none; text-decoration: none; color: #555; } .sbToggle{ position: absolute; top: 3px; right: 0; z-index: 2; display: block; width: 20px; height: 20px; outline: none; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/select_arrow.png) 0 4px no-repeat; } .sbSelector:hover .sbToggle, .sbToggle:hover, .sbSelector:focus .sbToggle, .sbToggle:focus { background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/select_arrow.png) 0 -44px no-repeat; } .sbToggleOpen{ background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/select_arrow.png) 0 -92px no-repeat; } .sbToggleOpen:hover{ background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/select_arrow.png) 0 -140px no-repeat; } .sbHolderDisabled{ border: solid 1px #515151; background-color: #3C3C3C; } .sbHolderDisabled .sbToggle{ opacity: 0.4; } .sbOptions{ position: absolute; top: 30px; left: 0; z-index: 3; overflow-y: auto; margin: 0; padding: 0; width: 232px; border: solid 1px #ededed; background-color: #ccc; list-style: none; } .sbOptions li{ float: none; margin: 0; padding: 3px 7px 0; width: auto; } .sbOptions a { display: block; padding: 2px 0 2px 3px; outline: none; border-bottom: dotted 1px #515151; color: #555; } .sbOptions li:last-child a { border-bottom: none; } .sbOptions a:link, .sbOptions a:visited { text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus { color: #111; } .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled, .sbOptions .sbGroup{ display: block; padding: 7px 0 7px 3px; border-bottom: dotted 1px #515151; font-weight: bold; } .sbOptions .sbSub{ padding-left: 17px; } .sbOptions li.empty { display: none; } .sbHolder.changed { border: 1px solid #56ce7a; background: #fff; -webkit-box-shadow: 0 1px 0 #56ce7a; -moz-box-shadow: 0 1px 0 #56ce7a; box-shadow: 0 1px 0 #56ce7a; } .sbHolder.changed .sbSelector { color: #222; } /* Styled select */ select { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/sort_arrow.svg") no-repeat scroll 96% center #f0f0f0 ; border: 0; display: inline-block; height: 28px; margin: 0; border-right: 11px solid transparent !important; text-indent: 0.1px; text-overflow: ""; appearance: none; -webkit-appearance: none; -moz-appearance: none; line-height: 20px; padding: 0 0 0 10px; text-align: left; color: #000; font-size: 12px; -webkit-border-radius: 0px 0 0 0px; -moz-border-radius: 0px 0 0 0px; border-radius: 0px 0 0 0px; padding-right: 2.8em !important; word-break: break-all; word-wrap: break-word; } .sorter select{ background-position: right center !important; } .styled-select select{ border-right:medium none !important; } .styled-select select::-ms-expand { display: none; } .styled-select { float: left; overflow: hidden; background: #f0f0f0 url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/select_arrow.png) no-repeat 96% 7px; border: 1px solid #bbb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 32px; line-height: 32px; box-shadow: 0 1px 0 #BBBBBB inset; margin: 0 0 9px; } .styled-select:hover { background-position: 96% -41px; } .Chrome .styled-select, .Safari .styled-select, .styled-select { padding: 0; } .form-list .styled-select { width: 234px; margin: 0 0 12px; } .Chrome .form-list .styled-select, .Safari .form-list .styled-select { width: 220px; } .form-list .v-fix .styled-select { width: 112px; } .Chrome .form-list .v-fix .styled-select, .Safari .form-list .v-fix .styled-select { width: 91px; } .validation-error .styled-select { border: 1px solid #9E3535; } .styled-select select { background: transparent; width: 150%; padding: 7px 3px; border: 0; border-radius: 0; -webkit-appearance: none; outline: none; display: inline-block; color: #555; height: 30px; line-height: 1; } .usstore .styled-select select { width: auto; cursor: pointer; } .styled-select select option { padding: 6px; } .Chrome .styled-select select, .Safari .styled-select select { padding: 3px 6px 0; } /* Placehoder Form */ .phForm label { float: left; margin: 0; padding: 0; width: 250px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; /* fix WebKit background bleed on border-radius */ } .phForm .required em { float: left; padding: 0 6px 0 0; } .formSelectInoperative { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; } /* Loader */ .loading { width: 20px; height: 20px; border-radius: 50%; background: #ddd; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; -webkit-animation: loader 0.5s infinite ease-in-out both; -moz-animation: loader 0.5s infinite ease-in-out both; animation: loader 0.5s infinite ease-in-out both; } @-webkit-keyframes loader { 0% { background: #ddd; } 33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; } 66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; } } @-moz-keyframes loader { 0% { background: #ddd; } 33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; } 66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; } } @keyframes loader { 0% { background: #ddd; } 33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; } 66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; } } .loadingbar { float: left; margin: 3px 9px 0 0; } .barlittle { background-color: #aaa; background-image: linear-gradient(45deg, #ddd 25%, #777); background-image: -moz-linear-gradient(45deg, #ddd 25%, #777); background-image: -webkit-linear-gradient(45deg, #ddd 25%, #777); border-left: 1px solid #999; border-top: 1px solid #999; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 8px; height: 8px; float: left; margin-left: 5px; opacity: 0.1; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); animation: move 1s infinite linear; -moz-animation: move 1s infinite linear; -webkit-animation: move 1s infinite linear; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #block_1 { animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; } #block_2 { animation-delay: .4s; -moz-animation-delay: .4s; -webkit-animation-delay: .4s; } #block_3 { animation-delay: .6s; -moz-animation-delay: .6s; -webkit-animation-delay: .6s; } @keyframes move { 0% { transform: scale(1.2); opacity: 1; } 100% { transform: scale(0.7); opacity: 0.1; } } @-moz-keyframes move { 0% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(0.7); opacity: 0.1; } } @-webkit-keyframes move { 0% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(0.7); opacity: 0.1; } } /* Modal Overlay */ .modal-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; z-index: 9999; } .modal-overlay .outer { display: table; width: 100%; height: 100%; } .modal-overlay .inner { display: table-cell; vertical-align: middle; width: 100%; text-align: center; } .modal-overlay .title-block { margin: 0 auto; transition: opacity 1s ease; opacity: 0; } .title-block.w224 { width: 224px; } /* Footer */ footer ul li { list-style: none; } .footer-storeswitch{ display: none; } .footer_main { text-align: center; } .footer_main ul { display: inline; } .footer_main li { float: left; margin: 0; padding: 12px 14px; font-size: 1.1em; } .payment-options { float: right; margin: 0 10px 3px 20px; padding: 10px 0 10px 202px; min-height: 26px; background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/payment_options.png") no-repeat 0 3px transparent; text-align: left; font-size: 9px; text-transform: uppercase; } footer h4 { margin-top: 12px; font-weight: bold; font-size: 1.4em; } footer table { margin: 0 0 10px 0; } footer td { font-size: 1.2em; } footer td:last-child { padding-right: 0; } footer td strong { margin: 0 0 6px 0; } footer td li { margin: 0 0 4px 0; } #mob-footer-title { display: none; } /* Cookie Policy */ #sf, .push { height: 28px; } #cookiePolicy { position: relative; display: none; clear: both; overflow: hidden; min-width: 996px; width: 100%; background: #ededed; } #cookiePolicy p { float: left; padding: 8px 12px; font-size: 1.1em; } #cookiePolicy p a { text-decoration: underline; } #cookiePolicy .close { float: right; margin: 5px 9px 3px 0; padding: 3px 3px 3px 17px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #999 url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/cross.png) no-repeat 2px -148px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; } #cookiePolicy .close:hover, #cookiePolicy .close:focus { background-color: #333; } .my-account .buttons-set.form-buttons { width: 380px;} /*DE language specific CSS*/ .de_DE .footer_main li { padding: 12px 8px; } /*FR language specific CSS*/ .fr_FR .top-cart .actions a, .fr_FR .top-cart .actions button{ padding-left: 4px; padding-right: 4px; font-size: 1.1em; } .es_ES #chkOutBtn a { padding: 8px 9px; } /* PayPal button */ #paypal_form { float: right; } .dialog-box { display: none; position: fixed; z-index: 9999; top: 120px; width: 80%; max-width: 940px; min-height: 200px; margin: 0 auto; padding: 5px; border: 1px solid #CFCFCF; -webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.75); background-color: #fff; } .dialog-box.oos-config-dialog { width: 50%; max-width: 600px; } .dialog-box .close-btn, .dialog-bar .dialog-bar-content .close-btn { position: absolute; right: 0; top: 0; margin: 3px; } .dialog-bar .dialog-bar-content .close-btn { margin: 0; } .dialog-bar { display: none; position: relative; z-index: 9999; width: 100%; margin: 0 auto; padding: 5px; border: 1px solid #CFCFCF; background-color: #fff; } .dialog-bar .dialog-bar-content { max-width: 996px; position: relative; margin: 0 auto; display: block; overflow: hidden; } .dialog-bar .summary { margin: 0 auto; width: 483px; line-height: 2.7em; } .dialog-bar .content { margin: 0 auto; width: 600px; min-height: 100px; padding: 20px 0; } .dialog-bar .summary .title { float: left; text-transform: uppercase; font-size: 1.4em; } .dialog-bar .summary .toaster-btn { float: right; } .oos-config-dialog .oos-notif-title, .oos-config-dialog > form { width: 100%; text-align: center; padding-top: 10px; } .oos-config-dialog .oos-notif-title { margin: 20px 0 20px 0; font-size: 16px; } .oos-config-dialog .validation-advice { position: absolute; left: 20px; } .oos-config-dialog .input-text { padding: 5px; height: 30px; width: 50%; font-size: 13px; } /* --------- start default footer widget --------------*/ .default-footer .newsletter-form.standard .v-fix, .default-footer .newsletter-form.standard .v-fix input{ width: 100%; } .default-footer .footer-inner > div, .default-footer .footer-inner > div.block, .default-footer .footer-inner > form.newsletter-form{ width: 18%; display: block; float: left; padding: 0 0 0 2%; margin-left: 0; } .default-footer .footer-inner #footer_social_links li a{ } .default-footer .footer-inner .block-title, .default-footer .footer-inner form label{ color: #414141; font-size: 1.6em; font-weight: bold; text-transform: uppercase; font-family: 'futura-pt', Arial, Helvetica, sans-serif; margin: 0; padding: 0; } .default-footer #footer_social_links li a { background-image: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/socials_footer.png"); height: 36px; width: 36px; } .default-footer .footer-inner #footer_social_links li:nth-child(1) a{ background-position: 0px 3px; } .default-footer .footer-inner #footer_social_links li:nth-child(2) a{ background-position: -38px 3px; } .default-footer .footer-inner #footer_social_links li:nth-child(3) a{ background-position: -76px 3px; } .default-footer .footer-inner #footer_social_links li:nth-child(4) a{ background-position: -115px 3px; } .default-footer .footer-inner #footer_social_links li:nth-child(1) a:hover{ background-position: 0px -30px; } .default-footer .footer-inner #footer_social_links li:nth-child(2) a:hover{ background-position: -38px -30px; } .default-footer .footer-inner #footer_social_links li:nth-child(3) a:hover{ background-position: -76px -30px; } .default-footer .footer-inner #footer_social_links li:nth-child(4) a:hover{ background-position: -115px -30px; } .default-footer.footer-container{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; background: #FFFFFF; background-position: 50% 50%; -webkit-background-origin: padding-box; background-origin: padding-box; -webkit-background-clip: border-box; background-clip: border-box; -webkit-background-size: auto auto; background-size: auto auto; } .default-footer.footer-container .footer_main .copyright-bar{ background: none repeat scroll 0 0 #414141; float: left; padding: 2.5em 0; } .default-footer .copyright-bar .copyright span, .default-footer .copyright-bar .copyrightlinks, .default-footer .copyright-bar .copyrightlinks a{ color: #fff; } .default-footer .copyright-bar .copyrightlinks a{ text-transform: lowercase; } .default-footer .copyright-bar .copyright span{ float: left; } .default-footer .copyright-bar .copyrightlinks{ float: right; } .default-footer .newsletter-form.standard .form-subscribe-header{ display: block; } .default-footer footer{ padding: 2em 0 0; } .default-footer .newsletter-form.standard .button{ margin: 1em 0; font-family: 'futura-pt'; background: none repeat scroll 0 0 #30d5f3; border: medium none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; color: #FFFFFF; height: auto; padding: 4px 15px; width: 100%; text-transform: uppercase; letter-spacing: normal; font-size: 1.35em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-weight: normal; text-shadow: none; line-height: 22px; } .default-footer .newsletter-form.standard .button:hover{ background: none repeat scroll 0 0 #FFFFFF; color: #000000; } .default-footer footer .block a { font-family: 'futura-pt', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; } .default-footer footer .block a:hover { color: #FFFFFF; } ul.footer-default-default li a{ padding: 0px 5px; } /* --------- end default footer widget --------------*/ .usstore.checkout-page .header-container #logo a, .usstore.checkout-page .header-container #logo span { height: 61px; margin-left: 1em; width: 335px; } .usstore #giftcard-form .v-fix { float: left; width: 210px; } .checkout-page .wrapper .cart-collaterals .cross, .usstore.checkout-page .wrapper .cart-collaterals .deals { float: right; width: auto; } .tab-list .tab-container { position: absolute; top: 37px; } .usstore #coupon_code { float: left; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 13px; border: 1px solid #414141; min-height: 1.66em; background: transparent; box-shadow: none; } #product_sendtofriend_form .back-link{ margin-top: 0.45em;} /* whats this pop up block begins */ .popup-block { border: 1px solid #cfcfcf; left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -250px; width: 500px; text-align: left; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; z-index: 1000; position: fixed; display: none; } .popup-block.active { display: block; } .popup-block .block-title { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/bkg_page-title.gif") repeat-x scroll 0 0 #f0f0f0; border-bottom: 1px solid #414141; padding: 17px 17px 10px; } .popup-block div.btn-close { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/btn_window_close.gif") no-repeat; display: block; position: absolute; top: 19px; right: 17px; height: 15px; width: 15px; text-indent: -9999em; cursor: pointer; } .popup-block .block-title strong { color: #414141; font-size: 16px; font-weight: normal; } .popup-block .block-content { padding: 0; background: none repeat-x 0 100% #fff; font-size: 12px; } .popup-block .block-content .form-list label { width: 180px; } .popup-block .block-content .form-list .input-text { width: 230px; } .popup-block .block-content .form-list .control .input-box { margin-left: 195px; } .popup-block .block-content .form-buttons { width: auto; padding-left: 188px; padding-top: 10px; } .popup-block .block-content .form-buttons .button { float: left; } .popup-block.loading .block-content * { text-align: left; text-indent: -99999em; overflow: hidden; position: relative; margin-left: -9999em; } .popup-block.loading .block-content:before { content: ''; display: block; background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/opc-ajax-loader.gif") no-repeat 0 50%; position: absolute; z-index: 99; top: 50%; left: 50%; line-height: 16px; padding: 16px; text-indent: 0 !important; } .popup-block .block-content p { padding: 17px 17px 25px; } .popup-block .block-content .buttons-set { background: #fff; margin: 0; } .popup-block .block-content .button.btn-close { color: #30d5f3; } /* whats this pop up block ends */ .usstore #bbb-accreditation { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/bbb-accreditation.svg") no-repeat center top transparent; width: 82px; height: 32px; margin: 0 5px; float: right; clear: none; } .usstore #DataCapture { height: 0; transition: height 0.3s ease-in-out 0s; width: 100% !important; z-index: 100; background:#e0e0e0; } .usstore #DataCapture.toaster-open { height: 45px; transition: height 0.3s ease-in-out 0s; } .usstore #DataCapture .submit { display: inline-block; vertical-align: top; } .usstore #DataCapture .mlist-submit.toaster-submit { letter-spacing: 1px; background: none repeat scroll 0 0 #323232; border: medium none; color: #fff; font-weight: bold; font-size: 12px; padding: 5px 20px 4px; text-transform: uppercase; border-radius: 5px 5px 5px 5px; cursor: pointer; letter-spacing: 0; } .usstore .newsletter-form.advanced .form-subscribe button:hover, .usstore #DataCapture .mlist-submit.toaster-submit:hover { background: none repeat scroll 0 0 #444; color: #fff; } .usstore #DataCapture.toaster-open .close_btn.toaster-close { height: 2em; margin-right: 0em; margin-top: 0.5em; } .usstore #DataCapture.toaster-open .close_btn.toaster-close { height: 2em; margin-right: 0em; margin-top: 0.5em; } .usstore #DataCapture .close_btn.toaster-close { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/x-white.svg") no-repeat scroll 0 0 transparent; clear: both; display: inline-block; float: right; height: 0; margin-right: 1em; text-indent: -9999px; width: 15px; } .usstore .toaster-open #toaster-inner { margin: 0 auto; max-width: 942px; overflow: visible; padding: 0.75em 0; } .usstore .toaster-text { text-align: center; } .usstore .toaster_header { display: inline-block; font-size: 18px; margin-right: 17px; letter-spacing: 1px; color: #FFFFFF; font-weight: normal; text-transform: uppercase; margin-bottom: 0px; text-align: center; } .usstore .newsletter-form.advanced { position: fixed; z-index: 10; color: #000; text-transform: uppercase; background: #fff; left: 0; margin-left: 0; max-width: none; top: 40px; width: 100%; padding: 4px 2%; } .usstore.checkout-onepage-index .opc .checkout-login-forgot { clear: both; position: static; width: auto; } body.checkout-onepage-index.usstore .opc #checkout-payment-method-load .radio{ margin-top: 5px; } body.checkout-onepage-index.usstore .opc #checkout-payment-method-load .radio, body.checkout-onepage-index.usstore .opc #checkout-payment-method-load label{ float:left;padding:0;width:auto; } .usstore .newsletter-form.advanced .form-subscribe { margin: 0 auto; max-width: 595px; } .usstore .newsletter-form.advanced .form-subscribe .v-fix label { display: block; letter-spacing: 1px; font-size: 14px; } .usstore .newsletter-form.advanced .form-subscribe .v-fix input, .usstore .newsletter-form.advanced .form-subscribe .v-fix select { color: #000; background: none no-repeat scroll 0 0 #f0f0f0 !important; border: 2px solid #8e8e8e !important; display: block; width: 100%; padding: 12px 1%; font-size: 14px; margin-bottom: 10px; } .usstore .newsletter-form.advanced .form-subscribe .v-fix select { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/sort_arrow.svg") no-repeat scroll 98% center #f0f0f0 !important; } .usstore.wishlist-index-share #form-validate .control > label { margin: 0; white-space: normal; width: 54%; } .usstore.wishlist-index-index .truncated_full_value{display: none;} .usstore.wishlist-index-index .truncated_full_value.show { background: none repeat scroll 0 0 #bbbbbb; display: block; padding: 5px 10px; position: absolute; top: 16px; z-index: 1; } .usstore.wishlist-index-index .truncated_full_value.show dl { font-size: 0.7em; } .usstore.wishlist-index-index .truncated{position: relative;} .usstore .newsletter-form.advanced .form-subscribe .v-fix select { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/sort_arrow.svg") no-repeat scroll right center #e0e0e0; height: 2.9em; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 1px 1%; } .usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobDay, .usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobMonth{ float:left; width:49%; background-position: 96% center !important; } .usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobMonth{ margin-right:2%; } .usstore .newsletter-form.advanced .form-subscribe button { background: none repeat scroll 0 0 #e0e0e0; color: #252525; padding: 0.75em 0; width: 100%; font-size: 16px; font-weight: bold; letter-spacing: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 10px 0 0; } .usstore .newsletter-form.advanced .form-subscribe-header h2 { color: #707070; font-size: 28px; letter-spacing: 2px; text-align: center; margin: 0; } .usstore .newsletter-form.advanced .form-subscribe-header p { letter-spacing: 0; text-align: center; } .usstore .newsletter-form.advanced .form-subscribe .v-fix { clear: both; } .usstore .newsletter-form.advanced .form-subscribe .v-fix .validation-advice { padding: 0; } .usstore .newsletter-form.advanced .required-fields { text-align: right; text-transform: none; margin: 20px 0; } .usstore .category-products.flexslider { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; margin: 0 0 1.5em; padding: 0; } #discount-coupon-form p { margin-top: 1.5em; } /*Carousal stylings*/ ul.flex-direction-nav .flex-prev:hover, ul.flex-direction-nav .flex-prev:focus { background-position: 0 top; } ul.flex-direction-nav .flex-next:hover, ul .flex-direction-nav .flex-next:focus { background-position: right top; } .slider-banner .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-next, #ajaxcart-modal-wrapper .flex-direction-nav .flex-next, .main .more-views .flex-direction-nav .flex-next, .main .box-related .flex-direction-nav .flex-next, .main .box-ajax-right .flex-direction-nav .flex-next, .main .box-ajax-left .flex-direction-nav .flex-next { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/carousalarrows.png") no-repeat scroll right top rgba(0, 0, 0, 0); height: 61px; margin-top: -93px; opacity: 1; right: -10px; transition: none 0s ease 0s ; width: 49px; margin-right: -1px; } .slider-banner .flex-direction-nav .flex-prev,.flexslider .flex-direction-nav .flex-prev, #ajaxcart-modal-wrapper .flex-direction-nav .flex-prev , .main .more-views .flex-direction-nav .flex-prev, .main .box-related .flex-direction-nav .flex-prev, .main .box-ajax-right .flex-direction-nav .flex-prev, .main .box-ajax-left .flex-direction-nav .flex-prev { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/carousalarrows.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); height: 61px; left: -15px; margin-top: -93px; opacity: 1; transition: none 0s ease 0s; width: 49px; } .slider-banner .flex-direction-nav a.flex-next,.slider-banner .flex-direction-nav a.flex-prev{ margin-top: -30px; } .slider-banner .flex-direction-nav a.flex-next{ right: 1px;} .slider-banner .flex-direction-nav a.flex-prev{left: 0;} .slider-banner .flex-direction-nav .flex-next.hovered { right: 1px; transition: none 0s ease 0s; } .slider-banner .flex-direction-nav .flex-prev.hovered { left: 0px; opacity: 1; transition: none 0s ease 0s; } .slider-banner .flex-direction-nav .flex-next:focus, .flexslider .flex-direction-nav .flex-next:focus, #ajaxcart-modal-wrapper .flex-direction-nav .flex-next:focus { background-position: right top; } .slider-banner .flex-direction-nav .flex-next:hover, .flexslider .flex-direction-nav .flex-next:hover, #ajaxcart-modal-wrapper .flex-direction-nav .flex-next:hover { background-position: right -79px; } .slider-banner .flex-direction-nav .flex-prev:focus, .flexslider .flex-direction-nav .flex-prev:focus, #ajaxcart-modal-wrapper .flex-direction-nav .flex-prev:focus { background-position: 0 top; } .slider-banner .flex-direction-nav .flex-prev:hover, .flexslider .flex-direction-nav .flex-prev:hover, #ajaxcart-modal-wrapper .flex-direction-nav .flex-prev:hover { background-position: 0 -79px; } ul.flex-direction-nav .flex-disabled { display: none; } /* Detail page stylings*/ .usstore .product-view .add-to-cart .btn-cart span span { background-image: none; display: block; padding: 7px 2px 7px 0; width: auto; } .catalog-product-view .no-rating a.write-review-link { color: #777777; padding-left: 0; text-decoration: underline; } .catalog-product-view .no-rating a.write-review-link:hover{ color: #000; } .usstore .product-main-info h1 { text-align: left; text-transform: uppercase; } .usstore ul.addthis_toolbox a .at4-icon{ background: none repeat scroll 0 0 transparent !important; } .usstore .addthis_toolbox li { margin: 0 3px 0 0; opacity: 0.5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .usstore .addthis_toolbox li:hover { opacity: 1; } .usstore .no-rating a{ padding: 3px 0px; } .usstore .button.btn-cart #ajax_loader { left: 45%; position: absolute; top: 37%; } .usstore #base-links-wrap { display: none; } .usstore #customer-reviews .box-content ul:first-of-type label:before { color: #b7222b; content: "*"; padding-right: 3px; } .usstore .back-link a, .btn-white { background-image: none; line-height: 20px; padding: 5px 20px; } .usstore .sendfriend-product-send .buttons-set { clear: both; float: right; width: auto; } .usstore #ajaxcart-modal-wrapper .cart-scrollable #shopping-cart-table th { background: none repeat scroll 0 0 transparent; border: 1px solid; } .product-shop .product-options .validation-advice { left: 70px; top: 31px; } .product-shop .product-options .validation-error { background-position: 51px 37px; float: left; padding-bottom: 9px; position: relative; } .product-shop .product-options .bundleOptions .validation-error { background-position: 0 40px; padding-bottom: 12px; } .usstore #shopping-cart-table .product-image img { width: auto; } .usstore.checkout-page .cart-table .col-image img{ min-width:initial; } .usstore #shopping-cart-table th { background: none repeat scroll 0 0 transparent; border: 1px solid; } .usstore #shopping-cart-table td, .usstore #ajaxcart-modal-wrapper .cart #shopping-cart-table td { border: 1px solid; } .usstore #ajaxcart-modal-wrapper #shopping-cart-table tbody tr td:first-child, .usstore #ajaxcart-modal-wrapper #shopping-cart-table tbody tr td:first-of-type{ width:10%; } .usstore #ajaxcart-modal-wrapper #shopping-cart-table td{ padding:4px; } .usstore div#ajaxcart-modal-wrapper .cart-table a.product-image img { max-width:100%; display: block; float:left; clear:both; min-width:64px; } body #ajaxcart-modal-wrapper .cart .discount input, body #ajaxcart-modal-wrapper .giftcard input, #ajaxcart-modal-wrapper .discount input{ width: 100%; } body #ajaxcart-modal-wrapper #voucher-forms button{ float: right; margin: 8px 0 0; } body #ajaxcart-modal-wrapper #voucher-forms .v-fix{ width: 100%; } body #ajaxcart-modal-wrapper #voucher-forms .discount p label { margin-top: 1em; } body #ajaxcart-modal-wrapper .discount .validation-advice { padding: 0; top: 52px; } body #ajaxcart-modal-wrapper .giftcard input,body #ajaxcart-modal-wrapper .discount input, body #ajaxcart-modal-wrapper #voucher-forms button{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*Detail button toggle fix in detail page in mobile resolution*/ .usstore .collateral-tabs .tab { background: transparent; height: 41px; overflow: visible; border: medium none; letter-spacing: 1px; padding: 0.65em 0 0.25em 1em; text-align: center; text-transform: uppercase; z-index: 0 !important; } .usstore .tab-list .tab span { padding: 0 17px 0 9px; line-height: 24px; display: inline-block; color: #414141; text-decoration: none; letter-spacing: 2px; background: transparent; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; border: 0; font-weight: bold; } .usstore .tab-list .tab:hover span, .usstore .tab-list .active span { color: #414141; background: transparent; } .usstore .tab-list .tab-container { left: 0; position: absolute; top: 41px; } .usstore .collateral-tabs .tab-container { visibility: hidden; } .usstore .collateral-tabs .tab-content { height: 200px; width: 100% !important; } .usstore .collateral-tabs.hide-scroll .tab-content { height: auto; } .usstore .collateral-tabs .tab-container.open { visibility: visible; } .usstore .collateral-tabs .jspPane { padding: 12px 5px 12px 0 !important; } .usstore .collateral-tabs .tab.active { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/detail_tabs.png") no-repeat scroll center top transparent; height: 51px; overflow: visible; } .usstore .block-layered-nav .block-content .block-subtitle { display: none; } .usstore .toolbar-bottom { display: none; } .usstore .no-rating a { background: none transparent; text-align: left; } .usstore #baseLinks #myAccountLink .last > a { display: block; margin: 9px 6px 0 10px; overflow: hidden; padding: 0; } .usstore #baseLinks #myAccountLink a, .usstore #baseLinks #chkOutBtn a, .usstore #cartHeader span { background: none repeat scroll 0 0 transparent; line-height: 18px; margin: 6px 10px 0; padding: 3px 0; } .usstore .switches { padding: 0; width: auto; } .usstore #storeSwitcherDD { background: transparent; } .usstore #storeSwitcherDD span.currency { margin: 6px 0 0; padding: 2px 0; } .usstore #storeSwitcherOptions { border: 0px; background: #fff; border: 1px solid #181818; -webkit-border-radius: 0px 0 0 0px; -moz-border-radius: 0px 0 0 0px; border-radius: 0px; left: -73%; } .usstore #currencyConvertor { font-size: 12px; background-position: 101px -15px; } .usstore #storeSwitcherOptions #fx-converter { border-top: 1px solid #181818; background: transparent; padding: 0 5px; } .usstore #baseLinks #myAccountLink a, .usstore #baseLinks #chkOutBtn a, .usstore #cartHeader span, .usstore #storeSwitcherDD span.currency, .usstore header .headera a { color: #707070; font-weight: 500; letter-spacing: normal; margin: 0; text-transform: uppercase; } .usstore header .headera{ margin-top:1em; } .usstore #myAccountLink a { width: auto; border: 0; } .usstore #baseLinks #myAccountLink .last { display: inline-block; float: left; vertical-align: bottom; } .usstore #baseLinks #myAccountLink .first { display: inline-block; float: left; vertical-align: top; } .usstore #baseLinks li,.usstore #baseLinks li:hover{ background-image:none; } .usstore #baseLinks { clear: none; border-top: 0; float: right; } .usstore #baseLinks #myAccountLink a, .usstore #baseLinks #chkOutBtn a, .usstore #cartHeader span { background: none repeat scroll 0 0 transparent; line-height: 18px; margin: 6px 10px 0; padding: 3px 0; } .usstore #topCartContent { top: 2.75em; left: auto; right: 0; background: none repeat scroll 0 0 #fff; border: 1px solid #414141; width: 29em; z-index: 1000; padding: 0; color: #414141; } .usstore .top-cart .inner-wrapper { background: transparent; } .usstore .top-cart .block-subtitle { background: none repeat scroll 0 0 transparent; color: #414141; text-transform: uppercase; font-size: 0.95em; border-bottom: 1px solid #e6e6e7; } .usstore .mobile-menu-wrap { background: none repeat scroll 0 0 transparent; clear: left; float: right; height: 23px; } .usstore #header_cart { background: none repeat scroll 0 0 transparent; clear: both; float: right; text-align: left; } .usstore .top-cart { float: left; } .usstore .headerFunctions #cartHeader, .usstore .headerFunctions #cartHeader:hover { display: block; height: 24px; margin-right: 0.3em; text-indent: 0; visibility: visible; width: 27px; background-color:transparent; } .usstore #cartHeader { border: medium none; font-size: 12px; padding: 0; width: auto; } .usstore #cartHeader:hover em.basket_icon, .usstore #cartHeader:focus em.basket_icon, .usstore em.basket_icon { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/basket.svg") no-repeat scroll 0 0 transparent; background-position: 0 0; margin: 0; } .usstore #cartHeader span.items { border: medium none; display: block; padding: 3px 9px 2px 0; margin: 0; } .usstore #cartHeader span em { display: none; } .usstore .headerFunctions #cartHeader .items span { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/cart-no-bg.png") no-repeat scroll 0 0 transparent; border: medium none; color: #fff; font-size: 14px; height: 20px; left: 9px; line-height: 20px; top: -5px; text-align: center; padding: 0; width: 20px; visibility: visible; position: absolute; } .usstore #cartHeader span.items span { display: inline-block; padding: 0 5px; margin: 0px; } .usstore #cartHeader .items { visibility: hidden; } .usstore .top-cart .cart-empty { border-color: #414141; padding: 10px; font-size: 1.1em; text-align: left; text-transform: capitalize; border-width: 1px 0 0; padding: 10px; } .usstore .quick-access { background: none repeat scroll 0 0 transparent; border-radius: 0; float: none; height: 23px; margin: 26px auto 0; max-width: 996px; } .usstore #search_mini_form { float: none; margin: 0 auto; max-width: 996px; } .usstore #search_mini_form .form-search { float: right; margin-top: 2em; } .usstore #search_mini_form input#search { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none repeat scroll 0 0 #f3f3f3; border: medium none; font-weight: 700; border-radius: 4px 0 0 4px; color: #363636; font-size: 14px; font-style: normal; height: 2.25em; padding: 0.375em 0.5em 0.3em; text-transform: uppercase; width: 13.8em; letter-spacing: 1px; } .usstore #search_mini_form button { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/search_icon-white.svg") no-repeat scroll center center #414141; height: 2.4em; padding: 0; text-indent: -9999px; width: 2.5em; } .usstore #search_mini_form button span span { background: transparent; font-weight: 400; } .usstore #cartHeader span { display: none; } .usstore #chkOutBtn a { width: auto; border: 0; } /* checkout page logo */ .usstore.checkout-page .header-container #logo a, .usstore .checkout-page .header-container #logo span { height: 104px; margin-left: 1em; width: 335px; } .usstore.checkout-page .wrapper.loggedin .header-container { height: 190px; } .usstore.checkout-page .header-container #logo a, .usstore .checkout-page .header-container #logo span { width: 255px; } .usstore.checkout-page .header-container #logo { width: auto; top: 0px; } .usstore .slider-banner{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* category page */ .usstore .breadcrumbs { border-bottom: 1px solid #f1f2f6; border-top: 1px solid #f1f2f6; line-height: 2em; margin: 10px 0 1em; padding: 10px 0 10px 1.5em; } .products-grid .actions .button { padding: 9px 9px 6px; } .usstore .sidebar .block-layered-nav #narrow-by-list dt, .usstore .toolbar .sorter dt{ background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/sort_arrow2.svg") no-repeat scroll right center #f0f0f0; border-right: 11px solid #f0f0f0; color: #414141; cursor: pointer; font-size: 1.4em; font-weight: 500; margin: 1em 0 0; border-bottom:medium none; padding: 0.5em 0 0.5em 0.75em; text-transform: uppercase; } .usstore .sidebar .block-layered-nav dd, .usstore .sidebar .block-layered-nav dd.genre, .usstore .toolbar .sorter dd{ background: none repeat scroll 0 0 #f0f0f0; margin: 0; width: auto; } .usstore .sidebar .block-layered-nav #narrow-by-list dd ol, .usstore .sidebar .block-layered-nav #narrow-by-list dd.genre ol, .usstore .toolbar .sorter ol{ display: none; margin-bottom: 0.8em; padding-left: 1em; } #category-view .currently .btn-remove, .usstore .block-layered-nav .btn-remove, .usstore #payment-tool-tip-close{ float: right; margin: 5px 5px 0 0; } .usstore .catalogsearch-result-index .sidebar .block-layered-nav .currently, .usstore .sidebar .block-layered-nav .actions { margin-top: 12px; } .usstore .main .product-options dd, .main .bundleOptions dt, .main .product-options dt { clear: both; } .usstore .main .product-options dl.bundleOptions dd{ background: rgba(0, 0, 0, 0) url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/bundle_marker.jpg") no-repeat scroll 0 8px; padding-left: 10px; } .usstore .main .product-options dl.bundleOptions dd.showOption{ background: transparent; } .usstore .main .product-options dl.bundleOptions dd.showOption .styled-select{ margin: 0 0 8px; } .usstore .sidebar .block-layered-nav .currently, .usstore .sidebar .block-layered-nav .actions, .usstore.catalog-category-view .col-left dl#narrow-by-list{ background: none repeat scroll 0 0 #f4f2f3; border: medium none; margin-bottom: 0; padding: 0.833em 0.833em 0.833em 0.95em; } .usstore .sidebar .currently li{ padding: 6px 0; } .usstore .main .category-title { border-bottom: 1px solid #f1f2f6; border-top: 0 none; padding: 9px 0 0px; } /* delta changes */ /* Add to wishlist button in product detail page */ .add-to-box, .add-to-wishlist { float: left; } .add-to-box .add-to-wishlist, .add-to-cart .add-to-wishlist { display: block; } .add-to-ooo.add-to-wishlist, .add-to-ooo.add-to-wishlist > .add-to-wishlist { float: none; } .add-to-ooo.add-to-wishlist > .add-to-wishlist > .btn-wishlist { margin: 0 0 10px; display: inline-block; } .review-product-list .add-to-wishlist { display: none; } .qvl .qv-wishlist, .add-to-wishlist .btn-wishlist{ color: #8fb588; display: block; font-size: 1.4em; text-decoration: none; font-weight: 600; margin: 38px 0 0 27px; text-transform: uppercase; } .qvformaddtocart .qvl .qv-wishlist, .qvformaddtocart .btn-wishlist { margin: 75px 0 0 27px; } .qvl .qv-wishlist:hover, .btn-wishlist:hover, .qvl .qv-wishlist:hover:before { color: #30d5f3; } .usstore .no-rating a:hover{background: transparent;} .btn-wishlist span { color: #8fb588; font-size: 1.19em; font-weight: 600; margin-right: 2px; vertical-align: text-bottom; line-height: 16px; } .qvl .qv-wishlist:before { color: #8fb588; content: "+"; font-size: 1.15em; margin-right: 7px; vertical-align: text-bottom; display: inline-block; line-height: 22px; } .options-container-big .product-options label { display: block; } /* coupon code and gift card modules in cart page */ .checkout-page .wrapper .cart-collaterals .cross, .checkout-page .wrapper .cart-collaterals .deals { float: right; width: auto; } .checkout-page .wrapper .deals .coupon-block { padding: 0; width: 290px; } .usstore #shopping-cart-table tfoot .btn-continue, .usstore #shopping-cart-table tfoot .btn-update{ background-image: none; padding: 8px 8px 7px; } .usstore .coupon-block #advice-required-entry-coupon_code.validation-advice, .usstore .v-fix #advice-required-entry-giftcard_code.validation-advice { position: relative; right: 1px; top: 7px; width: auto; } .usstore.checkout-page #checkout-review-table th, .usstore.checkout-page #checkout-review-table td, .usstore.checkout-page #checkout-review-table tfoot tr:last-of-type td { background: none repeat scroll 0 0 transparent; border: 1px solid; } .usstore.checkout-page #checkout-review-table th, .usstore.checkout-page #checkout-review-table td, .usstore.checkout-page #checkout-review-table tfoot tr:last-of-type td { background: none repeat scroll 0 0 transparent; border: 1px solid; } .usstore.checkout-page #checkout-review-table tr.child-product td { border-bottom: medium none; border-top: medium none; padding: 2px 10px; } .usstore.checkout-page #checkout-review-table tr.parent-product td { border-bottom: medium none; } .usstore.checkout-page #checkout-review-table tr.child-product td dd { margin-bottom: 0; font-size: inherit; } .usstore.checkout-page #checkout-review-table tr td dd{ font-size: inherit; } .usstore.checkout-page #checkout-review-table td a { text-decoration: underline; } .usstore.checkout-onepage-index .form-box .gift-message-toggle, .usstore.checkout-onepage-index .main #checkout-shipping-method-load, .usstore.checkout-onepage-index #allow-gift-options-container .form-box, .usstore.checkout-onepage-index .main .opc #checkout-payment-method-load, .usstore.checkout-onepage-index .main .opc #checkout-review-load .control-notab .input-box { float: left; width: auto; } .usstore.checkout-onepage-index .main .opc #checkout-payment-method-load { width: auto; } .usstore.checkout-onepage-index .main .opc #checkout-payment-method-load .v-fix.first { width: 140px; } .usstore.checkout-onepage-index .main .opc #checkout-payment-method-load .v-fix { float: left; } .usstore.checkout-onepage-index .main .opc #checkout-payment-method-load label[for=payone_wallet_wlt_type] { width: 135px; } .usstore.checkout-onepage-index #co-billing-form .form-list li.control .input-box { float: left; line-height: normal; padding: 0; } .opc-coupon-giftcard #voucher-forms label { display: block; padding: 0; } .checkout-onepage-index #giftcard-form .v-fix { width: 145px; } .usstore .form-list select{width: 220px;} #coupon_code.input-text { max-width: 100%; padding: 0.4em 4px; width: 100%; } #coupon_code { float: left; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 13px; border: 1px solid #414141; min-height: 1.66em; background: transparent; box-shadow: none; } .coupon-block > p { display: inline-block; float: none; margin-top: 1em; overflow: visible; } .cart .cart-collaterals .discount button.button{ position: absolute; top: 0; } /* gift card */ #giftcard-preview-content tbody tbody tr:first-child { text-align: center; } #giftcard-preview-lightbox #giftcard-preview-content{ overflow: auto; } #giftcard-preview-content tbody tbody td { padding: 7px 0; } #giftcard-preview-lightbox .close-btn { padding: 12px; } .checkout-page .deals #giftcard-form button { padding: 5px 14px 4px; } .usstore.checkout-page .deals button{ height:25px; margin-top: 0; padding: 6px 14px; } .checkout-page .wrapper .deals #giftcard-form button.check-gc-status { clear: left; margin-top: 1.5em; float: left; } .checkout-page .wrapper .deals button { position: static; } /*Account pages - My Wishlist */ .wrapper .my-account .data-table th, .wrapper #my-downloadable-products-table th { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #414141; text-transform: uppercase; } .my-account #my_recent_reviews span{ margin-top: 1px; } .my-account #my_recent_reviews .product-name > a { display: block; font-size: 14px; padding: 3px 0; } .my-account #my_recent_reviews span { float: left; font-size: 14px; margin-right: 6px; } .wishlist-index-index .my-account .buttons-set2 .button.btn-share { margin: 0; } .usstore.wishlist-index-index .wishlist-empty { margin-bottom: 4em; } .wishlist-index-index .my-account .buttons-set2 button { margin-right: 18px; } .wishlist-index-index .my-account .buttons-set2 { float: none; margin: 0 auto; width: 533px; } .usstore .customer-account-edit .my-account .buttons-set{ width: 386px; } /*Account page stylings*/ .usstore .my-account .field select { background-color: #f0f0f0 !important; border: 1px solid #9c9b9b !important; border-radius: 0; padding: 0; } .usstore .my-account .data-table td { border: 1px solid ; } .usstore #wishlist-table .input-text.qty { width: 37px; border-width: 2px; text-align: center; } .usstore #wishlist-table textarea { width: 100%; } .usstore.wishlist-index-index .my-account .buttons-set2 { float: right; } .usstore.wishlist-index-index .my-account .buttons-set { position: relative; top: -52px; width: auto; } .my-account .buttons-set .back-link > a{ padding: 3px 20px; } .Safari .wishlist-index-index .my-account .buttons-set{ top: -70px; } .Safari .wishlist-index-index .my-account .buttons-set2.buttons-set{ top:0; } .usstore.wishlist-index-index .my-account .buttons-set2.buttons-set { top: 0; } .usstore .product-options .bundleOptions .validation-advice { bottom: -20px; left: 17px; top: 39px; } #is_subscribed.checkbox { margin-top: 3px; } /* checkout page */ .usstore #logo span { width: 100%; height: auto; background-image: none; } .checkout-page .main{ margin-top: 3em; } .checkout-page li.customername{ display: none; } .checkout-onepage-index .col-right.sidebar { margin-top: 1.3em; } .checkout-summary-block #checkout-review-table .td-price { text-align: right; } /*.usstore.checkout-page .header-container #logo a, .checkout-page .header-container #logo span { height: 61px; margin-left: 1em; width: 335px; }*/ .usstore.checkout-page .main .opc-section#co-payment-form { float: left; width: 100%; } .customer-account-edit #form-validate input { width: 270px; } .customer-account-edit #form-validate #change_password { width: auto; } .usstore.customer-account-login #login-form .form-list .required em{ Padding-left: 7px; } .usstore .LegalText input#acknowledgment{ float: left; padding: 0px; } .customer-account-login .main #login-form{ background: none; } .cms-help-center table { font-size: 65%; } .customer-address-form #region_id, #country { border-radius: 5px; padding: 9px 0 9px 3px; } .my-account .form-list input[type="text"] .form-list input[type="password"], .my-account.form-list textarea, .my-account .form-list input.input-text ,.usstore .my-account .form-list select{ width: 260px; } .usstore .LegalText .input-box p { display: inline; padding-left: 4px; } .LegalText .input-box::before{ color: #9e3535; content: "*"; font-size: 14px; left: -29px; position: relative; top: -3px; } .LegalText #acknowledgement{ display: inline-block; float: left; margin-top: 3px; } .LegalText .input-text.required-entry.validate-acknowledgement.validation-failed{ outline: 1px solid #9e3535; } .customer-account-login #login-form .form-list .required em{ Padding-left: 7px; } .usstore.customer-account-forgotpassword .col-main p.required, .usstore.customer-account-forgotpassword .required em, .usstore.customer-account-forgotpassword .col-main .required em, .usstore.customer-account-login .col-main #login-form p.required, .usstore.customer-account-login .col-main #login-form .required em { display: inline-block; color: #b7222b; } .usstore.customer-account-forgotpassword .col-main .required em{ margin-left: 0; } .usstore.customer-address-form .form-list .control label { margin: 0; white-space: inherit; width: 52%;} .usstore.checkout-page .header-container #logo a, .usstore .checkout-page .header-container #logo span { background-repeat: no-repeat; width: 255px; } .usstore.checkout-page .wrapper .checkout-types button span span { background: none repeat scroll 0 0 transparent; padding: 0;font-size:15px; } .usstore #shopping-cart-table tfoot .btn-update { float: right; } .opc-success-sidebar .payment table { border: 1px solid #000000; } .opc-success-sidebar .payment tr { border-bottom: 1px solid #000000; } .checkout-page .opc-success-sidebar .payment th { padding-bottom: 1em; } /*footer block stylings*/ .footer_main p{ display:none; } .footer_main .content-from-config-path p, .footer_main .newsletter_tac_text p{ display: block; } .usstore footer .block.first, .usstore footer .block.last{ width: 15%; } .usstore footer .block { clear: none; display: inline-block; margin: 0 !important; padding: 0 5% 10px 0; width: 20%; vertical-align: top; } .usstore footer .block-title, .usstore .social-title { display: block; font-size: 1.4em; font-weight: bold; margin: 0 0 5px; text-align: left; text-transform: uppercase; } .usstore footer .block a { float: left; text-align: left; font-size: 1.1em; } .usstore footer ul.links li,.usstore footer ul.bestsellers li { clear: both; float: none; line-height: 18px; list-style: outside none none; margin: 0; padding: 0; vertical-align: top; } .usstore #footer_social_links { display: inline-block; width: 18%; vertical-align: top; } .usstore footer .newsletter-form.standard { display: inline-block; width: 30%; vertical-align: top; margin-bottom: 5px; } .usstore footer .newsletter_tac_text { margin: 0 auto; width: 240px; text-align:justify; font-size: 1.1em; } .newsletter_tac_text .terms-container { margin-top: 5px; } .usstore footer .newsletter-form.standard .input-text,.usstore footer .newsletter-form.standard button { min-width: 240px; } .usstore .copyright-bar { clear: both; width: 100%; padding: 2.5em 0; } .usstore .copyright-bar .copyright span { clear: both; float: left; width: auto; } .usstore .copyrightlinks { float: right; } .usstore .copyrightlinks strong { font-weight: normal; } .usstore .form-subscribe-header > label { line-height: normal; font-size: 1.4em; font-weight: bold; text-transform: uppercase; } .usstore .newsletter-form.standard .button { margin: 15px 0; } .usstore .newsletter-form.standard .form-subscribe-header { margin-bottom: 0.5em; } .usstore footer { padding: 17px 0 0; width: 100% !important; max-width:none; } .newsletter-form.standard .form-subscribe .validation-advice { float: none; margin: 3px auto; padding: 0; text-align: center; } /* Add This plugin for US Stores */ .usstore .addthis_toolbox a{ width: 19px; height: 19px; } ul.addthis_toolbox a.at300m { width: 26px; height: 26px; margin-top: -4px; margin-left: 3px; } body .atm-f { height: 26px; } .usstore .addthis_toolbox .addthis_button_facebook, .usstore .addthis_toolbox .addthis_button_facebook:hover { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/f-share.svg") no-repeat scroll 0 center transparent; width: 19px; } .usstore .addthis_toolbox .addthis_button_twitter, .usstore .addthis_toolbox .addthis_button_twitter:hover { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/twitter-share.svg") no-repeat scroll 0 center transparent; width: 19px; } .usstore .addthis_toolbox .addthis_button_google_plusone, .usstore .addthis_toolbox .addthis_button_google_plusone:hover { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/sharelinks.png") no-repeat scroll 0 center transparent; width: 19px; } .usstore .addthis_toolbox .addthis_button_pinterest_pinit, .usstore .addthis_toolbox .addthis_button_pinterest_pinit:hover { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/pinterest-share.svg") no-repeat scroll 0 center transparent; width: 19px; } .usstore .email-friend a, .usstore .emailto-link a, .usstore .email-friend a:hover, .usstore .emailto-link a:hover { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/mail-share.svg") no-repeat scroll 0 center transparent; } .usstore #footer_social_links li a { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/socials_footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 2.75em; width: 2.75em; } .usstore #footer_social_links li { float: left; margin: 0 5px 0 0; padding: 0; width: auto; } .usstore #footer_social_links li.facebook a:hover { background-position: 0 -33px; } .usstore #footer_social_links li.facebook a { background-position: 0 0; } .usstore #footer_social_links li.twitter a:hover { background-position: -38px -33px; } .usstore #footer_social_links li.twitter a { background-position: -38px 0; } .usstore #footer_social_links li.instagram a { background-position: -76px 0; } .usstore #footer_social_links li.instagram a:hover { background-position: -76px -33px; } .usstore #footer_social_links li.youtube a:hover { background-position: -115px -33px; } .usstore #footer_social_links li.youtube a { background-position: -115px 0; } .usstore #contactForm .buttons-set.form-buttons.btn-only { width: 367px; } /* usstore featured */ .usstore .hpc h2 { border-bottom: none; } .usstore .hpc h2 span { background: none; color:#000; } .usstore .category-image { display: block; } .usstore .category-view .category-description img,.usstore .category-view .category-image img { width: 100%; height: auto; } .usstore .category-description { width: 100%;display: block; } .usstore.catalog-product-view .product-image{ max-width:100%; } .usstore .products-grid .item:hover,.usstore .products-grid .item:focus { background: transparent; } #comment-for-orders { clear: both; float: left; margin-bottom: 1em; margin-right: 0.8em; width: 140px; } /*sash stylings(soldout, new tags) */ .wmgdynamiccategories-index-index .corner-sash { left: 114px; top: 11px; } .wmgdynamiccategories-index-index .corner-sash em { font-size: 15px; } /* start review rating */ .ratings.box .popup { width: 817px; height: 570px; position: fixed; top: 50%; left: 50%; margin-left: -409px; margin-top: -269px; background-color: #fff; overflow: auto; -moz-box-shadow: inset 0 0 2px #000000; -webkit-box-shadow: inset 0 0 2px #000000; box-shadow: inset 0 0 2px #000000; } .ratings.box .review-recaptcha-error { float: right; color: #b7222b; margin-right: 60px; margin-top: 10px; } .ratings.box .popup .g-recaptcha { float: right; margin-right: 60px; } .ratings.box .overlay { background-color: #000; position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.3; -khtml-opacity: 0.1; z-index: 199; display: none; } .ratings.box .popup .close-overlay-link{ color:#000000; } .popup.write-review, .popup.read-reviews { z-index:1100; } .popup .wrapper1 { position: relative; padding: 15px 20px 25px 20px; font-family: Arial; overflow: auto; } .write-review.popup { display: inline; } .write-review .form-list label { color: #141414; float: left; font-family: proxima-nova; font-size: 11px; font-weight: normal; } .btn-submit-review { margin-right: 60px; } .write-review .form-buttons, .read-reviews .form-buttons{ margin: 0; } .write-review .buttons-set, .read-reviews .buttons-set { clear: both; padding: 10px 0 10px; } .product-view .write-review .buttons-set p.required{ clear: none ; } .write-review .form-list p { margin: 0; padding: 0 0 0 240px; } .product-view .product-shop .ratings { margin: 8px 0 10px; font-size: 10px; } .product-view .product-shop .ratings p { margin: 0; clear: both; } #product-reviews-list h4{ margin: 0; font-size: 13px; font-weight: bold; } #product-reviews-list * { color: #000000; } #product-reviews-list .author, #product-reviews-list .post-date{ line-height: 13.5px; } #review-form .form-list .validation-advice { bottom: 0; clear: both; color: rgb(204, 51, 51) !important; font-size: 12px !important; font-weight: bold; left: 0; margin: 0 -250px 0 0; position: static; font-family: "proxima-nova"; width: auto; } .write-review .form-list input.input-text{ margin-bottom: 0px !important; } .write-review .form-list .validation-advice:not(#advice-starRatingsDiv){ padding-left: 0px !important; } .write-review .form-list #advice-starRatingsDiv{ padding-left: 18px; } .write-review .form-list .validation-failed{ background-color: rgb(255, 247, 245); border:1px solid rgb(237, 55, 59); } .read-reviews .wrapper1, .read-reviews .box-content, .read-reviews #product-reviews-list{ min-height: 100px; max-height: 100%; height: auto; overflow: auto; } .star-rating_title{ float: left; margin-left: 15px; font-family: proxima-nova; font-size: 0.8em; font-weight: normal; color: #141414; } #starRatingsDiv { margin-top: 5px; } .ratings .rating-box { margin-bottom: 10px; } .quickview_container .no-rating, .quickview_container .rating-links{ display: none; } body a#cmsmart_quickview_button{ padding: 0 15px; } /*Contact us page GUI issue fix*/ #contactForm .form-list #subject.input-text{ width: auto; } .product-view .write-review.popup .star-rating-wrapper label{ width: 100px; } /* end review rating */ .catalog-product-view .pre-order.stock-message { font-size: 1.6em; padding: 5px 0; } #page .main .cart-empty a, #page .main .cart-empty a:hover { text-decoration: underline; } #voucher-forms #discount-coupon-form #dc-button-remove { padding: 7px 15px 5px; } .checkout-onepage-index #shipping-new-address-form .control { float: right; margin: 0 5% 0 0; width: 65%; } .checkout-onepage-index #shipping-new-address-form .control .input-box { float: none; width: 27%; } .checkout-onepage-index #shipping-new-address-form .control label { padding-top: 0; } body.checkout-onepage-index .opc .newsletter label{ margin-right: 0; max-width: 94%; } .checkout-onepage-index #checkout-step-deliveryandpayment .clearfix.opc-section .step-section-newsletter .form-list.newsletter .control-notab .input-box { margin-right: 2%; } .clearfix.opc-section .control-notab #opt-in.checkbox { margin-right: 6px; } .my-account .dashboard .btn-black.sml-btn { font-size: 12px; padding: 3px 8px 2px; } .block #logOutBtn { display: block; margin: 0 auto; width: 130px; } .my-account #my-reviews-table h2.product-name { border: 0 none; font-size: 14px; } .customer-account-create .account-create .LegalText .validation-advice { background: rgba(0, 0, 0, 0) url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/form_error.png") no-repeat scroll 0 4px; float: none; font-size: 13px; padding: 7px 0 0 22px; } .customer-account-create .account-create .buttons-set button { float: left; margin-left: 30px; } .LegalText input#acknowledgement { float: left; margin: 3px 5px 0 2px; } .top-short-description { display: none; } @media only screen and (max-width:767px){ .usstore .newsletter-form.advanced { color: #000000; position: absolute; } .nav-container { z-index: 3 !important; } #toaster-bar.dialog-bar .dialog-bar-content { overflow: visible; } .usstore #toaster-bar .content { max-width: 100%; } .usstore footer .newsletter-form.standard{ display: block; width: auto; } .usstore #footer_social_links{ width: 100%; } .catalog-product-view .product-view .product-collateral table{ width: auto; } } @media only screen and (min-width:768px) and (max-width:1023px){ .usstore footer .newsletter-form.standard{ display: block; width: auto; float:left; } } /* Minimized Lightbox styles */ #minimized-toaster-lightbox { text-align: center; padding: 70px 0; font-size: 24px; min-height: auto; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50% ,-50%); -moz-transform: translate(-50% ,-50%); -o-transform: translate(-50% ,-50%); transform: translate(-50% ,-50%); } .checkout-page .recall-lightbox{ display: none; } .dialog-box{ transform: translate(-50%, -50%); top: 50% !important; left: 50% !important; } #new_overlay{ position: absolute; top: 0px; left: 0px; z-index: 998; width: 100%; background-color: #000; height: 1444px; opacity: 0.5; display: none; } /*sticky nav fix overriding the .nav-container css */ @media only screen and (max-width:767px) { body.usstore .nav-container.sticky { z-index: 999 !important; } } @media only screen and (max-width: 767px) { body.usstore .collateral-tabs .tab-container.open { padding-left: 0; padding-right: 0; } .usstore .collateral-tabs .jspPane { max-width: 45% !important; } .usstore.catalog-product-view .col-main { padding-left: 0 !important; padding-right: 0 !important; } } /** * @category design * @package Magento Enterprise * @author Matthew Havelock */ /* Home Page ------------------------------------------------------------- */ /* Banner Tabs */ .bannertabs { clear: both; position: relative; z-index: 2; margin: 0 auto 32px; } /* Remove from blank pages */ body > .bannertabs { display: none; } .bannertabs .banner { text-align: center; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; } .bannertabs .banner img { width: 100%; } .remove-tabs-accessibility { position: relative; } .bannertabs ul { list-style: none; margin: 0; text-align: center; position: relative; z-index: 4; } .bannertabs li { padding: 0 0 17px 0; margin-bottom: -17px; display: inline-block; font-size: 1.4em; line-height: 1; font-family: Georgia, serif; position: relative; cursor: pointer; } .bannertabs li em { display: none; position: absolute; left: 0; font-style: normal; } .bannertabs li .r { left: auto; right: 0; } .bannertabs li strong { padding: 9px 20px; display: inline-block; color: #999; line-height: 1; text-decoration: none; letter-spacing: 2px; font-weight: normal; } .bannertabs li:hover strong, .bannertabs li.active strong { color: #333; } .bannertabs li.active { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/indicator.png) no-repeat 50% 100%; margin-left: 6px; margin-right: 6px; cursor: default; } .bannertabs li.active em { display: inline; } .bannertabs .tabs li { /* IE7 does not support inline-block */ *display: inline; *padding: 0 0 17px 0; } .col2-left-layout .bannertabs img { width: 100%; } .widget-banner.alternative { overflow: visible; } .widget-banner.alternative > .flex-viewport { overflow: visible !important; } .widget-banner.alternative ul.slides > li { -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; opacity: 0.4; } .widget-banner.alternative ul.slides > li.flex-active-slide { opacity: 1; } /* Widget banner */ #page .widget-banner, #page .widget-banner-inline { margin: 0 auto 20px; width: 100%; } .widget-banner + .widget-banner, .widget-banner + .widget-banner-inline, .widget-banner-inline + .widget-banner, .widget-banner-inline + .widget-banner-inline { margin-top: -10px; } #bannertabs + .widget-banner, #bannertabs + .widget-banner-inline, #bannertabs + #bannertabs { margin-top: -16px; } .widget-banner ul { list-style: none; float: left; width: 100%; margin: 0; } .widget-banner ul li { margin: 0; } .widget-banner object, .widget-banner-inline object { margin-bottom: -5px; } /* Slider banner */ .slider-banner { position: relative; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); } /* Thumbnail banner */ #page .thumb-banner li { float: left; list-style: none; margin: 0 14px 0 0; width: 230px; position: relative; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); overflow: hidden; } #page .thumb-banner li:nth-child(4n + 2) { margin-right: 15px; } #page .thumb-banner li:nth-child(4n) { margin-right: 0; } .thumb-banner li span, .thumb-banner li blockquote, .thumb-banner li em { max-height: 300px; -webkit-transition: max-height 0.75s ease; -moz-transition: max-height 0.75s ease; transition: max-height 0.75s ease; -webkit-transition: bottom 0.5s ease; -moz-transition: bottom 0.5s ease; transition: bottom 0.5s ease; position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.5); padding: 6px 8px; letter-spacing: 1px; font-size: 100%; line-height: 1.2; } .thumb-banner li span.reveal, .thumb-banner li blockquote.reveal, .thumb-banner li em.reveal { bottom: -18px; max-height: 0; } .thumb-banner li:hover span, .thumb-banner li:hover blockquote, .thumb-banner li:hover em { bottom: 0; max-height: 300px; -webkit-transition: max-height 0.75s ease; -moz-transition: max-height 0.75s ease; transition: max-height 0.75s ease; -webkit-transition: bottom 0.5s ease; -moz-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } .thumb-banner a { text-decoration: none; } /* Block quote */ .thumb-banner blockquote { text-align: center; font-style: normal; padding: 8px 16px; } .thumb-banner blockquote:before, .thumb-banner blockquote:after { font-size: 280%; position: absolute; line-height: 1; color: #aaa; } .thumb-banner blockquote:before { content: "“"; left: 2px; top: 7px; } .thumb-banner blockquote:after { content: "”"; bottom: -15px; right: 2px; } /* Refresh banner */ #page .widget-banner-inline { padding: 0; } #page .widget-banner-inline ul { margin: 0 0 10px; } #page .widget-banner-inline li { margin: 0; } /* Fade banner */ .fade-banner { position: relative; } .fade-banner li { text-align: left; position: absolute; z-index: 1; } .fade-banner li.active { z-index: 3; } /* Home titles */ .hpc h2 { border-bottom: 2px solid #000000; clear: both; float: left; width: 100%; margin: 0 0 10px 0; font-size: 1.6em; letter-spacing: 1px; text-transform: uppercase; } .hpc h2 span { float: left; background: #000; padding: 9px 12px; color: #fff; margin: 0; display: block; } .hpc .desc { font-size: 1.3em; margin: 0 0 12px 0; } .hpc .desc p { font-size: 1em; margin: 0 0 8px; } .hpc .short_desc { text-align: center; } .hpc img { width: 100%; height: 100%; } .hpc #ajax_loader img { width: auto; height: auto; } /* One Product Grid */ .hpc .one-prod-grid .item { margin: 0; padding: 0; width: 100%; } .hpc .one-prod-grid .product-image { float: left; margin: 0; border-bottom: none; padding: 10px 0; background: #fff; width: 44%; } .hpc .prod-grid-desc { padding: 0 1%; } .hpc .one-prod-grid .prod-grid-desc { float: left; clear: none; width: 54%; margin: 0 1%; } .hpc .one-prod-grid .product-name, .hpc .one-prod-grid .price-box, .hpc .one-prod-grid .price-box p, .hpc .one-prod-grid .price-box .short_desc { text-align: left; } .hpc .one-prod-grid .product-name { padding: 24px 0 6px 0; font-size: 2.6em; } .hpc .one-prod-grid .price-box span.price { font-size: 200%; } .hpc .one-prod-grid h5 { font-size: 1.8em; } .hpc .one-prod-grid .actions { margin: 0 0 18px 0; border-bottom: 1px solid #cdcdcd; padding: 0 0 32px 0; } .hpc .one-prod-grid .actions .button { font-size: 175%; } .hpc .one-prod-grid .item .new { position: absolute; top: 0; right: 0; z-index: 2; width: 120px; height: 118px; display: block; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/corner_new2.png) no-repeat 0 0; } .hpc .two-prod-grid .item { width: 49%; margin: 0 2% 0 0; } .hpc .two-prod-grid .product-name { font-size: 2em; } .hpc .two-prod-grid .price-box span.price { font-size: 166%; } .hpc .two-prod-grid .actions .button { font-size: 133%; } .hpc .three-prod-grid .product-name { font-size: 1.75em; } .hpc .three-prod-grid .item { width: 32%; margin: 0 2% 0 0; } .hpc .three-prod-grid .price-box span.price { font-size: 150%; } .hpc .three-prod-grid .actions .button { font-size: 120%; } .hpc .four-prod-grid .product-name { font-size: 1.4em; } .hpc .four-prod-grid .item { width: 24%; margin: 0 1.3% 0 0; } .hpc .four-prod-grid .price-box span.price { font-size: 120%; } .hpc .four-prod-grid .actions .button { font-size: 110%; } .hpc .two-prod-grid .last, .hpc .three-prod-grid .last, .hpc .four-prod-grid .last { margin: 0; } .hpc .four-double-left-prod-grid .item.featured { width: 39.2%; } .hpc .four-double-left-prod-grid .item.featured .product-image { float: left; margin: 0 1% 0 0; border-bottom: none; padding-bottom: 9px; background: #fff; width: 49%; } .hpc .four-double-left-prod-grid .prodDetailWrap { margin: 0 0 9px 0; } .hpc .four-double-left-prod-grid .item.featured .prod-grid-desc { float: left; clear: none; width: 48%; } .hpc .four-double-left-prod-grid .item.featured .prod-grid-desc .desc { border-top: 1px solid #ccc; margin: 12px 0 0 0; padding: 18px 0 18px 0; float: left; } .hpc .four-double-left-prod-grid .item.featured .product-name, .hpc .four-double-left-prod-grid .item.featured .price-box, .hpc .four-double-left-prod-grid .item.featured .price-box p { text-align: left; } .hpc .four-double-left-prod-grid .item.featured .product-name { padding: 1px 0 6px 0; font-size: 1.5em; } /* Dynamic Categories */ .home-sblock { clear: left; margin: 0 0 24px 0; } .dynamic-title-wrapper { position: relative; } .dynamic-title-viewall { position: absolute; right: 15px; top: 11px; } .dynamic-title-viewall a { color: #888; font-size: 15px; font-weight: normal; text-decoration: none; text-transform: uppercase; } .dynamic-title-viewall a:hover { color: #000; } /* Layered Nav */ .block-layered-nav { padding: 20px 0; } .block-layered-nav .block-title strong { font-weight: normal; font-size: 2em; text-transform: uppercase; margin: 0 0 17px 0; display: block; padding: 0 0 4px 0; } .block-layered-nav ol { list-style: none; } .block-layered-nav li { color: #777; } .block-layered-nav li.color { float: left; padding: 0; width: 20px; height: 20px; clear: none; margin-right: 5px; border-radius: 50%; margin-top: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .block-layered-nav li.color.applied { border: 2px dotted #ddd; } .block-layered-nav li.color.applied, .block-layered-nav li.color:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .block-layered-nav li.color:last-child { margin-right: 0; } .block-layered-nav li.color.applied .active-filter, .block-layered-nav li.color .product-count { display: none; } .block-layered-nav li.color.applied .btn-remove { background: none; margin: 0; } .block-layered-nav li.color, .block-layered-nav li.color > a { width: 20px; height: 20px; } .block-layered-nav li.color .color_button { width: 20px; height: 20px; } .block-layered-nav li a { text-decoration: none; } #narrow-by-list dd { font-size: 1em; } .usstore .toolbar .sorter dd { font-size: 10px; } #narrow-by-list dt { font-weight: bold; border-bottom: 1px solid #ddd; margin: 0 0 6px 0; } #category-view .currently .btn-remove, .block-layered-nav .btn-remove, #payment-tool-tip-close { width: 12px; height: 12px; overflow: hidden; text-indent: -999em; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/cross.png) no-repeat 0 0; margin: 0 5px 0 0; display: block; float: left; } .block-layered-nav .btn-remove:hover, #category-view .currently .btn-remove:hover, #payment-tool-tip-close:hover { background-position: 0 -80px; } .block-layered-nav .currently { margin: 0 0 12px 0; } .block-layered-nav .currently .block-subtitle { margin: 0 0 6px 0; } .block-layered-nav .actions a { font-size: 1.2em; display: block; text-align: right; } /* Product List page -----------------------------------------------------------*/ .category-image { display: none; } .category-view { margin: 20px 0 0 0; } .category-view ol { list-style: none; } .catalog-category-view h1 { font-size: 2.6em; } .catalog-category-view .col-main, .catalog-category-view .col-left { padding-top: 9px; } .category-description { width: 480px; font-size: 1.2em; line-height: 1.5; text-align: center; margin: -20px auto 16px auto; padding: 14px 0 0 0; } .product-artist, .product-name br { display: none; } /* Toolbar */ .toolbar { border-bottom: 1px solid #d3d6d6; float: left; width: 100%; margin: 0 0 20px; padding: 0 0 6px; } .toolbar-bottom .toolbar { clear: both; border-bottom: 0; border-top: 1px solid #d3d6d6; margin: 0; padding: 6px 0 0 0; } /* Pager */ .pager { float: right; } .pager select { min-width: 50px; margin: 0 3px 0 0; } .pager .amount { float: left; font-size: 1.2em; margin: 0 4px 0 0; line-height: 22px; } .pager .amount strong { font-weight: normal; } .pager .limiter { float: right; font-size: 1.2em; margin: 0 0 0 30px; } .pager .limiter label { margin: 0 4px 0 0; } .pager .limiter a { color: #222; text-transform: uppercase; text-decoration: none; } .pager .limiter a:hover, .pager .limiter a:focus { color: #000; text-decoration: underline; } .pager .pages { float: right; border-left: 1px solid #d3d6d6; padding: 0 0 0 15px; margin: 0 0 0 15px; line-height: 22px; } .pager .pages ol, .pager .pages li { display: inline; padding: 0 2px; float: left; font-size: 1.2em; margin: 0; } .pager .pages a { text-decoration: none; } .pager .pages a:hover, .pager .pages a:focus { text-decoration: underline; } .pager .pages .current { font-weight: bold; } .pager .pages .i-previous, .pager .pages .i-next { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/classic_arrows.png); background-repeat: no-repeat; background-position: 0 5px; width: 16px; height: 20px; display: block; overflow: hidden; text-indent: -999em; text-decoration: none; margin: 2px 0 0 3px; } .pager .pages .i-previous { background-position: -50px 5px; margin: 2px 3px 0 0; } .pager .pages .i-next:hover, .pager .pages .i-next:focus { background-position: 0 -35px; } .pager .pages .i-previous:hover, .pager .pages .i-previous:focus { background-position: -50px -35px; } .pager .pages strong { left: -99999em; position: absolute; } .pager-only { clear: both; } .pager-only .pages { margin: 0; } /* Sorter */ .sorter { margin: 0 20px 0 0; float: left; } .sorter .sort-by { font-size: 1.2em; float: left; } .sorter select { margin: 0 2px 0 0; } .sorter label { margin: 0 4px 0 0; padding: 0; float: left; } select::-ms-expand { display: none; } /* View mode */ .sorter .view-mode { float: left; line-height: 20px; font-size: 1.2em; margin: 0 20px 0 0; } .sorter .view-mode a.list-fix, .sorter .view-mode a.list, .sorter .view-mode strong.list-fix, .sorter .view-mode strong.list, .sorter .view-mode a.grid-fix, .sorter .view-mode a.grid, .sorter .view-mode strong.grid-fix, .sorter .view-mode strong.grid { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/bkg_viewmode.gif) no-repeat 0 0; float: left; width: 24px; height: 17px; text-align: left; text-indent: -999em; overflow: hidden; margin: 3px 0 0; } .sorter .view-mode a.list { background-position: -24px 0; } .sorter .view-mode strong.list { background-position: -24px -29px; } .sorter .view-mode a.grid { background-position: 0 0; } .sorter .view-mode strong.grid { background-position: 0 -29px; } .sorter .view-mode a.list-fix { background-position: 0 -58px; } .sorter .view-mode strong.list-fix { background-position: 0 -87px; } .sorter .view-mode a.grid-fix { background-position: -24px -58px; } .sorter .view-mode strong.grid-fix { background-position: -24px -87px; } /* Product list grid */ ul.products-grid { list-style: none; margin-bottom: 0; clear: left; float: left; width: 100%; margin: 0 0 18px 0; } .products-grid .item, .col2-left-layout .products-grid .item { width: 19%; float: left; margin: 0 1.25% 0 0; padding: 0 0 18px 0; font-size: 1em; background: #f8f8f8; background-color: rgba(248, 248, 248, 0.5); } .col2-left-layout .products-grid .item, .products-grid .item.cols4 { width: 24%; } .products-grid .item.cols3 { width: 32.5%; } .products-grid .last, .col2-left-layout .products-grid .last { margin-right: 0 !important; } .products-grid .item, .col2-left-layout .products-grid .item { margin: 0 1.25% 2% 0; } .products-grid .item:nth-child(5n + 5) { margin-right: 0; } .col2-left-layout .products-grid:not(.five-prod-grid) .item:nth-child(4n + 4) { margin-right: 0; } .products-grid .item:hover, .products-grid .item:focus { background: #ccc; } .products-grid .product-image { float: left; text-decoration: none; margin: 0 0 10px 0; width: 100%; } .products-grid.two-prod-grid.two-prod-desc .product-image { width: 40%; } .products-grid.two-prod-grid.two-prod-desc .prod-grid-desc { clear: none; float: right; width: 60%; } .products-grid.two-prod-grid.two-prod-desc .product-name { font-size: 14px; text-align: left; } .products-grid .prod-grid-desc { clear: both; } .products-grid .product-name { clear: left; text-align: center; line-height: 1.2; margin: 0; letter-spacing: 1px; padding: 0 4px 6px 4px; font-size: 1.5em; } .products-grid .actions .button { font-size: 1.2em; } .bestsellers-grid .product-artist { display: none; } /* Product List */ .products-list { list-style: none; float: left; } .products-list li { margin: 0 0 12px 0; clear: left; float: left; width: 100%; min-height: 190px; position: relative; } .bs-recommend-cart-contents .products-list li { min-height: inherit; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; } .bs-recommend-cart-contents .products-list li:last-child { margin-bottom: 0; border: none; padding: 0; } .products-list .product-image { position: absolute; top: 10px; left: 0; border-bottom: none; background: #fff; } .bs-recommend-cart-contents .products-list li .prod-grid-desc { float: left; margin-right: 20px; width: 130px; } .bs-recommend-cart-contents .products-list .product-image { position: relative; top: auto; left: auto; float: left; margin-right: 20px; max-width: 80px; margin-bottom: 0; } .bs-recommend-cart-contents .products-list .price-box { padding: 0; margin: 0; } .bs-recommend-cart-contents .products-list .price-box .price-label { display: none; } .bs-recommend-cart-contents .products-list .price-box .price { font-size: 14px; } .bs-recommend-cart-contents .products-list .actions button { padding: 0; margin: 0; background: none; } .bs-recommend-cart-contents .actions .button-icon { display: none; } .bs-recommend-cart-contents .products-list .actions .button-text { display: none; } .bs-recommend-cart-contents .products-list .actions .button-icon { display: block; } .bs-recommend-cart-contents .products-list .actions .button-icon > svg { height: 75px; fill: currentColor; color: #888888; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .bs-recommend-cart-contents .products-list li:hover .button-icon > svg { opacity: 1; } .bs-recommend-cart-contents .products-list .actions button:hover .button-icon > svg, .bs-recommend-cart-contents .products-list .actions button:active .button-icon > svg { color: #414141; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .products-list .product-shop { float: left; margin-left: 192px; } .products-list .product-name, .products-list .price-box, .products-list .price-box p, .products-list .actions { text-align: left; } .products-list .product-name { font-size: 1.6em; } .products-list .desc { margin: 0 0 9px 0; font-size: 1em; } /* Search */ .recommendations { font-size: 1.3em; margin-bottom: 10px; } /* Products ---------------------------------------------- */ .product-name a { text-decoration: none; } .product-name a:hover, .product-name a:focus { text-decoration: none; } /* Product Price */ .price-box { margin: 0 0 9px 0; overflow: hidden; } .price-box, .price-box p { line-height: 1.2; text-align: center; color: #777777; font-weight: bold; letter-spacing: 1px; } .two-prod-desc .price-box, .two-prod-desc .price-box p { text-align: left; } .price-box p { margin: 0; } .price-box .price { font-size: 1.3em; } .price-box .price-label { display: inline; } .price-box .old-price, .price-box .special-price { display: block; } .catalog-product-view .price-box .old-price, .catalog-product-view .price-box .special-price { text-align: left; } .price-box .old-price .price { margin: 0 6px 0 0; } .price-box .old-price span.price { text-decoration: line-through; } .price-box .special-price span.price { color: #e70000; margin: 0 6px 0 0; } .products-grid li .actions { text-align: center; clear: both; } .products-grid.two-prod-desc li .actions { text-align: left; } .product-main-info .price-box .price { font-size: 1.6em; } /* Product out of stock subscription block */ .amxnotif-block button.btn-cart { float: none; } /* Sashes */ .sash { position: absolute; background-repeat: no-repeat; background-position: 0 0; display: block; z-index: 1; bottom: -1px; left: 0; width: 100%; line-height: 33px; color: #fff; font-size: 1.5em; background-color: #c42621; background-color: rgba(195, 102, 102, 0.5); text-shadow: -1px -1px rgba(0, 0, 0, 0.5); text-align: center; } .sash em { font-style: normal; } .base-sash { padding-top: 6px; left: -4px; width: 188px; background-color: transparent; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-base.png); } .base-sash-half { right: -4px; left: auto; bottom: -4px; background-color: transparent; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-base-half.png); font-size: 115%; padding-left: 10px; padding-top: 4px; width: 141px; } .corner-sash { top: -3px; left: auto; bottom: auto; right: -3px; width: 120px; height: 118px; background-color: transparent; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner.png); } .corner-sash em { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); display: block; left: 13px; position: relative; text-align: center; top: 30px; white-space: nowrap; } .corner-sash.new, .corner-sash.newprod { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner-new_65.png); overflow: hidden; text-indent: -999em; left: -3px; width: 65px; height: 64px; } .first .corner-sash.new, .first .corner-sash.newprod { left: 0; } .products-grid:first-child .corner-sash.new, .products-grid:first-child .corner-sash.newprod { top: 0; } .corner-sash.new em, .corner-sash.newprod em { overflow: hidden; width: 0; height: 0; text-indent: -999em; display: block; } .badge-sash { top: -3px; left: auto; bottom: auto; right: -3px; width: 72px; height: 72px; background-color: transparent; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/star-badge.png); display: table; overflow: hidden; font-size: 1.3em; line-height: 1.2; padding: 4px; } .last .badge-sash { right: 3px; } .badge-sash em { display: table-cell; vertical-align: middle; } .one-prod-grid .sash { line-height: 51px; font-size: 2em; } .two-prod-grid .sash { line-height: 42px; font-size: 1.8em; } .three-prod-grid .sash { line-height: 39px; font-size: 1.6em; } .four-prod-grid .sash { line-height: 33px; font-size: 1.4em; } .four-double-left-prod-grid .featured .sash { line-height: 33px; font-size: 1.4em; } .one-prod-grid .corner-sash { width: 240px; height: 236px; font-size: 2.2em; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner_240x236.png); width: 50%; height: 50%; background-size: 100% 100%; } .one-prod-grid .corner-sash em { left: 26px; top: 70px; } .one-prod-grid .corner-sash.new, .one-prod-grid .corner-sash.newprod { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner-new_100.png); width: 100px; height: 100px; } .two-prod-grid .corner-sash { width: 180px; height: 177px; font-size: 1.8em; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner_180x177.png); } .two-prod-grid .corner-sash em { left: 21px; top: 50px; } .two-prod-grid .corner-sash.new, .two-prod-grid .corner-sash.newprod { width: 95px; height: 95px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner-new_95.png); } .three-prod-grid .corner-sash { width: 158px; height: 148px; font-size: 1.6em; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner_150x148.png); } .three-prod-grid .corner-sash em { left: 14px; top: 42px; } .three-prod-grid .corner-sash.new, .three-prod-grid .corner-sash.newprod { width: 90px; height: 90px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner-new_90.png); } .four-double-left-prod-grid .featured .corner-sash { height: 118px; width: 120px; line-height: 2.2; } .four-double-left-prod-grid .featured .corner-sash.new, .four-double-left-prod-grid .featured .corner-sash.newprod { width: 90px; height: 90px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/sash-corner-new_90.png); left: 0; } .one-prod-grid .corner-sash.new em, .one-prod-grid .corner-sash.newprod em, .two-prod-grid .corner-sash.new em, .two-prod-grid .corner-sash.newprod em, .three-prod-grid .corner-sash.new em, .three-prod-grid .corner-sash.newprod em { left: auto; top: auto; font-size: 1px; } .one-prod-grid .badge-sash { width: 120px; height: 160px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/star-badge_160x160.png); font-size: 2em; line-height: 1.2; padding: 20px; } .two-prod-grid .badge-sash { width: 110px; height: 110px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/star-badge_140x140.png); font-size: 1.8em; line-height: 1.2; padding: 15px; } .three-prod-grid .badge-sash { width: 74px; height: 74px; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/star-badge_98x98.png); font-size: 1.4em; line-height: 1.2; padding: 12px; } /* Product Details page ------------------------------------------------------- */ .product-view { } /* Product Image */ .product-img-box { float: left; margin: 0 2% 10px 0; width: 46%; } .product-image { position: relative; margin: 0 0 9px 0; text-align: center; display: block; overflow: hidden; } .product-image .product-details-image-overlay { display: flex; justify-content: center; flex-direction: column; text-align: center; position: absolute; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; top: 0; left: 0; z-index: 999; text-decoration: none; } .product-image .product-details-image-overlay .name { margin-bottom: 10px; font-size: 1.1em; } .product-image .product-details-image-overlay .price-box, .product-image .product-details-image-overlay .price-box p { font-weight: normal; font-size: 1em; } .product-image .product-details-image-overlay .price-box .old-price { display: block; clear: both; } .product-image img, .flexslider .slides .product-image img { max-width: 100%; width: auto; height: auto; margin: 0px auto; } #largeImgClk { width: 36px; height: 37px; position: absolute; z-index: 2; bottom: 0; right: 0; overflow: hidden; text-indent: -999em; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/zoom.png) no-repeat 0 0; cursor: pointer; display: block; } .catalog-product-view #cboxTitle { display: none !important; } .catalog-product-view #cboxContent { margin-top: 0; } /* Product Details */ .product-view .product-details { float: left; width: 52%; } .product-view .product-collateral { clear: left; } .product-main-info { margin: 0 0 20px 0; border-bottom: 1px dashed #efefef; padding: 0 0 15px; } .product-main-info h1 { font-size: 2.4em; margin: 0 0 12px 0; } .product-main-info .price-box { text-align: left; margin: 0 0 15px 0; } .short-description { font-size: 1.3em; margin: 0 0 18px 0; line-height: 1.5; } .short-description h1, .short-description h2, .short-description h3, .short-description h4, .short-description h5 { font-size: 1em; font-weight: bold; margin: 0 0 6px 0; } .short-description h3 { font-size: 1.1em; } .short-description p, .short-description ul li { font-size: 1em; } .product-details dt { font-weight: bold; } .gift-wrapping { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/gift.png) no-repeat 0 0 transparent; padding: 0 0 0 24px; } .clear-special { width: 484px; overflow: hidden; } /* Product Options -------------------------------------------------------- */ .options-container-big { clear: left; } .options-container-big p.required { display: none; } .options-container-big .price-box, .options-container-small .price-box, #bundleSummary .price-box, .bundleOptions .price-box { float: right; } .add-to-cart-qty input, .add-to-cart-qty select { margin: 0 0 10px; } .product-options label, .product-options-bottom label, .add-to-cart-qty label { font-size: 1.2em; line-height: 24px; margin: 0 6px 0 0; float: left; min-width: 50px; white-space: nowrap; font-weight: bold; } .product-options dl { float: left; } .product-options dt, .product-options dd { font-size: 1em; float: left; } .product-options dd { margin: 0 18px 0 0; } .product-options dd.last { margin: 0; } .product-options select, .product-options input, .product-options-bottom select, .product-options-bottom input, .add-to-cart-qty select, .add-to-cart-qty input { font-size: 1.2em; float: left; } .product-options select, .product-options-bottom select { min-width: 152px; max-width: 304px; margin: 0 0 9px 0; } .add-to-cart-qty input, .product-options input, .product-options-bottom input { padding: 5px 6px; text-align: center; } .add-to-cart-qty input, .product-options input, .product-options-bottom input, x:-moz-any-link { margin-right: 10px; margin-top: 6px; padding: 5px 6px 5px 6px; } #downloadable-links-list .price-notice { line-height: 27px; } #downloadable-links-list { display: none; } .product-options-bottom .price-box { float: right; } .product-options .required em { display: none; } #links-advice-container { position: relative; } .product-options .validation-advice { font-size: 1.2em; padding: 3px 0; text-align: left; width: 144px; clear: left; position: absolute; left: 170px; margin-top: -4px; } .product-options .bundleOptions .validation-advice { width: 200px; font-size: 1em; margin: -10px 0 0; } .product-options .empty { display: none; } #product-options-wrapper { position: relative; margin-bottom: 20px; } .product-options .validation-error { float: left; position: relative; } .product-options .validation-error select { border: none !important; } .product-options .option-label-list { font-size: 1.2em; border-bottom: 1px dotted #eee; margin-bottom: 2px; } .product-options .super-attribute-list { list-style: none; font-size: 0.8em; } .product-options .super-attribute-list > li { float: left; text-align: center; padding: 2px 4px; border: 1px solid #eee; margin: 2px 3px; } .product-options .super-attribute-list > li:hover { border-color: #888; cursor: pointer; } .product-options .super-attribute-list > li.active { background-color: #defece; border-color: #aaa; } .product-options .super-attribute-list > li:first-child { margin-left: 0; } .product-options .super-attribute-list > li:last-child { margin-right: 0; } .product-options .super-attribute-list > li.color { text-indent: -9999px; width: 50px; border: 2px dotted transparent; margin: 0 5px 10px 0; border-radius: 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .product-options .super-attribute-list > li.color:last-child { margin-right: 0; } .product-options .super-attribute-list > li.color:hover, .product-options .super-attribute-list > li.color.active { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .product-options .super-attribute-list > li.color.active { border-style: dotted; border-color: #fff; border-radius: 0; } .product-options dd.configurable-buttons .validation-advice { position: relative; left: 0; } /* Add to Cart Qty */ .add-to-cart { float: left; } .add-to-cart-qty input { width: 24px; } .add-to-cart-qty select { min-width: 50px; } /* Bundle Options */ .bundleOptions p.required { display: none; } #bundleSummary .add-to-cart { clear: left; } .bundleOptions ul { list-style: none; float: left; } .bundleOptions dt { clear: left; margin: 0 9px 0 0; } .bundleOptions dt.showOption label { text-transform: none; } .bundleOptions .selection-title { display: none; } .bundleOptions dd .input-box .price-notice { height: 0; margin: 0; overflow: hidden; } .bundleOptions dd.showOption, .bundleOptions dt.showOption, .bundleOptions dt.showOption li { height: auto; overflow: visible; font-size: 1em; } .bundleOptions dt.showOption { clear: left; margin: 0 9px 6px 0; } .product-details .bundleOptions dt { display: block; background: rgba(0, 0, 0, 0) url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/bundle_marker.jpg") no-repeat scroll 0 12px; padding-left: 10px; } .bundleOptions dt.showOption label { line-height: 24px; /*max-width: 162px;*/ white-space: normal; font-weight: bold; } .product-details .product-shop .bundleOptions .last .required::after, .product-details .product-shop .bundleOptions .last .required, .product-shop .bundleOptions .last dd .input-box { font-weight: normal; font-size: 13px; } .bundleOptions dd.showOption label { max-width: 240px; } .bundleOptions input.radio, .bundleOptions input.checkbox { margin: 5px 0 0; } .bundleOptions select { font-size: 1em; } .bundleOptions .input-box { font-size: 1.3em; } .bundleOptions .options-list li { clear: left; font-size: 1em; } .bundleOptions .options-list label { font-size: 1em; margin: 0 0 2px 6px; padding: 0; white-space: normal; } .bundleOptions label { font-weight: normal; line-height: 20px; } .bundleOptions .qty-holder label { margin: 0 4px 0 0; min-width: 0; color: #000; } .bundleOptions .qty-holder input.qty { background: transparent; line-height: 1.5; padding: 5px 0 4px; text-align: center; width: 24px; margin: 0 4px 0 0; } .bundleOptions .qty-holder .qty-disabled { border: 0; background: transparent; line-height: 1.5; padding: 7px 0 0 0; text-align: left; width: 26px; } .bundleproduct .add-to-cart { clear: left; } .bundleOptions .price-notice { display: none; } .bundleOptions .qty-holder { display: none; } #bundleProduct .price-as-configured { text-align: left; } #bundleProduct .price-as-configured .price-label { display: none; } #bundleProduct .price-as-configured .full-product-price { display: none; } .product-main-info .price-box-bundle .price-box .price { font-size: 21px; } /* JPlayer and Downloadable links */ .downloadableLinks dt { font-size: 1.8em; margin: 0 0 2px 0; display: none; } .downloadableLinks dt label { font-weight: normal; } .downloadableLinks dd { clear: left; } .jp-jplayer, .jp-audio { clear: left; margin: 0 0 20px 0; } .tab-content .jp-playlist li { font-size: 1em; } /* Add to Cart Button */ .product-view .btn-cart { float: left; clear: left; margin: 15px 10px 5px 0; border-color: #bdbdbd #acacac #949494; border-radius: 0.3em 0.3em 0.3em 0.3em; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 #ffffff inset; color: #4f4f4f; cursor: pointer; display: block; position: relative; text-shadow: 0 1px 1px #ffffff; -webkit-transition: border-color 1s ease-in-out; -moz-transition: border-color 1s ease-in-out; transition: border-color 1s ease-in-out; padding: 0.75em 1em; font-size: 180%; text-decoration: none; background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-linear-gradient( top, #e5e5e5 0%, #ffffff 100% ); /* Chrome10+,Safari5.1+ */ background: linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* W3C */ text-align: left; text-decoration: none; white-space: nowrap; } .product-view .btn-cart:hover, .product-view .btn-cart:focus { text-decoration: none; background: #24721a; background: -moz-linear-gradient(top, #24721a 0%, #319b29 55%, #52bf3d 100%); background: -webkit-linear-gradient( top, #24721a 0%, #319b29 55%, #52bf3d 100% ); background: linear-gradient(to bottom, #24721a 0%, #319b29 55%, #52bf3d 100%); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 0 #bbb inset; color: #000; } .product-view .btn-cart.flash { border-color: #33b44b; -webkit-transition: border-color 1000ms ease-in-out; -moz-transition: border-color 1000ms ease-in-out; transition: border-color 1000ms ease-in-out; } .product-view .btn-cart span span { background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/plus2basket.png) no-repeat 100% 50%; padding: 0 28px 0 0; } .product-view #add-to-cart-notification { margin-bottom: 20px; } .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: 1; -moz-animation-name: blinker; -moz-animation-duration: 0.5s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: 1; animation-name: blinker; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; } @-moz-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .product-view #add-to-cart-notification > .label { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .tab-list { position: relative; z-index: 2; margin: 0 0 28px 0; } .tab-list .tab { padding: 0; margin: 0 2px 0 0; display: inline-block; font-size: 1.4em; line-height: 1; float: left; cursor: pointer; height: 40px; } .tab-list .tab span { padding: 12px 20px; display: inline-block; color: #999; line-height: 1; text-decoration: none; letter-spacing: 2px; background: #ededed; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border: 1px solid #ededed; } .tab-list .tab:hover span, .tab-list .active span { color: #000; background: #ccc; } .tab-list .active { cursor: default; } .tab-list .tab-container { position: absolute; width: 100%; z-index: 1; margin: 0; clear: left; } .tab-list .tab-content { background: transparent; border-top: 1px solid #ededed; padding: 10px; margin: 0 0 20px 0; } .tab-list .tab-content object, .tab-list .tab-content embed { width: 100% !important; height: auto !important; } .tab-list .tab-container h3 { font-size: 1.5em; } .tab-list th, .tab-list td { padding: 4px; font-size: 1.1em; line-height: 1.4; text-align: left; } .tab-list.first.last:hover span, .tab-list.first.last.active span { background: none; border: none; font-size: 1.6em; padding: 9px 0; font-weight: normal; color: inherit; } .tab-title { display: none; } .product-details .tab-list .tab-content.samples-tab { padding-left: 10px; font-weight: bold; font-size: 11px; } .product-details .tab-content .album-title, .product-details .tab-content .album-tracks { margin-bottom: 10px; } .product-details .tab-content .album { margin-bottom: 15px; } .product-details .tab-content .album-title { font-weight: bold; color: #333333; } .product-details .tab-content .album-tracks { list-style: none; } .product-details .tab-content .album-tracks > li { font-size: 12px; } .product-details .tab-content .album-tracks > li.album-side { text-decoration: underline; } /* Product Details Section */ #prod_details { clear: both; } .track-listing p, .track-listing li { background: #fafafa; margin: 0; padding: 4px 8px; border-bottom: 1px solid #fff; font-size: 1em; list-style: none; } .track-listing p:nth-child(2n + 2), .track-listing li:nth-child(2n + 2) { background: #f8f8f8; } /* Base Links */ #base-links-wrap { clear: left; margin: 0 0 28px 0; overflow: hidden; } .base-links { list-style: none; } .base-links li { float: left; margin: 0 20px 10px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; color: #777; position: relative; } .base-links li a, .base-links li a:focus { text-decoration: none; color: #777; } .base-links li.active a { color: #000; cursor: default; } .base-links li.active:after, .base-links li.active:before { content: ""; position: absolute; display: block; top: 100%; left: 50%; margin-left: -8px; margin-top: 10px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; z-index: 3; } .base-links li.active:before { border-width: 9px 9px 0; border-color: #dedede transparent transparent transparent; margin-left: -9px; } .base-links li li { margin: 0; } .base-links li li a, .base-links li a:hover { text-decoration: underline; } #bl-contact-form, #bl-returns-info { clear: both; float: left; margin: 10px 0 0 0; } #bl-contact-form .page-title { display: none; } #bl-contact-form h2, #bl-returns-info h4 { font-size: 1.6em; } .quick-look { width: 100%; background: #fbfbfb url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/ql_shad_top.png) repeat-x 0 0; position: relative; clear: left; float: left; overflow: hidden; } .quick-look:before, .quick-look:after { content: ""; display: block; width: 100%; height: 9px; z-index: 2; position: absolute; top: 0; left: 0; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/ql_shad_tl_grey.png) no-repeat 0 0; } .quick-look:after { left: auto; right: 0; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/ql_shad_tr_grey.png) no-repeat 100% 0; } .quick-look-in { width: 100%; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/ql_shad_base.png) repeat-x 0 100%; position: relative; float: left; } .quick-look-in:before, .quick-look-in:after { content: ""; display: block; width: 100%; height: 9px; z-index: 2; position: absolute; bottom: 0; left: 0; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/ql_shad_bl_grey.png) no-repeat 0 0; } .quick-look-in:after { left: auto; right: 0; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/ql_shad_br_grey.png) no-repeat 100% 0; } .quick-look-in > div { padding: 12px 20px; } .catalog-product-view #bl-contact-form .form-list li { padding-left: 5px; } /* Social Media */ ul.addthis_toolbox { list-style: none; clear: left; float: left; margin: 15px 0 24px 0; } .addthis_toolbox li { float: left; margin: 0 6px 0 0; } .addthis_toolbox a { width: 26px; height: 26px; /*background-repeat: no-repeat;*/ /*background-position: 0 -78px;*/ float: left; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_addthis.svg); display: block; overflow: hidden; text-indent: -999em; padding: 0 2px; } .addthis_toolbox span { background-image: none; width: auto; } .email-friend a, .emailto-link a { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_email.png); overflow: hidden; text-indent: -999em; position: relative; } .addthis_toolbox .addthis_button_facebook { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_facebook.png); } .addthis_toolbox .addthis_button_twitter { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_twitter.png); } .addthis_toolbox .addthis_button_pinterest_pinit { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_pinterest.png); margin: 0; } .addthis_toolbox .addthis_button_google_plusone { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_gplus.png); } .addthis_toolbox .amazon_button { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/social/social_amazon.png); } .addthis_toolbox a:hover, .addthis_toolbox a:active, .addthis_toolbox a:focus, .email-friend a:hover, .email-friend a:active, .email-friend a:focus { background-position: 0 -78px; } .sendfriend-product-send .main form { width: 600px; margin: 0 auto; } .sendfriend-product-send .button { margin: 0 0 0 10px; } /* Related Products */ .box-related, .box-ajax-right, .box-ajax-left { width: 100%; background-color: #fff; margin: 0 0 10px; padding: 0 20px; clear: both; } ol.flex-control-nav { display: none; } .box-related h2, .box-ajax-right h2, .box-ajax-left h2 { font-size: 1.5em; border-bottom: 1px solid #ccc; padding: 0 0 6px 0; margin: 0 0 12px 0; } .more-views, .box-related, .box-ajax-right, .box-ajax-left { position: relative; } .more-views .flex-direction-nav .flex-next, .more-views .flex-direction-nav .flex-prev, .box-related .flex-direction-nav .flex-next, .box-related .flex-direction-nav .flex-prev, .box-ajax-right .flex-direction-nav .flex-next, .box-ajax-right .flex-direction-nav .flex-prev, .box-ajax-left .flex-direction-nav .flex-next, .box-ajax-left .flex-direction-nav .flex-prev { position: absolute; width: 20px; height: 33px; left: 0; margin-top: 0; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/carousel_half-arrows.png) no-repeat 0 0; text-indent: -9000px; cursor: pointer; opacity: 0.8; } .more-views .flex-direction-nav .flex-next, .box-related .flex-direction-nav .flex-next, .box-ajax-right .flex-direction-nav .flex-next, .box-ajax-left .flex-direction-nav .flex-next { right: 0; left: auto; background-position: 0 -60px; } .more-views .flex-direction-nav .flex-disabled, .box-related .flex-direction-nav .flex-disabled, .box-ajax-right .flex-direction-nav .flex-disabled, .box-ajax-left .flex-direction-nav .flex-disabled { background-position: 0 -120px; } .box-related li.item { width: 25%; float: left; list-style: none; } .box-related li.item .product-details { clear: both; padding-right: 10px; } .box-related li.item h3.product-name { margin-bottom: 5px; } .box-related li.item .price-box { text-align: left; } /* Account Login/Create Pages ------------------------ */ /* Login Page */ .customer-account-login #login-form { padding: 20px; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/pixel_grey.png) repeat-y 455px 0 transparent; } .customer-account-login #login-form .form-buttons a { font-size: 1.3em; display: block; float: left; margin: 9px 0 0 0; } .customer-account-login #login-form .registered-users .buttons-set { width: 387px; } .customer-account-login #login-form p.required, .customer-account-login #login-form .required em { display: none; } .customer-account-login #login-form .validation-advice { clear: left; padding: 0 0 9px 0; } /* Forgot Password */ .customer-account-forgotpassword .col-main { width: 100%; max-width: 490px; margin: 0 auto; } .customer-account-forgotpassword .buttons-set { width: 100%; } .customer-account-forgotpassword p.required, .customer-account-forgotpassword .required em { display: none; } /* Register */ .customer-account-create .divider { margin: 0 0 20px 0; overflow: hidden; } .account-create { margin: 0 0 0 60px; } .account-create .newsletter-title { font-size: 16px; width: 225px; } .account-create label.store-newsletter { width: 175px; } .account-create .form-list li.control .input-box { padding: 0 0 12px 10px; } @media only screen and (max-width: 767px) { .usstore .account-create li.control .newsletter-title { width: 100%; float: left; } .usstore .account-create li.control .newsletter-title label, .usstore .account-create li.control label.store-newsletter { position: relative; left: 0; } .usstore .account-create .form-list li.control label { position: relative; left: 0; width: auto; } } /* My account --------------------------------------------------- */ .guestaccount-account-index .col-main, .guestaccount-account-invoice .col-main, .guestaccount-account-creditmemo .col-main, .guestaccount-account-shipment .col-main, .guestaccount-account-downloadable .col-main, .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-form .col-main, .downloadable-customer-products .col-main, .newsletter-manage-index .col-main, .sales-order-view .col-main, .customer-address-index .col-main, .sales-order-invoice .col-main, .sales-order-history .col-main { background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/pixel_grey.png); background-repeat: repeat-y; background-position: 0 0; background-color: #fff; background-color: rgba(255, 255, 255, 0.6); padding: 20px 25px 20px 25px; width: 80%; } .guestaccount-account-index .col-left, .guestaccount-account-invoice .col-left, .guestaccount-account-creditmemo .col-left, .guestaccount-account-shipment .col-left, .guestaccount-account-downloadable .col-left, .customer-account-index .col-left, .customer-account-edit .col-left, .customer-address-form .col-left, .downloadable-customer-products .col-left, .newsletter-manage-index .col-left, .sales-order-view .col-left, .customer-address-index .col-left, .sales-order-invoice .col-left, .sales-order-history .col-left { padding: 20px 0; width: 20%; } .customer-account-edit .my-account .form-list, .customer-address-form .my-account .form-list { padding-left: 10px; } .block-account ul { margin: 0 0 18px; padding: 10px 0 0; } .block-account li { background-color: #f9f9f9; background-color: rgba(249, 249, 249, 0.6); border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid #ccc; border-bottom: 1px solid rgba(204, 204, 204, 0.6); padding: 0; position: relative; } .block-account li:first-child { border-top: 0; } .block-account li:hover { background-color: #e3e3e3; background-color: rgba(227, 227, 227, 0.6); cursor: pointer; } .sidebar .block-account li a, .sidebar .block-account li.current strong { height: 40px; line-height: 40px; padding-left: 20px; display: block; } .block-account .block-title { padding: 10px; } .block-account .block-title span { font-size: 1.5em; } .block-account li:hover a { text-decoration: none; } .block-account li.current { background-color: #ddd; background-color: rgba(221, 221, 221, 0.6); cursor: default; } .block-account li.current:before { content: ""; position: absolute; right: -1px; top: 50%; margin-top: -9px; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #ccc transparent transparent; z-index: 1; } .block-account li.current:after { content: ""; position: absolute; right: -1px; top: 50%; margin-top: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #fff transparent transparent; z-index: 2; } #logOutBtn { border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; margin: 0 0 10px 20px; padding: 9px 36px; text-align: center; } .my-account fieldset { margin: 0; } .my-account .info-box th { text-align: left; } .my-account ul, .my-account ol { list-style: none; } .my-account .legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .my-account .buttons-set { width: 452px; } .my-account .pager { width: 100%; margin: 0 0 10px 0; } /* Account Dashboard */ .my-account h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 0 6px; } .my-account h2 .separator { color: rgba(0, 0, 0, 0.2); font-size: 91.666%; } .recent-orders h2.table-caption a, .manageAddrs, .dashboard .reviews .sub-title a, .order-items h2.sub-title a, .info-box h3.box-title a { font-size: 70%; } .info-box h3.box-title a { font-size: 77.82%; } .dashboard .col2-set h2.sub-title a { font-size: 63.65%; } .customer-account-edit .form-list label { width: 148px; } .dashboard .box-title { width: 100%; background: #dedede url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/grey_diag_stripes.png); padding: 6px 0 6px 8px; float: left; margin: 0 0 8px; } .dashboard .box-title h3 { padding: 0 8px; float: left; margin: 0; } .dashboard .box-title .separator { position: relative; top: -1px; } .dashboard .box-title a { font-size: 1em; background: #444; border: 1px solid #111; color: #fff; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; margin: 0px 10px 0; padding: 2px 10px; } .dashboard .box-title a:hover { background: #000; } .dashboard .box-content { clear: both; } .dashboard .box-content h4 { font-weight: bold; font-size: 1.4em; } .dashboard .box-content .sml-btn { margin-top: 7px; } #dashboard-info .col-1 { width: 100%; } #dashboard-info .col-1 .sml-btn { float: right; margin: -26px 250px 0 0; } #dashboard-newsletter { display: none; } .my-account .data-table { margin: 0 0 20px; } .my-account .data-table th { padding: 5px 12px 6px 6px; background: rgba(209, 209, 209, 0.2); text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .my-account .data-table td { padding: 5px 12px 6px 6px; } .my-account .data-table td.last { white-space: nowrap; } /* My Orders */ .my-account .recent-orders h2 { margin: 0; } .my-account .order-items .data-table { margin-bottom: 28px; clear: left; } .my-account .order-items .data-table th { text-align: left; } .my-account .order-items .data-table td.last { font-size: 1.2em; } .my-account .order-items .product-name { font-size: 1em; } .my-account .order-items .item-options dt, .my-account .order-items .item-options dd { font-size: 1em; float: left; margin: 0 9px 0 0; } .my-account .order-items .item-options dd { margin: 0 18px 0 0; } /* Address Book*/ .my-account .title-buttons { margin-bottom: 28px; } .addresses-list h3 { font-size: 1.2em; } .addresses-list h3 a { font-size: 91.666%; } .addresses-list address { font-size: 1.1em; line-height: 1.4; } .customer-address-form .control p { margin: 18px 0 0 0; } .customer-address-form .control + .control p { margin: 0; } .customer-address-index .page-title .button { float: right; position: relative; top: -50px; } /* My Orders */ .my-account .title-buttons a { font-size: 130%; text-transform: uppercase; font-family: "ProximaNovaBold", sans-serif; margin-right: 6px; } .my-account .title-buttons a.button { font-family: "ProximaNovaRegular", sans-serif; } .my-account .title-buttons .separator { margin-right: 6px; } .order-info dt { font-size: 1.6em; font-family: "ProximaNovaBold", sans-serif; text-transform: uppercase; } .order-info-box h2 { margin-bottom: 4px; } .my-account .order-date { position: absolute; right: 28px; top: 28px; } .sales-order-history .my-account .pager select { display: inline-block; } .order-items .order-links .link-print { text-transform: uppercase; letter-spacing: 1px; font-size: 86.444%; font-family: "ProximaNovaBold", sans-serif; float: right; } #my-shipment-table-2 { margin-bottom: 20px; } #my-downloadable-products-table td.last a { padding: 0 0 0 20px; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/downloads-folder.png) no-repeat 0 0; } /* tabs */ #order-info-tabs { border-bottom: 1px solid #ccc; padding: 0 4px; overflow: hidden; margin: 10px 0 6px 0; } #order-info-tabs li { float: left; margin: 0 4px 0 0; padding: 6px 12px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc; background: #e6e6e6; } #order-info-tabs li:hover, #order-info-tabs li.current { background: #666; color: #fff; } #order-info-tabs li a { text-decoration: none; } #order-info-tabs li:hover a, #order-info-tabs li.current a { color: #fff; } .order-about dt, .order-about dd { float: left; } .order-about dt { margin-right: 20px; color: #828282; } .order-comments { overflow: hidden; margin: 0 0 20px 0; } /* Newsletter Pref */ .main .prefLink { margin: 24px 0; clear: left; float: left; } /* RMA */ #rma_create_form .order-page label.noPad { padding: 0; margin-top: -3px; } #rma_create_form .order-page .form-list h5 { float: left; } .remaining_quantity_block label { padding: 0 0 10px 0; } #rma_create_form .form-list .shortInput input.input-text { margin-bottom: 6px; } #my-returns-table { margin: 0 0 20px 0; } #my-returns-items-table { margin: 0 0 28px 0; } .rmaView .wrapper { margin: 0; min-height: 0; position: relative; width: auto; } .enterprise-rma-return-view .note-list { margin: 20px 0; } .enterprise-rma-return-returns .pager { padding-top: 0; } .enterprise-rma-return-returns #my-returns-table { margin-bottom: 6px; } /* Downloadable products */ #my-downloadable-products-table th { background-color: #efefef; padding: 6px; } /* Guest Account Page ---------------------------------------------------- */ .guest-account-login .buttons-set button { float: left; } /* Cart Page ---------------------------------------------------- */ .cart ul, .cart ol { list-style: none; } .checkout-onepage-index .col-main, .customer-account-login .col-main { padding: 0; width: 996px; margin: 16px 0 0; } .opc-coupon-giftcard { margin-top: 20px; padding-top: 20px; border-top: 1px solid #fff; } .checkout-onepage-index #voucher-forms-result { margin: 10px 0; } .checkout-onepage-index #voucher-forms-result .opc-response-success { color: green; background: #e6ffe6; padding: 5px; border-radius: 1px; border: 1px solid green; } .checkout-onepage-index #voucher-forms-result .opc-response-error { color: red; background: #fff2ed; padding: 5px; border-radius: 1px; border: 1px solid red; } .checkout-onepage-index .opc-discount-block { position: relative; } .checkout-onepage-index .opc-discount-block.giftcard { margin-top: 10px; } .opc-coupon-giftcard #voucher-forms label { width: 100%; } .checkout-onepage-index .opc-discount-block #coupon_code, .checkout-onepage-index .opc-discount-block #giftcard_code { width: 145px; float: left; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-top: 3px; padding-bottom: 4px; margin: 0; } .checkout-onepage-index .opc .opc-discount-block .validation-advice { position: absolute; top: 50px; } /* Messages */ .checkout-cart-index .col-main .messages, .checkout-cart-index .col-main .messages li.error-msg, .checkout-cart-index .col-main .messages li.success-msg, .checkout-cart-index .col-main .messages li.note-msg, .checkout-cart-index .col-main .messages li.notice-msg { margin: 0; } .checkout-cart-index .col-main .messages { display: inline-block; min-height: 40px; float: left; } .checkout-cart-index .col-main .cart-empty .messages { margin: 0 0 12px 0; } /* Gift Wrapping */ #giftWrapping { float: left; font-size: 1.1em; } .giftwrapButton button { float: left; } .giftwrapButton a { clear: left; float: left; } .giftwrapButton button span span span { display: inline; background: none; padding: 0; } /* Stock Notice */ .product-main-info .availability, .options-container-big .availability { font-size: 1.6em; } .product-main-info .out-of-stock span, .options-container-big .out-of-stock span { color: #e70000; } /* Title Section */ p.onestepcheckout-description { font-size: 12px; font-weight: bold; margin: 3px 0; } .title-block { background: #fff url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/grey_diag_stripes.png) repeat 0 0; padding: 20px; margin-bottom: 1.5em; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 4px white; -moz-box-shadow: inset 0 0 0 4px white; box-shadow: inset 0 0 0 4px white; overflow: hidden; } .firstBlock { float: left; width: 410px; } .firstBlock h1 { margin-bottom: 12px; } .logos { float: right; padding: 0 0 0 20px; } .title-block .base-links { clear: none; float: right; margin: 10px 0 0 0; } .title-block .base-links li { margin: 0 0 6px 30px; } .title-block .base-links li:first-child { margin-left: 0; } .title-block .warner-logo { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/warner-logo.png) no-repeat 0 0; width: 149px; height: 29px; overflow: hidden; display: block; text-indent: -999em; float: right; margin: 5px 6px 0 0; } /* One Page Checkout --------------------------------------------------------------- */ /* Global checkout styles */ #checkout-step-login .buttons-set { margin: 0; } .please-wait { padding: 6px 20px 0 0; float: right; } .giftcard-preview .btn-continue { opacity: 0.2; } .giftcard-preview .btn-continue:hover { opacity: 1; } #giftcard-preview-lightbox { max-width: 95%; } #giftcard-preview-lightbox .please-wait { display: block; float: none; text-align: center; margin-top: 80px; } #giftcard-preview-lightbox a { color: #888; } #giftcard-preview-content { max-height: 500px; overflow: scroll; } #mobLogin { display: none; } /* Stage widths */ #checkout-step-login { padding-left: 24px; width: 712px; } .loggedin #checkout-step-billing { padding-right: 50px; width: 638px; } .loggedin #checkout-step-shipping { padding-right: 50px; width: 638px; } #checkout-step-shipping_method { padding-right: 50px; width: 638px; } #checkout-step-payment { padding-right: 50px; width: 638px; } #checkout-step-review { padding-left: 20px; width: 714px; } .table { display: table; } .table-cell { display: table-cell; vertical-align: middle; } /* Billing & Shipping */ .form-list .customer-dob label { width: 16px; } .form-list .customer-dob input { width: 34px; float: right; } .form-list .customer-dob .dob-year label { width: 36px; margin: 0; } .form-list .customer-dob .dob-year input { width: 50px; } .customer-dob { position: relative; } .dob-year, .dob-day, .dob-month { float: left; display: block; margin: 0 10px 0 0; width: 62px; } .dob-year { width: 94px; margin: 0; } .form-list .customer-dob.validation-error { padding-right: 18px; } .form-list .customer-dob .validation-advice { left: 240px; position: absolute; width: 230px; } .loggedin .addressLabel { width: 500px; } .loggedin .addressSelect { clear: left; margin: 10px 0; } .loggedin .addressSelect select, .loggedin .addressSelect .sbHolder { width: 390px; } .loggedin .addressSelect .sbSelector { width: 370px; } .loggedin .addressSelect .sbOptions { width: 411px; } #billing-new-address-form { margin: 0 0 20px 0; } /* Shipping methods */ .truncate-address-message { position: relative; margin-bottom: 20px; padding: 5px 0 5px 50px; background-color: #ffbd69; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .truncate-address-message:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 189, 105, 0); border-left-color: #ffbd69; border-width: 15px; margin-top: -15px; } .sp-methods { margin: 0 0 20px 0; float: left; } .sp-methods li li { margin: 0; } .sp-methods input[type="radio"] { margin: 0 10px 0 0; } #checkout-step-shipping_method .sp-methods dt { font-size: 153.79%; margin: 0 0 10px 0; } #checkout-step-shipping_method .sp-methods dd { font-size: 110%; margin: 0 0 6px 0; } .add-gift-message { clear: left; } .add-gift-message h3 { font-size: 1.4em; } .gift-options-for-order { margin-bottom: 15px; } #giftcard_code { float: left; margin: 0; width: 250px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; font-size: 13px; padding: 5px 7px 4px; min-height: 1.66em; } #giftcard_code, x:-moz-any-link { padding: 5px 7px; } .giftcard { margin-top: 15px; } .giftcard .apply { float: left; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 7px 14px 4px; position: absolute; } .giftcard .check-gc-status { margin-top: 10px; } /* Payment Methods */ #payment_form_payone_creditcard { margin-top: 20px; } #co-payment-form .sp-methods { width: 100%; } #co-payment-form .sp-methods .styled-select .advice-required-entry-payone_creditcard_cc_type_select { left: 360px; } #checkout-step-payment .sp-methods dt label { font-size: 120%; } .cvv-what-is-this { clear: both; display: block; } #iframe_form { float: left; } #iframe_form ul { background-color: inherit; margin: 18px 0 0 0; } #iframe_form ul li { font-size: 1.3em; } #iframe_form ul li li { font-size: 1em; } #iframe_form .v-fix { float: left; margin: 0 9px 0 0; } #iframe_form input[type="text"], #iframe_form input.input-text { width: 317px; } #iframe_form .styled-select { width: 331px; } .Chrome #iframe_form .styled-select, .Safari #iframe_form .styled-select { width: 311px; } #iframe_form .v-fix select { width: 89px; } #iframe_form .v-fix .styled-select { width: 160px; } .Chrome #iframe_form .v-fix .styled-select, .Safari #iframe_form .v-fix .styled-select { width: 140px; } #iframe_form .styled-select select { width: 150%; } #iframe_form .form-list label { width: 160px; } #iframe_form .validation-advice { width: 200px; } #iframe_form .cvvLi .validation-advice { position: absolute; top: 12px; left: 264px; } #iframe_form #payone_cc_cc_cid { width: 70px; margin: 0 6px 0 0; } #payment-tool-tip { left: 124px; position: absolute; top: -177px; } .cvv-wrap { position: relative; float: left; } .cvv-what-is-this { text-decoration: underline; padding: 6px 0 0 0; } #payment-tool-tip-close { position: absolute; top: 0; right: 0; } /* Success Downloads */ .download-info { clear: both; margin: 30px 0 20px; float: left; width: 100%; } .download-info hr { position: relative; margin: 20px auto; border: 0; background: #ccc; height: 2px; overflow: hidden; width: 30%; } .download-info hr:before { position: absolute; top: 0; left: 0; content: ""; border: 0; background: #fff; height: 1px; overflow: hidden; width: 100%; } .download-info .data-table { -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .download-info .data-table th { padding: 5px 12px 6px 6px; background: rgba(209, 209, 209, 0.2); text-align: left; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .download-info .data-table td { padding: 5px 12px 6px 6px; } /* Checkout Progress (Right Column) Block */ .opc-progress-container { float: right; margin: 0 0 20px; width: 230px; background: #fff; } .opc-progress-container .block-title { padding: 6px 0; margin: 0 0 12px 0; background: none; border-width: 0 0 1px; border-style: solid; border-color: #686868; text-transform: uppercase; font-size: 1.6em; line-height: 1.5; text-align: center; } .opc-progress-container .block-title strong { font-weight: normal; display: block; font-size: 0.9em; padding: 0 6px; } .opc-progress-container .opc-block-progress .block-content { padding: 0; } .opc-progress-container .opc-block-progress dl { padding: 0; } .opc-progress-container .opc-block-progress dt { padding: 5px 4px 3px 8px; color: #242424; text-transform: uppercase; background-color: #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 5px 4px; opacity: 0.5; } .opc-progress-container .opc-block-progress dt.complete { font-size: 1.1em; padding: 5px 3px 3px 6px; margin: 2px 5px 4px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; font-weight: normal; border-bottom: 1px solid #ccc; opacity: 1; } .opc-progress-container .opc-block-progress dt.complete span { font-weight: normal; } .opc-progress-container .opc-block-progress dt.complete a { font-weight: normal; float: right; font-size: 70%; padding-top: 1px; background-color: #fefefe; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 0 0 #bbb; -moz-box-shadow: 1px 1px 0 0 #bbb; -webkit-box-shadow: 1px 1px 0 0 #bbb; float: right; font-size: 70%; font-weight: normal; padding: 2px 4px 1px; text-decoration: none; } .safari .opc-progress-container .opc-block-progress dt.complete a { width: 20px; overflow: hidden; } .opc-progress-container .opc-block-progress dd.complete { margin: 5px 0 8px; padding: 5px; } .opc-progress-container .block-progress .cards-list dd { padding: 0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight: normal; } .opc-progress-container .opc-block-progress dt .separator { display: none; } /* Right Col Basket Summary */ .opc-progress-container .block-cart { margin: 20px 0 0 0; } .opc-progress-container .summary { padding: 0 10px; } .opc-progress-container .summary .subtotal .price { font-weight: bold; } /* Mini Products List */ .opc-progress-container .mini-products-list { list-style: none; border-top: 1px solid #ddd; max-height: 240px; overflow-y: auto; margin: 0; } .opc-progress-container .mini-products-list li { background-color: #fff; } .opc-progress-container .mini-products-list .product-name { padding: 0 8px 0 0; width: 120px; float: left; } .opc-progress-container .product-details table { float: left; width: 90px; margin: 0; } .opc-progress-container .mini-products-list th, .opc-progress-container .mini-products-list td { font-size: 1em; padding: 0; text-align: left; } .opc-progress-container .mini-products-list th { width: 40px; color: #666666; font-weight: normal; } .opc-progress-container .mini-products-list li { background: #ededed; color: #222; border-bottom: 1px solid #ddd; overflow: hidden; padding: 6px; } .opc-progress-container .mini-products-list li:nth-child(2n + 2) { background: #f5f5f5; } .opc-progress-container .mini-products-list .item-options p { display: none; } .opc-progress-container .mini-products-list .product-details dt, .opc-progress-container .mini-products-list .product-details dd { font-size: 0.9em; } .opc-progress-container .mini-products-list .product-details dt { clear: left; float: left; margin: 0 6px 0 0; } .opc-progress-container .mini-products-list .product-details dd { float: left; margin: 0 0 1px 0; } #backToShop { display: none; } /* SUCCESS PAGE ---------------------------------------------- */ .checkout-onepage-success .buttons-set { margin: 0 0 20px 0; } .checkout-onepage-success .buttons-set button { float: left; } /* 404 ---------------------------------------------- */ .cms-no-route .col3-set * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .cms-no-route .page-head-alt { background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/invader1.png) no-repeat 0 10px; } .cms-no-route .page-head-alt h3 { text-align: center; font-size: 4em; background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/invader2.png) no-repeat 100% 10px; width: 100%; padding: 20px 200px; } .cms-no-route .col3-set { margin: 0 40px 60px; padding: 10px; } .cms-no-route .col-1, .cms-no-route .col-2, .cms-no-route .col-3 { background-color: #eee; border-radius: 9px; border: 2px solid #fff; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1), inset 0 0 10px 5px rgba(0, 0, 0, 0.1); padding: 30px; min-height: 280px; } .cms-no-route .col-2 { background: #efefef url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/home_sign.png) no-repeat 0 100%; padding-bottom: 128px; } .cms-no-route .col3-set li { list-style: none; padding: 0 0 5px 12px; position: relative; font-size: 1.5em; } .cms-no-route .col3-set li:before { content: "*"; position: absolute; top: 1px; left: 0; color: #699465; font-size: 130%; } .cms-no-route .col3-set li:nth-child(2n + 1):before { color: #955f5f; } /* FAQ ---------------------------------------------- */ .mw_field { margin: 0 0 20px 10px; } .mw_submit .box_bt { margin-top: 10px; } .cms-faqs h3 { font-size: 3em; margin: 0 0 30px 0; text-align: center; } .mw_faq { clear: both; margin: 0 0 30px; color: #737373; } .mw_faq > div { border: 1px solid #ebebeb; margin: 0 0 6px; border-radius: 4px; } .mw_faq > div:hover { background: #f7f7f7; cursor: pointer; } .mw_faq .mw_description { border: none; } .mw_faq_name { color: #1e7ec8; font-size: 2.2em; font-weight: normal; } .mw_faq h5 { font-size: 1.4em; margin: 0; } .mw_question { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/faq/bg-question.png) no-repeat 7px 50%; padding: 9px 0 9px 28px; } .mw_question a { text-decoration: none; color: #737373; } .mw_question a:hover { text-decoration: none; color: #2b85ca; } h5.mw_question_a_selected { background: #f7f7f7 url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/faq/bg-answer.png) no-repeat 7px 50%; font-weight: bold; } .mw_question_a_selected a { color: #0a263c; } .mw_answer { background: #fafafa; padding: 18px 9px 4px; border-top: 1px solid #eee; } /* Foreign langage */ .fr_FR #chkOutBtn a { padding: 7px 9px; } .fr_FR .payment-options { margin: 0 auto 10px; float: none; width: 90px; } .de_DE #myAccountLink a { padding: 8px 18px 6px 6px; } .de_DE .my-account p.required { display: none; } /* Review Summary */ .reviews { clear: both; width: 100%; } .reviewSummary { margin: 0 0 18px; } .reviewContent { float: left; width: 100%; } p.no-rating { margin: 0 0 40px; } .no-rating a { padding: 3px 9px; background: #ccc; border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; color: #000; } .no-rating a:hover { background: #666; color: #eee; text-decoration: none; } #product-reviews-list { clear: both; height: 240px; margin-bottom: 18px; overflow: auto; padding-right: 50px; } #product-reviews-list dt a { margin: 0 10px 0 0; } /* Review form page */ .review-product-list .product-img-box, .review-product-list .product-main-info, .review-product-list .addthis_toolbox, .review-product-list .reviews, .review-product-list #base-links-wrap, .review-product-list #product-reviews-list, .review-product-list .box-reviews > .box-title, .review-product-list .product-collateral { display: none; } #customer-reviews .pager { border-bottom: 1px solid #eee; padding: 12px 0 6px 0; width: 100%; margin: 0 0 12px 0; } #customer-reviews .box-title { clear: both; overflow: hidden; } #customer-reviews h2 { font-size: 1.9em; } #customer-reviews .product-name { text-align: left; text-transform: capitalize; font-size: 1.9em; margin: 12px 0; } /* Review form question */ #customer-reviews .box-content ul:first-of-type label { width: 196px; font-size: 120%; margin: 0 0 10px; } #customer-reviews .box-content ul:first-of-type em { display: none; } /* Review form inputs */ #customer-reviews form label { width: 160px; } #customer-reviews input[type="text"], #customer-reviews textarea { width: 300px; } #customer-reviews .validation-advice { padding: 3px 0 0 0; clear: left; position: relative; top: -15px; width: auto; } #customer-reviews .validation-error, #customer-reviews .validation-error input { border: none; box-shadow: none; background: none; } /* Review summary */ #product-reviews-list { height: auto; max-height: 200px; } /* Review summary / title */ #product-reviews-list dt { font-size: 1.2em; margin: 0 0 10px; font-weight: normal; color: #888; } #product-reviews-list dt span { font-size: 110%; color: #222; padding: 0 20px 0 0; } /* Review summary content and ratings */ #product-reviews-list dd { border-bottom: 1px solid #ccc; padding: 0; margin: 0 0 18px 0; font-size: 1em; float: none; } #product-reviews-list dd.last { border-color: #000; } #product-reviews-list dd p { font-size: 1.2em; color: #555; } #product-reviews-list dd p.date { font-size: 0.9em; color: #000; margin-bottom: 9px; } .rating-box { width: 65px; height: 13px; font-size: 0; line-height: 0; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/ratings/bkg_rating.gif) 0 100% repeat-x; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/ratings/bkg_rating.gif) 0 0 repeat-x; } .ratings { margin: 5px 0; } .ratings .rating-box { float: left; margin-right: 5px; } .ratings .amount { font-size: 12px; } .ratings .rating-links { margin: 0; } .ratings .rating-links a { text-decoration: underline; } .ratings .rating-links .separator { margin: 0 3px; } /* Review summary ratings - prod view page */ .reviewContent .review-summary-table .label { font-size: 1.2em; width: 110px; } /* Review summary ratings */ table.review-summary-table { margin: 0 0 10px 0; } .review-summary-table th { /* stars */ text-align: left; width: 80px; padding: 0; } .review-summary-table td { text-align: center; } .review-summary-table td:first-child { text-align: left; } .review-summary-table .label { font-size: 1em; width: 140px; } .bank-statement { float: left; font-size: 0.8em; margin-top: 10px; } /* Mobile */ .mobile-only { display: none !important; } .desktop-only { display: block; } .price-box-bundle .price-box .price-from, .price-box-bundle .price-box .price-to { text-align: left; } /** Widgets **/ #promo-widget .coupon-row-wrapper { clear: both; } #promo-widget .coupon-row-wrapper.coupon-entry-1 .btn-remove { display: none; } #promo-widget.promo-single .coupon-row-wrapper { clear: none; float: left; position: relative; margin-bottom: 10px; } #promo-widget .buttons-set, #promo-widget .buttons-set > button { float: left; } #promo-widget .buttons-set > button { margin-left: 10px; } #promo-widget .buttons-set > button:first-child { margin-left: 0; } #promo-widget.promo-single .buttons-set { clear: none; float: left; margin: auto; width: auto; margin-left: 10px; } #promo-widget.promo-single .validation-advice, #coupon-ajax-content .validation-advice { position: absolute; left: 0; margin: 0; top: 25px; padding: 10px 0; } #coupon-ajax-content .validation-advice { left: auto; top: 20px; } #coupon-ajax-content .message-success { border: 1px solid #446423; padding: 10px; background-color: #eff5ea; color: #3d6611; font-size: 12px; margin-bottom: 20px; } #coupon-ajax-content .message-error { border: 1px solid #e9581f; padding: 10px; background-color: #fff5f3; color: #d91a00; font-size: 12px; margin-bottom: 20px; } #coupon-ajax-content .cpn-ajax-form-loading-overlay { position: absolute; z-index: 9999; width: 100%; min-height: 200px; height: 100%; top: 0; background: #000; opacity: 0.1; left: 0; text-align: center; display: flex; justify-content: center; flex-direction: column; } #coupon-ajax-content .cpn-ajax-form-loading-overlay > img { width: 100px; margin: 0 auto; } #coupon-ajax-content .cart.col-1 { margin-right: 10px; border-right: 1px dotted #333; padding-right: 10px; } #coupon-ajax-content .form-list .field { margin-bottom: 5px; } #coupon-ajax-content #promo-widget-place-order { margin: 0 auto; display: block; } #coupon-ajax-content .cart-table .price { display: none; } .order-items .download-link { text-decoration: underline; } .order-items .download-link:hover { text-decoration: none; } .dialog-box.lightbox-add-to-cart { width: auto; } .dialog-box.lightbox-add-to-cart .actions { position: absolute; top: 80%; width: 100%; z-index: 999; text-align: center; } .dialog-box.lightbox-add-to-cart .actions .btn-cart { margin: 0; clear: both; } .dialog-box.lightbox-add-to-cart .actions .close-btn { display: inline-block; width: 100%; position: relative; margin-top: 20px; } .megastore-only { display: none !important; } .artist-name { font-size: 12px; font-weight: bold; margin-bottom: 10px; } .customerorders-order-view .page-title { border-bottom: 0; margin-bottom: 10px; } .customerorders-order-view h2 { border-bottom: 2px solid #ccc; opacity: 0.7; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } #my-orders-table td, #my-orders-table th { padding-left: 5px; border: 1px dotted #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; } #my-orders-table th { border-top: none; border-left: none; border-right: none; text-align: left; border-bottom: 1px solid #eee; font-size: 13px; opacity: 0.5; } #my-orders-table tr:hover td { background-color: #fcfcfc; } #my-orders-table td { font-size: 12px; } #my-orders-table.order-items tbody td:nth-child(2), #my-orders-table.order-items tbody td:nth-child(3) { opacity: 0.6; } #my-orders-table.order-items tbody td:nth-child(4) { opacity: 0.8; } #my-orders-table.order-items tr:nth-child(n + 2) td { border-bottom: none; border-top: none; } #my-orders-table tr:nth-child(2) td, #my-orders-table.all-orders tr td { padding-top: 10px; } #my-orders-table td .product-name { font-size: 13px; font-weight: bold; } #my-orders-table .redeemable-code, .order-redeemable-codes { font-size: 1.1em; padding: 3px 5px; border-radius: 5px; } .order-redeemable-codes { font-size: 1.2em; float: right; padding: 10px 30px; text-align: center; margin-bottom: 20px; box-sizing: border-box; opacity: 0.8; background: lightgoldenrodyellow; } .my-account .order-redeemable-codes { float: none; margin-top: 10px; } .order-redeemable-codes:hover { opacity: 1; } .order-redeemable-codes > .block-title { font-size: 1.3em; opacity: 0.5; } .order-redeemable-codes > .block-content { list-style: none; margin-bottom: 0; } .order-redeemable-codes .coupon-item { font-weight: bold; font-size: 1.4em; } #my-orders-table .redeemable-code .code { font-weight: bold; margin-left: 5px; opacity: 0.9; transition: opacity 0.2s ease-out; } #my-orders-table .redeemable-code:hover .code { opacity: 1; } #my-orders-table tfoot td, #my-orders-table tfoot tr:hover td { background-color: #eee; } #my-orders-table tfoot tr:first-child td { padding-top: 10px; border-top: 1px dotted #eee; } #my-orders-table .item-options { font-size: 11px; } #my-orders-table .item-options dt { float: left; margin-right: 5px; font-weight: bold; padding-left: 5px; } #my-orders-table .item-options dt::after { content: ":"; } #my-orders-table tbody tr:first-child td { padding-top: 10px; } #my-orders-table .option-label { padding-left: 5px; opacity: 0.8; } #my-orders-table .option-value { padding-left: 10px; opacity: 0.6; } .shipment-status { font-size: 16px; font-weight: bold; } .order-items .shipping_method td { font-style: italic; } #my-orders-table .popup-link > span { float: left; } .order-page .order-date { margin-bottom: 10px; } .order-page .popup-link.print-order, #my-orders-table .download-link { -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 3px 5px; background-color: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 11px; } .order-page .popup-link.print-order:hover, #my-orders-table .download-link:hover { background-color: #999; color: #000; } #my-orders-table .download-link { margin-left: 5px; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #my-orders-table .download-link.bundle-item { margin-left: 10px; } #my-orders-table th:nth-child(4), #my-orders-table td:nth-child(4) { border-right:none; } #my-orders-table td { border-bottom:1px; } .sales-order-view .order-details #my-orders-table tfoot tr td, .sales-order-view .order-details #my-orders-table tfoot tr th { display: table-cell; } .popup-icon { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/popup.svg") no-repeat scroll 95% center transparent; width: 10px; height: 8px; opacity: 0.6; display: inline-block; position: relative; top: -2px; } .popup-icon.small { height: 7px; } .popup-icon.big { height: 10px; width: 13px; } #my-orders-table .popup-link:hover .popup-icon { opacity: 1; } .payment-method-content th { text-align: left; } .registered-users .guests-link { margin-left: 10px; padding-left: 13px; border-left: 1px dotted #666; } #page .main .registered-users .guests-link { text-decoration: underline; } #page .main .registered-users .guests-link:hover { text-decoration: none; } .registered-users .guests-link:hover { color: #000; } #co-billing-form, #co-shipping-form, #co-payment-form { position: relative; } #opc-deliveryandpayment .form-disable-overlay { position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; z-index: 99; opacity: 0.1; } .contacts-links-wrapper { padding: 5px; margin-bottom: 10px; background-color: #eefff6; clear: both; } .contacts-links-wrapper > .block-title { margin-bottom: 5px; border-bottom: 1px solid #c9eddf; font-weight: bold; font-size: 12px; } .contacts-links-wrapper .content > a { display: block; clear: both; padding-left: 5px; } .wmgcms-countdown { color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 20px; } .wmgcms-countdown h3 { font-weight: 100; font-size: 30px; margin: 20px 0 15px; } .wmgcms-countdown > div > div { padding: 10px; border-radius: 3px; background: #666; display: inline-block; } .wmgcms-countdown div > div > span { padding: 15px; border-radius: 3px; background: #333; display: inline-block; } .wmgcms-countdown .smalltext { padding-top: 5px; font-size: 14px; } .spotify-play-button > iframe { max-width: 100%; } .storelocator-toolbar { clear: both; display: block; overflow: hidden; padding: 20px 0; } .storelocator-toolbar .searchproduct { float: left; margin-right: 20px; } .storelocator-toolbar .searchnear { float: left; clear: right; margin-right: 20px; } .storelocator-toolbar .searchdistance { float: left; clear: both; margin-top: 10px; width: 100%; display: none; } .storelocator-toolbar .searchdistance label { float: left; } .storelocator-toolbar .form-buttons button { padding: 2px 15px; } .storelocator-content .customer-info { font-size: 14px; padding: 10px; font-weight: normal; border: 1px solid #efefef; opacity: 0.8; font-style: italic; } .storelocator-content .customer-info:hover { opacity: 1; } .storelocator-left-sidebar { padding: 10px 0 0 10px; } .storelocator-left-sidebar .location-result { list-style-type: none; font-size: 12px; } .storelocator-left-sidebar .location-result .title { font-size: 14px; margin-bottom: 10px; } .storelocator-left-sidebar .location-result .icon { margin-right: 10px; float: left; } .storelocator-left-sidebar .location-result > .location { font-size: 11px; padding: 5px 5px 15px; margin-bottom: 5px; border-bottom: 1px dotted #eee; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -ms-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .storelocator-left-sidebar .location-result > .location:last-child { border: none; margin-bottom: 0; } .storelocator-left-sidebar .location-result > .location:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); cursor: pointer; } .storelocator-left-sidebar .location-result > .location a { text-decoration: underline; } .storelocator-left-sidebar .location-result > .location a:hover { cursor: pointer; text-decoration: none; } .storelocator-content .map-wrapper { width: 100%; height: 500px; float: none; } .product-details .store-locator-count-wrapper { padding: 5px; font-size: 12px; margin-bottom: 20px; border: 1px dotted #efefef; } .oos-config-dialog .show-terms { padding: 0 40px 20px; font-size: 12px; } .instagram-slider { -moz-perspective: 500px; -webkit-perspective: 500px; perspective: 500px; position: relative; height: 407px; width: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .instagram-slider ul { list-style: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -moz-transform: rotateX(0deg) rotateY(5deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateY(5deg) rotateZ(0deg); -webkit-transform: rotateX(0deg) rotateY(5deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(5deg) rotateZ(0deg); } .instagram-slider ul li { position: absolute; width: 371px; height: 351px; left: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .instagram-slider img { width: 100%; height: 100%; } .checkout-error-popup-wrapper { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .checkout-error-popup-content { position: relative; width: 80%; margin: 0 auto; top: 30%; padding: 50px; border: 20px solid rgba(0, 0, 0, 0.8); background-color: white; text-align: center; font-size: 14px; } .fanclub-subscription-message { width: 100%; padding: 20px; margin-bottom: 20px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; font-size: 13px; background-color: rgba(158, 153, 92, 0.11); } .fanclub-subscription-message a:hover { text-decoration: none; } .fanclub-subscription-message.fanclub-subscription-purchase-error { background-color: rgba(158, 53, 53, 0.11); } :root { --theme-font-body: 'Helvetica LT W01 Roman', sans-serif; --theme-font-bold: 'Helvetica LT W01 Bold', sans-serif; --theme-font-light: 'Helvetica LT W01 Light', sans-serif; --theme-font-neue: 'Helvetica Neue LT W01_77 Bd Cn', sans-serif; --theme-color-black: #000; } html, input, select, textarea { color: var(--theme-color-black); } body { font-family: var(--theme-font-body); font-size: 12px; color: var(--theme-color-black); } a { color: var(--theme-color-black); text-decoration: underline; } a:hover, a:focus { color: #c08800; text-decoration: none; } .nav-container { background: transparent; border-bottom: medium none; margin-top: 60px; } /* Logo ------------------------------------------------------ */ #logo a, #logo span { height: 40px; width: 325px; background: transparent url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/bm_name_logo_wide_charcoal.png') no-repeat center right; margin: 0 auto; background-size: 325px; } .replace { /* transparent png logo */ overflow: hidden; text-indent: -999em; } /* Back to site link */ #back2site a { background-color: #ececec; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: var(--theme-color-black); } /* Mini Cart and Search ------------------------------------------------------ */ .quick-access { background: #ececec; } .quick-access, .quick-access a { color: #222; } /* Top Navigation Links ------------------------------------------------- */ nav li a { color: var(--theme-color-black); text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 3px 13px 13px; } #nav li ul li a { font-size: 10px; } #nav ul li a:hover, #nav ul li.over a.over, #nav ul li.active > a, nav li a:hover, nav li a:focus, nav li.active a { color: #c08800; } .home-nav { display: none; } /* Home page ------------------------------------------------------ */ body.usstore .collateral-tabs .tab-container { display: block !important; visibility: visible; margin-bottom: 20px; } .widget-banner-inline li img { width: 100%; } .write-review.popup .wrapper1 { overflow: scroll; } .product-details .product-collateral { height: auto !important; } ul.firstMenu { text-align: center; position: absolute; top: 115px; left: 50%; transform: translateX(-50%); width: 100%; } ul.firstMenu li.menu-link { display: inline-block; vertical-align: middle; margin-right: 30px; } ul.firstMenu li.menu-link:last-child { margin-right: 0; } ul.firstMenu li.menu-link a { text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold; } .usstore #search_mini_form input#search { letter-spacing: 0; background: none; text-transform: capitalize; font-weight: normal; padding-bottom: 0; padding-left: 0; } :focus { outline-color: transparent; } /* Footer */ .usstore .footer-inner { text-align: center; padding: 0; } .usstore footer .newsletter-form.standard { text-align: center; display: none; } .usstore footer .block.last { width: 30%; } .usstore #footer_social_links { width: 100%; } .usstore .footer-container #footer_social_links li { float: none; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; } .usstore .footer-container #footer_social_links li a { display: inline-block; height: 15px; width: 15px; float: none; text-decoration: none; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/footer-socials.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .usstore #footer_social_links li.facebook a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/facebook.svg') no-repeat; background-size: 100% 100%; } .usstore #footer_social_links li.twitter a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/twitter.svg') no-repeat 0 0; background-size: 100% 100%; } .usstore #footer_social_links li.instagram a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/instagram.svg') no-repeat 0 0; background-size: 100% 100%; } .usstore #footer_social_links li.youtube a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/youtube.svg') no-repeat 0 0; background-size: 100% 100%; } .usstore #footer_social_links li.spotify a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/spotify.svg') no-repeat 0 0; background-size: 100% 100%; } .usstore #footer_social_links li.apple-music a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/appleinc.svg') no-repeat 0 0; background-size: 100% 100%; } .usstore #footer_social_links li.soundcloud a { background: url('https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/soundcloud.svg') no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; } .usstore .footer-copyright br { display: none; } .usstore #footer_social_links li.twitter a:hover, .usstore #footer_social_links li.facebook a:hover, .usstore #footer_social_links li.instagram a:hover, .usstore #footer_social_links li.youtube a:hover { background-position: 0 0; } .toolbar { border-bottom: 1px solid #666; display: none; } .usstore .footer-copyright span, .usstore .footer-copyright a { display: inline-block; vertical-align: middle; text-transform: uppercase; text-decoration: none; } /* Product Grid Row Title */ .hpc h2 { border-bottom: 3px solid #000000; } .hpc h2 span { background-color: var(--theme-color-black); color: #FFFFFF; } /* Product Grid Buttons */ .hpc a.button { background-color: #666; color: #FFFFFF; border: 0; } /* Product Grid ------------------------------------------------------ */ .products-grid .item:hover, .products-grid .item:focus { background-color: transparent; } ul.products-grid.last { margin: 0; } ul.products-grid.last li.item { margin-bottom: 0; } .usstore .copyright-bar { margin-bottom: 0; padding-bottom: 27px; padding-top: 6px; } .usstore .copyrightlinks a, .usstore .copyright a { text-transform: uppercase; font-size: 12px; font-style: normal; color: var(--theme-color-black); display: inline-block; font-family: var(--theme-font-light); text-decoration: none; } .usstore .copyrightlinks a:hover, .usstore .copyright a:hover { color: #c08800; } #toaster-bar.dialog-bar { background: #ccc; border: none; padding: 5px 5px 5px 5px; } .usstore #checkout-onepage-summary-cart.fixed, .usstore #checkout-onepage-summary-cart { position: static; } .usstore .form-subscribe-header > label { color: #FFf; font-size: 22px; font-family: var(--theme-font-bold); } .dialog-bar .summary { text-align: center; width: auto; } .dialog-bar .summary .toaster-btn, .dialog-bar .summary .title { float: none; display: inline-block; vertical-align: middle; } .oos-config-dialog .validation-advice { left: 0; top: -16px; width: 100%; text-align: center; padding-left: 0; } .oos-config-dialog .show-terms { padding-top: 5px; } button, .btn-black, .dialog-bar .summary .toaster-btn { font-family: var(--theme-font-bold); background: #FFF; border: 1px solid #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: var(--theme-color-black); border-radius: 0; font-size: 12px; } .checkout-login button { color: var(--theme-color-black); background: #ccc; border-color: #CCC; } .checkout-login button:hover { color: var(--theme-color-black); background: #ccc; border-color: #CCC; opacity: 1; } .wrapper > .arbcontent { position: relative; } .dialog-bar .dialog-bar-content .close-btn { border: none; background: none; padding: 0; top: 8px; color: #FFF; } .dialog-bar .dialog-bar-content .close-btn:hover { color: #c08800; } .dialog-bar .summary .toaster-btn { margin-left: 10px; } .usstore .newsletter-form.advanced { background: #ccc; } .usstore .newsletter-form.advanced .form-subscribe button { letter-spacing: 0; } #page { min-height: calc(100vh - 310px); } #page .category-products { margin-top: 26px; } button:hover, button:focus, .btn-black:hover, .btn-black:focus, .dialog-bar .summary .toaster-btn:hover { background: #666; border: 1px solid #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #FFF; } .dialog-bar .summary .title { font-style: normal; font-size: 15px; text-transform: capitalize; color: #FFF; width: auto; text-align: center; } #nav li a span { font-style: normal; } .usstore #baseLinks #myAccountLink .last > a { font-family: var(--theme-font-light); font-style: normal; margin: 9px 0 0 20px; } #myAccountLink, #chkOutBtn { display: none; } .usstore #baseLinks #myAccountLink a, .usstore #baseLinks #chkOutBtn a, .usstore #cartHeader span { color: var(--theme-color-black); font-size: 8px; font-family: var(--theme-font-body); font-style: normal; font-weight: 400; text-transform: capitalize; } .usstore #baseLinks #myAccountLink a:hover, .usstore #baseLinks #chkOutBtn a:hover { color: #c08800; } .usstore #cartHeader:hover em.basket_icon, .usstore #cartHeader:focus em.basket_icon, .usstore em.basket_icon { background: transparent url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/cartbag.png) no-repeat scroll 0 0; margin: 0; } .usstore .headerFunctions { position: absolute; right: 0; top: 120px; } .usstore .headerFunctions #cartHeader .items span { background: none #c57e00; border-radius: 50%; } body #ajaxcart-modal-wrapper .discount .validation-advice { top: 58px; } .usstore #search_mini_form button { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/search.png) no-repeat scroll 10px 6px transparent; } #ajaxcart-modal-wrapper .box-ajax-right { float: none; top: 0; margin-top: 10px; } .qvl .qv-wishlist, .add-to-wishlist .btn-wishlist, .btn-wishlist span { color: #000000; font-family: var(--theme-font-body); font-style: normal; font-weight: 400; font-size: 12px; text-transform: lowercase; letter-spacing: 0; } .btn-wishlist span { margin-right: -1px; line-height: 15px; } .qvl .qv-wishlist:hover, .btn-wishlist:hover, .qvl .qv-wishlist:hover:before { color: var(--theme-color-black); text-decoration: none; } .product-name { color: var(--theme-color-black); } .availability.in-stock { color: var(--theme-color-black); } .catalog-product-view .no-rating a.write-review-link:hover { color: var(--theme-color-black); text-decoration: none; } .catalog-product-view .no-rating a.write-review-link, .breadcrumbs { color: var(--theme-color-black); } .styled-select { box-shadow: none; border-radius: 0; } .form-search { border-bottom: 1px solid #dcb551; } .usstore #search_mini_form input#search:focus { outline: none; } header #logo { left: auto; padding-top: 43px; float: none; top: auto; } .dialog-bar .dialog-bar-content { color: #fff; } /*Remove this - before committing*/ #page .widget-banner, .olapic .olapic-slider-widget { display: none; } /*Remove this - before committing*/ .product-view .btn-cart { color: var(--theme-color-black); border-radius: 0; background: transparent; border: 1px solid #dcb551; } .product-view .btn-cart:hover, .product-view .btn-cart:focus { color: #fff; background: #666666; box-shadow: none; } a.button { border: 1px solid #dcb551; padding: 10px 15px; color: var(--theme-color-black); background: transparent; border-radius: 0 !important; } .usstore .sidebar .block-layered-nav #narrow-by-list dt, .usstore .toolbar .sorter dt { margin: 0; } .std { letter-spacing: 0; } #cboxClose:hover { background-position: top center; } #cboxClose { border: medium none; box-shadow: none; } .usstore .quick-access { float: right; margin-top: 7px; } .usstore #search_mini_form .form-search { margin-top: 0; } .usstore #ajaxcart-modal-wrapper .page-title { background-color: var(--theme-color-black); } .usstore a#cmsmart_quickview_button { color: var(--theme-color-black); border-radius: 0; background: transparent; border: 1px solid #dcb551; } .usstore .newsletter-form.advanced .form-subscribe-header h2 { color: var(--theme-color-black); } input.input-text.required-entry.validate-email { height: 35px; background: transparent; border: none; border-bottom: 1px solid; font-size: 16px; font-family: var(--theme-font-body); font-style: normal; font-weight: 300; border-bottom: 2px #dcb551 solid; color: var(--theme-color-black); } .usstore footer .block-title, .usstore .social-title { font-size: 22px; text-transform: uppercase; display: none; margin: 0; } .usstore .newsletter-form.standard .form-subscribe-header { margin: 0 0 15px; } .usstore .newsletter-form.standard .button { font-size: 11px; margin: 3px -50px 3px -21px; min-width: auto; padding: 7px 14px; } .usstore input.input-text.required-entry.validate-email { min-width: 180px; display: inline-block; vertical-align: middle; height: 29px; } .usstore .newsletter-form.advanced { color: var(--theme-color-black); } .top-cart .actions a, .usstore .top-cart .actions button, .usstore .newsletter-form.advanced .form-subscribe button { font-size: 12px; text-decoration: none; color: #fff; background: #000; border: 1px solid #ccc; } .top-cart .actions a:hover, .usstore .top-cart .actions button:hover, .usstore .newsletter-form.advanced .form-subscribe button:hover { border: 1px solid #ccc; opacity: 0.5; color: #fff; background: #000; } .usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobDay, .usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobMonth { width: 100%; background-position: 98% center !important; } .usstore .newsletter-form.advanced .form-subscribe .v-fix input, .usstore .newsletter-form.advanced .form-subscribe .v-fix select { border: 0 solid #dcb551 !important; font-family: var(--theme-font-body); height: 38px; font-style: normal; color: var(--theme-color-black); background: none #FFF !important; } .usstore .newsletter-form.advanced .form-subscribe .v-fix select { background: url("https://css.secure.cdn2.wmgecom.com/skin/frontend/wmi/default/images/icons/sort_arrow.svg") no-repeat scroll 98% center #FFF !important; } .usstore .coupon-block #advice-required-entry-coupon_code.validation-advice, .usstore .v-fix #advice-required-entry-giftcard_code.validation-advice { top: 7px; } .usstore div#ajaxcart-modal-wrapper .v-fix #advice-required-entry-giftcard_code.validation-advice { top: 0; padding: 5px 0; } .usstore .widget.widget-banner-inline { margin-bottom: 0; } .usstore #baseLinks #myAccountLink .last > a:hover, .usstore #baseLinks #chkOutBtn a:hover { text-decoration: underline; } .col-main { padding-bottom: 0; } body #ajaxcart-modal-wrapper .cart .discount input, body #ajaxcart-modal-wrapper .giftcard input, #ajaxcart-modal-wrapper .discount input { border: 1px solid #666; box-shadow: none; font-family: var(--theme-font-body); font-style: normal; font-weight: 700; } .form-list input[type=text]:focus, .form-list input[type=password]:focus, .form-list textarea:focus, #giftcard_code { border: 1px solid #666; -webkit-box-shadow: none; box-shadow: none; outline: none; border-radius: 0; } .form-list input[type=text], .form-list input[type=password], .form-list textarea, .form-list input.input-text, #coupon_code.input-text, .customer-address-form #region_id, #country { border: 1px solid #666 !important; border-radius: 0; box-shadow: none; } .usstore .back-link a, .usstore .btn-white, .customer-account-create .account-create .buttons-set button { color: var(--theme-color-black); background: #ccc; border: 1px solid #ccc; font-family: var(--theme-font-bold); font-weight: normal; } .account-create .form-list li.control .input-box { padding: 4px 0 12px 16px; } .my-account #form-validate .form-list li.control .input-box { margin-top: 4px; } #review-form p.required, #product_sendtofriend_form p.required, .account-login p.required, .account-create p.required, .form-list label em { color: #FF0000; } .usstore .back-link a:hover, .usstore .btn-white:hover, .customer-account-create .account-create .buttons-set button:hover { font-weight: normal; opacity: 1; background: #ccc; color: var(--theme-color-black); } .write-review .form-list label { color: var(--theme-color-black); } .usstore .newsletter-form.standard .button { color: #dcb551; background: #666666; border: 1px solid #e8cc57; font-family: var(--theme-font-body); font-style: normal; font-weight: 700; } .usstore .newsletter-form.standard .button:hover { color: #ffffff; background: none; border: 1px solid #dcb551; } #ajaxcart-modal-wrapper button { background: #000; color: #fff; } /*#ajaxcart-modal-wrapper button.btn-close { color: #fff; background: transparent; }*/ .usstore #shopping-cart-table tfoot .btn-continue, .usstore #shopping-cart-table tfoot .btn-update, .checkout-page .checkout-types button, .usstore.checkout-page .deals button { color: #fff; background: #000; border: 1px solid #ccc; } .checkout-page button { background: #000; color: #fff; } .checkout-page button:hover, .usstore #shopping-cart-table tfoot .btn-continue:hover, .usstore #shopping-cart-table tfoot .btn-update:hover, .checkout-page .checkout-types button:hover, .usstore.checkout-page .deals button:hover { border: 1px solid #ccc; opacity: 0.5; color: #fff; background: #000; } .cart .cart-collaterals .discount button.button, .checkout-page .deals #giftcard-form button, .checkout-page #giftcard_code { height: 28px; } body.checkout-page header .padlock { /*background: rgba(0, 0, 0, 0) url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/padlock.png") no-repeat scroll 0 0 / 100% auto;*/ top: 1em; } .checkout-page .checkout-types button:hover, .checkout-onepage-index .checkout-login-choose button:hover, .checkout-onepage-index .opc .checkout-login-choose button:hover, .checkout-onepage-index #dc-button-add:hover, .checkout-onepage-index #gc-button-add:hover, #ajaxcart-modal-wrapper button:hover, .checkout-page .deals #giftcard-form button:hover, .checkout-page .wrapper .deals #giftcard-form button.check-gc-status:hover { font-weight: 700; } .checkout-page .header-container .checkout-progress li.active { background: #dcb551; color: var(--theme-color-black); } .checkout-page .header-container .checkout-progress li a { color: var(--theme-color-black); } #checkout-payment-method-load > dt { clear: both; float: left; } .checkout-onepage-index .opc select { border: 1px solid #666 !important; background-color: transparent; } .usstore.checkout-page .checkout-progress, .checkout-page .checkout-progress { background: #000; } .usstore.checkout-page .checkout-progress li { color: #fff; } #page .central-column { max-width: 996px; margin: 0 auto; } #page .widget-banner-inline { margin-bottom: 0; border-top: 4px solid #dcb551; } .products-grid .product-name { letter-spacing: 0; text-align: center; padding-left: 0; } .products-grid .product-image { margin: 0 0 7px 0; } .price-box .price, .product-name a, .top-cart .product-name a { font-size: 12px; color: var(--theme-color-black); font-family: var(--theme-font-light); } .product-name a:hover, .top-cart .product-name a:hover { color: #c08800; } .footer-container { background: transparent; } .usstore .headerFunctions #cartHeader .items span { font-family: var(--theme-font-body); font-style: normal; font-weight: 700; font-size: 9px; } .usstore #search_mini_form input#search { font-family: var(--theme-font-light); font-style: normal; font-size: 8px; color: var(--theme-color-black); height: 29px; } .buttons-set button, a.button { color: #fff; background: #000; border: 1px solid #ccc; font-weight: 700; font-family: var(--theme-font-bold); } .buttons-set button:hover, a.button:hover, .my-account a.btn-black.sml-btn:hover, .dashboard .box-title a:hover, button.button.btn-cart:hover { border: 1px solid #ccc; opacity: 0.5; color: #fff; background: #000; } .products-grid .actions .button { padding: 7px 9px 6px; font-size: 1em; font-weight: 700; } select::-ms-expand { display: none; } .usstore .back-link a { border-radius: 0; box-shadow: none; font-weight: normal; text-shadow: none; line-height: 18px; font-size: 12px; height: 27px; } .usstore .my-account .back-link a { line-height: 18px; } .oos-config-dialog > form { position: relative; } .my-account a.btn-black.sml-btn, .dashboard .box-title a, button.button.btn-cart { color: #fff; background: #000; border: 1px solid #ccc; font-size: 16px; font-family: var(--theme-font-bold); font-weight: normal; letter-spacing: 0; } .product-main-info .price-box .price { color: var(--theme-color-black); font-size: 24px; } .my-account a.btn-black.sml-btn:hover, .dashboard .box-title a:hover, button.button.btn-cart:hover { font-weight: normal; opacity: 0.5; color: #fff; background: #000; } .customer-address-form #region_id, #country { line-height: 13px; height: 35px; font-family: var(--theme-font-body); font-style: normal; padding-left: 5px; font-weight: 400; } .my-account .form-list input.input-text { font-size: 12px; } .block-account li.current { background-color: #c57e00; } .sidebar .block-account li.current strong { color: var(--theme-color-black); } .validation-advice { clear: left; color: #ff0000; text-align: left; } #advice-required-entry-coupon_code.validation-advice { padding: 6px 0 0 0; width: auto; } #advice-required-entry-giftcard_code.validation-advice { padding-top: 0; padding-left: 0; } #product_sendtofriend_form .validation-advice, #form-validate .validation-advice, #login-form .validation-advice, #loginorder-form .validation-advice { padding: 0 0 10px 0 } #form-validate .LegalText .validation-advice { padding: 6px 0 0 20px; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 9999px #fff !important; -webkit-text-fill-color: #666 !important; } #review-form .form-list .validation-advice { font-weight: normal; } .usstore.checkout-onepage-index .main .opc #checkout-payment-method-load .v-fix { display: block; width: 100%; padding-left: 0 !important; } .checkout-onepage-index .opc-discount-block #coupon_code { height: 28px; } .checkout-onepage-index .opc-discount-block #giftcard_code { height: 30px; } .my-account .order-date { top: 90px; } #dashboard-info .col-1 .sml-btn { margin-right: 0; } .usstore.wishlist-index-index .truncated_full_value.show { top: 19px; } .usstore .write-review.popup label.required, .usstore .write-review.popup .form-list textarea, .usstore .write-review.popup .form-list .form-list input.input-text { font-family: var(--theme-font-body); font-style: normal; font-weight: 400; font-size: 16px; } textarea, .usstore #wishlist-table .input-text.qty { font-family: var(--theme-font-body); font-style: normal; font-weight: normal; border: 1px solid #666; } .my-wishlist .price-box .price { float: left; } .usstore #wishlist-table .input-text.qty { margin-bottom: 10px; } .my-account .buttons-set { margin: 23px 0 0; } .newsletter-form.standard .form-subscribe .validation-advice { float: left; } .usstore .breadcrumbs { font-size: 14px; font-family: var(--theme-font-body); font-style: normal; font-weight: 400; color: var(--theme-color-black); padding: 10px 0; border-bottom: 1px solid #666666; border-top: 1px solid #666666; } .usstore .main .category-title { border-bottom: 1px solid #666666; } .usstore .main .category-title, .usstore .breadcrumbs { display: none; } .sorter label, .pager .amount { margin: 0 4px 0 0; } .pager select, .sorter select { background-color: #ccc; } .catalog-product-view .no-rating a.write-review-link { color: var(--theme-color-black); } .usstore .product-main-info { padding: 0; margin: 0; border: none; } .usstore .product-main-info h1 { color: var(--theme-color-black); font-size: 30px; } .legend, .page-title h1 { text-transform: uppercase; } .legend { font-size: 19px; } #page .main .registered-users .guests-link:hover { color: #c08800; } .usstore.customer-account-forgotpassword .col-main p.required, .usstore.customer-account-forgotpassword .required em, .usstore.customer-account-forgotpassword .col-main .required em, .usstore.customer-account-login .col-main #login-form p.required, .usstore.customer-account-login .col-main #login-form .required em { color: #FF0000; } .col-left { padding: 20px 0 20px 0 } .usstore .block-layered-nav .block-title span { text-transform: capitalize; } .add-to-cart-qty label { margin: 5px 6px 0 0; } .price-box, .price-box p { color: var(--theme-color-black); font-weight: normal; text-align: center; } .products-grid .item, .col2-left-layout .products-grid .item { background: none transparent; } .usstore #cboxClose, .usstore #cboxClose:hover { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/close_button.png") no-repeat 4px 10px transparent; border-radius: 0; height: 30px; width: 30px; right: 3px; } .product-options .validation-advice { width: 164px; } .validation-error { background: none transparent; } .validation-error .styled-select { border: 1px solid #FF0000; } .validation-error input, .validation-error textarea, .validation-error select { box-shadow: none; } #at-expanded-menu-host #at-expanded-menu-title, #at-expanded-menu-host .at-branding-logo, #at-expanded-menu-host .at-copy-link-result-message span, #at-expanded-menu-host .at-copy-link-share-page-url, #at-expanded-menu-host .at-expanded-menu, #at-expanded-menu-host .at-expanded-menu-button-label, #at-expanded-menu-host .at-expanded-menu-email-disclaimer, #at-expanded-menu-host .at-expanded-menu-load-btn, #at-expanded-menu-host .at-expanded-menu-page-title, #at-expanded-menu-host .at-expanded-menu-page-url, #at-expanded-menu-host .at-expanded-menu-privacy-link, #at-expanded-menu-host .at-expanded-menu-search-label-content, #at-expanded-menu-host .at-expanded-menu-top-services-header { font-family: var(--theme-font-body); } .product-img-box { background: none #fff; } #ajaxcart-modal-wrapper .subtotal { width: calc(100% - 399px); } @media screen and (min-width: 768px) { .usstore .quick-access, .usstore #search_mini_form { display: inline-block; vertical-align: middle; } #payone_creditcard_cc_expiration_year { width: 140px !important; } .usstore #search_mini_form { margin-right: 5px; } .usstore #search_mini_form input#search { width: 7.8em; } nav ul { float: none; display: inline-block; width: 100%; text-align: center; } nav ul li { float: none; display: inline-block; vertical-align: middle; } } /* iPad Specific */ @media only screen and (max-width: 1023px) and (min-width: 768px) { .usstore #headerFunctions #search_mini_form .form-search { margin: 0; } .usstore #cookiePolicy { min-width: unset; } .usstore #cookiePolicy p { width: 85%; } .usstore div#ajaxcart-modal-wrapper .v-fix #advice-required-entry-giftcard_code.validation-advice { position: absolute; left: 0; top: 25px; } .usstore .oos-config-dialog .validation-advice { top: 40px } #page .central-column { padding: 0 10px; } .usstore #ajaxcart-modal-wrapper .subtotal { width: 44% !important; } body.usstore .collateral-tabs .tab-container.open table { font-size: 10px; } .sidebar .block-account li { font-size: 12px; } ul.firstMenu { top: 125px; } nav li a { padding: 3px 10px 13px; } nav li.last a { padding-right: 0; } body.usstore .header-container { height: 116px !important; } .usstore .headerFunctions { top: 151px; } .usstore .main .category-title { padding: 9px 14px 0 } .nav-container { padding-left: 6px; } .usstore nav { text-align: center; } nav ul { margin: 0 auto; width: 50%; } body.usstore #logo a, .usstore #logo span { width: 300px; } .usstore #footer_social_links li { margin: 0 -5px 0 0; } .main .more-views .flex-direction-nav .flex-prev, .main .more-views .flex-direction-nav .flex-next { margin-top: -35px; } .my-account .validation-advice { float: none; } .sorter .view-mode { margin: 0 13px 0 0; } .pager .limiter { margin: 0 0 0 7px; } .usstore footer .newsletter-form.standard { width: 40%; } .dialog-bar .summary .title { width: 57%; } header #logo { left: 0; } .usstore .breadcrumbs { padding-left: 10px; } .block-layered-nav { padding-left: 20px; } } @media only screen and (max-width: 989px) and (min-width: 768px) { #logo, nav ul#nav, .footer_main ul { margin-left: 0; } } .usstore #ajaxcart-modal-wrapper .subtotal { width: 50%; padding-left: 0; } #payment_form_payone_creditcard span.required { float: left; } .usstore .block #logOutBtn { width: auto; } @media screen and (min-width: 1440px) { div#cookiePolicy { padding-left: 695px; } } /* Mobile Specific */ @media screen and (max-width: 767px) { .usstore #nav { position: relative; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; } .usstore #nav li, .usstore #nav li a { width: auto; border-bottom: none; display: inline-block; line-height: 0; } .usstore #nav li a { padding: 13px 6px; } .usstore #nav-container #nav li.level-top, #nav-container #nav li.home-nav { border-bottom: none; } #nav-container .nav-close.mobile-only { display: none !important; } .usstore .nav-container #nav li.level-top.active span, .usstore .nav-container #nav li.level-top.parent.active span { color: #c08800; } .usstore .nav-container { width: 100%; text-align: center; } .usstore .nav-container nav { display: inline-block; } #page { padding-top: 65px; } .usstore #nav-container #nav ul.level0, #nav-container #nav div.level0 { width: auto; } .usstore #nav-container li.parent a.level-top > span::after, .usstore #nav-container #nav ul.level0, #nav div.level0 { display: none; } #side-menu { display: none; } .usstore.catalogsearch-result-index .col-main .results-view .toolbar { z-index: 5; } .usstore .footer-storeswitch #languageSelect li a, .usstore .footer-storeswitch #languageSelect li span { color: var(--theme-color-black); } .usstore div#ajaxcart-modal-wrapper .checkout-types button { right: 0; } form#login-form, form#loginorder-form { display: inline-block; width: 100%; } .col2-set .col-2, .col2-set .col-1 { width: 100%; } #toaster-bar.dialog-bar { padding: 5px 0; } h1 { font-size: 20px; } .customer-account-login #page h2 { font-size: 15px; } #nav li a { padding: 13px; } #nav li .shown-sub { left: 0; box-shadow: none; } #nav-container .nav-close { opacity: 0.8; } .usstore li.parent a.level-top > span:after { top: 7px; } .dialog-bar .dialog-bar-content .close-btn { right: 8px; } .dialog-bar .summary .title { font-size: 13px; text-align: center; margin: 0 auto; } body.usstore .header-container { height: auto !important; } ul.firstMenu { position: static; width: 100%; transform: none; } ul.firstMenu li.menu-link { margin-right: 15px; } ul.firstMenu li.menu-link:last-child { margin-right: 0; } ul.firstMenu li.menu-link a { font-size: 10px; } .usstore #search_mini_form input#search { font-size: 13px; width: 164px; height: 32px; } .usstore #search_mini_form .form-search { width: 180px; right: calc((100% - 180px) / 2) } #page #search_mini_form { background: #FFF; } .usstore .headerFunctions { position: static; } a.view-all-button.mobile-only { display: none !important; } #page .usstore footer .block.last { display: none; } #page .central-column { margin: 0 10px; } #page .main { min-height: auto; } #page .widget-banner .flex-viewport { margin-left: 0; width: 100%; } .usstore .header-container header #logo a { width: 150px; } .usstore .header-container header #logo { margin: 10px auto 0; } .dialog-bar .summary .toaster-btn { margin-top: 3px; } header #logo { left: 0; padding-top: 0; } div#mobile-nav, div#mobile-search, div#side-menu { margin-top: 5px; display: none; } div#header_cart { margin-top: -2px; } body.usstore .sorter select { width: 155px; font-size: 12px; } .usstore .copyright-bar { padding-bottom: 55px; } body.usstore footer .block.last .block-title { color: #dcb551; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/sort_arrowwhite.svg) no-repeat scroll 95% center transparent; font-size: 22px; } .usstore #footer_social_links { width: 100%; } .main .more-views .flex-direction-nav .flex-prev, .main .more-views .flex-direction-nav .flex-next { margin-top: -35px; } .product-shop .product-options .validation-advice { top: 55px; left: 0; } .checkout-page .cart-table tfoot .btn-continue, .checkout-page .cart-table tfoot .btn-update { font-size: 10px; } #coupon_code.input-text { width: 96%; } button.button.check-gc-status { font-size: 10px; } .account-create .validation-advice { padding: 7px 0 0 0; width: 187px; } .usstore .newsletter-form.standard .form-subscribe-header { font-size: 20px; } .usstore .newsletter-form.standard .button { font-size: 14px; margin-right: 0; margin-left: 4px; width: 80%; } input.input-text.required-entry.validate-email { font-size: 14px; width: 80%; margin-bottom: 10px; } .usstore input.input-text.required-entry.validate-email, .newsletter-form.standard .form-subscribe .validation-advice { float: none; } .usstore .breadcrumbs { padding: 10px; } .checkout-page .cart-table th, .checkout-page .cart-table td { padding-left: 5px; } .usstore header #logo:after { font-size: 22px; } body.checkout-page .deals form .coupon-block { position: relative; } ul.links { padding-bottom: 30px; } .usstore .newsletter-form.standard .form-subscribe-header { text-align: center !important; } .usstore footer .newsletter_tac_text { width: 78% !important; } #mobile-search { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/search.png") no-repeat scroll 3px 3px transparent !important; } .usstore .copyright-bar .copyright span.content-from-config-path { line-height: 1.5; } .usstore .copyrightlinks a { font-size: 10px; } .usstore .copyrightlinks { display: inline-block; width: 100%; } } /* Desktop Specific */ @media only screen and (min-width: 1024px) { .add-to-wishlist span { vertical-align: text-top; } } .usstore footer .block a { font-family: var(--theme-font-body); font-style: normal; font-weight: 300; font-size: 15px; line-height: 2.2em; } .usstore footer .block { display: none; } .usstore .footer-container footer .block.last { display: none; } .header-container { padding: 0; height: 85px !important; } #nav li .shown-sub { border: 1px solid #666; } .product-image .product-details-image-overlay { display: none; } .usstore .copyright-bar .copyright span { font-size: 11px; font-family: var(--theme-font-light); font-style: normal; font-weight: 300; color: var(--theme-color-black); letter-spacing: 0; } .usstore address.copyright, .usstore .copyrightlinks { display: inline-block; vertical-align: middle; text-transform: uppercase; float: none; } .form-list input.input-text.required-entry.validate-email { color: var(--theme-color-black); font-family: var(--theme-font-body); font-style: normal; font-weight: 300; } .usstore .newsletter-form.advanced .form-subscribe .v-fix .validation-advice { padding-bottom: 10px; } .usstore .newsletter-form.advanced .newsletter_tac_text { letter-spacing: 0; text-transform: none; line-height: 19px; } .newsletter_tac_text p, .copyright p { display: block; } .usstore footer .newsletter_tac_text { width: auto; margin: 24px auto; } .usstore .newsletter-form.standard .form-subscribe-header { text-align: left; } #footer_social_links > ul { float: none; padding-top: 0; } input[type=text], input[type=password], textarea, input.input-text, select { color: var(--theme-color-black); } .form-list input[type=text], .form-list input[type=password], .form-list textarea, .form-list input.input-text { background: none; font-size: 16px; } .product-view .btn-cart { text-shadow: none; box-shadow: none; letter-spacing: 0; } /** Account Page **/ .my-account .dashboard .btn-black.sml-btn { font-size: 16px; } .my-account .buttons-set .back-link > a { padding: 4px 20px; } .usstore .my-account .field select { background-color: #ffffff !important; } .dashboard .box-title a { text-transform: uppercase; } #page .widget-banner { margin: 0 auto; } /** Logo replacement **/ header #logo:after { font-size: 67px; text-transform: uppercase; color: #dcb551; font-family: var(--theme-font-neue); text-shadow: 2px 3px 43px rgba(0, 0, 0, 0.392); } /** Review Pop Up**/ .write-review.popup .title { font-family: var(--theme-font-body); font-style: normal; font-weight: 400; text-transform: uppercase; } .ratings.box .popup .close-overlay-link { color: var(--theme-color-black); font-size: 14px; text-decoration: none; } .ratings.box .popup .close-overlay-link:hover { color: #c08800; } /** checkout-page styling **/ .usstore.checkout-page .header-container #logo a { height: 100px; margin-left: auto; display: block; } .checkout-page .summary-title { background: transparent; } .usstore.checkout-page .header-container { height: auto !important; } .f-fix { margin-top: 8px; } /* EU specific: ----------------------------------------------------- */ div#cookiePolicy { background: #666666; color: #ffffff; border-top: 2px solid #dcb551 } div#cookiePolicy a { color: #ffffff; } div#cookiePolicy a:hover { color: #dcb551 } #cookiePolicy .close { background-color: transparent; border: none; } #cookiePolicy .close:hover { background-color: transparent; border: none; color: #dcb551 } .usstore header .headera { margin-top: 0; position: absolute; top: 60px; left: 0; z-index: 10; } .usstore header .headera a { color: var(--theme-color-black); text-transform: none; text-decoration: underline; } .usstore #storeSwitcherDD span.currency { color: var(--theme-color-black); margin-top: 6px; padding: 0; } .usstore #storeSwitcherOptions { left: -18%; } .copyright-bar.eu .copyrightlinks { width: 100%; margin-top: .5%; margin-bottom: .5%; text-transform: uppercase; } .copyright-bar.eu .copyright, .copyright-bar.eu .copyrightlinks { font-size: 12px; font-family: var(--theme-font-body); font-style: normal; font-weight: 600; color: #dcb551; letter-spacing: 0; } .mw_faq_name { color: var(--theme-color-black); padding: 12px 12px 0; font-family: var(--theme-font-body); } .mw_faq > div { border: 1px solid #dcb551; font-family: var(--theme-font-body); } .mw_question a { color: #000000; font-family: var(--theme-font-body); } .mw_question a:hover { color: #000000; } .mw_answer { color: #000000; font-family: var(--theme-font-body); } .cms-faqcontact .col-main { padding: 0 } .cms-faqcontact .mw_field { margin-left: 0; } .cms-faqcontact #page { padding-bottom: 25px; } .cms-faqcontact .mw_submit button { color: var(--theme-color-black); background: #ccc; font-family: var(--theme-font-body); font-style: normal; font-weight: 700; letter-spacing: 0; } .cms-faqcontact input[type=text] { height: 30px; } .cms-faqcontact .mw_submit button:hover { color: #ffffff; } .cms-faqcontact .mw_submit textarea { font-size: 14px } .cms-faqcontact .cmswrapper { font-family: var(--theme-font-body); } .usstore .breadcrumbs { border-top: 1px solid #dcb551; border-bottom: 1px solid #dcb551; } /** Homepage bg **/ body.usstore.wmgdynamiccategories-index-index.toaster-on { color: var(--theme-color-black); } /** Homepages images 100% width **/ .usstore.wmgdynamiccategories-index-index .content { max-width: 100%; padding: 0; } .usstore.wmgdynamiccategories-index-index .content .col-main { padding: 0; } /** Tours Toaster **/ .dialog-bar .content { width: 780px; text-align: center; } #tourslist { text-align: center; text-transform: uppercase; color: #aaaaaa; padding: 0; } #tourslist a, #tourslist a:hover, #tourslist a:focus { color: #aaa; } #tourslist td { font-size: 12px; font-weight: bold; line-height: 2em; } .btn-black.preorder-button { text-transform: uppercase; } /**Banner UK**/ .en_EU, .en_GB, .bruno-banner { position: relative; } .en_EU .banner-EU-text-wrapper, .en_GB .banner-EU-text-wrapper, .bruno-banner .banner-EU-text-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ text-transform: uppercase; width: 100%; } .en_EU .bruno-EU-banner-text-1, .en_GB .bruno-EU-banner-text-1, .bruno-banner .bruno-EU-banner-text-1 { font-size: 50px; color: #dcb551; font-family: var(--theme-font-neue); line-height: 50px; } .en_EU .bruno-EU-banner-text2, .en_GB .bruno-EU-banner-text2, .bruno-banner .bruno-EU-banner-text2 { margin-top: 5px; color: #595959; font-size: 9px; font-family: var(--theme-font-neue); } .en_EU .bruno-EU-banner-text2 a, .en_GB .bruno-EU-banner-text2 a, .bruno-banner .bruno-EU-banner-text2 a { color: #595959; font-size: 9px; font-family: var(--theme-font-neue); text-decoration: none; } .en_EU .bruno-EU-banner-button a, .en_GB .bruno-EU-banner-button a, .bruno-banner .bruno-EU-banner-button a { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/bruno-reskin/images/shop-now-bg.png") no-repeat center center; margin-top: 13px; font-size: 16px; color: #e8cc77; line-height: 58px; text-decoration: none; font-weight: bold; display: inline-block; width: 158px; letter-spacing: 0; } .en_EU .bruno-EU-banner-button a:hover, .en_GB .bruno-EU-banner-button a:hover, .bruno-banner .bruno-EU-banner-button a:hover { color: #e8cc77; } @media only screen and (max-width: 767px) and (min-width: 320px) { .en_EU .bruno-EU-banner-text2, .en_GB .bruno-EU-banner-text2, .bruno-banner .bruno-EU-banner-text2 { font-size: 10px; } .en_EU .bruno-EU-banner-text2 a, .en_GB .bruno-EU-banner-text2 a, .bruno-banner .bruno-EU-banner-text2 a { font-size: 10px; } .en_EU .bruno-EU-banner-text-1, .en_GB .bruno-EU-banner-text-1, .bruno-banner .bruno-EU-banner-text-1 { font-size: 16px; line-height: 16px; } .en_EU .bruno-EU-banner-button a, .en_GB .bruno-EU-banner-button a, .bruno-banner .bruno-EU-banner-button a { margin-top: 6px; background-size: 60% 70%; font-size: 12px; } } /* Custom 404 */ .prod-grid-desc { text-align: center; } .Safari .wishlist-index-index .my-account .buttons-set { top: -52px; } .usstore.wishlist-index-index .truncated { display: none; } .usstore.checkout-onepage-index #checkout-step-deliveryandpayment .input-box { float: left; width: 100%; } .usstore.checkout-onepage-index #payone_creditcard_cc_expiration_month, .usstore.checkout-onepage-index #payone_creditcard_cc_expiration_year { background-position: 90% center; } .usstore .sidebar .block-account li a, .usstore .sidebar .block-account li.current strong { height: auto; } .usstore #search_mini_form { display: none; } /*sanity issues fixes*/ body.usstore #storeSwitcherOptions .VselectBox { font-size: 10px; width: 95%; padding-left: 4px !important; background-position-x: 98% !important; } body.usstore.customer-account-login .col-2.new-users .buttons-set { margin-top: 65px; } body.checkout-cart-acceptance { font-size: 14px; } .LegalText strong { font-weight: normal; } .usstore .my-account .back-link a { letter-spacing: 1px; } body .ratings.box .popup { overflow-y: auto !important; } body.checkout-onepage-success .order-number { text-align: left; } @media only screen and (max-width: 767px) { body.usstore.wishlist-index-share #form-validate .control > label { width: 75%; } .usstore #shopping-cart-table tfoot .btn-continue, .usstore #shopping-cart-table tfoot .btn-update { padding: 8px 3px 7px; width: 100%; margin-bottom: 10px; } body.usstore.wishlist-index-share .my-account #form-validate .form-list li.control .input-box { padding-left: 5px; margin-right: 5px; } body.checkout-page .cart-table th, body.checkout-page .cart-table td { padding-left: 5px; } } /* Feedback */ .usstore #ajaxcart-modal-wrapper .code-entry-dropdown .box-title { opacity: 1; } .usstore #ajaxcart-modal-wrapper .code-entry-dropdown .box-title:hover { text-decoration: underline; color: var(--theme-color-black); } .usstore #ajaxcart-modal-wrapper button.btn-close { border: none; margin-top: 4px; } .usstore.checkout-page .header-container header #logo { padding-top: 0; } .usstore.checkout-page .checkout-cart-acceptance a:hover, .usstore.checkout-onepage-index .opc label, .usstore.checkout-onepage-index .opc .checkout-login-forgot { color: var(--theme-color-black); } .usstore.catalog-product-view .product-main-info h1 { font-size: 22px; font-weight: bold; } .usstore.catalog-product-view .collateral-tabs .tab.active { padding: 8px 0 8px 8px; background: #000; height: 41px; } .usstore.catalog-product-view .collateral-tabs .tab.active span { color: #fff; } .usstore.catalog-product-view .collateral-tabs .tab { cursor: pointer; } .amxnotif-block label, .amxnotif-block button, .amxnotif-block input, .amxnotif-block > div { margin: 10px 0; } .amxnotif-block .validation-advice { position: absolute; top: 158px; left: 436px; } .amxnotif-block button { top: 0 !important; left: 0 !important; } #ajaxcart-modal-wrapper .product-name a:hover, #ajaxcart-modal-wrapper .top-cart .product-name a:hover, .usstore.checkout-onepage-index .opc label, .usstore.checkout-onepage-index .opc .checkout-login-forgot, .my-account p.required, .usstore.catalog-product-view .styled-select select, .usstore.catalog-product-view .styled-select select { color: var(--theme-color-black); } /* Desktop - design for a width of more than 959px | width >= 960px ----------------------------------------------------------------------- */ @media only screen and (min-width: 960px) { } /* Facebook and Tablet (Portrait) - design for a width of 768px | 768px < width < 960px ----------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 989px) { h1 { font-size: 2.3em;} #logo, nav ul#nav, .footer_main ul {margin-left: 10px;} div#ajaxcart-modal-wrapper { width: 95%; } div#checkout-step-login {margin-bottom: 20px;} .form-list .add-field input { margin-left: 150px; } .checkout-onepage-index .opc-discount-block {width: 100%; clear: both;} .checkout-onepage-index .opc-discount-block.giftcard {margin: 20px 0 0 0;} .dialog-box { max-width: 97%; } } /* All mobile - design for a width of less than 768px | width < 768px ----------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { .mobile-nav-checkout-link { margin: 20px 0; } #nav .mobile-nav-checkout-link > a { text-transform: none; } .checkout-page .header-container { position: fixed; background: #efefef url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/backgrounds/grainy-bg.jpg) repeat 0 0; z-index: 99; } .checkout-page #page { margin-top: 160px; } .checkout-page div.checkout-progress { margin-bottom: 0; } .order-redeemable-codes { float: none; } .instagram-slider { height: 204px; } .instagram-slider ul li { width: 186px; height: 176px; } /* Mlist scrollbar issue fixes*/ .checkout-page .cart-collaterals div.bs-recommend-cart-contents { width: 100% !important; margin-bottom: 20px; } .bs-recommend-cart-contents .products-list li { float: left; width: 33%; clear: none; } .usstore.checkout-page .wrapper .cart-collaterals .deals { width: 100%; } body.usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobDay, .usstore .newsletter-form.advanced .form-subscribe .v-fix select.dobMonth{ width:100%; } body.usstore .newsletter-form.advanced{ position:absolute; } body.usstore .dialog-bar .content{ max-width:100%; } body.usstore .dialog-bar .dialog-bar-content{ position: relative; overflow: visible; } .dialog-box { max-width: 99%; } .header-container, .nav-container, #page, .footer-container { min-width: 320px; } header, nav, .content, footer { padding: 0; } .header-container { padding: 0; } header { float: left; width: 100%; } .mobile-only { display: block !important; } .mobile-only img { max-width: 100%; } .desktop-only { display: none; } #mobile-strip { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; height: 34px; background: #fff; box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.1); } #cookiePolicy { min-width: 320px; } .col-main { padding: 10px 8px; } #logo { float: none; margin: 44px auto 0; width: 50%; top: 0; } .default-footer .footer-inner > div, .default-footer .footer-inner > div.block, .default-footer .footer-inner > form.newsletter-form,.account-create .buttons-set.form-buttons, .my-account .buttons-set.form-buttons{ width: 100%; padding: 0; } .default-footer.footer-container{ margin-bottom: 0; } .account-create .form-list li.control label { left: 43%; } /*category page stylings*/ .product-view .btn-cart span span{ font-size: 15px; } .usstore .product-view .btn-cart{ margin-right: 0; padding: 0.4em; width: auto;} .catalogsearch-result-index .col-main { float: none; width: 100%; } .usstore .add-to-wishlist .btn-wishlist { margin-left: 6px; font-size: 1.2em; margin-top: 30px;} .usstore ul.addthis_toolbox{float: none;} .usstore #customer-reviews input[type="text"], .usstore #customer-reviews textarea, .usstore #customer-reviews .input-box { width: 100%; } .usstore .toaster_header { margin-bottom: 10px; } .checkout-page .deals #giftcard-form button{ /*margin-top: 1em;*/} .usstore.catalog-category-view .col-left.sidebar .block-content, .usstore.catalog-category-view .sidebar .block-layered-nav .currently ,.usstore.catalogsearch-result-index .sidebar .block-layered-nav .currently{ position: relative; z-index: 2; } .usstore.catalog-category-view .col-main .category-view .toolbar,.usstore.catalogsearch-result-index .col-main .results-view .toolbar { border-bottom: medium none; position: absolute; } .usstore .newsletter-form.advanced .form-subscribe .v-fix label,.usstore .newsletter-form.advanced .form-subscribe .v-fix .validation-advice{ text-align:left; } .usstore #comment-for-orders { clear: both; float: left; margin-right: 2%; width: 34%; } .usstore #contactForm .buttons-set.form-buttons.btn-only, .usstore #subject.input-text { width: 100%; } .usstore .block-layered-nav .block-title strong { font-size: 1.25em; padding: 7px; } .usstore .col-main .category-view ,.usstore .col-main .results-view{ position: relative; } .usstore.catalog-category-view ul.products-grid{ margin: 23px 0 18px; } .usstore .catalogsearch-result-index .sidebar .block-layered-nav .currently, .usstore .sidebar .block-layered-nav .actions, .usstore .sidebar .block-layered-nav .currently{ width: 150px; } .sendfriend-product-send .main .col-main form{ width: 300px; } .usstore #search_mini_form button{ font-size: unset; height: 2.6em; width: 3em; float: left; } .sendfriend-product-send .col-main { padding: 10px 13px; } .usstore .form-list input[type="text"], .usstore.form-list input[type="password"], .usstore .form-list textarea, .usstore .form-list input.input-text, .usstore .form-list select{ width: 100%; } /*Email to friend stylings*/ .sendfriend-product-send .form-list textarea{ width: 100%; } .sendfriend-product-send p.required { clear: both; float: right; margin-top: 4px; overflow: hidden; } .sendfriend-product-send .validation-error { background-position: left bottom; } .sendfriend-product-send .validation-advice { padding: 0 0 0 20px; } /*Account page stylings*/ .usstore.customer-account-edit .form-list .control .input-box{ margin: 0; padding: 0 0 0 0; } .usstore.wishlist-index-index .my-account .buttons-set2{ float: none; } .usstore.wishlist-index-index .my-account .buttons-set { top: auto; } .usstore.amxnotif-subscr-index .main-container.col2-left-layout .col-main, .usstore.review-customer-view .main-container.col2-left-layout .col-main, .usstore.review-customer-index .main-container.col2-left-layout .col-main, .usstore.wishlist-index-index .main-container.col2-left-layout .col-main, .usstore.wishlist-index-share .main-container.col2-left-layout .col-main { width: 100%; } .usstore.amxnotif-subscr-index .col2-left-layout .col-left, .usstore.wishlist-index-share .col2-left-layout .col-left, .usstore.wishlist-index-index .col2-left-layout .col-left, .usstore.review-customer-view .col2-left-layout .col-left, .usstore.review-customer-index .col2-left-layout .col-left { padding: 10px 0; width: 100%; } .usstore.wishlist-index-index .my-account .buttons-set2 button { display: block; float: none; margin: 10px 0; } .usstore.wishlist-index-index .my-account .buttons-set2, .usstore #wishlist-table .button.btn-cart { width: auto; } .usstore.wishlist-index-index .product-name a { font-size: 0.65em; } .usstore #wishlist-table .description { display: none; } .usstore .my-account #wishlist-table.data-table td { padding: 3px; } .footer-container .footer-inner > div li { width: 100% !important; text-align: center; } .footer-container .footer-inner > div[id=footer_social_links] li { width: auto !important; text-align: center; } .default-footer .footer-inner .block-title, .default-footer .footer-inner form label{ text-align: center; } .default-footer footer .block a{ text-align: center; width: 100%; } .default-footer .form-subscribe > div{ width: 100%; } .default-footer .footer-inner > div, .default-footer .footer-inner > div.block, .default-footer .footer-inner > form.newsletter-form{ margin-bottom: 20px !important; } .default-footer .copyright-bar .copyright span, .default-footer .copyright-bar .copyrightlinks{ float: none; font-size: 1.2em; } .default-footer .copyright-bar .copyrightlinks{ margin-top: 1em; } #ajaxcart-modal-wrapper .cart{ position: relative; } div#ajaxcart-modal-wrapper .subtotal{ position: absolute; } .usstore.checkout-page .header-container #logo a, .usstore.checkout-page .header-container #logo span { height: 54px; margin: 0; width: 100%; } .usstore.checkout-page .header-container #logo a, .usstore .checkout-page .header-container #logo span { height: 64px; margin: 0 auto; width: 255px; } #logo a, #logo span { width: 100%; height: 70px; background-size: 100% auto; background-repeat: no-repeat; } #logo span { width: 100%; } /* Top Category Nav */ #mobile-nav { height: 24px; width: 24px; margin: 0; position: absolute; left: 6px; top: 11px; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/mobile/global/i_menu.png) no-repeat 0 0; cursor: pointer; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #mobile-nav { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/mobile/global/i_menu_retina.png) no-repeat 0 0; background-size: 22px 16px; } } .nav-container { background: none; border: none; position: absolute; top: 0; left: 0; z-index: 2; min-width: 0; width: auto; } #nav { transition: width 0.3s ease; left: 0; width: 0; position: fixed; overflow: hidden; height: 100%; top: 0; z-index: 9999; background: #fff; -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7); -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7); box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7); } #nav ul { transition: width 0.3s ease; left: auto; top: auto; height: 0; position: relative; overflow: hidden; } #nav ul.shown-sub { height: 100%; } #nav.active { width: 200px; transition: width 0.3s ease; } #nav li, #nav li a { width: 100%; border: 0; } /* Push Left & Right */ .wrapper, #sf { right: 0; transition: right 0.3s ease; } .wrapper.pushRight, #sf.pushRight, .wrapper.pushLeft, #sf.pushLeft { display: block; position: relative; top: 0; right: 200px; bottom: 0; left: auto; z-index: 9999; transition: all 0.3s ease; } .wrapper.pushLeft, #sf.pushLeft { left: 200px; right: auto; } /* Search */ #mobile-search { position: absolute; left: 42px; top: 8px; width: 24px; height: 24px; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/mobile/global/search.svg) no-repeat 0 0; cursor: pointer; } #search_mini_form { width: 100%; background: #222; position: fixed; right: 0; left: 0; bottom: 0; top: 0; display: none; z-index: 4; } .form-search { width: 80%; margin: 50px auto 0 auto; } #search_mini_form input#search { width: 75%; } #search_mini_form button { width: 25%; } #search_mini_form .close { display: block; position: absolute; top: 9px; right: 9px; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 14px; width: 24px; height: 24px; text-align: center; cursor: pointer; font-weight: bold; font-size: 1.4em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; background: #fff url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/cross.png) no-repeat 6px 6px; } #search_mini_form .close:hover { background-position: 6px -74px; } /* Cart Summary */ #header_cart { position: absolute; top: 3px; right: 4px; overflow: hidden; padding: 9px 6px 0 0; } #topCartContent { display: none; } /* Top Cart */ #cartHeader span { display: none; } #cartHeader .items, #cartHeader .items span { display: inline; } #cartHeader { padding: 0; width: 36px; background: 0; border: 0; font-size: 1.2em; overflow: hidden; cursor: default; } #cartHeader:hover { background: 0; border: 0; } #cartHeader .items { visibility: hidden; } #cartHeader .items span { visibility: visible; background: #fff; border-radius: 4px; border: 1px solid #666; position: absolute; padding: 2px 5px; top: -9px; left: 16px; text-align: center; display: block; font-wieght: bold; } #cartHeader:hover em.basket_icon, #cartHeader:focus em.basket_icon { background-position: 0 0; } #cartHeader .header-basket-link{ text-indent: -99999px; height: 100%; width: 100%; } .mobile-menu-wrap .switches, .storeSwitcherDD .currency em { display: none; } #mobile-switches { display: block; position: absolute; top: 4px; right: 95px; } #mobile-switches .switches { width: 48px; padding: 0; } .storeSwitcherDD { background: #fff; box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.4); } .storeSwitcherDD span.language { margin: 0 5px 0 0; } .switcher-language { border: 0; } .storeSwitcherOptions { top: 26px; left: 0; background: #fff; box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.4); padding: 0 0 5px 0; } .storeSwitcherOptions:after { content: ''; position: absolute; top: -1px; left: 1px; height: 3px; width: 46px; background: #fff; z-index: 2; } .quick-access li { background: transparent; border: 0; color: #222; } .quick-access li a { color: #222; } .quick-access, .quick-access a { color: #222; } .quick-access li:hover { background: transparent; } .languageSelect li a:hover, .languageSelect li a:focus { background-color: transparent; } .currencyConvertor { display: none; } /* Right Menu */ #side-menu { width: 28px; height: 28px; cursor: pointer; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/mobile/global/options.png) no-repeat 0 0; position: absolute; top: 7px; left: -82px; } .mobile-menu-wrap { position: absolute; left: 100%; top: 0; } #mobile-menu { transition: width 0.3s ease; right: 0; width: 0; position: fixed; overflow: hidden; height: 100%; top: 0; z-index: 9999; background: #333332; -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7); -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7); box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7); } #mobile-menu.active { width: 200px; transition: width 0.3s ease; } .quick-access { width: 100%; } #baseLinks { border: 0; } #baseLinks li { display: block; background-image: linear-gradient(bottom, rgb(56, 56, 56) 0%, rgb(71, 71, 71) 75%); background-image: -moz-linear-gradient(bottom, rgb(56, 56, 56) 0%, rgb(71, 71, 71) 75%); background-image: -webkit-linear-gradient(bottom, rgb(56, 56, 56) 0%, rgb(71, 71, 71) 75%); border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; color: white; float: left; width: 100%; } #baseLinks li:hover { background-image: linear-gradient(top, rgb(56, 56, 56) 0%, rgb(71, 71, 71) 75%); background-image: -moz-linear-gradient(top, rgb(56, 56, 56) 0%, rgb(71, 71, 71) 75%); background-image: -webkit-linear-gradient(top, rgb(56, 56, 56) 0%, rgb(71, 71, 71) 75%); text-decoration: none; } #baseLinks li a { color: white; } #myAccountLink, #chkOutBtn { clear: left; float: none; width: 200px; font-weight: normal; } #myAccountLink a, #chkOutBtn a { border: none; background: none !important; padding: 13px 27px 13px 9px; display: block; } #myAccountLink li.last { display: block; } #myAccountLink li.last a:hover { text-decoration: none; } #closeMenu .nav-close { color: hsl(0, 0%, 0%); font-size: 12px; font-weight: bold; margin-bottom: 20px; opacity: 0.2; padding: 30px 0; text-align: center; text-decoration: underline; border: none; } #closeMenu li.nav-close a { color: #222; text-decoration: none; } #back2site { display: none; } /* Titles */ .page-title h1 { text-align: center; } /* Banners */ .bannertabs li strong { padding: 9px; } .bannertabs li.active em { display: none; } .remove-tabs-accessibility { clear: left; } .slider-banner ul.flex-direction-nav { display: none; } #page .thumb-banner li { margin: 0 2% 2% 0; width: 49%; } #page .thumb-banner li:nth-child(2n+2) { margin: 0; } /* Product images */ .product-image img { width: 100%; height: auto; } /* Product Grid */ .products-grid .item, .col2-left-layout .products-grid .item, .products-grid .item.cols4, .products-grid .item.cols3 { width: 49%; margin: 0 2% 2% 0; } .products-grid .item:nth-child(5n+5) { margin-right: 2%; } .products-grid .item:nth-child(2n+2), .col2-left-layout .products-grid .item:nth-child(2n+2) { margin: 0 0 2%; } .hpc .one-prod-grid .product-image, .hpc .one-prod-grid .prod-grid-desc { width: 100%; margin: 0; padding: 10px; } .hpc .one-prod-grid .product-image { padding: 0; overflow: hidden; } .hpc .two-prod-grid .item, .hpc .three-prod-grid .item, .hpc .four-prod-grid .item, .hpc .four-double-left-prod-grid .item, .hpc .four-double-left-prod-grid .item.featured, .hpc .five-prod-grid .item { width: 49%; margin: 0 2% 3% 0; } .hpc .two-prod-grid .item:nth-child(2n+2), .hpc .three-prod-grid .item:nth-child(2n+2), .hpc .four-prod-grid .item:nth-child(2n+2), .hpc .four-double-left-prod-grid .item:nth-child(2n+2), .hpc .four-double-left-prod-grid .item.featured:nth-child(2n+2), .hpc .five-prod-grid .item:nth-child(2n+2) { margin: 0 0 3%; } .hpc .two-prod-grid .product-name, .hpc .three-prod-grid .product-name, .hpc .four-prod-grid .product-name, .hpc .four-double-left-prod-grid .product-name, .hpc .five-prod-grid .product-name { font-size: 1.4em; } .hpc .three-prod-grid .product-image, .hpc .three-prod-grid .prod-grid-desc { width: 100%; } .hpc .four-double-left-prod-grid .item.featured .product-image { width: 100%; margin: 0; } .hpc .four-double-left-prod-grid .item.featured .prod-grid-desc { clear: left; width: 100%; } .hpc .two-prod-grid .desc, .hpc .three-prod-grid .desc, .hpc .four-double-left-prod-grid .desc { display: none; } .hpc .four-double-left-prod-grid .item.featured .product-name, .hpc .four-double-left-prod-grid .item.featured .price-box, .hpc .four-double-left-prod-grid .item.featured .price-box p { text-align: center; } .hpc .four-double-left-prod-grid .item.featured .product-name { padding: 0 4px 6px 4px; } .home-sblock { display: none; } .hpc .one-prod-grid .badge-sash, .hpc .two-prod-grid .badge-sash, .hpc .three-prod-grid .badge-sash, .hpc .four-prod-grid .badge-sash, .hpc .four-double-left-prod-grid .badge-sash, .hpc .five-prod-grid .badge-sash { padding: 12px; width: 42px; height: 42px; font-size: 100%; background-image: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/sashes/star-badge_140x140.png); background-size: 100% 100%; } .hpc .one-prod-grid .badge-sash { width: 64px; height: 64px; } /* Category List */ .catalog-category-view .bannertabs, .catalog-category-view .banner-widget { display: none; } .catalog-category-view .col-main { width: 100%; padding: 20px 8px; } .catalog-category-view .col-left,.usstore.catalogsearch-result-index .col-left { clear: both; width: 100%; min-height: 0; padding: 0; } .block-layered-nav { padding: 10px 20px; } .toolbar .view-mode, .toolbar .amount { display: none; } .toolbar .sorter { margin: 0 10px 0 0; } .sort-by label, .limiter label { display: none; } .toolbar .limiter { margin: 0 0 0 10px; } .pager .pages { border-left: none; padding: 0; margin: 0 0 0 10px; } /* Filters */ .catalog-category-view .col-left .block-title { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_toggle2.png) no-repeat 100% 7px; cursor: pointer; } .catalog-category-view .col-left .block-title.open { background-position: 100% -52px; } #narrow-by-list dt { background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_toggle.png) no-repeat 100% 5px; cursor: pointer; } #narrow-by-list dt.open { background-position: 100% -55px; } /* Product View */ .product-view { padding: 0 10px; } .product-main-info h1 { text-align: center; } .product-view .product-details { float: left; width: 100%; } .product-img-box { margin: 0 0 10px; width: 100%; } #base-links-wrap { display: none; } .box-related { padding: 0; } .box-related li.item { width: 50%; margin-bottom: 20px; } .product-view .btn-cart { width: 100%; text-align: center; } .add-to-cart { width: 100%; } .add-to-cart-qty { float: none; margin: 0 auto; text-align: center; width: 100%; } .product-options dl, .product-options .input-box, .product-options .styled-select, .product-options .styled-select select { width: 100%; } .product-options dt { clear: both; width: 20%; margin: 0 4% 0 0; } .product-options dd { margin: 0; width: 76%; } .product-options .validation-error { clear: both; background-position: 0 45px; text-indent: 13px; } .product-options + .add-to-cart-qty, .bundleOptions + .bundle-summary .add-to-cart-qty { margin: 0; text-align: left; width: 100%; } .product-options + .add-to-cart-qty label { width: 20%; margin: 0 4% 0 0; } .bundleOptions dt.showOption { width: 28%; margin: 0 2% 0 0; } .bundleOptions dd.showOption { width: 70% } .bundleOptions + .bundle-summary .add-to-cart-qty label { width: 28%; margin: 0 2% 0 0; } ul.addthis_toolbox { float: right; } .no-rating a { display: block; text-align: center; } /* Product collateral accordion */ .tab-list .tab { display: none; } #tabList .tab-container { display: block !important; } .tab-list .tab-title { display: block; background: rgb(217, 217, 226); /* Old browsers */ background: -moz-linear-gradient(top, rgba(217, 217, 226, 1) 0%, rgba(230, 234, 239, 1) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, rgba(217, 217, 226, 1) 0%, rgba(230, 234, 239, 1) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to bottom, rgba(217, 217, 226, 1) 0%, rgba(230, 234, 239, 1) 100%); /* W3C */ padding: 6px; margin: 0; } .tab-list .tab-title span { display: block; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/arrow_toggle2.png) no-repeat 100% -114px; } .tab-list .tab-title.active span { background-position: 100% -144px; } .tab-list .tab-content { background: rgb(237, 237, 237); background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 56%, rgba(237, 237, 237, 1) 100%); background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 56%, rgba(237, 237, 237, 1) 100%); background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 56%, rgba(237, 237, 237, 1) 100%); margin: 0; padding: 18px 9px; } .tab-list .first.last.active + .tab-container .tab-title { background: none; border: none; font-size: 1.6em; padding: 9px 0; font-weight: normal; color: inherit; } .tab-list .first.last.active + .tab-container .tab-title span { background: none; } .tab-list .first.last.active + .tab-container .tab-content { background: none; border-top: 1px solid #eee; } /* Form List */ .form-list label, .customer-account-edit .form-list label { width: 34%; margin: 0 2% 0 0; } .form-list .input-box { width: 64%; } .form-list input.input-text { width: 100%; } .loggedin .addressSelect{ width: 98%; } .loggedin .addressSelect select, .loggedin .addressSelect .sbHolder{ width: 97%; } .dob-day { margin: 0 9px 0 0; } .form-list li.control .input-box { width: 26px; padding: 0 0 0 34%; margin: 0 26px 0 8px; } .form-list li.control label { white-space: normal; } #checkout-step-billing .form-list li.control .input-box, #checkout-step-shipping .form-list li.control .input-box{ padding: 0; margin-right: 0; width: auto; } .form-list .styled-select, .Chrome .form-list .styled-select, .Safari .form-list .styled-select { width: 100%; } /* My Account */ .customer-account-index .col-main, .customer-account-edit .col-main, .customer-address-form .col-main, .downloadable-customer-products .col-main, .newsletter-manage-index .col-main, .sales-order-view .col-main, .customer-address-index .col-main, .sales-order-invoice .col-main, .sales-order-history .col-main { padding: 20px 16px; width: 100%; } .my-account .form-list .input-box { width: 260px; float: none; } .my-account .form-list .add-field input { margin-left: 0; } .usstore.customer-address-form .form-list .control label{ width: 78%; } .customer-address-form .form-list li.control .input-box{ margin: 0 2px 0 8px; padding: 0; width: 26px; } .customer-account-index .col-main { padding: 20px 10px; } .customer-account-index .col-left, .customer-account-edit .col-left, .customer-address-form .col-left, .downloadable-customer-products .col-left, .newsletter-manage-index .col-left, .sales-order-view .col-left, .customer-address-index .col-left, .sales-order-invoice .col-left, .sales-order-history .col-left { padding: 10px 0; width: 100%; min-height: 0; } .block-account li.current:before, .block-account li.current:after { right: 0; } .customer-account-login #login-form { padding: 0; } .customer-account-login .col-1, .customer-account-login .col-2 { width: 100%; padding: 0 10px; } .customer-account-login .col-1 { margin: 0 0 12px; } .customer-account-login h2 { font-size: 1.8em; z-index: 2; } .customer-account-login #login-form .registered-users .buttons-set { width: 100%; } .customer-address-index .page-title .button { float: none; top: 0; } /* Create account */ .account-create { margin: 0 6px; } .account-create .buttons-set, .my-account .buttons-set { width: 100%; } .account-create li.control label { position: absolute; left: 40%; } /* Dashboard */ #dashboard-info .col-1 .sml-btn { margin: 0; } /* My orders */ .my-account .data-table td.last, .my-account .data-table .nobr { white-space: normal !important; } .my-account .data-table .nobr a { white-space: nowrap; } .my-account .order-date { position: relative; right: 0; top: 0; float: left; padding: 9px 0 0 0; } .sales-order-view .page-title a, .sales-order-view .page-title .separator { top: 0; } /* Downloadable Products */ #my-downloadable-products-table th:nth-child(2), #my-downloadable-products-table td:nth-child(2), #my-downloadable-products-table td:nth-child(4), #my-downloadable-products-table td:nth-child(4) { display: none; } #my-downloadable-products-table td.last a { padding: 0 0 0 20px; background: url(https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/icons/downloads-folder.png) no-repeat 0 0; } /* Footer */ .footer-storeswitch { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; background: none repeat scroll 0 0 transparent; color: #fff; padding: 5px 0; } .footer-storeswitch label { font-size: 1.3em; line-height: 1.4em; text-transform: uppercase; width: 100%; margin: 0; padding: 0; } .footer-storeswitch #languageSelect { width: 100%; padding: 0; margin: 0; } .footer-storeswitch #languageSelect li { float: left; } .footer-storeswitch #languageSelect li a, .footer-storeswitch #languageSelect li span{ border: 0; padding-left: 25px; color: #fff; } .footer_main ul { display: block; } .footer_main li { padding: 10px 20px; font-size: 1.2em; text-align: left; width: 50%; } .pyment-options { float: none; clear: left; margin: 0 auto; width: 260px; } footer .widget { clear: both; float: left; width: 100%; display: block; margin: 20px 0 0; padding: 0 10px; display: none; } .mobile-footer-link { display: list-item; } #cookiePolicy p { padding-right: 90px; } #cookiePolicy .close { position: absolute; right: 0; top: 5px; } div#ajaxcart-modal-wrapper{ position: absolute; z-index: 990; top: 125px; right: 0; left: 4px; width: 100%; padding: 0; border: none; } #ajaxcart-modal-wrapper .page-title { margin-bottom: 0 !important; } #ajaxcart-modal-wrapper #shopping-cart-table thead { display: none; } div#ajaxcart-modal-wrapper .cart-scrollable{ border: none; margin-bottom: 3px; padding-bottom: 0; margin-right: 0; max-height: inherit; overflow-y: auto; width: 100%; } #ajaxcart-modal-wrapper #shopping-cart-table { display: table !important; } .usstore #ajaxcart-modal-wrapper .cart #shopping-cart-table td { float: right; /* display: block; width: 75%; padding-top: 0; padding-bottom: 0; text-align: left !important;*/ } .usstore #ajaxcart-modal-wrapper .cart #shopping-cart-table td[data-label]::before { content: attr(data-label) ":"; float: left; line-height: 20px; margin-right: 4px; /* float: left; margin-right: 5px; text-transform: uppercase; line-height: 20px; */ } .usstore #ajaxcart-modal-wrapper .cart #shopping-cart-table td.unit-price, .usstore #ajaxcart-modal-wrapper .cart #shopping-cart-table td.Qty,.usstore #ajaxcart-modal-wrapper .cart #shopping-cart-table td.product-name-column{ border-bottom: medium none; border-left: medium none; display: block; width: 100%; float: none; } body #ajaxcart-modal-wrapper .cart #shopping-cart-table td.product-name-column { border-top: medium none; } body #ajaxcart-modal-wrapper #shopping-cart-table tbody tr,body #ajaxcart-modal-wrapper #shopping-cart-table tbody tr:last-child { border-bottom: 1px solid #000000; } body #ajaxcart-modal-wrapper .cart #shopping-cart-table td:first-child { width: 25% !important; border-top: medium none; float: none; padding-top: 10px; } #ajaxcart-modal-wrapper .cart #shopping-cart-table td:nth-child(3) { margin-bottom: 0; padding-bottom: 0; } #ajaxcart-modal-wrapper .cart #shopping-cart-table td:last-child { display: block; } #ajaxcart-modal-wrapper #shopping-cart-table .cart-price { text-align: left !important; } #ajaxcart-modal-wrapper .cart .product-image { display: block; overflow: hidden; margin: 0; } div#ajaxcart-modal-wrapper #shopping-cart-table-head col:nth-child(2){ width: 110px; } div#ajaxcart-modal-wrapper #shopping-cart-table-head th:nth-child(3){ text-align: center !important; } div#ajaxcart-modal-wrapper .cart-table .product-image img { display: none; } div#ajaxcart-modal-wrapper #shopping-cart-table .item-msg { padding: 0 0 0 20px; height: auto; width: auto; position: relative; } body #ajaxcart-modal-wrapper .code-entry-dropdown { background-color: rgba(0, 0, 0, 0); border: medium none; margin: 13px 0 0; } #ajaxcart-modal-wrapper div.giftcard, #ajaxcart-modal-wrapper div.discount { width: 100%; clear: both; display: block; margin: 10px 0; padding: 0; } #ajaxcart-modal-wrapper div.discount label {width: 100%;} #ajaxcart-modal-wrapper div.discount input {width: 250px;} #ajaxcart-modal-wrapper div.checkout-types{ padding: 0; border: 0; } div#ajaxcart-modal-wrapper .btn-continue{ float: right; margin-top: 70px; } div#ajaxcart-modal-wrapper .btn-checkout, div#ajaxcart-modal-wrapper .btn-continue { width: 97%; } body #ajaxcart-modal-wrapper #shopping-cart-table colgroup { display: none; } body #ajaxcart-modal-wrapper #shopping-cart-table tbody tr.first { border-top: 1px solid #000000; } body.catalog-product-view div#ajaxcart-modal-wrapper table.cart-table a.product-image img{ float: none; } div#ajaxcart-modal-wrapper .subtotal{ padding-left: 5px; text-align: left;width: 100%; } #ajaxcart-modal-wrapper .giftcard-active, #ajaxcart-modal-wrapper .discount-active { clear:both; display: block; line-height: 20px;} #ajaxcart-modal-wrapper .giftcard-active:before, #ajaxcart-modal-wrapper .discount-active:before{content: ">" !important;} div#ajaxcart-modal-wrapper .checkout-types button{ right: -4px; top: 2px; } div#ajaxcart-modal-wrapper .box-collateral .box-title { padding: 5px; } #ajaxcart-modal-wrapper .box-collateral { clear: both !important; width: 100% !important; padding: 0 !important; } .flex-viewport { width: 90%; margin-left: 5%; } .slider-banner .flex-viewport { width: 100%; margin-left: 0; } .box-collateral .flex-viewport { width: 100%; margin-left: 0; } /* 404 page */ .cms-no-route .page-head-alt h3 { padding: 135px 0 0; font-size: 2em; } .cms-no-route .col-1, .cms-no-route .col-2, .cms-no-route .col-3 { width: 100%; min-height: 0; margin: 0 0 20px } .dialog-box, .dialog-box.oos-config-dialog{ width: 90%; } .dialog-bar .summary .title { float: none; } .dialog-bar .summary .toaster-btn { float: none; } .wrapper.pushLeft, .wrapper.pushRight{ overflow: visible; } /* usstore styles */ .usstore #DataCapture.toaster-open { height: 63px; } .usstore .dialog-bar .dialog-bar-content{text-align: center;} .usstore .dialog-bar .summary{width:auto;} .usstore .dialog-bar .dialog-bar-content .close-btn{ z-index: 1;} .usstore #cartHeader:hover em.basket_icon, .usstore #cartHeader:focus em.basket_icon, .usstore em.basket_icon { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/basket.svg") no-repeat scroll 0 0 transparent; } .usstore header #logo a { height: 27px; width: 124px; } .usstore header #logo span { background: none repeat scroll 0 0/100% auto transparent; height: 27px; width: 124px; } body.usstore a#cmsmart_quickview_button { display: none !important; } .usstore .col-main .category-view .toolbar { top: -26px; } .usstore header { height: 48px; } .usstore header .headera { display: none; } .usstore .header-container #mobile-strip { box-shadow: none; height: auto; position: static; } .usstore header #logo { margin: 15px auto 0; overflow: hidden; width: 39%; } .usstore footer .block, .usstore footer .block ul.links { display: none; } .usstore footer .newsletter-form.standard { float:none; } .usstore footer .block.last .block-title { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/sort_arrow.svg") no-repeat scroll 95% center transparent; color: #000000; cursor: pointer; font-size: 1.35em; margin: 0; } /*mobile navigation stylings*/ .usstore li.parent a.level-top > span:after { content: "+"; font-size: 24px; position: absolute; right: 21px; } .usstore li.parent.open a.level-top > span:after { content: "-"; position: absolute; right: 21px; } .usstore #nav ul.level0 > li { background: none repeat scroll 0 0 #fbfbfb; border-bottom: 1px solid #2c2c2c; clear: both; float: left; padding: 0.5em 0 0.5em 1.5em; width: 100%; } .usstore #mobile-menu.active{ background: none repeat scroll 0 0 #e0e0e0; } .usstore #nav li.level1 > a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0; } #nav-container .nav-close { text-align: center; color: #000; opacity: 0.2; font-size: 12px; padding: 20px 0 50px 0; margin-bottom: 20px; text-decoration: underline; font-weight: bold; } .usstore #nav li.level-top.active span,.usstore #nav li.level-top.parent.active span { color: #000; } .usstore #nav ul.level0, #nav div.level0 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); width: 100%; } .usstore #search_mini_form .form-search { float: none; height: 33px; margin-top: 0; position: absolute; right: calc((100% - 217px) / 2); text-align: center; top: calc((100% - 36px) / 2); width: 200px; } .usstore #search_mini_form input#search{ width: 11em; height: 2.1em;} .usstore #nav.active{background: none repeat scroll 0 0 #e0e0e0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .usstore #nav li.level-top, #nav li.home-nav { border-bottom: 1px solid #323232; } /*mobile navigatgion stylings end */ .usstore footer .block-title { cursor: pointer; } .usstore .copyrightlinks { margin-top: 1em; } .usstore .footer_main .footer_social_links ul { margin-left: 0; } .usstore .footer-inner { padding: 0 10px; } .usstore footer .block.last { display: block; padding: 10px 0; max-width: none; width: 100%; border-bottom: 1px solid #222; border-top: 1px solid #222; } .usstore .footer-container footer { padding: 0; } .usstore footer ul.links li { width: 100%; } .usstore #footer_social_links { clear: both; margin-bottom: 3em; padding: 20px 0 0; } .usstore .form-subscribe { clear: both; float: left; margin-bottom: 2em; text-align: center; width: 100%; } .usstore .newsletter_tac_text { font-size: 12px; font-weight: 500; margin: 0 auto; width: 300px; clear:both; } .usstore .copyrightlinks, .usstore .copyright-bar .copyright span { float: none; } .usstore #DataCapture.toaster-open { height: 115px; } .usstore #bbb-accreditation { clear: both; float: left; margin: 5px 0; text-align: center; width: 100%; } /* checkout pagae logo*/ .usstore.checkout-page .header-container #logo { padding-left: 0.5em; padding-top: 1em; } .usstore.checkout-page .header-container header { background: none repeat scroll 0 0 transparent !important; height: auto; padding-top: 0; } .usstore.checkout-page.w767 .wrapper .header-container { height: auto; } .usstore.catalogsearch-result-index .page-title h1{ padding-bottom:1em; } /* */ .checkout-page .main{ margin-top: 0em; } .usstore.block-layered-nav .block-title strong { color: #000; font-family: "futura-pt"; font-size: 1.25em; margin-bottom: 6px; padding: 7px; } .usstore.catalog-category-view .col-left.sidebar .block-title,.usstore.catalogsearch-result-index .col-left.sidebar .block-title { background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/arrow_toggle2.png") no-repeat scroll 92% center #f0f0f0; height: 28px; width: 150px; } .usstore.catalog-category-view .block-layered-nav,.usstore.catalogsearch-result-index .block-layered-nav { padding: 0; } .usstore.catalog-category-view .col-left.sidebar ,.usstore.catalogsearch-result-index .col-left.sidebar{ width: auto; } .usstore.catalog-category-view .col-main .category-view .toolbar { top: -20px; } .usstore .sorter select { font-size: 1.05em; background: url("https://skin-eu.cdn.prod.wmgecom.com/skin/frontend/wmi/default/images/usstore/sort_arrow2.svg") no-repeat scroll 92% center #f0f0f0 !important; border: medium none; padding: 5px; color: #000000; text-transform: capitalize; width: 106px; } .usstore.catalogsearch-result-index .results-view .category-products { margin-top: 5em; } .usstore .toolbar .limiter { display: none; } .usstore.catalogsearch-result-index .col-main .results-view .toolbar{ border: none; top: -43px;} .usstore.catalog-category-view .toolbar .sorter { display: inline-block; margin: 1px 0 0; } .usstore.catalog-category-view .col-left #narrow-by-list { background: none repeat scroll 0 0 #fff; display: block; padding: 1% 10% 10%; } .usstore .toolbar .sorter { float: right; } .usstore .pager{ clear:both; } .popup-block.popup-remember-tip{ left: 0; margin-left: 0; width: 319px; } .checkout-onepage-index #shipping-new-address-form .control{ float: none;} body.checkout-onepage-index .opc .newsletter label{ max-width: 90% } .my-account .dashboard #dashboard-info .btn-black.sml-btn { margin-bottom: 4px; } } /* Common for tablet and mobile */ @media only screen and (max-width: 989px) { /* Checkout */ .checkout-cart-index .col-main, .checkout-onepage-index .col-main, .customer-account-login .col-main { width: 100%; } .title-block .warner-logo{ display: none; } .payment-options { margin: 0 auto; width: 260px; float: none; clear: both; } .loggedin .addressLabel{ width: auto; } #checkout-step-shipping_method, #checkout-step-review { padding: 10px; width: 100%; margin: 0; } /* Login Forms */ #checkout-step-login { width: 100%; padding: 0; } #checkout-step-login .col2-set { padding: 10px; } #opc-login .col-1, #opc-login .col-2 { min-height: 0; } #checkout-step-login h4 { } #checkout-step-login #login-form { } #checkout-step-login .col-1 { position: absolute; width: 100%; left: 0; top: 120px; padding: 0 10px; height: 0; overflow: hidden; } #checkout-step-login .col-2 { width: 100%; } #checkout-step-login .buttons-set { overflow: hidden; } #checkout-step-login h4, #checkout-step-login .login-spiel { display: none; } #mobLogin{ display: block; } #checkout-step-login .register-form { } #checkout-step-login h4, .customer-account-login h2 { cursor: pointer; } #checkout-step-login h4.active, .customer-account-login h2.active { border-bottom: 1px solid #bbb; padding: 0 0 6px 0; position: relative; cursor: default; } #checkout-step-login h4.active:after, #checkout-step-login h4.active:before, .customer-account-login h2.active:after, .customer-account-login h2.active:before { content: ''; position: absolute; display: block; top: 100%; left: 50%; margin-left: -8px; margin-top: 1px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #fff transparent transparent transparent; z-index: 3; } #checkout-step-login h4.active:before, .customer-account-login h2.active:before { border-width: 9px 9px 0; border-color: #bbb transparent transparent transparent; margin-left: -9px; } #checkoutSteps li:first-child .step-title .number { margin-left: 0; } .form-list .customer-dob input { width: 36px; } .dob-year { width: 76px; } .form-list .add-field input { margin-left: 56%; } .truncate-address-message{ padding: 5px 20px; } .truncate-address-message:after { display: none; } .track-order.popup-link { clear: both; display: block; } .sales-order-view .my-account .data-table .nobr { white-space: nowrap !important; } } /* Mobile (Landscape) - design for a width of 480px | 480px < width < 768px ----------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { .product-details .add-to-box{ min-width: 315px; } .product-details .add-to-wishlist { float: right; } } /* usstore */ @media only screen and (min-width: 768px) { nav li.home-nav a { padding-left: 0; } .usstore #bbb-accreditation { margin: -6px 5px 0; } } @media only screen and (max-width: 600px) { .checkout-onepage-index .opc-discount-block {width: 100%; clear: both;} .checkout-onepage-index .opc-discount-block.giftcard {margin: 20px 0 0 0;} } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px | 640px < width < 768px ----------------------------------------------------------------------- */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Mobile (Portrait) - design for a width of 320px | 320px < width < 480px ----------------------------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Phone only */ #largeImgClk { display: none; } #my-orders-table th:nth-child(5), #my-orders-table td:nth-child(5), #my-orders-table th:nth-child(6), #my-orders-table td:nth-child(6), .sales-order-view .order-details .data-table th:nth-child(2), .sales-order-view .order-details .data-table td:nth-child(2), #my-downloadable-products-table td:nth-child(4), #my-downloadable-products-table td:nth-child(4) { display: none; } #my-downloadable-products-table td.last a { padding: 0; background: none; } .downloadable-customer-products .col-main { padding: 0 8px; } } /* Mobile (Portrait) - design for a width of less than 320px | width < 320px ----------------------------------------------------------------------- */ @media only screen and (max-width: 319px) { } /*usstore */ @media only screen and (max-width: 1023px) { .checkout-page .cart-collaterals .bs-recommend-cart-contents { width: 33% !important; } .bettersales-recommend h3 { font-size: 18px; } .bs-recommend-cart-contents .products-list .product-image { width: 100%; display: block; float: none; max-width: inherit; } .bs-recommend-cart-contents .products-list li .prod-grid-desc { margin: 0; width: 100%; text-align: center; } .checkout-page .bettersales .products-list li .product-name { text-align: center; } .bs-recommend-cart-contents .products-list .price-box { text-align: center; } .bs-recommend-cart-contents .products-list .actions { position: absolute; top: 0; right: 0; background-color: rgba(255,255,255,0.2); padding: 10px; } .bs-recommend-cart-contents .products-list .actions button { display: block; } .bs-recommend-cart-contents .products-list .actions .button-icon > svg { opacity: 0.8; height: auto; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } body.usstore .tab-list.collateral-tabs .tab.active.open:after { content: "-"; margin-top: -9px; right: 35px; } body.usstore .tab-list.collateral-tabs .tab { background: none repeat scroll 0 0 #f5f5f6; display: block; height: 38px; padding: 0.5em 0 0.5em 1em; text-align: left; width: 100%; margin-bottom: 0.8em; } body.usstore .tab-list.collateral-tabs .tab.open.active { margin: 0; } .usstore .tab-container .std { margin: 0.5em 0 0; } body.usstore .tab-list.collateral-tabs .tab:after { content: "+"; font-size: 28px; font-weight: normal; margin-top: -6px; position: absolute; right: 30px; } body.usstore .collateral-tabs.tab-list { height: auto !important; } body.usstore .collateral-tabs .tab-content { height: auto; background: none repeat scroll 0 0 transparent; border: medium none; } body.usstore .collateral-tabs .tab-container { background: none repeat scroll 0 0 #f5f5f6; display: none; padding: 0 10px 10px; position: relative; top: 0; } body.usstore .collateral-tabs .tab-container.open { display: block; margin-bottom: 20px; } } @media only screen and (min-width: 1024px) { .usstore .collateral-tabs.tab-list .tab-container { display: block !important; } } /* Tablets and Desktop (portrait and landscape) ----------- */ @media only screen and (min-width: 768px) and (max-width: 1023px) { body.checkout-onepage-index .opc .newsletter label{ max-width: 93%;} .usstore #logo a, .usstore #logo span{ background-size: 100% auto; width: 400px; height: 73px; } .usstore #search_mini_form .form-search{ margin: 2em 1.4em 0 0; } .form-list li.add-field input{ margin-left: 150px;} .usstore #newsletter-echosmithmailinglistwidget { clear: both; float: left; } } /*Mac resolution stylings */ @media only screen and (min-width: 1440px) { .usstore header, .usstore nav, .usstore .content, .usstore .footer-inner, .usstore address.copyright, .usstore #search_mini_form, .usstore #logo, .usstore .address.copyright,.dialog-bar .dialog-bar-content{ margin: 0 auto; max-width: 1182px; } } /* start review rating */ @media only screen and (max-width: 900px) { .ratings .rating-box { margin-bottom: 20px; } .write-review.popup .close-overlay-link, .read-reviews.popup .close-overlay-link{ font-size: 1.5em; } .ratings.box .read-reviews.popup, .ratings.box .write-review.popup { width: 100%; height: 100%; margin-left: 0; left: 0; top: 0; margin-top: 0; overflow-y: auto !important; } body.read-review-active, body.write-review-active{ position: fixed; } .write-review.popup label[for="review_field"] + div{ width: 100%; } .product-view .write-review .buttons-set p.required{ loat: left !important; padding-left: 0 !important; } .product-view .write-review #review-form .form-list label, .product-view .write-review .review-form .form-list label + div input, .ratings.box .write-review.popup #review_field{ width: 100% !important; } .product-view .write-review #review-form .form-list label + div{ width: 90% !important; } .product-view .write-review #starRatingsDiv .star-rating-control{ float: left; clear: both; padding: 10px 0; } .product-view .write-review #starRatingsDiv .star-rating_title{ min-width: 40px; } } /* end review rating */ /* grid updates to 3 and 5 wide to support fluid with just one