/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ * { margin:0; padding:0; } html { font-size:16px; /* Fix for Opera */ } body { font:75%/150% Neutra2Text-Book, Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; } #root-wrapper {} img { border:0; vertical-align:top; max-width:100%; } a { color:#888; text-decoration:none; } a:hover { text-decoration:none; color:#ca0413; } :focus { outline:0; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 10px; font-weight:normal; } h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ margin-bottom:20px; } h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h4 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h6 { font-size:1.1em; line-height:1.1666em; /*12px, 14px*/ } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !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, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper {} .page { text-align:left; background-repeat:repeat; background-position:center top; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; background:#fff; } .main-container { background-repeat:repeat; background-position:center top; } .main { padding:20px 0; min-height:370px; } /* Decrease padding on home page */ body.cms-index-index .main, body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } /* 1 Column Layout */ .col1-layout .col-main {} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form Elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea { background:#fff; border:1px solid #ddd; color:#888; /* Box model */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Remove default formatting, fix for iOS (rounded corners and shadow) */ -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; box-shadow:none; } input.input-text{ height: 36px; } select { height:36px; padding:8px; text-overflow:ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding:8px; text-overflow:ellipsis; } select option { padding-right:10px; padding-left:5px; } select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:3em !important; text-align:center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; } input.input-text:disabled, select:disabled, textarea:disabled {} /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; display:block; padding:0; font-size:12px; text-align:center; white-space:nowrap; background-color:#ddd; color:#333; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } button.button span span { padding:0 25px; height:45px; line-height:45px; } /* Smaller button - for inline display with input boxes -------------------------------------------------------------- */ button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:36px; height:36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ /*.product-view .btn-cart span, button.btn-checkout span {}*/ .product-view .btn-cart span span, button.btn-checkout span span { padding:5px 25px; font-size:1.1666em; /*14px*/ } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin:0 0 8px; } .form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width:275px; margin-bottom:5px; } .form-list input.input-text { width:262px; /*244px;*/ } .form-list textarea { width:244px; height:10em; } .form-list select { width:262px; } .form-list li.wide .input-box { /*width:535px;*/ } .form-list li.wide input.input-text { /*width:529px;*/ } .form-list li.wide textarea { /*width:529px;*/ } .form-list li.wide select { /*width:535px;*/ } .form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear:both; margin:10px 0; } .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .contacts-index-index .buttons-set { float:left; margin-top:-10px; } .contacts-index-index .buttons-set .required { text-align:left; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ } .buttons-set .back-link small { display:inline-block; margin-right:5px; width:36px; height:36px; text-indent:-9999px; background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png); background-position:-107px -107px; } .buttons-set .back-link:hover small { background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png); background-position:-107px -157px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; } .validation-failed { border:1px solid #ee001c !important; background:#fff !important; } .validation-passed {} /* Required */ p.required { font-size:0.8333em; /*10px*/ text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Specific buttons set -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ .account-create .buttons-set button span span, /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span { min-width: 120px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color:#3d6611; font-weight:bold; } .error { color:#ee001c; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 1%; } .messages > li:last-child { margin-bottom:0; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .catalog-category-view .messages { margin-top:15px; margin-bottom:15px; } .cms-index-index .messages, .cms-home .messages { margin:20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position:25px center !important; background-repeat:no-repeat !important; padding:25px 25px 25px 80px !important; font-size:12px !important; } .error-msg { border-color:#c02230; background-color:#F5DAD3; background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_msg-error.png); color:#c02230; } .success-msg { border-color:#296a23; background-color:#e9ffca; background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_msg-success.png); color:#296a23; } .note-msg, .notice-msg { border-color:#7c622a; background-color:#FDEDA4; background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_msg-note.png); color:#7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { display:inline; font-size:0.9166em; /*11px*/ } .breadcrumbs a { display:block; float:left; } .breadcrumbs li span { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0 -129px no-repeat; width:7px; height:5px; margin:6px 4px 0; display:block; float:left; text-indent:-9999px; overflow:hidden; } .breadcrumbs li strong { font-weight:normal; display:block; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom:0; } .page-title { margin-bottom:20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ } /* Buttons - adjust the height of heading buttons in customer account (required for the Address Book) */ .my-account .title-buttons button span span { height:35px; line-height:35px; } /* Toolbar: pager and sorter %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sorter -------------------------------------------------------------- */ .sorter { padding:5px 0; } /* View mode */ .sorter .view-mode { float:right; } .sorter .view-mode label { margin-right:5px; } .sorter .view-mode .grid, .sorter .view-mode .list { display:inline-block; vertical-align:middle; margin:0 0 0 1px; background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } .sorter .view-mode .grid { background-position:0 -207px; } .sorter .view-mode .list { background-position:-30px -207px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -237px; } .sorter .view-mode a.list:hover { background-position:-30px -237px; } /*.sorter .view-mode .grid { background-position:0 -277px; } .sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; } .sorter .view-mode a.grid:hover { background-position:0 -307px; } .sorter .view-mode a.list:hover { background-position:-30px -307px; }*/ /* Currently selected mode icon */ /*.sorter .view-mode span.grid, .sorter .view-mode span.list {}*/ /* Sort by */ .sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/link-separator.png) right center no-repeat; } .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display:inline-block; text-indent:-9999px; overflow:hidden; } .sorter .sort-by .category-asc { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0 -87px no-repeat transparent; } .sorter .sort-by .category-desc { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) -60px -87px no-repeat transparent; } .sorter .sort-by .category-asc:hover { background-position:-30px -87px; } .sorter .sort-by .category-desc:hover { background-position:-90px -87px; } /* Pager -------------------------------------------------------------- */ .pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } .pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; } .pager .pages li a { display:block; background-color:transparent; color:inherit; } .pager .pages li a.previous, .pager .pages li a.next { text-indent:-9999px; overflow:hidden; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:-1px; /* To cover the top line of the products grid/list */ /* Move up to cover adjacent lines/elements */ position:relative; z-index:1; } /* Pager inside toolbar - align center */ .toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; } .toolbar .pager .pages { display:inline-block; float:none; } /* Bottom toolbar */ .toolbar-bottom { margin-top:10px; } .toolbar-bottom .toolbar { border-bottom:none; } .toolbar-bottom .toolbar .pager { border-top:none; } .toolbar-bottom .sorter { display:none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager { line-height:36px; } /* Important: the same as the height of the form elements */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li { width:30px; height:30px; line-height:30px; } /* Amount */ .pager .amount, .sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float:left; margin-right:15px; } /* All elements - vertical spacing */ .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { padding-top:5px; padding-bottom:5px; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width:100%; } .data-table th, .data-table td { padding:10px; } .data-table thead { background:none; border-bottom:1px solid #e5e5e5; } .data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; } .data-table thead th.wrap { white-space:normal; } .data-table tr.odd td, .data-table tr.odd th { border-right:1px solid #f5f5f5;} .data-table tr.odd td.last { border-right:none; } .data-table tr.odd {} .data-table tr.odd.last { border-bottom:#eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right:1px solid #f5f5f5; } .data-table tr.even td.last { border-right:none; } .data-table tr.even { background-color:#fbfbfb; } .data-table tbody tr:hover {} .data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/ .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {} .data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display:none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #d5d5d5; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart { font-weight:bold; } .link-reorder { font-weight:bold; } .link-print { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; font-weight:normal; color:#e5e5e5; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; } /* Global site notices -------------------------------------------------------------- */ /* Obsolete: */ /*.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; }*/ .global-site-notice { background:#f5f5f5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_notice.gif) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* Buttons remove/close and edit %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a { display:block; width:17px; height:17px; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .btn-remove, .btn-remove2, .tool-tip .btn-close a { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0 -150px no-repeat; } .btn-remove:hover, .btn-remove2:hover, .tool-tip .btn-close a:hover { background-position: -17px -150px; } .btn-remove:active, .btn-remove2:active, .tool-tip .btn-close a:focus { background-position: -34px -150px; } /* Button edit -------------------------------------------------------------- */ .btn-edit { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; } .btn-edit:hover { background-position: -17px -167px; } .btn-edit:active { background-position: -34px -167px; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin:0 0 1em; padding:0; } /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position:3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; } ul.bullet ul li, ul.disc ul li { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom:0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .header { padding:0; } /* Misc header elements -------------------------------------------------------------- */ .header .item {} .header .item-left { float:left; margin-right:20px; } .header .item-right { float:right; margin-left:20px; } .header .welcome-msg {} .header .login-msg {} .header .login-msg a {} .header .login-msg a:hover {} /* Header top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top .lang-switcher, .header-top .currency-switcher { margin:0; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper { margin:10px 0; } .header .logo { display:inline-block; max-width:220px; margin:0; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* User menu, top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .user-menu { float:right; margin:10px 0 10px 10px; } #mini-cart { float:right; } .top-links { float:right; } /* Set floating because there can be more than one list of links. */ .top-links ul { float:right; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top-search-wrapper { float:left; margin:10px 0; } /* Deprecated class */ #search_mini_form { clear:both; display:block; } .form-search { position:relative; } .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text { display: block; height:36px; line-height:36px; /*IE8*/ padding:0px 35px 0 7px; /*0 0 0 5px;*/ color:#bbb; background-color:#fff; overflow:hidden; text-overflow:ellipsis; } /* Button */ .form-search .button { position:absolute; right:0; top:0; } /* Search autocomplete */ .form-search .search-autocomplete { position:relative; z-index:4100 !important; color:#989898; } .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height:28px; line-height:28px; /*IE8*/ } .search-wrapper-small .form-search .button span { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png) no-repeat transparent; background-position: -61px -111px; /*-59px -109px*/ width:28px; height:28px; } .search-wrapper-small .form-search .search-autocomplete { top:30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: centered -------------------------------------------------------------- */ .search-wrapper-centered .form-search { margin:0 auto; width:90%; } .search-wrapper-centered .form-search .input-text { float:right; width:100%; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #mini-cart { position:relative; } .after-mini-cart { clear:both; } /* Mini-cart Heading -------------------------------------------------------------- */ #mini-cart .dropdown-toggle {} /* Deprecated: */ #mini-cart .dropdown-toggle .icon-cart { width:14px; max-height:32px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0px -205px no-repeat; } #mini-cart .dropdown-toggle .summary {} #mini-cart .dropdown-toggle .amount {} #mini-cart .dropdown-toggle .subtotal {} /* Fix icon positioning */ /*#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }*/ /* Mini-cart content -------------------------------------------------------------- */ #mini-cart .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } #mini-cart .dropdown-menu .inner {} #mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } #mini-cart .dropdown-menu .empty { padding:10px 0; } #mini-cart .block-subtitle { padding:0; margin:0 0 10px; } #mini-cart .product-name {} #mini-cart .btn-remove, #mini-cart .btn-edit { float:right; } #mini-cart .product-details strong { font-weight:normal; } #mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align:center; } #mini-cart .actions button { float:left; margin-right:1px; } #mini-cart .truncated { margin-left:3px; } /* Mini-cart on hover -------------------------------------------------------------- */ /* TODO #mini-cart:hover .block-content { display:block; } #mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/ /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .quick-compare { float:right; position:relative; margin:0; padding:0; border:none; } .quick-compare .dropdown-toggle {} .quick-compare .dropdown-menu { width:300px; padding:25px; text-align:left; /* Because cart can be aligned center */ } .quick-compare .dropdown-menu .empty { padding:10px 0; } .quick-compare .dropdown-menu .item { padding:3px 0; } .quick-compare .dropdown-menu .item .product-name { padding-right:20px; } .quick-compare .btn-remove { float:right; } .quick-compare .actions { border-top:1px dotted #e5e5e5; margin:5px 0 0; padding:5px 0 0; text-align:right; } .quick-compare .actions a { float:right; } .quick-compare .actions button { float:left; } /* Block on hover -------------------------------------------------------------- */ .header .block-compare:hover .block-content { display:block; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin:0 0 10px; } .block .block-title {} .block .block-title strong { font-weight:inherit; } .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; } .block .block-content { padding:10px 5px; } .block .block-content li.item { padding:5px 0; } .block .block-content li.item .product-name {} .block .btn-remove { float:right; } .block .btn-edit { float:right; } .block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; } .block .actions a { float:left; } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; } .mini-products-list .product-details { margin-left:69px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } /* Common styling for mini list and cross-sell list */ .mini-products-list .product-image, .cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; } .mini-products-list .product-image:hover, .cart .crosssell .product-image:hover { border-color:#999; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title {} .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding:4px; display:block; text-transform:uppercase; } .block-account li strong { font-weight:normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .block-content { padding:0; } .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } /* List of filters */ .block-layered-nav dl { padding-left:10px; padding-top:10px; } .block-layered-nav dt { font-weight:bold; padding:0; } .block-layered-nav dd { padding:5px 0 10px 5px; } .block-layered-nav dd.last { border-bottom:none; } /* Current filters */ .block-layered-nav .currently { margin:10px 0; } .block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; } .block-layered-nav .currently ol { padding:10px; } .block-layered-nav .currently ol li { margin-bottom:4px; } .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove { float:right; margin-left:5px; } .block-layered-nav .actions { margin:0; } .block-layered-nav .actions a { float:right; } /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:1.5em; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/bullet.png) 3px 5px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 5px; } /* Block: Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-wishlist li.item .btn-remove { margin-left:5px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display:none; position:absolute; padding:1em 0; margin:-20px 0 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-weight:normal; z-index:1; } .block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float:left; margin-bottom:10px; } .block-related-thumbnails .product-details { margin-left:110px; } .block-related-thumbnails .product-details > * { margin-bottom:5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; } .block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; } .block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border:0; } .compare-table .btn-remove { float:right; } .compare-table tbody tr:hover { background-color:#e5e5e5; } .compare-table .product-shop-row { border-bottom:1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color:#eee !important; } .compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align:left; } .compare-table tr.first td { text-align:left; } .compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display:block; margin:0 auto; } .compare-table .add-to-links { margin-top:5px; } .compare-table .add-to-links li { float:none; } .compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; } /* Block: Recently Viewed %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed {} /* Block: Recently Compared %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-compared {} /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight:normal; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width:155px; } .block-subscribe .actions button.button { float:none; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left:0; padding-right:0; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-title h1 {} .category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; } .category-image img {} .category-description { margin:20px 0; position:relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin:-1px 0 10px; } /* Common styles for View Types: List & Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .product-name, .products-grid .product-name, h3.product-name { /* Sizes are modified for different number of columns */ font-size:1.3333em; line-height:1.25em; /*16px 20px*/ } .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left:3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position:absolute; top:0; left:0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img /* Grid only in category view */ { -moz-transform: translateZ(0); } /* View Type: List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top:1px solid #e5e5e5; padding-top:20px; padding-bottom:20px; background-color:#fff; position:relative; /* For hover effect */ transition: box-shadow 0ms ease-in; -moz-transition: box-shadow 0ms ease-in; -webkit-transition: box-shadow 0ms ease-in; -o-transition: box-shadow 0ms ease-in; } .products-list .product-shop {} .products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px } .products-list .right-column { float:right; } .products-list .product-name { margin:0 0 15px; } .products-list .product-image-wrapper {} .products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; } .products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; } .products-list .ratings { margin:10px 0; } .products-list .desc { margin:15px 0px; } .products-list .link-learn {} .products-list .btn-cart { width:100%; max-width:180px; } .products-list .button span { float:none; } .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links { margin:15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:1%; padding-right:1%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* View Type: Grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Products grid: basic styles (common for all types of product grids) -------------------------------------------------------------- */ .products-grid {width:100%;} .products-grid .item { padding-top:20px; padding-bottom:20px; position:relative; /* For hover effect */ } .products-grid .product-name { margin:15px 0 0; } .products-grid .product-image-wrapper { margin:0 auto; position:relative; } .products-grid .product-image { display:block; } .products-grid .price-box { margin:5px 0 10px; font-size:1em; } .products-grid .ratings { margin:10px 0; } .products-grid .actions { margin:10px 0 0; } .products-grid .availability { float:none; margin:5px 0; } .products-grid .add-to-links { margin:10px 0 0; } /* Price: old/special */ /*.products-grid .old-price, .products-grid .special-price { display: inline-block; } .products-grid .old-price { margin-right: 2px; } .products-grid .special-price { margin-left: 2px; }*/ /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position:absolute; bottom:15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display:none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility:visible; opacity:1; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings { display: inline-block; margin-bottom: 0; /* Remove margin from inline-block */ } .products-grid.centered .item .ratings .rating-box { display: inline-block; vertical-align: middle; float: none; /* Remove default float */ } .products-grid.centered .item .ratings .amount { display: inline-block; vertical-align: middle; margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin:0; } /*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/ /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { float:left!important; border-top:1px solid #e5e5e5; border-left:none; border-right:none; zoom:1; padding-top:2%; padding-left:1%; padding-right:1%; background-color:#fff; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left:-1%; margin-right:-1%; padding-left:2%; padding-right:2%; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); border-color:transparent; transition: box-shadow 400ms ease-out; -moz-transition: box-shadow 400ms ease-out; -webkit-transition: box-shadow 400ms ease-out; -o-transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } .products-grid.size-xs .product-name { font-size:1em; /*12px*/ line-height:1.25em;/*15px*/ } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } .products-grid.size-xs .item button.btn-cart span span { padding:3px 8px; height:auto; line-height:2em; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { width:45px; height:45px; font-size:1em; } .products-grid.size-s .item:hover .sticker { width:50px; height:50px; } .products-grid.size-xs .sticker { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .products-grid.size-xs .item:hover .sticker { width:45px; height:45px; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator { display:inline-block; text-indent:-9999px; width:1px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/bg-separator1.gif) no-repeat; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability - with details */ .availability-only { margin:15px 0; } a.availability-only { cursor:pointer; } .availability-only strong { font-weight:normal; } .availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); } .availability-only-details { width:100%; margin:-10px auto 20px; } .availability-only-details thead { border-bottom:1px solid #e5e5e5; } .availability-only-details th { padding:4px 12px; font-weight:bold; } .availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; } .availability-only-details td.last { border-right:none; } /* Product increments */ .product-pricing { line-height:1.25em; /* TODO:15px */ } .extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; } .product-options-bottom .product-pricing { clear:left; } /* Alerts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/icons.png) 0 -160px no-repeat; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space:nowrap !important; } .price-box { margin: 0; } .price-box .price {} .price-box .price-label {} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0; } .old-price .price { text-decoration:line-through; } .old-price-regular { text-decoration:line-through; } /* Special price */ .special-price { margin:0px 0px 0px 12px; padding:0; color: #e6007e; } .special-price .price, .special-price .price-label { color:#ee001c !important; /* Override other color changes */ } .special-price .price-excluding-tax .price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { color:#ee001c; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin:0 0 10px; padding-left: 10px; } .tier-prices li { line-height:15px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; } .tier-prices .benefit { color:#ee001c; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */ /* Add-to links as icons (with no text). Deprecated (will be removed in the next update). -------------------------------------------------------------- */ .addto-icons a.link-wishlist, .addto-icons a.link-compare, .addto-icons a.email-friend { display:block; padding:0; margin:0; width:27px; height:27px; text-indent:-9999em; overflow:hidden; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) no-repeat; background-color:#fff; /*border:1px solid #f5f5f5;*/ } .addto-icons a.link-wishlist:hover, .addto-icons a.link-compare:hover, .addto-icons a.email-friend:hover { background-color:#fff; } .addto-icons a.link-wishlist { background-position:-27px 0; } .addto-icons a.link-wishlist:hover { background-position:-27px -27px; } .addto-icons a.link-compare { background-position:0 0; } .addto-icons a.link-compare:hover { background-position:0 -27px; } .addto-icons a.email-friend { background-position:-54px 0; } .addto-icons a.email-friend:hover { background-position: -54px -27px; } /* If displayed in a group: add margin between icons */ .add-to-links.addto-icons .link-compare, .add-to-links.addto-icons .email-friend { margin-left:3px; } /* If displayed on product image */ .addto-icons.addto-onimage { float:right; margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the image below icons. */ padding-right:4px; } /* Add-to links: simple icons (with no text) -------------------------------------------------------------- */ .addto-links-icons {} /* If displayed in a group: add margin between icons */ .add-to-links.addto-links-icons .link-compare { margin-left:3px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float:right; margin-top:-40px; /* Move up */ position:relative; z-index:1; padding-bottom:4px; /* Use padding to cover the bottom part of the product image below icons */ padding-right:4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-cart .qty-wrapper {} .add-to-cart .qty { text-align:center; margin-right:10px; } .add-to-cart .button { margin-right:10px; } .product-view .add-to-cart { float:left; } .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Box floating right -------------------------------------------------------------- */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #messages_product_view { margin: 0 auto; width: 98%; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left:0; margin-right:0; width:100%; } /* 3 Columns Layout -------------------------------------------------------------- */ /* Uncomment if you're using 3-column layout on product page */ /*.catalog-product-view .col3-layout .product-img-column, .catalog-product-view .col3-layout .product-shop, .catalog-product-view .col3-layout .product-secondary-column, .catalog-product-view .col3-layout .box-additional { float: none; width: 100%; } .catalog-product-view .col3-layout .img-box .product-image { margin: 0 auto; width: 57%; }*/ /* Main sections of product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for product page collaterals */ .product-view .box-additional { margin-top:20px; } .product-view .box-tabs {} .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float:left; margin-bottom:10px; position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */ } .col3-layout .product-view .product-img-column { float:none; margin:0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float:left; } .product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ } .product-view .product-shop .product-name h1 { margin:0; } .product-view .product-shop .ratings-table { margin:15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ } .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Add-to links */ .product-view .action-box { margin:20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } /* Other elements */ .extrahint-wrapper { margin-bottom:15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight:bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price { display:block; /* Move price below the label */ } /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Special price */ .product-view .price-box .special-price { white-space:nowrap; /*Chrome*/ } .product-view .price-box .special-price .price-label { white-space:nowrap; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin:15px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #e5e5e5; } /* Button container */ .product-view .add-to-box { margin-top:15px; } /* Background color for main containers */ /*.product-view .product-type-data, .container1-wrapper, .container2-wrapper, .product-view .add-to-box {}*/ /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } .product-view .short-description .std ul li, .product-view .box-tabs .std ul li { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position:relative; margin-bottom:15px; } .product-options dt { font-weight:normal; } .product-options dt label { display:inline-block; font-weight:bold; } .product-options dt label.required em { float:right; margin-left:3px; } .product-options dd .qty-holder { display:block; padding:5px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin:3px 0 10px; } .product-options dl.last dd.last { border-bottom:0; } .product-options dd input.input-text { width:100%; /*98%*/ } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; } .product-options ul.options-list input.checkbox { float:left; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:-15px; } /* Override form colors */ /* .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; border-color:#ddd; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; border-color:#aaa; }*/ /*bottom*/ .product-options-bottom { margin-top:20px; } .product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom { margin:0; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin:0; clear:both; } .product-view .grouped-items-table thead th { font-weight:bold; } .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; } /* Product collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide first h2 heading (which is the same as tab text) */ .box-tabs .panel > h2:first-child { display:none; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; } .product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top:15px; } .product-view .box-reviews dl { margin:0 0 15px; } .product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; } .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dt a { font-size:18px; margin-right:8px; } .product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; } .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; } .product-view .box-reviews .ratings-table { margin:5px 0; } .product-view .box-reviews .form-add {} .product-view .box-reviews .form-add h2 { text-transform:uppercase; } .product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family:inherit; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box {} .product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; } .product-view .box-reviews .form-add .data-table { max-width:176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; } .product-view .box-reviews .form-add .data-table td .radio { margin:0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin:0; font-weight:normal; font-size:1em; } /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search-summary { padding:20px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right:10px; width:140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ } .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 5px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin:15px; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { clear:both; } /* RSS */ .rss-title h1 { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom:1px solid #e5e5e5; } .cart-table th.last { border-right:none; } .cart-table .product-image { width:168px; display:block; } .cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; } .cart-table tfoot td { padding:5px 10px; border:none; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; } .cart-table tfoot button { padding:0; margin:0 0 15px 10px; } .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom:20px; } .cart .cart-right-column { float:right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float:left; } .cart .crosssell .product-details { margin-left:85px; } .cart .crosssell .btn-cart { float:left; margin-right:10px; } .cart .crosssell .add-to-links { float:left; margin:12px 0 0; } .cart .crosssell .price-box { margin:7px 0; } .cart .crosssell li.item { padding:20px 0; } .cart .crosssell li.item.odd { margin-left:0; clear:left; } .cart .crosssell li.item.even { margin-right:0; float:right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; } .cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left:20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display:block; margin:0 0 5px; } .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:10px; } .cart .shipping .sp-methods { margin:10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color:#f5f5f5; } .cart .totals-inner { padding:20px; } .cart .totals table { width:100%; } .cart .totals td { padding:1px 0px 1px 7px; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom:5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Cart static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options { line-height:15px; } .item-options dt { white-space:nowrap; float:left; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; } /* Item options in cart/checkout tables */ .data-table .item-options dt { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/bullet.png) 0 4px no-repeat; padding-left:10px; white-space:normal; /* Override 'nowrap' */ } .data-table .item-options { margin:0 0 0 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor:help; display:inline-block; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; } .truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin:15px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding:10px 10px 10px 30px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; } .gift-messages-form p { margin-bottom:10px; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight:bold; color:#666; } .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements { padding:0 60px 20px; } .checkout-agreements li { margin:0 0 20px; } .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; } .opc .checkout-agreements { padding:15px 30px; } .checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* Other */ .block-progress .block-title { background:none; border:0; padding:10px 0;} .block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; } .block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; } .block-progress dt { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/checkout-progress.png) 0 5px no-repeat; line-height:18px; margin:0 0 5px; padding:6px 0 6px 30px; font-weight:bold; } .block-progress dd { line-height:15px; border-top:0 none; margin:0 0 6px; padding:8px 10px; } .block-progress dt.complete { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/checkout-progress-done.png) 0 5px no-repeat; } .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:28px; line-height:28px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc .section { margin:0 0 10px; padding:0; } .opc .step-title { background:#f5f5f5; padding:10px; text-align:right; } .opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; } .opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; } .opc .step-title a { display:none; float:right; margin-top:6px; } .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title { background:#f5f5f5; } .opc .allow .step-title:hover { background-color:#e5e5e5; } .opc .allow .step-title h2 { color:#333; } .opc .allow .step-title a { display:block; } .opc .active .step-title { background-color:#e5e5e5; cursor:default; } .opc .active .step-title .number { color:#fff; background-color:#333; } .opc .active .step-title h2 {} .opc .active .step-title a { display:none; } .opc .step { padding:10px 20px; margin-top:10px; position:relative; } .opc .step .tool-tip { right:30px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login h3 { margin-top:10px; } #opc-login h4 { font-family:inherit; font-weight:normal; } #opc-login .form-list { margin:15px 0 15px; } #opc-login .form-list li { margin:0 0 3px;} #opc-login .buttons-set { padding:0; } .opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;} .opc .gift-messages-form .inner-box { overflow:visible; } #opc-review .step { padding:0; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { border:0; padding:15px 30px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { height:28px; line-height:28px; } #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size:15px; font-weight:bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:12px; font-weight:normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:13px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight:normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#ce001a; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding:0 110px; margin:-11px 0 25px; } .checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; } .checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; } .multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; } .multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; } .multiple-checkout .data-table thead th { padding:10px; font-weight:normal; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .col2-set .col-1 { width:32%; } .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; } /* Step 1 */ #multiship-addresses-table td { padding:10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom:20px; } .account-login p { margin-bottom:20px; } .account-login p.required { margin:0; } .account-login .buttons-set { clear:none; padding:0; margin:0; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button { float:left; margin-left:0; } .account-login .buttons-set a, #opc-login .buttons-set a { float:right !important; margin:4px 0 0; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account {} .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* General Box */ .box-account { margin:0 0 2.5em; } .box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; } .box-account .box-head a { float:right; margin-top:10px; } .box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account.box-info .col-1 { border-right:1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right:10px; } .dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 {} /* Block: Account Information */ .dashboard .box-info .box-head h2 {} .dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; } .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Add left padding if icons are displayed in headings */ /*.box-account .box-head h2, .order-items h2, .order-about h2 { padding-left:38px; }*/ /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight:normal; } .addresses-list address { margin-bottom:10px; } .addresses-list .link-remove:hover { color:#ee001c; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; } .my-account .pager { margin-bottom:20px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin:20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight:bold; } .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#f8f8f8; } .order-info li a:hover, .order-info li.current { background-color:#e5e5e5; } /* Date */ .order-date { margin:15px 0; color:#ee001c; clear:both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin:0 0 10px; padding:20px; } .order-info-box .col-1 { border-right:#e5e5e5 solid 1px; } .order-info-box h2 {} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { padding:5px 9px; } .order-items .data-table .grand_total { font-size:1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items { width:100%; } .order-items .product-name { margin:0 0 3px; font-size:12px; } .order-items .link-print { font-weight:normal; } .order-items p .link-print { float:none; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items h3.table-caption { font-size:13px; font-weight:bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size:12px; font-weight:normal; text-transform:none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 {} .order-details h2 {} .order-details h2 .separator { color:#999; font-size:12px; } .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight:bold; } .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight:bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; max-width: 270px } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; } .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { background:#f8f8f8; } .my-wishlist .btn-cart { margin:10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews TODO:deprecated %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { margin:0 0 8px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:12px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:12px; margin:5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } /*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/ /* Additionally remove the button */ .remember-me-popup .remember-me-popup-close-button { display:none; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px; } .map-cart-sidebar-total:hover { overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); } .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ } .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ } .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:1.5em; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index:200; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2 { background-repeat:repeat; background-position:center top; background-attachment: scroll; } .footer { width:960px; margin:0 auto; padding:0; text-align:left; } .footer .item-left { float:left; margin-right:20px; } .footer .item-right { float:right; margin-left:20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top {} /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary {} /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { padding-top:20px; padding-bottom:20px; border-bottom:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); } .footer-primary-bottom-spacing { border-top:1px solid; border-color:#eee; border-color:rgba(0,0,0, 0.05); padding-top:20px; padding-bottom:20px; } /* Footer secondary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-secondary {} /* Footer bottom %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-bottom-container {} .footer-bottom { padding-top:10px; /* To counterbalance the bottom margin of footer elements */ } /* Footer elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Newsletter form -------------------------------------------------------------- */ #subscribe-form {} #subscribe-form form { display:block; } #subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; } #subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; } #subscribe-form .input-box .validation-advice { padding:10px 0; margin:0; width:140%; position:absolute; top:-103%; left:-20%; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.9); z-index:1; } #subscribe-form .input-text { float:left; width:auto; } #subscribe-form .input-text.validation-failed {} #subscribe-form .button { float:left; } /* Social services -------------------------------------------------------------- */ .social-links span.icon { margin-bottom:3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display:none; position:fixed; width:50px; height:50px; bottom:30px; right:30px; z-index:9999; text-indent:-9999px; border-radius:50%; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png) -200px -100px no-repeat #e5e5e5; } #scroll-to-top:hover { background-position:-200px -150px; background-color:#333; } /* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display:none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, /* Additional clearing */ .my-account .order-info:after, #mini-cart .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .section-line:after, .section-title:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* BOF NEW LOOKS PAGE*/ .look-items-wrapper { } .looks-wrapper-ul { padding: 0px; margin: 0px; text-align: center; } .looks-wrapper-ul > li { display: inline-block; margin: 7px; color: #9a9a9a; text-transform: uppercase; position: relative; overflow: hidden; } .looks-information-wrapper { /*background-color: rgba(255,255,255, 0.8);*/ position: absolute; /*bottom: -150px;*/ bottom: 0px; width: 100%; padding: 20px 0px; text-align: center; /*-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;*/ } /*.looks-wrapper-ul > li:hover .looks-information-wrapper { bottom: 0px; }*/ .looks-information { width: 300px; margin: 0px auto; display: inline-block; margin: 0px auto; } h1.looks-title { font-size: 14px; } h1.looks-title span { border-bottom: 1px solid #9a9a9a; padding: 4px 10px 6px 10px; } .look-bundle-wrapper { clear: both; } .look-bundle-wrapper > li { margin-bottom: 3px; } .look-bundle-wrapper > li.bundle-simple-name { float:left; width: 45%; text-align: left; padding: 0px 10px; } .look-bundle-wrapper > li.bundle-simple-price { float: right; width: 45%; text-align: right; padding:0px 10px; } .look-bundle-wrapper > li.bundle-simple-price .price-box .price { color: #9a9a9a; } .looks-information .price-box .regular-price .price { color: #9a9a9a !important; } .look-button-items { margin-top: 16px; } .look-button-items a { border: 1px solid #FFF; padding: 7px 18px; color: #FFF; background-color: rgba(0, 0, 0, 0.1); } .look-button-items a:hover { color: #FFF; border: 2px solid #FFF; background-color: rgba(0, 0, 0, 0.1); } .looks-container .toolbar { display: none; } .loadmore { text-align: center; margin-top: 50px; margin-bottom: 10px; } .loadmore a { border: 1px solid #9a9a9a; padding: 8px 40px; color: #9a9a9a; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 2px; } .loadmore a:hover { border: 2px solid #9a9a9a; } .load-more-disable { opacity: 0.4; } .load-more-disable a { cursor: default; } .table-center { text-align: center; margin: 0px auto; } .table-center .configurable-name { padding-right: 10px;} .table-center .price-box .price { color: #9a9a9a; } /* EOF NEW LOOKS PAGE*/ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog 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 { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* 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 { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.mey.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .amazonpayments-or { line-height: 2.3; margin: 0 8px; } .cart .totals .checkout-types .amazonpayments-or { display: block; clear: both; font-size: 11px; line-height: 1; padding: 8px 55px 0 0; } .block-cart .actions .amazonpayments-or { display: block; clear: both; font-size: 11px; line-height: 1; padding: 8px 55px 8px 0; margin: 0; } .pay-with-amazon-tooltip { border: solid 1px #bbbbbb; background-color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 10px 15px; width: 300px; font-size: 11px; text-align: left; box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; -moz-box-shadow: 0 0 5px #888; -o-box-shadow: 0 0 5px #888; } .pay-with-amazon-tooltip img { float: right; padding: 5px 0 5px 10px; } .pay-with-amazon-onepage-shortcut { padding-bottom: 10px; } .pay-with-amazon-onepage-shortcut p { padding: 10px 0; } .pay-with-amazon-onepage-shortcut p img { display: none; } .payButtonWidget { display: inline; } .payButtonWidget img { cursor: pointer; } .checkout-types.bottom .payButtonWidget { display: block; } .checkout-types.bottom .amazonpayments-or { text-align: right; padding-right: 70px; margin: 0; } .checkout-types.minicart .payButtonWidget img { display: inline; } .checkout-types.minicart .amazonpayments-or { display: block; } .checkout-onepage-index .loginButtonWidget, .checkout-onepage-index .payButtonWidget { margin-bottom: 15px; text-align: right; } ol.apa { list-style: none outside none; margin: 0; padding: 0; width: 100%; } .apa .section { margin: 0 0 15px 0; } .apa .store-widget { clear: both; border: solid 1px #bbbbbb; background-color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; } .apa .amazon-widget-overlay { position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } .apa .step-title { margin: 12px; } .apa .step-title img { float: left; height: 22px; margin: 0 7px 0 0; vertical-align: middle; width: 23px; } .apa .step-title h2 { color: #2f3841; font-family: Arial; font-size: 14px; font-weight: bold; vertical-align: middle; text-transform: none; } .apa .section-content { margin: 0 12px 12px; } .apa .section-please-wait { display: none; height: 80px; margin: 12px; background: url('https://www.mey.com/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat; } .apa .amazon-widget.loading { min-height: 80px; background: url('https://www.mey.com/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat; } .apa .loading .section-content { display: none; } .apa .loading .section-please-wait { display: block; } .apa .sandbox-simulation select { width: 25%; } .apa .sandbox-simulation p { margin: 0 0 10px; } .apa .buttons-set { line-height: 40px; } .apa .buttons-set.disabled button.button { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } .amazon-login { padding-top: 27px; } .amazon-login.position-before { padding-top: 0 !important; padding-bottom: 27px; } .amazon-login .content { min-height: 100px; } .buttons-set button.cancel span { border-color:#406a83; background:#618499; } #addressBookWidgetDiv, #walletWidgetDiv { width: 100%; height: 100%; } .apa .amazon-widget { display: block; height: 300px; clear: none; } .apa .section { display: block; clear: none; } @media only screen and (min-width: 575px) { .apa #apa-shipping { width: 260px; margin-right: 15px; float: left; } .apa #apa-payment { margin-left: 275px; } .apa-virtual-checkout #apa-payment { margin-left: 0 !important; } } @media only screen and (min-width: 775px) { .apa #apa-shipping { width: 360px; margin-right: 15px; float: left; } .apa #apa-payment { margin-left: 375px; } } @media only screen and (min-width: 960px) { .apa #apa-shipping { width: 310px; margin-right: 15px; float: left; } .apa #apa-payment { width: 310px; margin-right: 15px; margin-left: 0; float: left; } .apa .narrow-section { height: 298px; margin-left: 650px; clear: none; overflow: auto; } .apa-virtual-checkout #apa-payment { width: 360px; float: left; margin-right: 15px; } .apa-virtual-checkout .review-section { margin-left: 375px; height: 298px; clear: none; overflow: auto; } } #extabs span#tb4 { width: 100px; } div#noticeevents { border: 1px solid #999; background-color: #FFF; height: 100px; overflow: auto; } div#noticeevents div { border-bottom: 1px dotted #DDD; padding: 3px; margin: 0px; } .runner { -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; font-size: .8em; background-color: #333; color: #FFF; padding: 2px 10px 5px 10px; cursor: pointer; } /** Growler Notice Custom Styling **/ div.Growler-notice { background-color: #000; color: #fff; opacity: .85; filter: alpha(opacity = 85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-height: 40px; z-index: 10000; } div.Growler-notice-head { font-weight: bold; font-size: 10px; } div.Growler-notice-exit { float: right; font-weight: bold; font-size: 12px; cursor: pointer; } /** Plain Theme **/ div.plain { color: #000; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background-color: #EDEDED; border: 1px solid #777; } div.plain div.Growler-notice-head { font-weight: bold; font-size: 10px; padding: 2px 10px; } div.plain div.Growler-notice-exit { float: right; cursor: pointer; margin: 0px; padding: 0px 0px 2px 2px; width: 10px; height: 10px; color: #BFBFBF; } div.plain div.Growler-notice-body { padding: 5px; } /** Mac OS X Theme **/ div.macosx { color: #000; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background: #d7d7d7 url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/macosx.jpg) repeat-y 0; border: 1px solid #C9C9C9; } div.macosx div.Growler-notice-head { font-weight: bold; font-size: 10px; padding: 5px 10px; } div.macosx div.Growler-notice-exit { width: 15px; height: 15px; float: left; cursor: pointer; margin: 4px; margin-left: 1px; font-size: 0em; color: transparent; background: transparent url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/macosx_exit.png) no-repeat left 0; } div.macosx div.Growler-notice-exit:hover { background: transparent url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/macosx_exit_over.png) no-repeat left 0; } div.macosx div.Growler-notice-body { padding: 2px 0 10px 25px; } /** Candybars Theme **/ div.candybar { color: #000; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background-color: #F5F7FA; border: 1px solid #19304B; } div.candybar div.Growler-notice-head { font-weight: bold; font-size: 10px; background: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/candybars.jpg) repeat-x; padding: 5px 10px; } div.candybar div.Growler-notice-exit { float: right; cursor: pointer; margin: 3px; } div.candybar div.Growler-notice-body { border-top: 1px solid #999; padding: 10px; } /** Construction Theme **/ div.atwork { color: #FFF; width: 253px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; min-height: 40px; background: #4d4d4d url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/atwork.png) repeat-y 0; border: 1px solid #222; } div.atwork div.Growler-notice-head { font-weight: bold; font-size: 12px; padding: 5px 20px; color: #efca23; } div.atwork div.Growler-notice-exit { float: right; cursor: pointer; margin: 3px; } div.atwork div.Growler-notice-body { padding: 2px 0 10px 25px; } #MB_overlay { position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; border: 0; background-color: #000!important; } #MB_overlay[id] { position: fixed; } #MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; } #MB_window[id] { position: fixed!important; } #MB_frame { position: relative; background-color: #EFEFEF; height: 100%; } #MB_header { margin: 0; padding: 0; } #MB_content { position: relative; padding: 6px .75em; overflow: auto; } #MB_caption { font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; } #MB_close { display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; } #MB_close:hover { background: transparent; } #MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(https://www.mey.com/skin/frontend/ultimo/fg_mey/ajaxcart/spinner.gif) 50% 0 no-repeat; } /* Color scheme */ #MB_window { background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 0 64px #000; -moz-box-shadow: #000 0 0 64px; box-shadow: 0 0 64px #000; } #MB_frame { padding-bottom: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #MB_content { border-top: 1px solid #F9F9F9; } #MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; } #MB_caption { color: #000 } #MB_close { color: #777 } #MB_close:hover { color: #000 } /* Alert message */ .MB_alert { margin: 10px 0; text-align: center; } /** * Lightbox */ /* ColorBox Core Style -------------------------------------------------------------- */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; } .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* ColorBox skin. The following styles are ordered & tabbed in a way that represents the nesting of the generated HTML. -------------------------------------------------------------- */ #cboxOverlay{background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxContent{background:#fff; overflow:hidden; border:none;/*10px solid #333*/ padding:10px; } .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:40px; /*10px above buttons*/ } #cboxCurrent{position:absolute; bottom:17px; left:80px; color:#999;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious, #cboxNext { position:absolute; background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png) no-repeat #ddd; width:30px; height:30px; text-indent:-9999px; } #cboxPrevious:hover, #cboxNext:hover { background-color:#333; } #cboxPrevious{bottom:10px; left:10px; background-position:-10px -10px;} #cboxPrevious:hover{background-position:-10px -60px;} #cboxNext{bottom:10px; left:40px; background-position:-60px -10px;} #cboxNext:hover{background-position:-60px -60px;} #cboxLoadingOverlay{background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:10px; right:10px; background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/close-button.png) -10px -10px no-repeat #ddd; width:30px; height:30px; text-indent:-9999px;} #cboxClose:hover{background-position:-10px -60px; background-color:#333;} /* Captions */ #cboxTitle {position:absolute; bottom:17px; left:0; text-align:center; width:100%; color:#999;} /* Alternative position and style of captions */ /* #cboxTitle { position: absolute; bottom: 50px; left: 10px; text-align: left; right: 10px; color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); padding: 10px; } */ #cboxNext, #cboxPrevious, #cboxClose { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-carousel .owl-item > .item.slide { text-align:center; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /** * Generic interface elements */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position:absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float:left; display:block; width:30px; height:30px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; cursor:pointer; text-decoration:none; text-indent:-9999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; margin-right:1px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows1 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position:absolute; display:block; width:50px; height:50px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-9999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */ opacity:0; filter:alpha(opacity=0); } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { background-position:-2px 0; left:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-2px -50px; } .slider-arrows2 .owl-controls .owl-buttons .owl-next { background-position:-48px 0; right:0; top:44%; } .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-48px -50px; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position:absolute; display:block; width:30px; height:30px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position:-10px -10px; top:30%; left:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover { background-position:-10px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .slider-arrows3 .owl-controls .owl-buttons .owl-next { background-position:-60px -10px; top:30%; right:-32px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover { background-position:-60px -60px; } .slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Position */ /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#eee; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline;/*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color:#fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width:10px; height:10px; margin:8px; transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; /* transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/ } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width:16px; height:16px; margin:5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor:default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position:absolute; bottom:3.5%; right:1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position:absolute; bottom:3.5%; left:1.5%; } /* Deprecated classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Simple directional arrows %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-direction-arrows1 a.previous, .gen-direction-arrows1 a.next { display:block; width:30px; height:30px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-direction-arrows1 a.previous { background-position:-10px -10px; } .gen-direction-arrows1 a.previous:hover { background-position:-10px -60px; background-color:#333; } .gen-direction-arrows1 a.next { background-position:-60px -10px; } .gen-direction-arrows1 a.next:hover { background-position:-60px -60px; background-color:#333; } /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: small, outside the slider -------------------------------------------------------------- */ .gen-slider-arrows1 .direction-nav li { float:left; } .gen-slider-arrows1 .direction-nav a { display:block; width:30px; height:30px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#e5e5e5; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows1 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows1 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows1 .direction-nav a.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ } .gen-slider-arrows1 .direction-nav .prev { background-position:-10px -10px; margin-right:1px; } .gen-slider-arrows1 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows1 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows1 .direction-nav .next { background-position:-60px -10px; } .gen-slider-arrows1 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows1 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Positioning: -------------------------------------------------------------- */ .gen-slider-arrows1-pos-top-right .direction-nav { position:absolute; top:-40px; right:0px; } .gen-slider-arrows1-pos-top-left .direction-nav { position:absolute; top:-40px; left:0px; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: large, on slider, split -------------------------------------------------------------- */ .gen-slider-arrows2 .direction-nav { height:0; } .gen-slider-arrows2 .direction-nav a { position:absolute; display:block; width:50px; height:50px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 0ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; /* Fix: opacity transition disabled for Firefox to prevent possible glitches during animation */ opacity:0; filter:alpha(opacity=0); } .gen-slider-arrows2:hover .direction-nav a { opacity:1; filter:alpha(opacity=100); } .gen-slider-arrows2:hover .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); } .gen-slider-arrows2 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows2 .direction-nav a.disabled { cursor:default; } .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows2 .direction-nav .prev { background-position:0 0; left:1.5%; top:45%; } .gen-slider-arrows2 .direction-nav .prev:hover { background-position:0 -50px; } .gen-slider-arrows2 .direction-nav .prev.disabled:hover { background-position:0 0; } .gen-slider-arrows2 .direction-nav .next { background-position:-50px 0; right:1.5%; top:45%; } .gen-slider-arrows2 .direction-nav .next:hover { background-position:-50px -50px; } .gen-slider-arrows2 .direction-nav .next.disabled:hover { background-position:-50px 0; /* Same as default */ } /* Style: only background image -------------------------------------------------------------- */ .gen-slider-arrows2-style1 .direction-nav a { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slideshow-arrows-solid.png); background-color:transparent !important; } /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: at the left and the right side of the slider -------------------------------------------------------------- */ .gen-slider-arrows3 .direction-nav a { position:absolute; display:block; width:30px; height:30px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/slider-arrows.png); background-repeat:no-repeat; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } .gen-slider-arrows3 .direction-nav a:hover { background-color:#333; } .gen-slider-arrows3 .direction-nav a.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; } .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:#fff; /* Must be the same as default color */ } .gen-slider-arrows3 .direction-nav .prev { background-position:-10px -10px; top:22px; left:-32px; } .gen-slider-arrows3 .direction-nav .prev:hover { background-position:-10px -60px; } .gen-slider-arrows3 .direction-nav .prev.disabled:hover { background-position:-10px -10px; /* Same as default */ } .gen-slider-arrows3 .direction-nav .next { background-position:-60px -10px; top:22px; right:-32px; } .gen-slider-arrows3 .direction-nav .next:hover { background-position:-60px -60px; } .gen-slider-arrows3 .direction-nav .next.disabled:hover { background-position:-60px -10px; /* Same as default */ } /* Style: long (high) buttons -------------------------------------------------------------- */ .gen-slider-arrows3-style1 .direction-nav a { height:75px; } .gen-slider-arrows3-style1 .direction-nav .prev { background-position:-10px 13px; top:0; left:-32px; } .gen-slider-arrows3-style1 .direction-nav .prev:hover { background-position:-10px -37px; } .gen-slider-arrows3-style1 .direction-nav .prev.disabled:hover { background-position:-10px 13px; /* Same as default */ } .gen-slider-arrows3-style1 .direction-nav .next { background-position:-60px 13px; top:0; right:-32px; } .gen-slider-arrows3-style1 .direction-nav .next:hover { background-position:-60px -37px; } .gen-slider-arrows3-style1 .direction-nav .next.disabled:hover { background-position:-60px 13px; /* Same as default */ } /* Generic pager 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager1 .control-nav { text-align:center; } .gen-slider-pager1 .control-nav li { float:left; margin-left:3px; } .gen-slider-pager1 .control-nav li:first-child { margin-left:0; } .gen-slider-pager1 .control-nav a { display:block; width:20px; height:20px; background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/pager.png); background-repeat:no-repeat; background-color:transparent; cursor:pointer; text-decoration:none; text-indent:-999px; overflow:hidden; } .gen-slider-pager1 .control-nav a:hover { background-position:0 -60px; } .gen-slider-pager1 .control-nav a.active { background-position:0 -30px; cursor:default; } .gen-slider-pager1 .control-nav a.active:hover {} /* Style: small -------------------------------------------------------------- */ .gen-slider-pager1-style1 .control-nav li { margin-left:0; } .gen-slider-pager1-style1 .control-nav a { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/pager-small.png); } /* Positioning: -------------------------------------------------------------- */ .gen-slider-pager1-pos-bottom-right .control-nav { position:absolute; bottom:4.4526%; right:1.5%; } .gen-slider-pager1-pos-bottom-left .control-nav { position:absolute; bottom:4.4526%; left:1.5%; } /* Additional pager positioning for slider-arrows1 */ .gen-slider-arrows1-pos-top-right-pager .control-nav { position:absolute; top:-33px; right:71px; } /* Generic pager 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Default style: -------------------------------------------------------------- */ .gen-slider-pager2 .control-nav { text-align:center; } .gen-slider-pager2 .control-nav li { float:left; } .gen-slider-pager2 .control-nav a { display:block; width:10px; height:10px; margin:8px; background-color:#fff; cursor:pointer; text-decoration:none; text-indent:-9999px; overflow:hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); border-radius: 50%; } .gen-slider-pager2 .control-nav a:hover { background-color:#000; } .gen-slider-pager2 .control-nav a.active { cursor:default; width:16px; height:16px; margin:5px; } /** * Brands */ /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .owl-item.loading { min-height:60px; } /* Brand in secondary column on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-secondary-column .box-brand .attribute { font-size:1.25em; font-weight:bold; line-height:1.2em; margin:10px 0; text-align:center; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper {} .the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin:0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position:relative; /* Container for caption */ } .the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */ .the-slideshow-banners .banner a { display:block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity:0.75; filter:alpha(opacity=75); } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col .item:nth-child(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col .item:nth-child(4n+1) { clear:left; } .itemgrid-4col .item.dop { width:48%; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col .item:nth-child(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col .item:nth-child(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col .item:nth-child(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col .item:nth-child(8n+1) { clear:left; } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { float:left; display:block; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li.active {} .accordion li.current {} .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; width:49px; height:49px; background: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.active > .opener { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; /*background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-w.png); } /* Active */ /*.accordion-style1 li.active > .opener { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-small-active.png); }*/ .accordion-style1 li.active > .opener:hover { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible { position:relative; } .collapsible .block-title { padding-top:8px; padding-right:35px; /* Space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; width:30px; height:30px; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener.png); background-position:center center; background-repeat:no-repeat; /*border-radius:50%;*/ } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-w.png); } .collapsible.active .opener { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible { position: static; } /* * Navigation menu */ /* Sidebar menu (vertical, for sidebars) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .vertnav-side { float:left; width:100%; } /* Mobile menu (vertical, in the header) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st level links from the default menu -------------------------------------------------------------- */ #mobnav { display:none; } #mobnav-trigger { display:block; padding:0 15px; } /* Mobile menu icon */ #mobnav-trigger .trigger-icon { display:block; float:left; width:23px; padding-top:18px; margin:0 8px 0 0; } #mobnav-trigger .trigger-icon .line { display:block; background-color:#fff; height:3px; margin-bottom:2px; } /* Mobile menu elements -------------------------------------------------------------- */ .nav-container .vertnav-top { /* Added wrapper-class to make selector more specific and prevent overriding */ display:none; margin-top:0 !important; } .vertnav-top.mobile { display:block; /* Visible even when collapsed (to show bottom border) */ overflow:hidden; height:auto; max-height:0px; transition: max-height 500ms ease-in-out 0s; -moz-transition: max-height 500ms ease-in-out 0s; -webkit-transition: max-height 500ms ease-in-out 0s; -o-transition: max-height 500ms ease-in-out 0s; } .vertnav-top.mobile.show { max-height:9999px; transition: max-height 500ms ease-in-out 0s; -moz-transition: max-height 500ms ease-in-out 0s; -webkit-transition: max-height 500ms ease-in-out 0s; -o-transition: max-height 500ms ease-in-out 0s; } .vertnav-top li a { font-size:16px; /*1.3333em*/ line-height:18px; /*1.125em*/ } /* 3rd-level items - smaller font, no transform */ .vertnav-top li li li a { font-size:1.1666em; /*16px*/ text-transform:none; } /* Drop-down menu (horizontal) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position:relative; /* Drop-down box position is relative to this element */ z-index:2000; -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.mobile { display:none; } /* Hide on mobile */ #nav .opener { display:none; } /* All levels -------------------------------------------------------------- */ #nav li { text-align:left; } #nav li a { display:block; text-decoration:none; } #nav li a span { display:block; white-space:nowrap; } #nav li ul a span { white-space:normal; } /* 1st level only -------------------------------------------------------------- */ #nav > li { float:left; } #nav > li.last { padding-right:0; } #nav > li > a { display:block; padding:0 12px; -webkit-tap-highlight-color: transparent; } #nav > li > a > span { display: inline-block; font-size: 16px;} /* Drop-down boxes: wide: 2nd-level category drop-down box + custom block drop-down box classic: custom block drop-down box -------------------------------------------------------------- */ #nav .level0-wrapper { position:absolute; left:-10000px; background-color:#fff; width:100%; /* Uncomment to fix possible glitches during animation in webkit browsers */ /*-webkit-transform: translateZ(0);*/ } /* Inner wrapper for additional padding */ #nav .level0-wrapper2 { padding:2%; } #nav .level0-wrapper2:before, #nav .level0-wrapper2:after { display: table; line-height: 0; content: ""; } #nav .level0-wrapper2:after { clear: both; } /*#nav .level0-wrapper { position:absolute; top:49px; background-color:#fff; width:96%; padding:2%; left:0; visibility:hidden; opacity:0; transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -moz-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -webkit-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; -o-transition: visibility 0s ease-in-out 450ms, opacity 300ms ease-in-out 150ms; } #nav > li:hover .level0-wrapper { visibility:visible; opacity:1; transition-delay:150ms; -moz-transition-delay:150ms; -webkit-transition-delay:150ms; -o-transition-delay:150ms; }*/ /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* item with "feature" class */ #nav a.level-top.feature { margin:0; /* Remove default margins */ } /* Icon inside item */ #nav li a.level-top .icon { padding: 3px; margin: 0; float: none; display: inline-block; vertical-align: middle; background-color:transparent !important; /* Remove default colors */ } #nav li:hover a.level-top .icon { padding: 3px; } /* Single icon as home link -------------------------------------------------------------- */ #nav #homelink-icon { margin-left: 12px; /* The same as side padding of top-level items */ } #nav #homelink-icon a.level-top { padding-left: 5px; padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; } /* Additional elements in the drop-down menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Static blocks displayed as a drop-down in the main menu -------------------------------------------------------------- */ /* Custom menu item */ #nav .nav-custom-link > a { cursor:default; } /* Remove 'relative' positioning from custom 'li' (custom block have to be positioned relative to #nav) */ #nav .nav-custom-link { position:static; } /* Static block's content - basic formatting */ #nav .nav-custom-link .header-nav-dropdown-wrapper { padding:2%; } #nav .nav-custom-link .header-nav-dropdown-wrapper p { margin:10px 0; } #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin:10px 0; } /* Caret -------------------------------------------------------------- */ #nav a.level-top .caret { display:inline-block; width:0; height:0; margin-bottom:2px; margin-left: 2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } /* Number of products in category -------------------------------------------------------------- */ /* Sidebar menu */ .vertnav .number { margin-left: 3px; color: #aaa; } /* Main menu */ #nav .number { display: inline; margin-left: 3px; } #nav ul li .number { color: #aaa; } /* Other -------------------------------------------------------------- */ .nav .itemslider { margin-top:0; margin-bottom:0; } .nav .itemslider .item { padding-bottom:0; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-transform:none; text-shadow:none; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 1st level -------------------------------------------------------------- */ li.level0 > a > span { position:relative; } li.level0 > a > span > .cat-label { position:absolute; top:-14px; right:0; padding:0 6px; font-size:14px; line-height:22px; } /* Add pin (only 1st level) */ li.level0 > a > span > .pin-bottom:before { position:absolute; right:6px; top:22px; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition: border-color 450ms ease-in-out; -moz-transition: border-color 450ms ease-in-out; -webkit-transition: border-color 450ms ease-in-out; -o-transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; vertical-align:middle; } /* 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display:inline-block !important; padding:0 4px; margin-left:2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ ul.vertnav li > a > span > .cat-label { position:static; display:inline-block !important; padding:0 4px; margin-left:2px; } /* Hide pin */ ul.vertnav li > a > span > .pin-bottom:before { display:none; } /* Label size: all levels -------------------------------------------------------------- */ ul.vertnav li > a > span > .cat-label { font-size:inherit; line-height:inherit; } ul.vertnav-top li > a > span > .cat-label { font-size:14px; line-height:18px; } /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top:0; margin-bottom:1%; } .nav-block-top {} .nav-block-bottom {} .nav-block-center { margin-top:10px; } .nav-block-right { margin-top:10px; } .nav-block-level1-top { margin-bottom:10px; } .nav-block-level1-bottom { margin-top:10px; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color:#eee; } /* Common styles for main menu (horizontal + mobile vertical + mobile menu trigger) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* horizontal + mobile menu trigger */ #mobnav-trigger, #nav > li > a { font-size:16px; /*1.3333em*/ } /* Size, height etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger -------------------------------------------------------------- */ #mobnav-trigger { line-height:49px; } /* Main menu - horizontal -------------------------------------------------------------- */ /* Top-level item */ #nav > li > a { line-height:49px; } /* Drop-down box position relative to menu bar */ #nav .level0-wrapper, #nav.classic ul.level0 /* For classic style menu */ { top:100%; } /** * Wide drop-down menu */ /* 1st level only -------------------------------------------------------------- */ #nav > li:hover > a { position: relative; z-index: 1; /* Pull up above drop-down box */ } /* 2nd level only -------------------------------------------------------------- */ /* 2nd-level links block: with subcategory title and a list of child categories */ #nav ul.level0 > li { display:inline-block; float:none; vertical-align:top; padding-top:0; padding-bottom:15px; } #nav ul.level0 > li > a { margin-bottom:10px; font-size:16px; line-height:18px; } /* 2nd level+ -------------------------------------------------------------- */ #nav ul li { /*float:none;*/ margin-bottom:1px; } #nav ul li a { float:none; } /* 3rd level only -------------------------------------------------------------- */ #nav ul.level1 { position:static; } #nav ul.level1 > li { float:none; background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left:15px; transition: background-position 150ms ease-out; -moz-transition: background-position 150ms ease-out; -webkit-transition: background-position 150ms ease-out; -o-transition: background-position 150ms ease-out; } #nav ul.level1 > li:hover { background-position:6px 6px; } /* 4th level -------------------------------------------------------------- */ #nav ul.level2 { margin:7px 0; padding:0; position:static; } #nav ul.level2 a { font-size:0.9166em; line-height:1.2727em; /*11px 14px*/ opacity:0.6; } #nav li.level2:hover ul.level2 a { opacity:1; transition: opacity 150ms ease-out; -moz-transition: opacity 150ms ease-out; -webkit-transition: opacity 150ms ease-out; -o-transition: opacity 150ms ease-out; } /* 4rd level+ -------------------------------------------------------------- */ #nav ul ul ul li { background:none; padding-left:0; } .gift { } .gift .main-info { padding-bottom:20px; padding-top:20px; margin-bottom: 20px; text-align:center; } .gift.additional-info { border-bottom:1px solid #888; margin-top: 0px; padding-top: 0px; padding-bottom: 20px; margin-bottom: 20px; text-align:center; } .packaging { margin-top: 1rem; text-align: center; color: #f48524; text-transform: uppercase; font-size: 1rem; } .gift .margin-right-2 { margin-right: 2rem; } .gift .margin-left-1 { margin-left: 1rem; } .gift h4 { font-weight:bold; font-size:1em; text-transform:uppercase; } .gift h3 { font-weight:bold; padding-top: 1rem; font-family: "Neutra2Text-Book", helvetica, sans-serif; } .gift-right p, .gift-left p { text-transform:uppercase; font-weight:bold; } .gift-left, .gift-right { margin-top:20px; } .gift-left { color:#e9167e; border-right:1px solid #eee; } .gift-right { color:#f48524; } .gift .button.light:hover { border-width:3px; padding: 5px 35px; } .gift .button.light { max-width:350px; margin:10px auto; display:block; } .gift-left .button.light { border:2px solid #f48524; color:#f48524; } .gift-right .button.light { border:2px solid #f48524; color:#f48524; } .gift li { display:inline-block; margin-right:20px; } .gift li img { padding:1px; max-width:350px; } .gift li:hover img { border:1px solid #eee; padding:0; } .gift .pink { color: #e9167e; } .gift .orange { color: #f48524; } .gift small { font-size: 12px; } .gift h5 { display:inline-block; font-size:1em; font-weight:bold; text-transform:uppercase; margin-top:30px; margin-bottom:20px; } .orange { color: #f48524; } .gift-wrapping { font-size: 1rem; } .gift-wrapping, .packaging, .gift-left .button.light, .gift h5, .gift small, .gift .button.light { font-size: 1rem; padding: 5px 35px; } /** * overwriting Valdecode_CookieLaw default css */ #v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; } #v-cookielaw .v-message { padding: 5px 10px; text-align: center; } #v-cookielaw .v-actions { } #v-cookielaw .v-button { display: inline-block; } #v-cookielaw.v-bar { display: block; width: 100%; padding: 5px 0; } #v-cookielaw.v-bar .v-message { display: inline-block; } #v-cookielaw.v-bar .v-actions { display: inline-block; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; /* border-top: 1px solid #000; */ } /* RWD */ @media (max-width: 480px) { #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; } #v-cookielaw.v-box .v-message { display: table-cell; } #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; } #v-cookielaw .v-message { float: left; } #v-cookielaw .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-bar .v-actions { width: auto; } } #v-cookielaw.v-minimalist { background-color: #808285; color: #fff; padding: 0.5em 5%; text-align: center; } #v-cookielaw.v-minimalist .v-button { color: #fff; text-decoration: underline; } #v-cookielaw.v-minimalist .v-accept { background-color: #d6d6d6; border-color: #cccccc; border-radius: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); color: #808285; text-shadow: none; padding: 0.5em 0.75em; text-decoration: none; text-transform: uppercase; } #v-cookielaw.v-minimalist .v-accept:hover { background-color: #ffffff; transition: background 0.25s ease-in 0s; } /** * Infortis themes styles */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-container {} .section { padding:10px 0; } .section-space { padding:10px; } /* Helper classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Magento default helper classes -------------------------------------------------------------- */ /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top:20px; } .margin-bottom { margin-bottom:20px; } .padding-top { padding-top:20px; } .padding-bottom { padding-bottom:20px; } .float-left { float:left; } /*deprecated*/ .float-right { float:right; } /*deprecated*/ /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display:inline-block; width:0; height:0; margin-bottom:2px; vertical-align:middle; content:""; border-style:solid solid none; border-width:4px 4px 0; border-color:#333 transparent transparent; } .dropdown .caret { opacity:0.3; filter:alpha(opacity=30); } .dropdown:hover .caret { opacity:1; filter:alpha(opacity=100); } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Positionning -------------------------------------------------------------- */ .sticker-wrapper { position:absolute; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ } .product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */ .sticker-wrapper.top-right { top:-3px; right:-3px; } .sticker-wrapper.bottom-right { bottom:-3px; right:-3px; } .sticker-wrapper.bottom-left { bottom:-3px; left:-3px; } .sticker-wrapper.top-left { top:-3px; left:-3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width:60px; height:60px; border-radius:50%; font-size:1.1666em; line-height:1em; font-weight:bold; text-align:center; display:table-cell; vertical-align:middle; transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; } /* Colors */ .sticker.new { background-color:#5BD2EC; color:#fff; } .sticker.sale { background-color:#F12B63; color:#fff; } /* Effects */ .item:hover .sticker { width:65px; height:65px; } .item:hover .sticker-wrapper.top-right, .item:hover .sticker-wrapper.top-left { } .item:hover .sticker-wrapper.top-right { } .item:hover .sticker-wrapper.top-left { } /*Sizes*/ .sticker.size-s { width:45px; height:45px; font-size:1em; } .item:hover .sticker.size-s { width:50px; height:50px; } .sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ } .item:hover .sticker.size-xs { width:45px; height:45px; } /* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom:2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; } .horizontal-section { margin-top:10px; } .landing-page .center-block { display:block; margin:0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display:block; position:absolute; bottom:0; width:80%; margin:6%; padding:0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top:0; bottom:auto; width:80%; } .caption.top-right { top:0; bottom:auto; right:0; width:58%; } .caption.bottom-right { right:0; width:58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float:left; display:inline-block; margin-bottom:1px; } .caption .heading { padding:0.25em; margin-bottom:0.2em; font-size:2.8em; line-height:1em; font-weight:normal; } .caption p { clear:left; padding:0.25em 0.5em; margin-bottom:1px; font-size: 1.3333em; line-height:1em; } .caption button { clear:left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display:inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li, .links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/ .links > li > a { padding:0 0.5833em; } /* padding:0 7px; */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown toggle %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle { display:block; cursor:default; } /* Inside Dropdown-toggle -------------------------------------------------------------- */ .dropdown-toggle * { display:inline-block; } .dropdown-toggle .label { padding-right:2px; } .dropdown-toggle .value {} .dropdown-toggle .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } .dropdown-toggle .img-caret { background:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/dropdown/arrow-dropdown.png) 100% 50% no-repeat; width:10px; text-indent:-9999px; } /* Predefined icons -------------------------------------------------------------- */ .dropdown-toggle .icon.first { margin-left:-5px; } .dropdown-toggle .icon.close-to-text { margin-right:-8px; } /* Cover 'dropdown-toggle' (and 'dropdown-menu' shadow) with additional inner div %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-toggle.cover > div { padding:0 10px; cursor:default; } .open > .dropdown-toggle.cover > div { background-color:#fff; } /*.dropdown:hover .dropdown-toggle.cover > div,*/ .open > .dropdown-toggle.cover > div { z-index:4001; position:relative; } /* Dropdown menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown-menu { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown-menu.left-hand { left:auto; right:0; } /* When dropdown menu is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown-menu > li * { display:inline-block; } .dropdown-menu > li > a { display:block; } .dropdown-menu > li { white-space:nowrap; } .dropdown-menu > li .label { margin-right:8px; } .dropdown-menu .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Clickable %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clickable-dropdown {} /** * Icons and "feature" box */ /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ div.icon, /*backward compatibility*/ span.icon { background-color:#999; background-position:0 0; background-repeat:no-repeat; border-radius:50%; vertical-align:middle; display:inline-block; width:30px; height:30px; padding:3px; } div.icon.large, /*backward compatibility*/ span.icon.large { width:50px; height:50px; padding:5px; } /* Hover */ .icon-hover:hover /* Info: was more specific: span.icon-hover:hover */ { background-color:#333; } /* Icons: single characters (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "i-number" - class name for backward compatibility */ .icon.i-number, .icon.i-char { font-size: 16px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; font-family: Arial, Helvetica, sans-serif; } .icon.large.i-number, .icon.large.i-char { font-size: 20px; line-height: 50px; font-weight: normal; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin:10px 0; } .feature:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .feature.first { margin-top:0; } .feature.last { margin-bottom:0; } /* With top/bottom border line */ .feature.top-border { border-top:1px solid #f5f5f5; padding-top:10px; } .feature.bottom-border { border-bottom:1px solid #f5f5f5; padding-bottom:10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top:1px solid #f5f5f5; margin-top:20px; padding-top:20px; } .feature-wrapper.bottom-border { border-bottom:1px solid #f5f5f5; margin-bottom:20px; padding-bottom:20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ margin-bottom:0.625em; /*10px*/ font-weight:normal; } .feature .above-heading { margin:0 0 5px; font-size:11px; line-height:1.4545em; /*16px*/ text-transform:uppercase; color:#888; } .feature .below-heading { font-size:1em; font-style:italic; line-height:1.3333em; /*16px*/ color:#888; } /* Feature icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .icon { float:left; } /* Feature icons vertically centered */ .feature.v-centered-content .v-center .icon { margin:0 5px 0 0; } /* Feature icons styles: */ /* Default icon -------------------------------------------------------------- */ .feature .icon { margin:0 15px 10px 0; max-width:30px; max-height:30px; } .feature span.icon { padding:3px; } /* Small icon -------------------------------------------------------------- */ .feature.small .icon { margin:0 10px 10px 0; max-width:18px; max-height:18px; } .feature.small span.icon { padding:0; } /* Small icon: icons with predefined background image */ .feature.small span.icon.list1 { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png); width:18px; height:18px; } .feature.small span.icon.list2 { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png); width:18px; height:18px; } /* Large icon -------------------------------------------------------------- */ .feature.large .icon { margin:0 15px 10px 0; max-width:50px; max-height:50px; } .feature.large span.icon { padding:5px; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.indent .icon { margin-bottom:0; } /* Default -------------------------------------------------------------- */ .feature.indent { padding-left:51px; } .feature.indent .icon { margin-left:-51px; } /* Small -------------------------------------------------------------- */ .feature.small.indent { padding-left:28px; } .feature.small.indent .icon { margin-left:-28px; } /* Large -------------------------------------------------------------- */ .feature.large.indent { padding-left:75px; } .feature.large.indent .icon { margin-left:-75px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .icon { float: none; margin: 0 0 10px; } /* Feature: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icon without background color */ .icon.no-bg-color { background-color: transparent; } .icon.force-no-bg-color { background-color: transparent !important; } /* Shapes */ .icon.circle { border-radius: 50%; } .icon.rounded { border-radius: 5px; } .icon.square { border-radius: 0; } /* All icons square (deprecated) */ .icon-wrapper-square span.icon { border-radius: 0; } /* Auto-size: allow for big icons */ .icon.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ span.icon-hover, .feature-icon-hover span.icon { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /** * Generic tabs */ /* Basic styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float:left; margin:0; } .gen-tabs .tabs a { display:block; padding:0 10px; text-decoration:none; outline:none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding:15px 0; } .gen-tabs .tabs-panels .panel {} /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display:none; padding:0 0.5em; margin-bottom:1px; font-weight:normal; } .gen-tabs .acctab:hover { cursor:pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display:none; } .gen-tabs.accor .acctab { display:block; } .gen-tabs.accor .tabs-panels { padding-top:0; } .gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color:#333; background-color:#eee; line-height:3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color:#e5e5e5; } .gen-tabs .tabs a.current { background-color:#ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size:1.5em; line-height:2.7777em; background-color:#f5f5f5; color:#333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color:#e5e5e5; } .gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; } /* Tabs - skin 1: with thin borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style1 .tabs a { font-size:1.3333em; color:#333; background-color:#eee; border:1px solid transparent; border-bottom:none; } .gen-tabs-style1 .tabs a:hover, .gen-tabs-style1 .tabs a:focus { background-color:#e5e5e5; border-color:#e5e5e5; } .gen-tabs-style1 .tabs a.current { background-color:#fff; border-color:#e5e5e5; border-bottom:1px solid transparent; margin-bottom:-1px; /* Make a little bit higher than other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; } .gen-tabs-style1.accor .tabs-panels { border-top:none; } /* Tabs - skin 2: with shadow (obsolete, will be removed in next updates) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs-style2 .tabs a { font-size:1.3333em; } .gen-tabs-style2 .tabs a.current { box-shadow:0 0 10px rgba(0,0,0, 0.15); position:relative; z-index:1; /* Make a little bit higher thatn other tabs */ padding-top:4px; margin-top:-4px; } .gen-tabs-style2 .tabs-panels { background-color:#fff; position:relative; z-index:2; } /** * Theme icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } /** * Social icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* TODO: */ /* Phone */ .icon.i-telephone { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -157px; } /** * Common styles */ /* Common styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sizes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top, .header .dropdown { line-height:3em; } /* line-height:36px; */ .header .dropdown { max-height:3em; } /* Set static height to improve layout of inline elements */ /* Blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /**/ .sidebar .block:first-child { margin-top:6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */ /* Headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom:1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { /* padding:13px 0 7px; */ /*TODO*/ padding-top:7px; padding-bottom:7px; border-bottom:1px solid #e5e5e5; font-weight:normal; font-size:1.5em; /*18px*/ line-height:1.2222em; /*22px*/ } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-size:1.5em; /*18px*/ line-height:1.3333em; /*24px*/ font-weight:normal; text-transform:uppercase; border-bottom:1px solid #e5e5e5; padding-bottom:10px; } /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2 {} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2 {} /* Other headings -------------------------------------------------------------- */ /* Page title */ .category-title, /* Account */ .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color:#e5e5e5; } /* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Borders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with horizontal border - normal -------------------------------------------------------------- */ /* CMS */ .section-line, /* Misc */ .toolbar { border-color:#e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color:#f5f5f5; } /* Elements with vertical border - normal -------------------------------------------------------------- */ /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color:#e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color:#f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, /* Availability */ .availability-only-details thead { border-color:#e5e5e5; /*Currently the same color as other borders*/ } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color:#f5f5f5; } /* Text color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Layered nav */ .block-layered-nav dd li, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note, /* Prices */ .price-notice .price, /* MSRP price and old price */ .old-price, .product-view .price-box .old-price .price, #map-popup-msrp, .map-popup-msrp .price { color:#aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color:#888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color:#333; } /* Selected interface icons: text color - icons on hover: toolbar icons, pager, prev/next slide etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hover item color */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links.addto-icons a:hover, /* Slider arrows */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Scroll to top button */ #scroll-to-top:hover { color:#fff; /*Color of text*/ } /* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Price on product page and MSRP %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .price-box .price, .map-popup-price .price, .map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IE version included */ #nav .level0-wrapper, #nav.classic .parent > ul, /* Mini cart */ #mini-cart .block-content, .truncated .truncated_full_value .item-options, /* Compare drop-down */ .header .block-compare .block-content, /* Search autocomplete */ .header .form-search .search-autocomplete ul, /* Dropdown */ .open > .dropdown-toggle.cover, .dropdown-menu, /* Pop-ups and tooltips */ .remember-me-popup, .map-popup, .tool-tip, #subscribe-form .input-box .validation-advice { -moz-box-shadow:0 2px 10px rgba(0,0,0, 0.15); -webkit-box-shadow:0 2px 10px rgba(0,0,0, 0.15); box-shadow:0 2px 10px rgba(0,0,0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, #mobnav-trigger .trigger-icon .line, .accordion .opener /*Main menu accordion*/ { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover, #mobnav-trigger:hover .trigger-icon .line, .accordion .opener:hover { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Opacity -------------------------------------------------------------- */ /* .form-search .button span { transition: opacity 450ms ease-in-out; -moz-transition: opacity 450ms ease-in-out; -webkit-transition: opacity 450ms ease-in-out; -o-transition: opacity 450ms ease-in-out; } .form-search .button:hover span { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } */ .form-search .button span { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Back link */ .buttons-set .back-link small, /* Add-to links */ .add-to-links.addto-icons a, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .accordion-style1 .opener:hover, /*Override: .accordion .opener:hover */ .collapsible .opener, /* Scroll to top */ #scroll-to-top { transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Accordions, tabs & other components -------------------------------------------------------------- */ /* TODO: del .gen-tabs .tabs a, .gen-tabs .acctab, .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } */ /* Carets -------------------------------------------------------------- */ #nav a.level-top .caret { transition: border-top-color 450ms ease-in-out; -moz-transition: border-top-color 450ms ease-in-out; -webkit-transition: border-top-color 450ms ease-in-out; -o-transition: border-top-color 450ms ease-in-out; } #nav > li:hover a.level-top .caret { transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .acctab, /* OPC accordion */ .opc .step-title { transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /* Shadow for the main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */ .drop-shadow, .shadow .show-bg, /* Conditional shadow for main menu bar */ .shadow .nav-bar-drop-shadow #mobnav-trigger, .shadow .nav-bar-drop-shadow .vertnav-top, .shadow .nav-bar-drop-shadow #nav { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2014-04-10 10:50:12 */ body { color: #000000; font-size: 12px; background-color: transparent; } a { color: #3b3b3b; } a:hover, .vertnav-side li.current > a { color: #e6007e; } .caret { border-top-color: #000000; } .product-view .btn-cart span, button.btn-checkout span { background-color: transparent; color: #989898; } .product-view .btn-cart:hover span, button.btn-checkout:hover span { background: transparent; color: #989898; } /* Default icon */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Back link */ .buttons-set .back-link small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a, /*Deprecated*/ /* Other with standard icons */ .add-to-links span.icon, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* deprecated */ .gen-slider-arrows1 .direction-nav a, /* Sliders */ .gen-slider-arrows1 .direction-nav a.disabled:hover, .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .gen-slider-arrows2 .direction-nav a.disabled:hover, .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: #cdcdcd; } /* Hover icon */ /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Back link */ .buttons-set .back-link:hover small, /* Add-to links */ /* Simple icons (product grid) */ .add-to-links.addto-icons a:hover, /*Deprecated*/ /* Other with standard icons */ .add-to-links span.icon-hover:hover, .add-to-links .feature-icon-hover:hover span.icon, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* deprecated */ .gen-slider-arrows1 .direction-nav a:hover, .gen-slider-arrows2 .direction-nav a:hover, .gen-slider-arrows3 .direction-nav a:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: #585858; } /* Active icon */ /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages li.current { background-color: #585858; } span.icon { background-color: #cdcdcd; } span.icon-hover:hover, .feature-icon-hover:hover span.icon { background-color: #585858; } .links > li > a:hover { color: #e6007e !important; } .sticker.new { background-color: #ffffff; color: #000000; } .sticker.sale { background-color: #ffffff; color: #000000; } /*.price-box .price*/ .price-box .regular-price .price, .price-box .minimal-price .price { color: #000000; } .additional-bg-color, .block-layered-nav .currently, .cart .totals { background-color: #f5f5f5; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } .wrapper { border: none !important; } .header-container { background-color: transparent; } .header { background-color: transparent; } .header a { } .header a:hover { } .header-container3 { } .header .caret { border-top-color: #000000; } .form-search .input-text { background-color: #ffffff; border-color: transparent; color: #000000; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: transparent; color: #000000; } .form-search .input-text { border: none; } .form-search .button span { margin: 0; } .header .dropdown-menu, .header .open > .dropdown-toggle.cover > div, .header .truncated .truncated_full_value .item-options, .header .form-search .search-autocomplete { background-color: #ffffff; color: #989898; } .header .dropdown-menu a, .header .open > .dropdown-toggle.cover > div a, .header .form-search .search-autocomplete li { color: #989898; } .header .dropdown-menu a:hover, .header .open > .dropdown-toggle.cover > div a:hover, .header .form-search .search-autocomplete li:hover { color: #aaaaaa; } .header .open > .dropdown-toggle.cover > div .caret { border-top-color: #333333; } .header-top-container { background-color: transparent; } .header-top { background-color: transparent; } .header-top a { } .header-top a:hover { } .header-primary-container { } .header-primary { padding-top: 10px; padding-bottom: 10px; } #nav .level0-wrapper, #nav.classic ul { background-color: #000000; color: #333333; } #nav ul li a { color: #9b9a98; } #nav ul li.level1 a { color: #333333; } #nav ul li.level2 a { color: #9b9a98; } #nav ul li a:hover { color: #e6007e; } .cat-label-label1 { background-color: #ffffff; color: #000000; } .cat-label-label2 { background-color: #ffffff; color: #000000; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #ffffff; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #ffffff; } li > a:hover > span > .cat-label, #nav li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #fafafa; color: #000000; } li.level0 > a:hover > span > .pin-bottom:before, #nav li.level0:hover > a > span > .pin-bottom:before { border-top-color: #fafafa; } #mobnav { color: #919191; } #mobnav-trigger { background-color: transparent; color: #919191; } #mobnav-trigger .trigger-icon .line { background-color: #919191; } #mobnav-trigger:hover .trigger-icon .line { background-color: #919191; } #mobnav-trigger.active .trigger-icon .line { background-color: #919191; } .nav-container { background-color: transparent; } #nav, .vertnav-top li a { background-color: transparent; color: #ffffff; } #nav > li > a { color: #919191; font-weight: bold; } #nav > li:hover > a, .vertnav-top li > a:hover { background-color: #f2f1ef; color: #696768; } .cms-index-index #nav #nav-home > a, #nav > li.active > a, .vertnav-top li.current > a { background-color: #f2f1ef; color: #696768; } #nav > li > a, #mobnav-trigger { font-size:14px; text-transform:uppercase; } #nav.wide ul.level0 > li > a { font-size:13px; text-transform:uppercase; } .vertnav-top > li > a { font-size:14px; text-transform:uppercase; } .vertnav-top ul.level0 > li > a { font-size:13px; text-transform:uppercase; } .vertnav-top > li.first > a { margin-top:1px; } .vertnav-top li a { margin-bottom:1px; } .vertnav-top { background-color: #ffffff; } .vertnav-top li .opener { background: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener.png) center center no-repeat; } .vertnav-top li:hover > .opener { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-w.png); } .vertnav-top li:hover > .opener:hover { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener.png); } .vertnav-top li.active > .opener { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.active:hover > a:hover + .opener { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active:hover > a + .opener:hover { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active.png); } .vertnav-top li.current > .opener, .vertnav-top li.current > .opener:hover { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-w.png); } .vertnav-top li.active.current > a + .opener, .vertnav-top li.active.current:hover > a + .opener { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } .vertnav-top li.active.current > a + .opener:hover { background-image: url(https://www.mey.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/opener-active-w.png); } #nav > li.parent > a .caret { border-top-color: #ffffff; } #nav > li.parent:hover > a .caret { border-top-color: #ffffff; } #nav > li.parent.active > a .caret { border-top-color: #ffffff; } #nav, .vertnav-top { border-bottom:5px solid #000000; } #nav > li { border-bottom:5px solid transparent; margin-bottom:-5px; } #nav.classic ul.level0, #nav .level0-wrapper { top:50px; } .main-container { background-color: transparent; } .main { background-color: #ffffff; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { } span.icon.icon-color-productview { background-color: transparent; } .feature-icon-hover:hover span.icon.icon-color-productview { background-color: transparent; } .gen-tabs .tabs { background-color: transparent; } .gen-tabs .tabs a { background-color: #ffffff; color: #000000; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: transparent; color: #000000; } .gen-tabs .tabs a.current { background-color: transparent; color: #000000; } .gen-tabs .acctab { background-color: #CACACA; color: #FFFFFF; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #717171; color: #FFFFFF; } .gen-tabs .tabs-panels { background-color: transparent; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #ffffff; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: transparent; } .footer-container { background-color: transparent; } .footer { background-color: transparent; } .footer a { } .footer a:hover { } .footer button.button span { background-color: #ffffff; color: #585858; } .footer button.button:hover span { background-color: #cdcdcd; color: #585858; } .footer span.icon { background-color: #cdcdcd; } .footer span.icon-hover:hover, .footer .feature-icon-hover:hover span.icon { background-color: #585858; } /* Back link */ .footer .buttons-set .back-link small, /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* deprecated */ .footer .gen-slider-arrows1 .direction-nav a, /* Sliders */ .footer .gen-slider-arrows1 .direction-nav a.disabled:hover, .footer .gen-slider-arrows2 .direction-nav a, /* Slideshow */ .footer .gen-slider-arrows2 .direction-nav a.disabled:hover, .footer .gen-slider-arrows3 .direction-nav a, /* Cloud Zoom */ .footer .gen-slider-arrows3 .direction-nav a.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: #cdcdcd; } /* Back link */ .footer .buttons-set .back-link:hover small, /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* deprecated */ .footer .gen-slider-arrows1 .direction-nav a:hover, .footer .gen-slider-arrows2 .direction-nav a:hover, .footer .gen-slider-arrows3 .direction-nav a:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: #585858; } .footer-top-container { background-color: transparent; } .footer-top { } .footer-top a { } .footer-top a:hover { } .footer-primary-container { } .footer-primary { background-color: rgb(230, 226, 223); background-color: rgba(230, 226, 223, 0.5); color: #989898; } .footer-primary a { color: #989898; } .footer-primary a:hover { color: #989898; } .footer-secondary-container { } .footer-secondary { } .footer-secondary a { } .footer-secondary a:hover { } .footer-bottom-container { background-color: transparent; } .footer-bottom { color: #999999; } .footer-bottom a { color: #999999; } .footer-bottom a:hover { color: #999999; } .social-links span.icon { background-color: #cdcdcd; } .social-links span.icon-hover:hover { background-color: #262626; } /** * Override CSS components */ /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /* Megamenu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav #nav-home a.level-top .icon, #nav #homelink-icon a.level-top .icon { margin-top: -2px; } /** * Theme-specific styles */ /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Override/extend styles.css %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } .main { padding:30px 0 40px; } /* Additional margin for main sidebars -------------------------------------------------------------- */ .col-left > * { margin-right: 15px; } .col-right > * { margin-left: 15px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fieldset -------------------------------------------------------------- */ /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin:0 0 10px; padding:0 15px 15px; } .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { margin:0 -15px 10px -15px; padding-left:15px; padding-right:15px; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { margin:10px 15px; } /* Note: buttons and "required" have equal right margin */ .buttons-set button.button { margin-left:0; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*#mini-cart { margin-bottom:-8px; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 0 10px; padding-left:10px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ .block-related .section-title { padding-top: 19px; } .block-related-thumbnails .owl-wrapper { margin-top:15px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Add to cart button */ .product-view .btn-cart span span { padding:5px 40px; } /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku span { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary .section { padding-top: 20px; padding-bottom: 20px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion & Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Nav container: with outline (if nav container has background color) or without outline (stretched) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* With outline -------------------------------------------------------------- */ /* Add top and bottom margin */ .nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } .nav.has-outline #mobnav { margin-bottom: 0; } /* Trigger has no bottom margin */ /* Without outline -------------------------------------------------------------- */ /* If menu stretched, no top and bottom margin. Important: added "container" class to make the selector more specific */ .container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /*.nav > .grid-full { float:left; }*/ /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - stretch */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /* Interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Add-to links */ .add-to-links.addto-icons a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Deprecated */ .gen-slider-arrows3 .direction-nav a, .gen-slider-arrows3 .direction-nav a.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons span.icon, .add-to-links.addto-icons a, /* Obsolete */ /* Slideshow directional arrows */ .gen-slider-arrows2 .direction-nav a, .gen-slider-arrows2 .direction-nav a.disabled:hover { background-color:#fff; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Built-in static blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Deprecated: Header top - help block */ .header-top .phone { background:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/ic-phone.png) 0 center no-repeat; padding:0 0 0 24px; } .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } /*.block_product_primary_bottom {} .block_product_secondary_bottom {} .block_product_replace_related {} .block_product_replace_upsell {} .block_cart_below_totals {} .block_cart_below_table {}*/ .block_mini_cart_above_products { margin:0 0 10px; } .block_opc_below_progress { margin:15px 0; } .block_cms_page_top { margin:0 0 15px; } /*.block_header_top_left {} .block_header_top_left2 {} .block_header_top_right {} .block_header_top_right2 {} .block_footer_primary_bottom_left {} .block_footer_primary_bottom_right {}*/ .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% High-resolution-ready (retina-ready) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Theme icons -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://www.mey.com/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* * 12-column grid system */ /* Container */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Grid units */ .grid12-1, .grid12-2, .grid12-21, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { /*position:relative;*/ display:inline; float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid-outsider .grid12-2, .grid12-21 { width:18%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .grid-outsider .no-left-gutter.grid12-2, .no-left-gutter.grid12-21 { margin-left:0; width:19%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .grid-outsider .no-right-gutter.grid12-2, .no-right-gutter.grid12-21 { margin-left:0; width:19%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .grid-outsider .no-gutter.grid12-2, .no-gutter.grid12-21 { margin-left:0; margin-right:0; width:20%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33333333333%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes -------------------------------------------------------------- */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } .hide-below-1280 { display:none !important; } /* Container: stretched, without side margin -------------------------------------------------------------- */ /* Remove padding from stretched container (it is added for narrow screens via media queries) */ .container.stretched { width:96%; padding-left:0; padding-right:0; } /* Stretch inner grid unit (full width) */ .container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; } /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { *zoom: 1; clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2014-03-19 10:43:40 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; max-width: 1170px; } .lte-ie8 .container { max-width:1170px; } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */ .container { width:92%; padding-left:2%; padding-right:2%; } .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* 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) { } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Stretch containers to full width and add side padding */ .container { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 3%; margin-bottom: 3%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { .container { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 4%; margin-bottom: 4%; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2014-05-07 12:52:43 */ /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ .product-view .sticker { width:80px; height:80px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:45px; height:45px; font-size:1em; } .products-grid .item:hover .sticker { width:50px; height:50px; } /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { display:none !important; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-collapsible .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-collapsible .block-content { display:block !important; } /* Always show when not on mobile */ /* See also: always make the container "relative" when ON mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for main sidebars */ .col-left > * { margin-right: 0; } .col-right > * { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo -------------------------------------------------------------- */ .header .logo-wrapper { text-align:center; } .header .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* If wrapper is an .item, then remove side margins */ .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; } .search-wrapper-inline #search_mini_form { display: block; } .search-wrapper-inline .form-search .input-text { width:100%; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Mini cart */ .after-mini-cart { clear:none; } /* Deprecated */ /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav dd li, .block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; } .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover { background-position:6px 10px; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Buttons */ .products-grid .item button.btn-cart span span { padding:7px 15px; height:auto; line-height:2em; } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width:none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; } /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content { display:none; } /* Hide on mobile */ .mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */ } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons -------------------------------------------------------------- */ /* Button checkout + button "Add to cart" on product page */ button.btn-checkout span span, .product-view .btn-cart span span { padding:5px 10px; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Mini cart */ #mini-cart .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #mini-cart .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #mini-cart .dropdown-toggle span.icon { transition:none; } #mini-cart .dropdown-toggle .name { display:none; } #mini-cart .dropdown-toggle .caret { display:none !important; } #mini-cart .dropdown-menu { display:none !important; } #mini-cart.hide-empty-cart { display:none !important; } /* Quick compare dropdown */ #quick-compare .dropdown-toggle { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; } #quick-compare .dropdown-toggle.cover > div { background-color: transparent; color: inherit; } #quick-compare .dropdown-toggle span.icon { transition:none; } #quick-compare .dropdown-toggle .name { display:none; } #quick-compare .dropdown-toggle .caret { display:none !important; } #quick-compare .dropdown-menu { display:none !important; } #quick-compare.is-empty { display:none !important; } /* Header elements - align center -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Links */ .header .links { text-align:center; } .header .links li { float:none; display:inline-block; } /* Header top */ .header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Inside user menu */ .user-menu { text-align:center; } .user-menu > *, .user-menu .links, /*Some blocks of links may be deeper than one level*/ .dropdown { float:none !important; display:inline-block !important; } /* previous: .user-menu { text-align:center; } .user-menu .top-links { float:none; } #mini-cart, .user-menu .links, .user-menu .links li { float:none; display:inline-block; } */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product labels */ .products-grid .sticker { width:40px; height:40px; font-size:0.9166em; } .products-grid .item:hover .sticker { width:45px; height:45px; } /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .toolbar .limiter { display:none; } .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Pages */ .pager .pages li { display:none; } .pager .pages li.previous, .pager .pages li.current, .pager .pages li.next { display:block; } /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive .item:nth-child(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ .info-page h1, .info-page h2, .info-page h3, .info-page h4, .info-page h5, .info-page h6{ font-size: 14px; font-weight: bold; } .info-page .main.container{ padding: 0.5%; } .info-page .main{ padding:0; } .info-page .info-image img{ width: 100%; } .info-page .info-navi{ background: #f2e9e4; text-align: center; border-bottom: 1px solid black; } .info-page .info-navi ul#info-menu{ margin:20px auto; width: auto; display: inline-block; } .info-page .info-navi ul#info-menu li{ display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: bold; margin-right: 36px; } .info-page .info-navi ul#info-menu li a.open-page{ text-decoration: underline; } .info-page .info-navi ul#info-menu li:last-child{ margin-right: 0; } .info-page .info-navi ul#info-menu li:hover, .info-page .info-navi ul#info-menu li:hover a { text-decoration: underline; color:#000; } .info-page .info.content{ padding: 2% 3% 3%; } .info-page table.imprint td{ padding: 5px; } .info-page .info-list{ list-style: disc; margin: 12px 26px; } .info-page .faq-navigation { background: #F2E9E4; padding: 1%; margin: 1% 0 3%; } .info-page .faq-navigation > ul > li { font-weight: bold; font-size: 12px; text-decoration: underline; margin: 1%; } .info-page .info.content a{ text-decoration: underline; } .info-page .info.content a:hover { color:#000; text-decoration: underline; } .info-page a[href="#faq-top"]{ display: block; margin-top: 0.5% 0; padding: 1%; background: #f2e9e4; text-transform: uppercase; font-weight: bold; text-decoration: underline; } .info-page a[href="#faq-top"]:hover{ background: #333; color: #f2e9e4 !important; text-decoration: none; } .info-page .faq-block{ margin-top:12px; } .uppercase{ text-transform: uppercase; } .center{ text-align: center; } .table{ display:table; border-collapse: collapse; border-spacing: 0; table-layout:fixed; width:100%; margin-bottom: 20px; } .row{ display:table-row; width:100%; } .column{ display:table-cell; height:100%; vertical-align:top; } .column-content{ display:table; border-collapse: collapse; border-spacing: 0; table-layout:fixed; width:100%; } .column-content:nth-child(even), .column-headline{ background: #f2e9e4; } .column-inner{ display:table-cell; height:100%; vertical-align:top; padding: 3px; border-bottom: 1px solid #ccc; } .column-headline{ font-weight: bold; font-size: 1em; padding: 13px 0; background: #FFE9DA; border-bottom: 1px solid #ccc; } .table.first .column.first, .table.first .column.second{ width: 20%; } .double-line{ line-height: 4em; } .double-line .column-inner{ padding: 0; line-height: 49px; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% Auflösungsabhänige anpassungen %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media screen and (max-width: 820px){ .table.first .column-headline{ height: 5em; display: block; } } @media screen and (max-width: 710px){ .table.third .column-headline{ height: 5em; } } @media screen and (max-width: 740px){ .table.fourth .column-headline{ height: 5em; padding: 13px 3px } } @media screen and (max-width: 630px) { .table.first .column-headline{ height: auto; } .table.first .column{ display: inline-block; height: auto; } .table.first .column.first, .table.first .column.second{ width: 50%; } } @media screen and (max-width: 550px){ .table.second .column-headline{ height: 5em; } } /* Mey mini mobile modal %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mey-mini-mobile-modal{ position: fixed; top: 0; left: 0; background-color: rgba(182,182,182,0.8) ; height: 100%; width: 100%; z-index: 10001; display: none; } .mey-mini-mobile-modal .modal-content{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); background-color: #FFF; padding: 30px 20px; margin: 0 20px; } .mey-mini-mobile-modal .modal-title{ color: #ED007C; font-weight: bold; margin-bottom: 20px; } .mey-mini-mobile-modal .modal-title.men{ color: #F17D00; } .mey-mini-mobile-modal .close-btn{ position: absolute; top: -25px; right: 12px; color: #FFF; font-size: 18px; cursor: pointer; z-index: 10001; } /* Size guide %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #sizeguide{ color: #989898; font-size: 15px; font-family: "TradeGothicLTStdRegular"; } #sizeguide .header, #sizeguide .header-2{ font-weight: normal; text-align: center; font-size: 20px; font-family: "TradeGothicLTStdRegular"; } #sizeguide .header{ margin-bottom: 40px; } #sizeguide .hr{ border-width: 1px 0 0 0; border-style: solid; border-color: #E2E2E2; } #sizeguide .filter-btn{ display: block; border: 2px solid #ED007D; padding: 10px; color: #ED007D; font-weight: bold; text-align: center; font-size: 16px; } #sizeguide .filter-btn.men{ border-color: #F17D00; color: #F17D00; } #sizeguide .filter-btn:hover{ cursor: pointer; } #sizeguide .computed-size{ padding: 10px; color: #FFF; background-color: #ED007D; text-align: center; font-size: 16px; font-weight: bold; } #sizeguide .computed-size.men{ background-color: #F17D00; } #sg-gender-options{ text-align: center; padding: 35px 0; font-size: 16px; } .sg-gender-option{ color: #989898; } .sg-gender-option:hover{ color: #6E6E6E; cursor: pointer; } .sg-gender-option.active{ color: #6E6E6E; } .sg-about{ padding: 20px 8%; border: 2px solid #979797; text-align: center; margin: 0 10%; } .sg-about .title{ font-family: 'MeyHeadline'; font-size: 30px; padding-top: 25px; padding-bottom: 25px; letter-spacing: 2px; } .sg-about-instructions{ padding: 20px 0; overflow: auto; } .sg-about-instructions .image{ float: left; width: 40%; text-align: right; } .sg-about-instructions .image img{ max-width: 100%; } .sg-about-instructions .details{ float: left; width: 60%; padding: 50px 0 0 50px; } .sg-about-instructions p{ margin-top: 60px; margin-bottom: 40px; } .sg-about-instructions ol li{ margin-bottom: 20px; } .sg-about-instructions-mobile{ display: none; text-align: center; padding: 20px 0; } .sg-about-instructions-mobile .step{ position: relative; } .sg-about-instructions-mobile .overlay-info{ position: absolute; top: 0; border: 2px solid #ED007D; padding: 10px; color: #ED007D; background-color: #FFFFFF; width: 60%; } .sg-about-instructions-mobile img{ max-width: 100%; } .your-big-for-our-less{ padding: 40px 0; overflow: auto; } .your-big-for-our-less .image{ float: left; width: 40%; text-align: right; } .your-big-for-our-less .image img{ max-width: 100%; } .your-big-for-our-less .details{ float: left; width: 60%; padding-left: 50px; } .size-dropdowns{ overflow: auto; padding: 40px 0; } .size-dropdowns-caption{ margin-bottom: 40px; } .col-size-dropdowns{ width: 70%; } .col-computed-size{ width: 30%; vertical-align: bottom !important; padding-bottom: 20px; } .col-filter-btn{ width: 100%; height: 45px; } .row-size-dropdown{ margin-bottom: 20px; overflow: auto; } .size-dropdowns table{ width: 100%; } .size-dropdowns table td{ vertical-align: middle; } .size-dropdowns .col-label, .size-dropdowns .col-dropdown{ width: 50%; padding-bottom: 20px; } .size-chart{ padding: 40px 0; } .size-chart-table-panel{ margin-top: 40px; color: #000000; } .size-chart-table-panel .title{ margin-bottom: 20px; font-weight: bold; } .size-chart-table-wrapper{ margin-bottom: 40px; overflow-x: auto; } .size-chart-table{ width: 100% !important; } .size-chart-table .column-headline, .size-chart-table .column-inner{ border-bottom: 0; } .size-chart-table .column-headline, .size-chart-table .column-content:nth-child(even){ background-color: #EFEFEC; } #women-bra-sizes-table{ min-width: 1100px !important; } #women-bra-sizes-table.first .column.first, #women-bra-sizes-table.first .column.second{ width: 20% !important; } #women-bra-sizes-table.first .column.third{ width: 60% !important; } #women-underwear-sizes-table{ min-width: 900px !important; } #women-underwear-sizes-table.first .column.first, #women-underwear-sizes-table.first .column.second, #women-underwear-sizes-table.first .column.third, #women-underwear-sizes-table.first .column.fourth{ width: 25% !important; } #women-top-sizes-table{ min-width: 900px !important; } #women-top-sizes-table.first .column.first, #women-top-sizes-table.first .column.second, #women-top-sizes-table.first .column.third, #women-top-sizes-table.first .column.fourth{ width: 25% !important; } #women-bottom-sizes-table{ min-width: 900px !important; } #women-bottom-sizes-table.first .column.first, #women-bottom-sizes-table.first .column.second, #women-bottom-sizes-table.first .column.third, #women-bottom-sizes-table.first .column.fourth{ width: 25% !important; } #men-top-sizes-table{ min-width: 900px !important; } #men-top-sizes-table.first .column.first, #men-top-sizes-table.first .column.second, #men-top-sizes-table.first .column.third, #men-top-sizes-table.first .column.fourth{ width: 25% !important; } #men-bottom-sizes-table{ min-width: 900px !important; } #men-bottom-sizes-table.first .column.first, #men-bottom-sizes-table.first .column.second, #men-bottom-sizes-table.first .column.third, #men-bottom-sizes-table.first .column.fourth{ width: 25% !important; } .size-chart-toggle-btn{ position: absolute; right: 10%; cursor: pointer; } .size-chart-toggle-btn img{ height: 20px; } @media screen and (max-width: 425px) { #sizeguide{ margin: 0 20px; } #sizeguide .header{ margin-bottom: 20px; } #sizeguide .header-2{ font-size: 14px; font-weight: bold; } #sg-gender-options{ padding: 15px 0; } .sg-about{ margin: 0; padding: 20px; } .sg-about .title{ font-size: 20px; padding-top: 0; } .sg-about p{ margin: 0; } .sg-about-instructions{ display: none; } .sg-about-instructions-mobile{ display: block; } .your-big-for-our-less{ padding: 20px 0 0; } .your-big-for-our-less .image{ width: 100%; } .your-big-for-our-less .details{ width: 100%; padding: 20px 0 0; } .size-dropdowns{ padding: 15px 0; } .size-dropdowns-caption{ margin-bottom: 15px; } .col-size-dropdowns{ width: 100%; } .col-computed-size{ display: none; } .size-dropdowns .col-dropdown{ text-align: right; } .col-filter-btn{ display: none; } .size-chart{ padding: 20px 0; } .size-chart-table-wrapper{ margin-bottom: 20px; } .size-chart-toggle-btn{ right: 10%; } .size-chart-toggle-btn img{ height: 15px; } } @font-face { font-family: 'MeyHeadline-font'; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/MeyHeadline.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/MeyHeadline.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/MeyHeadline.woff') format('woff'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/MeyHeadline.ttf') format('truetype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/MeyHeadline.svg#MeyHeadline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaRegular-font'; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaRegular.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaRegular.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaRegular.woff') format('woff'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaRegular.ttf') format('truetype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaRegular.svg#HelveticaRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TradeGothicLTStdRegular-font'; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/tradegothicltstd-webfont.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/tradegothicltstd-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/tradegothicltstd-webfont.woff') format('woff'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/tradegothicltstd-webfont.ttf') format('truetype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/tradegothicltstd-webfont.svg#TradeGothicLTStdRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face{ font-family: "HelveticaNeueLtCn-font"; src: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaNeueLtCn.eot"); src: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaNeueLtCn.eot?#iefix") format("eot"), url("https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaNeueLtCn.woff") format("woff"), url("https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaNeueLtCn.ttf") format("truetype"), url("https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/HelveticaNeueLtCn.svg#5405647d-099e-47f7-9d4a-f8692e57a206") format("svg"); font-weight: normal; font-style: normal; } .HelveticaNeueLtCn-font { font-family: HelveticaNeueLtCn-font; } .TradeGothicLTStdRegular-font { font-family: TradeGothicLTStdRegular-font; } .HelveticaRegular-font { font-family: HelveticaRegular-font; } .MeyHeadline-font { font-family: MeyHeadline-font; } /* Neutra2Text_bold, Neutra2Text_book */ @font-face { font-family: 'MeyHeadline'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Neutra2Text-Bold'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Neutra2Text-Book'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaRegular'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TradeGothicLTStdRegular'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLtCn'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Neutra2Text_bold'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/bold/Neutra2Text_bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Neutra2Text_book'; font-display: auto; src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot'); src: url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.eot?#iefix') format('embedded-opentype'), url('https://www.mey.com/skin/frontend/ultimo/fg_mey/css/font/Neutra2Text/book/Neutra2Text_book.woff') format('woff'); font-weight: normal; font-style: normal; } .Neutra2Text_book { font-family: Neutra2Text_book; } .Neutra2Text_bold { font-family: Neutra2Text_bold; } /* Main menu */ #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: Neutra2Text-Bold, Arial, "Helvetica Neue", Helvetica, sans-serif; } #nav > li > a, .caption .heading { font-family: Neutra2Text-Book, Arial, "Helvetica Neue", Helvetica, sans-serif; } .tgr-font { font-family: "MeyHeadline"; text-transform: none; } /*Helper Classes*/ .arial-narrow{font-family: Neutra2Text-Book, "Arial Narrow",sans-serif !important;} .white{color:#FFF;} .magenta{color:#e6007e;} .grey{color:#919191;} .mey-gold { color: #ffe1ba; } .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .mrg-center{margin: 5px auto;} .mr0 { margin:0 !important; } .wauto { width: auto !important; } .w33 { width:33.3333334%; } .w330 { width:33%; } .w45 { width:45%; } .w49 { width:49%; } .w50 { width:50%; } .w55 { width:55%; } .w66 { width:66.6666667%; } .w90 { width: 90%; } .w100 { width:100%; } .h100 { height:100%; } .bgwhite{background:#FFF} .ls-3{letter-spacing:-3px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls5{letter-spacing:5px} .nofloatab768 { float: none; clear: both; } .ucase{text-transform:uppercase} .ncase{text-transform: none;} .txleft { text-align: left; } .lheight100 { line-height: 100%; } .button.p-button { padding:8px 15px; } .button.mrg-button{ margin:5px 20%; } .fs14 { font-size:14px; } .fs15 { font-size:15px; } .fs16 { font-size:16px; } .fs18 { font-size:18px; } .fs20 { font-size:20px; } .fs24 { font-size:24px; } .fs28 { font-size:28px; } .fs34 { font-size:34px; } .fs38 { font-size: 38px; } .fs44 { font-size:44px; } .fs48 { font-size: 48px; } .fs51 { font-size: 51px; } .fs100 { font-size:100px; } .mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; } .mt1{margin-top:1%} .mt2{margin-top:2%} .mt3{margin-top:3%} .mt5{margin-top:5%} .mt10{margin-top:10%} .mt15{margin-top:15%} .mt20{margin-top:20%} .mt100{margin-top:100%} .mb1{margin-bottom:1%} .mb3{margin-bottom:3%} .mb5{margin-bottom:5%} .mb10{margin-bottom:10%} .mb15{margin-bottom:15%} .mb20{margin-bottom:20%} .ml5{margin-left:5%} .ml10{margin-left:10%} .ml15{margin-left:15%} .ml20{margin-left:20%} .mr5{margin-right:5%} .mr10{margin-right:10%} .mr15{margin-right:15%} .mr20{margin-right:20%} .space-1{height:1px} .space-20{height:20px} .posabs{position:absolute;} .posrel{position:relative;} .zi10 { z-index: 10; } .zi5 { z-index: 5; } .zi1 { z-index: 1; } .posabs.center{left:50%} .posrel.center{left:-50%} .t1{top:1%} .t2{top:2%} .t3{top:3%} .t5{top:5%} .t7{top:7%} .t10{top:10%} .t13{top:13%} .t15{top:15%} .t20{top:20%} .t25{top:25%} .t28{top:28%} .t30{top:30%} .t32{top:32%} .t35{top:35%} .t40{top:40%} .t45{top:45%} .t50{top:50%} .t53{top:53%} .t55{top:55%} .b1{bottom:1%} .b2{bottom:2%} .b3{bottom:3%} .b4{bottom:4%} .b5{bottom:5%} .b10{bottom:10%} .b15{bottom:15%} .b18{bottom:18%} .b20{bottom:20%} .b22{bottom:22%} .b23{bottom:23%} .b25{bottom:25%} .b27{bottom:27%} .b30{bottom:30%} .b35{bottom:35%} .b40{bottom:40%} .b45{bottom:45%} .b50{bottom:50%} .l1{left:1%} .l2{left:2%} .l3{left:3%} .l5{left:5%} .l9{left:9%} .l10{left:10%} .l11{left:11%} .l12{left:12%} .l13{left:13%} .l14{left:14%} .l15{left:15%} .l18{left:18%} .l20{left:20%} .l25{left:25%} .l27{left:27%} .l30{left:30%} .l33{left:33%} .l35{left:35%} .l40{left:40%} .l45{left:45%} .l50{left:50%} .r0{right:0;} .r1{right:1%} .r2{right:2%} .r3{right:3%} .r4{right:4%} .r5{right:5%} .r6{right:6%} .r7 { right: 7% } .r9{right:9%} .r10{right:10%} .r15{right:15%} .r17{right:17%} .r18{right:18%} .r20{right:20%} .r25{right:25%} .r27{right:27%} .r30{right:30%} .r35{right:35%} .r38{right:38%} .r40{right:40%} .r45{right:45%} .r50{right:50%} .bgwhitetrans10{background:rgba(255,255,255,.1);} .bgwhitetrans20{background:rgba(255,255,255,.2);} .bgwhitetrans30{background:rgba(255,255,255,.3);} .bgwhitetrans40{background:rgba(255,255,255,.4);} .bgwhitetrans50{background:rgba(255,255,255,.5);} .bgwhitetrans60{background:rgba(255,255,255,.6);} .bgwhitetrans70{background:rgba(255,255,255,.7);} .bgwhitetrans80{background:rgba(255,255,255,.8);} .bgwhitetrans90{background:rgba(255,255,255,.9);} .slide-caption .box{padding:1em 3em} /* Wordpress Helper Class */ .wpb_row .white p, .wpb_row .white a { color:#fff; transition: color 450ms ease-in-out ease-in-out; -moz-transition: color 450ms ease-in-out ease-in-out; -webkit-transition: color 450ms ease-in-out ease-in-out; -o-transition: color 450ms ease-in-out ease-in-out; } .wpb_row .white a:hover { color:#e6007e; transition: color 450ms ease-in-out ease-in-out; -moz-transition: color 450ms ease-in-out ease-in-out; -webkit-transition: color 450ms ease-in-out ease-in-out; -o-transition: color 450ms ease-in-out ease-in-out; } /* Sprite Positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div, .owl-carousel .owl-controls .owl-buttons div, .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next, #cboxPrevious, #cboxNext, .sprite-cart-slider-down, .sprite-cart-slider-up, .sprite-ico-buy-in-advance, .sprite-ico-free-retour, .sprite-ico-free-ship, .sprite-ico-hotline, .sprite-ico-product-available, .sprite-ico-mobile-settings, .sprite-ico-search-bar, .sprite-ico-cart-mini-hover, .sprite-ico-cart-mini, .sprite-ico-newsletter, .sprite-slideshow-next, .sprite-slideshow-prev, .sprite-mey-gutschein-icon, .sprite-mey-wk-icon-phone, .sprite-ico-app-download, .sprite-product-slider-next, .sprite-product-slider-prev, .sprite-ico-lang-changer { background: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite_fg.png) no-repeat; } .sprite-cart-slider-down { background-position: -5px -0px; width: 42px; height: 19px; } .sprite-cart-slider-up { background-position: -5px -24px; width: 42px; height: 19px; } .sprite-ico-buy-in-advance { background-position: -4px -44px; width: 28px; height: 33px; } .sprite-ico-free-retour { background-position: -5px -82px; width: 28px; height: 33px; } .sprite-ico-free-ship { background-position: 1px -118px; width: 28px; height: 33px; } .sprite-ico-hotline { background-position: -2px -158px; width: 28px; height: 33px; } .sprite-ico-product-available { background-position: -1px -197px; width: 28px; height: 33px; } .sprite-ico-mobile-settings { background-position: -5px -238px; width: 26px; height: 26px; } .sprite-ico-search-bar { background-position: -5px -269px; width: 25px; height: 20px; } .sprite-ico-cart-mini-hover { background-position: -5px -294px; width: 24px; height: 22px; } .sprite-ico-cart-mini { background-position: -5px -321px; width: 24px; height: 22px; } .sprite-ico-newsletter { background-position: -5px -348px; width: 18px; height: 10px; } .slider-arrows2 .owl-controls .owl-buttons div.owl-next, .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover, #cboxNext, #cboxNext:hover, .sprite-slideshow-next { background-position: -5px -363px; width: 16px; height: 42px; } .slider-arrows2 .owl-controls .owl-buttons div.owl-prev, .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover, #cboxPrevious, #cboxPrevious:hover, .sprite-slideshow-prev { background-position: -26px -363px; width: 16px; height: 42px; } .sprite-mey-gutschein-icon { background-position: -5px -410px; width: 15px; height: 15px; } .sprite-mey-wk-icon-phone { background-position: -25px -410px; width: 13px; height: 18px; } .sprite-ico-app-download { background-position: -5px -430px; width: 12px; height: 24px; } .owl-carousel .owl-controls .owl-buttons div.owl-next, .owl-carousel .owl-controls.clickable .owl-buttons .owl-next:hover, .flex-direction-nav .flex-next, .sprite-product-slider-next { background-position: -22px -433px; width: 10px; height: 25px; } .owl-carousel .owl-controls .owl-buttons div.owl-prev, .owl-carousel .owl-controls.clickable .owl-buttons .owl-prev:hover, .flex-direction-nav .flex-prev, .sprite-product-slider-prev { background-position: -5px -459px; width: 10px; height: 25px; } .sprite-ico-lang-changer { background-position: -34px -294px; width: 8px; height: 5px; } /* Sprite Positions Care Instructions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sprite-care-instruct-18718, .sprite-care-instruct-18723, .sprite-care-instruct-18719, .sprite-care-instruct-18690, .sprite-care-instruct-18728, .sprite-care-instruct-18720, .sprite-care-instruct-18707, .sprite-care-instruct-18725, .sprite-care-instruct-18721, .sprite-care-instruct-18732, .sprite-care-instruct-18729, .sprite-care-instruct-18733, .sprite-care-instruct-18730, .sprite-care-instruct-18727, .sprite-care-instruct-18724, .sprite-care-instruct-18726, .sprite-care-instruct-18722, .sprite-care-instruct-18737, .sprite-care-instruct-18731 { background: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/shapeCareicons.png) no-repeat; width: 30px; height: 23px; position: absolute; top: 0; left: 0; } .sprite-care-instruct-18718 { background-position: -210px 2px; } /* nicht bleichen */ .sprite-care-instruct-18723 { background-position: -60px 1px; } /* nicht heiß bügeln, Vorsicht Dampf */ .sprite-care-instruct-18719 { background-position: -90px 1px; } /* mäßig heiß bügeln */ .sprite-care-instruct-18690 { background-position: -120px 1px; } /* heiß bügeln */ .sprite-care-instruct-18728 { background-position: -150px -20px; } /* nicht bügeln */ .sprite-care-instruct-18720 { background-position: -120px -43px; } /* Chemische Reinigung */ .sprite-care-instruct-18707 { background-position: -150px -42px; } /* Chemische Reinigung schonend (P) */ .sprite-care-instruct-18725 { background-position: -240px -21px; } /* Trocknen im Tumbler nicht möglich */ .sprite-care-instruct-18721 { background-position: -240px -45px; } /* trocknen mit reduzierter thermischer Beanspruchung */ .sprite-care-instruct-18732 { background-position: -240px -67px; } /* trocknen mit normaler thermischer Beanspruchung */ .sprite-care-instruct-18729 { background-position: -180px 0px; } /* Handwäsche */ .sprite-care-instruct-18733 { background-position: -30px -22px; } /* 30 Grad sehr mild */ .sprite-care-instruct-18730 { background-position: -150px -65px; } /* 30 Grad Normal */ .sprite-care-instruct-18727 { background-position: -120px -65px; } /* 30 Grad Schonwaschen */ .sprite-care-instruct-18724 { background-position: -90px -65px; } /* 40 Grad Normal */ .sprite-care-instruct-18726 { background-position: -60px -65px; } /* 40 Grad Schonwaschen */ .sprite-care-instruct-18722 { background-position: -30px -65px; } /* 60 Grad Normal */ .sprite-care-instruct-18737 { background-position: 0px -65px; } /* 60 Grad Schonen */ .sprite-care-instruct-18731 { background-position: 0px -86px; } /* 95 Grad Normal */ .care-instructions { margin-top: 20px; } .care-list li { margin: 5px 0; position: relative; padding-left: 35px; line-height: 25px; } /* Override Defaults %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Layout -------------------------------------------------------------- */ /* general */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { color: #000000; background: #FFF; } body.cms-index-defaultindex .main { padding-top: 0px; padding-bottom: 0px; } p.required { text-align: left; color: #333333; padding-bottom: 5px; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .customhide { display: none; } /* Forms and Widgets */ .form-list input.input-text { width: 100%; } .newsletter-subscribe .input-text, .newsletter-subscribe .select-text, .sorter .limiter select, .registered-users input, .customer-account-resetpassword .main.container input, .account-create input, .account-create select, #contactForm .field.wide input, #contactForm .field.wide select, #contactForm .field.wide input, #onestepcheckout-form ul .input-box input, #onestepcheckout-form ul .input-box select, #onestepcheckout-form .onestepcheckout-coupons input, #onestepcheckout-login-form input, #onestepcheckout-forgot-form input, .my-account .input-box input.input-text, .my-account .input-box select, .discount-form .input-box input, .subcribe-page .block-subscribe input, .subcribe-page .block-subscribe select, .add-to-cart-attributes select, .product-options dd select { height: 30px; border-color: #aaaaaa; padding: 0 0 0 10px; } input, select, textarea { border-color: #aaaaaa; } .form-list .field { width: 47%; } .form-list .field:first-child { margin-right: 6%; } .field.wide { margin: 0 0 5px 0; width: 100%; } .field.wide select { width: 100%; } .fieldset { padding: 0; } .fieldset .legend { margin: 0 0 15px 0; padding: 10px 0 10px 0; font-size: 14px; font-weight: bold; } .fieldset .field { width: 45%; } .fieldset .field.wide, .fieldset select, .fieldset textarea { width: 100%; } .fieldset .field:first-child { margin-right: 10%; } .form-list .name-prefix input.input-text { width: 100%; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 45%; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 100%; } /* Day of Birth */ .customer-dob .dob-day, .customer-dob .dob-month, .customer-dob .dob-year { width: 33.3333% !important; } .customer-dob .dob-day input.input-text, .customer-dob .dob-month input.input-text, .customer-dob .dob-year input.input-text, #billing_address_list .customer-dob { width: 100% !important; } /* Container */ .container { position: relative } .block .actions a { float: none } .main { padding: 15px 20px; } /* Scroll to Top */ #scroll-to-top { height: 30px; border-radius: 0; background-position: -200px -110px; background-color: #d3d3d3; } #scroll-to-top:hover { background-position: -200px -160px; background-color: #898989; } .onestepcheckout-index-index #scroll-to-top { display: none !important; } /* System Messages */ /* Error Messages */ #onestepcheckout-login-error, #onestepcheckout-forgot-error, .alert-message p.error-msg { background: #fad9ec url("https://www.mey.com/skin/frontend/ultimo/fg_mey/images/onestepcheckout-error.png") no-repeat 7px center !important; color: #e6007e; border: none; margin: 10px 5px 10px 0; padding: 10px 10px 10px 35px !important; font-weight: bold; } /* Info Messages */ /* Success Messages */ /* Wysiwyg */ .cms-highlight { color: #ffffff !important; text-decoration: underline !important; } /* Header */ .header-container, .header-container a, .dropdown-toggle > div > .value { color: #989898; text-transform: uppercase; } /* Toplinks */ .top-links { font-size: 13px; position: relative; } .top-links.links-wrapper-separators-left li { margin: 0 25px; display: inline-block; line-height: 45px; } .top-links li.last { margin-right: 40px; } .top-links li a { padding: 0; } .top-links li a.button { padding: 5px 15px; } .top-links li a:hover { text-decoration: underline; } .register-box a { text-decoration: underline; } .mobile-settings-wrapper .caret, .mobile-settings-wrapper .mobile-settings > a.button { display: none; } .mobile-settings-wrapper .customer-service-wrapper > .caret { display: block; } #mobnav, #nav { background: #fff; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } #mobnav, #nav, .nav.container .accordion.mobile { margin-left: 0; margin-right: 0; width: 100%; border: 0px; } .nav-container { z-index: 101; position: relative; margin-top: 10px; } #nav > li > a { padding: 0 30px; } #nav ul.level0 { display: table; } #nav ul.level0 li a:hover { color: #000000; font-weight: bold; } #nav ul.level0 > li { border-left: 1px solid #9c9897; padding: 0 45px; width: 205px; height: 100%; } #nav ul.level0 > li.first { border: none; padding-left: 0; width: 160px; } #nav ul.level0 > li.last { padding-right: 0; width: 160px; } #nav ul.level0 > li.first.last { padding: 0; width: 115px; } #nav > li.parent:hover > a .caret { display: block; position: absolute; bottom: -4px; left: 45%; width: 0px; height: 0px; border-style: solid; border-width: 0px 5px 10.8px 5px; border-color: transparent transparent #ffffff transparent; } #nav a.level-top .caret { display: none; } .nav-container .level1 > a > span { font-weight: normal; font-family: Neutra2Text-Book, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #919191; font-size: 16px; } #nav ul.level1 > li { background: none; padding-left: 0; } #nav ul.level1 > li span { text-transform: none; } #nav .level0-wrapper { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #nav .level0-wrapper { background: rgb(255,255,255); background: rgba(255,255,255, 0.98); border: 1px solid #eee; border-top-width:0; z-index: 101; } .nav.container .accordion.mobile li > a > span { color: #000000; } .nav.container .accordion.mobile li > a:hover > span, .nav.container .accordion.mobile li.current > a > span { color: #000000; } #nav ul.level2 { display: none; } #nav li.level2 > a { font-size: 16px; } #nav .level0-wrapper { width: auto; left: auto !important; display: none; } #nav .level0-wrapper2 { padding: 20px 25px; } #nav .level0-wrapper2 > .nav-block { width: 100%; margin: 0; } #nav li.level1 > a > span:hover { text-decoration: underline; } #nav li a.menu-cat-mey-24-7 { color: transparent; background-image: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/images/menu-mey247.png"); background-repeat: no-repeat; background-position: center; } #nav li a.menu-cat-mey-24-7 + div.level0-wrapper { background-image: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/images/menu-mey247-bg.png"); background-repeat: no-repeat; background-position: right; } .header-top-contaier-seperator { border: 0; width: 100%; height: 1px; display: block; clear: both; background: #f0f0f0; } .header-primary.header { position: relative; } /* Marquise Text */ .header-main { position: relative; } .shop-informercials { position: absolute; width: 50%; left: 50%; top: 20px; } .shop-informercials .the-slideshow-wrapper { position: relative; width: 400px; left: -200px; overflow: hidden; } .shop-informercials .owl-controls { display: none !important; } /* Logo */ .header .logo a, .header-container .logo { width: 135px; display: block; } /* Customer Service */ .link-customer { z-index: 103; position: relative; } .customer-service-wrapper { width: 240px; position: absolute; left: 0px; background:rgb(255,255,255); background:rgba(255,255,255, 0.98); } .customer-service-wrapper { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: -30px; border: 1px solid #eee; z-index: -2; transition: all 0.4s 1s; -webkit-transition: all 0.4s 1s; -moz-transition: all 0.4s 1s; -o-transition: all 0.4s 1s; } .link-customer:hover .customer-service-wrapper { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 36px; z-index: 11; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .customer-service-wrapper .caret { position: absolute; left: 20px; top: -10px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 10.4px 6px; border-color: transparent transparent #f2f1ef transparent; -webkit-box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); -moz-box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); } .customer-service-wrapper .block-login { padding: 20px 20px 15px 20px; margin: 0; text-transform: none; font-size: 12px; } .customer-service-wrapper .block-heading { display: block; margin-bottom: 10px; line-height: 100%; } .customer-service-wrapper .block-content { padding: 0; } .customer-service-wrapper .block-content input { height: 18px; margin: 0 0 5px 0; padding: 0 0 0 10px; width: 100%; font-size: 13px; } .customer-service-wrapper .forget-passwd { color: #ffffff; display: block; text-transform: none; line-height: 100%; margin-bottom: 3px; } .customer-service-wrapper .actions { text-align: left; } .customer-service-wrapper .register-box a { text-transform: none; } .customer-service-wrapper .welcome-msg { line-height: 100%; margin-bottom: 10px; } .customer-service-wrapper .customer-links { float: none; margin-bottom: 15px; } .customer-service-wrapper .customer-links li { margin: 0 0 5px 0; display: block; } .customer-service-wrapper .customer-links li a { text-transform: none; display: block; line-height: 100%; } .customer-service-wrapper .customer-links .button.button span { background-color: #999; color: white; } .outsidebanner_slider-box { color: white; } .outsidebanner_slider-box a { color: white; } /* Language Switcher */ .lang-switcher { font-size: 13px; } .lang-switcher .dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; } .lang-switcher .dropdown-toggle > div { background: none !important; } .lang-switcher .dropdown-toggle .dropdown-icon { /*background-position: 0 45%;*/ background-size: 100%; } .lang-switcher .dropdown-menu { background:rgb(255,255,255); background:rgba(255,255,255, 0.98); top: -30px; position: absolute; right: 0px; z-index: -2; display: block; opacity: 0; } .lang-switcher .dropdown-menu .dropdown-icon { background-size: 100%; } .lang-switcher .dropdown-menu:before { content: ""; display: block; position: absolute; right: 20px; top: -10px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 10.4px 6px; border-color: transparent transparent #f2f1ef transparent; -webkit-box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); -moz-box-shadow: 0px -1px 0px -1px rgba(242,241,239 1); box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); } .lang-switcher .dropdown-menu li { font-size: 13px; color: #999798; } .lang-switcher .dropdown-menu li a { font-size: 13px; color: #999798; } .lang-switcher .dropdown-menu li.current, .lang-switcher .dropdown-menu li a:hover { text-decoration: underline; color: #999798; } .lang-switcher .value { padding-top: 2px; } .lang-switcher .caret { display: none; border: none; } .lang-switcher.open .value { text-decoration: underline; } .dropdown.lang-switcher ul.dropdown-menu.left-hand { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid #eee; top: -30px; z-index: -2; transition: all 0.4s 1s; -webkit-transition: all 0.4s 1s; -moz-transition: all 0.4s 1s; -o-transition: all 0.4s 1s; } .dropdown.lang-switcher.open ul.dropdown-menu.left-hand { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 36px; z-index: 11; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } /* Mini Cart */ /* Dropdown */ .open > .dropdown-toggle.cover, .dropdown-menu { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } #mini-cart .dropdown-menu.left-hand { background: rgb(255,255,255); background: rgba(255,255,255, 0.98); border: 1px solid #eee; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #mini-cart .dropdown-menu { padding: 15px; top: 4px; width: 260px; color: #999798; } #mini-cart .feature-icon-hover { padding-top: 10px; } #mini-cart .feature-icon-hover .empty { line-height: 5px; } #mini-cart.open .feature-icon-hover { background: none; } .title-cart-mini { font-size: 16px; font-weight: bold; } #mini-cart .empty { display: block; text-align: right; } #mini-cart .dropdown-menu .empty { padding: 0; width: 105px; } #mini-cart .truncated { width: 100%; } #mini-cart .dropdown-toggle .summary { display: block; text-align: right; line-height: 5px; } #mini-cart .block-subtitle { font-size: 0; margin-top: 40px; } .sprite-ico-cart-mini { margin-right: 5px; position: relative; top: 0px; } #mini-cart:hover .sprite-ico-cart-mini { background-position: -5px -294px; transition: background-position 0s 0.2s; -webkit-transition: background-position 0s 0.2s; -moz-transition: background-position 0s 0.2s; -o-transition: background-position 0s 0.2s; } #mini-cart .actions button { float: none; margin-bottom: 10px; text-align: center; width: 100%; } #mini-cart .actions button.button span { float: none !important; } .mini-cart-slider-wrapper button.button span { background-color: #999; color: white; } #mini-cart .actions .mini-cart-check-link { display: inline-block; color: #333333; text-decoration: underline; text-transform: none; cursor: pointer; position: relative; top: 1px; } #mini-cart .dropdown-menu { display: block; max-height: 0px; overflow: hidden; visibility: hidden; opacity: 0; } /* Mini Cart Slider */ .mini-cart-slider-wrapper .prod-up { width: 100%; cursor: pointer; height: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mini-cart-slider-wrapper .prod-down { width: 100%; cursor: pointer; height: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mini-cart-slider-wrapper .prod-up span, .mini-cart-slider-wrapper .prod-down span { display: block; margin: 0 auto; text-indent: -999px; } .mini-cart-slider-wrapper .mini-cart-slider { max-height: 220px; overflow: hidden; min-height: 85px; } .mini-cart-slider-wrapper .mini-cart-slider > ol { position: relative; top: 0; } .mini-cart-slider-wrapper .mini-cart-slider li { height: 75px; } /* Search Box */ /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; position: absolute; top: 6px; right: 10px; z-index: 2002; margin: 0 !important; } .search-wrapper-p3 .form-search { max-width: 100% !important; } /* Button */ .form-search .button { padding: 0; margin: 1px; /*text-indent: -9999px;*/ z-index: 999; border-width: 0; } .form-search .button { background-color: transparent; padding: 8px; } .form-search .button > i { color: #999; font-size: 16px; } .form-search .button > span { background-color: rgb(153, 153, 153); background-color: rgba(153, 153, 153, 0.85); transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; } .form-search .button:hover > span { background-color: rgb(153, 153, 153); background-color: rgba(153, 153, 153, 1); transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; } .form-search .button span span { display: none; } /* Quick search */ .form-search { height: 22px; } .form-search .input-text { height: 22px; line-height: 22px; background-color: #fff; color: #999; border: 1px solid #999; font-size: 13px; } .form-search .input-text:focus, .form-search .input-text:hover { background-color: #f2f1ef; color: #989898; border: 1px solid #999; } .search-wrapper input#search { right: 0; position: absolute; } .search-wrapper input#search { width: 27px; min-width: 27px; padding-right: 0; transition: all 0.6s 1s; -webkit-transition: all 0.6s 1s; -moz-transition: all 0.6s 1s; -o-transition: all 0.6s 1s; } .search-wrapper .form-search input#search, .catalogsearch-result-index .search-wrapper input#search { width: 220px; padding: 16px 35px 16px 16px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; text-transform: uppercase; font-style: italic; } .search-wrapper .button:active { top: 0; position: absolute; } .shop-benefits.last .heading a { color: #989898 !important; } html.touch .search-wrapper .search-opener { display: block; position: absolute; right: 0; top: 0; width: 27px; height: 22px; z-index: 1; } html.touch .search-wrapper:hover .search-opener { display: none; } /* Buttons */ .button { text-transform: uppercase; display: inline-block; padding: 5px 15px 5px 15px; } .button.button span span, a.button { padding: 5px 15px; line-height: normal; height: auto; } .button.dark, .button, button.button, .onestepcheckout-button, .product-view .btn-cart > span, button.btn-checkout > span, .footer button.button > span { background-color: #999; color: #fff; font-weight: normal; } .button.btn-search:hover { border-width:0; } .product-information .button span span { color: #fff; } .onestepcheckout-button, .onestepcheckout-button:visited, .medium.onestepcheckout-button, .medium.onestepcheckout-button:visited { text-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .button.light, .button.light span { background-color: transparent; color: #fff; -webkit-box-shadow:inset 0 0 0 2px #fff; -moz-box-shadow:inset 0 0 0 2px #fff; box-shadow:inset 0 0 0 2px #fff; } .button.light:hover, .button.light:hover span { -webkit-box-shadow:inset 0 0 0 3px #fff; -moz-box-shadow:inset 0 0 0 3px #fff; box-shadow:inset 0 0 0 3px #fff; } .button.black, .button.black span { background-color: transparent; color: #000000; -webkit-box-shadow: inset 0 0 0 2px #000000; -moz-box-shadow: inset 0 0 0 2px #000000; box-shadow: inset 0 0 0 2px #000000; } .button.black:hover, .button.black:hover span { -webkit-box-shadow: inset 0 0 0 3px #000000; -moz-box-shadow: inset 0 0 0 3px #000000; box-shadow: inset 0 0 0 3px #000000; } .buttons-set .button.light, .buttons-set .button.light span { -webkit-box-shadow:inset 0 0 0 2px #999; -moz-box-shadow:inset 0 0 0 2px #999; box-shadow:inset 0 0 0 2px #999; } .buttons-set .button.light:hover, .buttons-set .button.light:hover span { -webkit-box-shadow:inset 0 0 0 3px #999; -moz-box-shadow:inset 0 0 0 3px #999; box-shadow:inset 0 0 0 3px #999; } .button:active { position: relative; top: 1px; } button.button.btn-inline span span { padding: 0 15px; } .block .actions { border: none; } .add-to-cart .btn-cart span span { border: none; padding: 10px 20px; } /* Outside Banners */ .outside_banner { position: absolute; right: -135px; top: 98px; z-index: 9999; width: 125px; height: auto; } .checkout-cart-index .outside_banner, .onestepcheckout-index-index .outside_banner { display:none; } .outside_banner .closure { position: absolute; right: -10px; top: -11px; width: 15px; height: 15px; text-indent: -9999px; z-index: 1; } .outside_banner .closure:hover { cursor: pointer; } .outside_banner .closure:before { content: "x"; position: absolute; display: block; right: -19%; top: -19%; width: 12px; height: 12px; font-size: 12px; text-indent: 0; } .newsletter_subscribe_boxe, .outsidebanner_slider-box, .newslettersidebanner_slider-box { position: relative; display: none; } .newsletter_subscribe_boxe { margin-bottom: 30px; } .outsidebanner_slider-box .owl-controls { display: none !important; } /* Sections */ .section-line, .toolbar { border-color: #616361; } .after-postscript { padding-top: 25px; border:none; } /* Breadcrumbs */ .breadcrumbs { border-bottom: 1px solid #e4e4e4; padding-left: 15px; } .breadcrumbs li span { width: 2px; height: 5px; margin: 0px 3px 0; float: left; color: #000000; background: none; text-indent: 0; overflow: visible; } .breadcrumbs a, .breadcrumbs li strong { color: #000; font-size: 14px; } .breadcrumbs a:hover { color: #e6007e; } /* Footer */ .footer-primary-bottom .item-right.newsletter-wrapper { display: none; } .footer-primary-container .heading { margin-bottom: 0; } .footer-primary-bottom .heading { margin-bottom: 5px; } .footer-container li > * { line-height: 1.9em; } .footer-container .heading { text-transform: uppercase; font-size: 14px; } .footer-container { font-size: 12px; } .footer-container a:hover { text-decoration: underline; } /* Footer CSS3 Effects */ .price-links a, .payment-links a, .shipping-links a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .price-links a:hover, .payment-links a:hover, .shipping-links a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: scale(3, 3); -ms-transform: scale(3, 3); -webkit-transform: scale(3, 3); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } /* Footer Section-Lines */ .footer-primary-bottom-spacing { border: 1px solid #f4f0ed; border-right: 0; border-left: 0; } .footer-secondary-container .section.cat-teaser { border-bottom: 1px solid #f0f0f0; padding-left: 0; padding-right: 4%; } /* Row 1 */ /* Social Links */ .social-item .label-icon { display: inline-block; width: 17px; height: 17px; margin-right: 5px; } .social-item .label-icon img { max-width: 100%; vertical-align: middle; } /* Smartphone Links */ .smartphone { } .smartphone a { line-height: 1.5em; } .smartphone ul { margin-left: 5px; } .smartphone .heading { margin: 4px 0 5px 0; } .smartphone .sprite-ico { display: inline-block; margin-top: 5px; } /* Newsletter Subscribe */ .newsletter-subscribe p { margin-bottom: 0; } .newsletter-subscribe .form-list li { margin: 0 0 3px; } .newsletter-subscribe .block-content { padding: 0; position: relative; } .newsletter-subscribe .block-subscribe { margin: 0; } .newsletter-subscribe .input-box { width: 100%; margin-top: 0; } .newsletter-subscribe .sprite-ico { position: absolute; top: 5px; left: 5px; display: inline-block; } .newsletter-subscribe .input-text { width: 80% !important; font-size: 1.1em; padding: 0px 0px 0px 5px; color: #989898; background-color: white; } .newsletter-subscribe .input-text::-webkit-input-placeholder { color: #989898; } .newsletter-subscribe .input-text:-moz-placeholder { color: #989898; } .newsletter-subscribe .input-text::-moz-placeholder { color: #989898; } .newsletter-subscribe .input-text:-ms-input-placeholder { color: #989898; } .newsletter-subscribe .select-text { width: 80% !important; font-size: 1.1em; padding: 0px 0px 0px 0px; color: #989898; background-color: white; } .newsletter-subscribe .button { border: 1px solid #bcb7b3; } .newsletter-subscribe .dark-button-span, .newsletter-subscribe button.button span { background: #bcb7b3 !important; color: white !important; } .newsletter-subscribe .button, .newsletter-subscribe .button span { width: 100%; } .newsletter-subscribe .actions { bottom: -20px; width: 80%; height: 18px; padding: 0; margin: 0; } .newsletter-subscribe .actions span span { padding: 0 5px; margin: 0; font-size: 12px; line-height: 27px; height: 27px; } .newsletter-subscribe .actions .button:hover > span { border-width: 0; } /* Payment Links and Shipping Links and Price Links */ .price-links a, .payment-links a, .shipping-links a { display: inline-block; height: 18px; margin-right: 2px; margin-bottom: 5px; position: relative; } .price-links a, .payment-links a, .shipping-links a { z-index: 1; } .price-links a:hover, .payment-links a:hover, .shipping-links a:hover { z-index: 2; } .price-links img, .payment-links img, .shipping-links img { max-height: 100%; } /* Row 1.5 */ .block_footer_primary_bottom_left { margin-left: 10px; } .block_footer_primary_bottom_middle { margin: 0 0 0 6%; } .block_footer_primary_bottom_right { margin: 0 0 0 2.4%; } .block_footer_primary_bottom_right a { height: 50px; } /* Row 2 */ .footer-secondary-container, .footer-bottom-container { color: #999999; } .footer-secondary-container .section, .footer-bottom-container .section { padding-left: 10px; } .hide-above-768 { display: none; } .cat-teaser .grid12-2 { margin: 0; width: 100%; } .category-teaser .heading { color: #ffffff; } /* Row 2.5 */ .footer-bottom-container li { display: inline-block; } .footer-bottom-container li a { color: #999999; border-left: 1px solid #999999; padding: 0 5px 0 9px; } .footer-bottom-container li.first a { border:none; padding-left:0; } /* Content -------------------------------------------------------------- */ /* Shop pages */ /* Home page */ body.cms-index-index .main.container { background: transparent; } body.cms-index-index .main { padding: 0; } body.cms-index-index .col-main .box { position: relative; text-align: center; overflow: hidden; } body.cms-index-index .col-main .box .caption { position: absolute; color: #ffffff; margin: 0; width: 100%; text-align: center; padding-top: 25px; } body.cms-index-index .col-main .box .caption { bottom: -75px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } body.cms-index-index .col-main .box:hover .caption { bottom: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } body.cms-index-index .col-main .box .caption > * { float: none; } body.cms-index-index .col-main .box .caption h3 { font-size: 20px; width: 100%; margin-bottom: 10px; } body.cms-index-index .col-main .box .caption hr { border-color: #9a9a9a; display: block; margin: 0 20%; border-style: solid; border-bottom: none; } body.cms-index-index .col-main .box .caption .buttons-set { width: 100%; margin: 0; text-align: center; height: 75px; } body.cms-index-index .col-main .box .caption .button { color: #9a9a9a !important; background-color: transparent; border-color: #9a9a9a !important; margin: 15px; } body.cms-index-index .col-main .box .caption.with-background { background: rgb(255,255,255); background: rgba(255,255,255, .8); color: #9a9a9a !important; z-index: 2; } body.cms-index-index .col-main .box .caption.no-background { height: 100%; padding: 0; } body.cms-index-index .col-main .box .caption.no-background h3 { position: absolute; right: 0; top: 25px; } body.cms-index-index .col-main .box .caption.no-background hr { display: none; } body.cms-index-index .col-main .box .caption.no-background .buttons-set { position: absolute; bottom: 0; right: 0; } .home-blocks-static img.mobile, .home-blocks-static .mobile img { display: none; } .preface:not(:empty) { margin-top: 20px; } .preface { margin-bottom: 20px; } .home-blocks-static .left, .side-left, .box-left.w33 { padding-right:10px; } .home-blocks-static .middle, .box-middle.w33 { padding-right:5px; padding-left:5px; } .home-blocks-static .right, .side-right.w33, .box-right.w33 { padding-left:10px; } .side-right.w66, .box-right.w66 { padding-left:5px; } .side-left.w66, .box-left.w66 { padding-right:5px; } .landingpage-damen_herren .box { margin-bottom: 10px; } .home-blocks-static .box { margin-bottom: 15px; } .perfectPieces .banner, .seoLandingpage .banner { margin: 10px 0; overflow: hidden; text-align: center; width: 100%; } .perfectPieces .innerStuff, .seoLandingpage .innerStuff { margin-left: 12%; width: 76%; } .pieces-banner-wrapper { font-family: 'HelveticaRegular', sans-serif; width: 33%; top: 5%; left: 14% } .seoLP-banner-wrapper { font-family: 'HelveticaRegular', sans-serif; width: 33%; } .pieces-banner-head, .seoLP-banner-head { font-size: 27px; margin-bottom: 5px; } .pieces-banner-text, .seoLP-banner-text { font-size: 15px; } /* Gallery Page */ .catalog-category-view .page-title { display: none; } .category-description { display: none; } .catalog-category-view .main.container { position: relative; } /* Catalin_Seo */ #loading { text-align: center; display: block; position: absolute; width: 100%; height: 100%; top: 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); left: 0; z-index: 125; } .catalog-product-view #loading { background: none; } #loading .loading-content { top: 50%; position: fixed; left: 45%; } /* Category Image */ .category-image { margin: 10px 0 0; } .vertnav-top > li a { color: #000; } @media only screen and (min-device-width: 320px) and (max-device-height: 736px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 12px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 7px; line-height: normal; width:95%; } .show.mobile li a { color: #000; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 22px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 11px; width:95%; } .pieces-banner-wrapper, .seoLP-banner-wrapper { font-family: "HelveticaRegular",sans-serif; left: 5%; top: 5%; width: 43%; } .pieces-banner-head, .seoLP-banner-head { font-size: 27px; margin-bottom: 5px; } .pieces-banner-text, .seoLP-banner-text { font-size: 16px; line-height: normal; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1279px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 25px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 13px; width:95%; } .pieces-banner-wrapper, .seoLP-banner-wrapper { font-family: "HelveticaRegular",sans-serif; left: 3%; top: 5%; width: 45%; } .pieces-banner-head, .seoLP-banner-head { font-size: 25px; margin-bottom: 0px; } .pieces-banner-text, .seoLP-banner-text { font-size: 13px; line-height: normal; } } @media only screen and (min-width: 320px) and (max-height: 736px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 12px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 7px; line-height: normal; width:95%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 22px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 11px; width:95%; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 25px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 13px; width:95%; } } @media only screen and (min-width: 1280px) { /* Category SEO Text */ .cat-banner-head { font-family: 'HelveticaRegular', sans-serif; font-size: 27px; margin-bottom: 5px; } .cat-banner-text { font-family: 'HelveticaRegular', sans-serif; font-size: 15px; width:95%; } } /* Product Items */ /* Price Boxes */ .price-box .price-label { display: none; } .old-price { display: inline-block; margin-right: 20px; } .price-box .old-price .price { color: #000000 !important; } .price-box .special-price { display: inline-block; } .price-box .special-price .price { color: #e6007e !important; } .price-box .was-old-price .price { font-size: 1.6666em; } /* Grid */ .products-grid .item { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border: none; } .sticker-wrapper.top-left, .sticker-wrapper.top-right { top: auto; bottom: 1px; left: 0; } .sticker-wrapper.bluesign-wrapper { top: auto; bottom: 1px; right: 0; } .sticker.new, .sticker.sale { border-radius: 0; padding: 5px 0; height: 10px; line-height: 10px; text-transform: uppercase; color: #ffffff; font-weight: normal; width: 60px; height: 10px; } .sticker.new { background: #999999; } .sticker.sale { background: #fb7ec2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiN2VjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2M1ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fb7ec2 0%, #fcc5e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb7ec2), color-stop(100%, #fcc5e2)); background: -webkit-linear-gradient(top, #fb7ec2 0%, #fcc5e2 100%); background: -o-linear-gradient(top, #fb7ec2 0%, #fcc5e2 100%); background: -ms-linear-gradient(top, #fb7ec2 0%, #fcc5e2 100%); background: linear-gradient(to bottom, #fb7ec2 0%, #fcc5e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb7ec2', endColorstr='#fcc5e2', GradientType=0); } .products-grid .item:hover .sticker { width: 60px; height: 10px; } .products-grid .product-image-wrapper { border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } .products-grid .product-name { float: left; margin: 0; } .products-grid .product-name a, .products-grid .name-style { font-size: 14px; font-weight: bold; } .products-grid .price-box { float: right; text-align: right; margin: 0; } .products-grid .price-box span { font-weight: bold; font-size: 16px; } .addto-links-icons.addto-onimage { margin-top: -70px; } .addto-links-icons .link-compare { display: none; } .color-boxes .color_item { margin: 0 3px 3px 0; } .color-boxes .color_item a { width: 22px; height: 12px; } .product-infos, .color-boxes { max-width: 295px; margin: 0 auto; } /* Toolbar */ .toolbar { border-bottom: 1px solid #e5e5e5; border-top: none; } .toolbar .pager { text-align: right; display: none; } .toolbar-bottom .toolbar .pager { display: block; } .toolbar-bottom .toolbar { border: none; position: relative; z-index: 0; } .sorter .amount { float: left; background: none; } .sorter .amount strong { font-weight: normal; } .sorter .sort-by { display: none; } .sorter .limiter { float: right; margin: 0 2px 0 0; display: none; } .sorter .limiter select { padding: 0 0 0 0; position: relative; top: -1px; } .pager .pages > strong { display: none; } .pager .pagination-desktop ol { position: relative; } .pager .pagination-desktop li { height: auto; line-height: 100%; border-left: 1px solid #585858; } .pager .pagination-desktop li a { background: none; color: #585858; line-height: 100%; height: auto; } .pager .pagination-desktop li a:hover { background: none; color: #000000; } .pager .pagination-desktop li a:hover { text-decoration: underline; font-weight: bold; } .pager .pagination-desktop li.current { text-decoration: underline; background: none; font-weight: bold; } .pager .pagination-desktop li a.previous:before { position: absolute; top: 3px; left: 13px; content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 3.5px 6px 3.5px 0; border-color: transparent #989898 transparent transparent; } .pager .pagination-desktop li:hover a.previous:before { border-color: transparent #585858 transparent transparent; } .pager .pagination-desktop li a.next:after { position: absolute; top: 3px; right: 10px; content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 3.5px 0 3.5px 6px; border-color: transparent transparent transparent #989898; } .pager .pagination-desktop li:hover a.next:after { border-color: transparent transparent transparent #585858; } .pagination-mobile { display: none; } /* left Sidebar */ .sidebar .block-title { padding: 12px 0 20px 15px; font-weight: bold; font-size: 16px; border-bottom-color: #585858; text-transform: uppercase; } .col-left.sidebar { width: 18%; } /* Left Navigation */ .sidebar .block-content { padding-top: 0; } .sidebar .block-vertnav .block-title span { font-size: 20px; } .sidebar .block-vertnav li > a:hover, .sidebar .block-vertnav li.current > a, .sidebar .block-vertnav li:hover > a, .sidebar .block-vertnav li.active > a { font-weight: bold; color: #000000; } .sidebar .block-vertnav li a span { margin-left: 20px; display: block !important; } .sidebar .block-vertnav li.level0 > a { font-size: 16px; text-transform: uppercase; } .sidebar .block-vertnav li.level1 > a { font-size: 16px; text-transform: normal; } .sidebar .block-vertnav ul a { border: none; } .sidebar .block-vertnav li.level0 { border-bottom: 1px solid #e4e4e4; } .sidebar .block-vertnav ul.level0 li.parent:hover > ul { display: block !important; } /* TODO Effekt beim Aufklappen basteln */ .sidebar .block-vertnav ul.level0 li.parent .opener { display: none; } .sidebar .block-vertnav li.level0 > a { padding-top: 20px; padding-bottom: 20px; } .sidebar .block-vertnav li.level1 a { padding-top: 0px; padding-bottom: 3px; } .sidebar .block-vertnav .opener { right: auto; left: -5px; top: 0; background: none; height: 100%; } .sidebar .block-vertnav .opener:hover, .sidebar .block-vertnav li.active .opener { background: none; } .sidebar .block-vertnav .opener:after { content: ""; display: block; position: relative; top: 9px; left: 22px; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #000000; } .sidebar .block-vertnav li.active .opener:after { border-width: 7px 3px 0 3px; border-color: #000000 transparent transparent transparent; } .sidebar .left-navigation .accordion ul { display: none; } .sidebar .category-image { display: none; } /* Shop By */ .layered-navigation { margin-top: 40px; } .layered-navigation dl dd a { color: #585858; } .layered-navigation dl dd a:hover, .layered-navigation dl dd a.active { color: #000000; font-weight: bold; } .layered-navigation .currently, .layered-navigation .block-content > .actions:first-child { display: none; } .layered-navigation ol li { padding-left: 0; background: none; } .layered-navigation dl dt { position: relative; padding: 20px 10px 5px; } .layered-navigation dl dt .opener { position: absolute; display: block; cursor: pointer; left: 0px; top: 0; height: 100%; width: 100%; } .layered-navigation dl dt .opener:after { content: ""; display: block; position: relative; top: 25px; left: 17px; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #000000; } .layered-navigation dl dt .filter-name { margin-left: 20px; font-size: 16px; text-transform: uppercase; font-weight: normal; } .layered-navigation dl dt.active .opener:after { border-width: 7px 3px 0 3px; border-color: #000000 transparent transparent transparent; } .layered-navigation dl dt.active .filter-name, .layered-navigation dl dt:hover .filter-name { font-weight: bold; } .layered-navigation #narrow-by-list { padding: 0; } .layered-navigation dl dd { padding: 0; border-bottom: 1px solid #e5e5e5; } .layered-navigation .block-layered-nav dd.last { border-bottom: 1px solid #e5e5e5; } .layered-navigation dl dd .filter-navigation-wrapper { opacity: 0; height: 0; margin-bottom: 15px; overflow: hidden; } .layered-navigation dl dd ol { padding: 0 0 0 35px; } .layered-navigation .actions { padding-top: 20px; } .layered-navigation .filter-filter_color li { height: auto; line-height: normal; display: inline-block; margin: 0 10px 5px 0; } .layered-navigation dl dd.filter-filter_color ol { padding: 1px 20px 0 35px; } .layered-navigation .filter-filter_color input { display: none; } .layered-navigation .filter-filter_color a.checkbox { text-indent: -9999px; display: inline-block; height: 12px; width: 22px; border: 1px solid #e4e4e4; } .layered-navigation .filter-filter_color a.checkbox.selected, .layered-navigation .filter-filter_color a.checkbox:hover { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1); } .layered-navigation .filter-undefined { display: none !important; } .filter-secondary_size .ol-wrapper ol { float: left; width: 38%; padding-left: 15px; } .filter-secondary_size .ol-wrapper ol:first-child { float: left; width: 62%; padding-left: 35px; } /* Last Orders */ .block-reorder .block-content { padding: 0; } .block-reorder .block-subtitle { margin: 0; padding: 10px 0 10px 15px; } .block-reorder #cart-sidebar-reorder { padding: 0 0 0 15px; } .block-reorder .actions { text-align: left; padding-left: 15px; } .block-reorder .actions a.button { margin-top: 5px; } /* Detail-Page */ .catalog-product-view .main.container, .product-view { position: relative; } .product-view .sticker-wrapper { display: none; } .product-view .box-additional { margin: 0; } .product-view-wrapper .product-img-column .img-box { padding-bottom: 25px; } .back-to-category { position: absolute; right: 20px; top: -28px; font-size: 12px; } .product-view-wrapper { border-bottom: 1px solid #e5e5e5; } .box-container2.box-additional, .box-container2 .container2-wrapper { border-bottom: none; } /* Product-Img */ .product-view .product-img-column { position: relative; width: 54%; float: none; display: inline-block; margin-top: 20px; } .more-images.itemslider-thumbnails { float:none !important; } .product-view .img-box-style1 .product-image { border: none; } /* Product-Shop */ .product-view .product-shop { float: right; margin-right: 0; margin-top: 15px; } .product-view .product-shop .product-name { margin-bottom: 0; } .product-view .product-art-nr { font-size: 15px; font-style: italic; font-weight: bold; } .product-view .product-name > h1 { font-size: 18px; font-weight: bold; text-transform: uppercase; } .product-view .product-type-data { border-bottom: 1px solid #e5e5e5; font-size: 13px; padding-bottom: 20px; margin-bottom: 15px; } .product-view .product-type-data .delivery-time { display: none; } .product-view .product-type-data a { color: #585858; } .product-view .product-type-data a:hover { color: #000000; text-decoration: underline; } .product-view .product-type-data > .price-box { border: none; font-size: 14px; font-weight: bold; float: left; margin: 0; padding: 0; width: auto; } .product-view .product-type-data > .price-infos { display: inline-block; margin: 2px 0 0 15px; vertical-align: top; font-style: italic; } .product-view .product-type-data > .price-infos a { font-style: italic; } .product-view .add-to-box { border-bottom: none; margin-bottom: 15px; padding-bottom: 0; } .product-view .add-to-box .add-to-cart .button span span { padding: 10px 20px; } .product-view .add-to-cart-attributes { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 15px; } .product-view .product-shop label { display: inline-block; text-transform: uppercase; width: 30%; font-weight: bold; line-height: 30px; white-space: nowrap } .product-view .product-shop input { padding: 0; height: auto; } .product-view .product-shop .deliver-infos { display: inline-block; margin-left: 10px; color: #9d9d9d; font-size: 12px; font-style: italic; } .icon.i-wishlist-bw { background-position: -10px -12px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-position: -10px -62px } .product-view .required, .product-view .required em { display: none; } .no-stock-info { font-size: 20px; margin: 10px 0; } /* Product Options */ .product-options dt { display: inline-block; width: 30%; vertical-align: top; } .product-options dd { display: inline-block; vertical-align: top; margin-top: 0; width: 68%; } .product-options dd select { width: 120px; padding: 0; } .product-options .input-box { position: relative; } .product-options .sizehelper-container{ position: absolute; top: 5px; right: 0px; } .product-options .sizehelper { margin-left: 15px; font-size: 13px; text-decoration: underline; } .product-options .sizehelper:hover { color: #585858; } .color_item { display: inline-block; margin: 0 8px 8px 0; padding: 1px; line-height: 0; } .color_item:hover, .color_item.active { border: 1px solid #000000; padding: 0; } .color_item a { display: inline-block; width: 21px; height: 18px; border: 1px solid #e5e5e5; padding: 1px; } #SCPcustomOptionsDiv dt { width: 100%; } #SCPcustomOptionsDiv dd { width: auto; margin-left: 31%; } #SCPcustomOptionsDiv dd select, #SCPcustomOptionsDiv dd input { width: 100%; } #SCPcustomOptionsDiv .options-list { position: relative; top: -2px; } #SCPcustomOptionsDiv .options-list .label label, #SCPcustomOptionsDiv .input-box .checkbox, #SCPcustomOptionsDiv .input-box .radio { width: auto; height: 30px; } /* Product-Tabs */ .box-additional { border-bottom: 1px solid #e5e5e5; } .gen-tabs-style1 .tabs { border-bottom: 1px solid #e5e5e5; } .gen-tabs-style1 .tabs a { border: none; border-left: 1px solid #e5e5e5; position: relative; line-height: 28px; font-size: 14px; text-transform: uppercase; } .gen-tabs-style1 .tabs a:after { content: ""; display: inline-block; position: relative; top: -2px; left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #000000; } .gen-tabs-style1 .tabs a.current:after { border-width: 7px 3px 0 3px; border-color: #000000 transparent transparent transparent; } .gen-tabs-style1 .tabs a.current { margin-top: 0; padding-top: 0; border-bottom: 1px solid #ffffff; } .gen-tabs-style1 .tabs a.current, .gen-tabs-style1 .tabs a:hover { font-weight: bold; } .gen-tabs-style1 .tabs li { text-align: center; width: 33.333333333%; } #tab-details a:hover, #tab-details a.current { } #product-tabs .tabs-panels { border-top: none; } .tabs-panels .panel { padding: 0 20px; } .detail-panel li:before { content: "."; position: relative; top: -3px; margin-right: 2px; font-size: 37px; line-height: 1px; display: inline-block; } .ios8 .detail-panel li:before { top: -13px; } .product-view .action-box .add-to-links { float: left; } .product-view .action-box .add-to-links a { margin: 0 0 0 30px; } .product-view .add-to-box { margin-top: 0; } .product-view .gen-tabs.accor .tabs-panels { padding-bottom: 0; } .product-view .gen-tabs.accor .tabs-panels .panel { border: none; text-align: left; padding: 5px 5px 5px 35px; } .product-view .gen-tabs.accor .acctab { text-transform: uppercase; color: #000000; background: none; border-top: 1px solid #eaeaea; font-size: 16px; padding-left: 35px; text-align: left; } .product-view .gen-tabs.accor .acctab:hover, .product-view .gen-tabs.accor .acctab.current { font-weight: bold; } .product-view .gen-tabs.accor .acctab:before { content: ""; display: block; position: relative; top: 22px; left: -15px; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #000000; } .product-view .gen-tabs.accor .acctab.current:before { border-width: 7px 3px 0 3px; border-color: #000000 transparent transparent transparent; } .product-view .materials-header { font-weight: bold; } /* Badge Overlay */ #product-tabs .panel { position: relative; } #badge-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.95); border: 1px solid #eaeaea; } #badge-overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 10; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } #badge-overlay.hide { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; z-index: -2; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .infoblocks { margin-top: 15px; } .infoblocks .info-block-item > img { cursor: pointer; } .infoblocks .hidden-info-block { display: none; } .infoblocks .info-block-list .info-block-item:first-child { } .infoblocks .info-block-list .info-block-item { display: inline-block; line-height: 80px; margin: 0 10px; width: 105px; text-align: center; } #badge-overlay .closer { position: absolute; top: 5px; right: 5px; cursor: pointer; } #badge-overlay > img { position: absolute; top: 15px; left: 15px; } #badge-overlay .overlay-content { padding: 15px; } #badge-overlay .overlay-content p { padding: 0 0 5px 0; } #badge-overlay .overlay-content p:first-child { padding: 0 0 0 120px; height: 50px; } #badge-overlay .overlay-content ul { list-style: inherit; margin: 0 0 0 15px; } #badge-overlay .overlay-content li { line-height: 25px; } /* Add To Links */ .action-box { clear: both; } .action-box .product-links { padding-top: 15px; } /* Wishlist Link */ .product-view .add-to-links .i-wishlist-bw { margin: 0; padding: 0; background-position: -17px -19px; transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .product-view .add-to-links .feature-icon-hover:hover:hover, .product-view .add-to-links .feature-icon-hover:hover:hover span { color: #000000; text-decoration: underline; } .product-view .add-to-links .feature-icon-hover > span:first-child { width: 20px; height: 19px; display: inline-block; } .product-view .add-to-links .feature-icon-hover span span { border-radius: 0; height: 20px; width: 20px; padding: 0; } .product-view .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-position: -17px -19px; } /* SocialPrivacy */ #socialshareprivacy { float: right; } .social_share_privacy_area .settings_info { display: none; } .social_share_privacy_area li.help_info.display .info, .social_share_privacy_area li .help_info.icon.display .info { z-index: 10000; } /* Cart */ .add-to-cart-attributes select { width: 120px; } /* Upsell */ .product-view .box-up-sell { padding: 0 30px; margin-top: 0; width: 100%; } .product-view .box-up-sell div{ text-align: left; } .product-view .box-up-sell .price-box{ text-align: right; } .box-up-sell .section-title { border: none; text-transform: uppercase; font-size: 16px; font-weight: bold; padding: 15px 0 !important; } .box-up-sell .owl-item > .item { max-width: 315px; min-height: 140px; padding: 10px; border: 1px solid #e5e5e5; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } .box-up-sell .product-image { display: inline-block; vertical-align: top; width: 39%; } .box-up-sell .product-information { display: inline-block; margin: 0 0 0 4%; width: 55%; } .box-up-sell .product-information .product-name { width: 100%; text-transform: uppercase; margin: 0; } .box-up-sell .product-information .product-price { margin-top: 20px; } .box-up-sell .product-information .product-price > .price-label { display: inline-block; vertical-align: top; } .box-up-sell .product-information .price-box { width: 70%; } .box-up-sell .product-information .price-box .old-price { margin: 0; } .box-up-sell .products-grid .price-box span { font-size: 14px; } .box-up-sell .product-information .add-to-cart { position: absolute; bottom: 20px; } .box-up-sell .product-information .add-to-cart-attributes { padding: 0; margin: 0; } .box-up-sell .add-to-cart .button { background: #cacaca; background: rgb(202, 202, 202); background: rgba(202, 202, 202, 0.85); } .box-up-sell .add-to-cart .button:hover { background: #717171; background: rgb(113, 113, 113); background: rgba(113, 113, 113, 0.85); } .box-up-sell .add-to-cart .button span span { padding: 4px; } .box-up-sell .qty { margin: 15px 0; } /* Storefinder */ .box-frame-storefinder { text-align: center; margin-top: 15px; } .box-frame-storefinder h2 { text-transform: uppercase; font-size: 17px; background: rgb(230, 226, 223); color: #989898; line-height: 45px; font-weight: bold; margin-bottom: 0; cursor: pointer; } .box-frame-storefinder .storefinder-detail { border: 2px solid rgb(230, 226, 223); border-top: none; padding-top: 20px; } .box-frame-storefinder .mobile { display: none; } .box-frame-storefinder.hide { display: none; } #open-storefinder { width: 50px; height: 30px; display: block; margin: 0 auto; border-radius: 0; background: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png) -250px -160px no-repeat rgb(230, 226, 223); } #open-storefinder:hover { background-position: -250px -110px; background-color: #989898; } /* Cart */ .checkout-cart-index .page-title { margin: 25px 0 0 0; padding-bottom: 15px; border-bottom: 1px solid #888888; } .checkout-cart-index .page-title h1, .checkout-onepage-success .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; } .checkout-onepage-success .sub-title { font-size: 16px; text-transform: uppercase; margin-top: 30px; } .block_cart_below_table { float: right; width: auto; font-weight: bold; position: relative; } .block_cart_below_table span { padding: 3px 0 0 0; right: 240px; font-size: 0; position: absolute; } .cart-table-wrapper .proceed-wrapper { min-height: 1px; } .cart-table-wrapper .proceed-wrapper button.button { float: right; margin: 20px 0 10px; } .onestepcheckout-place-order-wrapper button.button, .add-to-cart button.button, .checkout-types button.button, .cart-table-wrapper .proceed-wrapper button.button { background-color: #9a9a9a; } .onestepcheckout-place-order-wrapper button.button span, .onestepcheckout-place-order-wrapper button.button:hover span, .add-to-cart button.button span, .add-to-cart button.button:hover span, .checkout-types button.button span, .checkout-types button.button:hover span, .cart-table-wrapper .proceed-wrapper button.button span { color: white; } .continue-wrapper { display: none; } .cart-empty { margin-top: 30px; } .cart-empty a { text-decoration: underline } .ssl-content { line-height: 80px; padding-bottom: 0; padding-right: 10px; } .ssl-content img { position: relative; right: -10px; } .checkout-cart-index .old-price .price { color: #000000 !important; } .checkout-cart-index .old-price{ margin-right: 0; } .checkout-cart-index .special-price .price{ color: #e6007e !important; } .checkout-cart-index .special-price{ margin-left: 20px; } .checkout-cart-index th.col-unit-price{ padding-left: 50px; text-align: right; } /* Cart Table */ .data-table tr.even { background: #ececec; } .cart .data-table .qty { height: auto; padding: 0; } .data-table tr.odd td, .data-table tr.odd th, .data-table tr.even td, .data-table tr.even th { border: none; } .cart-table tfoot td.last, .data-table tr.odd.last, .cart-table thead tr { border-color: #888888; } .data-table tr.even.last { border-bottom: 1px solid #888888; } .cart-table .product-image { max-width: 110px; width: 200px; } .cart .product-name, .cart .product-name a { font-size: 16px; font-weight: bold; } .cart .item-options { margin: 0; font-size: 13px; } .cart .item-options dt { padding-left: 0; background: none; float: left; width: 50%; text-transform: uppercase; overflow: hidden; } .cart .item-options dd { color: #000000; float: left; width: 45%; } .cart .matandcare-wrapper { clear: both; } .cart .matandcare-wrapper .matandcare-hint { display: inline-block; margin-right: 11.5%; position: relative; width: 55px; } .cart .matandcare-wrapper .matandcare-hint .hint { text-decoration: underline; cursor: pointer; } .cart .matandcare-wrapper .matandcare-hint .hidden-hint { position: absolute; background: rgba(89, 89, 89, 0.95); padding: 15px; width: 300px; border: 1px solid #999999; left: -10px; color: #ffffff; text-transform: uppercase; } .cart .matandcare-wrapper .matandcare-hint .hidden-hint { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 50px; z-index: -2; transition: opacity 0.4s, top 0.4s; -webkit-transition: all 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; } .cart .matandcare-wrapper .matandcare-hint:hover .hidden-hint { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 20px; z-index: 10; transition: opacity 0.4s, top 0.4s; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; } .cart .matandcare-wrapper .hidden-hint .caret { position: absolute; left: 20px; top: -7px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 10.4px 6px; border-color: transparent transparent #595959 transparent; -webkit-box-shadow: 0px -1px 0px -1px rgba(137, 137, 137, 1); -moz-box-shadow: 0px -1px 0px -1px rgba(137, 137, 137, 1); box-shadow: 0px -1px 0px -1px rgba(137, 137, 137, 1); } #shopping-cart-table .col-delete a.link-edit, #shopping-cart-table .col-delete a.link-remove { position: relative; width: 100%; display: block; text-align: left; } #shopping-cart-table .col-delete a.link-edit .btn-edit, #shopping-cart-table .col-delete a.link-remove .btn-remove { position: absolute; left: 0; } #shopping-cart-table .col-delete a.link-edit span, #shopping-cart-table .col-delete a.link-remove span { padding-left: 20px; } #shopping-cart-table .truncated .truncated_full_value dl { width: 260px; } #shopping-cart-table .truncated .truncated_full_value dt { width: 15%; } #shopping-cart-table .truncated .truncated_full_value dd { width: 80%; } .truncated .truncated_full_value { z-index: auto; } .truncated .truncated_full_value .item-options { background: rgba(89, 89, 89, 0.95); padding: 15px; width: 300px; border: 1px solid #999999; left: -10px; color: #ffffff; } .truncated .truncated_full_value .item-options dd { color: #ffffff; } .truncated .truncated_full_value .item-options { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 30px; z-index: -2; transition: opacity 0.4s, top 0.4s; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; } .truncated .truncated_full_value.show .item-options { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 0px; z-index: 10; transition: opacity 0.4s, top 0.4s; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; } .truncated .truncated_full_value.show .item-options:before { position: absolute; display: block; content: ""; left: 20px; top: -7px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 10.4px 6px; border-color: transparent transparent #595959 transparent; -webkit-box-shadow: 0px -1px 0px -1px rgba(137, 137, 137, 1); -moz-box-shadow: 0px -1px 0px -1px rgba(137, 137, 137, 1); box-shadow: 0px -1px 0px -1px rgba(137, 137, 137, 1); } /* Cart Collaterals */ .cart-collaterals { margin-top: 10px; } /* Discount Box */ #discount-coupon-form { display: block; border: 1px solid #888888; padding: 15px 20px; } .cart .discount h2 { border: none; text-transform: uppercase; font-size: 16px; font-weight: bold; } .cart .discount label { margin: 0 0 15px; } .discount-form .input-box { display: inline-block; width: 45%; min-width: 175px; vertical-align: top; margin-right: 5px; position: relative; } .discount-form .input-box span { position: absolute; top: 7px; left: 5px; } .discount-form .input-box input { padding: 4px 5px 4px 30px; } .cart .discount-form .buttons-set { display: inline-block; margin: 0; } .coupon-box { min-height: 140px; } .cart .discount .input-box { margin-bottom: 10px; } /* Cart Totals */ .cart .totals { background: none; } .cart .totals .totals-inner { padding: 0; } .shopping-cart-totals-table-wrapper { background: #ececec; min-height: 140px; padding: 15px 5px; } #shopping-cart-totals-table td { padding: 2px 9% 2px 0%; } #shopping-cart-totals-table tfoot td { padding: 7px 9% 5px 0%; background: #ffffff; text-transform: uppercase; } #shopping-cart-totals-table td:first-child { text-align: left !important; padding-left: 4%; padding-right: 0; } #shopping-cart-totals-table tbody tr:first-child td { font-size: 18px; font-weight: bold; padding: 7px 9% 5px 0; } #shopping-cart-totals-table tbody tr:first-child td:first-child { padding-left: 4%; } #shopping-cart-totals-table colgroup { width: 6px; height: 10px; position: absolute; right: 7%; top: 5%; } #shopping-cart-totals-table colgroup:after { content: "*"; display: block; } .block_cart_below_totals p { text-align: right; font-size: 13px; padding: 15px 5px; } .block_cart_below_totals .widget { display: inline; } .block_cart_below_totals .widget a { background: none; padding: 0; } #shopping-cart-table tr, #shopping-cart-totals-table { position: relative; } #shopping-cart-totals-table .summary-details-1 td { padding: 2px 9% 2px 0% !important; } #shopping-cart-totals-table .summary-details-1 td:first-child { padding-left: 4% !important; padding-right: 0 !important; } tr.summary-total { cursor: text; } tr.summary-total .summary-collapse { background: none; cursor: text; float: none; text-align: left; padding: 0; } .button.btn-checkout span span { padding: 10px 20px; } /* Customer Account */ /* General */ .my-account { position: relative; margin: 18px 0 0 0; } .my-account .back-link { position: absolute; top: 20px; right: 0; } .sales-order-view .my-account .back-link { top: auto; bottom: 5px; } .my-account .back-link a { font-size: 12px; line-height: 100%; } .my-account .back-link a small { display: none; } .fieldset .legend, .wishlist-table { border-color: #eaeaea; } .my-account .page-title, .my-account .box-head { border-color: #eaeaea; margin-bottom: 15px; padding-bottom: 19px; } .my-account .page-title h1, .my-account .box-head h2 { font-size: 16px; text-transform: uppercase; font-weight: bold; } .my-account .buttons-set, .my-account .buttons-set .button { margin: 0; } .my-account .buttons-set .button { margin: 5px 0; } /* Navigation */ .block-account .block-title { background: none; padding-left: 15px !important; } .block-account .block-content ul { list-style: none; padding: 20px 0 0 0; } .block-account .block-content ul strong, .block-account .block-content ul a { text-transform: none; padding: 5px 0 5px 15px; } .block-account .block-content ul a:hover { color: #000000; font-weight: bold; background-color: rgba(0, 0, 0, 0.03); } /* Dashboard */ .dashboard .welcome-msg .hello { padding-top: 3px; } .dashboard .welcome-msg .hello strong { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .dashboard .box .box-title h3, .dashboard .box .box-title h4, .dashboard .box-info h4, .order-info-box h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; } .box-account.box-info { margin-bottom: 30px; } .box-account.box-info a { color: #585858; font-style: italic; text-decoration: underline; } .box-account.box-info a i { display: inline-block; position: relative; top: 4px; } /* Account Information */ .customer-account-edit .my-account .form-list, .customer-account-edit .my-account .buttons-set { display: inline-block; width: 50%; } .customer-account-edit .my-account .field { width: 100%; margin-bottom: 0; } .customer-account-edit .my-account .field:first-child { margin-bottom: 7px; } /* Adress Book */ .addresses-list h2, .addresses-list h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; } /* Order History */ .my-account .top-order-links { right: 0; position: absolute; bottom: -30px; } .my-account .page-title.title-buttons { position: relative; } .my-account .order-info { display: none; } .my-account .order-date { margin-top: 30px; color: #000000; } .my-account .summary-details-1 { display: table-row !important; } .my-account .summary-details-1 td.last { text-align: right; padding-right: 8px !important; } /* Wishlist */ #wishlist-table .cart-cell input { padding: 0; height: 27px; } #wishlist-table tr { position: relative; } .my-wishlist .btn-cart { margin: 5px 0 5px; } #wishlist-table td.last a.link-edit, #wishlist-table td.last a.link-remove { position: relative; width: 100%; display: block; text-align: left; } #wishlist-table td.last a.link-edit .btn-edit, #wishlist-table td.last a.link-remove .btn-remove { position: absolute; left: 0; } #wishlist-table td.last a.link-edit span, #wishlist-table td.last a.link-remove span { padding-left: 20px; } #wishlist-view-form .button.btn-share { display: none; } .my-account .buttons-set .button.btn-add { float: right; margin-right: 95px; } .my-account .buttons-set .button.btn-update { text-transform: none; text-decoration: underline; } .my-account .buttons-set .button.btn-update span, .my-account .buttons-set .button.btn-update:hover, .my-account .buttons-set .button.btn-update:hover span { background: none; color: #333333; text-decoration: underline; } /* Contacts */ #contactForm .buttons-set { float: right; text-align: right; margin: 0; } #contactForm button { margin: 0; } .contacct-form { display: inline-block; width: 50%; } .contact-info { display: inline-block; vertical-align: top; margin: 105px 0 0 5%; width: 44%; } .contact-info-content { font-size: 16px; text-align: center; } .contact-info-content a { text-decoration: underline; } .contacts-index-index .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin: 0px 0 10px; } /* Logout Page */ .customer-account-logoutsuccess .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } /* Login Page */ /* Dashboard */ .account-login .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .account-login .content h2 { font-size: 14px; font-weight: bold; text-transform: uppercase; } .registered-users label { display: none; } .registered-users input { } /* Forgot Password */ .customer-account-forgotpassword .page-title h1, .customer-account-resetpassword .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .customer-account-forgotpassword .main.container label, .customer-account-resetpassword .main.container label { display: none; } .customer-account-forgotpassword .main.container input, .customer-account-resetpassword .main.container input { margin-top: 10px; } .customer-account-forgotpassword .main.container { position: relative; } .customer-account-forgotpassword .main.container .buttons-set, .customer-account-resetpassword .main.container .buttons-set { margin: 0; } .customer-account-forgotpassword .main.container .back-link { position: absolute; top: 10px; right: 20px; } .customer-account-forgotpassword .main.container .back-link a { font-size: 12px; } .customer-account-forgotpassword .main.container .buttons-set button.button, .customer-account-resetpassword .main.container .buttons-set button.button { margin: 0; } /* Create Account */ .account-create { position: relative; } .account-create .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .account-create .field label { display: none; } .account-create .dob .field label { display: block; } .account-create input, .account-create select { } .account-create .back-link { position: absolute; top: 0; right: 0px; width: 105px; } .account-create .back-link a { font-size: 12px; } .account-create .buttons-set { margin: 0; } .account-create .buttons-set button.button { margin: 0; } /* Contact Formular */ #contactForm .fields input, #contactForm .fields select, #contactForm .field.wide input { } #contactForm .fields textarea { height: 70px; padding: 10px; } /* Static Blocks */ /* Shop Benefits */ .block_home_shopbenefits .section { background: rgb(230, 226, 223); padding: 0; margin-top: 45px; } .shop-benefits { color: #989898; position: relative; padding: 20px 0 10px; } .shop-benefits .sprite-box { display: inline-block; margin-right: 5px; width: 15%; } .shop-benefits .sprite-box i { display: inline-block; } .shop-benefits h6 { display: inline-block; vertical-align: top; line-height: 150%; font-weight: bold; width: 75%; } .shop-benefits .hidden-info { position: absolute; background-color: rgb(230, 226, 223); background-color: rgba(230, 226, 223, 0.95); padding: 15px; /*width: 300px;*/ left: -10px; } .shop-benefits.last .hidden-info { right: 0; left: auto; } .hidden-info { height: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; bottom: 120px; z-index: -2; transition: opacity 0.4s, top 0.4s; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; } .hidden-info a, .hidden-info .cms-highlight { color: #989898 !important; } .shop-benefits:hover .hidden-info { height: auto; overflow: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 90px; z-index: 10; transition: opacity 0.4s, top 0.4s; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; } .hidden-info .caret { position: absolute; left: 20px; bottom: -10px; border-top-color: rgb(230, 226, 223); border-top-color: rgba(230, 226, 223, 0.95); border-width: 10px 6px 0 } .shop-benefits.last .hidden-info .caret { right: 20px; left: auto; } .shop-benefits .hidden-info p { text-transform: none; } /* Newsletter Page */ .cms-newsletter-optivo .breadcrumbs, .cms-gewinnspiel .breadcrumbs, .cms-lottery .breadcrumbs, .cms-wedstrijd .breadcrumbs { display: none; } .cms-newsletter-optivo .page-title h1, .cms-gewinnspiel .page-title h1, .cms-lottery .page-title h1, .cms-wedstrijd .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .subcribe-page .block-subscribe .field label { display: none; } .subcribe-form-wrapper { display: inline-block; width: 49%; margin-right: 1%; } .subcribe-info { display: inline-block; width: 49%; vertical-align: top; margin-top: 105px; text-align: center; } /* Store Finder Page */ .storefinder-wrapper { margin: 0 auto; /*width: 860px;*/ } /* Search Result Page */ .catalogsearch-result-index .page-title { display: none; } .catalogsearch-result-index .layered-navigation { margin-top: 0; } .catalogsearch-result-index .main.container { position: relative; } .catalogsearch-result-index .note-msg { width: 97%; position: relative; left: 1.5%; } .no-search-results .breadcrumbs-container { display: none; } .no-search-results .page-title { display: block; } .no-search-results .page-title h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .no-search-results .page-title h3 { font-size: 14px; font-weight: bold; color: #e6007e; margin-top: 10px; text-transform: uppercase; } .no-search-results .repeat-search { display: inline-block; z-index: -1; margin-bottom: 25px; } .no-search-results .repeat-search #search { border: 1px solid #e5e5e5; position: relative; } .no-search-results .repeat-search button { z-index: 1; } .no-search-results .std h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; } .no-search-results .std .relink-box { background: rgb(127, 127, 127); background: rgba(127, 127, 127, 0.95); } .no-search-results .relink-wrapper { margin-top: 10px; } .no-search-results .std .relink-box.first { margin-right: 2%; } .no-search-results .std .relink-box.last { margin-left: 2%; } .no-search-results .std .name { color: #ffffff; text-align: center; text-transform: uppercase; margin: 20px 0 10px 0; font-size: 16px; } .no-search-results .std hr { margin: 0 25%; } .no-search-results .std .btn-set { text-align: center; margin: 15px 0 20px; } .no-search-results .std .btn-set a { font-size: 13px; } .no-search-results .std p { text-transform: uppercase; font-size: 14px; } /* Sitemap Page */ .root-openicon, .root-closeicon { background: none !important; border-radius: 50%; border: 1px solid #333333; position: relative; height: 16px !important; width: 16px !important; } .root-openicon:before { content: "-"; position: absolute; top: -7px; left: 2px; font-size: 31px; } .root-closeicon:before { content: "+"; position: absolute; top: -5px; left: 1px; font-size: 21px; } /* 404 Not Found Page */ .cms-no-route .std { margin-top: 25px; } .cms-no-route .std h2 { color: #e6007e; text-transform: uppercase; font-size: 16px; } .cms-no-route .std h4 { font-weight: bold; font-size: 14px; text-transform: uppercase; } .cms-no-route .std .action-buttons { margin: 40px 0; } .cms-no-route .std .action-buttons .button { width: 160px; margin: 0 10px 20px; font-size: 12px; padding: 8px 0; } .cms-no-route .std p { font-weight: bold; text-transform: uppercase; font-size: 13px; } .cms-no-route .std .big { font-size: 16px; font-weight: bold; } /* 410 Gone Page */ .cms-gone-route .std { margin-top: 25px; } .cms-gone-route .std h2 { color: #e6007e; text-transform: uppercase; font-size: 14px; } .cms-gone-route .std h4 { font-weight: bold; font-size: 12px; text-transform: uppercase; } .cms-gone-route .std .action-buttons { margin: 40px 0; } .cms-gone-route .std .action-buttons .button { width: 160px; margin: 0 10px 20px; font-size: 11px; padding: 8px 0; } .cms-gone-route .std p { font-weight: bold; text-transform: uppercase; font-size: 11px; } .cms-gone-route .std .big { font-size: 14px; font-weight: bold; } /* No Products Found */ .block_category_above_empty_collection h2 { color: #e6007e; text-transform: uppercase; font-size: 16px; } .block_category_above_empty_collection h4 { font-weight: bold; font-size: 14px; text-transform: uppercase; } .block_category_above_empty_collection .action-buttons { margin: 40px 0; } .block_category_above_empty_collection .action-buttons .button { width: 160px; margin: 0 10px 20px; font-size: 13px; padding: 8px 0; } .block_category_above_empty_collection p { font-weight: bold; text-transform: uppercase; font-size: 13px; } .block_category_above_empty_collection .big { font-size: 16px; font-weight: bold; } /* Order Success Page */ .checkout-onepage-success .page-number { margin-top: 20px; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; } .checkout-onepage-success .success-page { text-align: center; margin: 0 14%; } .checkout-onepage-success .page-title { margin: 15px 0 5px; } .checkout-onepage-success .subtitle { text-transform: uppercase; font-size: 13px; font-weight: bold; margin-bottom: 5px; } .checkout-onepage-success .subtext { font-size: 13px; margin: 10px 0 5px; } .checkout-onepage-success .sectionend { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .checkout-onepage-success h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 15px 0; text-align: center; } .checkout-onepage-success .order-customer-dates { font-size: 13px; text-align: left; } .checkout-onepage-success h5 { text-transform: uppercase; margin: 0 0 5px 0; font-weight: bold; font-size: 13px; } .checkout-onepage-success .order-customer-dates p { line-height: 120%; } .checkout-onepage-success .order-customer-items.sectionend { padding-bottom: 0; } .checkout-onepage-success .ordered-product { display: table; font-size: 13px; width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #e5e5e5; margin-top: 20px; } .checkout-onepage-success .ordered-product > div { display: table-cell; vertical-align: top; text-align: left; width: 16%; font-weight: bold; } .checkout-onepage-success .ordered-product .product-image { min-width: 80px; width: 80px; text-align: left; } .checkout-onepage-success .ordered-product .product-name { text-align: left; width: 160px; font-weight: normal; } .checkout-onepage-success .ordered-product .product-item-total { text-align: right; padding-right: 10px; } .checkout-onepage-success .ordered-product h6 { font-weight: bold; text-transform: uppercase; } .checkout-onepage-success .order-totals { padding-top: 10px; } .checkout-onepage-success .order-total-table { width: 100%; font-size: 13px; } .checkout-onepage-success .order-total-table .a-left { font-weight: bold; padding-left: 10px; text-transform: uppercase; } .checkout-onepage-success .order-total-table .a-right { padding-right: 10px; font-weight: bold; } .checkout-onepage-success .buttons-set { margin: 10px 0; } .checkout-onepage-success .col-main .button span span { padding: 10px 25px; } .checkout-onepage-success .button.continue-shopping { float: left; } .checkout-onepage-success .button.print-order { margin: 0; } .checkout-onepage-success .block_ordered_after { position: relative; text-align: left; margin-top: 40px; } .checkout-onepage-success .block_ordered_after .feature-icon { position: absolute; left: -85px; top: 0px; width: 70px; text-align: center; font-size: 12px; background: #000000; color: #ffffff; text-transform: uppercase; padding: 14px 10px; border-radius: 50%; font-weight: bold; line-height: 130%; } .checkout-onepage-success .block_ordered_after p { padding: 10px 0; } .checkout-onepage-success .block_ordered_after p strong { display: block; text-transform: uppercase; font-size: 13px; } /* Landingpages */ .damen-lp .main.container, .mey247-lp .main.container, .herren-lp .main.container { padding: 0; background: transparent; } .damen-lp .landingpage-damen_herren hr, .herren-lp .landingpage-damen_herren hr { width: 230px; border: none; border-top: 1px solid white; margin: 15px auto; } .damen-lp .landingpage-damen_herren .grey hr, .herren-lp .landingpage-damen_herren .grey hr { width: 230px; border: none; border-top: 1px solid #919191; margin: 15px auto; } .damen-lp a:hover, .mey247-lp a:hover, .herren-lp a:hover { transition-duration: 200ms; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; -o-transition-duration: 200ms; } .landingpage-damen_herren .content { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .landingpage-damen_herren .side-right .content, .landingpage-damen_herren .side-left .content { height: 584px; } .mey247-lp .w100 .content { height: auto !important; } .landingpage-damen_herren .content-image { max-height: 600px; } .landingpage-damen_herren .button, .slide-caption .button { padding: 8px 15px; } .landingpage-damen_herren .grid12-4 .slide-caption { text-align: center; width: 100%; } .landingpage-damen_herren { position: relative; overflow: hidden; } .landingpage-damen_herren .caption { position: absolute; color: #989898; margin: 0; width: 100%; text-align: center; padding-top: 25px; } .landingpage-damen_herren .caption { bottom: -75px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .landingpage-damen_herren .content:hover .caption { bottom: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .landingpage-damen_herren .caption > * { float: none; } .landingpage-damen_herren .caption h3 { font-size: 20px; width: 100%; margin-bottom: 10px; } .landingpage-damen_herren .caption hr { border-color: #9a9a9a; display: block; margin: 0 20%; border-style: solid; border-bottom: none; } .landingpage-damen_herren .caption .buttons-set { width: 100%; margin: 0; text-align: center; height: 75px; } .landingpage-damen_herren .caption .button { color: #9a9a9a !important; background-color: transparent; border-color: #9a9a9a !important; margin: 15px; } .landingpage-damen_herren .caption.with-background { background: rgb(255,255,255); background: rgba(255,255,255, .8); } .landingpage-damen_herren .caption.no-background { height: 100%; padding: 0; } .landingpage-damen_herren .caption.no-background h3 { position: absolute; right: 0; top: 25px; } .landingpage-damen_herren .caption.no-background hr { display: none; } .landingpage-damen_herren .caption.no-background .buttons-set { position: absolute; bottom: 0; right: 0; } .landingpage-damen_herren .box, .gecko.firefox .landingpage-damen_herren .box { display: inline-block; text-align: center; overflow: hidden; } .gecko .landingpage-damen_herren .box, .category-mey-24-7 .landingpage-damen_herren .box { float: left; } .landingpage-damen_herren .box.w33 .slide-caption { width: 100%; } .landingpage-damen_herren .absbottom { position: absolute; bottom: 40px; left: 50%; width: 100%; } .cta { display: inline-block; width: 9px; height: 9px; background: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/images/ico-cta.png"); } .landingpage-damen_herren .box .darkgrey { color: #565656; font-weight: bold; border-color: #565656; } .landingpage-damen_herren .box .heading .image { position: relative; top: 5px; } .landingpage-damen_herren .mr0 a:hover { color: #e6007e; } /* Checkout Popup */ .hide { display: none !important; } .onestepcheckout_checkoutpopup { background: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/images/treuebild.jpg") no-repeat; z-index: 101; width: 800px; position: fixed; top: 30%; left: -825px; -webkit-transition: left 300ms linear; -moz-transition: left 300ms linear; -ms-transition: left 300ms linear; -o-transition: left 300ms linear; transition: left 300ms linear; -webkit-box-shadow: 3px 0px 16px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 0px 16px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 0px 16px 3px rgba(0, 0, 0, 0.2); } .onestepcheckout_checkoutpopup.active { left: 15%; -webkit-transition: left 300ms linear; -moz-transition: left 300ms linear; -ms-transition: left 300ms linear; -o-transition: left 300ms linear; transition: left 300ms linear; } .onestepcheckout_checkoutpopup .popup { position: relative; } .onestepcheckout_checkoutpopup .popup-content .close { position: absolute; right: 10px; top: 13px; } .onestepcheckout_checkoutpopup .popup-content .close-label { font-weight: bold; display: none; } .onestepcheckout_checkoutpopup .popup-content .close-link { color: #666666; font-weight: bold; text-decoration: none; } .onestepcheckout_checkoutpopup .coupon-header h5 { font-weight: bold; margin-bottom: 30px; font-size: 13px; } .onestepcheckout_checkoutpopup .coupon-box { color: #ffffff; display: inline-block; font-size: 15px; margin-left: 310px; min-height: 385px; text-transform: uppercase; text-align: center; padding: 30px 20px 0 0; } .onestepcheckout_checkoutpopup .coupon-code { color: #ffffff; font-size: 15px; padding: 25px 0 0 0; text-transform: uppercase; } .onestepcheckout_checkoutpopup .coupon-code p { margin: 0; font-size: 15px; } .onestepcheckout_checkoutpopup .couponcode-code { background: #e6007e; display: inline-block; font-weight: bold; margin: 10px 0; padding: 10px 30px; } .onestepcheckout_checkoutpopup .coupon-footer span { font-size: 20px; } .onestepcheckout_checkoutpopup .coupon-footer .close-link { color: #ffffff; display: inline-block; padding: 25px 0; text-decoration: underline; } .onestepcheckout_checkoutpopup .coupon-footer .coupon-footnote { font-size: 12px; } /* Slide Classes -------------------------------------------------------------- */ .owl-carousel .owl-item { position: relative; } .slide-headline, .teaser-headline { font-family: 'MeyHeadline'; margin: 0; z-index: 9; white-space: nowrap; display: inline; line-height: 100%; } .slide-subline, .teaser-subline { margin-top: 5%; letter-spacing: 3px; } .slide-headline-small { font-family: 'MeyHeadline'; margin: 0; z-index: 9; white-space: nowrap; display: inline; } .slide-caption .box h2.h1 { font-family: "HelveticaNeueLtCn"; font-size: 122px; line-height: 130px; } .slide-caption .box p { font-size: 19px; line-height: 19px; } .slide-caption .btn { background: #ffffff; background: rgba(255, 255, 255, .8); display: inline-block; padding: .4% 1%; font-size: 16px; line-height: 14px; } .slide-caption .btn.women:hover { background-color: #e6007e; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .slide-caption .btn.men:hover { background-color: #f7b370; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .darkslide { background: none; border: 1px solid rgb(255, 255, 255); width: 43%; } .sliderSaleBtns { bottom: 10%; left: 34%; width: 86%; } .content-box-kw02 { width: 43%; display: inline-block; } .darkslide.first, .content-box-kw02.first { float: left; } .darkslide.last, .content-box-kw02.last { float: right; } .content-box-kw02 a:hover, .content-box-kw02 a:active { color: #ffffff; text-decoration: underline; } .content-box-kw02 li { margin: 5% 0; } /* Slide Navigation */ .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover { background-color: transparent; } .slider-arrows2 .owl-controls .owl-buttons div.owl-prev { left: 10px; } .slider-arrows2 .owl-controls .owl-buttons div.owl-next { right: 10px; } .slider-pagination1 .owl-controls .owl-page span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls .owl-page:hover span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color: #ffffff !important; } /* OwlCarousel Product-Page */ .img-box-style1 .more-images .thumbnails .item a { border-color: #ffffff; } .itemslider-thumbnails, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width: 350px !important; } #zoom-btn { top: auto; bottom: -35px; right: 150px; text-transform: uppercase; } .product-view .img-box .more-images { margin-top: 35px; } .product-view .img-box-style1 .more-images .thumbnails .item a { border-color: #ffffff; } .product-view .img-box-style1 .more-images .thumbnails .item a:hover { border-color: #cdcdcd; position: static; } .product-view .owl-carousel .owl-controls .owl-buttons div, .product-view .owl-carousel .owl-controls.clickable .owl-buttons .owl-prev:hover, .product-view .owl-carousel .owl-controls.clickable .owl-buttons .owl-next:hover { background-color: transparent; } .product-view .owl-carousel .owl-controls .owl-buttons div.owl-prev { left: -20px; } .product-view .owl-carousel .owl-controls .owl-buttons div.owl-next { right: -20px; } .slider-arrows1 .owl-controls .owl-buttons, .box-up-sell .owl-buttons { position: static; } .box-up-sell .owl-controls .owl-buttons div.owl-prev { position: absolute; left: -30px; top: 40%; } .box-up-sell .owl-controls .owl-buttons div.owl-next { position: absolute; right: -30px; top: 40%; } .box-up-sell .owl-item { } /* Flexslider Wordpress Static Pages */ .flexslider .flex-direction-nav a { font-size: 0; transition: all 0s; } .flexslider .flex-direction-nav a:before { display: none !important; } .flexslider .flex-control-nav.flex-control-paging { text-align: center; width: 100%; } .flexslider .flex-control-nav a { border: none; margin: 0; display: block; width: 12px; height: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .flexslider .flex-control-nav a.flex-active, .flexslider .flex-control-nav a:hover { background: rgba(255, 255, 255, 1); transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; } .flexslider .button.light span { background: none; text-shadow: none; } /* Modify OneStepCheckout -------------------------------------------------------------- */ #onestepcheckout-form .group-select { padding: 0 !important; } #onestepcheckout-form .onestepcheckout-title { font-size: 16px; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin: 25px 0 10px; } #onestepcheckout-form .onestepcheckout-description { font-size: 14px; text-transform: uppercase; font-weight: bold; } #onestepcheckout-form .onestepcheckout-login-link a { text-decoration: underline; } #onestepcheckout-form div.checkoutcontainer { border-top: none; } #onestepcheckout-form .onestepcheckout-numbers { position: relative; background: none; padding-top: 3px; font-size: 14px; } #onestepcheckout-form .onestepcheckout-numbers:before { position: absolute; left: 0; top: 0px; content: ""; display: block; background: #e6007e; border-radius: 50%; width: 19px; height: 25px; font-weight: bold; font-size: 23px; line-height: 26px; color: #ffffff; padding-left: 6px; } #onestepcheckout-form .onestepcheckout-numbers-1:before { content: "1"; } #onestepcheckout-form .onestepcheckout-numbers-2:before { content: "2"; } #onestepcheckout-form .onestepcheckout-numbers-3:before { content: "3"; } #onestepcheckout-form .onestepcheckout-numbers-4:before { content: "✓"; } #onestepcheckout-form .onestepcheckout-threecolumns { display: table; padding-bottom: 25px; } #onestepcheckout-form .onestepcheckout-threecolumns > div { padding-top: 0px; display: inline-block; height: 100%; vertical-align: top; } #onestepcheckout-form .onestepcheckout-column-left { background: none; padding: 0 25px 0 0; margin: 0; border-right: 1px solid #e5e5e5; width: 33%; } #onestepcheckout-form .onestepcheckout-column-middle { background: none; padding: 0 25px; margin: 0; width: 33%; } #onestepcheckout-form .onestepcheckout-column-right { padding: 0 0 0 25px; margin: 0; border-left: 1px solid #e5e5e5; width: 33%; } #onestepcheckout-form ul label { display: none; } #onestepcheckout-form ul .input-box { width: 47%; } #onestepcheckout-form ul .input-city { width: 47% !important; float: left; } #onestepcheckout-form ul .input-box.input-firstname, #onestepcheckout-form ul .input-box.input-gender, #onestepcheckout-form ul .input-email, #onestepcheckout-form ul .input-postcode, #onestepcheckout-form #onestepcheckout-li-password .input-password:first-child { margin-right: 6%; } #onestepcheckout-form ul .input-box.wide { margin: 0; width: 100%; } #onestepcheckout-form ul .input-box input { width: 100%; line-height: 30px; } #onestepcheckout-form ul .input-box select { width: 100%; padding: 0 0 0 5px; line-height: 30px; } #onestepcheckout-form .input-box.checkbox-createaccount, #onestepcheckout-form .input-box.input-different-shipping { width: 100%; margin: 0; } #onestepcheckout-form .input-box.checkbox-createaccount input, #onestepcheckout-form .input-box.input-different-shipping input, #onestepcheckout-form .onestepcheckout-enable-newsletter input { width: auto; top: -1px; position: relative; } #onestepcheckout-form .input-box.checkbox-createaccount label, #onestepcheckout-form .input-box.input-different-shipping label, #onestepcheckout-form .onestepcheckout-enable-newsletter label { display: inline-block; padding-top: 0px; } #onestepcheckout-form .billing-street2 { margin-bottom: 0; } #onestepcheckout-form .shipping-address-title { font-size: 14px; font-weight: bold; padding-left: 30px; margin-bottom: 10px; } .onestepcheckout-column-left .billing-wrapper > li:first-child { padding: 0; } .onestepcheckout-column-middle .shipment-methods dd { display: none; } .onestepcheckout-column-middle .shipment-methods dt { margin-top: 10px; } .onestepcheckout-column-middle .shipment-methods dt input { margin-right: 5px; } #checkout-payment-method-load { margin-top: 10px; } #checkout-payment-method-load dt input { margin-right: 5px; } #checkout-payment-method-load label { display: inline-block !important; } #checkout-payment-method-load dd fieldset > ul { padding: 10px 0; } #checkout-payment-method-load .payment-method ul .input-box input { line-height: 29px; } #onestepcheckout-form .onestepcheckout-coupons input { width: 100%; } #onestepcheckout-form div.onestepcheckout-comments { margin-bottom: 10px; } #onestepcheckout-form div.onestepcheckout-comments textarea { width: 100%; padding: 10px; } #onestepcheckout-coupon-add, #onestepcheckout-coupon-remove { float: left; margin: 0 10px 10px 0; } #onestepcheckout-coupon-add span, #onestepcheckout-coupon-remove span { padding: 2px 15px; line-height: 16px; font-size: 12px; } .onestepcheckout-coupons:after { clear: both; content: ""; display: block; } .onestepcheckout-summary { margin-top: 20px; clear: both; } .onestepcheckout-summary th { border-top: none; border-bottom: 1px solid #e5e5e5; font-weight: bold; } ul.onestepcheckout-custom-options { list-style: none; } .onestepcheckout-totals td, .onestepcheckout-summary td { border-color: #e5e5e5; height: 30px; padding: 6px 0 0 0; } table.onestepcheckout-totals { border-top: 1px solid #e5e5e5; margin-top: 3px; } table.onestepcheckout-totals td.title { width: auto; text-align: left; font-weight: bold; text-transform: uppercase; } .onestepcheckout-totals tbody > tr { display: none; } .onestepcheckout-totals tbody > tr.subtotal, .onestepcheckout-totals tbody > tr.discount, .onestepcheckout-totals tbody > tr.shipping, .onestepcheckout-totals tbody > tr.tax, .onestepcheckout-totals tbody > tr.grand-total { display: table-row; } .checkout-agreements { padding: 0; } .checkout-agreements p input.checkbox, .checkout-agreements #newsletter-subscription input.checkbox, .onestepcheckout-enable-newsletter input { float: left; width: 4%; text-align: left; margin-right: 2%; min-width: 15px; position: relative; top: 3px; } .checkout-agreements p a, .checkout-agreements #newsletter-subscription span, .onestepcheckout-enable-newsletter label { float: left; width: 91%; } .checkout-agreements #newsletter-subscription span{ color: #3b3b3b; font-size: 0.8333em; } .checkout-agreements #newsletter-subscription a{ width: auto; float: none; text-decoration: underline; } .checkout-agreements .agree input.checkbox { margin-right: 2%; } #billing_address_list .control, #shipping_address_list .control { margin-top: 10px; } #billing_address_list .control label, #shipping_address_list .control label { display: inline-block; margin-left: 1%; } .billing-wrapper .form-alt > .input-box, .shipping-wrapper .form-alt > .input-box, .billing-wrapper .form-alt > .input-box > *, .shipping-wrapper .form-alt > .input-box > * { width: 100% !important; } .onestepcheckout-place-order-wrapper > button { border-radius: 0; } .backtocart { position: absolute; top: 30px; right: 0; font-size: 12px; } .backtocart.bottom { top: auto; right: auto; bottom: 0; left: 0; } .onestepcheckout-index-index .col-main.in-col1 { position: relative; } .onestepcheckout-enable-newsletter { position: relative; left: -1px; } .onestepcheckout-enable-newsletter input { float: none; margin: 0; } .onestepcheckout-enable-newsletter label { float: none; width: auto; position: relative; top: 1px; } .customer-login-popup { text-decoration: none !important; margin: 10px 0 20px; } .customer-link-text { display: block; } /* Modify OneStepCheckout Lightbox */ #onestepcheckout-login-popup, #onestepcheckout-toc-popup { width: 400px; max-width: 100%; } #onestepcheckout-login-popup div.onestepcheckout-popup-contents { padding-bottom: 20px; } #onestepcheckout-login-popup p.close, #onestepcheckout-toc-popup p.close { top: 15px; bottom: auto; right: 20px; } .onestepcheckout-popup-wrapper h1, .agreement-content.modal h1 { font-size: 16px !important; text-transform: uppercase; padding-bottom: 5px !important; margin-bottom: 15px; font-weight: bold; border-bottom: 1px solid #898989; } #onestepcheckout-login-form, #onestepcheckout-forgot-form { margin-top: 5px; } #onestepcheckout-login-form input, #onestepcheckout-forgot-form input { width: 100% !important; } #onestepcheckout-login-popup button { padding: 0; float: right; margin-right: 5px; margin-top: 7px; } .onestepcheckout-forgetpasswd, .onestepcheckout-backtolgn { margin-top: 10px; } .onestepcheckout-forgetpasswd a, .onestepcheckout-backtolgn a { text-decoration: underline; } .onestepcheckout-forgetpasswd a:hover, .onestepcheckout-backtolgn a:hover { text-decoration: underline; color: #3b3b3b; } .onestepcheckout-popup-footer { display: none; } .onestepcheckout-popup-wrapper, .agreement-content.modal { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.85); border: 1px solid #e5e5e5; } .agreement-content.modal .close { position: absolute; top: 15px; right: 15px; } #onestepcheckout-login-popup table td { vertical-align: middle; } #onestepcheckout-forgot-success { font-weight: bold; margin: 10px 0; } .loginpopup-forgettext { margin: 10px 0; } .agreement-content.modal { padding: 15px; max-width: 100%; } .agreement-content.modal h1 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } .agreement-content.modal h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .agreement-content.modal h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } .agreement-content.modal p { margin-bottom: 12px; } /* Modify Ajax Add To Cart */ div.Growler-notice { margin: 0; padding: 15px 0; min-height: 0; text-align: center; margin: 0 auto 15px; background: rgb(89, 89, 89) !important; background: rgba(89, 89, 89, 0.9) !important; border: 1px solid #868686; z-index: 100; position: relative; } .Growler-notice .Growler-notice-head { line-height: 100%; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; display: none; } .Growler-notice .Growler-notice-body { line-height: 100%; font-size: 14px; text-transform: none; font-weight: bold; } .header-top-container .header-top > .grid-full { position: relative; } /* Modify Colorbox -------------------------------------------------------------- */ #cboxClose { position: absolute; top: 15px; right: 10px; background: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/img/pix.png) 0 -150px no-repeat; width: 17px; height: 17px; transition: 0; -webkit-transition: 0; -moz-transition: 0s; -o-transition: 0s; } #cboxClose:hover { background-position: -17px -150px; background-color: transparent; } #cboxLoadedContent { margin: 30px 0; } #cboxOverlay { background: rgba(120, 120, 120, 0.75); } #cboxPrevious, #cboxPrevious:hover { background-color: transparent; position: absolute; top: 50%; left: 5%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cboxNext, #cboxNext:hover { background-color: transparent; position: absolute; top: 50%; right: 5%; left: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #cboxCurrent { left: 5%; } /* Modify CMS-Pages -------------------------------------------------------------- */ .info-page .page-title h1, .info-page .page-title h2 { margin: 0 0 10px 0; min-height: 1.3125em; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } /* Questionable Modifies -------------------------------------------------------------- */ .catalog-category-view .breadcrumbs, .catalog-category-view .toolbar, .catalogsearch-result-index .breadcrumbs, .catalogsearch-result-index .toolbar { border-bottom: none; padding-bottom: 1px; } .icon.icon-hover.i-wishlist-bw { display: none !important; } /* Filter Colors Background Classes */ #c60199907 { background: #ffa500 !important; } /* Orange */ #c6e0c7470 { background: #808080 !important; } /* Gray */ #c87de8512 { background: #0000ff !important; } /* Blue */ #cb2607128 { background: #ffc0cb !important; } /* Pink */ #cbcabdeb9 { background: #a52a2a !important; } /* Brown */ #cc7ed2fec { background: #008000 !important; } /* Green */ #cc7f2cb80 { background: #ffffff !important; } /* White */ #cc7f8c5f8 { background: #000000 !important; } /* Black */ #ccac821dd { background: #fae7d0 !important; } /* Skin */ #ccaeb5d95 { background: #ee82ee !important; } /* Violet */ #cf5f6506e { background: #ff0000 !important; } /* Red */ #cf4528d41 { background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left center, right center, from(red), color-stop(14%, orange), color-stop(28%, yellow), color-stop(42%, green), color-stop(56%, blue), color-stop(70%, indigo), to(violet)); } /* MultiColored */ #treeView span.caption { width:auto; } /* OPTIVO NEWSLETTER */ .optivo_newsletter_form {} .optivo_newsletter_form h5, .optivo_newsletter_description h5 { font-weight: bold; } .optivo_newsletter_form select, .optivo_newsletter_form input { width: 100%; border-color: #aaaaaa; } .optivo_newsletter_form .required { font-size: 14px; padding: 12px 0px; } .optivo_newsletter_form .buttons-set button span, .optivo_unsubscribe_newsletter .buttons-set button span { background: #585858; color: #fff; } .radio-fields { margin-bottom: 10px; } /* Responsive Overrides Defaults %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Special Treatment for Scale Options */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all, not all { /* No other Sprite if Ratio Changed */ .header .form-search .button span { background-image: url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite_fg.png); background-size: auto; } } /* Designs for Tablets */ @media only screen { /* Page in Full Width */ html.mobile .container { width: 100%; max-width: 100%; margin: 0; padding-left: 0; padding-right: 0; } html.mobile .container.main > * { width: 98% !important; margin: 0 1%; } /* Homepage Static Blocks with no Hover */ html.mobile body.cms-index-index .col-main .box .caption { bottom: 0px; } html.mobile body.cms-index-index .col-main .box .caption > * { display: block !important; } html.mobile body.cms-index-index .col-main .grid12-4 { text-align: center; } /* Search Box Add Opener */ html.mobile .search-wrapper .search-opener { display: block; position: absolute; right: 0; top: 0; width: 27px; height: 22px; z-index: 1; } html.mobile .search-wrapper .form-search:hover .search-opener { display: none; } /* Newsletter Subscribe */ html.mobile .newsletter-subscribe .input-text, html.mobile .newsletter-subscribe .select-text { height: 35px; } html.mobile .newsletter-subscribe .actions { bottom: 15px; height: 35px; } html.mobile .newsletter-subscribe .actions span span { line-height: 31px; height: 33px; } /* Footer */ html.mobile .footer-primary-container .collapsible .block-content li { margin: 10px 0; } /* Gallery */ html.mobile .layered-navigation .filter-filter_color li { margin: 0 20px 10px 0; } html.mobile .layered-navigation .filter-filter_color a.checkbox { height: 24px; width: 44px; } html.mobile .sidebar .category-image { display: block; } html.mobile .col-main .category-image { display: none; } html.mobile .block-layered-nav .block-content { overflow: hidden; opacity: 0; max-height: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } html.mobile .block-layered-nav.active .block-content { opacity: 1; max-height: 3000px; transition: opacity 0.4s, max-height 3s; -webkit-transition: opacity 0.4s, max-height 3s; -moz-transition: opacity 0.4s, max-height 3s; -o-transition: opacity 0.4s, max-height 3s; } html.mobile .block-layered-nav:before { content: ""; display: block; position: relative; top: 23px; left: 17px; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #000000; } html.mobile .block-layered-nav.active:before { border-width: 7px 3px 0 3px; border-color: #000000 transparent transparent transparent; } html.mobile .sidebar .block-layered-nav .block-title { padding-left: 27px; cursor: pointer; } html.mobile .pagination-desktop { display: none; } html.mobile .pagination-mobile { display: block; text-align: center; } html.mobile .pager .pages.mobile { display: block; } html.mobile .pagination-mobile a.next:after, html.mobile .pagination-mobile a.previous:before { display: none; } html.mobile .pagination-mobile a.next, html.mobile .pagination-mobile a.previous { text-indent: 0; width: auto; height: auto; display: inline-block; padding: 10px 20px; line-height: 100%; text-transform: uppercase; background: rgb(81, 81, 81); background: rgba(81, 81, 81, .85); color: #ffffff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } html.mobile .pagination-mobile a.next:hover, html.mobile .pagination-mobile a.previous:hover { background: rgb(38, 38, 38); background: rgba(38, 38, 38, .85); color: #ffffff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } html.mobile .pagination-mobile .page-select { display: inline-block; text-align: center; width: 32%; } html.mobile .pagination-mobile .link-previous { display: inline-block; text-align: left; width: 33%; } html.mobile .pagination-mobile .link-next { display: inline-block; text-align: right; width: 32%; } /* Detail Page */ html.mobile .box-frame-storefinder .mobile { display: block; width: 95%; text-align: center; margin: 0 auto; } html.mobile .box-frame-storefinder .desktop { display: none; } /* Input Override for mobile Device */ html.mobile #onestepcheckout-login-form input, html.mobile #onestepcheckout-forgot-form input, html.mobile #onestepcheckout-form input, html.mobile #onestepcheckout-form select { height: 35px !important; } html.mobile #onestepcheckout-form input[type='checkbox'], html.mobile #onestepcheckout-form input[type='radio'] { height: auto !important; transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); margin: 0 2% 2% 2%; position: relative; top: 5px; } html.mobile #onestepcheckout-form .input-box.input-different-shipping input { top: 5px; } html.mobile #onestepcheckout-form li, html.mobile #onestepcheckout-form dt { padding: 8px 0; } html.mobile #onestepcheckout-form .input-box.checkbox-createaccount label, html.mobile #onestepcheckout-form .input-box.input-different-shipping label { position: relative; top: -3px; } /* Footer */ html.mobile .footer-primary-container .smartphone .grid12-21 { margin-top: 15%; } /* Gallery */ html.mobile .sidebar .block-vertnav.hide-below-768 { display: none; } html.mobile .grid-col2-main { width: 100% !important; } html.mobile .sidebar.grid-col2-sidebar.in-sidebar { width: 100%; } html.mobile .in-sidebar .layered-navigation { margin-right: 0; } html.mobile .filter-navigation-wrapper li { margin: 3px 0; } /*html.mobile .itemgrid-3col .item:nth-child(3n+1) { clear: none; } html.mobile .itemgrid-3col .item:nth-child(4n+1) { clear: left; }*/ html.mobile .category-products .products-grid .item { float: left; width: 23%; } /* Cart */ html.mobile #shopping-cart-table .col-delete a { margin-bottom: 15px; transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); } html.mobile .cart .data-table .qty { height: 35px; } html.mobile #narrow-by-list input[type=checkbox] { margin-top: -4px } } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { } /* width < 1280px */ @media only screen and (max-width: 1280px) { /* Slide Captions */ .slide-caption { font-size: 13.9px; } .mey247-lp .landingpage-damen_herren .heading { font-size: 132px !important; } } /* width < 1124px */ @media only screen and (max-width: 1123px) { /* Product Tabs */ .gen-tabs-style1 .tabs a { font-size: 11px; } .product-view .action-box .add-to-links a { margin: 0 0 0 25px; } /* Color Filter */ .layered-navigation dl dd.filter-filter_color ol { padding: 1px 0px 0 35px; } /* Product Detail Options */ #SCPcustomOptionsDiv select { margin: 0; } body.cms-index-index .slide-caption.forcesmall h2 { font-size: 39px !important; letter-spacing: 0 !important } body.cms-index-index .slide-caption.forcesmall h2.short-head { font-size: 102px !important; } body.cms-index-index .slide-caption.forcesmall p { font-size: 16px !important; } /*LAndingpage */ .landingpage-damen_herren .heading.fs24 { font-size: 22px; } .landingpage-damen_herren .heading.fs34 { font-size: 31px; } .sliderSaleBtns { bottom: 10%; left: 31%; width: 86%; } .sliderSaleImage { max-width: 100%; !important; } } /* width > 900px */ @media only screen and (min-width: 900px) { /* Product Tabs */ .gen-tabs-style1 .tabs a { font-size: 12px; } .product-view .action-box .add-to-links a { margin: 0 0 0 25px; } /* Color Filter */ .layered-navigation dl dd.filter-filter_color ol { padding: 1px 0px 0 35px; } /* Product Detail Options */ #SCPcustomOptionsDiv select { margin: 0; } /* Cart */ #shopping-cart-table dl.item-options { width: 300px; } /* Landingpages */ .landingpage-damen_herren .no-break br { display: none; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Slide Captions */ .slide-caption { font-size: 12.5px; } .slide-caption.mey1 { bottom: 90px; } .sliderSaleBtns { bottom: 10%; left: 27%; width: 86%; } .d1024small { font-size: 24px !important; } .kw02 h3.heading { font-size: 122px !important; } /* Product Tabs */ .gen-tabs-style1 .tabs a { font-size: 11px; } /* Product Gallery */ .products-grid .price-box span { font-size: 14px; } .products-grid .old-price { margin-right: 10px; } /* Detail Page */ .storefinder-detail iframe { width: 100% !important; } /* Landingpages */ .landingpage-damen_herren .heading.fs44 { font-size: 36px; } .landingpage-damen_herren .fs16, .landingpage-damen_herren .fs18 { font-size: 17px; } .landingpage-damen_herren .fs15 { font-size: 15px; } .landingpage-damen_herren .fs100 { font-size: 82px; } .landingpage-damen_herren .mt100 { margin-top: 90%; } .landingpage-damen_herren .content .r18 { right: 15%; } .landingpage-damen_herren .content .t45 { top: 43%; } .landingpage-damen_herren .content .t53 { top: 51%; } .landingpage-damen_herren .content .b20 { bottom: 18%; } .landingpage-damen_herren .content .b23 { bottom: 20%; } .mey247-lp .landingpage-damen_herren .heading { font-size: 122px !important; } .landingpage-damen_herren .heading.fs24 { font-size: 16px; } .landingpage-damen_herren p.fs14.ucase { font-size: 15px; } .landingpage-damen_herren .heading.fs34 { font-size: 27px; } .product-options .sizehelper-container{ position: relative; display: block; margin-top: 15px; top: 0; right: 0; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Slide Captions */ .slide-caption { font-size: 11px; } .slide-caption.mey1 { bottom: 60px; } .sliderSaleBtns { bottom: 10%; left: 28%; width: 86%; } .product-view .action-box .add-to-links a { margin: 0 0 0 15px; } /* One Step Checkout */ #onestepcheckout-form .onestepcheckout-threecolumns > div { height: auto; display: block; } #onestepcheckout-form .onestepcheckout-threecolumns { width: 100%; } #onestepcheckout-form .onestepcheckout-column-left { width: 55%; } #onestepcheckout-form .onestepcheckout-column-middle { width: 45%; padding-right: 0; } #onestepcheckout-form .onestepcheckout-column-right { width: 100%; margin-top: 30px; padding: 0; border: none; } /* Landingpages */ .damen-lp .landingpage-damen_herren hr, .mey247-lp .landingpage-damen_herren hr, .herren-lp .landingpage-damen_herren hr { width: 160px; } .landingpage-damen_herren .content p.white.fs15 br { display: none; } .landingpage-damen_herren .heading.fs44 { font-size: 29px; } .landingpage-damen_herren .heading.fs20 { font-size: 19px; } .landingpage-damen_herren .fs16, .landingpage-damen_herren .fs18 { font-size: 16px; } .landingpage-damen_herren .content .r18 { right: 11%; } .landingpage-damen_herren .content .r20 { right: 17%; } .landingpage-damen_herren .content .t53 { top: 49%; } .landingpage-damen_herren .content .b20 { bottom: 17%; } .landingpage-damen_herren .absbottom { bottom: 15px; } .mey247-lp .landingpage-damen_herren .heading { font-size: 92px !important; } .landingpage-damen_herren .heading.fs34 { font-size: 22px; } /* Slide Caption */ body.cms-index-index .slide-caption.forcesmall h2.short-head { font-size: 87px !important; } } @media only screen and (min-width: 768px) { .mobile-settings-wrapper { display: inline; } html.mobile .header-primary.container{ width: 98%; margin-left: auto; margin-right: auto; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .sliderSaleBtns { bottom: 10%; left: 27%; width: 86%; } /* Helper Class */ .nofloatab768 { float: auto; clear: none; } /* Grid units below 768px screen size are 100% wide with no margin. Padding compensates lack of margin. */ .container.nav { padding: 0; } .main.container { overflow: hidden; } /* Hide */ .hide-below-767 { display: none !important; } .m-center { float: inherit !important; text-align: center !important } /* Search: mobile (search bar layout for narrow screens) */ .search-wrapper-mobile { position: absolute; width: 235px; } /* Header-Logo Center and Big */ .header .logo { max-width: 300px; } .header .logo a { width: 100%; } /* Header Mini-Cart */ #mini-cart { float: none; display: inline-block; } #mini-cart .hidden-link { position: absolute; top: 0; left: 0; width: 100%; height: 150%; z-index: 4002; } .header .open > .dropdown-toggle.cover > div a, #mini-cart .title-cart-mini, #mini-cart .label.amount { color: #ffffff; } .user-menu { text-align: center; width: 22px !important; float: right; margin: 20px 10px 0 20px; } /* Header Marquise Text */ .shop-informercials { position: relative; } .header-main { overflow-x: hidden; } /* HomePage Static Blocks */ .postscript { overflow: hidden; } /* Gallery */ .filter-navigation-wrapper li { margin: 5px 0; } /* Detail-Page */ .product-view { text-align: center; } #itemslider-zoom .owl-buttons { display: none; } .product-view .img-box .more-images { margin-top: 0; } .product-view .product-shop { margin-right: 0; } .product-view .product-type-data > .price-box { float: none; } .product-view .product-options dt, .product-options dd { text-align: left; } .product-view .add-to-cart-attributes { text-align: left; padding-left: 1%; } #SCPcustomOptionsDiv { text-align: left; } #SCPcustomOptionsDiv dt { margin-left: 1%; } /* Cart */ #shopping-cart-table .col-delete a.link-edit { position: absolute; top: 10%; left: 150px; width: auto; } #shopping-cart-table .col-delete a.link-remove { position: absolute; top: 15%; left: 150px; width: auto; } #shopping-cart-table .col-delete a.link-edit span, #shopping-cart-table .col-delete a.link-remove span { font-size: 18px; text-decoration: underline; color: #585858; font-style: italic; } /* Wishlist Page */ #wishlist-table td.last a.link-edit { position: absolute; top: 15%; left: 180px; width: auto; } #wishlist-table td.last a.link-remove { position: absolute; top: 25%; left: 180px; width: auto; } #wishlist-table td.last a.link-edit span, #wishlist-table td.last a.link-remove span { font-size: 18px; text-decoration: underline; color: #585858; font-style: italic; } #wishlist-table .product-image { display: inline-block; } /* Collapsible Dropdowns */ .mobile-collapsible .block-content { padding: 5px 0 15px 5px; display: block; } /* Footer Row 1.5 */ .block_footer_primary_bottom_left { width: 100%; } .block_footer_primary_bottom_right { width: 100%; } /* Footer Row 2 */ .hide-above-768 { display: block; } /* One Step Checkout */ #onestepcheckout-form .onestepcheckout-threecolumns > div { height: auto; display: block; } #onestepcheckout-form .onestepcheckout-threecolumns { width: 100%; } #onestepcheckout-form .onestepcheckout-column-left { width: 55%; } #onestepcheckout-form .onestepcheckout-column-middle { width: 45%; } #onestepcheckout-form .onestepcheckout-column-right { width: 100%; margin-top: 30px; padding: 0; border: none; } #onestepcheckout-form .input-box.checkbox-createaccount { margin-top: 10px; } /* Newsletter IFrame */ #proxyFrame { height: 900px; } /* Changes Homepage */ /* Toplinks */ .dropdown, .top-links { float: right !important; position: relative; z-index: 102; } .top-links { margin-top: 20px } .top-links.links-wrapper-separators-left li { line-height: 3em } .mobile-settings-wrapper .caret, .mobile-settings-wrapper .mobile-settings > a.button { display: block; } .mobile-settings-wrapper { } .mobile-settings { position: relative; top: 5px; background: #f3f2f0; width: 130px; left: 0px; text-align: center; } .mobile-settings { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: -30px; z-index: -2; transition: all 0.4s 1s; -webkit-transition: all 0.4s 1s; -moz-transition: all 0.4s 1s; -o-transition: all 0.4s 1s; } .mobile-settings-wrapper:hover .mobile-settings { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 40px; z-index: 11; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .mobile-settings .caret { position: absolute; left: 10px; top: -7px; width: 0px; height: 0px; border-style: solid; border-width: 0 6px 10.4px 6px; border-color: transparent transparent #f2f1ef transparent; -webkit-box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); -moz-box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); box-shadow: 0px -1px 0px -1px rgba(242,241,239, 1); } .mobile-settings ul { float: none; } .mobile-settings ul li.link-wishlist { margin-right: 30px; } .mobile-settings .customer-service-wrapper li { margin: 15px 0; } /* Language Switcher */ .lang-switcher .dropdown-toggle .value { display: none; } .lang-switcher .dropdown-menu { width: 85px; min-width: 0; } .lang-switcher .dropdown-toggle .label.dropdown-icon, .lang-switcher .dropdown-menu .label.dropdown-icon { width: 40px; } .lang-switcher .dropdown-menu li { font-size: 0; line-height: 35px; } .lang-switcher .dropdown-menu li a { font-size: 0; } /* Cart Mini */ #mini-cart .label.amount { position: absolute; right: 0px; top: 6px; color: #000000; width: 100%; } #mini-cart .label.amount .closure, #mini-cart .dropdown-toggle .summary, #mini-cart .dropdown-toggle .empty { display: none; } /* Header Logo */ .header-container .logo { width: 90px; } /* Positions */ .shop-informercials-wrapper { overflow: hidden; height: 18px } .header-top-container .header-top > .grid-full { z-index: 2500; position: absolute; top: 10px; width: 100px !important; right: 60px; } .lang-switcher { margin: 16px 0 0 } .lang-switcher .dropdown-toggle > div { padding: 0; } .mobile-settings-wrapper { } .header-top-contaier-seperator { top: 90px; position: absolute; } .header-primary-container .header-main.v-grid-container { height: 70px; overflow: visible; } .header-primary-container .logo-wrapper { position: absolute; width: auto !important; margin: 0; top: 25px; left: 10px; z-index: 103; } .header-primary-container .shop-informercials { top: 0px; } #mini-cart { line-height: 100%; } #mini-cart .feature-icon-hover { padding: 0; } #mini-cart .close-to-text { margin: 0; } .user-menu .search-wrapper.search-wrapper-mobile { top: 105px; position: absolute; width: auto; right: 15px; } .customer-service-wrapper { left: auto; right: 0; } .customer-service-wrapper .caret { left: auto; right: 20px; } /* Static Boxes */ .home-blocks-static img.mobile, .home-blocks-static .mobile img { display: inline-block; } .home-blocks-static img.desktop, .home-blocks-static .desktop img { display: none; } body.cms-index-index .col-main .box { float: left; width: 100%; } body.cms-index-index .col-main .box .caption hr { margin: 0 10%; } body.cms-index-index .col-main .box .caption .button { font-size: 13px; } /* Shop Benefits */ .shop-benefits.last .heading { position: absolute; left: 23%; top: 20px; width: 150px; } /* Sync Styles for Mobile Devices incl Tablets */ /* Page in Full Width */ .container { width: 100%; max-width: 100%; margin: 0; padding-left: 0; padding-right: 0; } .container.main > * { width: 98% !important; margin: 0 1%; } /* Homepage Static Blocks with no Hover */ body.cms-index-index .col-main .box .caption { bottom: 0px; } body.cms-index-index .col-main .box .caption > * { display: block !important; } body.cms-index-index .col-main .grid12-4 { text-align: center; } /* Search Box Add Opener */ .search-wrapper .search-opener { display: block; position: absolute; right: 0; top: 0; width: 27px; height: 22px; z-index: 1; } .search-wrapper .form-search:hover .search-opener { display: none; } /* Newsletter Subscribe */ .newsletter-subscribe .input-text, .newsletter-subscribe .select-text { height: 35px; } .newsletter-subscribe .actions { bottom: 30px; height: 35px; } .newsletter-subscribe .actions span span { line-height: 31px; height: 33px; } /* Footer */ .footer-primary-container .collapsible .block-content li { margin: 10px 0; } /* Gallery */ .layered-navigation .filter-filter_color li { margin: 0 20px 10px 0; } .layered-navigation .filter-filter_color a.checkbox { height: 24px; width: 44px; } .sidebar .category-image { display: block; } .col-main .category-image { display: none; } .block-layered-nav .block-content { overflow: hidden; opacity: 0; max-height: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .block-layered-nav.active .block-content { opacity: 1; max-height: 3000px; transition: opacity 0.4s, max-height 3s; -webkit-transition: opacity 0.4s, max-height 3s; -moz-transition: opacity 0.4s, max-height 3s; -o-transition: opacity 0.4s, max-height 3s; } .block-layered-nav:before { content: ""; display: block; position: relative; top: 23px; left: 17px; width: 0px; height: 0px; border-style: solid; border-width: 3px 0 3px 7px; border-color: transparent transparent transparent #000000; } .block-layered-nav.active:before { border-width: 7px 3px 0 3px; border-color: #000000 transparent transparent transparent; } .sidebar .block-layered-nav .block-title { padding-left: 27px; cursor: pointer; } .pagination-desktop { display: none; } .pagination-mobile { display: block; text-align: center; } .pager .pages.mobile { display: block; } .pagination-mobile a.next:after, .pagination-mobile a.previous:before { display: none; } .pagination-mobile a.next, .pagination-mobile a.previous { text-indent: 0; width: auto; height: auto; display: inline-block; padding: 10px 20px; line-height: 100%; text-transform: uppercase; background: rgb(81, 81, 81); background: rgba(81, 81, 81, .85); color: #ffffff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .pagination-mobile a.next:hover, .pagination-mobile a.previous:hover { background: rgb(38, 38, 38); background: rgba(38, 38, 38, .85); color: #ffffff; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .pagination-mobile .page-select { display: inline-block; text-align: center; width: 32%; } .pagination-mobile .link-previous { display: inline-block; text-align: left; width: 33%; } .pagination-mobile .link-next { display: inline-block; text-align: right; width: 32%; } /* Detail Page */ .box-frame-storefinder .mobile { display: block; width: 95%; text-align: center; margin: 0 auto; } .box-frame-storefinder .desktop { display: none; } /* Input Override for mobile Device */ #onestepcheckout-login-form input, #onestepcheckout-forgot-form input, #onestepcheckout-form input, #onestepcheckout-form select { height: 35px !important; } #onestepcheckout-form input[type='checkbox'], #onestepcheckout-form input[type='radio'] { height: auto !important; transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); margin: 0 2% 2% 2%; position: relative; top: 5px; } #onestepcheckout-form .input-box.input-different-shipping input { top: 5px; } #onestepcheckout-form li, #onestepcheckout-form dt { padding: 3px 0; } #onestepcheckout-form .input-box.checkbox-createaccount label, #onestepcheckout-form .input-box.input-different-shipping label, #onestepcheckout-form .onestepcheckout-enable-newsletter label { position: relative; top: -3px; height: 30px; line-height: 22px; } /* Contactform */ .contacct-form { width: 100%; } .contact-info { margin: 30px 0 0; width: 100%; } /* Cart Mods */ .cart-table-wrapper * { font-size: 18px !important; } .cart .item-options dd, .cart .item-options dt { line-height: 26px; } .cart-table-wrapper .cell-label { font-weight: normal; text-transform: uppercase; line-height: 26px; } .col-main .cart { position: relative; } .cart .page-title { padding-bottom: 55px; } .cart .proceed-wrapper { position: absolute; top: 25px; margin: 0; left: 50%; } .cart .proceed-wrapper button.button.btn-checkout { position: relative; left: -50%; margin-top: 0; } .cart .col-img a { margin-top: 30px; } .cart .product-name { position: absolute; top: 0; } .cart .product-name a { font-size: 18px; } .block_cart_below_table { top: -20px; } .cart .item-options dt { clear: left; float: left; width: 38%; } .cart .item-options dd { font-weight: bold; clear: right; } #shopping-cart-table .cell-label { margin-right: 16%; } .cart .matandcare-wrapper .matandcare-hint.carein { clear: right; margin: 0 0 0 25%; } .matandcare-wrapper .matandcare-hint.material { clear: left; float: left; width: auto; margin: 0; } #shopping-cart-table .btn-continue { display: none; } .continue-wrapper { display: block; text-align: center; position: relative; top: -15px; } .continue-wrapper .button.btn-continue2 { text-transform: none; position: relative; background: none; } .continue-wrapper .button.btn-continue2 span, .continue-wrapper .button.btn-continue2:hover, .continue-wrapper .button.btn-continue2:hover span { background: none; color: #333333; } #shopping-cart-table .truncated .truncated_full_value dt { width: 20%; } #shopping-cart-table .truncated .truncated_full_value dd { width: 100%; } .col-unit-price .price, .col-total .price { font-weight: bold; } /* Tablet Modify */ html.mobile .category-products .products-grid .item { width: 48%; } html.mobile .newsletter-subscribe .actions { bottom: 30px; right: 19.8%; } /* Searchresult Modify */ .no-search-results .std .relink-box { width: 300px !important; margin: 0 auto 25px !important; display: block; float: none; padding: 1px 0; } /* Order Success Modify */ .checkout-onepage-success .success-page { margin: 0 2%; } .checkout-onepage-success .block_cart_below_table { top: 0; float: none; display: inline !important; } .checkout-onepage-success .block_cart_below_table .service-cart { display: inline-block; } .checkout-onepage-success .page-number { text-align: center; } .checkout-onepage-success .order-customer-dates { text-align: center; } .checkout-onepage-success .order-customer-dates .grid-full > div { margin-bottom: 15px; } .checkout-onepage-success .block_ordered_after .grid-full > div:first-child { margin-bottom: 30px; } /* Modify Mainmenu */ .accordion.vertnav-top.mobile span.opener { /*left: 180px; right: auto;*/ } /* Landingpages Modify */ .landingpage-damen_herren .box.w33 { width: 50%; } .landingpage-damen_herren .box.w66 { width: 100%; } .landingpage-damen_herren .box, .landingpage-damen_herren .box.side-right { margin: 0; } .landingpage-damen_herren .content .caption > * { display: block !important; } .landingpage-damen_herren .caption { bottom: 0; } .landingpage-damen_herren .caption hr { width: auto; } .mey247-lp .landingpage-damen_herren .heading { font-size: 62px !important; } .landingpage-damen_herren .heading.fs24 { font-size: 18px; } .landingpage-damen_herren .heading.fs34 { font-size: 27px; } /* Slide Caption */ body.cms-index-index .slide-caption.forcesmall h2.short-head { font-size: 62px !important; } .d1024small { font-size: 20px !important; } .kw02 h3.heading { font-size: 82px !important; } .kw02content { top: auto; bottom: 20%; } .link-customer:hover .customer-service-wrapper{ top: -175px; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (max-width: 767px) and (orientation: landscape) { .user-menu { margin: 11px 10px 0 20px; } } /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Shop-Benefits */ .shop-benefits { width: 30%; } /* Slider Caption */ .slide-caption.mey1 .heading { font-size: 30px; } .slide-caption.mey1 p { font-size: 20px; } .slide-caption.mey1 .button { font-size: 16px; } .slide-caption.mey1 { bottom: 50px; } .mey247-lp .landingpage-damen_herren .heading { font-size: 62px !important; } .sliderSaleBtns { bottom: 10%; left: 27%; width: 86%; } } /* 768px <= width < 1023px */ @media only screen and (min-width: 768px) and (max-width: 1023px) { html.mobile .newsletter-subscribe .actions{ bottom: -25px; width: 80%; } } /* 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) { /* Static Home Boxes */ body.cms-index-index .col-main .box .caption .button { margin: 15px 9%; } /* Landingpages */ .landingpage-damen_herren .heading.fs24 { font-size: 22px; } .sliderSaleBtns { bottom: 10%; left: 24%; width: 86%; } } /* Special Treatment for Homepage Slider and OneStepCheckout*/ /* width < 600px */ @media only screen and (max-width: 600px) { .main .the-slideshow .owl-item img, .main .flexslider .slides img { width: 580px; height: 300px; max-width: 100%; } body.cms-index-index .slide-caption.forcesmall h2 { font-size: 14px !important; letter-spacing: 0 !important } body.cms-index-index .slide-caption.forcesmall p { font-size: 14px !important; } body.cms-index-index .slide-caption.forcesmall .minfs25 { font-size: 26px !important; } /* One Step Checkout */ #onestepcheckout-form .onestepcheckout-column-left { width: 100%; border: none; padding: 0; } #onestepcheckout-form .onestepcheckout-column-middle { width: 100%; padding: 0; margin-top: 15px; } #onestepcheckout-form input[type='checkbox'], #onestepcheckout-form input[type='radio'] { top: 3px; vertical-align: top; } #onestepcheckout-form .input-box.input-different-shipping input { top: 3px; } /* Cart */ .block_cart_below_table { display: none; } /* Landingpages */ .landingpage-damen_herren .heading.fs34 { font-size: 27px; } /*Helper Classes*/ .mob-r0 { right: 0 !important; } .mob-li { left: inherit !important } .mob-l0 { left: 0 !important; } .mob-center { margin: 0 auto; left: 0; right: 0 } .mob-b0 { bottom: 0 !important; top: inherit !important } .mob-b20 { bottom: 20% !important; top: inherit !important } .mob-b30{ bottom: 30% !important; top: inherit !important } .slide-caption .box p { font-size: 14px } .slide-caption .box h2.h1 { font-size: 92px; line-height: 80px; } .slide-caption .box { padding: 1em 2em; } /* Landingpages Modify */ .landingpage-damen_herren .slide-caption .mt100 { margin-top: 75%; } .landingpage-damen_herren .slide-caption h2.fs20 { font-size: 19px; white-space: normal; } .mey247-lp .landingpage-damen_herren .heading { font-size: 52px !important; } /* Slide Caption */ body.cms-index-index .slide-caption.forcesmall h2.short-head { font-size: 42px !important; } .smallt20 { top: 20%; } .smallt5 { top: 5%; } .sliderSaleBtns { bottom: 10%; left: 21%; width: 86%; } } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Search Box */ .search-wrapper .form-search input#search, .catalogsearch-result-index .search-wrapper input#search { width: 180px; } /* Gallery Labels */ .products-grid .product-name, .products-grid .price-box { width: 100%; text-align: center; } /* Product-Page */ .back-to-category { position: relative; right: auto; top: auto; } .product-view .product-shop label, .product-view .product-options dt { width: 35%; } .product-view .product-options dd { width: 61%; } /* Product Option List */ #SCPcustomOptionsDiv dd { margin-left: 37%; } /* Upsell */ .box-up-sell .owl-item, .box-up-sell .owl-item .product-name a, .box-up-sell .products-grid .price-box span { font-size: 12px; } .box-up-sell .product-information .product-price { margin-top: 10px; } /* Cart */ #shopping-cart-totals-table tbody tr:first-child td { padding-left: 0; } #shopping-cart-totals-table tbody tr:first-child td:first-child { padding-left: 4%; padding-right: 0; } #shopping-cart-totals-table colgroup { right: 5%; } .cart .matandcare-wrapper .hidden-hint:first-child .caret { left: 20px; } .cart .matandcare-wrapper .matandcare-hint.material .hidden-hint { left: -10px; } .cart .matandcare-wrapper .matandcare-hint.carein .hidden-hint .caret { left: 110px; } .cart .matandcare-wrapper .matandcare-hint.material .hidden-hint .caret { left: 20px; } .cart .matandcare-wrapper .matandcare-hint.carein .hidden-hint { left: -100px; } .truncated .truncated_full_value.show .item-options:before { left: 110px; } .truncated .truncated_full_value.show > dl { left: -90px; } .cart .data-table tr { border-color: #585858 !important; } /* Account Information */ .customer-account-edit .my-account .form-list, .customer-account-edit .my-account .buttons-set { width: 100%; } /* TODO Wenn Text Drin dazu stylen drunter */ /* Changes Mobile Homepage */ .header-top { text-align: right; } /* Static Home Boxes */ body.cms-index-index .col-main .box .caption .button { margin: 15px 6%; } html.iphone .the-slideshow-wrapper .item.slide { font-size: 14px !important; } html.iphone .the-slideshow-wrapper .owl-item, html.iphone .shop-informercials { max-width: 100%; width: 320px; } .info-page .info-navi ul#info-menu li { width: 100%; margin: 0 } .info-page .info-navi ul#info-menu li a { display: block; padding: 4px 0; } /* Order Success Modify */ .checkout-onepage-success .order-customer-items .product-item-price { display: none; } /* Landingpages Modify */ .landingpage-damen_herren .slide-caption .mt100 { margin-top: 75%; } .landingpage-damen_herren .fs44 { font-size: 26px; } .landingpage-damen_herren .fs16, .landingpage-damen_herren .fs18 { font-size: 16px; } .landingpage-damen_herren .slide-caption .fs100 { font-size: 62px; } .landingpage-damen_herren .slide-caption p.fs18.white { font-size: 14px; } .landingpage-damen_herren .slide-caption hr { width: 160px; } .mey247-lp .landingpage-damen_herren .heading { font-size: 52px !important; } .landingpage-damen_herren .slide-caption.r38.text-center { right: 25%; } .landingpage-damen_herren .heading.fs34 { font-size: 21px; } /* HomeSlider */ .darkslide { padding: 6px 0 !important; } .sliderSaleBtns { bottom: 10%; left: 10%; width: 86%; } .loadmore a { display: block; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Treatment for Landingpages */ @media only screen and (max-width: 390px) { .landingpage-damen_herren .box.w33 { width: 100%; } .landingpage-damen_herren .box { margin: 0 !important; } .landingpage-damen_herren .heading.fs44 { font-size: 26px; } .landingpage-damen_herren .slide-caption.r38.text-center { right: 10%; } .mey247-lp .landingpage-damen_herren .heading { font-size: 42px !important; } /* Slide Caption */ body.cms-index-index .slide-caption.forcesmall h2.short-head { font-size: 32px !important; } .sliderSaleBtns { bottom: 10%; left: 5%; width: 92%; } } /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Shop-Benefits */ .shop-benefits { width: 45%; } /* Static Home Boxes */ body.cms-index-index .col-main .box .caption .button { margin: 15px 1%; } body.cms-index-index .col-main .box .caption h3 { font-size: 16px; } .pieces-banner-wrapper, .seoLP-banner-wrapper { font-family: "HelveticaRegular",sans-serif; left: 3%; top: 5%; width: 45%; } .pieces-banner-head, .seoLP-banner-head { font-size: 14px; margin-bottom: 0px; } .pieces-banner-text, .seoLP-banner-text { font-size: 10px; line-height: normal; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Shop-Benefits */ .shop-benefits { width: 100%; } /* Upsell */ .box-up-sell .owl-item, .box-up-sell .owl-item .product-name a, .box-up-sell .products-grid .price-box span { font-size: 10px; } .box-up-sell .product-information .product-price { margin-top: 0px; } .box-up-sell .product-image { vertical-align: baseline; } /* Static Home Boxes */ body.cms-index-index .col-main .box .caption h3 { font-size: 12px; } /* Landingpages Modify */ .landingpage-damen_herren .slide-caption.t20 { top: 5%; } .mey247-lp .landingpage-damen_herren .heading { font-size: 42px !important; } .sliderSaleBtns { bottom: 10%; left: 5%; width: 92%; } .pieces-banner-wrapper, .seoLP-banner-wrapper { font-family: "HelveticaRegular",sans-serif; left: 3%; top: 5%; width: 45%; } .pieces-banner-head, .seoLP-banner-head { font-size: 14px; margin-bottom: 0px; } .pieces-banner-text, .seoLP-banner-text { font-size: 10px; line-height: normal; } } @media screen and (max-device-width: 480px), screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .m-center { float: inherit !important; text-align: center !important } .header-top-container { position: relative; z-index: 9999; float: left; width: 100%; } .header-container3 { width: 100% } .narrow-by-list input[type=checkbox] { position: relative; top: -1px } .header-primary.header { max-height: 100px } .the-slideshow-wrapper .owl-item, .shop-informercials-wrapper { min-width: 0; } .shop-informercials .owl-carousel .owl-item > .item.slide { font-size: 14px !important; } .main.container .the-slideshow-wrapper .item.slide { font-size: 14px !important; width: 100%; height: 300px; overflow: hidden; text-align: center; position: relative; } .main.container .the-slideshow .owl-item img { position: absolute; } .main.container .the-slideshow .owl-item img:not(.r0) { left: 0; } } @media screen and (max-device-width: 1024px){ .outside_banner{display:none} } /* Print Modify %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only print{ /* Shop Benefits */ } /* Magenta colored sale category */ .menu-cat-sale span { color: #e6007e!important; } /* * Primary size flag */ .primary-size-flag{ position: absolute; right: 18%; top: 2%; z-index: 2; width: 18%; } .product-view-primary-size-flag{ position: absolute; right: 27px; top: 25px; z-index: 100; height: 100px; } .product-view-primary-size-flag-mobile{ display: none; } @media screen and (max-width: 752px) { .product-view-primary-size-flag{ display: none; } .product-view-primary-size-flag-mobile{ display: block; position: absolute; right: 19%; top: 4%; z-index: 100; width: 18%; } } /* Size guide modal %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sizeguide-modal{ position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,0.7) ; height: 100%; width: 100%; z-index: 10000; display: none; } .sizeguide-modal .modal-content-wrapper{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); background-color: #FFF; margin: 0 8%; border: 2px solid #A9A9A9; height: 80%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .sizeguide-modal .modal-content{ height: 100%; padding: 35px 40px; overflow-y: scroll; } .sizeguide-modal .close-btn{ position: absolute; top: -25px; right: -20px; color: #A9A9A9; font-size: 18px; cursor: pointer; z-index: 10000; } #sgm-content-options{ text-align: center; padding: 20px 0; font-size: 16px; } .sgm-content-option{ color: #989898; } .sgm-content-option:hover{ color: #6E6E6E; cursor: pointer; } .sgm-content-option.active{ color: #6E6E6E; } .sgm-about{ padding: 20px 8%; border: 2px solid #979797; text-align: center; margin: 0 10%; } .sgm-about .title{ font-size: 38px; padding-top: 25px; padding-bottom: 25px; } .sgm-about-instructions{ overflow: auto; } .sgm-about-instructions .image{ float: left; width: 40%; text-align: right; } .sgm-about-instructions .image img{ max-width: 100%; } .sgm-about-instructions .details{ float: left; width: 60%; padding: 50px 0 0 50px; } .sgm-about-instructions p{ margin-top: 60px; margin-bottom: 40px; } .sgm-about-instructions ol{ list-style: decimal outside; } .sgm-about-instructions ol li{ margin-bottom: 20px; } .sgm-about-instructions-mobile{ display: none; text-align: center; padding: 20px 0; } .sgm-about-instructions-mobile .step{ position: relative; } @media screen and (max-width: 425px) { #sgm-content-options{ padding: 15px 0; font-size: 13px; } .sizeguide-modal .modal-content{ padding: 20px; } .sizeguide-modal .close-btn{ right: 10px; } .sgm-about-instructions .image{ float: none; width: 100%; } .sgm-about-instructions .details{ float: none; width: 100%; padding: 10px 0; } .sgm-about-instructions p{ margin-top: 20px; } } /* Product video %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-video-box{ display: none; width: 100%; } .product-video-box video{ max-width: 100%; vertical-align: middle; } .product-video-item{ margin: 0 2px 4px; border: 1px solid transparent; padding: 4px; } .product-video-item:hover{ cursor: pointer; border-color: #cdcdcd } .product-video-item video{ display: none; max-width: 100%; } .product-video-item .play-icon{ position: absolute; top: 0; left: 50%; bottom: 0; margin: auto; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #FFF; opacity: 0.9; } @media screen and (max-width: 752px) { .product-video-item .preview-img{ display: none; } .product-video-item video{ display: block; } } /* * Looks detail page navigation buttons */ .looks-detail-navigation{ padding: 10px 5px 20px; } .looks-detail-navigation button{ min-width: 100px; padding: 5px; } .looks-detail-navigation button:disabled{ opacity: 0.6; } #nav > li > a, #mobnav-trigger { font-size:16px; text-transform:uppercase; } /*#mini-cart .summary { font-size: 14px; }*/ /*h6 { font-size: 1.2em }*/ #imagepopup-overlay-container { position: absolute; top: 0px; left: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 9999; } .imagepopup-container { position: absolute; width: 100%; top: 40%; z-index: 99999; } .imagepopup-content { width: 770px; margin: 0px auto; padding: 30px; background: url("https://www.mey.com/skin/frontend/ultimo/fg_mey/css/getSkinUrl("images/imagepopup/background.png")?>") scroll 0 0 transparent; box-shadow: 0 0 30px rgb(231, 231, 231); position: relative; } .antifloat { clear: both; } .imagepopup-content h3 { text-transform: uppercase; } .imagepopup-image {} .imagepopup-text { width: 410px; position: relative; height: 512px; } .imagepopup-text h3 { text-align: center; /*font-size: 24px;*/ letter-spacing: 2px; } .imagepopup-text h4 { color: #E5007A; text-align: center; } .imagepopup-text p { text-align: center; /*font-size: 14px;*/ } .imagepopup-text .banner-5 { text-align: center; } .imagepopup-text button { width: 100%; border: 0px; /*font-size: 20px;*/ letter-spacing: 1px; padding: 20px; position: absolute; bottom: 0; background: #E5007A; color: #fff; } .imagepopup-close { position: absolute; right: 20px; top: 10px; /*font-size: 14px;*/ cursor: pointer; width: 20px; } .media-imagepopup { display: none; } @media only screen and (min-width: 1386px) { .media-imagepopup { display: block; } } .accordion-style1 li a { font-size: 1.2em; } .limiter, .sorter { font-size: 14px;} .detail-panel ul li, .desc-badge-panel, .materialcare-panel { font-size: 14px; } .footer-primary a, .top-links, .add-to-links { font-size: 14px; } .footer-container { font-size: 12px; } .catalog-category-view .loadmore { margin-bottom: 50px; } .nav_infortis { display: none; } @media screen and (min-width: 60.000em) { .nav_cms { display: block;} a.megamenu-button { border: 2px solid #9c9897; display: inline-block !important; } } #search_autocomplete { width: 780px !important; border: 1px solid #999; background: #fff; left: -780px !important; } .search-product-list { float: left; width: 69%; padding: 1rem; border-right: 1px solid #999; } ul#suggest-options { padding: 0px; margin: 0px; } ul#suggest-options li { width: 30%; float: left; background: #fff; margin: 0rem 0.5rem 0.150rem 0.5rem; } ul#suggest-options li span.thumbnail { margin-bottom: 1rem; } ul#suggest-options li div.name-price-grid-x { min-height: 75px; display: block; width: 100%; color: #000; } ul#suggest-options li span.name { display: block; width: 100%; font-size: 13px; padding: 0px; } ul#suggest-options li span.price { display: block; width: 100%; font-size: 16px; margin: 0px; } .search-product-navigation { float: right; width: 31%; padding: 1rem; } ul.suggest-product li.search-title, ul.suggest-category li.search-title { color: #000; text-transform: uppercase; font-weight: bold; } @media screen and (max-width: 767px) { .display-flex { display: grid; } #search_autocomplete { width: 235px !important; border: 1px solid #999; background: #fff; left: 0px !important; } ul#suggest-options li div.name-price-grid-x { min-height: 120px; } .search-product-navigation { order: 1; display: inline-block; width: 100%; } .search-product-list { order: 2; display: inline-block; width: 100%; border-right: 0px; padding: 0.5rem; } ul#suggest-options li { width: 46%; margin: 0.250rem; } } /* BOF HEADER */ @media screen and (min-width: 1024px) { #arUvpTopBar{ background-color:rgba(230,226,223,.5) } .arUvpItems{ display:flex; justify-content:space-between; margin-bottom:10px } .arUvpItem{ position:relative; display:inline-block; overflow:visible; vertical-align:top; cursor:default } .arUvpItem>img{ position:relative; top:-1px; vertical-align:middle; margin-right:6px; height:15px; width:15px } .arUvpItem>span{ color:#666; line-height:30px } .arCaretDown{ position:relative; top:1px; display:inline-block; width:20px; height:19px; margin-left:4px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png) -265px -110px no-repeat transparent; transform:scale(.7); opacity:.5 } .arUvpContent { display: none; position:absolute; width:300px; border:1px solid #E5E5E5; z-index:9999; margin: 0px; } .arUvpItems>li:last-child .arUvpContent{ right:0 } .arUvpItem:hover .arUvpContent{ display:block } .arUvpContentHead{ padding:18px; background-color:#F2F0EF; text-align:center } .arUvpContentHead>img{ height:35px; width:35px } .arUvpContentBody{ padding:10px; background-color:#FFF } .arUvpContentBody>p{ margin-bottom:4px; color:#3B3B3B!important; text-align:left } .arMoreInfoLink{ color:#E6007E!important } #arUvpInterstitial{ display:flex; margin:36px 0 30px 0 } .arInterstitialUvpItem{ flex-grow:1; flex-basis:0; text-align:center; margin-right:40px } .arInterstitialUvpItem:last-child{ margin-right:0 } .arInterstitialUvpIcon>img{ height:35px; width:35px } .arInterstitialUvpItem[data-ar-uvp=returns]>.arInterstitialUvpIcon>img,.arUvpItem[data-ar-uvp=returns] .arUvpContentHead>img{ height:38px; width:38px; margin-bottom:-3px } .arInterstitialUvpItem[data-ar-uvp=onaccount]>.arInterstitialUvpIcon>img,.arUvpItem[data-ar-uvp=onaccount] .arUvpContentHead>img{ height:34px; width:34px; margin-bottom:1px } .arInterstitialUvpHeadline{ margin:24px 0 6px; color:#989898; text-transform:uppercase; font-size:13px } #arUvpInterstitial a,.arInterstitialUvpText{ color:#989898 } .arExperiment_t1.arVariation_1 .block_home_shopbenefits{ display:none } #arFooterHotline>div{ line-height:16px } .arPink{ color:#E6007E!important } #arCookieBox{ position:fixed; left:-2px; bottom:30px; width:300px; padding:20px; border:1px solid #999; border-radius:3px; background-color:#FFF; opacity:.9; z-index:999999 } #arCookieBox>.arBtnEinverstanden{ padding:10px 25px; border:1px solid #E6007E; color:#E6007E; cursor:pointer } .arExperiment_t1.arVariation_1 #v-cookielaw{ display:none!important } .arInterstitialUvpIcon>img,.arUvpContentHead>img{ image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor } .arTelephone{ white-space:nowrap } #arFooterHotline a[href^=tel],#arUvpInterstitial a[href^=tel],#arUvpTopBar a[href^=tel]{ color:inherit; text-decoration:none } .arNoTel{ display:inline-block; height:0; width:0 } .arNoTel.arNoTelSpace{ width:4px } } @media screen and (max-width: 1023px) { .show-in-large { display: none !important; } .arUvpContent { position: unset !important; margin: 0px auto !important; } .arUvpItems{ display: block !important; } .arUvpItem { position: unset !important; display: block !important; } } /* EOF HEADER */ /* BOF FOOTER */ #arUvpTopBar{ background-color:rgba(230,226,223,.5) } .arUvpItems{ display:flex; justify-content:space-between; margin-bottom:10px } .arUvpItem{ position:relative; display:inline-block; overflow:visible; vertical-align:top; cursor:default } .arUvpItem>img{ position:relative; top:-1px; vertical-align:middle; margin-right:6px; height:15px; width:15px } .arUvpItem>span{ color:#666; line-height:30px } .arCaretDown{ position:relative; top:1px; display:inline-block; width:20px; height:19px; margin-left:4px; background:url(https://www.mey.com/skin/frontend/ultimo/fg_mey/images/sprite.png) -265px -110px no-repeat transparent; transform:scale(.7); opacity:.5 } .arUvpContent{ display:none; position:absolute; width:300px; border:1px solid #E5E5E5; z-index:9999 } .arUvpItems>li:last-child .arUvpContent{ right:0 } .arUvpItem:hover .arUvpContent{ display:block } .arUvpContentHead{ padding:18px; background-color:#F2F0EF; text-align:center } .arUvpContentHead>img{ height:35px; width:35px } .arUvpContentBody{ padding:10px; background-color:#FFF } .arUvpContentBody>p{ margin-bottom:4px; color:#3B3B3B!important } .arMoreInfoLink{ color:#E6007E!important } #arUvpInterstitial{ display:flex; margin:36px 0 30px 0 } .arInterstitialUvpItem{ flex-grow:1; flex-basis:0; text-align:center; margin-right:40px } .arInterstitialUvpItem:last-child{ margin-right:0 } .arInterstitialUvpIcon>img{ height:35px; width:35px } .arInterstitialUvpItem[data-ar-uvp=returns]>.arInterstitialUvpIcon>img,.arUvpItem[data-ar-uvp=returns] .arUvpContentHead>img{ height:38px; width:38px; margin-bottom:-3px } .arInterstitialUvpItem[data-ar-uvp=onaccount]>.arInterstitialUvpIcon>img,.arUvpItem[data-ar-uvp=onaccount] .arUvpContentHead>img{ height:34px; width:34px; margin-bottom:1px } .arInterstitialUvpHeadline{ margin:24px 0 6px; color:#989898; text-transform:uppercase; font-size:13px } #arUvpInterstitial a,.arInterstitialUvpText{ color:#989898 } .arExperiment_t1.arVariation_1 .block_home_shopbenefits{ display:none } #arFooterHotline>div{ line-height:16px } .arPink{ color:#E6007E!important } #arCookieBox{ position:fixed; left:-2px; bottom:30px; width:300px; padding:20px; border:1px solid #999; border-radius:3px; background-color:#FFF; opacity:.9; z-index:999999 } #arCookieBox>.arBtnEinverstanden{ padding:10px 25px; border:1px solid #E6007E; color:#E6007E; cursor:pointer } .arExperiment_t1.arVariation_1 #v-cookielaw{ display:none!important } .arInterstitialUvpIcon>img,.arUvpContentHead>img{ image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:crisp-edges; -ms-interpolation-mode:nearest-neighbor } .arTelephone{ white-space:nowrap } #arFooterHotline a[href^=tel],#arUvpInterstitial a[href^=tel],#arUvpTopBar a[href^=tel]{ color:inherit; text-decoration:none } .arNoTel{ display:inline-block; height:0; width:0 } .arNoTel.arNoTelSpace{ width:4px } @media all and (max-width: 768px) { #ab-test-footer { display: none; } } /* EOF FOOTER */ /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } div.price-slider { background: url("https://www.mey.com/skin/frontend/base/default/images/price_slider/bkg_slider.png") repeat-x scroll 0 0 transparent; height: 17px; } div.price-slider .filter-handle { height: 17px; width: 10px; cursor: e-resize; display: block; } div.price-slider .price-slider-from { background: url("https://www.mey.com/skin/frontend/base/default/images/price_slider/slider.png") no-repeat scroll 0 0 transparent; } div.price-slider .price-slider-to { background: url("https://www.mey.com/skin/frontend/base/default/images/price_slider/slider.png") no-repeat scroll -26px 0 transparent; cursor: w-resize; margin-top: -17px; }