.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchautocomplete { position: absolute; top: 28px; left: 225px; height: 38px; width: 425px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; display: block; } .searchautocomplete .sprite { background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/sprite.png'); } .searchautocomplete > label { float: left; margin-right: 10px; color: #333; font-weight: bold; margin-top: 8px; display: none; } .searchautocomplete .nav { background: #fff; float: left; height: 38px; position: relative; width: 425px; border-radius: 19px; } .searchautocomplete .nav .nav-search-in { position: absolute; top: 0px; left: 0px; z-index: 15; } .searchautocomplete .nav .nav-search-in .category { opacity: 0; filter: alpha(opacity=0); background: #fff; border: 1px solid #fff; color: #222; cursor: pointer; height: 38px; left: 5px; margin: 0; outline: 0; padding: 0; position: absolute; top: 0px; visibility: visible; width: auto; } .searchautocomplete .nav .nav-search-in .category-fake { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); color: #fff; cursor: pointer; float: left; font-size: 14px; height: 38px; line-height: 37px; margin: 0px 0px 0px 0px; padding: 0px 35px 0px 15px; text-align: left; white-space: nowrap; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .searchautocomplete .nav .nav-search-in .nav-down-arrow { width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #ffffff transparent transparent transparent; display: block; right: 17px; top: 17px; position: absolute; } .searchautocomplete .nav .nav-search-in:hover .category-fake { opacity: 0.8; } .searchautocomplete .nav .nav-search-in:hover .nav-down-arrow { } .searchautocomplete .nav .nav-input { *zoom: 1; margin: 7px 0px 0px 25px; padding: 0px 5px 0px 5px; z-index: 12; position: relative; } .searchautocomplete .nav .nav-input:before, .searchautocomplete .nav .nav-input:after { display: table; content: ""; line-height: 0; } .searchautocomplete .nav .nav-input:after { clear: both; } .searchautocomplete .nav .nav-input input { z-index: 10; padding: 0px; height: 23px; border: 0px; font-family: inherit; font-size: 14px; background: transparent; color: #aaa; outline: 0px; margin-left: 5px; width: 100%; } .searchautocomplete .nav .nav-input input::-webkit-input-placeholder { color: #aaa; } .searchautocomplete .nav .nav-input input:-moz-placeholder { /* Firefox 18- */ color: #aaa; } .searchautocomplete .nav .nav-input input::-moz-placeholder { /* Firefox 19+ */ color: #aaa; } .searchautocomplete .nav .nav-input input:-ms-input-placeholder { color: #aaa; } .searchautocomplete .nav .nav-input input.suggest { display: none; color: #999; z-index: 9; } .searchautocomplete .nav-submit-button { background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); float: left; position: absolute; top: 0; right: 0; z-index: 50; width: 38px; height: 38px; border-radius: 19px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .searchautocomplete .nav-submit-button .button { width: 38px; height: 38px; margin: 0px; padding: 0; cursor: pointer; font-weight: 500; color: #fff; line-height: 37px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; z-index: 14; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .searchautocomplete .nav-submit-button:hover { opacity: 0.8; } .searchautocomplete .nav-submit-button .button .icon-svg{ margin: 0 0 0 10px; fill: #fff; } .searchautocomplete .searchautocomplete-placeholder { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; background: #fff; border: 1px solid #ccc; padding-top: 15px; position: absolute; right: 2px; top: 38px; width: 425px; z-index: 102; } .searchautocomplete .searchautocomplete-placeholder:before { border-color: transparent transparent #7ae265 transparent; content: ""; position: absolute; border-style: solid; border-width: 5px; height: 0; width: 0; top: -10px; left: 50%; } .searchautocomplete .searchautocomplete-placeholder ul { list-style: none; padding: 0; margin: 0px 0px 20px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li { *zoom: 1; text-align: left; padding: 5px 5px; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .searchautocomplete .searchautocomplete-placeholder ul li:before, .searchautocomplete .searchautocomplete-placeholder ul li:after { display: table; content: ""; line-height: 0; } .searchautocomplete .searchautocomplete-placeholder ul li:after { clear: both; } .searchautocomplete .searchautocomplete-placeholder ul li a { text-decoration: none; color: #222; margin-top: 7px; margin-bottom: 10px; width: 300px; float: left; } .searchautocomplete .searchautocomplete-placeholder ul li.categoryResult { float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li.categoryResult a { float: left; width: 100%; padding: 7px 0px 7px 12px; margin: 0px 0px 0px 0px; box-sizing:border-box; } .searchautocomplete .searchautocomplete-placeholder ul li a .pull-right { float: right; } .searchautocomplete .searchautocomplete-placeholder ul li:hover { background-color: #f9f7f7; cursor: pointer; } .searchautocomplete .searchautocomplete-placeholder ul li.active a { text-decoration: none; } .searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image { float: left; margin: 7px 10px 3px 0px; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box { font-weight: bold; font-size: 13px; color: #5bbd47; float: right; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label, .searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label { display: none; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label { font-weight: normal; color: #999; } .searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price { font-size: 0.9em; color: #999; } .searchautocomplete .searchautocomplete-placeholder .index-title { text-align: right; color: #666; font-weight: bold; border-bottom: 1px solid #CCC; padding: 2px 5px; } .searchautocomplete .searchautocomplete-placeholder .index-title span { color: #666; font-weight: normal; font-size: 0.9em; } .searchautocomplete .searchautocomplete-placeholder .all { text-align: right; float: left; width: 100%; padding: 20px 10px 10px 10px; box-sizing:border-box; } .searchautocomplete .searchautocomplete-placeholder .all a { color: #5bbd47; border-bottom: 1px solid #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .searchautocomplete .searchautocomplete-placeholder .all a:hover { border-bottom: 1px solid #5bbd47; } .searchautocomplete .searchautocomplete-loader { position: absolute; top: 11px; right: 10px; width: 16px; height: 16px; background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/loader.gif'); } .searchautocomplete-widget { position: relative; top: auto; left: auto; bottom: auto; right: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .searchindex-results { *zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3; } .searchindex-results:before, .searchindex-results:after { display: table; content: ""; line-height: 0; } .searchindex-results:after { clear: both; } .searchindex-results li { margin-bottom: -1px; float: left; *zoom: 1; margin: 0px 2px; } .searchindex-results li:before, .searchindex-results li:after { display: table; content: ""; line-height: 0; } .searchindex-results li:after { clear: both; } .searchindex-results li a { font-size: 12px; font-weight: bold; color: #333; display: block; cursor: pointer; padding: 2px 5px 1px 5px; line-height: 20px; border: 1px solid transparent; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-decoration: none; } .searchindex-results li a:hover { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-results li a span { font-weight: normal; font-size: 0.9em; } .searchindex-results li.active a { background-color: #f1f1f1; background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); background-image: -o-linear-gradient(top, #e8e8e8, #ffffff); background-image: linear-gradient(to bottom, #e8e8e8, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0); cursor: default; border: 1px solid #a0b3c3; border-bottom: none; } .searchindex-result li { padding: 5px; } .searchindex-result li .title a { font-weight: bold; color: #203548; font-size: 13px; } .searchindex-result.searchindex-result-category { margin-bottom: 20px; } .searchindex-result.searchindex-result-category li { padding: 1px 0px; } .searchindex-result.searchindex-result-category li a { font-weight: bold; color: #203548; } /** * Copyright 2016 The Valdecode Cookie Law Compliance Authors. All rights reserved. * Use of this source code is governed by a MIT-style * license that can be found in the LICENSE.txt file. */ #v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; } #v-cookielaw .v-message { padding: 5px 10px; text-align: left; } #v-cookielaw .v-actions { } #v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; } #v-cookielaw .v-button.v-accept:before { content: "\2714"; } #v-cookielaw .v-button:hover, #v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw .v-button:active { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } #v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; } #v-cookielaw.v-bar .v-message { display: table-cell; } #v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; } #v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; } #v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; } #v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-box.v-top-left { top: 0; left: 0; } #v-cookielaw.v-box.v-top-right { top: 0; right: 0; } #v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; } #v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; } /* 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; } } /* Skin - Yellow Alert */ #v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; } /* Skin - Dark Clean */ #v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; } #v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); } /* Skin - Minimalist */ #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; } #v-cookielaw.v-bar.v-minimalist { padding: 2px 0; } #v-cookielaw.v-box.v-minimalist { width: 260px; } #v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; } #v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; } #v-cookielaw.v-minimalist .v-button { padding: 3px 6px; } @charset "utf-8"; /* CSS Document Author: Veselin Trifonov as developer @ www.stenikgroup.com */ body { float: left; width: 100%; height: auto; direction: ltr; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; margin: 0px; padding: 0px; color: #222; background: #fff; overflow-x: hidden; } @media only screen and (min-width: 0px) and (max-width: 1025px) { body {overflow-x:visible;} } /* Stenik default style helpers */ ol { padding:0; margin:5px 0 10px 20px; } ol li { padding:0; margin:0; } ul { margin: 0; padding: 0; } ul li { list-style: none; padding:0; margin:0; } p { padding:0; margin:0; } iframe { border-width: 0px; } a { outline:none; } a img { border:0; } .clear { clear:both; } .clearH { clear:both; height:10px; } .clearH2 { clear:both; height:20px; } .clearH3 { clear:both; height:30px; } .clearH4 { clear:both; height:40px; } .radiusL { border-radius: 0px 0px 0px 5px; -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; } .radiusR { border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; } .decNone { text-decoration:none; } .noBgr { background:none!important; } .left { float:left; } .right { float:right; } .noBorder { border: none!important; } .noBorderB { border-bottom:none !important; } .noBorderT { border-top:none !important; } .noBorderL { border-left:none !important; } .noBorderR { border-right:none !important; } .noMarginR {margin-right:0 !important; } .noMarginL {margin-left:0 !important; } .noMarginB { margin-bottom:0 !important; } .noMarginT { margin-top:0 !important; } .noMargin { margin:0 !important; } .noPaddingL { padding-left:0 !important; } .noPaddingR { padding-left:0 !important; } .noPaddingB { padding-bottom:0 !important; } .noPaddingT { padding-top:0 !important; } .noOverflow { overflow:hidden; } .noOverflowX { overflow-x:hidden; } /* End of Stenik default style helpers */ /* SVG Glob Sizes *******************/ .icon-svg { float: left; padding: 0px; pointer-events: none; } .icon-svg.searchIcon { width: 19px; height: 18px; } .icon-svg.userIcon { width: 27px; height: 30px; } .icon-svg.shoppingCartIcon { width: 29px; height: 29px; } .icon-svg.shoppingCartBtnIcon { width: 21px; height: 20px; } .icon-svg.returnsIcon { width: 42px; height: 42px; } .icon-svg.creditsIcon { width: 40px; height: 38px; } .icon-svg.stenikIcon { width: 79px; height: 24px; } .icon-svg.arrowUpIcon { width: 10px; height: 16px; } .icon-svg.arrow-downIcon { width: 10px; height: 16px; } .icon-svg.checkIcon { width: 16px; height: 11px; } .icon-svg.closeIcon { width: 22px; height: 20px; } .icon-svg.facebookIcon { width: 35px; height: 34px; } .icon-svg.gplusIcon { width: 35px; height: 34px; } .icon-svg.twitterIcon { width: 35px; height: 34px; } .icon-svg.instaIcon { width: 35px; height: 34px; } .icon-svg.logoutIcon { width: 16px; height: 16px; } .icon-svg.infoTooltipIcon { width: 19px; height: 18px; } /*START SITE*/ .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-collateral:after, .product-view .product-img-box .more-views ul: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 { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .globalContainer { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; position: relative; z-index: 10; background-color: #fff; } .wrapper { width: 980px; height: auto; margin: 0 auto; position: relative; z-index: 15; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .whiteContent { float: left; width: 980px; height: auto; padding: 0px 20px 0px 20px; margin: 0px; background: #fff; } header { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px; position: relative; } header .headerTop { float: left; width: 100%; height: 100px; padding: 0px; margin: 0px 0px 0px 0px; background: #eee; position: fixed; z-index: 1000; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); } header .headerTop.loadChange{ z-index: 200; } header .headerTop h1 { float: left; width: auto; line-height: 15px; padding: 0px; margin: 5px 10px 0px 0px; font-size: 12px; color: #fff; text-decoration: none; } header .headerTop span.headerTitle { float: left; width: auto; line-height: 15px; padding: 0px; margin: 5px 10px 0px 0px; font-size: 12px; color: #fff; text-decoration: none; } header .headerTop .headerTopHodler { float: left; width: 980px; margin:0px 0px 0px 0px; } header .headerTop .rightProfile { float: right; width: 220px; margin: 6px 0px 0px 0px; font-size: 14px; line-height: 16px; } header .headerTop .rightProfile .myProfile { float: left; width: auto; } header .headerTop .rightProfile .profileName { width: 220px; text-decoration: none; padding: 0px 8px 0px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .headerTop .rightProfile .profileOptions { float: right; width: auto; margin: 0px 0px 0px 5px; position: relative; } header .headerTop .rightProfile .profileOptions .icon-svg{ fill: #5bbd47; } header .headerTop .rightProfile .profileOptions span { float: left; width: auto; margin: 7px 5px 0px 0px; padding: 0px 5px 0px 5px; border-right: 1px solid #555; line-height: 16px; color: #555; } header .headerTop .rightProfile .profileOptions span.customerMsg{ position: absolute; top: -30px; right: 0; border: none; width: 300px; text-align: right; padding: 0; } header .headerTop .rightProfile .profileOptions span.last { padding: 0px; border:none; } header .headerTop .rightProfile .profileOptions span a { display: block; color: #555; text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .headerTop .rightProfile .profileOptions span a:hover { border-bottom: 1px solid #555; } header .headerMain { float: left; width: 980px; margin: 0px 0px 0px 0px; padding: 26px 0 30px 0px; } header .headerMain .logo { float: left; width: 194px; height: 42px; } header .headerMain .search { float: left; margin: 5px 0px 0px 20px; position: relative; width: 478px; height: 30px; padding: 0px; } header .search form { float: left; width: 478px; height: 30px; padding: 0px; margin: 0px; position: relative; } header .search input.text { float: left; width: 416px; height: 20px; line-height: 24px; padding: 5px 42px 5px 10px; margin: 2px 0px 0px 0px ; border: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 13px; color: #222; text-decoration: none; outline: none; background: #fff; border: 1px solid #373737; position: relative; box-shadow: 0px 1px 5px 0px #a4a4a4 inset; z-index: 10; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .search:hover input.text { border: 1px solid #003c6b; } header .search input.text:focus { border: 1px solid #003c6b; background: #fff;} header .search button.searchSubmit { float: left; width: 36px; height: 30px; padding: 0px; margin: 2px 0px 0px 0px; border: none; border-radius: 0px 6px 6px 0px; -moz-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; cursor: pointer; outline: none; position: absolute; right: 8px; top: 1px; outline: none; z-index: 20; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .search button.searchSubmit:hover { } header .search button.searchSubmit .searchBtn { float: left; width: 17px; height: 17px; margin-left: 10px; } header .headerCart { float: right; width: auto; height: 40px; cursor: pointer; padding: 0; margin: 8px 0px 0px 5px; position: relative; z-index: 500; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .headerCart:hover { height: 40px; } header .headerCart:hover .headerCartTop{ color: #5bbd47; } header .headerCartNoHover { float: right; width: auto; height: 26px; padding: 4px 8px 0px 12px; margin: 8px 0px 0px 4px; position: relative; z-index: 500; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .headerCartNoHover .headerCartTop, header .headerCart .headerCartTop { float: left; width: auto; height: auto; line-height: 20px; padding: 0; margin: 0px; font-size: 14px; line-height: 29px; color: #555; text-decoration: none; position: relative; z-index: 20; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .headerCartNoHover .headerCartTop .icon-svg, header .headerCart .headerCartTop .icon-svg { fill: #5bbd47; } header .headerCartNoHover .headerCartTop .headerCartNotification, header .headerCart .headerCartTop .headerCartNotification { float: left; position: relative; margin: 0 14px 0 0; } header .headerCartNoHover .headerCartTop .headerCartNotification .headerCartQty, header .headerCart .headerCartTop .headerCartNotification .headerCartQty{ text-align: center; display: block; float: left; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: -10px; right: -10px; width: 22px; height: 22px; font-size: 11px; font-weight: 700; line-height: 21px; background: #5bbd47; } header .bottomHeader { float: left; width: 100%; margin: 135px 0px 30px 0px; } header .bottomHeader .bigBlockHolder div { float: left; width: 230px; margin: 0px 20px 0px 0px; font-weight: 700; min-height: 40px; } header .bottomHeader .bigBlockHolder div.last { margin-right: 0px; background: none; } header .bottomHeader .bigBlockHolder div a { float: left; width: 100%; box-sizing: border-box; padding: 0px 0px 0px 20px; font-size: 14px; line-height: 18px; color: #222; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .bottomHeader .bigBlockHolder div:nth-child(1) a { padding: 0; } header .bottomHeader .bigBlockHolder div:nth-child(3) a { padding: 0 0 0 40px; } header .bottomHeader .bigBlockHolder div.last a{ padding: 0 0 0 40px; } header .bottomHeader .bigBlockHolder div a:hover { opacity: 0.7; } header .bottomHeader .bigBlockHolder div a img { float: left; margin: 0px 18px 0px 0px; } header .bottomHeader .bigBlockHolder div a strong { display: block; padding: 0px 0px 0px 0px; font-weight: 700; } header .headerCart .headerCartSub { float: left; width: 374px; height: auto; padding: 0px 20px 0px 20px; margin: 0px 0px 0px 0px; background: #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; position: absolute; right: -1px; top: 40px; z-index: 230; box-shadow: 0px 7px 7px -7px #c7c7c7; display: none; } header .headerCart .headerCartSub .headerSubCartContent { float: left; width: 100%; } header .headerCart .headerCartSub .headerSubCartContent .subCartItem { float: left; width: 100%; } header .headerCart .headerCartSub .headerSubCartContent .subCartItem .cartItemTitle { float: left; width: 300px; font-size: 13px; color: #222; font-weight: 700; line-height: 25px; margin: 10px 0px 0px 0px; } header .headerCart .headerCartSub .headerSubCartContent .subCartItem .option { float: left; width: auto; } header .headerCart .headerCartSub .headerSubCartContent .subCartItem .option strong { display: block; width: 95px; word-break:break-all; } header .headerCart .headerCartSub .headerSubCartContent .subCartItem .option .amoutBox { float: left; width: 75px; height: 25px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; position: relative; } header .rightCart { float: right; width: 205px; } header .amountBox { float: left; width: 79px; height: 20px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; position: relative; } .amountBox .qtyNumber { float: left; width: 25px; height: 18px; line-height: 18px; margin-left: 26px; text-align: center; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } header .amountBox input.amount { float: left; width: 27px; height: 14px; line-height: 14px; padding: 2px 0px 2px 0px; margin: 0px 2px 0px 25px; border: 1px solid #eee; border-left: none; border-right: none; background: #fff; font-size: 12px; color: #000; text-decoration: none; text-align: center; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .amountBox .ui-spinner-up { float: left; width: 20px; height: 18px; padding: 0px; margin: 0px; cursor: pointer; background: #5bbd47 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/plus.png) no-repeat center center; border: 1px solid #eee; border-radius: 9px 0px 0px 9px; position: absolute; right: 2px; top: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .amountBox .ui-spinner-down { float: left; width: 24px; height: 18px; padding: 0px; margin: 0px; border: 1px solid #eee; border-radius: 9px 0px 0px 9px ; background: #5bbd47 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/minus.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .amountBox .ui-spinner-down:hover { opacity: 0.8; } header .amountBox .ui-spinner-down span.ui-icon { visibility: hidden;} header .amountBox .ui-spinner-up span.ui-icon {visibility: hidden; } header .amountBox .ui-spinner-up { float: left; width: 24px; height: 18px; padding: 0px; margin: 0px; cursor: pointer; background: #5bbd47 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/plus.png) no-repeat center center; border: 1px solid #c7c7c7; border-radius: 0px 9px 9px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .amountBox .ui-spinner-up:hover { opacity: 0.8; } header .amountBox .ui-spinner-up span.plus { float: left; width: 100%; height: 100%; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/plus.png) no-repeat center center; } header .amountBox .ui-spinner-down span.minus{ float: left; width: 100%; height: 100%; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/minus.png) no-repeat center center; } header .amountBox .loader { width: 30px; height: 26px; padding: 0px; margin: 0px 0px 0px -15px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/loader.gif) no-repeat left top; position: absolute; left: 50%; top: -34px; z-index: 20; } header .headerSubCartContent ul{ float: left; width: 100%; } header .headerSubCartContent ul li { float: left; width: 100%; height: auto; border-bottom: 1px solid #c7c7c7; } header .headerSubCartContent ul li.last { border-bottom: 1px solid #e5e5e5; } header .subCartItem img { float: left; width: 61px ; height: 61px; margin: 10px 10px 0px 0px; } header .subCartItem .deleteItem { float: left; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/amountBG.jpg); width: 22px; height: 18px; margin: 0px 0px 0px 5px; border: 1px solid #eee; border-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .subCartItem .deleteItem:hover { border: 1px solid #7e7e7e; } header .subCartItem .deleteItem .deleteIcon { float: left; width: 22px; height: 18px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/removeItem.png) no-repeat center center; } header .subCartItem .price-box { float: right; width: auto; margin: 0px 0px 0px 5px; color: #5bbd47; font-size: 14px; font-weight: 700; } header .subCartBottomBox { float: left; width: 374px; background: #eee; padding: 0px 20px 20px 20px; margin: 0px 0px 0px -20px; border-radius: 0px 0px 20px 20px; } header .subCartBottomBox .totalHeaderPrice { float: left; width: 100%; text-align: right; margin: 20px 0px 0px 0px; color: #5bbd47; font-weight: 700; font-size: 16px; } header .subCartBottomBox .rightVat { float: right; width: auto; font-size: 14px; line-height: 22px; } header .subCartBottomBox .priceToFreeShipping { float: left; width: 100%; text-align: right; color: #373737; font-size: 14px; margin: 0px 0px 10px 0px; } header .subCartBottomBox .freeShipping { float: left; width: 100%; text-align: right; color: #dc2c33; font-size: 14px; margin: 0px 0px 10px 0px; } header .subCartBottomBox .goToCartBtn { float: left; width: 182px; line-height: 36px; color: #fff; font-size: 14px; text-decoration: none; text-align: center; border-radius: 18px; background: rgb(85,85,85); background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(85,85,85,1) 0%,rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#cccccc',GradientType=0 ); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header .subCartBottomBox .goToCartBtn:hover { opacity: 0.8; } header .subCartBottomBox .buyBtn { float: right; position: relative; width: 182px; margin: 0px 0px 0px 0px; line-height: 36px; color: #fff; font-size: 14px; text-decoration: none; background: rgb(95,191,75); /* Old browsers */ background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); border-radius: 20px; 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; } header .subCartBottomBox .buyBtn:hover { opacity: 0.8; } header .subCartBottomBox .buyBtn .icon-svg{ fill: #fff; margin: 0px 5px -5px 0px; float: none; display: inline-block; } header .subCartBottomBox .buyBtn .cartBuyIcon { float: left; width: 100%; padding: 0px 0px 0px 20px; } #main { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; position: relative; z-index: 200; } #main .mainContent { float: left; width: 100%; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; height: auto; min-height: 150px; } #main.col2-right-layout .mainContent { float: left; width: 728px; height: auto; min-height: 150px; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main.col2-left-layout .mainContent{ float: right; width: 728px; height: auto; min-height: 150px; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main.col3-layout .mainContent { float: left; width: 478px; margin: 0px 0px 0px 20px; } #main.col3-layout .mainContent .productBox { height: 330px; width: 476px; margin: 0px 0px 0px 0px; } #main.col3-layout .mainContent .productBox:hover { border: 1px solid #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #main.col3-layout .mainContent .productBox h1 { margin: 0px 0px 5px 0px; box-shadow: 0px 0px 0px 0px; } #main.col3-layout .mainContent .imgHolder { width: 229px; height: 229px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main.col3-layout .mainContent .imgHolder:hover { opacity: 0.8; } #main.col3-layout .mainContent .imgHolder img { width: 229px; height: 229px; } #main.col3-layout .mainContent .priceHolder { float: left; margin: 20px 0px 0px 20px; width: 199px; } #main.col3-layout .mainContent .priceHolder .price { float: left; font-size: 26px; font-weight: 700; padding: 0px 0px 0px 0px; } #main.col3-layout .mainContent .priceHolder .old-price .price { font-size: 16px; float: left; margin-right: 5px; } #main.col3-layout .mainContent .priceHolder .priceDescript { float: left; width: 100%; margin: 8px 0px 0px 0px; } #main.col3-layout .mainContent .productBox .price-box { float: left; width: 100%; margin: 0px 0px 0px 0px; } #main.col3-layout .mainContent .productBox .price-box .regular-price { float: left; } #main.col3-layout .mainContent .productBox .status { float: left; width: 100%; margin: 10px 0px 0px 0px; font-size: 13px; color: #666; } #main.col3-layout .mainContent .productBox .status strong { color: #222; } #main.col3-layout .mainContent .productBox .buttonHolder { float: left; width: 100%; margin: 30px 0px 0px 0px; } #main.col3-layout .mainContent .productBox .buttonHolder .addToCart { width: 150px; height: 35px; line-height: 35px; margin: 20px 0px 0px 0px; position: relative; padding: 0px 0px 0px 30px; } #main.col3-layout .mainContent .productBox .buttonHolder .addToCart .buyCart { margin: 0px 0px 0px 10px; position: absolute; top: 4px; left: 8px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } #main.col3-layout .mainContent .productBox .buttonHolder .addToCart:hover .buyCart { top:6px; left: 10px; } #main.col3-layout .mainContent h1, #main.col2-left-layout .mainContent h1 { width: 728px; color: #222; box-sizing: border-box; padding: 0; margin: 0px 0px 20px 0px; } #main .mainContent h1 { float: left; width: 100%; height: auto; margin: -7px 0px 7px 0px; padding: 7px 0px 7px 0px; font-size: 30px; line-height: 36px; color: #222; font-weight: 700; text-decoration: none; } #main .mainContent { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #main.col3-layout .mainContent h1 { float: left; width: 468px; height: auto; padding: 0px 0px 0px 10px; margin: 0px 0px 20px 0px; font-size: 30px; line-height: 36px; color: #222; font-weight: 700; text-decoration: none; } #main .mainContent .homePageInfo { float: left; width: 100%; } #main .mainContent .textPage { float: left; width: 100%; } #main .mainContent .textPage a{ text-decoration: none; color: #5bbd47; border-bottom: 1px solid #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .textPage a:hover { border-bottom: 1px solid #5bbd47; } #main .mainContent .brandHolder { float: left; width: 100%; } #main .mainContent .brandHolder a { float: left; width: auto; margin: 0px 9px 0px 0px; opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .brandHolder a:hover { opacity: 0.7; } #main .mainContent .brandHolder h3 { float: left; width: 718px; font-size: 18px; color: #222; text-transform: none; height: 38px; line-height: 20px; padding: 0px 0px 0px 10px; margin: 0px 0px 15px 0px; } #main .mainContent .brandHolder .brandBox { float: left; width: 95px; height: 62px; border-bottom: 2px solid #eee; margin: 0px 10px 0px 0px; } #main .mainContent .brandHolder .brandBox.last { margin: 0px 0px 0px 0px; } #main .mainContent .brandHolder .brandBox a { float: left; width: 95px; height: 51px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .brandHolder .brandBox a:hover {opacity: 0.7;} #main .mainContent .brandHolder .brandBox img { float: left; width: 95px; height: 51px; } #main .mainContent .bannerHolder { float: left; width: 750px; margin: 30px 0px 0px 0px; } #main .mainContent .bannerHolder .textPage img {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} #main .mainContent .bannerHolder .textPage img:hover {opacity: 0.7;} #main .mainContent .bannerHolder .textPage a{border: none; width: 228px;height: 115px; margin-right: 20px;} #main .mainContent .bannerHolder .textPage a:hover {border:none;} #main #homeMainSlider {width: 728px;} #main .mainContent .titleBrandImg { float: right; width: 164px; height: 72px; margin: -70px 0px 0px 0px; background: #fff; } #main .mainContent .titleBrandImg img { float: right; width: 134px; height: 72px; } #main .mainContent .filterSearch { float: left; width: 100%; position: relative; } #main .mainContent .filterSearch .filterSeachInput { float: left; width: 634px; height: 38px; padding: 0px 70px 0px 20px; font-size: 14px; line-height: 18px; color: #222; outline: none; border-radius: 19px; border: 1px solid transparent; background: #eeeeee; } #main .mainContent .filterSearch .filterSeachInput { } #main .mainContent .filterSearch .filterSeachInput::-webkit-input-placeholder { color: #aaa; } #main .mainContent .filterSearch .filterSeachInput::-moz-placeholder { color: #aaa; } #main .mainContent .filterSearch .filterSeachInput:-ms-input-placeholder { color: #aaa; } #main .mainContent .filterSearch .filterSeachInput:-moz-placeholder { color: #aaa; } #main .mainContent .filterSearch .fillterSearch { width: 38px; height: 38px; border:none; border-radius: 19px; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); outline: none; position: absolute; right: 0; top: 0; text-align: center; padding: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .filterSearch .fillterSearch .icon-svg{ fill: #fff; margin: 0px 0 0 10px;} #main .mainContent .filterSearch .fillterSearch:hover { } #main .mainContent .filterSearch .fillterSearch .searchBtn { float: left; width: 100%; height: 100%; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/bigSearch.png) no-repeat center center; } /*start categoryListing*/ #main .mainContent .categoryListing { float: left; width: 668px; background: #eee; margin: 30px 0px 0px 0px; padding: 20px 30px; } #main .mainContent .categoryListing .categoryRow { float: left; width: auto; border-bottom: 1px solid #eee; margin: 20px 0px 10px 0px; padding: 0px 0px 30px 0px; } #main .mainContent .categoryListing .categoryRow ul.fillterListing { float: left; width: 145px; padding: 0px 20px 0px 0px; } #main .mainContent .categoryListing .categoryRow ul.lastCat { padding-right: 0px; } #main .mainContent .categoryListing .categoryRow ul li { float: left; width: 100%; } #main .mainContent .categoryListing .categoryRow ul li a { float: left; width: auto; font-size: 13px; color: #222; text-decoration: none; margin: 0px 0px 4px 0px; border-bottom: 1px solid transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .categoryListing .categoryRow ul li a:hover { color: rgb(95,191,75); } #main .mainContent .categoryListing .categoryRow ul li.mainCat a { color: #5bbd47; font-size: 14px; font-weight: 700; margin: 0px 0px 12px 0px; } #main .mainContent .categoryListing .categoryRow ul li.mainCat a:hover { color: #222; } #main .mainContent .categoryListing .categoryRow ul li.viewAll a { color: #5bbd47; padding: 0px 14px 0px 0px; margin: 5px 0px 0px 0px; position: relative; } #main .mainContent .categoryListing .categoryRow ul li.viewAll a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #5bbd47; position: absolute; top: 7px; right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .categoryListing .categoryRow ul li.viewAll a:hover { padding-right: 16px; color: #222; } #main .mainContent .categoryListing .categoryRow ul li.viewAll a:hover:before { border-color: transparent transparent transparent #222; } #main .mainContent .categoryListing p.categoryText { float: left; width: auto; font-size: 14px; font-weight: 700; color: #222; margin: 0px 2px 0px 0px; } #main .mainContent .categoryListing hr { background: #eee; border: none; height: 1px; margin: 12px 0px 8px 25px; } #main .mainContent .categoryListing .categoryCol { float: left; width: 145px; padding: 0px 20px 0px 0px; } #main .mainContent .categoryListing .lastCategoruRow { margin-bottom: 0px; padding-bottom: 0px; border:none; } #main .mainContent .categoryListing .filterBox { float: left; width: 150px; padding: 0px 20px 0px 0px; cursor: pointer; } #main .mainContent .categoryListing .openfilterTitle { float: left; width: auto; } #main .mainContent .categoryListing .openfilterTitle a{ float: left; width: auto; font-size: 14px; color: #5bbd47; font-weight: 700; margin: 0px 0px 10px 0px; border-bottom: 2px solid #eee; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .categoryListing .openfilterTitle a:hover { border-bottom: 2px solid #5bbd47; } #main .mainContent .categoryListing .filterOptions { float: left; width: 100%; position: relative; border-radius: 0px 5px 5px 0px; } #main .mainContent .categoryListing .filterOptions .openOption { float: left; width: 100px; height: 26px; font-size: 13px; line-height: 26px; border-radius: 5px; padding: 0px 40px 0px 5px; border:2px solid #222; background: #fff; } #main .mainContent .categoryListing .filterOptions .btnFilterScroll{ float: left; width: 30px; height: 30px; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); position: absolute; top: 0px; right: 0px; border-radius: 0px 15px 15px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .categoryListing .filterOptions .btnFilterScroll:hover { opacity: 0.8; } #main .mainContent .categoryListing .filterOptions .btnFilterScroll .filterArrow { float: left; width: 30px; height: 30px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/downArrowFilter.png)no-repeat center center; } #main .mainContent .categoryListing .filterOptions .subOptions { float: left; width: 138px; border: 1px solid #aaaaaa; padding: 10px 0px 10px 10px; border-radius: 3px; max-height: 160px; overflow-y:scroll; background: #fff; position: absolute; top: 30px; } #main .mainContent .categoryListing .filterOptions .subOptions li {float: left;width: 100%;} #main .mainContent .categoryListing .filterOptions .subOptions li a { float: left; width: auto; color: #5bbd47; font-size: 12px; border-bottom: 1px solid #fff; } #main .mainContent .categoryListing .filterOptions .subOptions li a:hover {border-bottom: 1px solid #5bbd47;} #main .mainContent .categoryListing .filterBox .closeFilter { float: left; width: auto; color: #5bbd47; padding: 0px 10px 0px 0px; margin: 10px 0px 0px 0px; position: relative; text-decoration:none; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .categoryListing .filterBox .closeFilter:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #5bbd47; position: absolute; top: 7px; right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .categoryListing .filterBox .closeFilter:hover {padding-right: 12px; border-bottom: 1px solid #5bbd47} #main .mainContent .categoryTextInfo { float: left; width: 100%; } #main .mainContent .categoryTextInfo hr { border: none; margin: 0; height: 1px; background: #bcbcbc; } #main .mainContent .categoryTextInfo h1, #main .mainContent .categoryTextInfo h2, #main .mainContent .categoryTextInfo h3, #main .mainContent .categoryTextInfo h4, #main .mainContent .categoryTextInfo h5, #main .mainContent .categoryTextInfo h6 { margin-top: 0; line-height: normal; } #main .mainContent .categoryTextInfo p { margin: 0 0 7px 0; } #main .mainContent .categoryTextInfo ul li { margin-left: 0; padding-bottom: 0; padding-left: 13px; } #main .mainContent .categoryTextInfo ul li:before { width: 4px; height: 4px; top: 10px; } #main .mainContent .seriesListing { float: left; width: 100%; margin: 10px 0px 0px 0px; } #main .mainContent .seriesListing ul { float: left; width: 100%; margin: 0px 10px 0px 0px; } #main .mainContent .seriesListing ul li { float: left; width: 140px; margin: 5px 0px 0px 25px; } #main .mainContent .seriesListing ul li a { font-size: 13px; color: #222; line-height: 15px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .seriesListing ul li a:hover { color: rgb(95,191,75); } /*start product listing*/ #main .mainContent .productFromCategory { float: left; width: 100%; margin: 0px 0px 15px 0px; } #main .mainContent .productListingTitle { float: left; width: 100%; font-size: 16px; color: #5bbd47; margin: 0px 0px 5px 0px; } .productBox { float: left; width: 100%; min-height: 200px; padding: 0px 0px 25px 0px; margin: 10px 0px 0px 0px; border: 1px solid #eee; position: relative; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .productBox:hover { border: 1px solid #bababa; box-shadow: 0 0 5px 0px #d2d2d2; } .productBox .productTitle { float: left; width: 100%; background: #eee; line-height: 28px; margin: 0px 0px 0px 0px; padding: 11px 0px 11px 15px; color: #222; font-size: 16px; font-weight: 700; text-decoration: none; box-sizing: border-box; } .productBox a.imgHolder { float: left; width: 190px; height: 190px; margin: 0px 40px 0px 40px; 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; } .productBox a.imgHolder:hover { opacity: 0.8; } .productBox a.imgHolder img { display: inline-block; float: left; width: 190px; height: 190px; margin: 0px 0px 0px 0px; } .productBox .attributesTable { float: right; width: 250px; margin: 40px 0px 0px 5px; border: none; border-spacing: 0px; border-collapse: separate; } .productBox .attributesTable td { line-height: 25px; color: #666; padding: 0 6px; } .productBox .attributesTable td.width70{ width: 70px; } .productBox .attributesTable td strong{ color: #222; } .productBox .attributesTable tr td:nth-child(1) { text-align: right; } .productBox .priceHolder { float: left; width: 190px; } .productBox .price-box .regular-price{ /* float: left; */ width: auto; } .productBox .price-box { float: left; width: 190px; margin: 40px 0px 0px 0px; font-size: 24px; font-weight: 900; color: #5bbd47; } .productBox .price-box .label{ font-size: 14px; color: #666; float: left; width: auto; margin: 5px 3px 0px 0px; font-weight: normal; } .productBox .minimal-price-link{ color: #333; float: left; width: 100%; } .productBox .minimal-price-link .price{ font-size: 14px; font-weight: 700; margin: 5px 0px 0px 0px; } .productBox .price-box .price-label { display: none !important; } .productBox .price-box .old-price .price { text-decoration: line-through; font-size: 15px; color: #aaa; margin-right: 2px; } .productBox .priceDescript { float: left; width: auto; color: #666; margin: 2px 10px 8px 0px; } .productBox .price-box .price { /* float: left; */ } .productBox .price-box .price .price-label { display: none; } .productBox .productDetailed { float: left; width: 450px; height: auto; box-sizing: border-box; } .productBox .productDetailed .textPage { margin-top: 20px; padding-left: 40px; box-sizing:border-box; } .productBox .seeMore { float: left; width: auto; clear: both; margin: 0px 0px 8px 0px; padding: 0px 8px 0px 0px; color: #5bbd47; font-size: 13px; line-height: 15px; text-decoration: none; border-bottom: 1px solid #fff; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox .seeMore:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #5bbd47; position: absolute; top: 4px; right: 0; } .productBox .readMore a { float: left; width: auto; clear: both; margin: 0px 0px 8px 0px; padding: 0px 15px 0px 0px; color: #5bbd47; font-size: 13px; line-height: 15px; text-decoration: none; border-bottom: 1px solid #fff; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox .readMore a:before { content: ''; width: 0; height: 0; border-style: solid; border-color: #5bbd47 transparent transparent transparent ; position: absolute; top: 6px; right: 0; border-width: 5px 5px 0 5px; -moz-border-width: 5px 5px 0 5px; -webkit-border-width: 5px 5px 0 5px; } .productBox .seeMore:hover { padding-right: 10px; border-bottom:1px solid #5bbd47; } .productBox .buttonHolder { float: left; width: 100%; margin: 5px 0px 0px 0px; } .productBox .buttonHolder .listingAddToCartForm { float: left; width: 100%; } .productBox .buttonHolder .buttonHolderQtyBox{ float: left; width: 150px; margin: 0 34px 0 0 } .productBox .buttonHolder .buttonHolderButtonBox{ float: left; width: 250px; } .productBox .buttonHolder .countLabel { float: left; width: 100%; color: #666; margin: 0px 0px 5px 0px; } .productBox .buttonHolder .countInput { float: left; width: 34px; height: 18px; border: 1px solid #d2d2d2; margin: 2px 20px 0px 0px; outline: none; font-size: 14px; text-align: center; color: #666; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox .buttonHolder .countInput:hover { border: 1px solid #a1a1a1; } .productBox .buttonHolder .countInput:focus { background: #f5f5f5; border:1px solid #a1a1a1; } .productBox .addToCart { float: left; width: 205px; height: 38px; box-sizing: border-box; margin: 20px 10px 0px 5px; padding: 0 12px; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); line-height: 37px; text-align: center; text-decoration: none; color: #fff; font-size: 11.5px; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; border: none; cursor: pointer; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox .addToCart .icon-svg{ fill: #fff; margin: 10px 5px 0 8px; width: 19px; height: 18px; } .productBox .buyCart { float: left; width: 20px; height: 22px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/buyCartIcon.png) no-repeat 6px 3px; background-size:19px 18px; padding: 0px 0px 0px 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox .addToCart:hover { opacity: 0.8; } .productBox .addToCart:hover .buyCart { background-size: 16px 15px; } .productBox .bootomProductBox { float: left; width: 100%; } /* spinner styles */ .spinnerBox { display: inline-table; margin: 0px 0px 0px 0px; width: 128px; height: 28px; border: 1px solid #b7b7b7; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; position: relative; text-align: center; } .spinnerBox .ui-spinner { display: block; position: relative; } .spinnerBox input.countInput { display: inline-block; width: 42px; height: 30px; outline: none; border: none; text-align: center; font-weight: normal; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .spinnerBox .ui-spinner-button { position: absolute; top: 0px; z-index: 10; width: 44px; height: 28px; background: #5bbd47; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .spinnerBox .ui-spinner-button .ui-button-text { width: 0; height: 0; position: absolute; left: -9999; visibility: hidden; opacity: 0; } .spinnerBox .ui-spinner-button:hover { opacity: 0.8; } .spinnerBox .ui-spinner-button.ui-spinner-down { left: 0px; border-radius: 5px 0px 0px 5px; } .spinnerBox .ui-spinner-button.ui-spinner-up { right: 0px; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; } .spinnerBox .ui-spinner-button.ui-spinner-down:before { content: ""; position: absolute; left: 0px; top: 0px; width: 44px; height: 28px; text-align: center; font-weight: normal; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/minus.png) no-repeat center center; } .spinnerBox .ui-spinner-button.ui-spinner-up:before { content: ""; position: absolute; left: 0px; top: 0px; width: 44px; height: 28px; text-align: center; font-weight: normal; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/plus.png) no-repeat center center; } .spinnerBox .loader { width: 35px; height: 35px; padding: 0px; margin: 0px 0px 0px -17px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/preloader-28x28.gif) no-repeat center center; position: absolute; left: 50%; top: 30px; z-index: 20; } .productBox .buttonHolder .spinnerBox .countInput { float: none; width: 42px; height: 28px; border: none; margin: 0; padding: 0; } #main.col3-layout .mainContent h1.productBoxDetailedTitle, #main.col2-left-layout .mainContent h1.productBoxDetailedTitle { margin: 0; padding: 10px 5px 10px 15px; background: #eee; } .productBox.productBoxDetailed{ margin: 0; } .productBox.productBoxDetailed:hover, .productBox.productBoxDetailed:focus, .productBox.productBoxDetailed:active{ box-shadow: none; border-color: #eee; } .productBox.productBoxDetailed a.imgHolder{ margin: 60px 125px 0 85px; } .productBox.productBoxDetailed .tier-prices{ float: left; width: 100%; margin: 10px 0px; color: #666; font-weight: 400; box-sizing: border-box; } .productBox.productBoxDetailed .tier-prices .benefit{ font-weight: 700; } .productBox.productBoxDetailed .tier-prices .tier-price{ float: left; width: 100%; margin-bottom: 5px; } .productBox.productBoxDetailed .priceHolder { width: 325px; } .productBox.productBoxDetailed .price-box { width: 100%; box-sizing: border-box; } .productBox.productBoxDetailed .priceDescript{ width: 100%; box-sizing: border-box; margin: 0 0 20px 0; } .productBox.productBoxDetailed .status{ float: left; width: 100%; color: #666; } .productBox.productBoxDetailed .status strong{ color: #5bbd47; font-weight: 500; } .productBox.productBoxDetailed .buttonHolder .countLabel{ width: auto; margin: 3px 10px 3px 0; } .productBox.productBoxDetailed .addToCart { margin: 30px 0 0 0; width: 245px; box-sizing: border-box; font-size: 14px; } .productBox.productBoxDetailed .readMore a { left: 50%; margin-left: -60px; text-align: center;} nav.breadcrumbs { float: left; width: 100%; height: auto; padding: 20px 0px 0px 0px; margin: 0px 0px 25px 0px; border-top: 1px solid #d7d7d7; } nav.breadcrumbs ul { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; } nav.breadcrumbs ul li { float: left; width: auto; height: 19px; line-height: 19px; padding: 0px 0px 0px 0px; margin: 0px; font-size: 14px; color: #777; text-decoration: none; } nav.breadcrumbs ul li a { float: left; width: auto; height: 19px; line-height: 19px; padding: 0px 15px 0px 0px; margin: 0px 12px 0px 0px; font-size: 14px; color: #5bbd47; position: relative; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } nav.breadcrumbs ul li a:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #5bbd47; position: absolute; top: 6px; right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } nav.breadcrumbs ul li a:hover { color: #777} nav.breadcrumbs ul li a:hover:before { border-color: transparent transparent transparent #777; } #main .categoryDescriptionBanner { float: left; width: 1000px; height: auto; padding: 0px; margin: 0px; position: absolute; left: 20px; top: 10px; z-index: 20; } #main .categoryDescriptionBanner img { float: left; width: auto; height: auto; padding: 0px; margin: 0px 2px 2px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .categoryDescriptionBanner img:hover { opacity: 0.8; } section.listingFilterBox { float: left; width: 100%; height: 25px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } section.listingFilterBox .filterOptions { float: left; width: 148px; height: 23px; padding: 0px; margin: 0px 2px 0px 0px; background: #fff; border: 1px solid #e0e0e0; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } section.listingFilterBox .filterOptions:hover { border: 1px solid #333; } section.listingFilterBox .filterOptions.active { border: 1px solid #333 !important; } section.listingFilterBox .filterOptions .openOptions { float: left; width: 112px; height: 23px; line-height: 23px; padding: 0px 28px 0px 8px; margin: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/filterOptionsIcon.png) no-repeat right 7px; font-size: 12px; color: #333; text-decoration: none; } section.listingFilterBox .filterOptions ul.subOptions { float: left; width: 148px; height: auto; padding: 4px 0px 4px 0px; margin: 0px; border: none; background: #fff; border: 1px solid #333; border-top: none; position: absolute; left: -1px; top: 23px; z-index: 300; display: none; } section.listingFilterBox .filterOptions ul.subOptions li { float: left; width: 148px; height: auto; padding: 0px; margin: 0px 0px 0px 0px; } section.listingFilterBox .filterOptions ul.subOptions li a { float: left; width: 132px; font-size: 12px; line-height: 14px; color: #333; text-decoration: none; padding: 4px 8px 4px 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } section.listingFilterBox .filterOptions ul.subOptions li a:hover { color: #111; background: #e7e7e7; } section.listingFilterBox .arrowUp { float: left; width: 16px; height: 25px; padding: 0px; margin: 0px 6px 0px 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/arrowUpDown.png) no-repeat left top; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } section.listingFilterBox .arrowUp:hover { opacity: 0.6; } section.listingFilterBox .arrowDown { float: left; width: 16px; height: 25px; padding: 0px; margin: 0px 6px 0px 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/arrowUpDown.png) no-repeat left bottom; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } section.listingFilterBox .arrowDown:hover { opacity: 0.6; } section.listingFilterBox .paging { float: right; width: auto; height: 25px; padding: 0px; margin: 0px; } section.listingFilterBox .paging a { float: left; width: 25px; height: 25px; line-height: 25px; padding: 0px 0px 1px 0px; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; text-align: center; text-decoration: none; background: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } section.listingFilterBox .paging a:hover { background: #333; color: #fff; } section.listingFilterBox .paging a.selected { font-weight: 700; background: #333 !important; color: #fff !important; } section.listingFilterBox .paging a.prev { background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/pagingPrev.png) no-repeat center center; } section.listingFilterBox .paging a.prev:hover { opacity: 0.5; background-color: #f1f1f1; } section.listingFilterBox .paging a.next { background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/pagingNext.png) no-repeat center center; } section.listingFilterBox .paging a.next:hover { opacity: 0.5; background-color: #f1f1f1; } section.productListing { float: left; width: 1035px; height: auto; padding: 0px; margin: 0px; } .categoryDescription { float: left; width: 100%; height: auto; padding: 0px; margin: 10px 0px 10px 0px; } section.relatedProductsList .productBox { width: 128px; height: 180px; } section.upSalleProductsList .productBox { margin: 0px 4px 0px -1px; } .productBox .productBoxIMG { float: left; width: 240px; height: 240px; padding: 0px; margin: 0px; position: relative; } section.relatedProductsList .productBox .productBoxIMG { width: 128px; height: 128px; } .productBox .productBoxIMG img { float: left; width: 240px; height: 240px; padding: 0px; margin: 0px; position: relative; z-index: 10; } section.relatedProductsList .productBox .productBoxIMG img { width: 128px; height: 128px; } .productBox .productBoxIMG .newLabel { float: left; width: 35px; height: 23px; padding: 4px 2px 0px 3px; margin: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/newLabelBG.png) no-repeat left top; font-size: 9px; line-height: 12px; color: #da251d; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; position: absolute; left: 6px; bottom: 8px; z-index: 15; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox:hover .productBoxIMG .newLabel { bottom: 38px; } .productBox .productBoxIMG .promoLabel { float: left; width: 42px; height: 22px; padding: 4px 2px 0px 2px; margin: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/promoLabelBG.png) no-repeat left top; font-size: 9px; line-height: 12px; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; position: absolute; left: 6px; bottom: 8px; z-index: 15; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox:hover .productBoxIMG .promoLabel { bottom: 38px; } .productBox .productBoxInfo { float: left; width: 210px; height: 66px; padding: 6px 15px 0px 15px; margin: 0px; border-top: 1px solid #e5e5e5; } section.relatedProductsList .productBox .productBoxInfo { width: 118px; padding: 4px 5px 0px 5px; } .productBox .productBoxInfo .productTitle { float: left; width: 100%; height: 24px; line-height: 24px; padding: 0px; margin: 0px 0px 1px 0px; font-size: 18px; color: #666; font-weight: 700; text-decoration: none; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox .productBoxInfo .productTitle:hover { color: #c80f16; } section.relatedProductsList .productBox .productBoxInfo .productTitle { height: 18px; line-height: 18px; font-size: 16px; margin: 0px 0px 3px 0px; } .productBox .productBoxInfo .price-box { float: left; width: 100%; height: 20px; padding: 0px; margin: 0px; overflow: hidden; } .productBox .productBoxInfo .price-box .price-label { display: none; } .productBox .productBoxInfo .price-box .regular-price { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; } .productBox .productBoxInfo .price-box .regular-price .price { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; font-size: 18px; line-height: 20px; color: #666; text-decoration: none; } .productBox .productBoxInfo .price-box .old-price { float: left; width: auto; height: auto; padding: 0px; margin: 0px; } .productBox .productBoxInfo .price-box .old-price .price { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; font-size: 18px; line-height: 20px; color: #666; text-decoration: line-through; } .productBox .productBoxInfo .price-box .special-price { float: left; width: auto; height: auto; padding: 0px; margin: 0px 0px 0px 8px; } .productBox .productBoxInfo .price-box .special-price .price { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; font-size: 18px; line-height: 20px; color: #da2128; text-decoration: none; } .productBox .wishlistAddLink { float: left; width: 24px; height: 19px; padding: 0px; margin: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/wishlistAddLink.png) no-repeat left top; position: absolute; right: -30px; top: 9px; z-index: 30; -khtml-opacity:0.0; -moz-opacity:0.0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0.0; transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox:hover .wishlistAddLink { right: 7px; -khtml-opacity:1.0; -moz-opacity:1.0; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); opacity:1.0; } .productBox:hover .wishlistAddLink:hover { transform: rotate(8deg) scale(0.7) skew(0deg) translate(0px); -webkit-transform: rotate(8deg) scale(0.7) skew(0deg) translate(0px); -moz-transform: rotate(8deg) scale(0.7) skew(0deg) translate(0px); -o-transform: rotate(8deg) scale(0.7) skew(0deg) translate(0px); -ms-transform: rotate(8deg) scale(0.7) skew(0deg) translate(0px); } .productBox .testBtn { float: left; width: 119px; height: 35px; line-height: 35px; padding: 0px; margin: 0px; background: #c60d14; font-size: 12px; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; position: absolute; left: 0px; bottom: 50px; z-index: 40; -khtml-opacity:0.0; -moz-opacity:0.0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0.0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox:hover .testBtn { bottom: 70px; -khtml-opacity:1.0; -moz-opacity:1.0; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); opacity:1.0; } .productBox .testBtn:hover { background: #ee353c; } .productBox .buyBtn { float: left; width: 119px; height: 35px; line-height: 35px; padding: 0px; margin: 0px; background: #c60d14; font-size: 12px; color: #fff; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; position: absolute; right: 0px; bottom: 50px; z-index: 40; -khtml-opacity:0.0; -moz-opacity:0.0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0.0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .productBox:hover .buyBtn { bottom: 70px; -khtml-opacity:1.0; -moz-opacity:1.0; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); opacity:1.0; } .productBox .buyBtn:hover { background: #ee353c; } .productBox .freeShipping { float: left; width: auto; height: 14px; line-height: 14px; padding: 0px 0px 0px 0px; margin: 0px; font-size: 12px; color: #da2128; font-weight: 700; text-decoration: none; position: absolute; left: -150px; bottom: 4px; z-index: 38; -khtml-opacity:0.0; -moz-opacity:0.0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); opacity:0.0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .productBox:hover .freeShipping { left: 7px; -khtml-opacity:1.0; -moz-opacity:1.0; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100); opacity:1.0; } .productDetailedTabsContent { float: left; width: 100%; margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; } .productDetailedTabsContent .ui-tabs { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav { float: left; width: 100%; height: 44px; padding: 0px; margin: 0px; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li { float: left; width: auto; height: 44px; padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px; border: none !important; outline: none; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li.last { margin: 0px; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a { height: 44px; line-height: 44px; background: #eee; color: #222; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover { background-color: #eee; color: #222; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li a { float: left; width: 178px; height: 44px; line-height: 44px; margin: 0px 0px 0px 0px; font-size: 14px; color: #222; text-align: center; font-weight: 700; text-decoration: none; outline: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; border: 1px solid #eee; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li a:hover { background: #eee; color: #222; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel { float: left; width: 100%; box-sizing: border-box; height: auto; padding: 30px 20px 30px 20px; margin: 0px 0px 0px 0px; outline: none; border-top: none; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct { width: 100%; box-sizing: border-box; border: none; border-spacing: 0px; border-collapse: separate; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct th { text-align: left; font-weight: 700; font-size: 14px; border-bottom: 1px solid #eee; padding: 0px 0px 5px 10px; background: #fff; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct th.width25 { width: 25%; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct th.width20 { width: 20%; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct th.width55 { width: 55%; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td { padding: 0px 5px 0px 10px; border-top: 1px solid #eee; font-weight: 700; font-size: 14px; color: #666; line-height: 20px; height: 25px; vertical-align: top; padding: 10px 0px 0px 10px; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td.width25{ width: 25%; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td.width20{ width: 20%; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td.width55{ width: 55%; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct tr:nth-child(2n+1){ background: #fafafa; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td:nth-child(2){ } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td a { color: #5bbd47; font-size:13px; text-decoration: none; border-bottom:0px solid #fff; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct td a:hover{ border-bottom:1px solid #5bbd47; } .productDetailedTabsContent .textPage { float: left; width: 526px; } .productDetailedTabsContent .textPage ul { margin: 10px 0px 10px 0px; } .productDetailedTabsContent .textPage li { padding: 0px 0px 0px 20px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/checking.png) no-repeat left 5px; color: #222; font-size: 12px; line-height: 22px; } .productDetailedTabsContent .textPage li a { color: #00739f; border-bottom:1px solid #eee; } .productDetailedTabsContent .textPage li a:hover { color: #e74c3c; border-bottom:1px solid #eee; } .productDetailedTabsContent .textPage p { margin: 5px 0px 5px 0px; line-height: 16px; } .productDetailedTabsContent .attributesTable { width: 100%; border: none; border-spacing: 0px; border-collapse: separate; margin: 30px 0px 0px 0px; } .productDetailedTabsContent .attributesTable td { color: #666; font-size: 14px; line-height: 25px; width: 50%; } .productDetailedTabsContent .attributesTable td.tableSku{ width: 120px; } .productDetailedTabsContent .attributesTable td strong { } .colorAttribute { float: left; width: 18px; height: 18px; padding: 0px 0px 0px 0px; margin: 3px 10px 0px 0px; } .colorAttribute img { width: 18px; height: 18px; } .additionalProductsContent { float: left; width: 100%; margin: 40px 0px 20px 0px; border-top: 1px solid #eee; } .additionalProductsContent h3 { float: left; width: auto; font-size: 18px; font-weight: 700; color: #222; margin: -13px 0px 0px 0px; padding: 0px 10px 0px 0px; background: #fff; } #main.col3-layout .mainContent .additionalProductsContent .productBox { height: auto; margin: 10px 0px 0px 0px; } #main.col3-layout .mainContent .additionalProductsContent .productBox:hover { border: 1px solid #bababa; box-shadow: 0 0 5px 0px #d2d2d2; } #main.col3-layout .mainContent .additionalProductsContent .productBox .productTitle { font-size: 15px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .imgHolder{ width: 146px; height: 146px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .imgHolder img { width: 146px; height: 146px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .productDetailed { width: 310px; margin: 20px 0px 0px 0px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .attributesTable { width: 200px; margin: 0px 0px 0px 10px; } #main.col3-layout .mainContent .additionalProductsContent .priceHolder .price { font-size: 18px; } #main.col3-layout .mainContent .additionalProductsContent .priceHolder { width: auto; } #main.col3-layout .mainContent .additionalProductsContent .priceHolder { float: right; width: 100px; margin: 0px 0px 0px 0px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .price-box { float: right; width: auto; } #main.col3-layout .mainContent .additionalProductsContent .priceHolder .priceDescript { float: right; width: auto; } .additionalProductsContent .productBox .seeMore { float: left; margin: 8px 0px 0px 0px; position: relative; } .additionalProductsContent .productBox .seeMore:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #5bbd47; position: absolute; top: 4px; right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main.col3-layout .mainContent .additionalProductsContent .productBox .bootomProductBox { float: right; width: 300px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .buttonHolder .addToCart{ width: 158px; float: right; height: 25px; line-height: 23px; margin: 0px 0px 0px 0px; } #main.col3-layout .mainContent .additionalProductsContent .productBox .buttonHolder .addToCart .buyCart{ background-position: 5px 0px; margin: 0px 0px 0px 0px; top: 3px; left: 2px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } #main.col3-layout .mainContent .additionalProductsContent .productBox .buttonHolder .addToCart:hover .buyCart { top: 5px; left: 4px; } #main .mainContent .additionalProductsContent .productListingTitle { margin: 20px 0px 10px 0px; font-weight: 700; } .rating-wrap { float: left; width:95px; height:14px; position:relative; cursor: pointer; } .rating-wrap .star-rating-control .star { float: left; width: 16px; height: 16px; padding: 0px; margin: 0px 2px 0px 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/StarsBG.png) no-repeat left top; } .rating-wrap .star-rating-control .star:hover, .rating-wrap .star-rating-control .star.star-rating-hover, .rating-wrap .star-rating-control .star.star-rating-on { background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/activeStarsBG.png) no-repeat left top; } .rating-wrap .star-rating-control .star a { display: none; } .rating-box { float: left; width: 96px; height: 16px; padding: 0px; margin: 0px 6px 0px 5px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/StarsBG.png) no-repeat left top; } .rating { float: left; width: auto; height: 16px; padding: 0px; margin: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/activeStarsBG.png) no-repeat left top; } .rating-wrap .stars { float: left; width: 96px; height: 16px; padding: 0px; margin: 0px 6px 0px 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/StarsBG.png) no-repeat left top; } .rating-wrap .activeStars { float: left; width: auto; height: 16px; padding: 0px; margin: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/activeStarsBG.png) no-repeat left top; } .productDetailedTabsContent .radio-wrap { width:100%; height:100%; } /* Radio Buttons */ .productDetailedTabsContent .radio-wrap input[type=radio] { display:inline-block; position:relative; z-index:2; margin:0px 0px 0px -2px; width:15px; height:18px; opacity:0; cursor: pointer; } .productDetailedTabsContent .rating-fill{ width:0; height:100%; background:url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/raitingStar.png); position:absolute; top:0; left:0; z-index:1; } .productDetailedTabsContent .radio-wrap input[value="5"]:checked + .rating-fill { width:100%; cursor: pointer; } .productDetailedTabsContent .radio-wrap input[value="4"]:checked + .rating-fill { width:80%; } .productDetailedTabsContent .radio-wrap input[value="3"]:checked + .rating-fill { width:60%; } .productDetailedTabsContent .radio-wrap input[value="2"]:checked + .rating-fill { width:40%; } .productDetailedTabsContent .radio-wrap input[value="1"]:checked + .rating-fill { width:20%; } .productDetailedTabsContent .rating-blank { width:100%; height:100%; background:url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/star.png); position:absolute; top:0; left:0; z-index:0; } .productDetailedTabsContent .radio-wrap input[value="5"]:hover + .rating-fill{ width:100%; } .productDetailedTabsContent .radio-wrap input[value="4"]:hover + .rating-fill{ width:80%; } .productDetailedTabsContent .radio-wrap input[value="3"]:hover + .rating-fill{ width:60%; } .productDetailedTabsContent .radio-wrap input[value="2"]:hover + .rating-fill{ width:40%; } .productDetailedTabsContent .radio-wrap input[value="1"]:hover + .rating-fill{ width:20%; } .productDetailedTabsContent .allReviewComments .radio-wrap input[value="5"]:hover + .rating-fill { background: none; color: #fff; } .allReviewComments { float: left; width: 100%; position: relative; } .allReviewComments .commentBox { float: left; width: 100%; margin: 10px 0px 10px 0px; } .allReviewComments .commentTitle { float: left; width: 325px; font-size: 13px; font-weight: 700; color: #222; margin: 0px 0px 10px 10px; } .allReviewComments .commentAuthor { float: left; width: auto; font-size: 13px; font-weight: 700; margin: 0px 0px 5px 0px; } .allReviewComments .commentDate { float: left; width: auto; color: #666; font-size: 13px; } .allReviewComments .viewMoreComments { float: left; width: 159px; font-size: 12px; font-weight: 700; color: #5bbd47; height: 28px; line-height: 28px; text-align: center; text-decoration: none; border: 1px solid #eee; background: #fff; position: absolute; bottom: -45px; left: 126px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .allReviewComments .viewMoreComments:hover { background: #eee; } .allReviewComments .raitingHolder { float: left; width: 100%; } .allReviewComments .writeComment { float: left; width: auto; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; background: #5bbd47; color: #fff; text-decoration: none; font-size: 12px; line-height: 20px; height: 20px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .allReviewComments .writeComment:hover { opacity: 0.8; } .writeProductReview { float: left; width: 100%; display: none; } .writeComment .commentHodler { float: left; width: 100%; } .writeProductReview label { float: left; width: 100%; font-size: 13px; color: #222; margin: 10px 0px 5px 0px; font-weight: 700; line-height: 20px; } .writeProductReview .checkbox-content{ float: left; width: 100%; margin:5px 0 25px 0; } .writeProductReview .checkbox-content .checkbox{ display: inline-block; float: left; } .writeProductReview .checkbox-content .checkboxLabel{ width: 90%; float: left; margin: 0 0 0 4px; } .writeProductReview .input-text { float: left; width: 214px; height: 13px; padding: 5px 0px 5px 5px; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; color: #222; line-height: 14px; font-size: 12px; outline: none; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .writeProductReview .input-text:hover { border: 1px solid #a1a1a1; } .writeProductReview .input-text:focus { background: #f5f5f5; border:1px solid #a1a1a1; } .writeProductReview .raitingDescription { float: left; width: auto; color: #666; font-size: 12px; line-height: 18px; margin: 0px 0px 0px 5px; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .writeProductReview textarea { float: left; width: 405px; padding: 5px 5px 5px 5px; margin-bottom: 20px; min-height: 80px; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; outline: none; line-height: 14px; font-size: 13px; color: #222; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .writeProductReview textarea:hover { border: 1px solid #a1a1a1; } .writeProductReview textarea:focus { background: #f5f5f5; border:1px solid #a1a1a1; } .writeProductReview .generateCode { float: left; width: 100%; } .writeProductReview .generateCode img { float: left; width: 120px; height: 30px; margin: 0px 10px 0px 0px; } .writeProductReview .generateCode a img { float: left; width: 20px; height: 18px; } .writeProductReview .commentBtn { float: left; width: 122px; height: 25px; margin: 10px 0px 0px 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/buttonGradient.jpg); color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; line-height: 20px; font-size:12px; cursor: pointer; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .writeProductReview .commentBtn:hover { background-position: 0px -30px; } .writeProductReview .codeInput { width: 70px; } .writeProductReview label span.blue { color: #5bbd47; } .writeProductReview .rating-wrap { width: 100px; } .writeProductReview .rating-wrap .stars { width: 18px; float: left; margin: 0px 2px 0px 0px; } .writeProductReview .raiting-wrap .stars:hover { background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/activeStarsBG.png); } .writeProductReview .allComents { float: left; width: auto; padding: 0px 8px 0px 0px; font-size: 11px; color: #5bbd47; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/blueRightArrow.png) no-repeat right 2px; line-height: 11px; text-decoration: underline; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; transition: all 0.2s linear; } .writeProductReview .allComents:hover { padding-right: 10px; } .cms-page-view #main .mainContent h1 { color: #222; } .cms-page-view #main .mainContent .textPage { width: 728px; } .cms-page-view #main .mainContent .textPage img { max-width: 100%; } .cms-page-view #main .mainContent .textPage ol { margin: 25px 0 25px 60px; } .textPage { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; } .textPage .cmsCols { margin: 0 -10px; overflow: hidden; } .textPage .cmsCol { display: inline-block; float: left; width: 230px; margin: 0 9px 20px 9px; text-align: justify; } .textPage .cmsCol p{ margin: 0; } .textPage .cmsCol img { max-width: 100%; } .textPage p { padding: 0px; margin: 0px 0px 15px 0px; text-decoration: none; } .textPage p a { display: inline-table; line-height: 13px; color: #5bbd47; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .textPage p a:hover { border-bottom: 1px solid #fff; } .textPage h2 { padding: 0px; margin: 30px 0px 15px 0px; color: #222; font-size: 24px; line-height: 24px; font-weight: 700; text-decoration: none; text-transform: none; } .textPage h3 { padding: 0px; margin: 10px 0px 10px 0px; color: #222; font-size: 18px; line-height: 20px; text-decoration: none; text-transform: none; } .textPage h4 { padding: 0px; margin: 12px 0px 8px 0px; color: #222; font-size: 16px; line-height: 16px; text-transform: none; text-decoration: none; } .textPage h5 { padding: 0px; margin: 12px 0px 8px 0px; font-size: 14px; line-height: 15px; color: #222; font-weight: 700; text-decoration: none; } .textPage h6 { padding: 0px; margin: 12px 0px 0px 0px; font-size: 12px; line-height: 15px; color: #222; font-weight: 700; text-decoration: none; text-transform: uppercase; } .textPage blockquote { display: block; margin: 30px 0px; padding: 0px 0px 0px 80px; position: relative; } .textPage blockquote:before { content: ''; position: absolute; width: 4px; height: 100%; background: #5bbd47; top: 0; left: 60px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .cms-page-view #main .mainContent blockquote p { margin-left: 5px; font-style: normal; border-left: 4px solid #5bbd47; padding: 0px 0px 0px 15px; } .textPage ol{ list-style: none; counter-reset: li; } .textPage ol li { margin: 0; padding: 0 0 10px 0px; text-decoration: none; position: relative; counter-increment: li; } .textPage ol li:before { content: counter(li)'.'; display: inline-block; color: #5bbd47; font-weight: 700; margin-right: 5px; } .textPage ol li a { display: inline-table; color:#537721; text-decoration:none; border-bottom: 1px solid #537721; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .textPage ol li a:hover { color: #bace56; border-bottom: 1px solid #f3fad1; } .textPage ul { margin:0px 0px 10px 0px; } .textPage ul li { display: block; margin-left: 60px; padding: 0px 0px 10px 20px; text-decoration: none; position: relative; } .textPage ul li:before { content: ''; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 7px; left: 0px; background: #5bbd47; } .textPage ul li a { border-bottom: 1px solid #da251d; color: #da251d; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .textPage ul li a:hover { color: #333; border-bottom: 1px solid #da251d;} table.cartTable { float: left; width: 100%; padding: 20px; margin: 0px 0px 10px 0px; border-spacing: 0px; border-collapse: separate; border: none; border: 1px solid #eee; } table.cartTable th.first { text-align: left; } table.cartTable th { color: #222; font-size: 12px; line-height: 14px; font-weight: 700; text-decoration: none; text-transform: none; font-weight: 700; padding: 2px 0px 8px 0px; margin: 0px 0px 0px 0px; text-align: center; border: none; border-bottom: 1px solid #eee; } table.cartTable td { text-align: center; padding:0px; } table.cartTable td .option { float: left; width: 100%; text-align: left; margin: 0 0 0 10px; } table.cartTable .cellWrapper { float: left; width: 100%; min-height: 95px; padding: 20px 0px 20px 0px; border-bottom: 1px solid #eee; padding: 20px 0px 10px 0px; } table.cartTable .productImg { float: left; width: 90px; height: 90px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .productImg:hover { opacity: 0.8; } table.cartTable .productImg img { float: left; width: 90px; height: 90px; } table.cartTable .productTitle { float: left; width: 100%; margin: 0px 0px 10px 10px; text-align: left; font-size: 14px; color: #222; font-weight: 700; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .productTitle:hover { color: #757575; } table.cartTable .productSpecific { float: left; width: 100%; color: #666; line-height: 20px; text-align: left; font-size: 12px; } table.cartTable .productSpecific strong { color: #222; font-weight: 700; } table.cartTable .freeDeliveryLine { float: left; width: 100%; margin: 0px 0px 0px 0px; background: #5bbd47; color: #fff; line-height: 32px; font-size: 14px; } table.cartTable .price-box .price { font-size: 14px; } table.cartTable .price-box .regular-price .price { } table.cartTable .price-box .special-price .price { color: #5bbd47; } table.cartTable .price-box .old-price .price { text-decoration: line-through; color: #aaa; } table.cartTable .price-box .price { } table.cartTable .backBtn { float: left; width: auto; text-align: left; color: #5bbd47; font-size: 12px; position: relative; padding: 0px 0px 0px 8px; text-decoration: none; border-bottom: 1px solid #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .backBtn:before { content: ''; position: absolute; left: 0; top: 6px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #5bbd47 transparent transparent; } table.cartTable .backBtn:hover { padding:0px 0px 0px 6px; border-bottom: 1px solid #5bbd47; } table.cartTable .bottomCellWrapper { float: left; width: 100%; margin: 15px 0px 0px 0px; } table.cartTable .amountBox { float: left; width: 79px; height: 20px; margin: 0px 20px 0px 20px; padding: 0px 0px 0px 0px; position: relative; } table.cartTable .amountBox input.amount { float: left; width: 27px; height: 14px; line-height: 14px; padding: 2px 0px 2px 0px; margin: 0px 2px 0px 25px; border: 1px solid #eee; border-left: none; border-right: none; background: #fff; font-size: 12px; color: #000; text-decoration: none; text-align: center; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .amountBox .ui-spinner-up { float: left; width: 20px; height: 18px; padding: 0px; margin: 0px; cursor: pointer; background: #5bbd47 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/plus.png) no-repeat center center; border: 1px solid #eee; -webkit-border-radius: 9px 0 0 9px; -moz-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; position: absolute; right: 1px; top: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .amountBox .ui-spinner-down { float: left; width: 24px; height: 18px; padding: 0px; margin: 0px; background:#5bbd47 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/minus.png) no-repeat center center; border: 1px solid #eee; -webkit-border-radius: 9px 0px 0px 9px; -moz-border-radius: 9px 0px 0px 9px; border-radius: 9px 0px 0px 9px; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .amountBox .ui-spinner-down:hover { opacity: 0.8; } table.cartTable .amountBox .ui-spinner-down span.ui-icon { visibility: hidden;} table.cartTable .amountBox .ui-spinner-up span.ui-icon {visibility: hidden; } table.cartTable .amountBox .ui-spinner-up { float: left; width: 24px; height: 18px; padding: 0px; margin: 0px; cursor: pointer; background:#5bbd47 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/plus.png) no-repeat center center; border: 1px solid #eee; border-radius: 0px 9px 9px 0px; -moz-border-radius: 0px 9px 9px 0px; -webkit-border-radius: 0px 9px 9px 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .amountBox .ui-spinner-up:hover { opacity: 0.8;} table.cartTable .amountBox .ui-spinner-up span.ui-button-text { float: left; width: 100%; } table.cartTable .amountBox .ui-spinner-down span.ui-button-text { float: left; width: 100%; } table.cartTable td .cartLoader { width: 15px; height: 15px; display: block; z-index: 1200; margin: -28px auto 8px auto; margin-top: 30px; margin-right: 30px; background-image: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/loader.gif); } table.cartTable .deleteItem { float: right; width: 22px; height: 18px; margin: 0px 0px 0px 6px; border: 1px solid #eee; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } table.cartTable .deleteItem:hover { border: 1px solid #7e7e7e; } table.cartTable .deleteItem .deleteIcon { float: left; width: 22px; height: 18px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/removeItem.png) no-repeat center center; } .cartPromoBox { float: right; width: 225px; height: auto; padding: 10px 10px 10px 10px; margin: 0px 80px 10px 0px; background: #fff; border: 1px solid #eee; border-top: 6px solid #e8e8e8; position: relative; } .cartPromoBox h3 { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 8px 0px; font-size: 13px; text-align: left; line-height: 15px; text-decoration: none; font-weight: 700; } .cartPromoBox .infoIcon { width: 18px; height: 18px; padding: 0px; margin: 0px 0px 0px 0px; position: absolute; right: 145px; top: 10px; z-index: 10; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .cartPromoBox .infoIcon .icon-svg{ fill: #5bbd47; } .cartPromoBox .infoIcon .tooltip { width: 140px; height:auto; padding: 10px; margin: 0px 0px 0px -70px; background:#fff; border: 1px solid #f1f1f1; box-shadow: 0px 0px 1px 1px #f1f1f1; position: absolute; left: 50%; bottom: 20px; z-index: 200; font-size: 12px; line-height: 14px; color: #333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; display: none; } .cartPromoBox .infoIcon .tooltip p { padding: 0px; margin: 0px 0px 6px 0px; font-size: 12px; line-height: 14px; color: #333; text-decoration: none; } .cartPromoBox .promoInput { float: left; width: 208px; height: 20px; margin: 0px; line-height: 20px; padding: 2px 7px 2px 7px; background: #fff; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; border-radius: 0 5px 5px 0; color: #666; font-size: 12px; text-decoration: none; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .cartPromoBox .promoInput:hover { border: 1px solid #a1a1a1; } .cartPromoBox .promoInput:focus { background: #f5f5f5; border: 1px solid #a1a1a1; } .cartPromoBox .promoSubmit { float: left; width: 72px; height: 25px; position: absolute; top: 33px; right: 10px; line-height: 25px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; border: none; font-size: 12px; color: #fff; text-decoration: none; font-weight: 700; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #5bbd47; cursor: pointer; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); } .cartPromoBox .promoSubmit:hover { opacity: 0.8; } .underCartTotalBox { float: right; width: 268px; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } .underCartTotalBox .underCartTable { float: left; width: 100%; padding: 0px; margin: 0px 0px 0px 0px; border-spacing: 0px; border-collapse: separate; border: none; table-layout: fixed; } .underCartTotalBox .underCartTable td { font-size: 14px; line-height: 14px; text-transform: none; text-decoration: none; color: #222; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; text-align: right; border: none; } .underCartTotalBox .underCartTable td .price-box { float: right; width: auto; height: auto; padding: 0px; margin: 0px 0px 0px 0px; position: relative; } .underCartTotalBox .underCartTable td .price-box .regular-price { float: left; width: auto; height: auto; padding: 0px; margin: 0px; } .underCartTotalBox .underCartTable td .price-box .regular-price span.price { width: 100%; padding: 0px; margin: 0px; color: #333333; font-size: 15px; line-height: 16px; text-decoration: none; text-transform: none; } .underCartTotalBox .underCartTable tr.totalCartPrice td { font-size: 14px; line-height: 20px; font-weight: 700; } .underCartTotalBox .underCartTable tr.totalCartPrice td .price-box .regular-price span.price { font-size: 16px; line-height: 20px; font-weight: 700; text-transform: none; } .underCartTotalBox .smallPriceText { float: right; width: 100%; text-align: right; font-size: 11px; line-height: 13px; } .underCartTotalBox .btnCheckout, .btnCheckoutHolder .btnCheckout { float: right; width: 160px; height: 35px; margin: 20px 0px 0px 0px; padding: 0px; font-weight: 700; line-height: 35px; text-align: center; color: #fff; font-size: 14px; text-decoration: none; text-transform: none; border: none; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; cursor: pointer; outline: none; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .underCartTotalBox .btnCheckout:hover, .btnCheckoutHolder .btnCheckout:hover { opacity: 0.8; } .btnCheckoutHolder { float: right; width: 200px; margin: -65px 0px 0px 0px; } .additionalProductsContentHolder { float: left; width: 100%; margin: 30px 0px 20px 0px; border-top: 1px solid #eee; } .additionalProductsContentHolder .additionalProductTitle { float: left; width: 100%; margin: -10px 0px 0px 0px; } .additionalProductsContentHolder .additionalProductTitle h3 { float: left; width: auto; font-size: 18px; font-weight: 700; color: #222; margin: -3px 0px 0px 0px; padding: 0px 10px 0px 0px; background: #fff; } .additionalProductsContentInCart { float: left; width: 478px; } .additionalProductsContentInCart.right{ float: right; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox { height: auto; padding-bottom: 20px; margin: 20px 0px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox:hover { border: 1px solid #bababa; box-shadow: 0px 0px 3px 2px #eee; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .productTitle { font-size: 18px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .imgHolder{ width: 130px; height: 130px; margin: 10px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .imgHolder img { width: 130px; height: 130px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .productDetailed { width: 325px; margin: 10px 0px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .attributesTable { width: 210px; margin: 0px 0px 0px 10px; } #main.col1-layout .mainContent .additionalProductsContentInCart .priceHolder .price { font-size: 18px; } #main.col1-layout .mainContent .additionalProductsContentInCart .priceHolder { width: auto; } #main.col1-layout .mainContent .additionalProductsContentInCart .priceHolder { float: left; width: 100px; margin: 0px 0px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .price-box { float: left; width: auto; margin: 0px 0px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .priceHolder .priceDescript { float: left; width: auto; margin: 10px 0px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .seeMore { float: left; margin: 8px 0px 0px 0px; position: relative; padding:0px 8px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .seeMore:before { } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .seeMore:hover { padding: 0px 10px 0px 0px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .bootomProductBox { float: left; width: 250px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .buttonHolder .addToCart{ width: 225px; float: left; height: 38px; line-height: 38px; margin: 10px 0px 0px 0px; padding: 0px 10px 0px 10px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productBox .buttonHolder .addToCart .buyCart{ background-position: 5px 0px; margin: 3px 0px 0px 0px; padding: 0px 5px 0px 0px; top: 3px; left: 2px; } #main.col1-layout .mainContent .additionalProductsContentInCart .productListingTitle { margin: 20px 0px 10px 0px; } .fbLogin{ display: inline-block; float: left; height: 32px; text-decoration: none; padding: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .fbLogin img{ float: left; margin-top: -1px; } .gpLogin{ display: inline-block; float: left; height: 32px; text-decoration: none; padding: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .gpLogin img{ float: left; margin-top: -1px; } .gdpr-info { float: left; width: 100%; height: auto; box-sizing: border-box; padding: 0px 0px 0px 25px; } .gdpr-info p { margin: 0px 0px 7px 0px; color: #666; font-size: 12px; line-height: 15px; } .deleting-account-info { float: right; width: 230px; } .terms-popup { float: left; width: 560px; height: 600px; padding: 20px; background: #fff; overflow-y: scroll; } .checkbox-content { float: left; width: 100%; box-sizing: border-box; margin: 0 0 5px 0; } .loginRegister { float: left; width: 311px; border:1px solid #eee; margin: 0px 19px 0px 0px; } .loginRegister input.checkbox{ float: left; width: auto; } .loginRegister.right { float: right; margin: 0px 0px 0px 0px; } .loginRegister h2 { float: left; width: 291px; line-height: 45px; height: 45px; background: #eee; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; font-size: 18px; color: #222; } .loginRegister p { float: left; width: 271px; padding: 10px 20px 10px 20px; } .loginRegister .termsHolder { float: left; width: 271px; padding: 0px 20px 0px 20px; } .loginRegister .termsHolder input { float: left; width: auto; margin: 5px 0px 0px 0px; padding: 0px; } .loginRegister .termsHolder input.checkbox { } .loginRegister .termsHolder .checkboxLabel{ width: 90%; margin: 0 0 0px 5px; line-height: 15px; } .loginRegister .termsHolder .agreement-content { float: left; width: 100%; } .loginRegister .termsHolder .agreement-content p{ padding: 0 0 0 18px; box-sizing: border-box; } .loginRegister .termsHolder .terms { float: left; width: auto; margin: 0px 0px 0px 10px; } .loginRegister .termsHolder .terms a { color: #5bbd47; font-size: 13px; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister .termsHolder .terms a:hover {border-bottom: 1px solid #fff;} .loginRegister .buttonHolder { float: left; width: 100%; margin: 20px 0px 0px 0px; background: #eee; height:58px; } .loginRegister .regBtn { float: left; width: auto; margin: 15px 0px 0px 20px; padding: 0px 20px 0px 20px; line-height: 25px; height: 25px; font-size: 12px; text-decoration: none; color:#fff; text-align: center; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border: none; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister .regBtn:hover {opacity: 0.8;} .loginRegister form { float: left; width: 100%; padding: 0px 0px 0px 0px; } .loginRegister form .formHolder { float: left; width: 436px; padding: 0px 20px 0px 20px; } .opc-index-index .loginRegister form .formHolder { width: 100%; box-sizing: border-box; } .opc-index-index .loginRegister form .formHolder .gdpr-info p{ padding: 0; width: 100%; box-sizing: border-box; } .loginRegister form .formHolder .validation-advice { text-align: left; margin: 0px 0px 10px 0px; } .loginRegister .google-captcha-box { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; } .loginRegister .google-captcha-box .recaptcha { float: left; margin: 10px 0px 10px 20px; } .loginRegister .google-captcha-box .validation-advice { text-align: left; margin: 10px 0px 10px 0px; } .customer-account-create .loginRegister .google-captcha-box .recaptcha { margin-left: 0px; } .opc-index-index .google-captcha-box .recaptcha { margin: 0 0 10px; } .opc-index-index .google-captcha-box .recaptcha {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;} .loginRegister label { float: left; width: 100%; font-size: 13px; line-height: 20px; font-weight: 700; } .loginRegister label .blue {color: #5bbd47;} .loginRegister .input-text { float: left; width: 250px; margin: 5px 0px 10px 0px; padding: 0px 10px 0px 10px; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; height: 23px; line-height: 16px; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister .input-text:hover {border: 1px solid #a1a1a1;} .loginRegister .input-text:focus {background: #f5f5f5;border:1px solid #a1a1a1;} .loginRegister .lostpass { float: left; width: auto; margin: 0px 0px 0px 0px; color: #5bbd47; font-size: 12px; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister .lostpass:hover {border-bottom: 1px solid #fff;} .loginRegister .socialHodler { float: left; width: auto; margin: 15px 0px 0px 20px; } .loginRegister .socialHodler .socialText { float: left; width: auto; color: #666; font-size: 12px; line-height: 25px; } .loginRegister .socialHodler .facebookReg { width: 120px; height: 22px; float: left; margin: 0px 0px 0px 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister .socialHodler .facebookReg:hover {opacity: 0.9;} .loginRegister .socialHodler .facebookReg img { float: left; width: 120px; height: 22px; } .loginRegister form .termsHolder { float: left; width: 271px; padding: 0px 20px 0px 20px; } .loginRegister form .termsHolder input { float: left; width: auto; margin: 15px 0px 15px 0px; } .loginRegister .termsHolder label { width: auto; float: left; font-size: 13px; color: #666; line-height: 13px; margin: 15px 0px 15px 10px; } .loginRegister .checkboxLabel { width: auto; float: none; display: inline-block; margin: 0px 0px 0px 5px; font-size: 13px; color: #666; } .loginRegister .checkboxLabel.long-label{ width: 90%; margin-bottom: 4px; } .loginRegister .checkboxLabel a { color: #5bbd47; font-size: 14px; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister .checkboxLabel a:hover {border-bottom: 1px solid #fff;} .loginRegister #input-newsLetter {float: left;width: auto;} .loginRegister #input-termsAgreement {float: left;width: auto;} .loginRegister #checkout-form-validate label.checkboxLabel { float: left; width: 246px; line-height: 16px; } .loginRegister #checkout-form-validate label.checkboxLabel.long-label{ width: 90%; margin-top: 1px; } .loginRegister.registerPage { float: left; width: 100%; } .loginRegister.registerPage .formHolder{ float: left; width: 450px; border-right: 1px solid #eee; margin:20px 0px 0px 0px; } .loginRegister.registerPage .formHolder p { width: 100%; padding-left: 0px; padding-top: 0px; } .loginRegister.registerPage .formHolder .gdpr-info p{ padding: 0; margin: 0 0 5px 0; } .loginRegister.registerPage .input-text { width: 202px; } .loginRegister.registerPage .chechboxHolder { float: left; width: 100%; margin: 5px 0px 0px 0px; } .loginRegister.registerPage .socialLogin { float: right; width: 485px; } .loginRegister.registerPage .socialLogin h2 { background: none; width: 100%; line-height: 20px; height: 20px; padding-top: 20px; } .loginRegister.registerPage .socialLogin p {width: 100%;} .loginRegister.registerPage .socialLogin a { float: left; margin: 0px 0px 0px 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .loginRegister.registerPage .socialLogin a img { float: left; } .loginRegister.registerPage .socialLogin a:hover {opacity: 0.9;} .popUpLogin { float: left; width: 438px; box-sizing: border-box; overflow-x: hidden; padding: 0px 20px 0px 20px; } .popUpLogin .social-login-wrapper{ float: left; width: 100%; box-sizing: border-box; clear: both; text-align: center; } .popUpLogin h1 { font-size: 18px; border-bottom: 1px solid #eee; padding: 0px 0px 10px 0px; } .popUpLogin h2 { font-size: 18px; border-bottom: 1px solid #eee; padding: 0px 0px 10px 0px; } .popUpLogin .inputHolder { float: left; width: 100%; margin: 5px 0px 0px 0px; } .popUpLogin .inputHolder label { float: left; width: 100px; margin: 0px 10px 0px 0px; text-align: right; font-size: 13px; color: #222; font-weight: 700; line-height: 20px; } .popUpLogin .inputHolder label .blue {color: #5bbd47;} .popUpLogin .inputHolder .input-text { float: left; width: 214px; height: 22px; padding: 0px 5px 0px 5px; font-size: 13px; outline: none; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .popUpLogin .inputHolder .input-text:hover {border: 1px solid #a1a1a1;} .popUpLogin .inputHolder .input-text:focus {background: #f5f5f5;border:1px solid #a1a1a1;} .popUpLogin .lostPass { float: left; width: auto; margin:10px 0px 0px 110px; color: #5bbd47; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .popUpLogin .lostPass:hover {border-bottom: 1px solid #fff;} .popUpLogin .buttonHolder { float: left; width: 100%; border-bottom: 1px solid #eee; padding: 0px 0px 15px 0px; } .popUpLogin .loginBtn { float: left; width: 223px; height: 25px; text-align: center; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); margin:10px 0px 0px 110px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; line-height: 25px; border:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .popUpLogin .loginBtn:hover { opacity: 0.8; } .popUpLogin .regBtn { float: left; width: 223px; height: 25px; text-align: center; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); margin:10px 0px 0px 110px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; line-height: 25px; border: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .popUpLogin .regBtn:hover { opacity: 0.8; } .popUpLogin .popUpText { float: left; width: 100%; box-sizing: border-box; color: #888888; font-size: 12px; line-height: 15px; margin: -10px 0px 6px 0px; background: #fff; padding: 0px 10px 0px 10px; } .popUpLogin .fbLogin { float: none; margin: 2px; } .popUpLogin .gpLogin { float: none; margin: 2px; } .popUpLogin .gpLogin img{ margin-top: -2px;} .newsListing {float: left;width: 100%;} .newsListing .newsBox { float: left; width: 100%; position: relative; margin: 0px 0px 20px 0px; border: 1px solid #eee; height: 212px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .newsListing .newsBox:hover { border: 1px solid #bababa; box-shadow: 0 0 5px 0px #d2d2d2; } .newsListing .newsBox .newsTextContainer { float: left; width: 430px; height: 150px; } .newsListing .newsBox .newsDateHolder { float: left; width: 45px; height: 45px; margin:15px 10px 0px 10px; padding: 0px 2px 0px 0px; border-right: 1px solid #eee; } .newsListing .newsBox .newsDateHolder .newsDateAndMonth { width: 100%; float: left; color: #5bbd47; font-size: 18px; font-weight: 700; text-align: center; } .newsListing .newsBox .newsDateHolder .newsYear { float: left; width: 100%; text-align: center; font-size: 11px; line-height: 20px; color: #5bbd47; } .newsListing .newsBox .newsBoxTitle { float: left; width: 100%; margin:20px 0px 10px 0px; color: #5bbd47; font-size: 18px; text-decoration: none; line-height: 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .newsListing .newsBox .newsBoxTitle:hover { color: #222; } .newsListing .newsBox .newsImg { float: right; width: 212px; height: 212px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .newsListing .newsBox .newsImg:hover {opacity: 0.8;} .newsListing .newsBox img { float: right; width: 212px; height: 212px; } .newsListing .newsBox p { float: left; width: 100%; height: 50px; padding: 0px 10px 0px 0px; font-size: 14px; } .newsListing .newsBox p span { max-height: 100px; float: left; width: 100%; } .newsListing .bottomLine { float: left; position: absolute; width: 516px; background: #eee; height: 38px; margin:25px 0px 0px 0px; bottom: 0px; } .newsListing .bottomLine .readMore { float: left; width: auto; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 20px; color: #5bbd47; font-size: 14px; text-decoration: none; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .newsListing .bottomLine .readMore:hover { border-bottom: 1px solid #5bbd47;} .newsListing .newsBox.noImage .newsTextContainer {float: left;width: 640px;} .newsListing .newsBox.noImage .bottomLine {width: 100%;} .newsDetailed { float: left; width: 688px; margin: 0px 0px 30px 0px; border: 1px solid #eee; padding: 20px; } .newsDetailed .innerNewsDetailed { float: left; width: 100%; border-bottom: 1px solid #eee; margin: 0px 0px 20px 0px; } .newsDetailed .newsBoxContainer { float: left; width: 625px; padding: 0px 0px 20px 0px; } .newsDetailed .newsBoxContainer ul li { list-style: disc inside; } .newsDetailed .newsDateHolder { float: left; width: 50px; height: 50px; margin: 0px 10px 0px 0px; border-right: 1px solid #eee; } .newsDetailed .newsDateHolder .newsDateAndMonth { float: left; width: 100%; font-size: 18px; color: #5bbd47; font-weight: 700; text-align: center; } .newsDetailed .newsDateHolder .newsYear { width: 100%; float: left; font-size: 11px; line-height: 20px; color: #5bbd47; text-align: center; } .newsDetailed .backBtn { color: #5bbd47; font-size: 14px; text-decoration: none; border-bottom: 1px solid #fff; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/blueLeftArrow.png) no-repeat left 4px; padding: 0px 0px 0px 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .newsDetailed .backBtn:hover {padding: 0px 0px 0px 8px;border-bottom: 1px solid #5bbd47;} .newsDetailed .socialBox {float: right;} .newsDetailed .socialBox .facebookLikes { float: left; width: auto; margin: 0px 5px 0px 0px; } .contactForm { width: 476px; min-height: 490px; margin: 0px 0px 20px 0px; } .contactForm h2 { background: none; line-height: 20px; height: auto; margin: 20px 0px 10px 0px; } .contactForm p {width: 100%;} .contactForm textarea { float: left; width: 335px; height: 63px; padding: 10px; margin: 5px 0px 10px 0px; border: 1px solid #d2d2d2; outline: none; font-size: 14px; line-height: 16px; resize:vertical; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .contactForm textarea:hover {border: 1px solid #a1a1a1;} .contactForm textarea:focus {background: #f5f5f5;border:1px solid #a1a1a1;} .contactForm .generateCode { float: left; width: 100%; margin: 5px 0px 0px 0px; } .contactForm .generateCode img { float: left; width: 120px; height: 30px; margin: 0px 10px 0px 0px; } .contactForm .refreshCode { float: left; width: 20px; height: 18px; margin: 5px 10px 0px 0px; } .contactForm .refreshCode img { float: left; width: 20px; height: 18px; } .contactForm .input-text {width: 204px;} .contactForm .codeInput {width: 34px;margin: 2px 0px 0px 0px;} .contactForm .buttonHolder {margin: 15px 0px 0px 0px;} .contactForm.right { float: right; width:436px; min-height: 454px; padding: 20px; } .contactForm .textPage h2 { color: #222; font-size: 18px; background: none; line-height: 20px; height: auto; margin: 0px 0px 15px 0px; } .checkoutForm { float: left; width: 100%; margin: 10px 0px 30px 0px; } .checkoutColumn { float: left; width: 308px; margin: 20px 26px 0px 0px; } .checkoutColumn.right { float: right; margin: 20px 0px 0px 0px; } .checkoutRegister { float: left; width: 288px; padding:10px; margin: 0px 0px 20px 0px; border: 1px solid #eee; border-top: none; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; min-height: 62px; } .checkoutRegister ol{ list-style: none; float: left; width: 100%; margin: 10px 0 10px 0; } .checkoutRegister ol li { float: left; width: 100%; margin-bottom: 10px; } .checkoutRegister .agreement-content{ padding: 0 0 0 26px; float: left; width: 100%; box-sizing: border-box; } .checkoutRegister input.checkbox{ float: left; } .checkoutRegister .checkboxLabel{ width: 90%; float: none; display: inline-block; margin: 2px 0px 2px 5px; font-size: 14px; } .checkoutRegister .checkboxLabel a{ color: #5bbd47; font-size: 14px; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .checkoutTitle { float: left; width: 308px; margin: -10px 0px 0px -10px; background:#5bbd47; color: #fff; font-weight: 700; font-size: 11px; line-height: 30px; text-transform: uppercase; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } .checkoutRegister .checkoutTitle .numberCheckout { float: left; width: 29px; line-height: 30px; font-weight: 700; font-size: 20px; border-right: 1px solid #fff; margin: 0px 10px 0px 0px; text-align: center; } .checkoutRegister .inputHolder { float: left; width: 142px; margin: 10px 0px 0px 0px; } .checkoutRegister .inputHolder.right { float: right; } .checkoutRegister .inputHolder.fullWidth { float: left; width: 100%; } .checkoutRegister .inputHolder.fullWidth input { width: 276px; } .checkoutRegister .inputHolder label { float: left; width: 100%; font-size: 14px; font-weight: 700; } .checkoutRegister .inputHolder label .blue { color: #5bbd47; } .checkoutRegister .inputHolder input { float: left; width: 130px; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 5px; border:1px solid #d2d2d2; font-size: 14px; line-height: 16px; height: 23px; outline:none; box-shadow: 0px 1px 2px 0px #eee inset; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .inputHolder input:hover {border: 1px solid #a1a1a1;} .checkoutRegister .inputHolder input:focus {background: #f5f5f5;border:1px solid #a1a1a1;} .checkoutRegister .checkboxHodler { float: left; width: 100%; margin: 20px 0px 0px 0px; } .checkoutRegister .checkboxHodler.deliveryHolder { margin: 5px 0px 0px 0px; } .checkoutRegister .checkboxHodler input { float: left; width: auto; margin: 0px 10px 0px 0px; } .checkoutRegister .checkboxHodler label { width: auto; float: left; font-size: 14px; } .checkoutRegister .text{ float: left; width: 270px; padding: 20px 10px 10px 10px; } .checkoutRegister .text p { font-size: 14px; } .checkoutRegister .radioHodler { float: left; width: 100%; margin: 0px 0px 0px 0px; } .checkoutRegister .radioHodler img { width: 61px; height: 16px; margin: 0px 5px 0px 0px; } .checkoutRegister .radioContainer { float: left; width: 100%; margin: 15px 0px 5px 0px; } .checkoutRegister.noBackground { border:1px solid #eee; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } .checkoutRegister.noBackground .checkoutTitle{ background: none; border-bottom: 1px solid #eee; font-size: 11px; font-weight: 700; width: 298px; margin: 0px 0px 0px -10px; padding: 0px 0px 5px 10px; line-height: 15px; } .checkoutRegister .promoHolder { float: left; width: 100%; margin: 20px 0px 10px 10px; position: relative; } .checkoutRegister .promoHolder form { float: left; width: 100%; } .checkoutRegister .promoHolder .input-text { float: left; width: 173px; height: 16px; outline: none; padding: 2px 5px 2px 5px; margin: 1px 0px 0px 0px; box-shadow: 0px 1px 2px 0px #eee inset; border: 1px solid #d2d2d2; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .promoHolder .input-text:hover { border: 1px solid #a1a1a1; } .checkoutRegister .promoHolder .input-text:focus { background: #f5f5f5; border: 1px solid #a1a1a1; } .checkoutRegister h3 { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 8px 0px; font-size: 14px; text-align: left; line-height: 16px; text-decoration: none; font-weight: 700; } .checkoutRegister .infoIcon { width: 18px; height: 18px; padding: 0px; margin: 0px 0px 0px 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/cartPromoBoxInfo.png) no-repeat left top; position: absolute; right: 198px; font-size: 14px; top: 0px; left: 75px; z-index: 10; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .infoIcon .tooltip { width: 140px; height: auto; padding: 10px; margin: 0px 0px 0px -70px; background: #fff; border: 1px solid #f1f1f1; box-shadow: 0px 0px 1px 1px #f1f1f1; position: absolute; left: 50%; bottom: 20px; z-index: 200; font-size: 12px; line-height: 14px; color: #222; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; display: none; } .checkoutRegister .promoInput { float: left; width: 208px; height: 19px; margin: 0px; line-height: 19px; padding: 2px 7px 2px 7px; background: #fff; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; color: #666; font-size: 12px; text-decoration: none; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .promoInput:hover { border: 1px solid #a1a1a1; } .checkoutRegister .promoInput:focus { background: #f5f5f5; border: 1px solid #a1a1a1; } .checkoutRegister .promoSubmit { float: left; width: 72px; height: 25px; position: absolute; top: 23px; right: 20px; line-height: 25px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; border: none; font-size: 14px; color: #fff; text-decoration: none; font-weight: 700; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .promoSubmit:hover { background-position: left 30px; } .checkoutRegister .notes { float: left; width: 247px; height: 53px; margin: 10px 0px 10px 10px; resize:vertical; outline: none; border:1px solid #d2d2d2; padding: 10px; font-size: 14px; box-shadow: 0px 1px 2px 0px #eee inset; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .notes:hover { border: 1px solid #a1a1a1; } .checkoutRegister .notes:focus { background: #f5f5f5; border: 1px solid #a1a1a1; } .checkoutRegister .checkoutBtn { float: left; width: 290px; height: 35px; border:none; color: #373737; font-size: 14px; font-weight: 700; cursor: pointer; margin: 20px 0px 0px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline: none; box-shadow: 0px 1px 0px 0px #d9d9d9; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .checkoutBtn:hover { background-position: left -35px; } .checkoutRegister .checkoutProduct { float: left; width: 100%; border: none; border-spacing: 0px; border-collapse: separate; } .checkoutRegister .checkoutProduct td { text-align: center; border-bottom: 1px solid #efefef; font-size: 14px; color: #222; line-height: 20px; padding: 5px 0px 5px 0px; vertical-align: top; } .checkoutRegister .checkoutProduct td.first { text-align: left; width: 140px; } .checkoutRegister .checkoutProduct td.last { text-align: right; } .checkoutRegister .checkoutTotalPriceHolder { float: left; width: 298px; background:#efefef; margin: -1px 0px 0px -10px; padding: 10px 10px 10px 0px; } .checkoutRegister .checkoutTotalPriceHolder table { float: left; width: 100%; border: none; border-spacing: 0px; border-collapse: separate; } .checkoutRegister .checkoutTotalPriceHolder table td { text-align: right; font-size: 14px; padding: 5px 0px 5px 0px; } .checkoutRegister .checkoutTotalPriceHolder table td:first-child { width:180px; } .checkoutRegister .smallCheckoutText { float: right; width: auto; font-size: 11px; margin: 0px 0px 5px 0px; } .checkoutColumn.right .checkoutRegister .checkboxHodler { margin: 10px 0px 0px 0px; } .checkoutColumn.right .checkoutRegister .checkboxHodler label { float: none; } .checkoutRegister .terms { color: #5bbd47; border-bottom: 1px solid #5bbd47; font-size:14px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkoutRegister .terms:hover { border-bottom: 1px solid #fff; } .button { float: left; width: 200px; height: 30px; margin: 0px 10px 0px 0px; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); line-height: 30px; text-align: center; text-decoration: none; color: #fff; font-size: 14px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border: none; cursor: pointer; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .button:hover { opacity:0.8; } .chosen-select-filter { float: left; width: 150px; height: 40px; border: 2px solid #222; outline: none; } /* Stenik Checkout Styles ****************************/ .stenik-checkout-top-login { float: left; width: 100%; max-width: 584px; box-sizing: border-box; height: auto; padding: 0px; margin: 10px 0px 10px 0px; } .stenik-checkout-top-login p { float: left; width: auto; height: 32px; padding: 0px; margin: 0px 5px 0px 0px; line-height: 32px; font-size: 13px; } .stenik-checkout-top-login .social-login { float: left; width: auto; height: 30px; padding: 0px; margin: 0px 5px 0px 0px; } .stenik-checkout-top-login .social-login .or{ margin: 0px 5px 0px 5px; } .stenik-checkout-top-login .button.open-popup { width: 84px; background: linear-gradient(180deg, rgba(141, 231, 108, 0) 0%, #8CE56A 100%), #6EC14E; color: #fff; font-size: 13px; font-weight: 700; margin: 0;} .stenik-checkout-top-login .button.open-popup:hover { opacity: 1; background: linear-gradient(180deg, rgba(141, 231, 108, 0) 0%, #6EC14E 100%), #8CE56A; } .checkout-popup-login { width: 420px; box-sizing: border-box; height: 380px; padding:14px 34px 0px 34px; background: #fff; overflow-x: hidden;} .checkout-popup-login h4{ font-size: 18px; line-height: 21px; font-weight: 700; text-align: center; margin: 0 0 6px 0; } .checkout-popup-login .social-login{ float: left; width: 100%; box-sizing: border-box; text-align: center; margin: 15px 0px 20px 0px; } .checkout-popup-login .social-login .or{ display: none; } .checkout-popup-login .orText{ text-align: center; float: left;width: 100%; margin: 0 0 25px 0; box-sizing: border-box; position: relative; height: 15px; color: #999; font-size: 13px; line-height: 15px; } .checkout-popup-login .orText span{ background: #fff; width: 46px; height: 15px; display: inline-block; position: relative; z-index: 10; top: -8px; } .checkout-popup-login .orText:before{ content: ''; display: block; width: 100%; height: 1px; background: #F0F0F0; top: 0px; left: 0; z-index: 5; } .checkout-popup-login .social-login .fbLogin{ float: none; margin: 5px 10px; } .checkout-popup-login .social-login .gpLogin{ float: none; margin: 5px 10px; } .checkout-popup-login .popup-login-form { display: block; max-width: 260px; box-sizing: border-box;clear: both; margin: 0 auto; } .checkout-popup-login .popup-login-form em{ color: #E05683; margin: 0px 2px; } .checkout-popup-login .popup-login-form .validation-advice{ text-align: left; } .checkout-popup-login .popup-login-form label{ display: block; font-size: 13px; line-height: 15px; margin: 0 0 5px 0; } .checkout-popup-login .popup-login-form .input-box{ float: left; width: 100%; box-sizing: border-box; margin: 0 0 10px 0; } .checkout-popup-login .popup-login-form input.input-text{ float: left; width: 100%; height: 25px; padding: 0 10px; box-sizing: border-box; border: 1px solid #DBDBDB; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 15px; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkout-popup-login .popup-login-form input.input-text:hover{ border: 1px solid #a1a1a1;} .checkout-popup-login .popup-login-form input.input-text:focus{background: #f5f5f5;border:1px solid #a1a1a1;} .checkout-popup-login .forgotpassword { float: left; margin: 0px 0px 0px 0px; line-height: 15px; color: #2B8BD8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkout-popup-login .forgotpassword:hover { color: #222; } .checkout-popup-login .button { width: 127px; float: none; display: block; clear: both; margin: 30px auto; background: linear-gradient(180deg, rgba(141, 231, 108, 0) 0%, #8CE56A 100%), #6EC14E; color: #fff; font-size: 13px; font-weight: 700; } .checkout-popup-login .button:hover { opacity: 1; background: linear-gradient(180deg, #6EC14E 0%, rgba(57, 152, 252, 0) 100%), #8CE56A; } .stenik-checkout *{ box-sizing: border-box; } .stenik-checkout em{ color: #E05683; margin: 0px 2px } .stenik-checkout em.blue{ color: #E05683; } .stenik-checkout .validation-advice { text-align: left; } .stenik-checkout { position: relative; float: left; width: 100%; box-sizing: border-box; } .stenik-checkout .col-xs-8 { position: relative; float: left; width: 584px; box-sizing: border-box;} .stenik-checkout .step-title { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; font-size: 18px; line-height: 20px; font-weight: 700; background: #F0F0F0; } .stenik-checkout .stenik-onepage-section { float: left; width: 100%; height: auto; padding: 8px 20px 20px 20px; margin: 0px 0px 0px 0px; border:none;} .stenik-checkout #stenik-onepage-section-billing { border: 1px solid #F0F0F0; border-top: none; padding-bottom: 10px;} .stenik-checkout #stenik-onepage-section-shipping_method { border: 1px solid #F0F0F0; border-top: none; } .stenik-checkout #stenik-onepage-section-payment_method { border: 1px solid #F0F0F0; border-top: none; } .stenik-checkout #stenik-onepage-section-comment_agreements { padding-left: 0; padding-right: 0; } .stenik-checkout .coupon-review-col .stenik-onepage-section { padding: 0; } .stenik-checkout .fields { margin: 0 -10px; } .stenik-checkout #extensa_econt-form li { width: auto; float: none; } .stenik-checkout #extensa_econt-form li .field { width: 50%; box-sizing: border-box; } .stenik-checkout .fields .field { float: left; width: 50%; margin: 0px; padding: 0px 10px 0px 10px; } .stenik-checkout .fields .field.wide { width: 100%; margin: 0px; padding: 0px 0px 0px 0px; } .stenik-checkout .fields.wide.select-box { margin: 0 0 10px 0; } .stenik-checkout .fields.wide.speedyNonOfficeFields { margin: 0px -10px; float: none; width: auto; clear: both; } .stenik-checkout .fields.wide.speedyNonOfficeFields .field{ padding: 0 10px; } .stenik-checkout .fields.wide.speedyNonOfficeFields .fields{ margin: 0px;} .stenik-checkout .fields label { display: block; font-size: 13px; line-height: 15px; margin: 0 0 5px 0; } .stenik-checkout .fields.wide { float: left; width: 100%; margin: 0px; padding: 0px; } .stenik-checkout .separator{ float: left; width: 100%; text-align: center; margin: 0 0 12px 0; } .stenik-checkout .fields.wide.check-box { clear: both; float: left; width: 100%; margin: 0px 0px 8px 0px; } .stenik-checkout .fields.wide.check-box input{ float: left; margin: 1px 6px 0px 0px; } .stenik-checkout .fields.wide.check-box label{ float: left; width: 90%; } .stenik-checkout .fields.wide.create-account-checkbox { margin: 0px 0px 8px 0px; } .stenik-checkout .create-account-checkbox .input-checkbox { float: left; margin: 1px 6px 0px 0px; } .stenik-checkout .create-account-checkbox .label-checkbox { float: left; margin: 0px 0px 0px 0px; width: 90%; } .stenik-checkout .create-account-fields { margin: 0 -10px; } .stenik-checkout .stenik-speedy-address-fields-content .fields.wide.check-box { padding-left: 18px; } .stenik-checkout .fields.wide.invoice-wide-fields { margin: 0px 0px 8px 0px; } .stenik-checkout .invoice-fields-wrapper input.checkbox { float: left; margin: 1px 6px 0px 0px; } .stenik-checkout .invoice-fields-wrapper .invoice-label { float: left; margin: 0px 0px 0px 0px; width: 90%; } .stenik-checkout .invoice-fields-wrapper select{ margin-bottom: 10px; } .stenik-checkout .invoice-fields-wrapper .fields{ margin: 0; } .stenik-checkout .invoice-fields-wrapper .show-invoice-fileds{ margin: 0 0 10px 0; } .stenik-checkout .invoice-fields-wrapper .fields.hidden-invoice-choose-select{ display: none !important; } .stenik-checkout .input-box{ float: left; width: 100%; box-sizing: border-box; margin: 0 0 10px 0; } .stenik-checkout input.input-text{ float: left; width: 100%; height: 25px; padding: 0 10px; box-sizing: border-box; border: 1px solid #DBDBDB; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 15px; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .stenik-checkout input.input-text:hover{ border: 1px solid #a1a1a1; } .stenik-checkout input.input-text:focus{ background: #f5f5f5;border:1px solid #a1a1a1; } .stenik-checkout input.input-text::-webkit-input-placeholder { color: #B3B3B3; } .stenik-checkout input.input-text::-moz-placeholder { color: #B3B3B3; } .stenik-checkout input.input-text:-ms-input-placeholder { color: #B3B3B3; } .stenik-checkout input.input-text:-moz-placeholder { color: #B3B3B3; } .stenik-checkout textarea{ float: left; width: 100%; height: 10px; padding: 10px; box-sizing: border-box; border: 1px solid #DBDBDB; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 15px; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .stenik-checkout textarea:hover{ border: 1px solid #a1a1a1; } .stenik-checkout textarea:focus{ background: #f5f5f5;border:1px solid #a1a1a1; } .stenik-checkout textarea::-webkit-input-placeholder { color: #B3B3B3; } .stenik-checkout textarea::-moz-placeholder { color: #B3B3B3; } .stenik-checkout textarea:-ms-input-placeholder { color: #B3B3B3; } .stenik-checkout textarea:-moz-placeholder { color: #B3B3B3; } .stenik-checkout select{ float: left; width: 100%; height: 25px; border: 1px solid #DBDBDB; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 15px; outline: none; padding: 0 20px 0 10px; background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/selectArrow.png') no-repeat top 9px right 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .stenik-checkout select:hover{ border: 1px solid #a1a1a1; } .stenik-checkout select:focus{ border:1px solid #a1a1a1; } .stenik-checkout #billing-new-address-form .fields.control input.checkbox { float: left; margin: 3px 6px 0px 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dt { display: none; float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 10px 0px; font-weight: 700; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd ul { float: left; width: 100%; height: auto; padding: 0px; margin: 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd ul li { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 15px 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd ul li:last-of-type { margin: 0; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd input.radio { float: left; width: auto; height: auto; padding: 0px; margin: 2px 6px 0px 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd input[type="radio"] { float: left; width: auto; height: auto; padding: 0px; margin: 2px 6px 0px 0px; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd label { float: left; width: auto; max-width: 90%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; font-weight: 400; } .stenik-checkout #checkout-shipping-method-load dl.sp-methods dd label .price { font-weight: 700; color: #222; } .stenik-checkout #onepage-checkout-shipping-method-additional-load .gift-messages { display: none; } .stenik-checkout #onepage-checkout-shipping-method-additional-load .gift-messages-form { display: none; } .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px; } .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods dt { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 15px 0px; font-weight: 400; } .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods dt a { color: #5ABD47; } .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods dt:last-of-type { margin: 0;} .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods dt img{ float: left; width: auto; height: auto; } .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods dt input.paymentMethod { float: left; width: auto; height: auto; padding: 0px; margin: 2px 6px 0px 0px; } .stenik-checkout #stenik-onepage-section-payment_method dl.sp-methods dd { float: left; width: 100%; height: auto; padding: 0px 20px 0px 20px; margin: 0px 0px 20px 0px; } .stenik-checkout .comment-box { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 10px 0px 30px 0px; } .stenik-checkout .comment-box h5 { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 10px 0px; font-size: 13px; line-height: 15px; font-weight: 400; } .stenik-checkout .comment-box .textarea-box textarea { height: 100px; margin: 0px; } .stenik-checkout ol.checkout-agreements { float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style-type: none; position: relative; } .stenik-checkout ol.checkout-agreements li { float: left; width: 100%; height: auto; margin: 0px 0px 12px 0px; } .stenik-checkout ol.checkout-agreements input.checkbox { float: left; margin: 2px 6px 0px 0px; } .stenik-checkout ol.checkout-agreements label { float: left; width: 90%; margin: 0px; font-size: 13px; line-height: 15px; } .stenik-checkout ol.checkout-agreements label a { color: #5ABD47; } .stenik-checkout ol.checkout-agreements .agreement-content p { margin: 0px 0px 6px 0px; font-size: 12px; line-height: 14px; } .stenik-checkout .checkbox-content { float: left; width: 100%; height: auto; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; } .checkout-review-col-discount .title{ text-align: center; font-size: 14px; line-height: 16px; padding: 0 0 8px 0; display: block; cursor: pointer; } .checkout-review-col-discount .title .icon{ display: inline-block; width: 12px; height: 8px; margin-left: 15px; background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/dropdownArrow.png') no-repeat center center; } .checkout-review-col-discount .title.opened .icon{ transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } .checkout-review-col-discount .discount-form{ position: relative; float: left; width: 100%; margin: 0 0 10px 0; display: none; } .checkout-review-col-discount .discount-form input.input-text{ float: left; width: 100%; height: 25px; margin: 0px; line-height: 20px; padding: 2px 75px 2px 7px; background: #fff; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; border-radius: 0 5px 5px 0px; color: #666; font-size: 12px; text-decoration: none; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .checkout-review-col-discount .discount-form input.input-text:hover{ border: 1px solid #a1a1a1; } .checkout-review-col-discount .discount-form input.input-text:focus{ background: #f5f5f5; border: 1px solid #a1a1a1; } .checkout-review-col-discount .discount-form .discount-button{ float: left; width: 72px; height: 25px; position: absolute; top: 0px; right: 0px; line-height: 25px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; font-size: 12px; color: #fff; text-decoration: none; font-weight: 700; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #5bbd47; cursor: pointer; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: rgb(95,191,75); background: -moz-linear-gradient(top, rgba(95,191,75,1) 0%, rgba(130,233,109,1) 100%); background: -webkit-linear-gradient(top, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); background: linear-gradient(to bottom, rgba(95,191,75,1) 0%,rgba(130,233,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96d',GradientType=0 ); } .checkout-review-col-discount .discount-form .discount-button:hover{ opacity: 0.8; } .stenik-checkout .coupon-review-col { float: left; width: 324px; height: auto; margin: 0px 0px 10px 0px; position: absolute !important; top: -60px; right: -417px; } .stenik-checkout .coupon-review-wrapper { float: left; width: 100%; height: auto; padding-top: 35px; } .stenik-checkout .coupon-review-wrapper.sticky-sidebar { position: fixed; width: 324px; padding-top: 25px; top: 90px; right: 50%; z-index: 200; bottom: auto; left: auto; margin-right: -511px; z-index: 200; -webkit-filter: blur(0); } .stenik-checkout .coupon-review-wrapper.sticky-sidebar.bottom-stop { position: absolute; top: auto; left: auto; right: 0; bottom: 0; } .stenik-checkout .order-review { float: left; width: 100%; height: auto; } .stenik-checkout .checkout-review-box { float: left; width: 100%; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; } .stenik-checkout .checkout-review-box .review-title { display: block; cursor: pointer; position: relative; background: #F0F0F0; margin: 0px 0px 0px 0px; padding: 10px 22px 9px 10px; font-size: 16px; line-height: 18px; font-weight: 700; } .stenik-checkout .checkout-review-box .review-title:after { content: ''; position: absolute; right: 10px; top: 18px; width: 12px; height: 8px; background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/dropdownArrow.png') no-repeat center center;} .stenik-checkout .checkout-review-box .review-title.opened:after { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); } .stenik-checkout .checkout-review-box .review-title .edit-link { font-size: 12px; line-height: 17px; display: inline-block; font-weight: 400; padding-left: 22px; background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/editIcon.png') no-repeat top left; color: #222; } .stenik-checkout .checkout-review-box .review-title .items-qty { display: block; margin: 8px 0px 0px 0px; font-size: 14px; text-transform: uppercase; line-height: 15px; } .stenik-checkout .checkout-review-box .review-items-box { display: block; float: left; width: 100%; box-sizing: border-box; height: auto; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item { float: left; width: 100%; box-sizing: border-box; border-bottom: 1px solid #F0F0F0; height: auto; min-height: 70px; padding: 7px 10px; margin: 0px 0px 10px 0px; background: #fff; position: relative; } .stenik-checkout .checkout-review-box .review-items-box .review-item:last-of-type { border-bottom: none; } .stenik-checkout .checkout-review-box .review-items-box .review-item .cart-img-wrapper { float: left; width: 70px; height: 70px; padding: 0px; margin: 0px; position: absolute; left: 10px; top: 0px; z-index: 10; } .stenik-checkout .checkout-review-box .review-items-box .review-item .cart-img-wrapper img { float: left; width: 70px; height: 70px; padding: 0px; margin: 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .review-item-info { float: left; width: 100%; box-sizing: border-box; height: auto; padding: 0px 0px 0px 90px; margin: 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .item-title { float: left; width: 100%; height: 56px; overflow: hidden; margin: 0px 0px 0px 0px; font-size: 12px; line-height: 14px; font-weight: 400; } .stenik-checkout .checkout-review-box .review-items-box .review-item dl.item-options { float: left; width: 100%; height: auto; margin: 0px 0px 5px 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item dl.item-options dt { float: left; width: auto; height: auto; margin: 0px 3px 0px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: 400; clear: left; } .stenik-checkout .checkout-review-box .review-items-box .review-item dl.item-options dd { float: left; width: auto; height: auto; margin: 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: 400; clear: right; } .stenik-checkout .checkout-review-box .review-items-box .review-item .item-qty { float: left; width: auto; height: auto; margin: 3px 15px 0px 0px; font-size: 12px; line-height: 14px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .regular-price { float: right; width: auto; height: auto; margin: 0px 0px 0px 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .regular-price .price { font-size: 13px; line-height: 15px; font-weight: 700; } .stenik-checkout .checkout-review-box .review-items-box .review-item .old-price { float: left; width: auto; height: auto; margin: 0px 10px 0px 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .old-price .cart-price { margin: 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .old-price .price { font-size: 13px; line-height: 15px; font-weight: 400; text-decoration: line-through; } .stenik-checkout .checkout-review-box .review-items-box .review-item .special-price { float: left; width: auto; height: auto; margin: 0px; } .stenik-checkout .checkout-review-box .review-items-box .review-item .special-price .price { color: #e7352b; font-size: 13px; line-height: 15px; font-weight: 700; } .stenik-checkout .checkout-review-box .total-table-wrapper { width: 100%; float: left; padding: 7px 0px; background: #E3E3E3; } .stenik-checkout .checkout-review-box .total-table { width: 100%; border-collapse: collapse; margin: 0px; } .stenik-checkout .checkout-review-box .total-table tr td:first-child { text-align: left; } .stenik-checkout .checkout-review-box .total-table td { font-size: 13px; text-align: right; padding: 7px 10px 7px 10px;background: #E3E3E3; } .stenik-checkout .checkout-review-box .total-table tr.totalCartPrice td{ padding: 7px 10px 7px 10px; font-size: 15px; font-weight: 700; } .stenik-onepage-section-overlay .loaderIcon { width: 28px; height: 28px; margin: -14px 0px 0px -14px; position: absolute; left: 50%; top: 50%; z-index: 9999; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/loader.gif) no-repeat center center; } .stenik-checkout .coupon-review-col .stenik-onepage-section-overlay .loaderIcon { top: 65px; margin-top: 0px; } .stenik-onepage-section-overlay.stenik-checkout-overlay { display: none; width: 100%; height: 100%; background: rgba(255,255,255,0.5); position: absolute; top: 0px; left: 0px; z-index: 9999; } .stenik-onepage-section-overlay.stenik-checkout-overlay .loaderIcon { position: fixed; } .stenik-checkout .buttons-set { float: left; width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 35px 0px; } .stenik-checkout .buttons-set .button.checkout-color { min-width: 190px; width: 190px; color: #fff; font-size: 14px; height: 35px; line-height: 35px; font-weight: 700; background: linear-gradient(180deg, rgba(141, 231, 108, 0) 0%, #8CE56A 100%), #6EC14E} .stenik-checkout .buttons-set .button.checkout-color:hover {opacity: 1; background: linear-gradient(180deg, #6EC14E 0%, rgba(57, 152, 252, 0) 100%), #8CE56A; } .must-login-checkout { position: relative; height: 500px; } .login-first-msg { float: left; width: 100%; height: auto; padding: 20px 15px 20px 15px; margin: 10px 0px 20px 0px; background: #f5f5f5; color: #666; font-size: 16px; line-height: 18px; font-weight: normal; } .social-login-checkout { float: left; width: 90%; } .social-login-checkout .social-login { float: left; width: 100%; } .social-login-checkout .social-login .facebook-login { padding-left: 12px; padding-right: 12px; } .social-login-checkout .social-login .gplus-login { padding-left: 14px; padding-right: 14px; } .stenik-checkout.must-login-checkout .coupon-review-col { top: 20px; } .checkout-onepage-index .footerTopBanner{ display: none; } /* Stenik Checkout Econt And Stenik Checkout Rapido Styles *************************************************************/ .delivery-to-wrapper { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; background: #fff; } .delivery-to-wrapper .step-sub-title { padding: 10px 20px 10px 20px; margin: 10px -20px; font-size: 18px; line-height: 20px; font-weight: 700; background: #F0F0F0; } .delivery-to-wrapper .step-sub-title em { font-style: normal; margin-right: 4px; } .delivery-to-wrapper .standart-address-fileds-wrapper { margin: 0px 0px 0px 0px; } .shipping-methods-group { float: left; width: 100%; height: auto; margin: 0px 0px 0px 0px; } .shipping-methods-group .shippingMethod { float: left; width: 100%; height: auto; margin: 0px 0px 9px 0px; } .shipping-methods-group .shippingMethod .no-display{ display: none; } .shipping-methods-group .shippingMethod input.radio.prechoose { float: left; margin: 1px 6px 0px 0px; } .delivery-to-wrapper #extensa_econt-form { clear: both; padding: 6px 10px 6px 10px; margin: 0px 0px 0px 0px; } .delivery-to-wrapper #extensa_econt-form p.comb-text { padding: 0px 0px 0px 0px; margin: 0 0 10px 0; } .delivery-to-wrapper #extensa_econt-form .extensa_econt_services { padding: 0px; } .delivery-to-wrapper #extensa_econt-form .extensa_econt_services p { margin-bottom: 5px; } .delivery-to-wrapper #extensa_econt-form .officeLocator button.button { margin-top: 18px; height: 29px; width: 145px; background: #555; color: #fff; font-weight: 400; line-height: 27px; } .delivery-to-wrapper #extensa_econt-form input.input-text { height: 19px; } .delivery-to-wrapper #extensa_rapido-form { padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; } .delivery-to-wrapper p.error-msg { padding: 0px 20px 0px 20px; color: #e7352b; } .stenik-checkout .autocomplete { width: 100%; margin: 0px; padding: 0px; background: #fff; border: 1px solid #F0F0F0; border-radius: 0px; position: absolute; left: 0px; top: 23px; z-index: 10000; } .stenik-checkout .autocomplete ul { margin: 0px; padding: 0px; } .stenik-checkout .autocomplete ul li.selected { background: #F0F0F0; } .stenik-checkout .autocomplete ul li { padding: 6px 10px; cursor: pointer; text-align: left; color: #222; font-size: 13px; } .stenik-checkout .please-wait { display: none; position: absolute; right: 5px; top: 5px; z-index: 20; } .stenik-checkout .please-wait .v-middle { width: 28px; height: 28px; } .select2-container .select2-dropdown { border-radius: 0px; border: 1px solid #DBDBDB; } .stenik-checkout .select2-container { width: 100% !important; height: 25px; margin: 0px 0px 0px 0px; outline: none; } .stenik-checkout .select2-container .select2-selection { height: 25px; border: 1px solid #DBDBDB; border-radius: 0px; outline: none; } .stenik-checkout .select2-container .select2-selection .select2-selection__rendered { height: 23px; line-height: 23px; padding: 0px 25px 0px 10px; outline: none; font-size: 13px; color: #222; text-decoration: none; font-weight: normal; } .stenik-checkout .select2-container .select2-selection .select2-selection__arrow { height: 23px; border-radius: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/selectArrow.png) no-repeat center left; } .stenik-checkout .select2-container .select2-selection .select2-selection__arrow b { display: none; } .select2-container--default .select2-results__option[aria-selected=true] { background: #F0F0F0 !important; } .select2-container--default .select2-results__option--highlighted { color: #222 !important; background: #F0F0F0 !important; } .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #DBDBDB; outline: none; height: 30px; } .my-account .delivery-to-wrapper #extensa_econt-form { margin: 0px; } .my-account .delivery-to-wrapper #extensa_rapido-form { margin: 0px; } .my-account .delivery-to-wrapper #extensa_econt-form p.comb-text { padding: 0px 10px 0px 10px; } .my-account .delivery-to-wrapper #extensa_econt-form .extensa_econt_services { padding: 0px 20px 0px 0px; } .my-account p.error-msg { padding: 0px 20px 0px 0px; color: #e7352b; } .my-account ul.form-list li.fields.econt-door-address-fields { width: 100%; margin: 0px; } .my-account ul.form-list li.fields.econt-door-address-fields ul li.fields { width: 100%; margin: 0px; } .my-account ul.form-list li.fields.econt-door-address-fields ul li.fields .field { display: inline-block; width: 50%; margin: 0px 0px 0px 0px; vertical-align: top; } .my-account ul.form-list li.fields.econt-office-address-fields { width: 100%; margin: 0px; } .my-account ul.form-list li.fields.econt-office-address-fields ul li.fields { width: 100%; margin: 0px; } .my-account ul.form-list li.fields.econt-office-address-fields ul li.fields .field { display: inline-block; width: 50%; margin: 0px 0px 0px 0px; vertical-align: top; } .my-account ul.form-list li#extensa_rapido-to_door { width: 100%; margin: 0px; } .my-account ul.form-list li#extensa_rapido-to_door ul li.fields { width: 100%; margin: 0px; } .my-account ul.form-list li#extensa_rapido-to_door ul li.fields.wide { width: 98%; margin: 0px; } .my-account ul.form-list li#extensa_rapido-to_door ul li.fields .field { display: inline-block; width: 50%; margin: 0px 0px 0px 0px; vertical-align: top; } .my-account .rapido-address-fields-content li.control .field { display: inline-block; width: 50%; margin: 0px 0px 0px 0px; vertical-align: top; } .my-account .select2-container { width: 100% !important; height: 25px; margin: 0px 0px 8px 0px; outline: none; } .my-account .select2-container .select2-selection { height: 25px; border: 1px solid #DBDBDB; border-radius: 0px; outline: none; } .my-account .select2-container .select2-selection .select2-selection__rendered { height: 23px; line-height: 23px; padding: 0px 25px 0px 10px; outline: none; font-size: 13px; color: #222; text-decoration: none; font-weight: normal; } .my-account .select2-container .select2-selection .select2-selection__arrow { height: 23px; border-radius: 0px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/selectArrow.png) no-repeat center left; } .my-account .select2-container .select2-selection .select2-selection__arrow b { display: none; } .customer-address-form .my-account em{ color: #5bbd47; } .customer-address-form .my-account form .fieldset .form-list .fields { margin: 0 -10px; width: 100%; box-sizing: border-box; } .customer-address-form .my-account form .fieldset .form-list .field { padding: 0 10px; float: left; width: 50%; box-sizing: border-box; } .customer-address-form .my-account form .fieldset .form-list .field.wide { width: 100%; } .customer-address-form .my-account .fieldset .input-text { width: 100%; height: 25px; box-sizing: border-box; margin: 0 0 10px 0; } .customer-address-form .my-account .form-list .validate-select { width: 100%; box-sizing: border-box; margin: 0 0 10px 0; padding: 0 20px 0 10px; background: url('https://www.print-magic.eu/skin/frontend/stenik/prmg/images/selectArrow.png') no-repeat top 9px right 10px; -webkit-appearance: none; -moz-appearance:none; appearance:none; } .customer-address-form .my-account form .fieldset .form-list .fields.prechooseShippingMethods{ margin: 0; } .customer-address-form .my-account form .fieldset .form-list .fields.prechooseShippingMethods .shippingMethod { float: left; width: 100%; clear: both; margin: 0 0 5px 0; } .customer-address-form .my-account form .fieldset .form-list .fields.prechooseShippingMethods input.radio.prechoose{ float: left; margin: 2px 5px 0 0; } .customer-address-form .my-account form .fieldset .form-list .fields.prechooseShippingMethods label{ width: 90%; } .customer-address-form .my-account form .fieldset .form-list .control { margin: 0px; } .customer-address-form .my-account .separator { text-align: center; margin: 0 0 10px 0; } .customer-address-form .my-account form .fieldset .form-list .fields .stenik-speedy-address-fields-content .fields{ margin: 0; } .customer-address-form .my-account form .fieldset .form-list .fields .stenik-speedy-address-fields-content .fields.select-box{ padding: 0 10px; } .customer-address-form .my-account form .fieldset .form-list .fields .stenik-speedy-address-fields-content .fields.check-box{ padding: 0 10px; margin: 0 0 10px 0;} .customer-address-form .my-account form .fieldset .form-list .fields .stenik-speedy-address-fields-content .fields.check-box input[type="checkbox"]{ float: left; margin: 3px 5px 0 0; } .customer-address-form .my-account form .fieldset .form-list .fields .stenik-speedy-address-fields-content .fields.check-box label{ width: 90%; } /*start aside menu*/ aside.leftCol { float: left; width: 230px; height: auto; min-height: 150px; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; } aside.leftCol nav.leftMenu{ float: left; width: 100%; margin: 0px 0px 25px 0px; padding: 0px 0px 5px 0px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } aside.leftCol nav.leftMenu ul li.selected { font-weight: 700; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); } aside.leftCol nav.leftMenu ul li.selected a { padding-left: 30px; color: #fff; font-weight: 700; } aside.leftCol nav.leftMenu ul li.selected:hover, aside.leftCol nav.leftMenu ul li.selected a:hover { border:none; font-weight: 700; } aside.leftCol nav.leftMenu ul li.selected a:hover { } aside.leftCol .navTitle { float: left; width: 210px; height: 38px; line-height: 30px; font-size: 14px; padding: 4px 0px 4px 10px; margin: 0px 0 0 10px; color: #222; font-weight: 700; text-transform: uppercase; box-sizing: border-box; border-bottom: 1px solid #b0b0b0; } aside.leftCol .leftMenu ul, aside.leftCol .leftSecondMenu ul { float: left; width: 230px; padding-top: 5px; } aside.leftCol .leftMenu li, aside.leftCol .leftSecondMenu li { float: left; width: 100%; height: 25px; line-height: 25px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } aside.leftCol .leftSecondMenu li.selected { font-weight: 700; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); } aside.leftCol .leftSecondMenu li.selected:hover { } aside.leftCol .leftSecondMenu li.selected strong { margin-left: 30px; color: #fff; } aside.leftCol .leftMenu li a, aside.leftCol .leftSecondMenu li a { float: left; width: 230px; box-sizing: border-box; font-size: 14px; line-height: 25px; color: #222; text-transform: uppercase; text-decoration: none; padding: 0px 0px 0px 20px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } aside.leftCol .leftMenu li:hover,aside.leftCol .leftSecondMenu li:hover { } aside.leftCol .leftMenu li a:hover, aside.leftCol .leftSecondMenu li a:hover { padding-left: 30px; background: rgb(95,191,75); color: #fff; font-weight: 700; } aside.leftCol li.veiewAll { width: 230px; color: #fff; line-height: 30px; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } aside.leftCol li.veiewAll:hover a { padding-left: 20px; } aside.leftCol li.veiewAll a { float: left; width: 230px; font-size: 14px; text-transform: none; color: #fff; height: 30px; line-height: 30px; } aside.leftCol .leftSecondMenu { float: left; width: 100%; margin: 0px 0px 25px 0px; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } aside.leftCol .leftSecondMenu li { margin: 0px 0px 0px 0px; } aside.leftCol .leftSecondMenu li a { text-transform: none; } aside.leftCol .leftSecondMenu li.veiewAll { border-bottom: none; position: relative; height: 30px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } aside.leftCol .leftSecondMenu li.veiewAll:before { content: ''; position: absolute; top: 12px; left: 136px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } aside.leftCol .leftSecondMenu li.veiewAll:hover:before { left: 140px; } aside.leftCol .leftSecondMenu li.veiewAll:hover a { font-weight: normal; } aside.leftCol .asidebanner { float: left; width: 100%; } aside.leftCol .asidebanner img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } aside.leftCol .asidebanner img:hover { opacity: 0.7; } aside.leftCol .asidebanner .textPage a { border:none; } aside.leftCol .asidebanner .textPage a:hover { border:none; } aside.leftCol .cmsPageLeftMenu { float: left; width: 100%; background: #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } aside.leftCol .cmsPageLeftMenu ul { float: left; width: 100%; } aside.leftCol .cmsPageLeftMenu ul li { float: left; width: 220px; height: 25px; line-height: 25px; padding:0px 10px 0px 0px; margin: -1px 0px 0px 0px; } aside.leftCol .cmsPageLeftMenu ul li:hover { width: 220px; } aside.leftCol .cmsPageLeftMenu ul li.last { border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } aside.leftCol .cmsPageLeftMenu ul li.selected { width: 220px; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); } aside.leftCol .cmsPageLeftMenu ul li.last{ } aside.leftCol .cmsPageLeftMenu ul li.selected:hover { border:none; } aside.leftCol .cmsPageLeftMenu ul li.selected a { color: #fff; font-weight: 700; padding-left: 30px; } aside.leftCol .cmsPageLeftMenu ul li a { float: left; width: 100%; font-size:14px; color: #222; padding: 0px 0px 0px 20px; text-decoration: none; box-sizing: border-box; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } aside.leftCol .cmsPageLeftMenu ul li:hover a { padding-left: 30px; font-weight: 700; color: #fff; } aside.leftCol .cmsPageLeftMenu ul li:hover { background: rgb(95,191,75);; } aside.rightCol { float: right; width: 230px; } aside.rightCol .commentHodler { float: left; width: auto; } aside.rightCol .commentHodler h2 { float: left; width: 208px; border:1px solid #eee; font-size: 14px; font-weight: 700; text-transform: none; padding: 10px 10px 10px 10px; margin: 0px 0px 3px 0px; } aside.rightCol .commentContainer { float: left; width: 198px; border:1px solid #eee; text-decoration: none; position: relative; padding: 20px 30px 20px 0px; } aside.rightCol .commentContainer .commentSlider { float: left; width: 180px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 30px; cursor: pointer; } aside.rightCol .commentContainer .sliderScrollComment { float: left; width: 160px; min-height: 200px; padding: 0px 0px 0px 0px; } aside.rightCol .commentContainer .sliderScrollComment .textPage .readMore { float: left; width: 100%; } aside.rightCol .commentContainer .sliderScrollComment .textPage .readMore a { float: left; width: auto; color: #5bbd47; font-size: 12px; line-height: 12px; padding-top: 2px; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } aside.rightCol .commentContainer .sliderScrollComment .textPage .readMore a:hover { border-bottom: 1px solid #fff; } aside.rightCol .commentContainer .titleAuthor { float: left; width: 100%; font-size: 12px; font-weight: 700; margin: 0px 0px 10px 0px; } aside.rightCol .commentContainer .titleComment { float: left; width: 100%; font-weight: 700; margin: 10px 0px 5px 0px; } aside.rightCol .commentContainer p { float: left; width: 100%; } aside.rightCol .commentContainer .prev { position: absolute; top:50%; left: 5px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/leftSliderArrow.png) no-repeat left top; width: 20px; height: 20px; } aside.rightCol .commentContainer .next { position: absolute; top:50%; right: 5px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/rightSliderArrow.png) no-repeat left top; width: 20px; height: 20px; } aside.rightCol .commentContainer .commentAction { float: left; width: 100%; margin: 20px 0px 0px -30px; padding: 0px 0px 0px 30px; } aside.rightCol .commentContainer .borderLine { border-left: 4px solid #5bbd47; height: 42px; position: absolute; left: 0px; bottom: 20px; } aside.rightCol .commentContainer .commentAction .allComments, aside.rightCol .commentContainer .commentAction .addComments { float: left; width: auto; font-size: 12px; line-height: 20px; color: #5bbd47; text-decoration: none; padding: 0px 8px 0px 0px; border-bottom: 1px solid #fff; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/blueRightArrow.png) no-repeat right center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } aside.rightCol .commentContainer .commentAction .allComments:hover, aside.rightCol .commentContainer .commentAction .addComments:hover { border-bottom: 1px solid #5bbd47; padding-right: 10px; } aside.rightCol .raitingTitle { float: left; width: auto; margin: 0px 5px 0px 0px; color: #888; } aside.rightCol .raiting-wrap { float: left; width:95px; height:14px; position:relative; cursor: pointer; } aside.rightCol .radio-wrap { width:100%; height:100%; } /* Radio Buttons */ aside.rightCol .radio-wrap input[type=radio] { display:inline-block; position:relative; z-index:2; margin:0px 0px 0px -2px; width:18px; height:18px; opacity:0; cursor: pointer; } /* Filled Rating */ aside.rightCol .rating-fill{ width:0; height:100%; background:url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/raitingStar.png); position:absolute; top:0; left:0; z-index:1; } aside.rightCol .radio-wrap input[value="5"]:checked + .rating-fill { width:100%; cursor: pointer; } aside.rightCol .radio-wrap input[value="4"]:checked + .rating-fill { width:80%; } aside.rightCol .radio-wrap input[value="3"]:checked + .rating-fill { width:60%; } aside.rightCol .radio-wrap input[value="2"]:checked + .rating-fill { width:40%; } aside.rightCol .radio-wrap input[value="1"]:checked + .rating-fill { width:20%; } aside.rightCol .rating-blank { width:100%; height:100%; background:url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/star.png); position:absolute; top:0; left:0; z-index:0; } aside.rightCol .radio-wrap input[value="5"]:hover + .rating-fill{ width:100%; } aside.rightCol .radio-wrap input[value="4"]:hover + .rating-fill{ width:80%; } aside.rightCol .radio-wrap input[value="3"]:hover + .rating-fill{ width:60%; } .productDetailedTabsContent .radio-wrap input[value="2"]:hover + .rating-fill{ width:40%; } .productDetailedTabsContent .radio-wrap input[value="1"]:hover + .rating-fill{ width:20%; } .productDetailedTabsContent .allReviewComments .radio-wrap input[value="5"]:hover + .rating-fill { background: none; color: #fff; } .rightCol .rightBanner { float: left; width: 100%; margin: 20px 0px 0px 0px; } .rightCol .rightBanner a { border:none; } .rightCol .rightBanner a:hover { border:none; opacity: 0.7; } .rightCol .rightSocialBox { float: left; width: auto; height: auto; margin: 45px 0px 20px 0px; } .rightCol .asidebanner { float: left; width: 100%; margin: 0px 0px 10px 0px; } .rightCol .asidebanner a { width: 229px; height: 108px; border:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rightCol .asidebanner a:hover { opacity: 0.7; border:none; } .rightCol .asidebanner img { width: 229px; height: 108px; float: left; } footer { float: left; width: 100%; height: auto; padding: 0px; margin: 0px 0px 0px 0px; position: relative; z-index: 100 } footer .footerTopBanner { float: left; width:100%; margin: 0px 0px 0px 0px; } footer .bannerContent { float: left; width: 100%; margin: 0px 0px 20px 0px; } footer .bannerContent img { max-width: 100%; } footer .bannerContent .bannerBox { float: left; width: 312px; height: auto; margin: 0px 20px 0px 0px; } footer .bannerContent .bannerBox.last { margin: 0px 0px 0px 0px; } footer .bannerContent .bannerBox a{ float: left; width: 312px; height: 80px; } footer .bannerContent .bannerBox a img { float: left; width: 312px; height: 80px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .bannerContent .bannerBox a img:hover { opacity: 0.7; } footer .footerWideColor { float: left; width: 100%; height: auto; padding: 0px; margin: 25px 0px 0px 0px; background: #333; color: #fff; } footer .footerWideColor .footerColorTopRow{ float: left; width: 100%; box-sizing: border-box; } footer .footerWideColor .footerColorTopRow .colColor{ width: 25%; float: left; height: 4px; } footer .footerWideColor .footerColorTopRow .colColor.blue{ background: #00aeef; } footer .footerWideColor .footerColorTopRow .colColor.pink{ background: #ec008c; } footer .footerWideColor .footerColorTopRow .colColor.yellow{ background: #fff200; } footer .footerWideColor .footerColorTopRow .colColor.black{ background: #000; } footer .footerMainContent { float: left; width: 100%; height: auto; min-height: 110px; padding: 0px; margin: 0px; } footer .footerMainContent .footerCol { float: left; width: 210px; margin: 45px 10px 0px 0px; } footer .footerMainContent .footerCol h3 { width: 100%; float:left; font-size: 14px; line-height: 22px; text-transform: none; color: #fff; margin: 0px 0px 20px 0px; font-weight: 700; text-transform: uppercase; } footer .footerMainContent .footerCol ul { float: left; width: 100%; } footer .footerMainContent .footerCol li { margin: 0px 0px 5px 0px; } footer .footerMainContent .footerCol li a { text-decoration: none; color: #fff; border-bottom: 1px solid transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerMainContent .footerCol li a:hover { border-bottom: 1px solid #fff; } footer .footerMainContent .footerCol p { width: 100%; float: left; margin: 0px 0px 15px 0px; } footer .footerMainContent .footerCol a { text-decoration: none; color: #fff; border-bottom: 1px solid transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerMainContent .footerCol a:hover{ border-color: #fff; } footer .footerMainContent .footerCol strong{ font-weight: 700; } footer .footerMainContent .footerCol .writeUs { cursor: pointer; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerMainContent .footerCol .writeUs:hover { color: #5bbd47; } footer .footerMainContent .lastCol h3 { } footer .footerMainContent .lastCol form.footerNewsletter { float: left; width: 100%; height: auto; position: relative; } footer .footerMainContent .lastCol form.footerNewsletter input { float: left; width: 100%; box-sizing: border-box; height: 38px; margin: 0px; padding: 0px 115px 0px 25px; border: none; background: #fff; color: #333; border-radius: 19px; outline: none; } footer .footerMainContent .lastCol form.footerNewsletter button.newsLetterSubmit { float: left; width: 113px; height: 38px; position: absolute; top: 0px; right: 0px; border-radius: 19px; line-height: 27px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); color: #fff; font-size: 14px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerMainContent .lastCol form.footerNewsletter .newsletter-terms { float: left; width: 100%; margin-top: 13px; } footer .footerMainContent .lastCol form.footerNewsletter .newsletter-terms input.checkbox { float: left; width: auto; height: auto; margin: 4px 5px 0 0; } footer .footerMainContent .lastCol form.footerNewsletter .newsletter-terms .checkboxLabel { float: left; width: 90%; font-size: 13px; color: #fff; } footer .footerMainContent .lastCol form.footerNewsletter button.newsLetterSubmit:hover { opacity: 0.8;} footer .footerMainContent .socialIcon { float: left; width: 34px; height: 34px; overflow:hidden; margin: 0 10px 5px 10px; padding: 0; border-radius: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerMainContent .footerCol .socialIcon{ border: none; } footer .footerMainContent .socialIcon .icon-svg{ fill: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerMainContent .socialIcon:hover .icon-svg.facebookIcon{ fill: #314a7e;} footer .footerMainContent .socialIcon:hover .icon-svg.gplusIcon{ fill: #dc4335;} footer .footerMainContent .socialIcon:hover .icon-svg.twitterIcon{ fill: #339dc3;} footer .footerMainContent .socialHolder { float: left; width: 100%; margin: 0px 0px 0px 0px; } footer .footerMainContent .socialHolder .socialTitle { float: left; width: auto; font-weight: 700; color: #fff; text-transform: uppercase; margin: 5px 10px 0px 0px; } footer .footerPaymentDeliveryHolder { float: left; width: 100%; margin: 40px 0px 0px 0px; padding: 20px 0px 20px 0px; border-top: 1px solid #cccccc; } footer .footerPaymentDeliveryHolder .footerPayment { float: left; width: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } footer .footerPaymentDeliveryHolder .paymentTitle { float: left; width: auto; font-weight: 700; text-transform: uppercase; margin: 7px 15px 0 0; } footer .footerPaymentDeliveryHolder .footerDelivery { float: right; width: auto; max-width: 260px; font-weight: 700; } footer .footerPaymentDeliveryHolder .footerDelivery a { float: right; width: 122px; height: 22px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerPaymentDeliveryHolder .footerDelivery a:hover { opacity: 0.7; } footer .footerPaymentDeliveryHolder .footerDelivery img { float: right; width: 98px; height: auto; margin-top: 6px; } footer .footerPaymentDeliveryHolder .footerDelivery span { margin: 0px 5px 0px 0px; color: #fff; width: 150px; float: left; } footer .footerBottom { float: left; width: 100%; padding: 13px 0px 13px 0px; background: #222; color: #fff; } footer .footerBottom .stenikInfo { float: right; } footer .footerBottom .stenikInfo a { text-decoration: none; float: right; color: #fff; } footer .footerBottom .stenikInfo .icon-svg { fill: #fff; margin: 0 0 0 10px; } footer .footerBottom ul { width: 50%; float: left; } footer .footerBottom li { float: left; width: auto; margin: 0px 10px 0px 0px; padding: 0px 5px 0px 0px; } footer .footerBottom li.siteMap { border: none; } footer .footerBottom li a { float: left; width: auto; color: #666; font-size: 12px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .footerBottom li a:hover { } footer .paymentImg { float: left; width: 389px; height: 26px; margin:0px 0px 0px 10px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } footer .paymentImg:hover { opacity: 0.7; } footer .footerSecondCMS .textPage p { font-size: 12px; line-height: 16px; } footer .footerMainContent .footerCol.lastCol { float: right; width: 305px; margin-right: 0; } footer .footerMainContent .phone { color: #fff; margin: 0px 0px 10px 0px; float: left; } .newsListing .paging { display: table; margin: 0 auto; } .newsListing .paging a { float: left; width: 34px; height: 34px; font-size: 13px; background: #fff; border:2px solid #eee; text-align: center; line-height: 34px; text-decoration: none; margin: 0px 0px 0px 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .newsListing .paging a:hover { border:2px solid #5bbd47; } .newsListing .paging a.prev { border:none; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/bluePagingLeftArrow.png) no-repeat 25px 15px; } .newsListing .paging a.next { border:none; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/bluePagingRightArrow.png) no-repeat 5px 15px; } .newsListing .paging a.selected { background: #5bbd47; border: 2px solid #5bbd47; color: #fff; } .blue { color: #5bbd47; } .box-account a { display: inline-block; color: #5bbd47; border-bottom: 1px solid #fff; margin: 0px 0px 0px 0px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .box-account a:hover { border-bottom: 1px solid #5bbd47; } .my-account .fieldset label { float: left; width: 100%; font-size: 13px; line-height: 20px; font-weight: 700; } .my-account .fieldset .control label { clear: none; float: left; width: auto!important; height: 12px; line-height: 12px; text-align: left!important; margin-bottom: 10px; margin-top: 2px; } .my-account .fieldset .input-text { float: left; width: 250px; margin: 5px 0px 10px 0px; padding: 0px 10px 0px 10px; border: 1px solid #d2d2d2; box-shadow: 0px 1px 2px 0px #eee inset; height: 23px; line-height: 16px; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .my-account .fieldset .input-text.no-display { display: none; } .my-account .fieldset .input-text:hover { border: 1px solid #a1a1a1; } .my-account .fieldset .input-text:focus { background: #f5f5f5; border: 1px solid #a1a1a1; } .my-account .buttons-set .back-link a { color: #5bbd47; border-bottom: 1px solid #fff; margin: 5px 0px 5px 0px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .my-account .buttons-set .back-link a:hover { border-bottom: 1px solid #5bbd47; } .my-account .buttons-set .button { float: left; width: auto; margin: 15px 0px 0px 0px; padding: 0px 20px 0px 20px; line-height: 25px; height: 25px; font-size: 12px; text-decoration: none; color: #fff; border: none; text-align: center; cursor: pointer; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/buttonGradient.jpg); border-radius: 5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .my-account .buttons-set .button:hover { background-position: left 30px; } .my-account .buttons-set .button.right{ float: right; } .my-account .checkbox-content .checkboxLabel { width: 90%; float: left; margin-bottom: 5px; } .my-account .checkbox-content input.checkbox { float: left; margin: 4px 6px 0 0; } .my-account .checkbox-content .gdpr-info { padding-left: 20px; } .my-account .back-link { float: left; } .my-account .back-link, .my-account .link-remove { color: #5bbd47; text-decoration: none;} .my-account a.button { float: left; width: auto; margin: 15px 0px 0px 0px; padding: 0px 20px 0px 20px; line-height: 25px; height: 25px; font-size: 12px; text-decoration: none; color: #fff; border: none; text-align: center; cursor: pointer; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .my-account a.button:hover{ } .my-account a.button.right{ float: right; } .my-account form .fieldset .form-list li { margin-bottom: 20px; } .cuponDiscountCartPrice td { color: #5bbd47 !important; } .cuponDiscountCartPrice .price{ line-height: 30px; color: #5bbd47; } ul.messages li.error-msg { float: 100%; width: auto; min-height: 15px; line-height: 15px; color: #dc2c33!important; border: 1px solid #e74c3c; background: #fdedeb url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/outOfStock.png) no-repeat 10px 9px; font-size: 13px; text-decoration: none; font-weight: 700; padding: 10px 10px 10px 35px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-sizing:border-box; overflow: hidden!important; margin: 0px 0px 10px 0px; } .validation-advice { color: #e74c3c; font-size: 12px; float: left; width: 100%; margin-top: 5px; text-align: center; } .footerCol.lastCol .validation-advice { text-align: left; } ul.messages { float: left; width: 100%; } ul.messages li.success-msg { float: left; width: 100%; line-height: 15px; min-height: 15px; color: #39af72!important; border: 1px solid #89d8b0; background: #ebf8f2 url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/inStock.png) no-repeat 10px 10px; font-size: 13px; text-decoration: none; font-weight: 700; padding: 10px 10px 10px 35px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden!important; box-sizing:border-box; margin: 0px 0px 10px 0px; } ul.messages li.success-msg a{ color: #5bbd47; text-decoration: none; border: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } ul.messages li.success-msg a{ border: none; } #main .mainContent .my-account { margin: 0px 0px 40px 0px; } #main .mainContent .my-account .control{ float: left; width: 100%; box-sizing: border-box; } #main .mainContent .my-account .checkbox{ float: left; margin: 0 5px 0 0; } #main .mainContent .my-account .checkboxHodler label{ font-weight: 400; } #main .mainContent .my-account .checkboxHodler .checkbox{ margin: 3px 5px 0px 0px; } #main .mainContent .my-account p { font-size: 12px; margin: 0px 0px 5px 0px; } #main .mainContent .my-account .col2-set .col-1 { float: left; width: 48.5%; } .col2-set .col-2 { float: right; width: 48.5%; } #main .mainContent .my-account .box-title { border-bottom: 1px solid #776C68; float: left; margin-bottom: 10px; padding-bottom: 4px; margin-top: 15px; width: 100%; } #main .mainContent .my-account .box-title h3, .box-title h2 { float: left; color: #003960; font-size: 16px; line-height: 18px; margin: 8px 0 6px; padding: 0; text-decoration: none; } #main .mainContent .my-account .box-title a { float: right; padding: 0px; margin: 11px 0px 0px 0px; border-bottom: 1px solid #666; color: #161616; font-size: 11px; line-height: 11px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .my-account .box-title a:hover { border-bottom: 1px solid #fff; } #main .mainContent .my-account .box-content h4 { margin-top: 5px; margin-bottom: 5px; font-size: 12px; line-height: 14px; } .customer-account-edit .form-list li.control #change_password { float: left; width: auto; padding: 0px; margin: 1px 6px 12px 0px; } .my-account .form-list li { width: 300px; } .my-account .buttons-set .required { display: none; } .my-account .form-list .validation-advice { margin-top: -5px; margin-bottom: 10px; } .my-account .form-list .validate-select { width: 270px; float: left; line-height: 20px; height: 25px; padding: 0px 0px 0px 10px; margin: 5px 0px 15px 0px; outline: none; } .customer-address-form #main .mainContent .my-account .buttons-set p.back-link { float: right; padding: 0px; margin: 14px 72px 0px 0px; } .customer-account-edit #main .mainContent .my-account p.back-link { float: right; padding: 0px; margin: 14px 72px 0px 0px; } .newsletter-manage-index #form-validate li.control label { float: left; width: 200px; line-height: 12px; text-align: left; clear: none; } .newsletter-manage-index #subscription { float: left; margin-right: 7px; margin-top: 2px!important; } .newsletter-manage-index #main .mainContent .my-account .buttons-set p.back-link { float: right; padding: 0px; margin: 14px 72px 0px 0px } div.inchoo-socialconnect-account .col2-set .col-2 { width: 48% !important; } div.inchoo-socialconnect-facebook-inner { float: left !important; } div.inchoo-socialconnect-facebook { float: left !important; } #main .mainContent .my-account .box-head a { float: right; padding: 0px; margin: 15px 0px 0px 0px; border-bottom: 1px solid #666; color: #161616; font-size: 11px; line-height: 11px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .my-account .box-head a:hover { border-bottom: 1px solid #fff; } #main .mainContent .my-account .data-table { float: left; width: 100%; padding: 0px; margin: 10px 0px 10px 0px; border-spacing: 0px; border-collapse: separate; border: none; } #main .mainContent .my-account .data-table th { height: 20px; line-height: 20px; font-size: 12px; padding: 6px 0px 6px 0px; margin: 0px; text-align: center; font-weight: 700; border-bottom: 2px solid #555; } #main .mainContent .my-account .data-table td { color: #565656; font-size: 12px; padding: 7px 0px 7px 0px; margin: 0px; text-align: center; } #main .mainContent .my-account .order-items.order-details .data-table td { text-align: left; } #main .mainContent .my-account .data-table tr:nth-child(2n) td { background: #f3f3f3; } .customer-account-index #main .mainContent .my-account . .data-table td { font-size: 13px; } .data-table td { border-bottom: 1px solid #444; height: auto; margin: 0px; padding: 5px 0px 5px 0px; } .data-table td span.nobr { margin-left: 0; margin-top: 0; text-align: center; } #main .mainContent .my-account .data-table td a { font-size: 13px; color: #666; text-decoration: underline; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .my-account .data-table tr:nth-child(2n) td a { border-bottom: 1px solid #f3f3f3; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .my-account .data-table tr:nth-child(2n) td a:hover { border-bottom: 1px solid #5bbd47; } .data-table td span.nobr { margin-left: 0; margin-top: 0; text-align: center; } #main .mainContent .my-account .box-head h2 { color: #666; font-size: 18px; float: left; text-transform: none; line-height: 22px; margin: 10px 0 6px; padding: 0px; width: auto; text-decoration: none; } .data-table { border-spacing: 0px; empty-cells: show; font-size: 100%; margin-bottom: 0; margin-top: 15px; width: 100%; border: none; } #main .mainContent .my-account .data-table colgroup { display: none; } #main .mainContent .my-account .data-table td a { font-size: 12px; color: #5bbd47; border-bottom: 1px solid #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .my-account .data-table td a:hover { border-bottom: 1px solid #5bbd47; } .mainContent .my-account button.button { float: left; width: auto; margin: 15px 0px 0px 0px; padding: 0px 20px 0px 20px; line-height: 25px; height: 25px; font-size: 12px; text-decoration: none; color: #fff; border: none; text-align: center; cursor: pointer; background: rgb(95,191,75); background: -moz-linear-gradient(left, rgba(95,191,75,1) 1%, rgba(130,233,110,1) 100%); background: -webkit-linear-gradient(left, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); background: linear-gradient(to right, rgba(95,191,75,1) 1%,rgba(130,233,110,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbf4b', endColorstr='#82e96e',GradientType=1 ); border-radius: 12.5px; -moz-border-radius: 12.5px; -webkit-border-radius: 12.5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .mainContent .my-account button.button:hover { background-position: left 30px; } .mainContent .my-account .limiter { float: right; } .mainContent .my-account .limiter select { height: 25px; outline: none; margin: 0px 5px 0px 5px; } .addToCartEffect { height: 40px !important; } .addToCartEffectLink { color: #5bbd47 !important; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/upArrow.png) no-repeat right 10px !important; } .addToCartEffectLink .cartIcon { background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/buyCartIconHover.png) no-repeat left top !important; } .footerCol span a { text-decoration: none; border-bottom: 1px solid #eee; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .footerCol span a:hover { border-bottom: 1px solid #5bbd47; } .checkoutRegister .inputHolder .validate-select { float: left; width: 140px; border: 1px solid #a1a1a1; outline: none; height: 25px; margin: 5px 0px 0px 0px; } .col-1.addresses-primary .item a { color: #5bbd47; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .col-1.addresses-primary .item a:hover { color: #444; } .newsletterLoader { width: 32px; height: 32px; display: none; margin: 0 auto; background-image: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/loader.gif); } .my-account .control .checkbox { margin: 2px 0px 0px 10px; } .my-account .product-img-box { float: left; width: auto; } .my-account .product-details { float: left; width: auto; } .my-account .buttons-set { float: left; width: 100%; } .my-account .product-details dd { margin: 10px 0px 0px 0px; } .checkoutRegister .selectBillingAddres { float: left; width: 100%; margin: 10px 0px 10px 0px; } .checkoutRegister .selectBillingAddres label { margin-bottom: 5px; } .checkoutRegister .selectBillingAddres select.address-select { float: left; width: 288px; height: 24px; } .checkoutRegister .form-list .inputHolder { float: left; width: 100%; } .checkoutRegister .form-list .inputHolder .address-select { float: left; width: 288px; height: 24px; margin: 5px 0px 0px 0px; } .my-account .product-review .product-details h3 { float: left; width: 100%; margin: 0px 0px 0px 0px; } .my-account .product-review .product-details .ratings-table { float: left; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 0px; border-collapse: collapse; } .my-account .product-review .product-details dl { float: left; width: 100%; } .my-account .product-review .product-details dd { margin: 5px 0px 0px 0px; } .hasNoFilterElement { display: none; } .radioContainer a { width: auto; color: #5bbd47; border-bottom: 1px solid #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .radioContainer a:hover { border-bottom: 1px solid #5bbd47; } .checkoutRegister .sp-methods ul li { position: relative; } .checkoutRegister .sp-methods ul li .infoIcon { right: 65px; left: inherit; } .colorAttribute .colorName { float: left; width: 95px; } .subCartItem .options { float: right; width: 72px; margin-left: 5px; } #main .mainContent .page-sitemap #sitemap_top_links { float: left; width: 100%; } #main .mainContent .page-sitemap #sitemap_top_links .links { margin-top: 0px; } #main .mainContent .page-sitemap .links { float: left; width: 100%; margin: 20px 0px 10px 0px; } #main .mainContent .page-sitemap .links a { float: left; width: auto; height: 29px; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 30px; padding: 0px 10px 2px 10px; margin: 0px 0px 0px 0px; border: none; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/buttonGradient.jpg); color: #fff; font-size: 13px; text-align: center; cursor: pointer; font-weight: 700; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #main .mainContent .page-sitemap .links a:hover { } .page-sitemap .pager .pages { float: right; width: 300px; margin-top: -15px; margin-bottom: 15px; } .page-sitemap .pager .pages ul { float: right; width: auto; } .page-sitemap .pager .pages ul li { float: left; width: auto; padding: 0px 5px 0px 5px; } .page-sitemap .pager .pages ul li a { float: left; width: 100%; text-decoration: none; color: #5bbd47; font-size: 14px; border-bottom: 1px solid #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .page-sitemap .pager .pages ul li a:hover { border-bottom: 1px solid #5bbd47; } .page-sitemap .sitemap li { float: left; width: 100%; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/bluePagingRightArrow.png) no-repeat left center; padding: 0px 0px 0px 10px; line-height: 20px; } .page-sitemap .sitemap a { float: left; width: auto; color: #5bbd47; text-decoration: none; border-bottom: 1px solid #5bbd47; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .page-sitemap .sitemap a:hover { border-bottom: 1px solid #fff; } .searchautocomlete-attribute { float: left; width: 305px; } .my-account .link-reorder, .my-account .link-print, .my-account .order-info-tabs { color: #5bbd47; border-bottom: 1px solid #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .my-account .link-reorder:hover, .my-account .link-print:hover, .my-account .order-info-tabs:hover { border-bottom: 1px solid #5bbd47; } .searchautocomplete .searchautocomplete-placeholder ul .highlightAttribute { float: left; width: 280px; } #termsPopUp { padding: 20px; } #termsPopUp #cboxLoadedContent { overflow: auto !important; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; } #cboxLoadedContent{overflow-y:hidden; overflow-x: hidden -webkit-overflow-scrolling: touch;} #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; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.6!important} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow-x:hidden !important; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#fff; padding:1px; overflow-x: hidden !important;} #cboxLoadingGraphic{background:url(https://www.print-magic.eu/skin/frontend/stenik/default/css/colorbox/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(https://www.print-magic.eu/skin/frontend/stenik/default/css/colorbox/images/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{width:30px;height: 30px; right:10px; top: 10px; background: #555 url(https://www.print-magic.eu/skin/frontend/stenik/default/css/colorbox/images/closePopUp.png) no-repeat center center;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} #cboxClose:hover{opacity:0.8;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /******************************************************\ * * Base TouchCarousel stylesheet * * Contents: * * 1. Main containers * 2. Carousel items * 3. Arrows(direction) navigation * 4. Paging navigation * 5. Scrollbar * 6. Cursors * \******************************************************/ /******************************************************\ * * 1. Main containers (carousel size, background) * \******************************************************/ .touchcarousel { float: left; width: 100%; height: 270px; margin: 0px 0px 15px 0px; padding: 0px; position: relative; /* style is removed after carousel is inited, use !important if you want to keep it*/ overflow: hidden; } .touchcarousel .touchcarousel-container { position: relative; margin: 0; padding: 0; list-style: none; left: 0; } .touchcarousel .touchcarousel-wrapper { float: left; width: 100%; height: 270px; padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden; position: relative; } /******************************************************\ * * 2. Carousel items (item styling, spacing between items) * \******************************************************/ .touchcarousel .touchcarousel-item { float: left; width: 728px !important; height: 270px; margin: 0px; padding: 0px; } /* Last carousel item */ .touchcarousel .touchcarousel-item.last { margin-right: 20px !important; } /******************************************************\ * * 3. Arrows(direction) navigation * \******************************************************/ /* arrow hitstate and icon holder */ .touchcarousel .arrow-holder { width: 17px; height: 32px; position: absolute; top: 50%; display: block; border: none; padding: 0px; margin: -15px 0px 0px 0px; cursor: pointer; z-index: 25; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .touchcarousel .arrow-holder:hover { -khtml-opacity:0.8; -moz-opacity:0.8; -ms-filter:alpha(opacity=80); filter:alpha(opacity=80); opacity:0.8; } .touchcarousel .arrow-holder.left { left: 10px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/touchcarouselLeft.png) no-repeat left top; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .touchcarousel .arrow-holder.right { right: 10px; background: url(https://www.print-magic.eu/skin/frontend/stenik/prmg/images/touchcarouselRight.png) no-repeat right top; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .touchcarousel .arrow-holder.right:hover { right: 7px; opacity: 0.8; } .touchcarousel .arrow-holder.left:hover { left: 7px; opacity: 0.8; } /* arrow icons */ .touchcarousel .arrow-holder .arrow-icon { display: none !important; } .touchcarousel .arrow-holder.disabled { display: none !important; } .touchcarousel .arrow-holder.disabled .arrow-icon { display: none !important; } /******************************************************\ * * 4. Paging navigation * \******************************************************/ .touchcarousel .tc-paging-container { width:100%; height: 14px; overflow: hidden; position: absolute; margin: 0px 0px 0px 0px; bottom: 5px; z-index: 25; } .touchcarousel .tc-paging-centerer { float: left; position: relative; left: 50%; } .touchcarousel .tc-paging-centerer-inside { float: left; position: relative; left: -50%; } /* Paging items */ .touchcarousel .tc-paging-item { float:left; cursor:pointer; position:relative; display:block; margin-left: 3px; margin-right: 3px; width: 10px; height: 10px; background: #707070; line-height: 10px; text-indent: -9999px; font-size: 1px; color: #000; border-radius: 100%; 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; } .touchcarousel .tc-paging-item.current { color: #da251d; background: #5bbd47 } .touchcarousel .tc-paging-item:hover { opacity: 0.6; } /******************************************************\ * * 5. Scrollbar * \******************************************************/ .touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height:4px; overflow: hidden; } .touchcarousel .scrollbar { position: absolute; left:0; height:4px; bottom: 0px; } .touchcarousel .scrollbar.dark { background-color: rgb(130, 130, 130); background-color: rgba(0, 0, 0, 0.5); } .touchcarousel .scrollbar.light { background-color: rgb(210, 210, 210); background-color: rgba(255, 255, 255, 0.5); } /******************************************************\ * * 6. Cursors * \******************************************************/ /* IE and Opera use "move", FF uses -moz-grab */ .touchcarousel .grab-cursor{ cursor:url(https://www.print-magic.eu/skin/frontend/stenik/prmg/css/grab.png) 8 8, move; } .touchcarousel .grabbing-cursor{ cursor:url(https://www.print-magic.eu/skin/frontend/stenik/prmg/css/grabbing.png) 8 8, move; } /* Cursor that used when mouse drag is disabled */ .touchcarousel .auto-cursor{ cursor:auto; } /* Copyright 2011, Dmitry Semenov, http://dimsemenov.com */ /*Responsive for Tablet*/ @media only screen and (min-width: 601px) and (max-width: 1020px) { .wrapper { width: 570px;} header .headerTop { position: absolute; height: 140px;} header .headerTop h1 { display: none;} header .headerTop .rightProfile { margin: 5px 0px 0px 0px;} header .headerTop .rightProfile .profileOptions { margin:0px;} header .headerMain { width: 570px;} header .headerTop .headerTopHodler { width: 570px;} header .headerMain .search { position: absolute;top: 95px; left: 0px; margin: 0px 0px 0px 0px;} header .search form { width: 570px;} header .search input.text { width: 516px;} header .search button.searchSubmit { right: 1px;} header .bottomHeader .bigBlockHolder div {margin: 0px 0px 0px 40px;} header .bottomHeader .bigBlockHolder div:nth-child(2n){background: none;} header .bottomHeader { margin-top: 160px; margin-bottom: 20px;} header .bottomHeader .headerBlock { width: 230px; margin-right: 0px; margin-left: 45px; margin-bottom: 20px;} header .bottomHeader .headerBlock:nth-child(2n) { margin-right: 0px; background: none;} header .headerTop span.headerTitle {display: none;} .searchautocomplete {width:100%; top:85px; left: 0px;} .searchautocomplete .nav { width: 100%; } .searchautocomplete .nav-submit-button {} .searchautocomplete .nav-submit-button .button {} .searchautocomplete .nav .nav-input input {} .searchautocomplete .nav .nav-search-in .category {} .searchautocomplete .nav .nav-search-in .category-fake{} .searchautocomplete .nav .nav-search-in .nav-down-arrow{} .searchautocomplete .searchautocomplete-placeholder {} .searchautocomplete .searchautocomplete-placeholder:before {} header .bottomHeader .bigBlockHolder div a{ padding: 0 0 10px 0; } header .bottomHeader .bigBlockHolder div:nth-child(3) a { padding: 0; } header .bottomHeader .bigBlockHolder div.last a{ padding: 0; } section#main #homeMainSlider { display: none;} section#main.col2-left-layout .mainContent { width: 570px;} section#main .mainContent .bannerHolder { width: 100%; box-sizing: border-box; } section#main .mainContent .brandHolder h3 { width: 560px;} section#main .mainContent .brandHolder .brandBox { margin: 0px 0px 10px 35px;} section#main .mainContent .brandHolder .brandBox.last { margin: 0px 0px 0px 35px;} section#main .mainContent .bannerHolder .textPage a { margin-left: 35px;} section#main.col3-layout .mainContent h1, section#main.col2-left-layout .mainContent h1 { width: 570px;} section#main .mainContent .filterSearch .filterSeachInput { width: 478px;} section#main .mainContent .categoryListing { width: 510px;} section#main .mainContent .categoryListing .categoryCol { width: 130px; padding: 0px 0px 0px 45px; margin-bottom: 20px } section#main .mainContent .categoryListing .categoryRow ul.fillterListing { width: 100%; padding: 0px; } .productBox .productDetailed { width: 400px; margin: 0px 0px 20px 0px;} .productBox .priceHolder { width: 100px;} .productBox .addToCart { margin-left: 0; } .productBox .seeMore { margin-top: 40px; } section#main.col3-layout .mainContent { margin: 0px; width: 570px;} section#main.col3-layout .mainContent .productBox { width: 568px;} section#main.col3-layout .mainContent .productBox .buttonHolder .addToCart { height: 50px; line-height: 50px;} section#main.col3-layout .mainContent .productBox .buttonHolder .addToCart .buyCart { top: 10px;} section#main.col3-layout .mainContent .priceHolder { margin-left: 128px; } section#main .mainContent .seriesListing ul { } .productDetailedTabsContent .ui-tabs { width: 478px; margin-left: 45px; } .cartPromoBox { margin-top: 25px; margin-right: 145px;} .loginRegister { width: 570px; margin-top: 20px;} .loginRegister h2 { width: 550px;} .loginRegister.right { float: left !important; margin-top: 20px;} .checkoutColumn { margin: 10px 0px 20px 0px; width: 570px;} .checkoutRegister { width: 548px;} .checkoutRegister .checkoutTitle { width: 569px;} .checkoutRegister .inputHolder { width: 265px;} .checkoutRegister .inputHolder input { width: 252px;} .checkoutRegister .inputHolder .validate-select { width: 264px;} .checkoutRegister .inputHolder.fullWidth input { width: 534px;} .checkoutRegister .checkoutTotalPriceHolder { float: right;} .checkoutRegister .checkoutTotalPriceHolder table td { font-size: 15px;} .checkoutRegister .checkoutBtn { margin-left: 125px;} section#main.col2-right-layout .mainContent{ width: 570px;} .newsListing .newsBox.noImage .newsTextContainer { width: 488px;} .newsListing .newsBox p { float:left; margin-bottom: 10px;} .newsListing .newsBox p span{ float:left; width:100%; margin-bottom: 10px;} .cms-page-view section#main .mainContent section.textPage { width: 526px;} .contactForm section.textPage h2 { float: left; width: 100%; text-align: center; padding: 0px 0px 0px 0px;} .contactForm section.textPage p { text-align: center;} .newsListing .newsBox .newsTextContainer {width: 330px;} .newsListing .newsBox .newsImg { width: 150px; height: auto; margin-top: 62px;} .newsListing .newsBox img { width: 150px; height: auto;} .newsListing .bottomLine {width: 420px;} .newsDetailed {width: 528px;} .newsDetailed .newsBoxContainer {width: 450px;} section#main .mainContent .bannerHolder .textPage img { width: 177px; } .loginRegister.registerPage .socialLogin { width: 240px;} .loginRegister.registerPage .formHolder {width: 260px;} .customer-account-create .loginRegister .google-captcha-box .recaptcha { transform: scale(0.85); -webkit-transform: scale(0.85); margin-left: -23px; } .additionalProductsContentInCart { width: 572px; } section#main.col1-layout .mainContent .additionalProductsContentInCart .productBox .productDetailed { width: 350px; } .productBox.productBoxDetailed a.imgHolder { margin: 10px; } .productBox a.imgHolder { width: 130px; height: 130px; margin: 10px; } .productBox a.imgHolder img { width: 130px; height: 130px; } .stenik-checkout .col-xs-8 { max-width: 100%; } .stenik-checkout-top-login .button.open-popup{ margin: 2px;} .stenik-checkout-top-login .social-login { height: auto; } .stenik-checkout-top-login .social-login .fbLogin { margin: 2px;} .stenik-checkout-top-login .social-login .gpLogin { margin: 2px;} .stenik-checkout-top-login p{ display: none; } .stenik-checkout-top-login { max-width: 100%; } .stenik-checkout .coupon-review-col{ position: static !important; width: 100%; } .stenik-checkout .fields .field.officeLocator { display: none; } aside.rightCol { float: left; margin-left: 175px;} aside.leftCol { width: 100%;} #nav { display: none;} aside.leftCol .navTitle { cursor: pointer; padding: 0px; text-align: center; width: 100%; height: 40px; line-height: 40px; margin: 0;} aside.leftCol nav.leftMenu{ padding: 0; } aside.leftCol .leftMenu ul, aside.leftCol .leftSecondMenu ul { width: 568px;} aside.leftCol .leftMenu li a, aside.leftCol .leftSecondMenu li a { border: none; width: 100%; padding: 0px; text-align: center;} aside.leftCol nav.leftMenu ul li.selected a { padding: 0px; } aside.leftCol .leftMenu li:hover a, aside.leftCol .leftSecondMenu li:hover a { border:none; padding: 0px;} aside.leftCol .leftSecondMenu li.veiewAll { width: 100%;} aside.leftCol .leftMenu li a, aside.leftCol .leftSecondMenu li a { width: 100%; padding: 0px;} aside.leftCol .leftSecondMenu li.veiewAll::before { left: auto; right: 220px; } aside.leftCol .leftSecondMenu li.veiewAll:hover::before { left: auto; right: 215px; } aside.leftCol li.veiewAll:hover a { } aside.leftCol .leftSecondMenu ul { display: none;} aside.leftCol .asidebanner { display: none;} .asidebanner section.textPage p { text-align: center;} aside.leftCol .cmsPageLeftMenu ul li { margin-left: 35px; border:none; padding: 0px; } aside.leftCol .cmsPageLeftMenu ul li a { padding: 0px 0px 0px 10px; width: 210px; } aside.leftCol .cmsPageLeftMenu ul li:hover a { padding: 0px 0px 0px 10px; } aside.leftCol .cmsPageLeftMenu ul li:hover { padding: 0px;} aside.leftCol .cmsPageLeftMenu ul li:hover { width: 220px; } aside.leftCol .cmsPageLeftMenu ul li.selected a { padding: 0 0 0 10px; } footer .bannerContent .bannerBox { width: 100%; margin: 0px 0px 20px 0px; } footer .bannerContent .bannerBox p { text-align: center; } footer .footerMainContent .footerCol { margin: 25px 0px 0px 10px; width: 180px; } footer .footerMainContent .footerCol.lastCol { float: left; margin-left: 130px;} footer .footerMainContent .footerPaymentDeliveryHolder .footerDelivery { margin-right: 100px;} } /*Responsive for smartPhones*/ @media only screen and (min-width: 0px) and (max-width: 600px) { .wrapper { width: 300px; } header .headerTop .rightProfile { width: 180px; margin: 40px 0px 5px 0; } header .headerTop .rightProfile { width: 180px; margin: 40px 0px 5px 0; } header .headerTop .rightProfile .profileOptions { width: auto; margin: 0px 0px 0px 0px; } header .headerTop .rightProfile .profileOptions li a.loginheaderBtn { margin-left: 0px; } header .headerTop .rightProfile .profileOptions li.customerMsg { top: -35px; } header .headerTop h1 { display:none; font-size:11px; float: left; width: 100%; text-align: center; margin: 5px 0px 0px 0px;} header .headerTop { position: absolute; height: 200px;} header .headerMain { width: 100%; padding-top: 15px; } header .headerMain .logo { margin-left: 40px;} header .headerTop .headerTopHodler { width: 300px;} header .headerCart { float: left; margin: 40px 0px 5px 0; padding: 0px;} header .headerCartNoHover { float: left; margin: 40px 0px 5px 0; padding: 0px;} header .headerMain .search { position: absolute; width: 300px; top: 160px; left: 0px;margin: 0px 0px 0px 0px;} header .search form { width: 300px;} header .search input.text { width: 245px;} header .search button.searchSubmit { right: 1px;} header .bottomHeader { margin-top: 215px; margin-bottom: 20px; display: none;} header .bottomHeader .headerBlock { width: 250px; margin-right: 0px; margin-left: 35px; margin-bottom: 20px; background: none; } header .bottomHeader .headerBlock:nth-child(2n) { margin-right: 0px; background: none;} header .headerCart .headerCartSub { width: 260px; right: -200px;} header .headerCart .headerCartSub .headerSubCartContent .subCartItem .cartItemTitle { width: 188px; line-height: 20px;} header .headerCart .headerCartSub .headerSubCartContent .subCartItem .option { margin-top: 5px; } header .headerCartNoHover .headerCartTop .headerCartNotification, header .headerCart .headerCartTop .headerCartNotification { margin-right: 10px; } header .amountBox { margin-left: 0px; margin-top: 5px;} header .subCartItem .deleteItem { margin-top: 5px;} header .subCartItem .price-box { margin-top: 5px;} header .headerSubCartContent ul li { height: auto;} header .subCartBottomBox { width: 260px; margin-top: 20px; } header .subCartBottomBox .goToCartBtn { margin-left: 35px;} header .subCartBottomBox .buyBtn { float: left; margin-left: 35px; margin-top: 10px;} header .subCartBottomBox .totalHeaderPrice { text-align: center;} header .subCartBottomBox .rightVat { float: left; width: 100%; text-align: center;} header .subCartBottomBox .priceToFreeShipping { text-align: center;} header .headerTop span.headerTitle { display:none; font-size: 11px; margin-right: 0px; text-align: center; width: 100%;} header .rightCart { margin-bottom: 20px;} .searchautocomplete {position: absolute; width:100%; top:145px; left: 0px;} .searchautocomplete .nav { width: 100%; } .searchautocomplete .nav-submit-button { } .searchautocomplete .nav-submit-button .button { } .searchautocomplete .nav .nav-input input { } .searchautocomplete .nav .nav-search-in .category { } .searchautocomplete .nav .nav-search-in .category-fake{ } .searchautocomplete .nav .nav-search-in .nav-down-arrow{ } .searchautocomplete .searchautocomplete-placeholder { right: 2px; top: 45px; width: 296px; } .searchautocomplete .searchautocomplete-placeholder:before { top:-11px; } .searchautocomplete .searchautocomplete-placeholder ul li a{ width: 145px; } section#main {margin: 230px 0px 20px 0px;} section#main #homeMainSlider { display: none;} section#main.col2-left-layout .mainContent { width: 300px;} section#main .mainContent .bannerHolder { float: left; width: 100%; } section#main .mainContent .brandHolder a { margin-right: 5px;} section#main .mainContent .brandHolder h3 { width: 260px; height: auto; line-height: 24px; padding:5px 15px 5px 15px; text-align: center;} section#main .mainContent .brandHolder .brandBox { margin: 0px 0px 10px 35px;} section#main .mainContent .brandHolder .brandBox.last { margin: 0px 0px 0px 35px;} section#main .mainContent .bannerHolder .textPage a { margin-left: 35px;} section#main.col3-layout .mainContent h1, section#main.col2-left-layout .mainContent h1 { width: 300px; font-size: 24px; line-height: 30px; } section#main .mainContent .filterSearch .filterSeachInput { width: 208px; } section#main .mainContent .categoryListing { width: 240px;} .productBox .productDetailed { width: 410px; margin: 0px 0px 20px 0px;} .productBox .price-box { width: 170px; } .productBox .price-box .price { font-size: 25px;} .productBox .minimal-price-link{ text-align: center; } .productBox .price-box .label { margin-left: 65px;} .productBox .price-box .minimal-price-link .price{ font-size: 14px; width: auto;} .productBox .addToCart { margin-left: 0;} .productBox .buttonHolder { float: left; margin-left: 25px; } .productBox .buttonHolder .countInput { margin-right: 5px; } .productBox .seeMore { margin-top: 15px; margin-left: 115px;} .productBox .priceDescript { width: 100%; text-align: center;} .productBox a.imgHolder { margin: 10px 0 10px 60px; } .productBox.productBoxDetailed a.imgHolder { margin: 10px 0 10px 60px;} section#main.col3-layout .mainContent { margin: 0px; width: 300px;} section#main.col3-layout .mainContent .productBox { width: 298px; height: 535px;} section#main.col3-layout .mainContent .productBox h1 { line-height: 25px; padding: 10px; width: 280px;} section#main.col3-layout .mainContent .productBox .buttonHolder .addToCart { height: 50px; line-height: 50px; width: 140px; margin-top: 5px;} section#main.col3-layout .mainContent .productBox .buttonHolder .addToCart .buyCart { top: 10px;} .productDetailedTabsContent .ui-tabs { width: 300px; margin-left: 0px;} .productDetailedTabsContent .ui-tabs .ui-tabs-panel { width: 258px; height:auto; margin-top: 40px;} .writeProductReview textarea { width: 247px;} .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li a { width: 145px;} .productDetailedTabsContent .ui-tabs ul.ui-tabs-nav li:nth-child(2n){ margin-right: 0px;} .productDetailedTabsContent .ui-tabs .ui-tabs-panel table.definitionProduct { width: 318px;} .productDetailedTabsContent { width: 300px; margin-left: 0px;} .cartPromoBox { margin-top: 25px; margin-right: 5px;} .loginRegister { width: 300px; margin: 20px 0px 0px 0px;} .loginRegister h2 { width: 280px; } .loginRegister p { width: 260px; } .loginRegister.right { float: left !important; width: 260px; margin-top: 20px;} .checkoutColumn { margin: 10px 0px 20px 0px; width: 300px;} .checkoutRegister { width: 280px;} .checkoutRegister .checkoutTitle { width: 300px;} .checkoutRegister .inputHolder { width: 280px;} .checkoutRegister .inputHolder input { width: 267px;} .checkoutRegister .inputHolder .validate-select { width: 277px;} .checkoutRegister .inputHolder.fullWidth input { width: 267px;} .checkoutRegister .checkoutTotalPriceHolder { width: 270px; float: right;} .checkoutRegister .checkoutTotalPriceHolder table td { font-size: 15px;} .checkoutRegister .checkoutBtn { width: 280px;} section#main.col2-right-layout .mainContent{ width: 300px;} .newsListing .newsBox.noImage .newsTextContainer { width: 222px;} .newsListing .newsBox { height: 300px;} .newsListing .newsBox p {float:left; margin-bottom: 10px; } .newsListing .newsBox p span {float:left; margin-bottom: 10px; } .cms-page-view section#main .mainContent section.textPage { width: 258px; } .contactForm section.textPage h2 { float: left; width: 100%; text-align: center; padding: 0px 0px 0px 0px;} .contactForm section.textPage p { text-align: center;} section#main .mainContent .categoryListing .categoryCol { float: left; width: 135px; padding: 0px 0px 0px 60px; margin-bottom: 20px; } section#main .mainContent .categoryListing .categoryRow ul.fillterListing { width: 100%; padding: 0px; } section#main .mainContent .categoryListing .filterOptions { width: 108px;} section#main .mainContent .categoryListing .filterOptions .openOption { width: 58px;} section#main .mainContent .categoryListing .filterOptions .subOptions { width: 95px;} .productBox .productTitle { width: 300px; line-height: 25px; padding: 10px 10px 10px 10px;} .productBox .productDetailed { width: 300px; } .productBox .attributesTable { width: 300px; margin-left:0px; margin-top: 0px; } section#main.col3-layout .mainContent .productBox .buttonHolder { width: 280px; margin-left: 10px; } section#main.col3-layout .mainContent .priceHolder { margin-left: 20px; width: 260px; } section#main.col3-layout .mainContent .productBox .price-box .regular-price { width: 100%; } section#main.col3-layout .mainContent .priceHolder .price { width: 100%; text-align: center; } section#main.col3-layout .mainContent .productBox .status { text-align: center; } section#main.col3-layout .mainContent .productBox .buttonHolder { margin-top: 20px; } section#main .mainContent .seriesListing ul { margin: 0px; width: 100%;} section#main .mainContent .seriesListing ul li { width: 100%; margin: 5px 0px 0px 0px; } section#main .mainContent .seriesListing ul li a { display: table; margin: 0 auto } ul.messages li.success-msg { width: 253px; } .btnCheckoutHolder { margin-top: -15px; margin-bottom: 15px; } table.cartTable { table-layout: fixed; padding: 10px; } table.cartTable .productTitle{ font-size: 10px; line-height: 15px; margin-left: 0px; } table.cartTable .amountBox { margin-left: 2px; width: 40px; } table.cartTable .amountBox .ui-spinner-up { left: 7px; top: -12px; } table.cartTable .amountBox .ui-spinner-down { left: 7px; top: 25px; } .amountBox .qtyNumber { margin-left: 8px; margin-top: 7px; } table.cartTable .amountBox input.amount { margin-left: 7px; margin-top: 7px; width: 24px; border: 1px solid #c7c7c7; border-top: none; border-bottom: none;} table.cartTable td .option { font-size: 10px; line-height: 15px; margin: 0px; } table.cartTable td:nth-child(2n) { width: 100px; } table.cartTable .productImg img { width: 40px; height: 40px; } table.cartTable .cellWrapper { min-height: 185px; } .popUpLogin { width: 280px; } .popUpLogin .inputHolder label { text-align: left; } .popUpLogin .inputHolder .input-text { width: 268px; } .popUpLogin .lostPass{ float: right; width: auto; margin: 10px 0px 0px 0px; } .popUpLogin .loginBtn { margin-left: 25px; } .popUpLogin .regBtn { margin-left: 25px; } .popUpLogin .popUpText { margin-left: 105px; } .popUpLogin .fbLogin { margin-bottom: 10px; } .productBox .price-box { width: 100%; margin: 15px 0px 0px 0px; } .productBox .price-box .regular-price { width: 100%; } .productBox .price-box .price { width: 100%; text-align: center; } .productBox .priceHolder { width: 100%; margin: 0px; } .productBox.productBoxDetailed .priceHolder { width: 100%; } .productBox.productBoxDetailed .status { text-align: center; } .cboxPhoto { width: 100% !important; height: 100% !important; } .contactForm textarea { width: 240px; } .newsListing .newsBox { height: 370px;} .newsListing .newsBox .newsTextContainer {width: 220px; height: 120px; margin-bottom: 20px;} .newsListing .newsBox .newsImg { width: 120px; height: auto; margin-top: 0px; margin-right: 80px;} .newsListing .newsBox img { width: 120px; height: auto;} .newsListing .bottomLine { width: 300px;} .newsDetailed {width:258px;} .newsDetailed .newsBoxContainer {width: 195px; } .newsDetailed p img { width: 200px;height: auto; } .newsDetailed .socialBox{ margin-top:20px; } .bannerHolder .textPage p img { margin: 0px 0px 10px 35px; } section#main.col3-layout .mainContent .additionalProductsContent .productBox .imgHolder { width: 240px; height: 240px; } section#main.col3-layout .mainContent .additionalProductsContent .productBox .imgHolder img { width: 240px; height: 240px; } section#main.col3-layout .mainContent .additionalProductsContent .productBox .productDetailed { width: 299px; } section#main.col3-layout .mainContent .additionalProductsContent .productBox .attributesTable { margin-left:60px;} section#main.col3-layout .mainContent .additionalProductsContent .priceHolder { float: left; width: 100%; margin-top: 20px;} section#main.col3-layout .mainContent .additionalProductsContent .productBox .price-box { width: 100%} section#main.col3-layout .mainContent .additionalProductsContent .productBox .price-box { text-align: center;} section#main.col3-layout .mainContent .additionalProductsContent .priceHolder .priceDescript{width: 100%; text-align: center;} .additionalProductsContent .productBox .seeMore { float: none; display: table; margin: 0 auto; } section#main.col3-layout .mainContent .productBox.productBoxDetailed .buttonHolder { width: 170px; margin-left: 45px; } section#main.col3-layout .mainContent .productBox .buttonHolder .addToCart:hover .buyCart {top:14px;} .allReviewComments .viewMoreComments { left:48px; } .productFromCategory .buttonHolder { width: 175px; margin-left: 72px; } .productFromCategory .buttonHolder .addToCart { margin-top: 5px; } .productFromCategory a.imgHolder { width: 230px; height: 230px; } .productFromCategory a.imgHolder img { width: 230px; height: 230px; } table.cartTable .price-box .price { font-size: 11px; } .underCartTotalBox{ width: 280px; } .rightCart .amountBox .qtyNumber { margin-left: 26px;margin-top: 0px; } .loginRegister.registerPage .formHolder { border-right: none; width: 260px;} .loginRegister.registerPage .socialLogin { float: left; width: 270px;} .additionalProductsContentInCart { width: 100%;} table.cartTable td { text-align: left;} table.cartTable .productTitle { word-break:break-word;} table.cartTable .freeDeliveryLine { padding: 0px 10px 0px 10px; box-sizing:border-box;} .customer-account-create .loginRegister .google-captcha-box .recaptcha { transform: scale(0.85); -webkit-transform: scale(0.85); margin-left: -23px; } .writeProductReview .google-captcha-box .recaptcha { transform: scale(0.80); -webkit-transform: scale(0.80); margin-left: -45px; } .loginRegister form .formHolder { width: 260px; } .loginRegister .google-captcha-box .recaptcha { transform: scale(0.85); margin-left: 0px; } .terms-popup { width: 300px; } .opc-index-index .loginRegister.right { width: 300px; } .my-account a.button.right { float: left; } .deleting-account-info { float: left; } .productBox.productBoxDetailed .tier-prices{ text-align: center; padding: 0 40px; } .stenik-checkout .col-xs-8 { max-width: 100%; } .stenik-checkout-top-login .button.open-popup{ margin: 2px;} .stenik-checkout-top-login .social-login { height: auto; } .stenik-checkout-top-login .social-login .fbLogin { margin: 2px;} .stenik-checkout-top-login .social-login .gpLogin { margin: 2px;} .stenik-checkout-top-login p{ display: none; } .stenik-checkout-top-login { max-width: 100%; } .stenik-checkout .coupon-review-col{ position: static !important; width: 100%; } .checkout-onepage-index .breadcrumbs { display: none } .stenik-checkout .fields .field { width: 100%;} .stenik-checkout #extensa_econt-form li .field { width: 100%;} .checkout-popup-login { width: 300px; padding: 14px 10px 0px 10px;} .checkout-popup-login .popup-login-form { max-width: 100%; } .checkout-popup-login .social-login { margin: 5px 0px 10px 0px;} .checkout-popup-login .orText { margin: 0 0 10px 0 } .stenik-checkout .fields .field.officeLocator { display: none; } .customer-address-form .my-account form .fieldset .form-list .field { width: 100%; } .my-account ul.form-list li.fields.econt-door-address-fields ul li.fields .field { width: 100%; } .my-account ul.form-list li.fields.econt-office-address-fields ul li.fields .field { width: 100%; } .delivery-to-wrapper #extensa_econt-form .officeLocator button.button { margin: 0 0 10px 0; } aside.rightCol { float: left;margin-left: 35px; } aside.leftCol { width: 100%; } #nav { display: none; } aside.leftCol nav.leftMenu { padding: 0; } aside.leftCol .navTitle { cursor: pointer; padding: 0px; margin: 0; text-align: center; width: 100%; height: 40px; line-height: 40px; } aside.leftCol .leftMenu ul, aside.leftCol .leftSecondMenu ul { width: 298px; } aside.leftCol .leftMenu li a, aside.leftCol .leftSecondMenu li a { border: none; width: 100%; padding: 0px; text-align: center; } aside.leftCol .leftMenu li:hover a, aside.leftCol .leftSecondMenu li:hover a { border:none; padding: 0px; } aside.leftCol nav.leftMenu ul li.selected a { padding-left: 0; } aside.leftCol .leftSecondMenu li.veiewAll { width: 100%;} aside.leftCol .leftMenu li a, aside.leftCol .leftSecondMenu li a { width: 100%; padding: 0px; } aside.leftCol .leftSecondMenu li.veiewAll::before {left: auto; right: 85px; } aside.leftCol .leftSecondMenu li.veiewAll:hover::before { left: auto; right: 80px; } aside.leftCol li.veiewAll:hover a { } aside.leftCol .leftSecondMenu ul { display: none; } aside.leftCol .asidebanner { display: none; } .asidebanner section.textPage p { text-align: center; } aside.leftCol .cmsPageLeftMenu ul li { margin-left: 35px; border:none; padding: 0px; } aside.leftCol .cmsPageLeftMenu ul li a { padding: 0px 0px 0px 0px; width: 100%; text-align: center; } aside.leftCol .cmsPageLeftMenu ul li:hover { padding: 0px; } aside.leftCol .cmsPageLeftMenu ul li:hover { width: 220px; } aside.leftCol .cmsPageLeftMenu ul li.selected a { padding: 0; } aside.leftCol .cmsPageLeftMenu ul li:hover a { padding: 0; } .cms-page-view section#main .mainContent section.textPage ol { margin: 10px 0 10px 20px; } section.textPage ul li { margin-left: 20px; } section.textPage blockquote { padding-left: 35px; } section.textPage blockquote:before { left: 20px; } footer .footerWideColor{ width: 300px; float: none; overflow: hidden; margin: 25px auto 0px auto;} footer .bannerContent .bannerBox { width: 100%; margin: 0px 0px 20px 0px; } footer .bannerContent .bannerBox p { text-align: center; } footer .footerMainContent .footerCol { margin: 25px 0px 0px 60px; width: 180px; } footer .footerMainContent .footerCol h3 { text-align: center; } footer .footerMainContent .footerCol li { text-align: center; } footer .footerMainContent .footerCol p { text-align: center; } footer .footerMainContent .footerCol.lastCol { float: left; width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin-left: 0px; } footer .footerPaymentDeliveryHolder { text-align: center; padding-left: 10px; padding-right: 10px; box-sizing: border-box; width: 100%; } footer .footerPaymentDeliveryHolder .wrapper { width: 100%; } footer .footerPaymentDeliveryHolder .footerPayment { width: 100%; box-sizing: border-box; } footer .footerPaymentDeliveryHolder .footerPayment img { width: 100%; max-width: 100%; } footer .footerPaymentDeliveryHolder .paymentTitle { float: none; display: inline-block; margin-right: 0; } footer .footerMainContent .footerPaymentDeliveryHolder .footerPayment img { width: 100%; } footer .footerMainContent .lastCol form.footerNewsletter input { width: 100%; box-sizing: border-box; } footer .footerMainContent .footerPaymentDeliveryHolder .footerDelivery { text-align: center;} footer .footerMainContent .footerPaymentDeliveryHolder .footerDelivery img { float: left; margin-left: 98px; } footer .footerBottom li { font-size: 11px; margin-right: 5px; } footer .footerBottom li a { font-size: 11px;} footer .footerMainContent .socialIcon { margin: 0 3px 5px 3px; } footer .footerBottom ul { width: 300px; text-align: center; } footer .footerBottom li { font-size: 11px; margin-right: 5px; float: none; display: inline-block; } footer .footerBottom li a { font-size: 11px;} footer .footerBottom .stenikInfo { margin: 5px 45px 0 0; } }