/* THIS FILE CONTAINS BASE INFORMATION FOR THE MVC WORK */ /* Try and keep site specifics out of here, and overidde in Template CSS */ @font-face { font-family:"SegoeRegular"; src:url(fonts/segeo-wp-webfont.eot); src:url(fonts/segeo-wp-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/segeo-wp-webfont.woff) format("woff"),url(fonts/segeo-wp-webfont.ttf) format("truetype"); font-weight:400; font-style:normal } @font-face { font-family:"SegoeSemiBold"; src:url(fonts/segeo-wp-semibold-webfont.eot); src:url(fonts/segeo-wp-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/segeo-wp-semibold-webfont.woff) format("woff"),url(fonts/segeo-wp-semibold-webfont.ttf) format("truetype"); font-weight:400; font-style:normal } .pq-gradiant-light { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); border: 1px solid #c7c6c6; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; -moz-box-shadow: 1px 1px 1px #a4a6a4; -webkit-box-shadow: 1px 1px 1px #a4a6a4; box-shadow: 1px 1px 1px #a4a6a4; } .pq-gradiant-dark { background: #8a8a8a; background: -moz-linear-gradient(top, #8a8a8a 0%, #4d4d50 100%); background: -webkit-linear-gradient(top, #8a8a8a 0%,#4d4d50 100%); background: linear-gradient(to bottom, #8a8a8a 0%,#4d4d50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#4d4d50',GradientType=0 ); moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; -moz-box-shadow: 1px 1px 1px #a4a6a4; -webkit-box-shadow: 1px 1px 1px #a4a6a4; box-shadow: 1px 1px 1px #a4a6a4; } .pq-shadow-box { width: 100%; height: 100px; position: absolute; box-shadow: inset 0px 0px 50px -20px #000; -webkit-box-shadow: inset 0px 0px 50px -20px #000; -moz-box-shadow: inset 0px 0px 50px -20px #000; border: solid 1px #dfdfdf; } .pq-module-body { font-family:'SegoeRegular', Arial, sans-serif; font-size:12px; color:#272727; margin:0; padding:0; background-color: #ecebeb; width: 100%; } .pq-module-header { width: 100%; background-color: #fff; border-bottom: 1px solid #ccc; min-width: 1000px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .pq-module-wrapper { width: 1246px; margin-right:auto; margin-left:auto; } .pq-module-left { float: left; } .pq-module-right { float: right; } .pq-module-footer { clear:both; position:relative; padding: 10px; width: 100%; box-sizing: border-box; } .pq-module-footer-left { float: left; } .pq-module-footer-right { text-align: right; float: right;} .pq-module-footer-right p { margin: 0px; padding: 0px; margin-top: 4px; } .pq-module-header .vat-toggle { margin-top: 25px; width: 105px; } .pq-module-title { padding-top: 20px; color: #b7b7b7; text-align: right; } .pq-module-title span { display: inline-block; font-size: 38px; position: relative; top: -2px; } .pq-module-title .img { display: inline-block; margin-right: 10px; } .pq-module-phone { text-align: center; margin-left: auto; margin-right: auto; } .pq-module-phone span { display: inline-block; font-size: 15px; top: -5px; position: relative; } .pq-module-phone .img { display: inline-block; padding-right: 5px; } .pq-module-content { padding: 10px; width: 100%; box-sizing: border-box; } .pq-module-header .pq-module-nav { height: 35px; clear: both; padding-left: 20px; clear: both; } .pq-module-header .pq-module-nav .tab, .pq-module-header .pq-module-nav .tab-active { float: left; font-size: 13px; margin-top: 4px; padding: 5px 11px 10px 11px; font-weight: bold; cursor: pointer; height: 15px; } .pq-module-header .pq-module-nav .tab-active { background-color: #ecebeb; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 10px 11px 10px; } .pq-module-header .pq-module-nav .tab:hover { background-color: #ddd; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 10px 10px 10px; } .pq-module-header .logout { float: right!important; margin-right: 10px; } .pq-module-box, .pq-checkout-box { border: 1px solid #c7c6c6; background: #fff; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; -moz-box-shadow: 1px 1px 1px #a4a6a4; -webkit-box-shadow: 1px 1px 1px #a4a6a4; box-shadow: 1px 1px 1px #a4a6a4; box-sizing: border-box; } .pq-module-box { border-top: none; border-right: none; margin-bottom: 10px; } .pq-module-box-no-top { border-top: 1px solid #c7c6c6; } .pq-module-box-content { padding: 10px; } .pq-module-box-top { padding: 3px 0px 3px 10px; height: 26px; line-height: 26px; background-color: #868686; moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; border: 1px solid #868686; color: #fff; font-size: 15px; } .pq-module-box-top-right { float: right; margin-right: 10px; line-height: normal; } /* Checkout */ .pq-checkout-wrapper { box-sizing: border-box; } .pq-checkout-box { width: 100%; padding: 30px; position: relative; } .pq-checkout iframe { width: 100%; border: none; } .pq-checkout a { display: inline-block; color: #272727; } .pq-checkout input[type=password], .pq-checkout input[type=text], .pq-checkout input[type=email], .pq-checkout input[type=tel], .pq-checkout input[type=date], .pq-checkout textarea, .pq-checkout select { background-color: #f5f5f5; border: 1px solid #c7c6c6; padding: 10px; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; box-sizing: border-box; margin-bottom: 10px; } .pq-checkout select { padding: 9px 10px 9px 7px; } .pq-checkout textarea { font-family:'SegoeRegular', Arial, sans-serif; } .pq-checkout input[type=password]:focus, .pq-checkout input[type=text]:focus, .pq-checkout input[type=email]:focus, .pq-checkout input[type=tel]:focus, .pq-checkout input[type=date]:focus, .pq-checkout textarea:focus, .pq-checkout select:focus { background-color: #fff; outline: none; border-color: #585858; } .pq-checkout-required { background-color: #FFC!important; border-color: #fc3!important; } .pq-checkout-correct { position: relative; } .pq-checkout-correct:before { background: url('/MVC/styles/shared/i/card-tick.png') no-repeat; background-size: contain; content: ""; display: block; right: 5px; width: 20px; height: 20px; z-index: 100; position: absolute; top: 10px; } .pq-checkout-payment-types .pq-checkout-delivery-header { width: 30%; margin-right: 5%;} .pq-checkout-payment-types .pq-checkout-delivery-header:last-child { margin-right: 0px; } @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button { display: inline-block; -webkit-appearance: -apple-pay-button; } .apple-pay-button-black { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black; } } @supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button { display: inline-block; background-size: 100% 60%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; padding: 0px; box-sizing: border-box; min-width: 200px; min-height: 32px; max-height: 64px; } .apple-pay-button-black { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black; } } .apple-pay-button { height: 36px; border: none; } .pq-checkout-tip { margin: 5px 0px 5px 0px!important; box-sizing: border-box; padding-left: 5px; display: block; } .pq-checkout h2 { padding: 0px; margin: 20px 0px 10px 0px; } .pq-checkout-safety { text-align: center; padding-top: 20px; left: -0px; width: 100%; } .pq-checkout-delivery-header { font-family:'SegoeSemiBold'; cursor: pointer; width: 300px; padding: 10px; box-sizing: border-box; } .pq-checkout-delivery-header table { width: 100%; border-collapse: collapse; } .pq-checkout-delivery-header span { display: block; color: #797979; font-size: 20px; } .pq-checkout-delivery-header .img { display: block; float: left; margin-right: 5px; } .pq-checkout-delivery-header.active { cursor: default!important; padding: 11px; } .pq-checkout-delivery-header.active span { color: #fff; } .pq-checkout-delivery-header.error { cursor: default!important; } .pq-checkout-delivery-header.error span { font-size: 11px; } .pq-checkout-delivery-option { padding: 0px; margin-bottom: 5px; cursor: pointer; box-sizing: border-box; border-bottom: 1px solid #ccc; } .pq-checkout-delivery-option .pq-checkbox { margin-bottom: 5px; } .pq-checkout-delivery-option table { width: 100%; border-collapse: collapse; } .pq-checkout-delivery-option.highlight { color: #217a02; font-family: 'SegoeSemiBold'; } .pq-checkout-delivery-option input[type=radio] { padding: 0px; margin: 0px 0px 0px 0px; cursor: pointer; } .pq-checkout-delivery-option.active { cursor: default!important; padding: 11px; color: #fff; } .pq-checkout table { border-collapse: collapse; width: 100%; } .pq-checkout table td { padding: 0px; } .pq-checkout table th { padding: 0px; } .pq-checkout-address { position: relative; background-color: #f5f5f5; border: 1px solid #c7c6c6; padding: 10px!important; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; box-sizing: border-box; } .pq-checkout-address .btn { position: absolute; right: 10px; bottom: 10px; } .pq-checkout-buybox { text-align: right; margin-top: 20px; } .pq-checkout-communication { text-align: left; margin-top: 20px; border-top: 1px solid #ccc; } .pq-checkout-selectable:hover { border-color: #585858; } .pq-checkout-option { padding: 10px; margin-bottom: 10px; cursor: pointer; box-sizing: border-box; } .pq-checkout-option table { width: 100%; border-collapse: collapse; } .pq-checkout-option table td { padding: 0px; } .pq-checkout-option.highlight { color: #217a02; font-family: 'SegoeSemiBold'; } .pq-checkout-option input[type=radio] { padding: 0px; margin: 0px 0px 0px 0px; cursor: pointer; } .pq-checkout-option.active { cursor: default!important; padding: 11px; color: #fff; } .pq-checkout-option-date { width: 106px; text-align: center; padding: 2px 8px; margin-right: 10px; float: left; border: solid 1px #ccc; } .pq-checkout-option-date .pq-checkbox { margin-bottom: 0px; } .pq-checkout-order-wrapper { margin-bottom: 10px; } .pq-checkout-order-wrapper h4 { padding: 10px; background-color: #f4f2f1; margin: 0px 0px 10px 0px; font-size: 12px;} .pq-checkout-order { width: 100%; border-collapse: collapse; border-bottom: 2px solid #ccc; } .pq-checkout-order td, .pq-checkout-order th { padding: 3px!important; } .pq-checkout-order tr.item { border-bottom:2px solid #ccc; } .pq-checkout-order .img { text-align: left; width: 67px; vertical-align: top; } .pq-checkout-order .desc { text-align: left; } .pq-checkout-order .sub { text-align: right; } .pq-checkout-order .qty { width: 50px; text-align: center; font-weight: bold; } .pq-checkout-order .price { width: 60px; text-align: right; font-weight: bold; } .pq-checkout-order .child { padding-left: 15px; position: relative; color: #656565; } .pq-checkout-order .child .pq-bullet { position: absolute; top: 1px; left: 0px; } .pq-bullet { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #656565; } .pq-checkout-order table.imgWrapper { border-collapse: collapse; border: none; } .pq-checkout-order table.imgWrapper tr { border: none!important; } .pq-checkout-order table.imgWrapper td { width: 60px; height: 60px; border: none; vertical-align: middle; text-align: center;} .pq-checkout-itm { max-width: 500px; margin-left: auto; margin-right: auto; } .pq-checkout-itm h2 { margin: 0px; } .pq-checkout-opt { border: solid 1px #ccc; width: 100%; margin: 10px 0px; margin-left:auto; margin-right:auto; background-color:#fff; border-color:#dfdfdf;border-style:solid;border-width:1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} table.pq-checkout-opt td { padding: 5px; } div.pq-checkout-opt { padding: 5px; box-sizing: border-box; } .pq-checkout-store-left { float: left; width: 425px; } .pq-checkout-store-right { float: left; width: 200px; margin-left: 20px; } .pq-checkout-store-select { float: right; width: 65px; } .pq-checkout-store-select .btn { width: 100%; } .pleft { float: left; width: 48%; } .pright { float: right; width: 48%; } .pmiddle { width: 48%; margin-left: auto; margin-right: auto; } .pq-checkout-card-logo { width: 60px; padding-left: 20px!important; } .pq-checkout-card-expires { display: inline; margin-left: 20px; } .pq-checkout-card-address { display: block; } .pensio_payment_form_label_cell { padding-bottom: 5px; display: block; } #creditCardTypeIcon { position: absolute; right: 10px; top: 10px; } .altapay-card .cardnumber_row .pensio_payment_form_input_cell { position: relative; } .altapay-card .cardnumber_row .pensioCreditCardInput { width: 100%; margin-right: -20px;} .altapay-card .expiry_row { float: left; margin-right: 20px; } .altapay-card .cvc_row { float: left; } .altapay-card .pq-cvc { position: absolute; right: 70px; top: 79px; } .altapay-card .cvc_description_row { clear: both; position: relative; padding-top: 20px; display: none; } .altapay-card .cvc_description_row .pensio_payment_form_label_cell { display: none; } .altapay-card .cvc_description_row .pensio_payment_form_cvc_cell { position: absolute; right: 0px; top: -65px; } .altapay-card .cardholdername_row { clear: both; } .altapay-card .cardholdername_row .pensioCreditCardInput { width: 100%; margin-right: -20px;} .altapay-card .submit_row { clear: both; } .altapay-card .AltaPaySubmitButton { display: none!important; } .braintree-card { float: left; width: 360px; } .braintree-card label { padding-bottom: 5px; display: block; } .braintree-pan { position: relative; } .braintree-pan .card { position: absolute; right: 6px; top: 25px; } .braintree-input { height: 49px; background-color: #f5f5f5; border: 1px solid #c7c6c6; padding: 10px; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; box-sizing: border-box; margin-bottom: 10px; } .braintree-expiry { float: left; width: 100px; margin-right: 20px; } .braintree-cvv { float: left; width: 80px; margin-right: 20px; } .braintree-card .pq-cvc { float: left; margin-top: 17px; } #existingCard.braintree-card .pq-cvc{margin-top: 0px; } .checkout-stages { float: right; margin-bottom: 10px; } .checkout-stages-point { width: 68px; text-align: center; float: left; font-size: 11px; } .checkout-stages-point .square { height: 32px; width: 32px; border: 4px solid #6b6b6b; margin-left: auto; margin-right: auto; margin-bottom: 4px; } .checkout-stages-seperator { float: left; border-top: 4px solid #6b6b6b; width: 50px; margin-top: 18px; margin-left: -14px; margin-right: -14px; } .checkout-stages-point.active .square { background-color: #6b6b6b;} .pq-checkout-item { margin: 10px 0px 0px 0px; } .pq-checkout-item p { margin: 0px; } .pq-checkout-item-image { float: left; width: 150px; } .pq-checkout-item-image td { text-align: center; } .pq-checkout-item-stockcode { float: left; width: 100px; box-sizing: border-box;} .pq-checkout-item-stockcode h5 { font-size: 16px; padding: 0px; margin: 0px; } .pq-checkout-item-stockcode p { font-size: 11px; padding: 0px; margin: 0px; } .pq-checkout-item-stockcode p span { color: #777; } .pq-checkout-item-title { float: left; margin-left: 20px; width: 665px; box-sizing: border-box;} .pq-checkout-item-title h5 { font-size: 16px; padding: 0px; margin: 0px; } .pq-checkout-item-title p { font-size: 11px; padding: 0px; margin: 0px; } .pq-checkout-item-title p span { color: #777; } .pq-checkout-item-text { float: left; width: 1060px; text-align: right; font-weight: bold; } .pq-checkout-item-quantity { float: left; margin-top: 1px; margin-left: 20px; width: 80px; text-align: center; box-sizing: border-box; } .pq-checkout-item-unit { float: left; width: 100px; margin-top: 1px; margin-left: 20px; text-align: center; box-sizing: border-box; } .pq-checkout-item-total { float: right; width: 90px; margin-top: 1px; text-align: center; box-sizing: border-box; } .pq-checkout-item-header { padding: 5px 0px!important; background-color: #f4f2f1; margin-top: 0px!important; margin-bottom: 0px!important; box-sizing: content-box; } .pq-checkout-item-header p { font-size: 12px!important; margin: 0px; padding: 0px; text-align: center; color: #000!important; font-weight: bold;} .pq-checkout-textitem .pq-checkout-item-unit { margin: 0px; } .pq-checkout-textitem { margin: 0px; } .pq-checkout-totals { width: 50%; float: right; } .pq-checkout-totals h4 { padding: 10px; background-color: #f4f2f1; margin: 0px 0px 10px 0px; font-size: 12px; text-align: left;} .pq-checkout-totals td.pq-checkout-item-text { text-align: left; float: none; width: auto; } .pq-checkout-totals td.pq-checkout-item-total { float: none; text-align: right; font-weight: bold; } .pq-checkout-totals td.pq-checkout-item-text p { margin: 0px; padding-bottom: 5px; } .pq-checkout-totals td.pq-checkout-item-total p { margin: 0px; padding-bottom: 5px; } .pq-checkout-backorders table { border-collapse: collapse; } .pq-checkout-backorders table th, .pq-checkout-backorders table td { padding: 5px; } .pq-checkout-backorders table th { background-color: #f4f2f1; text-align: left; font-weight: bold; } .pq-checkout-backorders .item-number { width: 100px; } .pq-checkout-backorders .item-ordered { width: 50px; text-align: center; } .pq-checkout-backorders .item-available { width: 50px; text-align: center; } /* Checkout */ .pq-mod-body { font-family:Arial, sans-serif; font-size:12px; color:#272727; margin:0; padding:0; background-color: #ccc; } .pq-mod-wrapper { width:1000px; margin-right:auto; margin-left:auto; position:relative; background-color:#fff; -moz-box-shadow: 0px 0px 20px #000; -webkit-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; background-color:#ecebeb;} .pq-mod-header { width: 100%; position: relative; margin-bottom: 20px; background-image: url('i/header-bg.jpg'); background-position: left bottom; background-repeat: repeat-x; } .pq-mod-header .logo { padding: 10px; float: left; } .pq-mod-header h1 { float: right; position: absolute; right: 20px; top: 30%; padding: 0px; margin: 0px; } .pq-mod-header .pq-mod-nav { height: 35px; clear: both; padding-left: 20px; clear: both; } .pq-mod-m-nav { display: none; } .pq-mod-header .pq-mod-nav .tab, .pq-mod-header .pq-mod-nav .tab-active { float: left; font-size: 13px; margin-top: 4px; padding: 5px 11px 10px 11px; font-weight: bold; cursor: pointer; height: 15px; } .pq-mod-header .pq-mod-nav .tab-active { background-color: #ecebeb; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 10px 10px 10px; } .pq-mod-header .pq-mod-nav .tab:hover { background-color: #ddd; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 10px 10px 10px; height: 10px; } .pq-mod-header .logout { float: right!important; margin-right: 10px; } .pq-mod-content { padding: 10px; } .pq-mod-footer { clear:both; position:relative; margin: 3px 10px 0px 10px; padding: 10px 0px 20px 0px; } .pq-mod-footer-left {float: left; } .pq-mod-footer-right { text-align: right; float: right;} .pq-mod-footer-right p { margin: 0px; padding: 0px; margin-top: 4px; } .pq-mod-box { border: 1px solid #ccc; background: #fff; border-top: none; margin-bottom: 10px; moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 10px 10px; -moz-box-shadow: 0px 1px 1px #a4a6a4; -webkit-box-shadow: 0px 1px 1px #a4a6a4; box-shadow: 0px 1px 1px #a4a6a4; } .pq-mod-box-no-top { border-top: 1px solid #ccc; } .pq-mod-box-content { padding: 10px; } .pq-mod-box-top { padding: 3px 0px 3px 10px; height: 26px; line-height: 26px; background-color: #868686; moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; border: 1px solid #868686; color: #fff; font-size: 15px; } .pq-mod-box-top-right { float: right; margin-right: 10px; line-height: normal; } div.pq-terms { padding: 5px; border: solid 1px #FF3333; background-color: #FFCCCC; } /* Stars */ .pq-reevoo-stars { padding: 5px 0px; cursor: pointer; display: inline-block; } .pq-stars-0, .pq-stars-1, .pq-stars-2, .pq-stars-3, .pq-stars-4, .pq-stars-5, .pq-stars-6, .pq-stars-7, .pq-stars-8, .pq-stars-9, .pq-stars-10 { width: 80px; height: 13px; background-image: url('i/stars.png'); float: left; margin-right: 5px; } .pq-stars-1 { background-position: -80px top; } .pq-stars-2 { background-position: -160px top; } .pq-stars-3 { background-position: -240px top; } .pq-stars-4 { background-position: -320px top; } .pq-stars-5 { background-position: -400px top; } .pq-stars-6 { background-position: -480px top; } .pq-stars-7 { background-position: -560px top; } .pq-stars-8 { background-position: -640px top; } .pq-stars-9 { background-position: -720px top; } .pq-stars-10 { background-position: -800px top; } .pq-stars-0 { background-position: -880px top; } .pq-stars-text { padding-top: 1px; display: block; float: left; } .pq-reevoo-stars a { color: #272727; text-decoration: none;} .pq-stars-large-0, .pq-stars-large-1, .pq-stars-large-2, .pq-stars-large-3, .pq-stars-large-4, .pq-stars-large-5, .pq-stars-large-6, .pq-stars-large-7, .pq-stars-large-8, .pq-stars-large-9, .pq-stars-large-10 { width: 100px; height: 17px; background-image: url('i/stars_large.png'); float: left; margin-bottom: 10px; } .pq-stars-large-0 { background-position: -0px top; } .pq-stars-large-1 { background-position: -100px top; } .pq-stars-large-2 { background-position: -200px top; } .pq-stars-large-3 { background-position: -300px top; } .pq-stars-large-4 { background-position: -400px top; } .pq-stars-large-5 { background-position: -500px top; } .pq-stars-large-6 { background-position: -600px top; } .pq-stars-large-7 { background-position: -700px top; } .pq-stars-large-8 { background-position: -800px top; } .pq-stars-large-9 { background-position: -900px top; } .pq-stars-large-10 { background-position: -1000px top; } .pq-stars-large-text { display: block; text-align: center; width: 100px; } /* Stars */ /* My Account - Address */ .pq-address { width: 400px; float: left; margin-right: 8px; } .pq-address p { margin: 0px; padding: 0px; } /* My Account - Address */ /* My Account - Select Address */ .pq-select-address-wrapper { padding: 10px; } .pq-select-address { margin-bottom: 10px; cursor: pointer;} .pq-select-address-active { color: #fff; } .pq-select-address td { padding: 10px 5px!important; } /* My Account - Select Address */ /* My Account - Settings */ .pq-settings { width: 100%; border-collapse: collapse; } .pq-settings th { width: 130px; text-align: left; } .pq-settings th, .pq-settings td { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #ccc; } .pq-settings-edit { width: 50px; text-align: right; } .pq-settings-delete-div {width:100%; text-align: center; padding-top: 5px;} /* My Account - Settings */ /* My Account - Cards */ .pq-card { width: 400px; float: left; margin-right: 8px; } .pq-card p { margin: 0px; padding: 0px; } .pq-card-address { float: left; width: 180px; } .pq-card-info { float: right; width: 100px; text-align: center; } /* My Account - Cards */ /* My Account - Returns */ .pq-returns { background-image: url('i/order-bg.jpg'); background-position: left; background-repeat: repeat-y; } .pq-returns p { padding: 0px; margin: 0px; } .pq-returns-left { width: 320px; float: left; padding: 10px; box-sizing: border-box; } .pq-returns-right { width: 900px; float: right; padding: 10px; box-sizing: border-box; } .pq-returns-status { margin-bottom: 10px; } .pq-returns-status h3 { color: #e47911; font-size: 18px; padding: 0px; margin: 0px; } .pq-returns-status p { color: #34508a; } .pq-returns-info { border: solid 1px #34508a; background-color: #fff; margin-bottom: 10px; padding: 10px 10px 10px 10px; box-sizing: border-box; color: #34508a; } .pq-returns-info p { color: #34508a; margin: 0px; padding: 0px; } .pq-returns table { width: 100%; border-collapse: collapse; } .pq-returns table th { text-align: left; width: 100px; color: #545454; vertical-align: top; } .pq-returns table th, .pq-returns table td { padding: 3px 0px; } /* My Account - Returns */ /* My Account - Orders */ .pq-order { background-image: url('i/order-bg.jpg'); background-position: left; background-repeat: repeat-y; } .pq-order-left { width: 320px; float: left; padding: 10px; box-sizing: border-box; } .pq-order-right { width: 900px; float: right; padding: 10px; box-sizing: border-box; } .pq-order table { width: 100%; border-collapse: collapse; } .pq-order table th { text-align: left; color: #545454; vertical-align: top; } .pq-order table th, .pq-order table td { padding: 3px 0px; } .pq-order-price { color: #217a02; font-size: 18px; font-weight: 800; } .pq-order-refund { color: #C02B2B; font-size: 18px; } .pq-order-paid { color: #e47911; font-size: 18px; } .pq-order-status { background-color: #FFC; width: 100%; padding: 10px; border-bottom: 1px solid #FC3; font-weight: bold; text-align: center; box-sizing: border-box; } .pq-order-pay { width: 200px; float: left; text-align: center; } .pq-order-stock-code { white-space:nowrap} /* My Account - Orders */ /* My Account - Statement */ .pq-statement-hdr { } .pq-statement { padding: 5px 0px; border-bottom: 1px solid #ccc; } .pq-statement-itm { float: left; } .pq-statement-itm .hdr { color: #545454; width: 100px; display: none; float: left; } .pq-statement-itm a { color: #000; } .pq-statement-hdr { float: left; } .pq-statement-hdr .hdr { color: #545454; width: 100px; display: block; } .pq-statement-wrapper .date { width: 100px; } .pq-statement-wrapper .ref { width: 200px; } .pq-statement-wrapper .yourref { width: 250px; } .pq-statement-wrapper .price { width: 100px; text-align: right; } .pq-statement-total { float: left; padding: 3px; margin: 0px 0px 10px 10px; border: 1px solid #ccc; width: 100px; text-align: center; } .pq-statement-total .hdr { display: block; color: #545454; } .pq-statement-total .val { display: block; } .pq-statement-total.alert { background-color: #C02B2B; color: #fff; border: 1px solid #C02B2B; } .pq-statement-total.alert .hdr { color: #fff; } /* My Account - Statement */ /* My Account - Login */ .pq-login { } .pq-login-section { border-top: solid 1px #ccc; padding: 10px 0px; } .pq-login-section h3 { color: #8A8A8A; padding: 0px; margin: 0px 0px 5px 0px; } .pq-login a { color: #8A8A8A; text-decoration: none; } .pq-login a:hover { text-decoration: underline; } .pq-login-ctr { text-align: center; width: 100%; } .pq-login .password-tip { margin-left: 0px; margin-right:0px; } /* My Account - Login */ /* Cube */ .pq-cube-show { width: 100%; background-color: #fff; line-height: 30px; } .pq-cube-show .pq-down-arrow-btn, .pq-cube-show .pq-up-arrow-btn { float: right; margin-top: 10px; } /* Cube */ .pq-box { background-color: #fff; padding: 5px 15px 7px 15px; margin: 0px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0px 1px 1px #bababa; -webkit-box-shadow: 0px 1px 1px #bababa; box-shadow: 0px 1px 1px #bababa; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 180, color = '#bababa'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 180, Color = '#bababa')"; margin-bottom: 15px; } .pq-error, .altapay-card #invalid_cvc, .altapay-card #invalid_amex_cvc { border: solid 1px #fc3; background-color: #FFC; background-image: url(i/error.png); background-repeat:no-repeat; margin:10px; padding:10px 10px 10px 40px; box-sizing: border-box; background-position: 10px center; } .pq-success { border: solid 1px #19a51d; background-color: #cdffcc; background-image: url(i/tick.png); background-repeat: no-repeat; margin: 10px; padding: 10px 10px 10px 40px; box-sizing: border-box; background-position: 10px center; } .pq-info { border: solid 1px #6894c1; background-color: #fff; background-image: url(i/info.png); background-repeat: no-repeat; margin: 10px; padding: 10px 10px 10px 40px; box-sizing: border-box; background-position: 10px center; } .pq-success p, .pq-error p, .pq-info p { padding: 0px!important; margin: 0px!important; } .pq-info-icon { font-style: italic; background-color: #000; color: #fff; width: 17px; display: inline-block; text-align: left; border-radius: 50%; height: 17px; font-size: 11px; padding-top: 2px; box-sizing: border-box; cursor: pointer; padding-left: 6px; } .pq-trim { position: relative; width: 100%; overflow: hidden; } .pq-trim p { width: 1000000px; position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; } h2.pq-box-outside { margin: 15px 0px 5px 0px; } /* These are from the sprite */ .pq-tick-bullet span, .pq-tick-grey-bullet span, .pq-cross-grey-bullet span { margin-left: 20px; display: inline-block; } .pq-ticked, .pq-unticked { border: 1px solid #ccc; height: 14px; width: 14px; padding: 1px; position: absolute; right: 5px; top: 50%; margin-top: -9px; } /* .pq-checkout-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px 0px no-repeat; height: 25px; width: 105px; } */ /* .pq-edit-basket-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -25px no-repeat; height: 25px; width: 105px; } */ .pq-next-arrow-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -46px -50px no-repeat; height: 50px; width: 33px; z-index: 1; } .pq-previous-arrow-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -79px -50px no-repeat; height: 50px; width: 33px; z-index: 1; } .pq-information-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -100px no-repeat; height: 12px; width: 12px; } /*.pq-cancel-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -112px no-repeat; height: 25px; width: 61px; } */ .pq-ticked:before { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -137px no-repeat; height: 14px; width: 14px; content: ""; display: block;} .pq-tick-bullet:before { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -137px no-repeat; height: 14px; width: 18px; content: ""; position: absolute; } .pq-tick-grey-bullet:before { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -18px -137px no-repeat; height: 14px; width: 18px; content: ""; position: absolute; } .pq-cross-grey-bullet:before{ background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -36px -137px no-repeat; height: 14px; width: 18px; content: ""; position: absolute; } .pq-tick-green { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -137px no-repeat; height: 14px; width: 14px; } .pq-tick-grey { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -18px -137px no-repeat; height: 14px; width: 14px; } .pq-cross-grey { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -36px -137px no-repeat; height: 14px; width: 14px; } .pq-go-grey { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -54px -137px no-repeat; height: 14px; width: 14px; } .pq-tick-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -69px -137px no-repeat; height: 14px; width: 16px; } .pq-tick-grey-small { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -86px -137px no-repeat; height: 10px; width: 10px; } .pq-finance-enabled { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -136px -136px no-repeat; height: 13px; width: 13px; } .pq-finance-disabled { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -124px -137px no-repeat; height: 13px; width: 11px; } /* .pq-checkout-warranty-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -151px no-repeat; height: 25px; width: 238px; } */ /* .pq-checkout-grey-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -176px no-repeat; height: 25px; width: 136px; } */ /* .pq-add-grey-btn { background: url('/FP_0509171337/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -201px no-repeat; height: 14px; width: 36px; } */ /* .pq-add-grey-btn { height: 14px; width: 36px; } */ /* .pq-confirm-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -215px no-repeat; height: 25px; width: 79px; } */ /* .pq-remind-me-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -240px no-repeat; height: 25px; width: 102px; } */ .pq-down-arrow-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -265px no-repeat; height: 11px; width: 26px; } .pq-up-arrow-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -276px no-repeat; height: 11px; width: 26px; } .pq-lock-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -287px no-repeat; height: 36px; width: 25px; } .pq-account-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -25px -287px no-repeat; height: 36px; width: 30px; } .pq-next-arrow-small-btn { background: url(/MVC/styles/shared/i/sprite-FP_1805212013.png) -58px -286px no-repeat; height: 36px; width: 20px; } .pq-previous-arrow-small-btn{ background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -78px -287px no-repeat; height: 36px; width: 30px; } .pq-cvc { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -101px -287px no-repeat; height: 43px; width: 56px; } .pq-magnify-white { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -208px -294px no-repeat; height: 40px; width: 40px; } .pq-phone-red-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -16px -324px no-repeat; height: 17px; width: 14px; } .pq-delivery-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -346px no-repeat; height: 34px; width: 45px; } .pq-delivery-active-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -47px -346px no-repeat; height: 34px; width: 45px; } .pq-delivery-red-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -91px -346px no-repeat; height: 20px; width: 27px; } .pq-accessory-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -119px -346px no-repeat; height: 34px; width: 34px; } .pq-cart-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -155px -344px no-repeat; height: 31px; width: 31px; } .pq-chevron-red { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -219px -346px no-repeat; height: 31px; width: 44px; } .pq-bundle-icon { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -267px -346px no-repeat; height: 29px; width: 30px; } .pq-phone-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -299px -346px no-repeat; height: 22px; width: 24px; } .pq-chevron-small-grey { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -31px -266px no-repeat; height:20px; width:12px; } .pq-double-chevron-small-red {background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -49px -268px no-repeat; height:17px; width:22px; } .pq-collect-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -380px no-repeat; height: 34px; width: 34px; } .pq-collect-active-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -34px -380px no-repeat; height: 34px; width: 34px; } .pq-collect-plus-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -68px -380px no-repeat; height: 34px; width: 34px; } .pq-dpd-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -102px -380px no-repeat; height: 34px; width: 30px; } .pq-collect-plus-small-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -132px -380px no-repeat; height: 22px; width: 22px; } .pq-dpd-small-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -154px -380px no-repeat; height: 22px; width: 20px; } .pq-box-small-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -174px -380px no-repeat; height: 22px; width: 22px; } .pq-share-facebook { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -415px no-repeat; height: 21px; width: 20px; } .pq-share-email { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -21px -415px no-repeat; height: 21px; width: 20px; } .pq-share-twitter { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -42px -415px no-repeat; height: 21px; width: 20px; } .pq-share-pintrest { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -63px -415px no-repeat; height: 21px; width: 20px; } .pq-highlight-arrow { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -83px -415px no-repeat; height: 20px; width: 17px; } .pq-grid-view { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -100px -416px no-repeat; height: 15px; width: 14px; } .pq-list-view { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -115px -416px no-repeat; height: 15px; width: 14px; } .pq-cart-green { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -130px -409px no-repeat; height: 27px; width: 27px; } .pq-card-generic { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -0px -436px no-repeat; height: 34px; width: 50px; } .pq-card-visa { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -50px -436px no-repeat; height: 34px; width: 50px; } .pq-card-mastercard { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -100px -436px no-repeat; height: 34px; width: 50px; } .pq-card-amex { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -150px -435px no-repeat; height: 34px; width: 50px; } .pq-card-maestro { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -200px -435px no-repeat; height: 34px; width: 50px; } .pq-share-icon { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -351px -444px no-repeat; height: 24px; width:24px; } .pq-share-twitter-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -0px -470px no-repeat; height: 25px; width: 25px; } .pq-share-facebook-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -25px -470px no-repeat; height: 25px; width: 25px; } .pq-share-linkedin-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -50px -470px no-repeat; height: 25px; width: 25px; } .pq-share-email-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -75px -470px no-repeat; height: 25px; width: 25px; } .pq-share-reddit-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -100px -470px no-repeat; height: 25px; width: 25px; } .pq-arrow-down-red { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -125px -470px no-repeat; height: 25px; width: 27px; } .pq-box-truck { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -153px -470px no-repeat; height: 23px; width: 32px; } .pq-box-shop { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -185px -470px no-repeat; height: 24px; width: 27px; } .pq-gbp { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -211px -469px no-repeat; height: 26px; width: 20px; } .pq-warranty-shield { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -232px -470px no-repeat; height: 31px; width: 26px; } .pq-collect-plus-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -258px -468px no-repeat; height: 27px; width: 24px; } .pq-share-pintrest-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -284px -470px no-repeat; height: 25px; width: 25px; } .pq-box-collect-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -351px -470px no-repeat; height: 24px; width: 25px; } .pq-share-hukd-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -377px -470px no-repeat; height: 25px; width: 25px; } .pq-share-whatsapp-black { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -377px -443px no-repeat; height: 25px; width: 25px; } .pq-installation-icon { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -72px -269px no-repeat; height: 17px; width: 17px; } .btn.big.pq-refresh-btn { padding-right: 50px!important;} .btn.pq-refresh-btn::before { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -329px -469px no-repeat; height: 20px; width: 20px; content: " "; right: 15px; transition: unset; } .btn.pq-refresh-btn:hover::before { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -309px -469px no-repeat; } .pq-red-star { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -516px no-repeat; height: 21px; width: 21px; } .pq-gold-star { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -21px -516px no-repeat; height: 21px; width: 21px; } .pq-green-plus { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -41px -516px no-repeat; height: 14px; width: 14px; } .pq-reevoo { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -58px -516px no-repeat; height: 18px; width: 72px; } .pq-finance-btn { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -537px no-repeat; height: 32px; width: 163px; } .pq-enegry-appp { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -569px no-repeat; height: 19px; width: 47px; } .pq-enegry-app { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -588px no-repeat; height: 19px; width: 47px; } .pq-enegry-ap { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -607px no-repeat; height: 19px; width: 47px; } .pq-enegry-a { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -626px no-repeat; height: 19px; width: 47px; } .pq-enegry-b { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -645px no-repeat; height: 19px; width: 47px; } .pq-enegry-c { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -664px no-repeat; height: 19px; width: 47px; } .pq-enegry-d { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') 0px -683px no-repeat; height: 19px; width: 47px; } .pq-energy-appp { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -185px -686px no-repeat; height: 28px; width: 71px; } .pq-energy-app { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -317px -537px no-repeat; height: 28px; width: 71px; } .pq-energy-ap { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -246px -537px no-repeat; height: 28px; width: 71px; } .pq-energy-a { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -175px -537px no-repeat; height: 28px; width: 71px; } .pq-energy-b { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -256px -686px no-repeat; height: 28px; width: 71px; } .pq-energy-c { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -327px -686px no-repeat; height: 28px; width: 71px; } .pq-energy-d { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -185px -716px no-repeat; height: 28px; width: 71px; } .pq-energy-2020-a { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -47px -648px no-repeat; height: 36px; width: 67px; } .pq-energy-2020-b { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -114px -648px no-repeat; height: 36px; width: 67px; } .pq-energy-2020-c { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -181px -648px no-repeat; height: 36px; width: 67px; } .pq-energy-2020-d { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -248px -648px no-repeat; height: 36px; width: 67px; } .pq-energy-2020-e { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -315px -648px no-repeat; height: 36px; width: 67px; } .pq-energy-2020-f { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -47px -685px no-repeat; height: 36px; width: 67px; } .pq-energy-2020-g { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -114px -685px no-repeat; height: 36px; width: 67px; } .pq-visa-mastercard-applepay { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -51px -573px no-repeat; height: 34px; width: 182px; } .pq-klarna { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -47px -610px no-repeat; height: 34px; width: 62px; } .pq-paypalcredit { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -248px -569px no-repeat; height: 30px; width: 81px; } .pq-klarna-logo { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -336px -570px no-repeat; height: 20px; width: 73px; } .pq-paypal { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -112px -615px no-repeat; height: 23px; width: 81px; } .pq-amazonpay { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -192px -615px no-repeat; height: 24px; width: 83px; } .pq-payit { background: url('/MVC/styles/shared/i/sprite-FP_1805212013.png') -283px -615px no-repeat; height: 26px; width: 80px; } .pq-internal-info { z-index: 100000; background-color: rgba(255, 242, 100, 0.8); border: solid 1px #fc3; position: fixed; bottom: 0px; left: 0px; padding: 2px; width: 100%!important; margin-left: 0px!important; } .pq-internal-info table { width: 100%; border-collapse: collapse; } .pq-internal-info table td { vertical-align: middle; } .pq-internal-info p { font-size: 12px; margin: 0px!important; padding: 0px; font-weight: bold; padding: 5px; } .pq-internal-info input { margin-left: 10px; } .pq-internal-noindex { margin-right: 200px; background-color: #b50404; color: #fff; display: inline-block; } .pq-cross-btn { background-color: rgb(191, 30, 46); color: #fff; font-size: 10px; border-radius: 50%; width: 14px; height: 14px; line-height: 14px; text-align: center; cursor: pointer; } .pq-pound-circle { background-color: #008b07; color: #fff; font-size: 14px; font-weight: bold; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; text-align: center; } /* Pop Edit */ .pq-pop-edit { } .pq-pop-edit h2 { padding-top: 5px; padding-bottom: 5px; margin: 0px;} .pq-pop-edit p { padding-top: 5px; padding-bottom: 5px; margin: 0px;} .pq-pop-edit table { border-collapse: collapse; width: 100%; } .pq-pop-edit table th { vertical-align: middle; text-align: right; } .pq-pop-edit table th span { color: #FF0000; padding-left: 5px; } .pq-pop-edit table td { vertical-align: middle; padding: 2px; } .pq-pop-edit input[type=text], .pq-pop-edit input[type=password], .pq-pop-edit input[type=tel], .pq-pop-edit input[type=email], .pq-pop-edit textarea { padding: 5px; width: 100%; box-sizing: border-box; } .pq-pop-edit select { padding: 5px; width: 100%; } /* Pop Edit */ /* Checkbox */ .pq-checkbox { position: relative; margin-bottom: 10px; cursor: pointer; } .pq-checkbox input { display: none; } .pq-checkbox .check { display: block; position: absolute; height: 14px; width: 14px; padding: 2px; border: 2px solid #ccc; vertical-align: top; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pq-checkbox .arrow { display: block; position: absolute; padding-top: 3px; } .pq-checkbox:hover .check { border: 2px solid #aaa; } .pq-checkbox .label { display: block; padding: 3px 6px 3px 30px } .pq-checkbox.small { margin-bottom: 0px; } .pq-checkbox.small .check { height: 10px; width: 10px; padding: 1px; } .pq-checkbox.small .label { padding: 2px 6px 2px 22px; } /* PQ Tooltip */ .pq-tooltip { position: absolute; z-index: 1000000006; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; background-position: 15px center; background-repeat: no-repeat; background-color: #6AA84F; color: #fff; width: 150px; margin: 0px 0px 6px 0px; padding: 15px 15px 15px 50px; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 12px #000000; cursor: pointer; } .pq-tooltip:hover { box-shadow: 0 0 12px #6AA84F;} .pq-tooltip:hover .close { color: #ffffff; } .pq-tooltip .text { word-wrap: break-word; padding: 0px; margin: 0px; } .pq-tooltip .close { float: right; font-weight: bold; color: #ffffff; text-shadow: 0 1px 0 #ffffff; } /* PQ Tooltip */ /* PQ Search */ .pq-ajaxsearch { position: relative; } .pq-ajaxsearch-results { display: none; box-sizing: border-box; width: 100%; position: absolute; background-color: #fff; border: 1px solid #ccc; border-top: none; border-bottom: none; z-index: 100; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; -moz-box-shadow: 0px 1px 1px #a4a6a4; -webkit-box-shadow: 0px 1px 1px #a4a6a4; box-shadow: 0px 1px 1px #a4a6a4; top: 24px; left: 2px; } .pq-ajaxsearch-results table { border-bottom: 1px solid #f1f1f1; cursor: pointer; width: 100%; border-collapse: collapse; } .pq-ajaxsearch-results table td { padding: 5px; vertical-align: middle; } .pq-ajaxsearch-results table.active, .pq-ajaxsearch-results table:hover { background-color: #f4f2f1; } .pq-ajaxsearch-results .search-image { width: 6px; height: 60px; padding: 4px; } .pq-ajaxsearch-results .search-image div {border: 1px solid #ccc; width: 60px; height: 60px; background-color: #fff; } .pq-ajaxsearch-results .search-image img { padding: 5px; text-align: center; background-color: #fff; top: 50%; transform: translateY(-50%); position: relative; } /* PQ Search */ /* Pop Ups */ .pq-pop-background { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: #000000; background-attachment: fixed; z-index: 1000000001; opacity: 0.7; MozOpacity: 0.7; KhtmlOpacity: 0.7; filter: alpha(opacity=30); } /* .pq-pop-holder { width: 570px; min-height: 570px; margin-left: -285px; } These are the ones to edit to change the size of the popup */ .pq-pop-content { overflow: auto; width: 100%; height: 100%; } .pq-pop-content iframe { border: none; width: 100%; height: 100%; } .pq-pop-holder { /*box-sizing: border-box;*/ width: 100%; left: 50%; top: 50%; background-color: #ffffff; z-index: 1000000002; position: absolute; -moz-box-shadow: 2px 2px 12px #999; -webkit-box-shadow: 2px 2px 12px #000000; box-shadow: 2px 2px 12px #000000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; } .pq-pop-wrapper { padding: 45px 10px 10px 10px; position: relative; width: 100%; height: 100%; box-sizing: border-box; } .pq-pop-loader { background-image: url('i/loader2.gif'); background-position: center; background-repeat: no-repeat; } /*.pq-pop-footer { padding: 10px 10px 0px 10px; height: 25px; }*/ .pq-pop-loader2 { background-image: url('i/loader2.gif'); background-position: center; background-repeat: no-repeat; position: absolute; top: 0px; background-color: #fff; box-sizing: content-box; opacity: 0.7; z-index: 100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /*.pq-pop-loader2 { position: absolute; top: 0px; background-color: #fff; box-sizing: content-box; opacity: 0.7; z-index: 100; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }*/ .pq-pop-header { padding-right: 5px; box-sizing: border-box; position: absolute; top: 0px; width: 100%; height: 36px; background-color: #dedede; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .pq-pop-header h3 { float: left; line-height: 36px; padding: 0px 0px 0px 10px; margin: 0px } .pq-pop-header .btn { float: right; margin: 5px; } /* Pop Ups */ /* Basket */ .basket { width: 100%; margin-bottom: 20px; background-color: #fff; padding: 20px; box-sizing: border-box; } .basket h1 { padding: 10px; background-color: #f4f2f1; font-size: 24px; } .basket h2 { padding: 10px; background-color: #f4f2f1; margin-bottom: 10px; font-size: 24px; } .basket input[type=text], .basket select { width: 100%; padding: 8px 10px; box-sizing: border-box; } .basket-group { border: solid 1px #ccc; padding: 10px 20px 20px 20px; box-sizing: border-box; width: 100%; margin-top: 20px; } .basket-item { margin-top: 10px; margin-bottom: 20px; } .basket-group-header { padding: 5px!important; background-color: #f4f2f1; margin-top: 0px!important; margin-bottom: 0px!important; box-sizing: border-box; } .basket-group-header p { font-size: 12px!important; margin: 0px; padding: 0px; text-align: center; color: #000!important; font-weight: bold; } .basket-item-image { float: left; } .basket-item-image table { border-collapse: collapse; width: 100%; } .basket-item-image td { text-align: center; vertical-align: top; } .basket-item-title { float: left; margin-left: 20px; width: 554px; } .basket-item-title h3 { padding: 0px; margin: 0px; font-size: 16px; font-weight: bold; } .basket-item-title h3 a { color: #000; } .basket-item-title span { color: #777; font-size: 11px; } .basket-item-points { margin-top: 10px; } .basket-item-points p { color: #000; font-size: 11px; margin: 0px; padding: 0px 0px 5px 0px;} .basket-item-quantity { width: 130px; float: left; margin: 0px 0px 0px 20px; text-align: center; } .basket-item-quantity span { font-size: 16px; } .basket-item-quantity-input { width: 44px!important; padding: 5px!important; text-align: center; outline: none; float: left; margin-left: 10px; margin-right: 10px; height: 33px; } .basket-item-quantity .btn { height: 33px; width: 33px; float: left; position: relative; overflow: hidden; } .basket-item-quantity .btn span { font-size: 40px; position: absolute; } .basket-item-quantity .btn span.remove { top: -11px; left: 9px; } .basket-item-quantity .btn span.add { top: -6px; left: 5px; } .basket-item-quantity .btn.delete { width: 100%; margin-top: 10px; height: 33px; padding-right: 38px; } .basket-item-quantity .btn.delete span { top: -4px; right: 0px; font-size: 25px; padding: 5px 5px 5px 6px;} .basket-item-sell { width: 100px; font-size: 16px; margin: 10px 0px 28px 20px; text-align: center; font-weight: bold; } .basket-item.locked .basket-item-sell { margin: 0px 0px 0px 20px; } .basket-item-unit { float: left; } .basket-item-total { float: right; color: #e73642; } .basket-group .p-accessories { padding: 10px 60px; } .basket-group .p-accessories .pq-carousel-next { right: -40px; } .basket-group .p-accessories .pq-carousel-previous { left: -40px; } .basket-group .p-accessories h3 { margin-left: -40px; } .basket-group .p-accessory-mobile { display: none; } .basket-group .p-bundles .pq-freq-opt { padding-left: 74px; padding-right: 74px; } .basket-footer { margin-top: 20px; } .basket-footer-left { float: left; width: 50%; padding-right: 20px; box-sizing: border-box; } .basket-footer-right { float: right; width: 50%; } .basket-footer-buttons { } .basket-footer-buttons table { width: 100%; border-collapse: collapse; } .basket-footer-buttons table th { text-align: left; font-weight: bold; vertical-align: middle; } .basket-footer-buttons table td { width: 90px; text-align: right; font-size: 16px; font-weight: bold; padding: 3px; } .basket-footer-buttons table td.total { color: #e73642; } .basket-footer .basket-pay { margin-top: 10px; text-align: center; } .basket-delivery { width: 545px; float: left; } .basket-delivery-address table { width: 100%; border-collapse: collapse; } .basket-delivery-address table td { padding: 0px!important;} .basket-delivery-address input[type=submit] { width: 90%; height: 35px; margin-left: 10px; } .basket-delivery-options { margin-top: 10px; } .pq-checkout-delivery-option .pq-checkbox table td { vertical-align: middle; } .pq-checkout-delivery-option .pq-checkbox .check { position: relative; } .pq-checkout-delivery-option .pq-checkbox .label { padding-left: 10px; } .pq-checkout-option .pq-checkbox .check { position: relative; } .pq-checkout-option .pq-checkbox .label { padding-left: 6px; } .basket-offer-code { margin-bottom: 20px; } .basket-offer-code table { width: 100%; border-collapse: collapse; } .basket-offer-code table td { padding: 0px!important; } .basket-offer-code input[type=submit] { width: 90%; height: 35px; margin-left: 10px; } .basket-offer-code p { margin: 0px; padding: 0px; margin-top: 10px; color: #e73642; } .basket-payment-option { border-bottom: 1px solid #eaeaea; height: 47px; margin: 0px; } .basket-payment-option .check { top: 50%; transform: translateY(-50%); } .basket-payment-option .label { padding-top: 0px; padding-bottom: 0px; top: 50%; transform: translateY(-50%); position: relative; padding-right: 90px;} .basket-payment-option.Card .label { padding-right: 190px } .basket-payment-option .img { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .basket-payment-option .pq-info-icon { margin-left: 10px; } .basket-payment-button { margin-top: 20px; } .basket-footer-buttons .btn { width: 350px; } .payment-option-wrapper .btn { width: 350px; } .basket-pay-options { background-color: #f4f2f1; padding: 10px 10px 0px 20px; } .basket-pay-option { float: left; padding-right: 10px; margin-bottom: 10px; text-align: center; min-width: 33%; max-width: 33%; box-sizing: border-box; } .basket-pay-option p { font-size: 11px; margin: 0px; padding: 3px 0px 0px 0px; } .basket-pay-options h3 { display: block; width: 100%; text-align: center; font-size: 11px!important; margin-bottom: 10px!important; color: #676767;} .basket-pay-option .pq-finance-btn { margin-left: auto; margin-right: auto; } .basket-finance .btn { padding: 1px 5px 1px 30px; width: 190px!important; text-align: right; margin-bottom: 28px; } .basket-finance .btn span.header { color: #eee; display: block; text-align: right; padding-top: 2px; font-size: 12px; } .basket-finance .btn span.other { color: #bbb; display: block; text-align: right; font-size: 10px; } .basket-finance .btn::before { content: "£"; position: absolute; left: 5px; top: -2px; font-size: 26px; } .basket-card { margin-bottom: 30px; } .basket-card img { float: left; } .basket-card .btn { float: right; width: 350px; margin-top: 10px; } .basket-amazon { margin-bottom: 30px; } .basket-account .btn { width: 100%; } .basket-account p { margin-bottom: 0px; } .basket-item-warranty { width: 500px; background-color: #f4f2f1; margin-top: 20px; padding: 10px; box-sizing: border-box; position: relative; } .basket-item-warranty-header { position: relative; height: 35px; font-size: 16px; font-weight: bold; text-align: right; padding-top: 5px; box-sizing: border-box; } .basket-item-warranty-header div { position: absolute; left: 0px; top: 0px; } .basket-item-warranty-details { background-color: #fff; padding: 10px; } .basket-delivery-v2 { width: 100%; margin-bottom: 10px; margin-top: 20px; } .basket-delivery-v2 h2 { margin: 0px; background-color: #fff; padding: 0px 0px 10px 0px; font-size: 16px; } .basket-delivery-v2 .pq-checkout-delivery-header { float: left; } .basket-delivery-v2 a { color: #272727; } .basket-delivery-v2-inner { width: 100%; padding: 10px 0px 0px 0px; box-sizing: border-box; clear: both; } .basket-delivery-v2 .basket-delivery-address select { width: 49%; float: left; } .basket-delivery-v2 .basket-delivery-address table { width: 49%; float: right;} .basket-delivery-v2 .basket-delivery-address select { width: 49%; float: left; } .basket-delivery-v2 .basket-delivery-address table { width: 49%; float: right;} .basket-vat-exempt { background-color: #f4f2f1; margin-top: 14px; padding: 20px; } .vat-exempt-wrapper th { padding-right: 5px; } /*.basket-addons-wrapper { padding: 0px 0px 50px 0px; } .basket-addons-header { margin: 5px 0px; } .basket-addons-header .added { float: left; line-height: 50px; margin-left: 10px; font-size: 20px; color: #a2ca58; font-weight: 800; } .basket-addons-header .image { float: left; margin-left: 10px; } .basket-addons-header h3 { float: left; line-height: 50px; margin-left: 20px; font-size: 14px; } .basket-addons-header span { float: right; line-height: 50px; margin-right: 10px; font-size: 20px; color: #a2ca58; font-weight: 800; } .basket-addons-group-header { background-color: #f4f2f1; font-size: 28px; font-weight: 800; padding: 5px 10px 5px 10px; margin-bottom: 10px; } .basket-addons-group-header::before { content: ''; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 22px solid #000; display: inline-block; margin-right: 15px; } .basket-addons-group-footer { border-bottom: 9px solid #f4f2f1; } .basket-addons .p-bundles {margin-left: 20px; margin-right: 20px; width: 1003px; } .basket-addons .pq-freq-opt { padding-left: 45px; padding-right: 45px; } .basket-addons-accessories { padding: 10px 20px 10px 30px; width: 993px; } .basket-addons .basket-item-warranty { margin: 10px 0px; } .basket-addons-accessories h3 { left: 0px; position: relative; } .basket-addons-accessories .pq-carousel-previous { left: -20px; } .basket-addons-accessories .pq-carousel-next { right: -17px; } .basket-addons-footer { margin-top: 10px; background-color: #f4f2f1; height: 50px; position: absolute; bottom: 0px; width: 100%; } .basket-addons-back { float: left; line-height: 50px; font-size: 20px; margin-left: 10px; padding-left: 20px; } .basket-addons-back::before { content: " "; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 16px solid #000; position: absolute; left: 5px; top: 16px; } .basket-addons-basket { float: right; line-height: 50px; font-size: 14px; margin-right: 20px; top: -2px; position: relative; } .basket-addons-basket .pq-basket-price-text { color: #a2ca58; font-weight: 800; margin-left: 10px; font-size: 20px; top: 2px; position: relative; } .basket-addons-footer .btn { float: right; margin: 5px 10px 0px 0px; } .basket-addons-bullguard { padding: 10px 30px 0px 30px; position: relative; } .basket-addons-bullguard-banner { float: left; width: 481px; padding: 8px 20px; box-sizing: border-box; margin-bottom: 0px; } .basket-addons-bullguard-left { float: left; width: 218px; text-align: center;} .basket-addons-bullguard-price { } .basket-addons-bullguard-price .text { font-size: 24px; font-weight: 800; } .basket-addons-bullguard-price .btn { margin-left: 20px; top: -5px; } .basket-addons-bullguard-banner .image3 { float: right; } .basket-addons-bullguard .image2 { float: right; }*/ /* Basket */ /* Add Ons */ .basket-addons-wrapper { padding: 0px; } .basket-addons2-header { color: #fff; height: 52px; line-height: 52px; font-size: 20px; font-weight: 800; text-transform: uppercase; letter-spacing: -0.5px; margin-bottom: 10px; } .basket-addons2-left { width: 806px; background-color: #f4f2f1; } .basket-addons2-left .basket-addons2-header { background-color: #000; padding-left: 50px; } .basket-addons2-left .basket-addons2-header span { border-top: 20px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 20px; top: 16px; } .basket-addons2-group { padding: 0px 10px 8px 10px; } .basket-addons2-group h3 { font-size: 18px; padding: 0px 0px 8px 8px; } .basket-addons2-group-products { background-color: #fff; padding: 0px 33px; } .basket-addons2-group .pq-carousel-next { right: 0px; } .basket-addons2-group .pq-carousel-previous { left: 0px; } .basket-addons2-group.bundles .basket-addons2-group-products { margin-top: 8px; padding-top: 10px; padding-bottom: 10px; } .basket-addons2-group.bundles .pq-freq-opt { padding: 15px; } .basket-addons2-group.bundles .pq-freq-itm p { text-align: center; float: none; } .basket-addons2-group .p-accessory { width: 180px; } .basket-addons2-group .p-accessory-title { text-align: center; } .basket-addons2-right { width: 280px; position: absolute; left: 816px; } .basket-addons2-right .basket-addons2-header { background-color: #94c23e; text-align: center; margin-bottom: 0px; } .basket-addons2-product { padding: 10px; background-color: #f4f2f1; } .basket-addons2-product td { vertical-align: middle; } .basket-addons2-product .image { padding: 5px; background-color: #fff; text-align: center; vertical-align: middle; } .basket-addons2-product h3 { max-height: 64px; overflow: hidden; line-height: 16px; } .basket-addons2-basket { background-color: #f4f2f1; text-align: center; text-transform: uppercase; font-weight: 800; font-size: 14px; letter-spacing: -0.5px; padding-bottom: 10px; } .basket-addons2-basket .pq-basket-price-text { font-size: 20px; color: #94c23e; } .basket-addons2-right .p-right-section { margin: 10px 0px 0px 0px; } /*Mikes*/ .basket-addons2-arthr-row { width:100%; padding-bottom:5px;} #basket-addons2-arthr-basketlogo { width:10%; padding-left: 10%; padding-top:25px;} .basket-addons2-arthr-header { padding-top:25px; line-height:55px; width: 90%; margin-left: 5%;} #basket-addons2-arthr-wrapper {width:90%; margin-left:5%; background-color:#f2f2f2; position: relative;} #basket-addons2-arthr-productimage {width:15%; float:left; padding-left: 5%; padding-top:10px; padding-bottom:10px;} #basket-addons2-arthr-productdescription { width:70%; font-weight:bold; padding-left:5%; transform: translateY(-50%); position: absolute; right: 0px; top: 50%;} #basket-addons2-arthr-basketinfo {width:100%; text-align:center; padding-top:10px;} #basket-addons2-arthr-buttons {text-align:center; width:100%} #basket-addons2-arthr-gtb {width:40%; line-height:inherit; margin-top:20px! important; margin-left:15px;} .btn.basket-addons2-continue { margin-top: 10px; background-color: #94c23e!important; border-color: #94c23e!important; padding-left: 30px!important; } .btn.basket-addons2-continue span { position: absolute; left: 4px; top: 4px; } .basket-addons2 .close-pop { font-size: 18px; text-align: center; background-color: #f4f2f1; padding-bottom: 10px; letter-spacing: -0.5px; font-weight: 800; text-transform: uppercase; } .basket-addons2 .close-pop span { position: relative; padding-left: 25px; } .basket-addons2 .close-pop span::before { content: " "; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 16px solid #000; position: absolute; left: 0px; top: 4px; } .p-accessory-addbox { background-color: #f4f2f1; border: solid 1px #e3e1df; padding: 5px 12px; margin-top: 5px; height: 45px; position: relative; box-sizing: border-box; } .p-accessory-addbox-prices { letter-spacing: -0.5px; position: relative; top: 50%; transform: translate(0%, -50%); float: left; } .p-accessory-addbox-prices .was { text-decoration: line-through; font-size: 12px; display: block; } .p-accessory-addbox-prices .price { font-weight: 800; font-size: 14px; display: block; } .p-accessory-addbox-prices .price.discount { color: #ff0000; } .p-accessory-addbox-plus { font-size: 31px; float: right; margin-top: -5px; line-height: 33px; } .p-accessory-addbox-plus::before { content: "+"; } .p-accessory-addbox.pq-added { border-color: #94c23e; } .p-accessory-addbox.pq-added .p-accessory-addbox-plus::before { content: " "; display: inline-block; transform: rotate(45deg); height: 14px; width: 7px; border-bottom: 5px solid #94c23e; border-right: 5px solid #94c23e; } .p-accessory-addbox.pq-added .p-accessory-addbox-plus span { display: block; } .basket-addons2-promotion { padding: 10px 20px; text-align: center; border: solid 3px #e73642; background-color: #fff; margin-top: 8px;} .basket-addons2-promotion p { font-size: 23px; padding: 0px; margin: 0px; text-transform: uppercase; font-weight: 800; } .basket-addons2-footer { display: none; box-sizing: border-box; z-index: 10; margin-top: 10px; background-color: #f4f2f1; height: 50px; position: absolute; bottom: 0px; width: 100%; padding: 0px 5px;} .basket-addons2-footer .close-pop { width: 50%; font-size: 12px; line-height: 50px; padding-bottom: 0px; float: left; } .basket-addons2-footer .close-pop span::before {top: -1px; } .basket-addons2-footer .btn { float: right; } .kaspersky img { float: left; } /* Add Ons */ /* Delivery */ .delivery-group { margin-bottom: 10px; } .delivery-group h4 { padding: 10px; background-color: #f4f2f1; margin-bottom: 10px; font-size: 12px; } .delivery-group-products { width: 50%; float: left; padding-right: 10px; box-sizing: border-box; } .delivery-group-product { padding: 10px 0px; border-bottom: 2px solid #f4f2f1; } .delivery-group-product table { border-collapse: collapse; width: 100%; } .delivery-group-product.child { border-bottom: none; padding: 10px 0px 0px 0px; } .delivery-group-products .delivery-group-product:last-child { border-bottom: none; } .delivery-group-header { text-align: center; font-weight: bold; display: block; padding: 0px 0px 5px 0px; font-size: 12px; margin: 0px; } .delivery-group-product.child .delivery-group-header { display: none; } /*.delivery-group-image { }*/ /*.delivery-group-image table { width: 100%; border-collapse: collapse; }*/ .delivery-group-image { text-align: center; padding: 0px!important; vertical-align: top; } .delivery-group-title { padding: 0px 0px 0px 10px!important; vertical-align: top; } .delivery-group-title h3 { font-size: 12px; padding: 0px; margin: 0px; } .delivery-group-title h3 span { font-size: 12px; } .delivery-group-title span { font-size: 11px; color: #777777; } .delivery-group-title p { font-size: 11px; margin: 0px; padding-bottom: 3px; } .delivery-group-item-points { padding-top: 5px; } .delivery-group-quantity { width: 40px; padding: 0px 0px 0px 20px!important; text-align: center; vertical-align: top; } .delivery-group-quantity input { border-width: 1px!important; padding: 3px!important; font-size: 11px; margin-top: -3px; font-weight: normal!important; } .delivery-group-quantity select { border-width: 1px!important; padding: 2px; font-size: 11px; margin-top: -3px; font-weight: normal!important; } .delivery-group-quantity span { display: block; } .delivery-group-quantity p { font-size: 9px; cursor: pointer; font-weight: bold; margin: 0px; margin-top: 15px;} .delivery-group-item { width: 70px; text-align: center; padding: 0px 0px 0px 20px!important; vertical-align: top; } .delivery-group-total { width: 70px; text-align: center; padding: 0px 0px 0px 20px!important; vertical-align: top; } .delivery-group-total .pq-price { display: block; } /*.delivery-group-products table { width: 100%; border-collapse: collapse; } .delivery-group-products table th { text-align: left; padding: 3px; } .delivery-group-products table td { text-align: left; padding: 3px; }*/ .delivery-group-products span.highlight { color: #e73642; } .delivery-group-products span.highlight span { color: #e73642; } .delivery-group-accessories { color: #94c23e; font-weight: bold; cursor: pointer; margin: 0px; padding-top: 5px; } .delivery-group .delivery-options-wrapper-outer { float: right; width: 50%; padding: 0px; box-sizing: border-box; margin: 0px; } .delivery-group .delivery-options-wrapper { border: 2px solid #f4f2f1; width: 100%; padding: 10px; padding-bottom: 0px; box-sizing: border-box; margin: 0px; } .delivery-ungroup { padding: 4px 8px; border: solid 2px #f4f2f1; box-sizing: border-box; float: right; width: 100%; margin-top: 10px; margin-bottom: 0px; } .delivery-options-wrapper .pq-error { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .delivery-option .check { position: relative; } .delivery-option table { border-collapse: collapse; width: 100%; } .delivery-option td { vertical-align: middle; padding: 0px; } .delivery-option .label { padding-left: 6px; } .delivery-option-main { width: 100%; margin-bottom: 5px!important; } .delivery-option-main table { width: auto!important; } .delivery-option-main .pq-checkbox { margin-bottom: 0px; } .delivery-options .delivery-option { margin-bottom: 0px; border-collapse: collapse; } .delivery-options .delivery-option-wrapper { box-sizing: border-box; border-bottom: 1px solid #f4f2f1; padding-bottom: 5px; margin-bottom: 5px; } .delivery-options .delivery-option-wrapper:last-child { border-bottom: none; margin-bottom: 0px; } .delivery-options-services { } .delivery-options-services p { line-height: 22px; margin: 0px; float: left; margin-right: 10px; font-weight: bold; } table.delivery-option-service { width: auto; } .delivery-option-service { text-align: center; margin: 0px 10px 0px 0px; float: left; border-bottom: none!important; } .delivery-option-service .pq-checkbox { margin-bottom: 0px; } .delivery-options-days { margin-top: 10px; } .delivery-options-days p { font-size: 12px; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; } .delivery-option-date { width: 70px; text-align: center; padding: 4px 8px; margin-right: 10px; float: left; border: solid 1px #ccc; box-sizing: border-box; font-size: 11px; } .delivery-option-date.active { background-color: #f4f2f1; } .delivery-options-days .delivery-option-date:nth-child(8) { margin-right: 0px; } /* Delivery */ /* Confirmation Page */ .bc { } .bc-top-left { float: left; width: 390px; } /* 390px becasue of SOL */ .bc-top img { margin-right: 20px; } .bc-top-left div { float: left; } .bc-top h2 { font-size: 20px; margin: 5px 0px 3px 0px; color: #007206; font-weight: normal; padding: 0px; } .bc-top p { font-size: 16px; font-weight: normal; margin: 0px; padding: 0px; } .bc-top span.bc-red { color: #cb080e; } .bc-add-btn { top: 2px; position: relative; cursor: pointer; } .bc-top-warranty { background-color: #fefccd; max-width: 360px; padding: 7px; margin-top: 5px; border: 1px solid #f6cc4b; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .bc-top-warranty table { border-collapse: collapse; } .bc-top-warranty td { vertical-align: middle; } .bc-top-warranty p { font-size: 11px; width: 100%; } .bc-top-warranty a { display: block; } .bc-top-right { float: right; } .bc-basket { margin-top: 10px; width: 230px; background-color: #eee; line-height: 30px; border: 1px solid #d3d3d3; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .bc-buttons { text-align: center; margin-top: 20px; } .bc-buttons a { margin: 0px 5px; display: inline-block; } .bc-bottom table { border-collapse: collapse; width: 100%; } .bc-bottom table td { vertical-align: middle; } .bc-bottom h2 { font-size: 20px; margin: 0px; padding: 0px; color: #007206; font-weight: normal; } .bc-bottom h3 { font-size: 16px; margin: 0px; padding: 0px; font-weight: normal; } .bc-bottom h3 span { color: #cb080e; } .bc-bottom .info { cursor: pointer; margin-left: 3px; width: 12px; height: 12px; display: inline-block; top: 2px; position: relative; } .bc-bottom p { margin: 5px 0px 0px 0px; padding: 0px; } .bc-bottom p span { color: #cb080e; } .bc-bottom-buttons { text-align: center; } .bc-bottom-buttons a { margin: 0px 5px; display: inline-block; } table.bc-office { width: 100%; border-collapse: collapse; border: 2px solid #f36523; margin-top: 20px; } table.bc-office tr { border-bottom: 1px solid #ccc; } table.bc-office td { border-right: 1px solid #ccc; vertical-align: middle; text-align: center; font-weight: bold; height: 40px; padding: 0px; } table.bc-office td h3 { font-size: 16px; padding: 0px; margin: 0px; } table.bc-office td span { color: #f36523; } table.bc-office td.bc-office-title img { padding: 2px 0px 0px 3px; } table.bc-office td.bc-office-fet { width: 58px; height: 52px; padding: 0px!important; } table.bc-office tr.bc-office-365 { background-color: #f1f1f1; } table.bc-office td.bc-office-price { width: 60px; border: none!important; color: #cb080e!important; } table.bc-office td.bc-office-buy { width: 70px; } table.bc-office td.bc-office-buy input { top: 0px!important;} div.bc-security { width: 100%; border: 2px solid #dd0101; box-sizing: border-box; margin-top: 20px; padding: 10px; } div.bc-security-itm { width: 318px; padding: 8px; box-sizing: border-box; float: right; } div.bc-security-itm h3 { padding: 0px; margin: 0px 0px 7px 0px; font-size: 20px; color: #d07909; } div.bc-security-itm h3 img { float: none; padding-right: 3px; position: relative; top: -5px; } div.bc-security-itm p { float: left; text-align: center; width: 180px; font-weight: bold; padding: 0px; margin: 4px 0px; } div.bc-security-itm img { float: right; } p.bc-security-price { font-size: 26px; color: #cb080e; margin-bottom: 0px!important; } p.bc-security-price span { font-size: 16px; padding-right: 5px; } p.bc-security-price .btn { top: -6px; position: relative; } p.bc-security-price .bc-add-btn { top: -8px!important; float:none!important; } p.bc-security-auto { float: none!important; clear: both; width: auto!important; margin: 0px!important; color: #696969; font-size: 13px; } .bc-office-mob { display: none; } .bc-security-mob { display: none; } /* Confirmation Page */ /* Starbuys*/ .pq-starbuys h2 { color: #bf1e2e; text-align: center; font-size: 24px; margin: 10px 0px; } .pq-starbuys-item { cursor: pointer; padding: 10px; border-top: 1px solid #ccc; } .pq-starbuys-item h3 { color: #59595b; font-size: 12px; text-align: center; margin-bottom: 5px; } .pq-starbuys-item h3 a { color: #59595b; text-decoration: none; } .pq-starbuys-image { position: relative; } .pq-starbuys-image table { border-collapse: collapse; width: 100%; } .pq-starbuys-image table td { text-align: center; vertical-align: middle; } .pq-starbuys-item .image-vig { left: 0px!important; width: 100%!important; } .pq-starbuys-price { color: #bf1e2e; font-weight: bold; font-size: 14px; text-align: center; padding: 0px; margin: 5px 0px 0px 0px; } .pq-starbuys-price span { font-size: 18px; } /* Starbuys*/ /* Carousel*/ .pq-carousel-wrapper { position: relative; } .pq-carousel-previous { position: absolute; left: -10px; top: 50%; cursor: pointer; opacity: 0.7; display: none; } .pq-carousel-next { position: absolute; right: -10px; top: 50%; cursor: pointer; opacity: 0.7; display: none; } .pq-carousel-previous:hover, .pq-carousel-next:hover { opacity: 1.0; } .pq-carousel-view { width: 100%; overflow: hidden; clear: both; } .pq-carousel-container { width: 100000px; position: relative; } .pq-carousel { float: left; } /* Carousel*/ /* Add Ons */ /* Accessory */ .accessory h2 { float: left; margin: 15px 0px 0px 0px; padding-bottom: 10px; color: #272727; } .accessory h2 span { font-weight: normal; } .accessory h2 a { color: #272727; } .accessory .pq-carousel-pager { float: right; line-height: 50px; } /* Change the width here to show more or less */ .accessory .pq-carousel { box-sizing: border-box; width: 136px; margin-right: 10px; padding: 5px; cursor: pointer; border: 1px solid #d3d3d3; } .accessory .pq-carousel-wide { width: 171px; } .accessory .pq-carousel table { width: 100%; border-collapse: collapse; } .accessory .pq-carousel td { text-align: center; vertical-align: middle; padding: 0px; } .accessory .pq-carousel img { border: none; } .accessory .pq-carousel p { text-align: center; } .accessory .accessory-price { color: #cb080e; font-weight: bold; } /* Accessory */ /* Office */ .ao-wrapper { } .ao-accessory { width: 601px; border-collapse: collapse; border: 1px solid #cccccc; border-left: none; } .ao-accessory td { width: 191px; border-left: 1px solid #cccccc; text-align: center; vertical-align: middle; padding: 4px; } .ao-accessories-image img { cursor: pointer; } .ao-accessories-text { font-weight: bold;} .ao-accessories-price { font-weight: bold; font-size: 11px; color: #b10000; border-bottom: 1px solid #cccccc; text-align: right!important; } .ao-accessories-buy { border-left: none!important; text-align: left!important; } .ao-added { margin-bottom: 10px; background-color: #fefccd; width: 100%; box-sizing: border-box; padding: 7px; margin-top: 5px; border: 1px solid #f6cc4b; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ao-added h2 { font-size: 16px; margin: 5px 0px 3px 0px; color: #007206; font-weight: normal; padding: 0px; } .ao-added p { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; } .ao-added span { color: #cb080e; } .ao-office { border-collapse: collapse; border-bottom: 1px solid #ccc; } .ao-office th, .ao-office td { vertical-align: middle; border-top: 1px solid #ccc; border-right: 1px solid #ccc; height: 30px; font-weight: bold; } .ao-office th { text-align: left; } .ao-office td { width: 120px; text-align: center; } .ao-office-365 { background-color: #f1f1f1; } .ao-office-header { color: #fff; font-size: 11px; } .ao-office span { display: block; color: #cb080e; font-weight: bold; padding-bottom: 3px; } .ao-office a { display: block; font-size: 11px; } /* Office */ /* Add Ons */ /* Product Page */ .p-warranty { width: 237px; background-color: #fefccd; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; border: 1px solid #f6cc4b; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .p-warranty td { vertical-align: middle; } .p-warranty p { font-size: 11px; padding: 0px; margin: 0px; } .p-warranty span { color: #cb080e; } .p-poplinks { margin-top: 10px; } .p-poplinks img { margin: 0px 5px; } .p-delivery { width: 450px; } .p-delivery h2 { margin: 0px; padding: 0px; } .p-delivery ul li { margin: 5px 0px; } .p-delivery .pq-tick-bullet { margin-left: 10px; } .p-hukd { height: 25px; width: 25px; display: inline-block; overflow: hidden; } .p-hukd iframe { position: absolute; z-index: 0; width: 25px; height: 25px; } .p-hukd span { position: absolute; z-index: 1; pointer-events: none; } .p-video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .p-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-promotion-wrapper { position: relative; margin-bottom: 20px; min-height: 40px; } .p-promotion-header { background-color: #f4f2f1; font-size: 24px; padding: 5px 10px; text-transform: uppercase; font-weight: 800; cursor: pointer; position: absolute; height: 40px; width: 100%; box-sizing: border-box; top: 0px; } .p-promotion-header span { position: absolute; right: 10px; font-size: 36px; top: -4px; color: #e73642; } .p-promotion-content { padding: 50px 10px 10px 10px; margin-bottom: 0px!important; box-sizing: border-box; } .p-popup-wrapper { padding-left: 0px; padding-right: 0px; } .p-wrapper.popup { padding-left: 10px; padding-right: 10px; } /* Product Page */ /* Product PopUp */ .pq-product-popup { } .pq-product-popup-header { padding: 5px 0px; margin: 0px 10px 5px 10px; border-bottom: solid 1px #ccc;} .pq-product-popup-header h1 { font-size: 16px; padding: 0px; margin: 0px; float: left; line-height: 30px; } .pq-product-popup-price { color: #fff; margin: 0px; float: right; padding: 0px 5px; line-height: 30px; font-size: 18px; font-weight: bold; float: right; background-color: #117900; -moz-border-radius: 10px; webkit-border-radius: 10px; border-radius: 10px;} .pq-product-popup-specification { padding-bottom: 5px; } .pq-product-popup-specification h2 { padding-bottom: 5px; } .pq-product-popup-specification table { background-color: #F2F2F2; border: 1px solid #DDE; width: 100%; border-collapse: collapse; } .pq-product-popup-specification table th { border-bottom: 1px solid #DDE; padding: 5px; text-align: left; width: 150px; } .pq-product-popup-specification table td { border-bottom: 1px solid #DDE; padding: 5px; } /* Product PopUp */ /* Warranty */ .p-warranty-wrapper { border: 1px solid #ccc; margin: 10px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .p-warranty-wrapper td { vertical-align: middle; text-align: left; } .p-warranty-wrapper table { margin-left: 0px!important;; margin-right: 0px!important; } .p-warranty-wrapper p { padding: 0px; margin: 0px; } .p-warranty-wrapper .price { color: #b31c2b; } .p-warranty-wrapper .pq-checkbox:last-child { margin-bottom: 0px; } .p-warranty-wrapper .check { position: relative; } .p-warranty-wrapper .label { padding-left: 0px; display: inline; font-size: 11px; } /* Warranty */ /* Installation */ .p-installation-wrapper { border: 0px; margin: 0px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .p-installation-wrapper td { vertical-align: middle; text-align: left; } .p-installation-wrapper table { margin-left: 0px!important;; margin-right: 0px!important; } .p-installation-wrapper p { padding: 0px; margin: 0px; } .p-installation-wrapper .price { color: #b31c2b; } .p-installation-wrapper .pq-checkbox:last-child { margin-bottom: 0px; } .p-installation-wrapper .check { position: relative; } .p-installation-wrapper .label { padding-left: 0px; display: inline; font-size: 11px; } /* Installation */ /* Images */ .lazyimage { max-width: 100%; max-height: 100%; } .p-zoom { margin-left: 10px!important; margin-right: 10px!important; } .pq-images-wrapper { position: relative; width: 100%; height: 100%; } .pq-images-side { position: absolute; width: 180px; margin-right: 10px; height: 100%; overflow: auto;} .pq-images-side h2 { width: 160px; text-align: center; } .pq-images-img { width: 70px; height: 70px; margin: 5px; float: left; border-collapse: collapse; border: 1px solid #ccc; cursor: pointer; position: relative; } .vid:before { width: 45px; height: 45px; display: block; position: absolute; content: ""; left: 50%; margin-left: -22px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYFpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHfK4NRGMc/24iYRlxILpbG1SY/anGjTBq1tGbKcLO9+6X24+19tyS3yq2ixI1fF/wF3CrXShEpyaVr4ob1et5NTbLn9Jznc77nPE/nPAes4YyS1esGIJsraCG/zzkfWXA2PNOEnTZsdEUVXR0PBgPUtI87LGa88Zi1ap/715rjCV0BS6PwmKJqBeEp4cBKQTV5W7hDSUfjwqfCbk0uKHxr6rEKv5icqvCXyVo4NAHWVmFn6hfHfrGS1rLC8nJc2UxR+bmP+RJ7Ijc3K7FHvBudEH58OJlmkgm8DDIqsxcPQ/TLihr5A+X8GfKSq8issorGMinSFHCLWpTqCYlJ0RMyMqya/f/bVz05PFSpbvdB/ZNhvPVCwxaUNg3j89AwSkdge4SLXDU/fwAj76JvVjXXPjjW4eyyqsV24HwDOh/UqBYtSzZxazIJryfQEoH2a2harPTsZ5/jewivyVddwe4e9Ml5x9I3ACpnt5O6jOoAAAAJcEhZcwAACxMAAAsTAQCanBgAAAZJSURBVFiFxZlNbFRVFMd/572ZtkM7lYVIh0CaWqxGQVJAkSALMjRpMSmr0oSkSTHKRhLiiiZGCo2tCnGjEsAY3LAQTBBNqcUCIQgKNZUYElEGTUywHWqLUVqmw3TmuHjvDa/T6cd8QP+rOffdOfc3d+7HOecJeZSqGsDjwCJgAfAP0A8Mish4PsfKWqrqV9UGVT2qqn+qakzTK66q/ap6UlW3qeqCuYCtUdUuVY1OATmT4qp6QVW32v9ORpIMYauB94GaSc8GB4mHQiRu30YHBtChIWT+fCQQwCgrw6iowFiyJJ3bn4BdInImr9CqWgJ8BDS72+M3bhDr7CTW1UX86lVIJKYZSTCrqvBu2oT3lVcwV61K7XEa2CYiAzlDq2o58DXwfBL2+nXGWluJnTkDqjO5SCtz9Wp8e/bgWbfO3fwXsFlE+rKGVtWXgRNYJwE6NESktZX7x45BPJ4V7MTRBW9NDb6ODozKSqc1AjSLyPGMoW3gs0ABQPzaNUa3biVx61busKkQpaXMO3IEbzDobm4SkaPp+qfdufaSOIENHPvqK0Zqax8KMID+9x+jjY1EP/7Y3fypqq5J13/STNub7iKwAizg0VdfnX6T5VFFu3dT9OabjjkAvCAif7n7pIP+DPuUiF+7xkhtLXrv3kNGdckwKD56FG9dndPyPfCyiCR3/ARo+xz+CaxNd3fDhoe2JKaTlJRQ0tOD+cwzTtMWEfnCMVLX9PvOh0hr65wAA+jICJGdO91NHarqdYwktKrWYN908V9+sY61OdR4by+xU6cccymw3TGSy0NVu4A6gNEtW4j19DxKxrQyn3oK/w8/gGkC/AEsFRErWFFVPxAE+2o+M+swIKnC117DXLkyj8gQD4WIdXc75pPAc/BgedTinMmdnVldzUUtLfjPnsX/3XeYy5fnTmzLtUQANsMD6M3JTl1dOQ1iLluG/8IF/OfPYzz7bE6+AGLffuu+IyZArwc7vLx6NeeBAMwVKyi9dAn/uXMYTz+dtR8dHmb8yhXHfEFVfYYdhC8CiN+8mf3NN8WSMqurKb18GX9PD8bSpVm5ToRCbjPg5HQegEQ4nJVTYMZ9YK5eTWlvL/7uboyKioxcp3AtSs4ygA7MGH9PrdlsXhHMNWso7euj+PhxjIULZ+U6HXQyydTh4cxAXcrovBHBU12NWV09O99DQ27zCQ9Wmm/5euyxTIZO8Tw7bI1EiH74IWP79s16/8j8+W7zjgerLmE9DAQyoEylmR5aIxGiBw4w9t57GWc9RlmZ2+z3AINAAjBSHmamKaB1bIz7Bw8SaW/POkVLmcx+j4iMq+ptIGBUVIBI1snqBNholPuHDxNpa8s5nzTLy93mgHO5/AhgLFmCWVWVJaX1QzUaJXrgAP8uXkyktTVnYCkudmfsv4rIXY9tnATqAbybNhH/7beMnY9fvIgOD1ugsVhOoG55gkEoLHTMk2CHpnZtLQwY8b4+7m7cmLdBc9W8Q4coaGx0zLUictkAEJG/gUsA5qpV6ao/cyJj4UK89fWOGQZ6YWK6dcj54Nu719qQc6yilhbE53PMT0QkARMzFwNrQ64EGG1stMLCOVJK1jKIlbXcBddM279il2P7OjqQ0tJHzWrJ68X3wQcOMECbAwwp2bhdbj0NYFRWMu/IEfcXH5l87e141q93zBDwift5urLYNqzqJd5gEN+ePQ+Tb5IKmpspfP11xxwFGkRkwhk6CdquD2/Gql5SuGMHRbt3g5FxwT5jFTQ3M2//fndTk4j8PIlxKgeq2gh87tixb77h3vbt6MhIXkEBaw23t7tnGOBtEXknXfcpp09EjgFNQBTAW1dHSU8PnhdfzCcuZlUVJSdOTAIG2qdkm8mpXW49CSRDwFhnJ5G2ttTcLSMZZWUUtbRQ0NTkXnqjWEviy+m+O9t3LouB48DaZGM8Tqy7m9ipU8ROn0bv3JnRjxQX4wkGrfcu9fXuiwOsU6Ih3RrOCtoGF6AB6AAqJzxMJBi/coVEKEQiHCYRDiffbhllZUgggFlebkVrD4IfR38De7FuvPxFWinwBar6hqr+nuU7REdhVd1rl+QejVRVVHWZqr6lqj/OEvS6qr6rqi9pFi89HeUtKlJVHxDAKkksAp4A7mDloP3AgPsqzkX/A25zLqd+092sAAAAAElFTkSuQmCC") } .pq-images-select { position: relative; } .pq-images-img:hover { border: 2px solid #ccc; } .pq-images-img-selected { border: 2px solid #000!important; } .pq-images-img td { vertical-align: middle; text-align: center; } .pq-images-holder { width: 100%; height: 100%; padding-left: 190px; box-sizing: border-box; overflow: hidden; } .pq-images-inner { width: 100%; height: 100%; padding-left: 10px; padding-top: 20px; padding-bottom: 50px; border-left: 1px solid #ccc; box-sizing: border-box; text-align: center; } .pq-images-inner img { cursor: pointer; } .pq-images-text { position: absolute; overflow: hidden; width: 100%; padding-left: 190px; text-align: center; box-sizing: border-box; } .pq-images-text.bottom { bottom: 0px; height: 40px; } .pq-images-text.top { top: 0px; height: 20px; } .pq-images-text.top .mobile { display: none; } .pq-images-text.top .desktop { display: block; } .pq-images-text table { border-left: 1px solid #ccc; width: 100%; } .pq-images-text table td { text-align: center; vertical-align:middle; } .pq-images-text p { margin: 0px; padding: 0px; } .pq-images-close { position: absolute; cursor: pointer; z-index: 100; } .pq-images-close-top { top: -30px; right: -30px; } .pq-images-close-bottom { bottom: -30px; left: -30px; } .pq-images-small { padding: 0px!important; } .pq-images-wrapper.single .pq-images-text { padding-left: 0px; } .pq-images-wrapper.single .pq-images-text table { border-left: none; } .pq-images-wrapper.single .pq-images-holder { padding-left: 0px; } .pq-images-wrapper.single .pq-images-inner { border-left: none; padding-left: 0px; padding-right: 0px; } /* Images */ /* Finance */ .finance-wrapper { padding-right: 5px; } table.finance { border-collapse: collapse; margin-top: 10px; width: 100%; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; border: solid 1px #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } table.finance td { padding: 5px; } table.finance-options { width: 100%; border-collapse: collapse; } table.finance-options th, table.finance-options td { padding: 5px 5px; border-bottom: 1px solid #ccc; } table.finance-options td { cursor: pointer; } table.finance-options .active { background-color: #ccc; } .finance-groups { display: flex; } .finance-groups .finance-group:last-child { border-left: 1px solid #ccc; } .finance-groups .finance-group:first-child { border-left: none; } div.finance-group { width: 424px; padding: 0px 29px; margin-right: auto; margin-left: auto; box-sizing: border-box; align-self: stretch; } div.finance-group img { margin-left: auto; margin-right: auto; display: block;} div.finance-group-logo { margin-left: auto; margin-right: auto; margin-bottom: 10px; display: block;} div.finance-deposit { width: 100%; padding: 5px; box-sizing: border-box; text-align: left; background-color: #efefef; margin: 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.finance-deposit table { margin-right: auto; margin-left: auto; width: auto; } div.finance-deposit p { text-align: center; } div.finance-pay { background-color: #f4f2f1; padding: 15px 0px; margin-bottom: 15px; text-align: center; } table.finance-price td { position: relative; } table.finance-price label { position: absolute; font-size: 17px;top: 7px; left: 7px; font-weight: bold; } table.finance-price input { padding-left: 14px!important; } p.p-finance { font-size: 12px; color: #008b07; font-weight: bold; cursor: pointer; } div.p-finance { background-color: #efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px -10px; } div.p-finance p { padding: 3px; margin: 0px; } .p-finance-text { top: 0px; font-size: 12px; } .p-finance-wrapper { border-top: solid 1px #f4f2f1; padding-top: 10px; padding-bottom: 10px;} .p-right-section-details .p-finance-wrapper:first-child { padding-top: 0px; border-top: 0px; } .p-right-section-details .p-finance-wrapper:last-child { padding-bottom: 0px; } .p-finance-logo { float: left; } .p-finance-options { float: right; width: 145px; } .p-finance-option { margin-bottom: 5px; } .p-finance-options .p-finance-option:last-child { margin-bottom: 0px;} .p-finance-option p { text-align: left!important; padding-left: 17px!important; } .pq-finance-apr { font-size: 11px; color: #545454; } .p-finance-indicator { position: absolute; } .p-finance-option.disabled p { color: #7f7f7f; } /* Finance */ /* Reminder */ .p-reminder { } .p-reminder table { width: 100%; border-collapse: collapse; } .p-reminder input[type="text"] { width: 100%; padding: 5px; } /* Reminder */ /* Variation */ .p-variation-wrapper { border-bottom: 1px solid #ccc;} .p-variation-wrapper table { width: 100%; table-layout: fixed; } .p-variations { } .p-variation-header { width: 100px; font-weight: bold; padding: 0px 10px 10px 10px; font-size: 13px; text-align: right; vertical-align: middle; } .p-variation { float: left; text-align: center; border: 1px solid #ccc; padding: 5px; margin: 0px 10px 10px 0px; cursor: pointer; position: relative; } .p-variation-active { border: 1px solid #b31c2b; } .p-variation a { color: Black; text-decoration: none; } .p-variation span { display: block; } .p-variation-value { font-weight: bold; } .p-variation-price { color: #5F5F5F; font-size: 10px; } .p-variation-active .p-variation-price { color: #b31c2b; } .p-variation-nostock { opacity: 0.4; } .p-variation-starbuy { position: absolute; left: -7px; top: -7px; } .p-variation-colour { width: 30px; height: 30px; border: 1px solid #000; margin-left: auto; margin-right: auto; margin-bottom: 5px;} /*.p-variation-colour-desc {float:left; padding:1px; margin-left:4px; margin-top:5px;}*/ /*.p-variation-active-arthr { border: 1px solid #000000; } .p-variation-arthr {width: 100%; border:none !important;} .p-variation .heightwidth {height: 35px; width: 120px;}*/ .p-list-variation-wrapper { margin-top: 2px; } .p-list-variation { float: left; text-align: center; border: 1px solid #ccc; padding: 1px; margin: 0px 5px 0px 0px; cursor: pointer; position: relative; } .p-list-variation-active { border: 1px solid #000; } .p-list-variation-nostock { opacity: 0.4; } .p-list-variation-wrapper .p-variation-colour { width: 15px; height: 15px; margin: 3px; } /* Variation */ /* Pagination */ .pq-pagination { line-height: 40px; margin-top: 10px; } .pq-pagination-numbers { float: left; margin-right: 20px; } .pq-pagination-numbers p { padding: 0px; margin: 0px; line-height: 40px!important; } .pq-pagination-pager { float: left; margin-right: 10px; } .pq-pagination-order { float: right; margin-right: 10px; } .pq-pagination-link, .pq-pagination-next { border: 1px #ccc solid; padding:2px 3px 2px 3px; color:#595959!important; background-color:#fff; text-decoration: none; } .pq-pagination-link:hover, .pq-pagination-next:hover { border: 1px #595959 solid; background-color:#595959; color:#fff!important; text-decoration:none; } .pq-pagination-link-active { border: 1px #595959 solid; padding:2px 3px 2px 3px; background-color:#666; color:#fff!important; text-decoration: none; } .Pagination {padding:12px;margin:0px; clear:both;} /* Pagination */ /* View Selector */ .pq-pagination-view { float: left; margin-left: 20px; width: 120px; } .pq-view-wrapper { float: left; } .pq-view-wrapper span { float: left; display: block; font-weight: bold; } .pq-view-select { float: left; height: 15px; width: 14px; padding: 4px; margin: 8px 10px 0px 5px; cursor: pointer; } .pq-view-select-active { padding: 3px; border: 1px solid #595959; } /* View Selector */ /* Fader */ .pq-rotate { position: relative; } .pq-rotate-item { position: absolute; display: none; } /* Fader */ /* Feedback */ .pq-feedback { } .pq-feedback table { border-collapse: collapse; width: 100%; } .pq-feedback table td { padding: 2px; vertical-align: middle; } .pq-feedback-title { padding-top: 20px!important; } .pq-feedback input { padding: 3px; } .pq-feedback .required { color: Red; font-weight: bold; } /* Feedback */ /* Button */ .btn { -webkit-appearance:none; padding: 5px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; color: #fff!important; position: relative; cursor: pointer; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; border: 1px solid; box-sizing: border-box; } .btn::before { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; position: absolute; } .btn.green { background-color: #217a02; border: 1px solid #217a02; } .btn.grey { background-color: #555555; border: 1px solid #555555; } .btn.orange { background-color: #d97704; border: 1px solid #d97704; } .btn.red { background-color: #af3628; border: 1px solid #af3628; } .btn.small { padding: 4px 8px; font-size: 10px; } .btn.big { padding: 8px 15px; font-size: 16px } .btn.massive { padding: 10px 19px; font-size: 22px } .cancel { position: relative; padding-right: 30px!important; } .cancel:after {content: ''; background-image: url(i/close-white.svg); width: 17px; height: 17px; position: absolute; right: 5px; } a.btn { text-decoration: none!important; } .btn:hover:enabled { background-color: #fff; border: 1px solid #555555; color: #000!important; } .btn:disabled { opacity: 0.5; } .btn.left-arrow { padding-left: 26px!important; } .btn.big.left-arrow { padding-left: 46px!important; } .btn.big.left-arrow::before { left: 15px; top: 12px; } a.btn.big.right-arrow::before { top: 10px; } .btn.left-arrow::before { content: " "; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 16px solid #fff; position: absolute; left: 5px; top: 8px; } .btn.left-arrow:hover:enabled::before { border-right: 16px solid #000; } .btn.right-arrow { padding-right: 26px!important; } .btn.big.right-arrow { padding-right: 46px!important; } .btn.big.right-arrow::before { right: 15px; top: 12px; } a.btn.big.right-arrow::before { top: 11px; } .btn.right-arrow::before { content: " "; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #fff; position: absolute; right: 5px; top: 8px; } .btn.big.right-arrow::before { border-left-width: 16px; border-top-width: 8px; border-bottom-width: 8px; } .btn.right-arrow:hover:enabled::before { border-left-color: #000; } a.btn.right-arrow:hover::before { border-left-color: #000; } /* Button */ /* Ink Catridge */ .pq-cartridge { padding: 10px; } .pq-cartridge-hdr { border-bottom: 2px solid #f0f0f5; margin-bottom: 10px; } .pq-cartridge-hdr h1 { float: left; margin-top: 10px; } .pq-cartridge-hdr img { float: right; } .pq-cartridge-body img { float: left; } .pq-cartridge-search { float: right; margin-top: 10px; } .pq-cartridge-split { border-bottom: 2px solid #f0f0f5; margin-bottom: 10px; } .pq-cartridge-split span { display: block; background-color: #fff; position: relative; margin-left: auto; margin-right: auto; width: 30px; text-align: center; top: 8px; font-size: 14px; } .pq-cartridge .text { width: 440px; background-color: #f0f0f5; border: solid 1px #ccc; padding: 13px 10px 12px 10px; margin: 10px 0px 10px 0px; outline: none; box-sizing: border-box; } .pq-cartridge select { float: left; width: 227px; height: 40px; background-color: #f0f0f5; border: solid 1px #ccc; padding: 5px; margin: 10px; box-sizing: border-box; } .pq-cartridge .pq-cartridge-btn { float: right; width: 30px; padding: 8px 5px 7px 5px; background-color: #c2222c; margin: 10px 0px 10px 0px; } /* Ink Catrige */ /* Comparison */ .pq-minicomparison-wrapper h2 { color: rgb(191, 30, 46); text-align: center; font-size: 24px; margin: 10px 0px 5px 0px; } .pq-minicomparison-wrapper p { font-size: 11px; margin: 0px; padding: 0px; } .pq-minicomparison-inner { padding-left: 5px; padding-right: 5px; } .pq-minicomparison-products div { border-bottom: 1px solid #ccc; padding: 5px 0px; } .pq-minicomparison-products a { display: block; float: right; text-decoration: none; } .pq-minicomparison-products a:hover { text-decoration: none; } .pq-minicomparison-footer { margin: 5px 0px; text-align: center; } .pq-compare { border: 1px solid #008b07; color: #008b07; margin-top: 10px; padding: 5px 30px 5px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-left: auto; margin-right: auto; position: relative; display: inline-block; font-size: 11px; cursor: pointer; box-sizing: border-box; } /* Comparison */ /* Frequently */ .pq-freq { border-bottom: #ccc 1px solid; padding: 0px; } .pq-freq:last-child {border-bottom:none} .pq-freq-opt { float: left; font-size: 60px; padding: 30px; padding-top: 0px!important; padding-right: 0px!important; color: #646464; transform: translateY(50%); } .pq-freq-itm { width: 230px; text-align: center; float: left; } .pq-freq-itm table { width: auto!important; border: none!important; margin-left: auto!important; margin-right: auto!important; } .pq-freq-itm table td { vertical-align: middle; text-align: center; border: none!important; } .pq-freq-itm p { font-size: 13px; margin: 0px; padding: 0px; margin-top: 10px; text-align: left; } .pq-freq-itm p span { color: #b31c2c; font-weight: bold; } .pq-freq-itm h3 { font-size: 18px; color: #646464; margin-left: 0px!important; } .pq-freq-price { color: #b31c2b; font-size: 30px!important; font-weight: bold; text-align: center!important; } .pq-freq-price span { font-size: 24px!important; } .pq-freq-save { color: #b31c2b; font-size: 24px!important; font-weight: bold; text-align: center!important; } .pq-freq-buttons { height: 100%; } .pq-freq-buttons .btn { top: 50%; transform: translateY(-50%); } /* Frequently */ @media print { .btn { display: none!important; } .pq-module-header { display: none!important; } .pq-checkout-safety { display: none!important; } } /* Reviews */ .review-table { border: none!important; } .review-table td { border: none!important; padding:0px!important; } .product-name { font-weight: bold; font-size:medium; } .reevoo-logo { font-size:medium; font-weight:bold; color: #ff7911; } .facet { width:460px!important; float:left; margin-left:10px!important; margin-top:10px!important; border-collapse: collapse; border: none!important; } .facet td, .facet th { border: none!important; padding: 5px!important; text-align:right; vertical-align: middle;} .facet td { } .facet th { width: 110px; } .facet-scale { height:20px; background-color:#bbb; } .facet-scale-main { background-color:#feb913; height:20px; font-weight: bold; padding-right: 5px; box-sizing: border-box; line-height: 20px; color: #fff; } .review-div { margin-top: 10px; padding-top: 10px; border-top: solid 1px #ccc; } .review-star { text-align:center; width:120px; float:left; } .reviewer { float: left; } .reviewer p { margin: 0px; padding: 0px; } .reviewer p span { color: Gray; font-size: 10px; } .review-text { margin-top: 10px!important; border: none!important; } .review-text th { padding: 5px 5px 5px 20px!important; border: none!important; width: 30px } .review-text td { padding: 5px!important; border: none!important; vertical-align: middle; } .review-text span { display: block; float: left; } .review-plus { font-size:15px; font-weight:bold; color:Green; } .review-minus { font-size:18px; font-weight:bold; color:Red; } .pq-reevoo-reviews-toggle { margin:5px; margin-top:10px; cursor:pointer; } .review-response { margin: 0px 50px; margin-top: 20px; } .review-response img { float: right; } .review-response-name { font-size: 16px; font-weight: 800; line-height: 25px; display: block; float: left; } .review-response-body { border: solid 1px #000; padding: 20px; margin: 20px 0px; } /*.Responce { border-top:solid; border-top-color:lightgray; margin-top:15px; border-width:1px!important; } .Responce-image { float:right; margin:3px; min-width:50px; } .Responce table { border-bottom:none!important; margin-top:10px!important; padding-top:5px; text-align:left; } .Responce td { border:none!important; } .Responce th td td { font-size:medium; font-weight:bold; color: #ff7911; } .Responce p { margin-bottom:15px; margin-top:0px; }*/ ./*Responce p th tr { margin: 0px; padding: 3px; margin-top:10px; } .Responce th { margin-top:5px; font-size:15px; font-weight:bold; color:darkgray;} .Responce-boarder { margin: 3px; border:solid; border-width:1px; border-color:gray; border-width:thin; padding:2px; }*/ /* Reviews */ /* Configurations */ .config h3 { margin: 10px 5px!important; padding: 0px!important; } .config-detail { border: 1px solid #ccc; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .config-selected { float: left; } .config-options { float: right; width: 400px; padding: 0px 10px 10px 10px; border-left: 1px solid #ccc; box-sizing: border-box; min-height: 106px; } .config-options table { width: 100%; border-collapse: collapse; font-size: 11px; border-top: solid 1px #ccc; } .config-options table tr { cursor: pointer; } .config-options table tr:hover { background-color: #ccc; } .config-options th, .config-options td { padding: 10px 5px; border-bottom: solid 1px #ccc; vertical-align: middle; } .config-options th { text-align: left; font-weight: normal; } .config-options td { text-align: center; width: 60px; } .config-options td .selected { font-weight: bold; } .config-options td .positive { color: #008b07; } .config-options td .negative { color: #b31c2b; } .config-option-nostock { opacity: 0.4;} .config-selected-img { text-align: center; vertical-align: middle; } .p-configuration-nas .config-selected { width: 550px; } .p-configuration-nas .config-options { width: 550px; } .p-configuration-header { font-weight: bold; margin: 10px 0px; position: relative; cursor: pointer; } .p-configuration-header span { position: absolute; right: 10px; font-size: 19px; top: -7px; width: 15px; text-align: center;} .p-configuration-group { padding-left: 10px; } /* Configurations */ /* Blog */ .b-list-item { padding: 20px 0px; border-bottom: 1px solid #000;} .b-header { padding: 0px; margin: 0px 0px 10px 0px; font-size: 24px; } .b-header a { text-decoration: none; } .b-info { padding: 0px; margin: 0px 0px 20px 0px; font-size: 12px; } .b-list-content img { max-width: 150px; max-height: 150px; float: left; margin: 0px 20px 0px 0px; } .b-list-text { max-height: 150px; overflow: hidden; } .b-list-text p { padding: 0px; margin: 0px; } .b-list-more { text-align: right; margin-top: 20px; } .b-list-back { text-align: left; margin-top: 20px; } /* Blog */ /* Online Returns */ .pq-onlinereturns h3 { margin: 0px; padding: 0px; margin-bottom: 10px; font-size: 20px; text-transform: uppercase; } .pq-onlinereturns h4 { margin: 0px; padding: 0px; margin-bottom: 10px; font-size: 16px; text-transform: uppercase; } .pq-onlinereturns p { margin: 0px; padding: 0px; margin-bottom: 10px; } .pq-onlinereturns label { font-weight: 800; } .pq-onlinereturns-left { width: 850px; float: left; } .pq-onlinereturns-product { padding-bottom: 10px; padding-top: 10px; border-bottom: solid 1px #ccc; } .pq-onlinereturns-product-image { width: 100px; margin-right: 10px; float: left; text-align: center; } .pq-onlinereturns-product-desc { width: 384px; float: left; margin-right: 10px; } .pq-onlinereturns-product-desc.fullwidth { width: 674px; margin-right: 0px; } .pq-onlinereturns-product-desc.wide { width: 584px; } .pq-onlinereturns-product-desc h5 { font-size: 14px; padding: 0px; margin: 0px; } .pq-onlinereturns-product-desc p { font-size: 11px; padding: 0px; margin: 0px; } .pq-onlinereturns-product-qty { width: 70px; float: left; text-align: center; margin-right: 10px; } .pq-onlinereturns-product-qty.wide { width: 200px; } .pq-onlinereturns-product-reason { width: 200px; float: left; text-align: center; } .pq-onlinereturns-product label { display: block; padding-bottom: 5px; color: #000; font-weight: 800; } .pq-onlinereturns-product select { width: 100%; } .pq-onlinereturns-buttons { margin-top: 20px; } .pq-onlinereturns-information { border-bottom: solid #000 3px; padding-top: 10px!important; margin-bottom: 10px; } .pq-onlinereturns-information .reason { float: left; } .pq-onlinereturns-information .count { float: right; } .pq-onlinereturns-manufacturer { margin-top: 20px; padding-bottom: 10px; border-bottom: solid 1px #ccc; } .pq-onlinereturns-questions { padding-top: 10px; } .pq-onlinereturns-questions label { margin-top: 10px; margin-bottom: 3px; display: block; } .pq-onlinereturns-questions label span { color: #ff0000; padding-left: 5px; } .pq-onlinereturns-questions select, .pq-onlinereturns-questions input { width: 400px; } .pq-onlinereturns-questions textarea { width: 100%; } .pq-onlinereturns-questions .pq-info { margin-top: 0px; margin-left: 20px; margin-right: 0px; } .pq-onlinereturns-upload { border: solid 2px #000; width: 170px; height: 170px; position: relative; float: left; margin-left: 20px; } .pq-onlinereturns-uploads .pq-onlinereturns-upload:first-child { margin-left: 0px; } .pq-onlinereturns-uploads .pq-onlinereturns-upload:nth-child(6) { margin-left: 0px; } .pq-onlinereturns-upload-split { padding-top: 20px; clear: both; } .pq-onlinereturns-upload table td { vertical-align: middle; text-align: center; padding: 10px; } .pq-onlinereturns-upload.add input { position: absolute; top: 0px; height: 100%; width: 100%; outline: none; cursor: pointer; } .pq-onlinereturns-upload.add::before { content: '+'; line-height: 170px; text-align: center; display: block; font-size: 120px; position: relative; z-index: 1; background-color: #fff; pointer-events: none; } .pq-onlinereturns-upload .remove {position: absolute; top: 0px; right: 0px; font-size: 20px; background-color: #000; color: #fff; width: 23px; text-align: center; cursor: pointer; font-weight: bold; } .pq-onlinereturns-right { width: 350px; float: right; } .pq-onlinereturns-processed { margin-top: 20px; border-top: solid 1px #ccc; padding-top: 20px; } .pq-onlinereturns-processed .pq-onlinereturns-product-image { width: 50px; } .pq-onlinereturns-processed .pq-onlinereturns-product-desc { width: 214px; } .pq-onlinereturns-processed-group { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .pq-onlinereturns-processed-group-header { margin-bottom: 3px; } .pq-onlinereturns-processed-group-header label { display: block; padding-top: 4px; padding-bottom: 3px; float: left; } .pq-onlinereturns-processed-group-header .btn { float: right; } .pq-onlinereturns-right .pq-checkout-innerbox { margin-top: 20px; } .pq-onlinereturns-right .pq-error { margin-left: 0px; margin-right: 0px; } .pq-onlinereturns-right .pq-checkout-innerbox label {font-size: 11px; } .pq-onlinereturns-confirmation span.reference { color: #217a02; font-size: 16px; font-weight: 800; } .pq-onlinereturns-confirmation-options { margin-top: 20px; margin-bottom: 20px; } .pq-onlinereturns-confirmation-option { float : left; margin-left: 50px; } .pq-onlinereturns-confirmation-options .pq-onlinereturns-confirmation-option:first-child { margin-left: 0px; } .pq-onlinereturns-confirmation-option .pq-checkbox { margin-bottom: 0px; } .pq-onlinereturns-content h4 { margin-top: 20px; } /* Online Returns */ /* Used Information */ .p-used-wrapper h2 { margin-bottom: 20px; } .p-used-product { width: 300px; float: left; padding-right: 20px; box-sizing: border-box; } .p-used-product .p-title-desc { font-size: 16px; } .p-used-product table { width: 100%; border-collapse: collapse; } .p-used-product table th { padding: 5px; text-align: left; } .p-used-product table td { padding: 5px; background-color: #f4f2f1; vertical-align: middle; } .p-used-right { width: 450px; float: right; } .p-used-right .btn { float: right; } .p-used-grade { background-color: #f4f2f1; box-sizing: border-box; padding: 10px; margin-bottom: 10px; } .p-used-grade h3 { color: #fff; } .p-used-grade .custom-prod-desc p { margin: 0px; text-align: initial; } .p-used-grade .custom-prod-desc ul li { text-align: initial; } .p-used-grade .p-thumb { background-color: #fff; } /* Used Information */ .vat-toggle {} .vat-toggle span {cursor: pointer; background-color: #000; width: 18px; height: 33px; display: block; float: left; padding: 3px; box-sizing: border-box; position: relative;} .vat-toggle span::before { content: ''; background-color: #fff; width: 12px; height: 12px; display: block; position: absolute; transition: 0.25s; bottom: 18px } .vat-toggle.exc span::before { bottom: 3px} .vat-toggle.inc p.inc { font-weight: 800} .vat-toggle.exc p.exc { font-weight: 800} .vat-toggle div { float: left; padding-left: 10px} .vat-toggle div p { padding: 0px; margin: 0px 0px 5px 0px; text-transform: uppercase; } /* Config-Wrapper */ .custom-config-wrapper { } .custom-config-wrapper .p-promotion, .custom-config-selection .p-promotion { padding-bottom: 0px!important; font-size: 12px!important; } .custom-config-header { background-color: #f4f2f1; margin-top: 20px; margin-bottom: 20px; position: relative; } .custom-config-header h2 { padding: 25px; font-size: 24px; float: left; } .custom-config-header .total { float: right; } .custom-config-header .total p.price { padding: 20px 20px 0px 20px; font-size: 16px; text-align: right; font-weight: 800; margin: 0px; line-height: 20px; } .custom-config-header .total p.price span { font-size: 25px; } .custom-config-header .p-buy { margin-top: 10px; margin-bottom: 20px; padding-right: 20px; float: right; width: 200px; } .custom-config-header .pq-error { float: left; width: 700px; margin: 20px 20px 72px 20px; } .custom-config-header .pq-error span { display: block; padding-left: 20px; } .custom-config-wrapper h5, .custom-config-selection-wrapper h5 { font-size: 12px; margin: 0px; padding: 0px; text-transform: uppercase; cursor: pointer; } .custom-config-wrapper p.furtherpoints, .custom-config-selection-wrapper p.furtherpoints { font-size: 11px; margin: 0px; padding: 0px; padding-top: 0px!important; color: #6f6f6f; } .custom-config-buttons { position: absolute; bottom: 20px; left: 20px; width: 700px; } .custom-config-buttons .btn { display: inline-block; } .custom-config-share { margin-left: 20px; } .custom-config-finance { margin-right: 20px; } .custom-config-finance p { padding: 0px; margin: 0px; } .custom-config-finance-header { padding: 2px 5px!important; background-color: #000; color: #fff; display: inline-block; } .custom-config-finance-details { background-color: #fff; padding: 3px 5px 3px 10px; text-align: right; } .custom-config-group { margin-bottom: 20px; } .custom-config-group-image { width: 76px; height: 76px; line-height: 76px; -moz-box-shadow: 0px 0px 8px #a4a6a4; -webkit-box-shadow: 0px 0px 8px #a4a6a4; box-shadow: 0px 0px 8px #a4a6a4; text-align: center; float: left; cursor: pointer; } .custom-config-group-image img { max-width: 72px; max-height: 72px; vertical-align: middle; } .custom-config-group-details { float: right; width: 1060px; background-color: #f4f2f1; min-height: 76px; } .custom-config-group-details h3 { padding: 5px; background-color: #fff; display: inline-block; cursor: pointer; } .custom-config-group-details .text { float: left; width: 900px; padding-bottom: 5px; } .custom-config-group-details .text p { padding-left: 5px!important; padding: 5px; margin: 0px; color: #6f6f6f; } .custom-config-group-details .text h5 { padding-left: 5px; padding-top: 5px; font-weight: 800; } .custom-config-group-empty { font-size: 12px; margin: 0px; padding: 0px; text-transform: uppercase; font-weight: 800; color: #000!important; cursor: pointer; } .custom-config-group-details .price { float: left; margin-right: 20px; margin-top: 17px; position: relative; width: 100px; font-size: 18px; font-weight: 800; line-height: 46px; text-align: right; } .custom-config-group-details .pq-next-arrow-small-btn { float: right; margin-right: 20px; margin-top: 17px; position: relative; cursor: pointer; } .custom-config-group-details .pq-next-arrow-small-btn:hover .custom-config-menu { display: block; } .custom-config-menu-wrapper { width: auto; margin: 0px; padding: 0px; box-shadow: none; } .custom-config-menu-wrapper:hover { box-shadow: none; } .custom-config-menu { background-color: #fff; -moz-box-shadow: 0px 0px 8px #a4a6a4; -webkit-box-shadow: 0px 0px 8px #a4a6a4; box-shadow: 0px 0px 8px #a4a6a4; text-align: center; width: 290px; } .custom-config-menu p { color: #000; display: block; font-size: 14px; font-weight: 800; border-bottom: 1px solid #f4f2f1; position: relative; padding: 10px 30px 10px 10px; cursor: pointer; margin: 0px; } .custom-config-menu p:hover { text-decoration: none; background-color: #f4f2f1; } .custom-config-menu p span { position: absolute; right: 10px; top: 8px; } .custom-config-menu p span.add { font-size: 22px; top: 1px; } .custom-config-selection-wrapper { padding: 0px 0px 109px 0px; position: static; } .custom-config-selection-wrapper .pq-pop-content { cursor: auto; margin-top: 59px; } .custom-config-selection { display: flex; flex-flow: row wrap; height: 100%; } .custom-config-selection-header { margin: 0px; padding: 15px 0px; width: 100%; box-sizing: border-box; height: 59px; text-align: center; font-size: 24px; font-weight: 800; background-color: #f4f2f1; position: absolute; top: 0px; z-index: 1;} .custom-config-selection-header span { display: block; position: absolute; top: 15px; right: 0px; padding: 0px 20px 0px 10px; background-color: #f4f2f1; cursor: pointer; } .custom-config-selection .refinerbox { /*float: left;*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-right: 3px solid #f4f2f1; margin: 0px; } .custom-config-selection-footer { position: absolute; bottom: 0px; height: 50px; background-color: #f4f2f1; z-index: 1; width: 100%; } .custom-config-selection-footer .btn { float: right; right: 38px; top: 10px; } .custom-config-selection-wrapper.no-refiners .text { width: 821px!important; } .custom-config-selection-product { padding: 10px 0px; border-bottom: 3px solid #f4f2f1; position: relative; } .custom-config-selection-product .p-list-promotion-wrapper { padding-left: 20px; } .custom-config-selection-product .p-list-promotion-wrapper .p-promotion span { display: inline; } .custom-config-selection-product .image { width: 89px; box-sizing: border-box; padding-left: 20px; float: left; cursor: pointer; text-align: center; } .custom-config-selection-product .text { float: left; width: 615px; box-sizing: border-box; padding-left: 20px; } .custom-config-selection-product .text h5 { cursor: pointer; } .custom-config-selection-product .text.narrow { width: 526px; } .custom-config-selection-product .flags { float: right; padding-left: 10px; } .custom-config-selection-product .price { float: left; width: 100px; padding-right: 20px; box-sizing: border-box; text-align: right; line-height: 24px; } .custom-config-selection-product .price .positive { color: #008b07; } .custom-config-selection-product .price .negative { color: #b31c2b; } .custom-config-selection-product .price select { border: 2px solid #000; padding: 2px; width: 50px;} .custom-config-selection-product .button { float: right; width: 90px; padding-right: 20px; box-sizing: border-box; } .custom-config-selection-product .button .btn { width: 100%; } .grid.custom-config-selection-products { width: 800px; } .grid .custom-config-selection-product { float: left; width: 195px; border-right: 3px solid #f4f2f1; } .grid .custom-config-selection-product .p-list-promotion-wrapper { height: 27px; padding-left: 10px; } .grid .custom-config-selection-product .p-list-promotion-wrapper .p-promotion span { display: block; } .grid .custom-config-selection-product .text { width: 100%; padding: 10px 10px 0px 10px; height: 64px; overflow: hidden; float: none; } .grid .custom-config-selection-product .flags { text-align: center; height: 30px; float: none; padding-right: 10px; } .grid .custom-config-selection-product .image { width:auto; height: 200px; float: none; } .grid .custom-config-selection-product .price { width: auto; padding-left: 10px; font-size: 16px;} .grid .custom-config-selection-product .price > span { padding-top: 2px; display: inline-block; } .custom-config-guide { width: 48%; display: block; float: left; } /*.custom-config-call-us { width: 48%; display: block; float: left; }*/ .custom-config-callback { width: 48%; display: block; float: right; } .custom-config-email { width: 48%; display: block; float: left; margin-top: 20px; } .custom-config-chat { width: 48%; display: block; float: right; margin-top: 20px; } .custom-config-faq { width: 48%; display: block; float: left; margin-top: 20px; } .cookie-policy { position: fixed; z-index: 100001; bottom: 0px; left: 0px; padding: 0px; width: 100%; background-color: #555555; } .cookie-policy table { margin-left:auto; margin-right: auto; border-collapse: collapse; } .cookie-policy table td { vertical-align: middle; padding: 5px; } .cookie-policy table td.button { width: 150px; text-align: right; padding-top: 0px; padding-bottom: 0px; } .cookie-policy p { color: #fff; margin: 0px; padding: 0px; } .cookie-policy a { color: #fff; } @media screen and (max-width:1440px) { .cookie-policy .btn {margin-right: 159px;} } .printer-search { width: 100%; background-color: #000; height: 80px; padding: 20px; box-sizing: border-box; margin-bottom: 20px; margin-top: 10px; position: relative; } .printer-search .pq-magnify-white { float: left; margin-right: 20px; } .printer-search label { float: left; color: #fff; font-size: 18px; font-weight: 800; line-height: 42px; padding-right: 20px; } .printer-search-box { float: left; width: 770px; position: relative; } .printer-search-box input { width: 100%; padding: 13px 13px 14px 13px; outline: none; border: none; box-sizing: border-box; } .printer-search .btn { float: right; background-color: #94c23e!important; border: solid #94c23e 2px!important; width: 60px; } .printer-result-wrapper h2 { margin-bottom: 5px; } .printer-result { float: left; width: 275px; padding: 10px; box-sizing: border-box; margin: 0px 20px 20px 0px; -moz-box-shadow: 0px 0px 8px #a4a6a4; -webkit-box-shadow: 0px 0px 8px #a4a6a4; box-shadow: 0px 0px 8px #a4a6a4; } .printer-result.fourth { margin-right: 0px; } .printer-result-image { width: 100%; border-collapse: collapse; } .printer-result-image td { text-align: center; vertical-align: middle; } .printer-result h3 { font-size: 14px; height: 58px; overflow: hidden; margin-top: 5px; } .printer-result .btn { margin-top: 10px; background-color: #94c23e!important; border: solid #94c23e 2px!important; }