/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ /* open-sans-regular - latin */ /* NEW THEME ASSETS */ /* Colours */ :root { --orange: #f97910; --orangehover: #f33901; --pink: #D52F85; --pinkhover: #b20945; --black: #000000; --dgrey: #787780; --lgrey: #C2C1C3; --mgrey: #aeadb3; --backgrey: #F5F5F5; --backgrey: #FFFFFF; --cta-primary-1-hsl: hsl(0, 0%, 20%); --cta-primary-2-hsl: hsl(36, 97%, 62%); --cta-primary-3-hsl: hsl(343, 86%, 46%); --cta-primary-4-hsl: hsl(59, 75%, 49%); --cta-primary-5-hsl: hsl(201, 93%, 21%); --cta-primary-6-hsl: hsl(163, 75%, 44%); --cta-primary-7-hsl: hsl(27, 95%, 52%); --cta-primary-8-hsl: hsl(0, 0%, 100%); --cta-primary-hover-1: #333; --cta-primary-hover-2: #FCB040; --cta-primary-hover-3: #DB114A; --cta-primary-hover-4: #D9D61F; --cta-primary-hover-5: #044568; --cta-primary-hover-6: #1CC594; --cta-primary-hover-7: #F97910; --cta-primary-hover-8: #fff; --cta-primary-1: #333; --cta-primary-2: #FCB040; --cta-primary-3: #DB114A; --cta-primary-4: #D9D61F; --cta-primary-5: #044568; --cta-primary-6: #1CC594; --cta-primary-7: #F97910; --cta-primary-8: #fff; } body.pixiedust span.xxlarge { font-size: clamp(58px,5vw,80px) !important; display:block; line-height:1.5; font-weight:600; margin-bottom: 20px !important; display:block; } body.pixiedust span.xlarge { font-size: clamp(32px,4.5vw,58px) !important; display:block; line-height:1.5; font-weight:600; margin-bottom: 20px !important;display:block; } body.pixiedust span.large { font-size: clamp(22px,4.0vw,32px) !important; display:block; line-height:1.5; font-weight:600; margin-bottom: 20px !important;display:block; } body.pixiedust span.medium { font-size: clamp(16px,1.6vw,22px) !important; line-height:1.5; margin-bottom: 20px !important; display:block; } body.pixiedust span.small { font-size: clamp(12px,1.2vw,14px) !important; line-height:1.4; margin-bottom: 20px !important; display:block; } body.pixiedust p { font-size: clamp(12px,1.2vw,14px) !important; margin-bottom: 20px !important; display:block; } body.pixiedust .featurespan { font-size: clamp(22px, 2.338vw, 48px) !important; display:block; line-height:1.5; font-weight:600;display:block; } /* BUTTONS */ body.pixiedust .button, body.pixiedust button { padding: 8px 22px; transition: all 200ms ease; border:1px solid #333; border-radius: 99999px; display:inline-flex; justify-content: center; align-items: center; font-weight: 600; } body.pixiedust .button.orangebutton { box-sizing: border-box; transition:all 200ms ease; background:var(--orange); border-color:var(--orange); color:#fff; } body.pixiedust .button.orangebutton:hover { background:var(--orangehover); border-color:var(--orangehover); } body.pixiedust .button.whitebutton { display:inline-flex; border:1px solid #fff; border-radius: 25px; display:inline-flex; background:transparent; color: #fff; } body.pixiedust .button.whitebutton:hover { background:#000; border-color:#000; color: #fff !important; } body.pixiedust .button.cta-primary-1, body.pixiedust button.cta-primary-1 { background:var(--cta-primary-1); border-color: var(--cta-primary-1); color:#fff; } body.pixiedust .button.cta-primary-1-hover:hover, body.pixiedust button.cta-primary-1-hover:hover { background:var(--cta-primary-hover-1); border-color: var(--cta-primary-hover-1); color:#fff !important; } body.pixiedust .button.cta-primary-2, body.pixiedust button.cta-primary-2 { background:var(--cta-primary-2); border-color: var(--cta-primary-2); color:#fff; } body.pixiedust .button.cta-primary-2-hover:hover, body.pixiedust button.cta-primary-2-hover:hover { background:var(--cta-primary-hover-2); border-color: var(--cta-primary-hover-2); color:#fff !important; } body.pixiedust .button.cta-primary-3, body.pixiedust button.cta-primary-3 { background:var(--cta-primary-3); border-color: var(--cta-primary-3); color:#fff; } body.pixiedust .button.cta-primary-3-hover:hover, body.pixiedust button.cta-primary-3-hover:hover { background:var(--cta-primary-hover-3); border-color: var(--cta-primary-hover-3); color:#fff !important; } body.pixiedust .button.cta-primary-4, body.pixiedust button.cta-primary-4 { background:var(--cta-primary-4); border-color: var(--cta-primary-4); color:#fff; } body.pixiedust .button.cta-primary-4-hover:hover, body.pixiedust button.cta-primary-4-hover:hover { background:var(--cta-primary-hover-4); border-color: var(--cta-primary-hover-4); color:#fff !important; } body.pixiedust .button.cta-primary-5, body.pixiedust button.cta-primary-5 { background:var(--cta-primary-5); border-color: var(--cta-primary-5); color:#fff; } body.pixiedust .button.cta-primary-5-hover:hover, body.pixiedust button.cta-primary-5-hover:hover { background:var(--cta-primary-hover-5); border-color: var(--cta-primary-hover-5); color:#fff !important; } body.pixiedust .button.cta-primary-6, body.pixiedust button.cta-primary-6 { background:var(--cta-primary-6); border-color: var(--cta-primary-6); color:#fff; } body.pixiedust .button.cta-primary-6-hover:hover, body.pixiedust button.cta-primary-6-hover:hover { background:var(--cta-primary-hover-6); border-color: var(--cta-primary-hover-6); color:#fff !important; } body.pixiedust .button.cta-primary-7, body.pixiedust button.cta-primary-7 { background:var(--cta-primary-7); border-color: var(--cta-primary-7); color:#fff; } body.pixiedust .button.cta-primary-7-hover:hover, body.pixiedust button.cta-primary-7-hover:hover { background:var(--cta-primary-hover-7); border-color: var(--cta-primary-hover-7); color:#fff !important; } body.pixiedust .button.cta-primary-8, body.pixiedust button.cta-primary-8 { background:var(--cta-primary-8); border-color: var(--cta-primary-8); color:#000; } body.pixiedust .button.cta-primary-8-hover:hover, body.pixiedust button.cta-primary-8-hover:hover { background:var(--cta-primary-hover-8); border-color: var(--cta-primary-hover-8); color:#000 !important; } body.pixiedust .button.cta-secondary-1, body.pixiedust button.cta-secondary-1 { background:#fff; border-color: var(--cta-primary-1); color:var(--cta-primary-1); } body.pixiedust .button.cta-secondary-1-hover:hover, body.pixiedust button.cta-secondary-1-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-1); color:var(--cta-primary-1) !important; } body.pixiedust .button.cta-secondary-2, body.pixiedust button.cta-secondary-2 { background:#fff;; border-color: var(--cta-primary-2); color:var(--cta-primary-2); } body.pixiedust .button.cta-secondary-2-hover:hover, body.pixiedust button.cta-secondary-2-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-2); color:var(--cta-primary-hover-2) !important; } body.pixiedust .button.cta-secondary-3, body.pixiedust button.cta-secondary-3 { background:#fff;; border-color: var(--cta-primary-3); color:var(--cta-primary-3); } body.pixiedust .button.cta-secondary-3-hover:hover, body.pixiedust button.cta-secondary-3-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-3); color:var(--cta-primary-3) !important; } body.pixiedust .button.cta-secondary-4, body.pixiedust button.cta-secondary-4 { background:#fff;; border-color: var(--cta-primary-4); color:var(--cta-primary-4); } body.pixiedust .button.cta-secondary-4-hover:hover, body.pixiedust button.cta-secondary-4-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-4); color:var(--cta-primary-4) !important; } body.pixiedust .button.cta-secondary-5, body.pixiedust button.cta-secondary-5 { background:#fff;; border-color: var(--cta-primary-5); color:var(--cta-primary-5); } body.pixiedust .button.cta-secondary-5-hover:hover, body.pixiedust button.cta-secondary-5-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-5); color:var(--cta-primary-5) !important; } body.pixiedust .button.cta-secondary-6, body.pixiedust button.cta-secondary-6 { background:#fff;; border-color: var(--cta-primary-6); color:var(--cta-primary-6); } body.pixiedust .button.cta-secondary-6-hover:hover, body.pixiedust button.cta-secondary-6-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-6); color:var(--cta-primary-6) !important; } body.pixiedust .button.cta-secondary-7, body.pixiedust button.cta-secondary-7 { background:#fff;; border-color: var(--cta-primary-7); color:var(--cta-primary-7); } body.pixiedust .button.cta-secondary-7-hover:hover, body.pixiedust button.cta-secondary-7-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-7); color:var(--cta-primary-7) !important; } body.pixiedust .button.cta-secondary-8, body.pixiedust button.cta-secondary-8 { background:#fff;; border-color: var(--cta-primary-8); color:#000; } body.pixiedust .button.cta-secondary-8-hover:hover, body.pixiedust button.cta-secondary-8-hover:hover { background:#fff;; border-color: var(--cta-primary-hover-8); color:#000 !important; } /* 2 cols universal */ .twocols { display:flex; align-items: center; justify-content: space-between; } .twocols-col { width:50%; box-sizing:border-box; } .twocols-col.twc1 { padding-right: 10px; } .twocols-col.twc2 { padding-left: 10px; } @media screen and (max-width: 768px) { .twocols.onecol-768 { flex-direction: column; } .twocols.onecol-768 .twocols-col { padding:0; margin: 5px 0; order:5; width:100% !important; } .twocols.onecol-768 .twocols-col.mobile-first { order:1; } .twocols.onecol-768 .twocols-col.hide-mobile { display:none; } } @media screen and (max-width: 670px) { .twocols { flex-direction: column; } .twocols .twocols-col { padding:0; margin: 5px 0; order:5; width:100% !important; } .twocols .twocols-col.mobile-first { order:1; } .twocols .twocols-col.hide-mobile { display:none; } } /** HUB PAGE AMENDMENTS **/ body.pixiedust .category-sub-inner li > a:hover { color: #F97910; } body.pixiedust .pm-banner-outer a.button[class*="cta-primary-"] { margin: 10px; } body.pixiedust .pm-banner-content .pm-itw-block .pm-itw-block-inner:hover { box-shadow: none; } .pm-fblock-wrap .pm-fb.has-link { cursor: pointer; } body.pixiedust .block-static-block, body.pixiedust .block { margin-bottom: 0; } body.pixiedust .form.form-login .fieldset button.action.login.primary.cta-primary-1 { background-color: var(--cta-primary-1); border-color: var(--cta-primary-1); } body.pixiedust .form.form-login .fieldset button.action.login.primary.cta-primary-7-hover:hover { background-color: var(--cta-primary-7); border-color: var(--cta-primary-7); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/opensans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/opensans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/opensans/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/opensans/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/opensans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/opensans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/opensans/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/opensans/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/opensans/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/opensans/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/opensans/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/opensans/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/opensans/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/opensans/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/opensans/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } * { margin:0; padding:0; } body { font:14px/1.55 'Open Sans', sans-serif; color:#333333; overflow-x: hidden;overflow-y: scroll;min-width:300px; min-height:100%; } html { -webkit-text-size-adjust: 100%; min-width:300px; min-height:100%; } img { border:0; vertical-align:top; } a { color:inherit; text-decoration:none; font-weight:inherit; } a:hover { text-decoration:none; } :focus { outline:0; } a.action, a.primary { transition: all 200ms ease; border-radius: 2px !important; } body.pixiedust a:visited, .alink:visited { color: #333; } a:hover, .alink:hover { } .password-weak .password-strength-meter { background-color:#e30613; color:#fff; } .password-medium .password-strength-meter { background-color:#fa5f00;color:#fff; } .password-strong .password-strength-meter, .password-very-strong .password-strength-meter { background-color:#30a935;color:#fff; } body.pixiedust .message.success { background:#eaf3ea; } body.pixiedust .message.success > *:first-child:before { background:url(../images/customer/circle_tick2x.png) no-repeat center left / 20px; content:''; width:20px; height:20px; left:15px; top:24px; } /* Headings */ h1,h2,h3, h4,h5,h6 { margin:0 0 5px; line-height:1.35; color:#000; } body.pixiedust h1 { font-size:28px; font-weight:bold; } body.pixiedust h2 { font-size:22px; font-weight:normal; } body.pixiedust h3 { font-size:20px; font-weight:bold; } body.pixiedust h4 { font-size:18px; font-weight:bold; } body.pixiedust h5 { font-size:16px; font-weight:bold; } body.pixiedust h6 { font-size:14px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } body.pixiedust select { background: #f6f8fa url(../images/Arrow-downx2-white.png) no-repeat center right 0px / auto 103px !important; border-radius: 1px; box-shadow: none !important; appearance:none; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { color:#333; margin:0 10px 0 0; font-size: 14px; } .modal-slide .action-close { padding: 0; } body._has-modal .page-wrapper.wrapper { z-index: -1; } body.pixiedust.sales-order-history._has-modal form#my-orders-search-advanced-form, body.pixiedust.account._has-modal .page-title-wrapper { z-index:1; } @media screen and (min-width: 768px) { body.pixiedust .modal-popup:not(.countrpopper) .modal-inner-wrap { max-width: 450px; } body.pixiedust.cataloguelist-index-index .modal-popup:not(.countrpopper) .modal-inner-wrap, body.pixiedust .modal-popup.catalogue-viewer .modal-inner-wrap { max-width: none; } } @media (min-width: 1024px) { .checkout-index-index .modal-popup .modal-inner-wrap { max-width: 800px !important; } } @media screen and (max-width:767px) { body.pixiedust .modal-popup.modal-slide .modal-inner-wrap { max-height: 100dvh; } } /* Globals */ .animateme, .animateme * { transition:all 300ms ease; } .green { color:#007b83; } .darkorange { color:#F97910; } .box-size { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } /* Table */ table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ p { margin:0 0 10px; } strong { font-weight:bold; } address { font-style:normal; line-height:1.35; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { } .page {} .page-print { background:#fff; padding:25px 30px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { background:#fff; padding:25px 30px; text-align:left; } .main-container { width:100%; float:left; } .main { width:1350px; margin:0 auto; min-height:0px; text-align:left; } /* Base Columns */ .col-left { float:left; width:22%; padding:0 2% 1px 0; } .col-main { float:left; width:76%; padding:0 0 1px; } .col-right { float:right; width:25%; padding:0 0 1px 1%; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:60%; margin-left:17px; } .col3-layout .col-wrapper { float:left; width:60%; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { vertical-align:middle; color:#333333; } input:focus, input:active { box-shadow: none !important; } input.input-text,select, input.form-control, select.form-control { background:#f6f8fa; border:1px solid #cbcbcb; height:42px; padding:10px; } textarea { background:#f6f8fa; border:1px solid #cbcbcb; padding:10px; } input.input-text,textarea { color:#aaa;font-size:14px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; padding:0; margin:0; cursor:pointer; border-radius:3px; } button.button span { display:block; height:19px; padding:0 8px; text-align:center; white-space:nowrap; font-weight:bold; } button.button span span { border:0; padding:0; text-transform:uppercase; font-size:14px; line-height:18px; } button.disabled span { } body.pixiedust input[type="checkbox"] { -webkit-appearance:none; appearance:none; width:17px; height:17px; border:1px solid #cbcbcb; background:#fff; float:left; margin:1px 7px 0 0; } body.pixiedust input[type="checkbox"]:checked { background:url(../images/Checkmark-Greenx1.png) no-repeat center / 9px; } button.btn-checkout span { border:0; padding:10px; } button.btn-checkout span span { background-position:100% 0; padding:0 25px 0 16px; } button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; } button.btn-checkout.no-checkout span span { background-position:100% 100%; } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; } body .amform-form .action.primary, body .amform-parent .action.primary { background:#F97910; border-color:#F97910; } body .amform-form .action.primary:hover, body .amform-parent .action.primary:hover { background:#F97910; border-color:#F97910; } /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#666; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } .form-list-narrow li { margin-bottom:0; } .form-list-narrow li .input-box { margin-bottom:6px; } .form-list-narrow li.wide .input-box { width:260px; } .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea { width:254px } .form-list-narrow li.wide select { width:260px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename .name-middlename, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename .name-middlename input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .amform-form-fieldset.fieldset, .amform-form-fieldset .fieldset { border:none; padding:0 !important; background:none !important; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; } .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px !important; } .messages li li { margin:0 0 3px !important; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 13px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:14px 8px 14px 44px !important; font-size:18px !important; line-height:22px; font-weight:normal !important; color:#333333 !important; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; border-radius:2px; } .error-msg { border-color:#cc0000; background-color:#fae5e5; background-image:url(../images/fail-icon.png); color:#cc0000; } .success-msg { border-color:#339933; background-color:#eaf5ea; background-image:url(../images/success-icon.png); color:#339933; } .note-msg, .notice-msg { border-color:#F97910; background-color:#fff1e4; background-image:url(../images/no-change-icon.png); color:#F97910; } /* BreadCrumbs */ .breadcrumbs { font-size:11px; line-height:1.25; margin:15px 0 13px; width:100%; float:left;} .breadcrumbs li { display:inline; } .breadcrumbs li strong { font-weight:bold; } .col1-layout .breadcrumbs { padding-top:12px; } .cms-page-view .breadcrumbs { padding-top:0px; } .cms-page-view .col1-layout .breadcrumbs { margin-top:-15px; margin-bottom:20px; } /* Page Heading */ .page-title { width:100%; overflow:hidden;margin:0 0 25px; } .page-title h1, .page-title h2 { margin:0; font-size:20px; color:#0a263c; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Pager */ .pager { text-align:center; } .pager .amount { float:left; margin:0; } .pager .limiter { float:right; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { display:inline-block; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */ .sorter { } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager { padding:3px 8px; border-bottom:1px solid #fff; } .toolbar .sorter { border-bottom:1px solid #fff; } .toolbar-bottom {} /* Data Table */ .data-table { width:100%; border:1px solid #bebcb7; } .data-table .odd { background:#f8f7f5 } .data-table .even { background:#eeeded; } /*.data-table tr.odd:hover, .data-table tr.even:hover { background:#ebf1f6; }*/ .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table th { padding:3px 8px; font-weight:bold; } .data-table td { padding:3px 8px; } .data-table thead th { font-weight:bold; border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#fff; } .data-table thead th { background:url(../images/bkg_th.gif) repeat-x 0 100% #d9e5ee; } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { border-bottom:1px solid #d9dde3; } .data-table tfoot tr.first td { background:url(../images/bkg_tfoot.gif) 0 0 repeat-x; } .data-table tfoot tr { background-color:#dee5e8 !important; } .data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d9dde3; } .data-table tfoot strong { font-size:16px; } .data-table tbody th, .data-table tbody td { border-bottom:1px solid #d9dde3; border-right:1px solid #d9dde3; } /* Bundle products tables */ .data-table tbody.odd tr { background:#f8f7f5 !important; } .data-table tbody.even tr { background:#f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Generic Info Box */ .info-box { background:#fff url(../images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight:bold; font-size:13px; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -52px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -52px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { color:#dc6809 !important; font-weight:bold; } .link-wishlist { color:#dc6809 !important; font-weight:bold; } .link-reorder { font-weight:bold; color:#dc6809 !important; } .link-compare { font-weight:bold; } .link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; } .link-rss { background:url(../images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/remove.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-previous { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_previous.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(../images/remove.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(../images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#333333; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(../images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { position:fixed; z-index:9999; width:100%; bottom:0; left:0; margin:0 !important; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */ } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container { width:100%; } .head-message-out { width:100%; background:#F97910; padding:5px 0; float:left; z-index:1; margin-bottom: 14px; } /*.head-message-out + .pm-banner-container { margin-top: -14px; }*/ .catalog-product-view .head-message-out { margin-bottom: 0; } .mobile .head-message-out { position:static; } .head-message-in { width:1350px; margin:5px auto; text-align:center; color:#fff; } .head-message-in p { margin:0; } .small-desktop .head-message-in, .touch .head-message-in { width:96%; padding:0%; } .mobile .head-message-in {font-size:13px } .head-message-in a { text-decoration:underline; } .head-top-nav-out { width:100%; background:#fff; border-bottom:1px solid #cbcbcb; padding:0; float:left; } .header-top-flex { display:inline-flex; align-content: center; justify-content: left; } .head-top-nav-in { max-width: 1390px; height: 37px; padding-left: 20px; padding-right: 20px; margin:auto; position:relative; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .page-header .panel.wrapper { font-size: 12px; } .phone-display span { background:url(../images/update/Phonex1.png) no-repeat left top 6px / 13px; padding-left:17px; } .phone-display.head-line.cservice span { background:none; padding-left:0; margin-right: 10px; } .phone-display.head-line.ccatalogues span { background:none; padding-left:0; margin-right: 10px; } .head-line { display:flex; align-items: center; margin-right:0px; color:#000; position: relative; padding-left: 5px; } .head-line:before { content:''; position: absolute; left:0; background:#acacac; width:1px; height:15px; top:5px; display:none; } .country-select.head-line, .menu-display.head-line { padding-left: 0; } .country-select.head-line:before, .menu-display.head-line:before { display: none; } .live-chat-line { background:rgba(0, 0, 0, 0) url("../images/live_chat.png") no-repeat scroll 14px 7px / 12px; padding-left:15px; margin-left:13px; } .live-chat-line span { background:none !important; } .mobile .live-chat-line { display:none; } .head-line .myacc-link a { position: relative; } .menu-display.head-line { height:100%;} .head-line .myacc-link.icon-link a span { background:url(../images/my_account_web_icon.png) no-repeat left 5px; padding-left:18px; } .head-line .myacc-link .newnewcon, .nav-row .ti-promo.shownew .newnewcon{ display:inherit; position: absolute; font-size: 10px; padding:2px 5px; width:40px; text-align: center; background: #c90400; color:#000; top:0px; left: -145px; z-index: 999999; font-weight:bold; background-image: none !important; } .myacc-link a .newnewcon { top:-15px; right:15px; z-index:9; } .page-header .menu-display ul { display: flex; align-items: center; height: 100%; } .page-header .menu-display ul li { display: flex; align-items: center; height: 100%; } .page-header .menu-display ul li a { display: flex; align-items: center; height: 100%; line-height: 1; } .head-line .myacc-link .arrow-down, .nav-row .ti-promo.shownew .arrow-down { width: 0; height: 0; border-left:6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #c90400; margin:0 0 -8px 13px; } .nav-row .ti-promo.shownew { position:relative; } .currency-select.head-line #switcher-currency { margin-left:0; margin-right: -12px; } .currency-select.head-line #switcher-currency strong { } .currency-select.head-line #switcher-currency-trigger { position: relative; padding-right: 23px; } .currency-select.head-line #switcher-currency-trigger:after { display:none; } body.pixiedust .head-line .myacc-link.icon-link.logged-link { margin-right: 0px; position: relative; } body.pixiedust .head-line .myacc-link.icon-link.logged-link a span { background:none; padding:0; } body.pixiedust .head-line .myacc-link.icon-link.logged-link a { padding:0 14px; } body.pixiedust .head-line .myacc-link.icon-link.logged-link a svg { width: 18px; height: 18px; margin-right: 7px; float:left; } @media screen and (min-width:1200px) { body.pixiedust .head-line .myacc-link.icon-link.logged-link:hover .cls-dropdown-head-and-shoulders--1 { fill:#fff; } body.pixiedust .head-line .myacc-link.icon-link.logged-link a:hover, body.pixiedust .head-line .myacc-link.icon-link.logged-link a:hover .myaccount-pop { text-decoration: none !important; } body.pixiedust .head-line .myacc-link.icon-link.logged-link .pm-account-nav { position: absolute; top: 37px; right:0; text-align: left; z-index: 99; background:#fff; box-sizing: border-box; border-radius: 0 0 12px 12px; padding:0px; width: 276px; box-shadow: 0px 5px 17px -9px #000; overflow: hidden; } body.pixiedust .logged-link .pm-account-nav li { display: block !important; box-sizing: border-box; padding:0; } body.pixiedust .logged-link .pm-account-nav li a { position: relative; text-overflow: ellipsis; text-decoration: none !important; transition: all 200ms ease; padding: 12px 25px !important; } body.pixiedust .logged-link .pm-account-nav li a:before { content:''; width: 5px; height: 100%; position: absolute; top: 0; left:-5px; background:var(--cta-primary-7); transition: all 200ms ease; } body.pixiedust .logged-link .pm-account-nav li a:hover:before { left:0; } body.pixiedust .logged-link .pm-account-nav .pmau-top { background: #333; color:#fff; padding: 10px 25px !important; } body.pixiedust .logged-link .pm-account-nav .logged-in { display:block; color:#fff !important; } body.pixiedust .logged-link .pm-account-nav .pmau-top b { display: block; } body.pixiedust .head-line .myacc-link.icon-link.logged-link { transition: all 200ms ease; margin-left: 10px; padding:0; } body.pixiedust .head-line .myacc-link.icon-link.logged-link:hover { background:#333; } body.pixiedust .head-line .myacc-link.icon-link.logged-link:hover span { color:#fff; } body.pixiedust .head-line .myacc-link.icon-link.logged-link:hover .pm-account-nav { display:block !important; } body.pixiedust .head-line .myacc-link.icon-link.logged-link .pm-account-nav ul { display: block; } body.pixiedust .head-line .myacc-link.icon-link.logged-link:hover .pm-account-nav span { color:#333; } } /* show/hide currency config .sparexidf_19 .currency-NOK, .sparexidf_19 .currency-SEK { display:none; } .sparexidf_19.agco-shop .currency-select.head-line { display:inline-block; } .sparexidf_19.agco-shop .currency-NOK, .sparexidf_19.agco-shop .currency-SEK { display: block; } .sparexidf_19.agco-shop .currency-EUR, .sparexidf_19.agco-shop .currency-USD { display: none; } /* /*FLAGS*/ .country-switch { position:relative; } .head-top-nav-out .country-select { display: flex; align-items: center; } .head-top-nav-out .country-select .country-switch { display: flex; align-items: center; } .country-switch span.c-name { margin:0px 3px 0; float:left; text-decoration: underline; } .country-select .flag { width:23px; height:23px; margin-right:5px; background:url(../images/flags/uk-flag.png) no-repeat center; float:left; border-radius: 50%; } .da_DK .flag { background-image:url(../images/flags/Denmark.png); } .de_AT .flag { background-image:url(../images/flags/Austria.png); } .de_DE .flag { background-image:url(../images/flags/Germany.png); } .en_IR .flag { background-image:url(../images/flags/Ireland.png); } .es_ES .flag { background-image:url(../images/flags/Spain.png); } .es_MX .flag { background-image:url(../images/flags/Mexico.png); } .country-block.fi_FI .flag, .fi_FI .flag { background-image:url(../images/flags/fi-flag.png); } .fr_FR .flag { background-image:url(../images/flags/France.png); } .fr_BE .flag { background-image:url(../images/flags/Belgium.png); } .fr_LU .flag { background-image:url(../images/flags/Luxembourg.png); } .it_IT .flag { background-image:url(../images/flags/Italy.png); } .da_DK .flag { background-image:url(../images/flags/Denmark.png); } .en_AU .flag { background-image:url(../images/flags/Australia.png); } .en_CA .flag { background-image:url(../images/flags/Canada.png); } .en_EX .flag, .es_US .flag { background-image:url(../images/flags/Export.png); } .en_IE .flag { background-image:url(../images/flags/Ireland.png); } .en_GB .flag { background-image:url(../images/flags/uk-flag.png); } .en_NI .flag { background-image:url(../images/flags/Northern-Ireland.png); } .en_US .flag { background-image:url(../images/flags/usa.png); } .nl_NL .flag { background-image:url(../images/flags/Netherlands.png); } .en_NZ .flag { background-image:url(../images/flags/New-Zealand.png); } .en_ZA .flag,.af_ZA .flag { background-image:url(../images/flags/South-Africa.png); } .pl_PL .flag { background-image:url(../images/flags/Poland.png); } .pt_PT .flag { background-image:url(../images/flags/Portugal.png); } .ru_RU .flag { background-image:url(../images/flags/Russia.png); } .nn_NO .flag, .nb_NO .flag { background-image:url(../images/flags/Norway.png); } .sv_SE .flag { background-image:url(../images/flags/Sweden.png); } .es_CentralAm .flag { background-image:url(../images/flags/CentralAmerica.png); height: 50px; } .es_SouthAm .flag { background-image:url(../images/flags/SouthAmerica.png); height: 32px; } .country-block.no_NO .flag { background-image:url(../images/flags/no-flag.png); } .country-block.se_SE .flag { background-image:url(../images/flags/se-flag.png); } .de_CH .flag, .fr_CH .flag, .it_CH .flag { background-image:url(../images/flags/Switzerland.png); } .country-options .country-block.no_NO span.ccname { font-size: 13px; } .country-activate { border-right:0; padding-right:5px; margin-right:5px; cursor:pointer; } .sparexidf_21 .country-activate { border-right:0; } /*.sparexidf_21 .head-top-nav-in .phone-display { display:none; }*/ .country-select-in { width:100%; padding:1% 0% 1% 1%; box-sizing: border-box;background:#fff; border-radius:5px; text-align:left; float:left; } .touch .country-select-in { width:98%; } .country-select-popout { position:absolute; z-index:999; top:3px; padding-top:30px; } .country-header { font-weight:bold; border-bottom:1px solid #333333; padding-bottom:10px; margin-bottom:5px; float:left; } .ch-narrow { width:93%; margin-right:2%; float:left; } .ch-wide { width:98%; float:left; } .country-options { width:100%; float:left; } .country-options .country-block { width:23%; margin-right:2%; float:left; border-bottom:1px solid #ccc; text-align:left; padding:8px 0; } .touch .country-options .country-block { width:48%; } .narr-wrap { width:25%; float:left; padding-top:20px; } .touch .narr-wrap { width:50%; } .co-narrow { width:93%; float:left; } .co-narrow .country-block { width:100%; margin-right:0; } .touch .co-narrow .country-block { width:100%; } /* Language switch */ .languages-popout { width:280px; } .languages-popout a { display:block; padding:5px 10px; } .lpo_2 { border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; background:#eee; } .languages-popout a.activated { background-image:url(../images/langauage-selected.png); background-repeat:no-repeat; background-position:center right 10px; } /* Currency */ .currency-switch { padding-right:4px; } .currency-switch .cu-name { background:url("../images/downarr.jpg") no-repeat scroll right center; padding-right:12px; font-weight:bold; } .currency-choice-out { position:absolute; z-index:9999; border-radius:4px; overflow:hidden; box-shadow:0 0 10px -5px #000; top:32px; left:80px; background:#fff; width:69px; } .currency-choice-out .curru-choice { border-bottom:1px solid #ccc; padding:6px 0; text-align:center; font-weight:bold; } .mup .fade-up, .mm-mup .fade-up { background: rgba(0, 0, 0, 0.5); opacity: 1; position: absolute; top:0;} body.pixiedust .modals-overlay { background: rgba(0, 0, 0, 0.5); } .fade-up { background:rgba(0, 0, 0, 0.7);; width:100%; height:6000px; z-index:-1; position:fixed; } .fade-up-2 { background:url(../images/blackout.png) repeat; height:6000px; z-index:99; position:fixed; left:-1000px; width:4000px; top:0; } .fade-up-upper { background:url(../images/blackout.png) repeat; height:6000px; z-index:99; position:fixed; left:-1000px; width:4000px; top:0; display:none; } .head-logo { width:20%; float:left; } .head-search { width:38%; float:right; padding-top:7px; } .head-cart { float:right; text-align:right; } .mobile .head-logo { width:100%; text-align:center; } .mobile .head-logo .logo { float:none; } .mobile .head-logo .logo img { height:auto; } .cartb-holder { height:45px; display:block; padding-top: 9px; } body.pixiedust .modal-popup.countrpopper .modal-inner-wrap { width:790px; } .block-content-cart-top { width:auto; float:right; cursor:pointer;} .tablet .block-content-cart-top { /*margin-bottom:15px; margin-top:-25px;*/} .cart-top-left { min-width:55px; background:url(../images/checkout/basket_icon.png) no-repeat center right / 45px; float:right; height:40px; } .cart-top-right { text-align:right; float:left; position: absolute; right:-11px; top:9px; } .litem { width:100%; float:left; margin-bottom:-3px; } .cart-top-price { font-size:14px; font-weight:bold; color:#333; } .cart-top-items { color:#007b83; font-size:14px; display:block; } .cart-top-weight { color:#000; padding-left:5px; text-align: right; font-size:12px; min-width:46px; clear:both; display:none; } .cart-top-weight strong { font-weight: normal; } .cart-top-items strong { background:#DB114A; color:#fff; padding:0; font-size:10px; float:right; border-radius:50%; min-width:28px; min-height: 28px; display: block; line-height: 28px; text-align: center; } .cart-under { float:left; padding-top: 14px; } .cart-under .price { font-size: 16px; } /* popup */ .redun-popup { position:absolute; right:0; width:190px; top:35px; padding-top:35px; } .small-desktop .redun-popup { right:14px; } .redun-popin { position:relative; width:100%; background:#fff; border-radius:5px; box-shadow: -2px 1px 14px -4px #333; border:1px solid #dadada; box-sizing:border-box; padding:10px 13px; text-align: left; font-size:14px;} .upnugget { position:absolute; width:0px; height:0px; z-index:999; top:0px; right:14px; } .upnugget:after, .upnugget:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .upnugget:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .upnugget:before { border-color: rgba(198, 198, 198, 0); border-bottom-color: #C6C6C6; border-width: 7px; margin-left: -7px; } .pop-title{ display: block; font-weight: bold; border-bottom: 1px solid #dadada; margin-bottom: 12px; padding-bottom:3px; } .pop-redit { display:block; color:#c90400; font-weight: bold; line-height: 14px; font-size:14px; } .pop-weight { display:block; margin-bottom:5px;font-size:14px; } .pop-total { display: block; font-weight: bold;font-size:14px; margin-bottom:8px; } .pop-button { display: block; text-align: center; background:#F97910; color:#fff; border-radius:4px;font-size:14px; padding:5px; font-weight: bold; transition:all 200ms ease; } body a:hover .pop-title, body a:hover .pop-weight, body a:hover .pop-total { color:#000 !important; } .pop-button:hover { background:#F97910; } .desktop .block-content-cart-top:hover .redun-popup, .small-desktop .block-content-cart-top:hover .redun-popup { display:block !important; } .pixiepop-open .page.messages { display:none; } /* end popup */ .guest-header-cart { padding-top:15px; } .minicart-wrapper.minicart-notlogged .cartb-holder.head-cart { margin-top:1px; height:0; } @media screen and (max-width: 1200px) { body.pixiedust .header.content { border-bottom:1px solid #cbcbcb; width:100%; box-sizing: border-box; padding:0 10px !important; margin-bottom:0px;} .guest-header-cart { padding-top:0px; } } .head-cart-link { display:inline; font-weight:bold; } .mobile .head-cart-link { } .head-cart .signin span { background:#fff url(../images/update/Login-Accountx2.png) no-repeat center left 14px / 15px; padding:10px 17px 10px 34px; border:1px solid #cbcbcb; margin-right:7px; text-decoration: underline; } .head-cart-link.register.nodlo { padding-left:10px; } .head-cart .register span { background:#fff url(../images/update/Register-iconx2.png) no-repeat center left 15px / 17px; padding:10px 15px 10px 37px; border:1px solid #cbcbcb; text-decoration: underline; } .head-cart .stockist span { background:url(../images/stockist.png) no-repeat center left; padding-left:21px; } .head-login .block.block-login { width:100% !important; text-align: left; } .head-login .block.block-login h3 { text-align: left; } .head-login .block.block-login div.fieldset.login { background:none; padding:0; border:none; } .popup-authentication .modal-inner-wrap { max-width:600px !important; } .popup-authentication .head-login { box-sizing:border-box; padding:0px; } .popup-authentication .block.block-login { box-sizing: border-box; padding:0px 30px !important; } body .modal-slide.popup-authentication-slide { left:auto !important; } .popup-authentication { border-top: 0; } .popup-authentication .form.form-login div.fieldset { margin:0; } .modal-slide.popup-authentication-slide .modal-content { padding:0 !important; } .modal-slide.popup-authentication-slide .login-lower-block span { float:left; } .modal-slide.popup-authentication-slide .login-lower-block a span { float: right; } .head-login-out { position:absolute; z-index:999; width:100%; text-align:center; } .head-login { width: 100%; margin: 0; background:#fff; border-radius:4px; position:relative; overflow:hidden; box-sizing: border-box; max-width:600px;} .modal-slide.popup-authentication-slide .modal-content .block.block-login { padding:15px 25px; box-sizing: border-box; } .touch .head-login { width:90%; margin:20px auto; } .modal-slide.popup-authentication-slide .modal-content{ max-width: 600px; } .head-login .block-login { border:none; text-align:left; } .head-login .block-login input.input-text { width:100%; color:#000; font-size:14px; font-style:italic; margin-bottom:15px; } .head-login .actions a { text-align:right; width:100%; text-decoration:underline; font-size:12px; } .head-login .actions button { float:left !important; background:none; border: 1px solid #329d35; color:#329d35; font-weight:bold; padding:6px 9px 6px 5px; text-transform:uppercase; } .head-login .actions button span span { background:url(../images/login-icon-green.png) no-repeat left 0px; padding-left:20px; color:#329d35; font-size:14px; line-height:19px; } .head-login .actions button:hover span span { background:url(../images/login-icon-green.png) no-repeat left 0px;color:#329d35; } .head-login .actions button:not(.new-cta):hover { background: #fff !important; border-color:#329d35 !important; } .modal-popup.popup-authentication .modal-content { padding:0; } .popup-authentication .block-authentication { border-top:0 !important; } .login-lower-block { border-top:1px solid #cbcbcb; background:#f1f1f1; padding:30px 25px; margin:20px 0px -0px; text-align:right; float:left; width:100%; box-sizing:border-box; } a.regis,a.regis:hover { border:1px solid #F97910 !important; color:#F97910 !important; font-weight:bold; padding:4px 4px 4px 25px; margin-left:5px; border-radius:3px; background:url(../images/register-icon-orange.png) no-repeat 5px center; line-height:18px; } .popclose { background:url(../images/popclose.png) no-repeat center; width:11px; height:14px; display:block; float:right; cursor:pointer; } .nohup-reg .modal-popup.popup-authentication .login-lower-block, .nohup-reg .modal-content .block-authentication .login-lower-block { display: none; } .nohup-reg .modal-popup.popup-authentication .head-login { padding-bottom: 40px; } .nohup-reg .modal-popup.popup-authentication #stock-volumes .login-lower-block { display:block !important; } .menu-display { } .menu-display a:hover { text-decoration:underline; } .menu-display ul { list-style:none; margin:0; padding:0; } .menu-display ul li { display:inline-block; color:#000; position: relative; padding:0 0px 0 10px; margin: 0; } .menu-display ul li:before { display:none; content:''; position: absolute; width:1px; height:15px; background:#acacac; left:0; top:6px; } .menu-display ul li:first-of-type { padding-left:0; } .menu-display ul li:first-of-type:before { display: none; } .menu-display ul li.sep { padding:0 5px; } .menu-display ul li a span { } .menu-display ul li #google_translate_element span { padding:0; float: none; border:none; } .touch .menu-display { display:none; } li.googtrans { float:right;padding-left:10px; margin-bottom: 0; padding-right: 0 !important; } .block.block-search .control { position:relative; } .header { width:1350px; margin:0 auto; text-align:right; position:relative; z-index:10; clear:both; padding:18px 0; } .mup .header, .mm-mup .header { z-index: 9999;} .mup .head-search, .mup .head-cart, .mm-mup .head-search, .mm-mup .head-cart { opacity: 0.7; } .header .logo { float:left; margin:0; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; } .header .quick-access { float:right; width:600px; padding:28px 10px 0 0; } .header .welcome-msg { margin:0; color:#fff; text-align:right; } .header .welcome-msg a { color:#ebbc58; } .header .form-search { position:relative; width:100%; } .header .form-search label { float:left; width:24px; height:21px; text-align:left; text-indent:-999em; overflow:hidden; } .header .form-search input.input-text { float:left; border-color:#cbcbcb; width:100%; margin-right:0px; padding:2px 10% 2px 2%; height:34px; font-size:14px; color:#000; } .header .form-search input.input-text::placeholder { color:#575757 ; } .header .form-search button.button { position:absolute; background:#F97910 url(../images/update/Search-whitex2.png) no-repeat center / 20px; width:55px; height:48px; right:1px; top:1px; border-radius:0; border-color:#F97910; } .header .form-search .actions { background:none; position:relative; } .header .form-search button.button:hover { background:#F97910 url(../images/update/Search-whitex2.png) no-repeat center / 20px;} .header .form-search button.button span { display:none; } .header .form-search button.button span span { background-position:100% 0; padding:0 6px 0 3px; } .header .form-search .search-autocomplete { z-index:999; left:40px !important; top:22px !important; } .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.odd { background-color:#fffefb; } .header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .header .form-language { clear:both; padding:5px 0 0; text-align:right; } .header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; } .header .form-language select { padding:0; } .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header .links { float:right; margin:0 0 6px; } .header .links li { float:left; font-size:11px; background:url(../images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 8px 0 7px; } .header .links a { color:#ebbc58; } .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-container .top-container a { font-size:11px; color:#ebbc58; } .top-container .paypal-logo {text-align: left; display: inline-table;} #quick-search-results { position:absolute; z-index:999; background:#fff; width:100%; box-sizing: border-box; padding: 15px 0; border-radius:2px; left:0; top:97px; text-align:left; display:flex; justify-content:space-between; flex-wrap:wrap;} #quick-search-results:before { content:''; width:0px; height:0px; position: absolute; left:50%; top:-10px; transform: translate(-50%,0); border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:10px solid #fff; z-index: 999; } @media screen and (min-width:1200px) { .header .logo { margin-top: 5px; } } @media screen and (max-width:1350px) { #quick-search-results { width:94%; top:172px; left:2%; } .head-cart .head-cart-link.register { display:none; } .head-cart .signin span { float:left; } body.pixiedust .head-cart .signin span, body.pixiedust .head-cart .register span { float: none; } } .filter-div-left { width:50%; float:left; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; box-sizing: border-box; padding: 10px 20px; } .filter-div-left:nth-child(odd) { border-left:0; } .mobile .filter-div-left { width:98%; } .schpop .header .form-search { z-index:9999; } .schpop .head-message-out { z-index:1; } .filter-heading { padding:5px 0; font-weight:bold; margin-bottom:5px; } .filter-div-left ul li a { display:block; padding:3px 0; } #quick-search-results.singleresult { width:55%; left:245px; } #quick-search-results.singleresult .filter-div-left { width:100%; } .nav-row-out { width:100%; float:left; display:block; } .sections.nav-sections .section-item-content .nav-row-out { display:block;background:#f6f8fa; margin-bottom:0px; } .mup .nav-row-out { position:relative; z-index:9999; } .nav-row { width:1350px; margin:auto; text-align:left; position:relative; height:40px; margin-bottom:0px; padding:0; } .small-desktop .nav-row, .touch .nav-row { width:96%; padding:0%; } .touch .nav-row { background:#4a4645; border-bottom: 0; } .main-nav-link { padding:5px 16px 11px 0px; font-weight:bold; width:auto; float:none; display:inline-block; } .main-nav-link span { background:url(../images/update/NavArrow-blackx2.png) no-repeat center right / 12px; padding-right:17px; font-size: 16px; } .main-nav-link .menu-pop span { font-size: 14px; line-height: 14px; } .mup .main-nav-link, .mm-mup .main-nav-mm { position:relative; z-index: 999; /*border-bottom:2px solid #F97910;*/ } .small-desktop .mup .main-nav-link { position: static; } .mm-mup .main-nav-mm { border-bottom:0px solid #F97910; } .main-nav-promo { padding:8px 15px 8px 15px; } .ti-hot:hover { border-bottom:2px solid #F97910; } .ti-best:hover { border-bottom:2px solid #007b84; } .ti-new:hover { border-bottom:2px solid #F97910; } .ti-promo:hover { border-bottom:2px solid #ff6500; } .desktop .touch-main-nav-link, .small-desktop .touch-main-nav-link { display:none; } @media screen and (max-width: 1390px) { .nav-sections-item-content .nav-row { padding-left: 20px; padding-right: 20px;} } @media screen and (min-width: 960px) { .touch-main-nav-link { display:none; } } .touch .main-nav-link { display:none; } .touch-main-nav-link { background:#F97910 url(../images/burger.png) no-repeat 7px center; padding:9px 0 8px 40px; color:#fff; font-weight:bold; text-transform:uppercase; width:33.33%; box-sizing:border-box; float:left; } .touch-main-nav-link span { background:none; padding-right:15px; } .mobile .touch-main-nav-link { width:50%; height:38px; } /*.tablet .touch-acc-link, .tablet .touch-cart-link { display:none; }*/ .mobile .touch-acc-link { width:25% !important; background:rgba(0, 0, 0, 0) url("../images/sign-in-white.png") no-repeat scroll center / 23px auto;border-left:2px solid #3d3938; } .mobile .touch-acc-link span { display:none; } .mobile .touch-cart-link { width:25% !important; background:rgba(0, 0, 0, 0) url("../images/checkout/basket_icon_white.png") no-repeat scroll center / 27px auto; border-left:2px solid #3d3938; } .mobile .touch-cart-link span { display:none; } .mobile .touch-main-nav-link span { background:none; } .tablet .touch-acc-link { width:25% !important; background:rgba(0, 0, 0, 0) url("../images/sign-in-white.png") no-repeat scroll center / 23px auto;border-left:2px solid #3d3938; height:38px; } .tablet .touch-acc-link span { display:none; } .tablet .touch-cart-link { width:25% !important; background:rgba(0, 0, 0, 0) url("../images/checkout/basket_icon_white.png") no-repeat scroll center / 27px auto; border-left:2px solid #3d3938;height:38px; } .tablet .touch-cart-link span { display:none; } .main-nav-link .menu-pop { display:none; transition:all 300ms ease; } /*.main-nav-link:hover .menu-pop { display:block; }*/ .menu-pop { position:absolute; top:35px; padding-top:6px; z-index:99999; width:100%; margin:auto;left: 0; color:#666666;} .menu-pop-in { width:1350px; margin:auto; text-align:left; float:left; } .small-desktop .menu-pop-in { width:100%; } .menu-level-first { width:320px; background:#fff; float:left; box-sizing:border-box; padding-top:0px; border-top:0; } .small-desktop .menu-level-first { width:33.33%; } .menu-pop ul { margin:0; width:100%; box-sizing: border-box; padding:0; } .menu-pop ul li span { background:none; } .menu-pop ul li a { display:block; padding:9px 13px; border-bottom:0; text-transform:none; background:url(../images/customer/downpoint2x.png) no-repeat center right 13px / 5px; transition:all 300ms ease; font-weight:normal; color:#333; } .menu-pop li { margin-top:0; margin-bottom:0; } .menu-pop ul li a:hover { background-color:#dadada; } .menu-level-second { width:345px; float:left; /*box-shadow: -2px 3px 10px #bbb;*/ box-sizing: border-box; margin:0 -1px; border-top:0; } .small-desktop .menu-level-second { width:33.33%; } .menu-pop ul li#tlli_brands a { background-image: none; font-weight: bold; } .menu-pop ul li#tlli_brands a:hover { background:none !important; } .small-desktop .menu-pop ul li#tlli_brands a { margin:0 -10px -5px; } .sidebarinside #tlli_brands { display:none; } .menu-level-second-container { background:#f6f8fa; min-height:429px;padding-top:0px; } .menu-level-second-container ul li a:hover,.menu-level-second-container .lictive a { background-color: #b9b7b8; } .small-desktop .menu-level-second-container { min-height:334px; } .small-desktop .menu-level-third-container { min-height: 336px;} .lictive a { background-color:#f6f8fa !important; } .menu-level-second .lictive a { background-color:#fff !important; } .menu-level-third { width:537px; float:left; background:#fff; box-sizing:border-box; /*box-shadow: -2px 3px 10px #bbb;*/ } .small-desktop .menu-level-third { width:33.33%; } .menu-level-third-container { min-height:429px; margin-top:0px; float:left; width:100%; } .menu-level-third-container ul { width:300px; float:left; } .small-desktop .menu-level-third-container ul { width:94%; padding-left:15px; padding-top:11px; } .menu-level-third-container ul li a { background-image:none; } .menu-level-third-container ul .lictive a,.menu-level-third-container ul li a:hover { background:none !important; color:#F97910; } .navcatimage { width:174px; height:174px; float:right;border:0; margin:15px; background-repeat:no-repeat; background-position:center; } .small-desktop .navcatimage { display:none; } .top-item { float:none; font-weight:bold; display: inline; font-size: 16px; position: relative; } .top-item .ti-hot span { color:#000; } .top-item:before { content:''; width:1px; background:#acacac; height:18px; display:inline-block; margin-right:0px; position:absolute; left:0; top:11px; } .main-nav-mm { padding:8px 15px 8px 20px; position:relative; } .main-nav-mm .mm-chooser { position:absolute; left:0; top:38px; padding-top:6px; width:230px; min-height:400px; } .main-nav-mm .chosen-container { width:100% !important; display:block !important; } body .main-nav-mm .chosen-container .chosen-single-new { cursor: auto; background:#DB114A !important; border:none !important; color:#fff !important; font-size:14px !important; font-weight: bold; padding:8px 12px 10px; border-radius:0; box-shadow: none; display:block; width:100%; box-sizing:border-box; position:relative; z-index: -999; text-transform: uppercase; } body .main-nav-mm .chosen-single-new span { background:none; padding:0; color:#fff; } body .main-nav-mm .chosen-single-new div { display:none; } .main-nav-mm .chosen-container-active.chosen-with-drop .chosen-single-new div b { background:none; } .main-nav-mm span { background:url(../images/update/NavArrow-blackx2.png) no-repeat center right / 12px; padding-right:17px; color: #000; } .main-nav-mm .no-results span { background:none; padding-right:0; } body .main-nav-mm .chosen-container .chosen-results { font-weight: normal; } body .main-nav-mm .chosen-container .chosen-results li.highlighted { background:#f1f1f1; color:#333; } /*body .main-nav-mm .chosen-container ul > li.active-result:first-child { display:none; }*/ .main-nav-item { padding:8px 15px 11px 15px; } .main-nav-brands { background:url(../images/brands.png) no-repeat 9px center; padding:8px 15px 8px 38px; } .desktop .mup .top-item, .small-desktop .mup .top-item { opacity:0.5; } .touch .mup .fade-up { display:none !important; } .mobile .main-nav-mm,.mobile .main-nav-item, .mobile .main-nav-brands { display:none; } .touch .main-nav-mm,.touch .main-nav-item, .touch .main-nav-brands { display:none; } /********** < Navigation */ .nav-container { background:#494646; } #nav { width:1350px; margin:0 auto; padding:0 16px; } /* All Levels */ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } #nav ul li.parent a { background:url(../images/bkg_nav2.gif) 100% 100% no-repeat; } #nav ul li.parent li a { background-image:none; } /* 0 Level */ #nav li { float:left; } #nav li.active a { color:#d96708; } #nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; } #nav li.over a, #nav a:hover { color:#d96708; } /* 1st Level */ #nav ul li, #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/bkg_nav1.gif) 0 100% repeat-x; } #nav ul li.last { background:#ecf3f6; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { background:#ecf3f6; } #nav ul li a:hover { background:#d5e4eb; } #nav ul li a, #nav ul li a:hover { color:#333333 !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { } .block .block-title { border-bottom:1px solid #ccc; padding:2px 9px; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; } .block .block-content { border-radius:4px; } .block .block-content li.item { padding:7px 9px; } .block .block-content .product-name { color:#1e7ec8; } .block .btn-remove, .block .btn-edit { float:right; margin:1px 0 2px 5px; } .block .actions { background:#dee5e8 url(../images/bkg_block-actions.gif) 0 0 repeat-x; padding:6px 9px; text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block .empty { margin:0; padding:5px 9px; } .block li.odd { background-color:#f4f3f3; } .block li.even { background-color:#fafafa; } /* Mini Blocks */ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-gr-search, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { } .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:21px; } /* Mini Products List */ .mini-products-list .product-image { float:left; width:50px; border:1px solid #a9a9a9; } .mini-products-list .product-details { margin-left:60px; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .desktop .block-account, .small-desktop .block-account { display:block !important; } .block-account { background:#f4f4f4; border:1px solid #dadada; color:#333333; border-top:0; margin-top:-20px; padding-top:10px; } .touch .block-account { margin-top:0; border-top:1px solid #dadada; padding-top:0; margin-bottom:20px; } .touch .block-account .block-title { margin-bottom:-20px; } .block-account .block-title { display:block; font-size:20px; font-weight:bold; padding:15px 0; text-align:center; margin-bottom:-8px; } .block-account .block-title strong { font-size:18px; color:#333333; } .block-account .block-content { background:#f4f4f4; padding:7px 0px 7px; } .block-account .block-content li { padding:8px 0 2px; } .block-account .block-content li.acti a { font-weight:bold;color:#ea7900; } .block-account .block-content li a { display:block; border-bottom:0px solid #ddd; padding:3px 0; margin:0 10px; color:#5f5d5c; text-decoration:none !important; } .block-account .block-content li a:hover { color:#ea7900; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { border-bottom:1px solid #ddd; padding:3px 0; color:#ea7900; } .block-account .block-content li.current.last { border-bottom:0; } .block-divider { background:url("../images/attr-divider-trans.png") no-repeat scroll center bottom; width:100%; height:12px; float:left; position:relative; z-index:1; } .accnavspace { margin:20px 10px 0px; border-top:1px solid #ccc; box-sizing:border-box; } li.has-rebate a { background:url(../images/new-feature.png) no-repeat center left 10px; padding-left:35px !important; display:inline-block !important; } /* Block: Currency Switcher */ .block-currency { border:0; background:url(../images/bkg_block-currency.gif) 0 0 no-repeat; padding:7px 12px 10px; height:51px; } .block-currency .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; background:url(../images/i_block-currency.gif) 0 50% no-repeat; padding:0 0 0 21px; text-transform:none; color:#fff; } .block-currency .block-content { background:none; padding:0; } .block-currency .block-content select { width:100%; padding:0; } /* Block: Layered Navigation */ .block-layered-nav { border:0; } .block-layered-nav .block-title { border:0; padding:0; height:24px; background:url(../images/bkg_block-layered-title.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .block-layered-nav .block-subtitle { line-height:1.35; background:#d5e8ff url(../images/bkg_block-layered1.gif) 0 50% repeat; padding:3px 9px; border:1px solid #b9ccdd; border-width:1px 0; text-transform:uppercase; color:#1f5070; } .block-layered-nav .block-content { border:1px solid #a0b3c3; background:#e7f1f4; } .block-layered-nav dt { background:url(../images/bkg_block-layered-dt.gif) 9px 11px no-repeat; padding:7px 10px 0 25px; font-weight:bold; text-transform:uppercase; } .block-layered-nav dd { padding:0 12px 12px; background:url(../images/bkg_block-layered-dd.gif) 0 100% repeat-x; } .block-layered-nav dd.last { background:none; } .block-layered-nav .currently li { background:#fff url(../images/bkg_block-layered-li.gif) 0 100% repeat-x; padding:6px 24px 6px 10px; position:relative; z-index:1; line-height:1.5; } .block-layered-nav .currently .label { font-weight:bold; padding-left:15px; background:url(../images/bkg_block-layered-label.gif) 0 4px no-repeat; text-transform:uppercase; display:inline-block; vertical-align:top; } .block-layered-nav .currently .value { display:inline-block; vertical-align:top; } .block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove { position:absolute; right:4px; top:9px; margin:0; } .block-layered-nav .currently .btn-previous { right:17px; } .block-layered-nav .actions { font-size:11px; padding:4px 5px 4px 9px; background:#cad6e4; border:1px solid #dee5e8; border-width:1px 0; text-align:right; } .block-layered-nav .actions a { float:none; } /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { background-image:url(../images/i_block-cart.gif); } .block-cart .summary { background:#fff; padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { margin:5px 0 0; padding:2px 0; background:#fbebd9; text-align:center; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { border-bottom:1px solid #c2c2c2; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; } /* Block: Wishlist */ .block-wishlist .block-title strong { background-image:url(../images/i_block-wishlist.gif); } .block-wishlist .actions { text-align:right; } .block-wishlist .actions a { float:none; } /* Block: Related */ .block-related .block-title strong { background-image:url(../images/i_block-related.gif); background-position:0 1px; } .block-related input.checkbox { float:left; } .block-related .product { margin-left:20px; } /* Block: Compare Products */ .block-compare .block-title strong { background-image:url(../images/i_block-list.gif); background-position:0 1px; } .block-compare button.button span { border-color:#406a83; background:#618499; } .page-popup .link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold; color:#1e7ec8; } .compare-table { border:0; } .compare-table thead tr.first th, .compare-table thead tr.first td { border:0; background:none; padding:0; font-size:0; line-height:0; } .compare-table .btn-remove { float:right; background-image:url(../images/btn_remove2.gif); width:72px; height:15px; } .compare-table tbody th { background:#d9e5ee url(../images/bkg_th-v.gif) 100% 0 repeat-y; } .compare-table tbody th, .compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; } .compare-table tbody td.last { border-right:1px solid #ccc; } .compare-table tbody tr.last th, .compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; } .compare-table tr.add-to-row td { background:#fffada; text-align:center; } .compare-table tr.first td { text-align:center; } .compare-table tr.first td .product-name { font-size:13px; font-weight:bold; margin:0 0 5px; color:#203548; } .compare-table tr.first td .product-name a { color:#203548; } .compare-table tr.first td .ratings { width:69px; margin:0 auto; } .compare-table tr.first td p, .compare-table tr.add-to-row td p { margin:0; } /* Block: Recently Viewed */ .block-viewed .block-title strong { background-image:url(../images/i_block-viewed.gif); } /* Block: Recently Compared */ .block-compared .block-title strong { background-image:url(../images/i_block-list.gif); background-position:0 1px; } /* Block: Poll */ .block-poll .block-title strong { background-image:url(../images/i_block-poll.gif); } .block-poll .block-subtitle { font-size:12px; } .block-poll label { color:#777; font-weight:bold; } .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll button.button span { border-color:#406a83; background:#618499; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Orders and Returns */ .block-gr-search li { padding:3px 9px; } .block-gr-search button.button span { border-color:#406a83; background:#618499; } /* Block: Tags */ .block-tags .block-title strong { background-image:url(../images/i_block-tags.gif); } .block-tags .block-content .tags-list { background:none; border:0; font-size:12px; } .block-tags .block-content a { color:#1b2d3b; } .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .block-subscribe .block-content { padding:5px 10px; } .block-subscribe .block-title strong { background-image:url(../images/i_block-subscribe.gif); } .block-subscribe label { font-weight:bold; color:#666; } .block-subscribe input.input-text { display:block; width:167px; margin:3px 0; } .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { float:none; } .block-subscribe .actions button.button span { border-color:#406a83; background:#618499; } /* Block: Reorder */ .block-reorder .block-title strong { background-image:url(../images/i_block-list.gif); } .block-reorder input.checkbox { float:left; margin:2px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content { padding:0; text-align:center; } /* Block: Login */ .block-login .block-title strong { background-image:url(../images/i_ma-info.gif); } .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } .block-login .actions button.button span { } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} .category-products ul#products-list { list-style:none; padding-left:0; margin-left: 0; width:100%; float:left; margin:0; } /* View Type: Grid */ .products-grid { position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { /*min-height:2.7em;*/ margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; } .products-grid .product-name a { color:#203548; } .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; float:left; } .col1-layout .products-grid { width:100%; margin:0 auto; float:left; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #d9ddd3; padding:12px 0px 0px; width:100%; float:left; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; color:#203548; } .products-list .product-name a { color:#203548; font-size:14px; } .products-list .product-name a .super-orange { color:#F97910 !important; } .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } .listscript { float:left; width:100%; position:relative; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#808080; font-size: 12px; } .item.pm-listitem .qb-table { display:block; width:80%; margin:5px 0; } .item.pm-listitem .qb-table .qg-left, .item.pm-listitem .qb-table .qb-right { width:50%; font-size:10px; padding:1px; } .item.pm-listitem .offerdisp { display:none; } .pixiedust.page-layout-2columns-left h1.page-title { text-align: left; } .pixiedust.page-layout-2columns-left h1.page-title .green { color:#000; } .page-products h1.page-title { font-weight: bold; } .page-products h1.page-title .green { color: #000; } @media (min-width: 1350px) { .pixiedust.page-layout-2columns-left .column.main { width:75.5%;} .pixiedust.page-layout-2columns-left .sidebar-main { width:24.5%; padding-right: 40px; } } @media (min-width: 900px) { .pixiedust.page-layout-2columns-left .column.main { width:74.5%; padding-left: 0;} .pixiedust.page-layout-2columns-left .sidebar-main { width:24.5%; padding-right: 20px; } } @media (max-width: 900px) { .pixiedust.page-layout-2columns-left .column.main { width:100%;} .pixiedust.page-layout-2columns-left .sidebar-main { width:100%; padding-right: 0; } } @media screen and (max-width:900px) { .pixiedust.page-layout-2columns-left .sidebar-main { padding:0; } } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(../images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; font-size:10px; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } .product-view .product-shop .availability { font-size:11px; } .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend { margin:0; } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { margin:5px 0; } .price-box .price { font-weight:bold; color:#c76200; } /* Regular price */ .regular-price { color:#c76200; } .regular-price .price { font-weight:bold; font-size:13px; color:#c76200; } .block .regular-price, .block .regular-price .price { color:#333333; } /* Old price */ .old-price { margin:0; } .old-price .price-label { white-space:nowrap; color:#999; } .old-price .price { font-weight:bold; color:#c76200; text-decoration:line-through; } /* Special price */ .special-price { margin:0; padding:3px 0; } .special-price .price-label { font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; } .special-price .price { font-size:13px; font-weight:bold; color:#c76200; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {color:#1e7ec8;} .minimal-price-link .price { font-weight:normal; color:#1e7ec8; } /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; color:#333333; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#555; } /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; } .tier-prices li { line-height:1.4; background:url(../images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; } .tier-prices .benefit { font-style:italic; font-weight:bold; color:#333333; } .tier-prices .price { font-weight:bold; color:#333333; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { font-size:11px; margin:5px 0 0; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; font-weight:bold; color:#666; } .add-to-cart .qty { float:left; margin-right:5px; } .add-to-cart button.button { float:left; } .add-to-cart .paypal-logo { clear:left; margin:0; text-align:left; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 60px; } .product-view .add-to-cart .paypal-logo { margin:0; } .bml-checkout-type { list-style: none; } .bml-checkout-type .bml_button { width: 150px; display: inline-table; } /* Add to Links + Add to Cart */ .add-to-box { margin:10px 0; } .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; } .add-to-box .add-to-links li { display:block !important; } .add-to-box .add-to-links li .separator { display:none !important; } .product-view { border:0px solid #c4c6c8; } .product-view.product-view-dealer { float:left; clear: both; } .product-collateral { background:#faf7ee url(../images/bkg_product_collateral.gif) 0 0 repeat-x; padding:25px; } .product-collateral h2 { font-weight:bold; font-size:15px; color:#e26703; border-bottom:1px solid #e5dcc3; padding:0 0 1px; margin:0 0 15px; } .product-collateral .box-collateral { margin:0 0 25px; } /* Product Images */ .product-view .product-img-box { float:left; width:100%; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin:0 0 13px; position:relative; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { font-size:11px; margin:0 0 5px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views h2 { font-size:11px; border-bottom:1px solid #ccc; margin:0 0 8px; text-transform:uppercase; } .product-view .product-img-box .more-views ul { margin-left:0px; text-align: center; } .product-view .product-img-box .more-views li { display:inline-block; margin:0 5px 8px; } .product-view .product-img-box .more-views li a { float:left; width:56px; height:56px; border:1px solid #cbcbcb; overflow:hidden; } .product-view .product-img-box .more-views li a.active-img { border:1px solid #F97910; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { font-weight:bold; margin:0 100px; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { font-size:13px; font-weight:bold; margin:0 0 10px; color:#333333; } /* Product Shop */ .product-view .product-shop { float:right; width:330px; } .col1-layout .product-view .product-shop { float:right; width:545px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-shop .product-name { margin:0 0 5px; } .product-view .product-shop .product-name h1 { margin:0; font:bold 15px/1.35 Arial, Helvetica, sans-serif; } .product-view .product-shop .availability { margin:10px 0; } .product-view .product-shop .short-description { margin:10px 0; background:url(../images/bkg_divider1.gif) 0 0 repeat-x; padding:10px 0 0; } .product-view .product-shop .price-box { margin:10px 0; } .product-view .product-shop .add-to-links { margin:0; } .product-view .product-shop .add-to-links { font-size:12px; text-align:right; } .product-view .product-shop .add-to-links li, .product-view .product-shop .add-to-links li .separator { display:inline; } .product-view .product-shop .add-to-links a { color:#1E7EC8 !important; font-weight:normal !important; } /* Product Options */ .product-options { margin:20px 0 0; padding:10px 15px 20px; position:relative; background-color:#f6f6f6; border:1px solid #e4e4e4; } .product-options dt { padding:10px 0 0; font-weight:normal; } .product-options dt label { font-weight:bold; color:#333333; } .product-options dt label.required em { color:#eb340a; margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#333333; } .product-options dd { padding:5px 10px 15px; margin:0 0 5px; border-bottom:1px solid #e4e4e4; } .product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; margin-bottom:0; } .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:99%; } .product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; margin-top:3px; } .product-options ul.options-list input.checkbox { float:left; margin-top:3px; } .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { font-weight:normal; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:11px; } .product-options p.required { position:absolute; right:20px; top:20px; } .product-options-bottom { background-color:#fffada; padding:15px 20px; border:1px solid #e4e4e4; border-top:0; } .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; color:#e26703; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color:#e26703; } .product-options-bottom .price-box { float:left; margin:0; padding:0; } .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } .col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; } .product-options-bottom .price-label { float:left; padding-right:5px; } .product-options-bottom .price-tax { float:left; } .product-options-bottom .add-to-cart { float:right; } .product-shop .product-options-bottom { margin:0 0 10px; } .product-shop .product-options-bottom .price-box { float:none; margin:0 0 5px; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } .product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height:1.25; } /* Block: Upsell */ .product-view .box-up-sell h2 { border-bottom:0; padding:0; margin:0 0 8px; } .product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; line-height:1.6em; } .product-view .box-up-sell .products-grid tr.last td { border-bottom:0; } .product-view .box-up-sell .products-grid td.last { border-right:0; } .product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; } .product-view .box-up-sell .products-grid .product-image { text-align:center; } .product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; } .product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; margin:0 0 3px; } /* Block: Tags */ .product-view .box-tags { margin:0; } .product-view .box-tags h3 { font-size:13px; } .product-view .box-tags .product-tags { display:block; margin:0 0 15px; } .product-view .box-tags .product-tags li { display:inline; background:url(../images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { background:none; padding-right:0; } .product-view .box-tags .form-add label { display:block; font-size:13px; font-weight:bold; margin:0 0 5px; color:#0a263c;} .product-view .box-tags .form-add .input-box { float:left; width:305px; margin:0 5px 0 0; background:url(../images/i_tag_add.gif) 0 2px no-repeat; padding:0 0 0 23px; } .product-view .box-tags .form-add input.input-text { width:299px; } .product-view .box-tags .form-add button.button span { border-color:#406a83; background:#618499; } .product-view .box-tags .note { margin:3px 0 0; padding:0 0 0 23px; font-size:11px; } /* Block: Reviews */ .product-view .box-reviews dl { margin:15px 0; } .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight:bold; } .product-view .box-reviews dd { margin:0 0 15px; } .product-view .box-reviews dd small { font-style:italic; } .product-view .box-reviews .form-add { margin:15px 0 0; } .product-view .box-reviews .form-add h3 { font-size:13px; font-weight:normal; } .product-view .box-reviews .form-add h3 span { font-weight:bold; } .product-view .box-reviews .form-add h4 { font-size:12px; } .product-view .box-reviews .form-add .data-table td { text-align:center; } .product-view .box-reviews .form-add .form-list { margin:15px 0 0; } .product-view .box-reviews .form-add .form-list .input-box { width:360px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:354px; } /* Send a Friend */ .send-friend .form-list { width:615px; overflow:hidden; } .send-friend .form-list li { margin-right:-15px; } .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { width:315px; } .send-friend .form-list .input-box { width:300px; } .send-friend .form-list input.input-text, .send-friend .form-list textarea { width:294px; } .send-friend .form-list li.wide .input-box { width:612px; } .send-friend .form-list li.wide textarea { width:609px; } .send-friend .buttons-set .limit { float:right; margin:0 7px 0 0; font-size:11px; line-height:21px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal; } .product-name a { color:#1e7ec8; } /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #c1c4bc; background:#f8f7f5; padding:10px; } .tags-list li { display:inline !important; margin:0 4px 0 0; } .tags-list li a { color:#1b2d3b; } /* Advanced Search */ .advanced-search .form-list label { width:160px; padding-right:10px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float:left; clear:none; } .advanced-search-amount { margin:0 0 10px; } .advanced-search-summary { margin:10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; } .advanced-search-summary ul { float:left; width:49%; } .advanced-search-summary strong { color:#E17C24; padding-left:15px; background:url(../images/i_search_criteria.gif) 0 3px no-repeat; } .advanced-search-summary p { clear:both; font-weight:bold; margin:0; } /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a { color:#1b2d3b; } .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a { color:#1e7ec8; } /* RSS */ .rss-title h1 { background:url(../images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom:0; margin:0 0 12px; } .cart .page-title h1 { margin:10px 0 0; } /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; vertical-align: top;} .cart .checkout-types .bml_button {display:inline-table; width: 150px; margin: 0 0 5px;} .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; line-height:1.0; font-size:11px; } .freedelivery-block { width:100%; float:left; margin:0px 0 20px; border-radius:3px; background:#DB114A url(../images/freedel.jpg) no-repeat 10px center; padding:10px 10px 10px 45px; box-sizing:border-box; font-size:18px; font-weight:bold; color:#fff; } .freedelivery-block span { } .ccmodacitve .freedelivery-block { display:none !important; } body.ccmodacitve .spendanother, .hidefreedelbanner.spendanother { display: none; } /* Shopping Cart Table */ .cart-table th { padding:2px 10px; } .cart-table td { padding:10px; } .cart-table .product-name { font-weight:bold; margin:0 0 5px; color:#333333; } .cart-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .cart-table tfoot td { padding:5px 10px; } .cart-table .btn-continue { float:left; } .cart-table .btn-empty span, .cart-table .btn-continue span, .cart-table .btn-update span { border-color:#406a83; background:#618499; } .cart-table .btn-update, .cart-table .btn-empty { float:right; } .cart-table .btn-update { margin-left:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:10px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:70%; } .small-tablet .cart .cart-collaterals .col2-set, .mobile .cart .cart-collaterals .col2-set { width:100%; } .cart .cart-collaterals .col2-set .col-2 { width:294px; } .cart .crosssell { border:1px solid #cec3b6; background:#fafaec; padding:12px 15px; } .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #d0cdc9; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell .product-name { font-weight:bold; } .cart .crosssell li.item { margin:12px 0; } .cart .crosssell .link-compare { font-weight:normal; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { border:1px solid #cbcbcb; padding:12px 15px; margin:0 0 18px; } .cart .discount { width:53%; float:left; } .small-tablet .cart .discount, .mobile .cart .discount {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; } .cart .discount h2, .cart .shipping h2 { font-size:14px; } .cart .discount h2{font-weight: bold;} .cart .discount {background-color: #ffeeda; } .cart .discount button span, .cart .shipping button span { } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .coupon-wrap { padding-top:10px; } .cart .discount .input-box { margin:0; width:70%; float:left; } .dis-wrap { width:100%; float:left; padding-top:5px; } .disc-button { width:30%; float:right; } .cart .discount input.input-text { width:100%; } .cart .discount .buttons-set { width:30%; float:right; } .cart .shipping h2 { background-image:url(../images/i_shipping.gif); } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; background:url(../images/bkg_divider1.gif) 0 0 repeat-x; } .cart .discount button { margin-left:10px; padding:5px; } span.dnote { width:100%; float:left; padding-top:10px;} /* Shopping Cart Totals */ .cart .totals { float:right; width:30%; } .small-tablet .cart .totals, .mobile .cart .totals { width:100%; } .cart .totals table { width:100%; margin:7px 0; border-top:1px solid #cbcbcb; } .cart .totals td { padding:5px 0px 5px 15px; border-bottom:1px solid #cbcbcb; font-weight:bold; } .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top:5px; padding-bottom:5px; } .cart .totals tfoot td .price { color:#F97910; font-size:22px; float:right; margin-top:-8px; } .cart .totals tfoot td { padding-top:10px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size:15px; } .cart .totals .checkout-types { padding:10px 0 0; text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; margin:0 0 6px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods { margin:0 0 8px; } .sp-methods dt { margin:13px 0 5px; font-weight:bold; } .sp-methods dd {} .sp-methods dd li { margin:5px 0; } .sp-methods label { font-weight:bold; color:#666; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods .form-list li { margin:0 0 8px; } .sp-methods select.month { width:154px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* Tooltip */ .tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; } .tool-tip .btn-close { margin:-9px -14px 0; text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages h3 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages p.control { color:#8e8d8b; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 { font-size:12px; font-weight:bold; color:#e87403; } .gift-messages-form .whole-order { margin:0 0 25px; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; color:#8a8987; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name { font-size:13px; font-weight:bold; margin:0 0 10px; } .gift-messages-form .item .details .form-list .field { width:255px; } .gift-messages-form .item .details .form-list .input-box { width:240px; } .gift-messages-form .item .details .form-list input.input-text { width:234px; } .gift-messages-form .item .details .form-list li.wide .input-box { width:500px; } .gift-messages-form .item .details .form-list li.wide textarea { width:494px; } .gift-message-link { font-size:11px; background:url(../images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; } .gift-message-link.expanded { background-position:100% -40px; } .gift-message-row { background:#f2efe9; } .gift-message-row .btn-close { float:right; width:16px; height:16px; background:url(../images/btn_gm-close.gif) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } /* Checkout Agreements */ .checkout-agreements li { margin:30px 0; } .checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; } .checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight:bold; color:#666; } .opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; } .opc .checkout-agreements li { margin:20px 0 0; } .opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; } .opc .checkout-agreements .agree { padding-left:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; } /* Generic Info Set */ .info-set { background:#fbfaf6 url(../images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .info-set h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .info-set h3, .info-set h4 { font-size:13px; font-weight:bold; color:#E26703; } .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight:normal; } .info-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .info-set h3.legend { margin:0 0 10px; color:#0a263c; } .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .info-set .box { margin:0 0 15px; } .info-set .box h2 { color:#e26703; } .info-set .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .info-set .data-table .product-name a { font-weight:bold !important; } .info-set .data-table .item-options { margin:5px 0 0; } /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border:0; margin:0; } .block-progress .block-title { background:none; border:0; padding:0; margin:0 0 5px; } .block-progress .block-title strong { font-size:13px; color:#0a263c; } .block-progress .block-content { background:none; } .block-progress dt { font-size:13px; font-weight:bold; line-height:1.35; background:#eee; border:1px solid #a3aeb3; margin:0 0 6px; padding:2px 8px; color:#999; } .block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#d0dce1; color:#5e8ab4; } .block-progress dd.complete {} .block-progress p { margin:0; } .block-progress .cards-list dt { background:none; border:0 none; color:inherit; font-size:12px; margin:5px 0; padding:0; } .block-progress .cards-list dd { border:0 none; margin:0; padding:0; } .block-progress .cards-list .info-table th { font-weight:normal; } /* show/hide "change" link for progress step depend on complete status * should be placed in .css file */ /* Multiple Addresses Checkout */ .checkout-progress { padding:0 90px; margin:0 0 20px; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #999; padding:2px 0 0; font-weight:bold; text-align:center; color:#abb5ba; } .checkout-progress li.active { border-top-color:#e96200; color:#e96200; } .multiple-checkout h2 { font-size:13px; font-weight:bold; margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4 { font-size:13px; font-weight:bold; color:#E26703; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a { font-weight:normal; } .multiple-checkout .data-table .product-name { font-size:1em !important; font-weight:bold !important; color:#1e7ec8 !important; } .multiple-checkout .data-table .product-name a { font-weight:bold !important; } .multiple-checkout .data-table .item-options { margin:5px 0 0; } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:20px; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { background:#fbfaf6 url(../images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; margin:0 0 25px; padding:20px; } .multiple-checkout .col2-set h2.legend { margin:-20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; } .multiple-checkout .col2-set h3.legend { margin:0 0 10px; color:#0a263c; } .multiple-checkout .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box { margin:0 0 15px; } .multiple-checkout .box h2 { color:#e26703; } .multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; } .multiple-checkout .place-order .grand-total { float:right; height:71px; font-size:1.5em; padding:0 0 0 21px; background:url(../images/bkg_grand-total.gif) 0 0 no-repeat; overflow:hidden; } .multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; background:url(../images/bkg_grand-total.gif) 100% 0 no-repeat; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display:inline; margin-right:12px; } .multiple-checkout .place-order .grand-total .price { color:#E26703; } .multiple-checkout .place-order .grand-total button.button span { font-size:16px; } .multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; } /* Step 1 */ .multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; } #multiship-addresses-table td { padding:10px; } #multiship-addresses-table tfoot td { padding:5px 10px; } #multiship-addresses-table tfoot button.button span { border-color:#406a83; background:#618499; } /* Step 2 */ .multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; } .multiple-checkout .gift-messages-form .item .details .form-list li { margin-right:-15px; } .multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; } .multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; } .multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; } .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; } .checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; } .checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:url(../images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; } /* Step 3 */ .checkout-multishipping-billing .multiple-checkout { position:relative; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:345px; padding:14px 21px; background:#faf7ee url(../images/bkg_login-box.gif) 0 0 repeat-x; border:1px solid #bbb6a5; border-bottom:0; } .account-login .content h2 { font-weight:bold; font-size:13px; margin:0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #ddd; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#e76200; } .account-login .new-users h2 { background-image:url(../images/i_page1.gif)} .account-login .registered-users h2 { background-image:url(../images/i_page2.gif); } .account-login .buttons-set { border:1px solid #bbb6a5; border-top:0; margin:0; padding:8px 13px; background:#dee5e8 url(../images/bkg_buttons-set1.gif) 0 0 repeat-x; } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(../images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; font-size:14px; padding:5px 10px; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-body { padding:10px; } .remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; } /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 15px; } .dashboard .welcome-msg p { margin:0; } .dashboard .col2-set { margin:0 0 15px; } /* General Box */ .box-account { background:#fff; border:1px solid #cbcbcb; padding:15px 15px 0; margin: 0 0 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; float:left; width:100%; } .box-account .box-head { border-bottom:1px solid #cbcbcb; text-align:right; background:#f1f1f1 none repeat scroll 0 0; margin:-15px -15px 1px; padding:12px 15px 9px; } .box-account .box-head h2 { float:left; margin:0; font-size:14px; font-weight:bold; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; } .dashboard .box .box-title { background:url(../images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 2px; margin:0 0 8px; text-align:right; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float:left; font-size:13px; font-weight:bold; margin:0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { } /* Block: Account Information */ .dashboard .box-info .box-head h2 { } .dashboard .box-info h4 { font-size:12px; font-weight:bold; text-transform:uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { } .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-reviews .details { margin-left:20px; } .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews .ratings { margin:7px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { background-image:url(../images/i_ma-tags.gif); } .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#0a263c; } .dashboard .box-tags .details { margin-left:20px; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2 { font-weight:bold; font-size:13px; color:#e26703; text-transform:uppercase; } .addresses-list h3 { font-weight:bold; font-size:13px; } .addresses-list address { margin:0 0 3px; } .addresses-list p { margin:0; } .addresses-list a { font-weight:bold; } .addresses-list .link-remove { color:#646464; } .addresses-list .separator { margin:0 3px; } .addresses-list li.item { background:#fff url(../images/bkg_account_box.gif) 0 0 repeat-x; border:1px solid #ccc; padding:10px 13px; margin:0 0 10px; } .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { font-weight:bold; } .addresses-list .addresses-additional li.item { background:none; border:0; padding:0; } /* Order View */ .order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; margin:0 0 8px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info .current { font-weight:bold; } .order-info li { margin:0 3px; } .order-date { margin:10px 0; } .order-info-box { background:#fff url(../images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; margin:0 0 15px; } .order-info-box h2 { font-weight:bold; font-size:13px; } .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-view-info-box {} .order-view-info-box h2 { font-weight:bold; font-size:14px; color: #F97910; } .order-view-info-box .box-payment p { margin:0 0 3px; } .order-view-info-box .box-payment th { font-weight:bold; padding-right:7px; } .order-items { width:100%; overflow-x:auto; } .order-items h2, .order-items h3 { clear:none; font-weight:bold; font-size:13px; padding:0; margin:0 0 5px; color:#0a263c; } .order-items .product-name { font-size:1em !important; font-weight:bold !important; } .order-items .link-print { color:#1e7ec8; font-weight:normal; } .order-items .order-links { text-align:right; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 { font-size:16px; font-weight:bold; } .page-print h2, .page-print h3 { font-size:13px; font-weight:bold; } .page-print h2.h2 { font-size:16px; font-weight:bold; } .page-print .order-date { background:url(../images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; } .page-print .col2-set { margin:0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } .print-page-custom table{border-collapse: collapse;} .print-page-custom .data-table {border: 0px; } .print-page-custom .data-table tr{border-left: 1px solid #bebcb7;border-right: 1px solid #bebcb7;} .print-page-custom .data-table thead tr{border: 1px solid #bebcb7;} .print-page-custom .data-table tfoot {border-bottom: 0px;} .print-page-custom .data-table tfoot tr{border: 0px;border-top: 1px solid #bebcb7; height: 20px; background-color: #ffffff;} .print-page-custom .print-head .logo{ height: 40px;} .print-page-custom h1 {font-size: 14px; } .print-page-custom h2 {font-size: 12px; } .print-page-custom p, .print-page-custom address {font-size: 12px; } .print-page-custom p strong {font-size: 12px; } .print-page-custom .td1 {width: 10% } .print-page-custom .td2 {width: 60% } .print-page-custom .data-table .last {background-color:#FFFFFF; background: none !important; } .print-page-custom .data-table tfoot tr.first.last td.last {border: 0 !important; } .print-page-custom .col-1 {width:60%} .print-page-custom .col-2 {width:40%} .print-page-custom .printing-table {font-size: 12px;} /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; width:113px; height:113px; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float:none; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { border-color:#406a83; background:#618499; } #wishlist-table .add-to-links { white-space:nowrap; } /* My Tags */ .my-tag-edit { float:left; margin:0 0 10px; } .my-tag-edit .btn-remove { float:right; margin:4px 0 0 5px; } #my-tags-table { clear:both; } #my-tags-table td { padding:10px; } #my-tags-table .add-to-links { white-space:nowrap; } /* My Reviews */ #my-reviews-table td { padding:10px; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 { font-size:12px; margin:0 0 3px; color:#333333; } .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .info-box{ margin:15px 0; } .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption { font-weight:bold; font-size:13px; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; margin:10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { font-size:16px; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(../images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; text-indent:-9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; } .map-popup-checkout .paypal-or { clear:both; display:block; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-checkout li { list-style: none; } .map-popup-checkout { text-align: center; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .feat-brand-wrap { width:100%; padding:50px 0 35px; float:left; border-top: 1px solid #cbcbcb; } .catalog-product-view .feat-brand-wrap { background:#fff; } .feat-brand-wrap .feat-range-wrap { width:1350px; margin:auto; float:none; } .feat-brand-wrap .feat-range-wrap .brand-block { display:inline-block; } .feat-boxes.brand-boxes { width:100%; position: relative; } .feat-boxes.brand-boxes .brand-block { display: none; } .feat-boxes.brand-boxes.slick-initialized .brand-block { display:inline-block; } .feat-boxes.brand-boxes.slick-slider ul.slick-dots { float:left; margin-top: 16px; } .slick-slider ul.slick-dots { margin-top:0px; padding: 0; position: static; } .slick-slider ul.slick-dots li { border:none; width:auto; height: auto; margin:0; padding:0; display: inline-block;} .slick-slider ul.slick-dots li button { background:#666666; width:10px; height: 10px; padding:0; font-size: 0; border-radius: 50% !important; display: block; margin:0 4px; border:0 !important; } .slick-slider ul.slick-dots li.slick-active button, .slick-slider ul.slick-dots li:hover button { background:#F97910; border:none; border-radius: 50% !important; } .slick-dots li.slick-active button:before, .slick-dots li button:before { display:none; } .brand-boxes .brand-block { display:none; } .brand-boxes.slick-initialized .brand-block { display:inline-block; } .feat-brand-wrap .feat-item { border:none; } .cms-brands-html .feat-brand-wrap, body.cms-brands .feat-brand-wrap { display:none; } /*hidding slider on brands page.*/ .feat-brand-page-wrap .feat-page-item { border:none; } .footer-container { width:100%; float:left; margin-top:25px; } .footer { width:1350px; margin:0 auto; padding:0 0 65px; } .foobl { width:23%; padding-right:2%; float:left; color:#9a9a9a; text-align:left; padding-top:20px; } .fbl4 { width:25%; padding-right:0; } .foobl h4 { padding-bottom:5px; margin-bottom:10px; } .foobl a, .foobl span { color:#000; } .foobl h4 { font-size:18px; } .foobl ul { padding:0; margin:0; } .foobl ul li { display:bloc; width:100%; float:left; font-size:14px; padding-bottom:5px; } .footer-container .messages { display:none; } .subfooter-container { width:100%; float:left; padding:20px 0 65px; background:#f6f8fa; } .subfooter { width:1350px; margin:auto; font-size:12px; } .small-desktop .subfooter, .touch .subfooter { width:96%; padding:2%; } .footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; } .footer .store-switcher label { font-weight:bold; vertical-align:middle; } .footer .store-switcher select { padding:0; vertical-align:middle; } .footer a { color:#fff; text-decoration:none; transition: all 200ms ease; } .footer a:hover { color:#F97910; } .footer a span { transition: all 200ms ease; } .footer a:hover span { color:#F97910; } .footer .bugs { margin:13px 0 0; color:#ecf3f6; } .footer .bugs a { color:#ecf3f6; text-decoration:underline; } .footer .bugs a:hover { text-decoration:none; } .footer address { margin:0 0 20px; color:#ecf3f6; } .footer address a { color:#ecf3f6; text-decoration:underline; } .footer address a:hover { text-decoration:none; } .footer ul { display:inline; } .footer ul.links { display:block; } .footer li.last { background:none !important; padding-right:0 !important; } .footer-container .bottom-container { margin:0 0 5px; } .footer-container .footop { width:100%; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#fff; float:left; padding:15px 0; margin-bottom: 25px; } .footop-inner { max-width: 1350px; margin: auto; } .footop-inner .strap { font-size:18px; font-weight: bold; font-style: italic; float:left; } .footop-inner .help { float:right; padding-top: 2px; } .footop-inner .help b { color:#F97910; } @media screen and (max-width:1370px) { .foobl { width:100%; border:1px solid #cbcbcb; padding:10px; margin-bottom:20px; box-sizing:border-box; } .foobl ul, .foobl p { display:none; } .foobl h4 { display:block; padding:5px 0 !important; margin: 0 !important; position:relative; } .foobl h4:after { content:''; position:absolute; width:20px; height:20px; background:url(../images/update/NavArrow-blackx2.png) no-repeat center / 15px; transform:rotate(-90deg); transition:all 200ms ease; right:-2px; top:7px; } .footer-container .footop { box-sizing:border-box; padding-left:15px; padding-right:15px; } .foobl.itsopenchild h4:after { transform:rotate(0deg); right:-0px; } .footer { width:100%; padding:15px; box-sizing:border-box; } body.pixiedust .foobl.fbl4 { border:none; padding:0; text-align:center;} body.pixiedust .foobl.fbl4 h4:after { display:none; } body.pixiedust .foobl.fbl4 p, body.pixiedust .foobl.fbl4 ul { display:block; } .feat-brand-wrap .feat-range-wrap { width:100%; box-sizing:border-box; padding:15px; } } /* ======================================================================================= */ /* Sample Data============================================================================ */ .home-callout { margin-bottom:12px; } .home-callout img { display:block } .home-spot { float:left; width:470px; margin-left:20px; } .best-selling h3 { margin:12px 0 6px 0; color:#e25203; font-size:1.2em; } .best-selling table { border-top:1px solid #ccc; } .best-selling tr.odd { background:#eee url(../images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; } .best-selling tr.even { background:#fff url(../images/best_selling_tr_even_bg.gif) 0 100% repeat-x; } .best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; font-size:11px; } .best-selling .product-img { float:left; border:2px solid #dcdcdc; } .best-selling .product-description { margin-left:107px; line-height:1.3em; } .best-selling a.product-name, .home-spot .best-selling a.product-name:hover { color:#203548; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .guest-select {width:305px !important;} /* WELCOME BLOCKS */ .strikeit { width:100%; text-align:center; background:url(../images/strikebg.png) repeat-x center; float:left; margin:20px 0; } .strikeit h4 { background:#fff; padding:0 10px; display:inline; font-weight:normal; color:#333; font-size:28px; line-height:30px; } .mobile .strikeit h4 { font-size:20px; line-height:25px; } .service-messages { width:100%; float:left; } .svm { width:32.5%; padding:1px 0%; margin-right:1.25%; border:1px solid #C9C9C9; border-radius:5px; text-align:center; float:left; box-sizing:border-box; min-height: 166.95px } .svm3 { margin-right:0; } .svm .icon { width:100%; text-align:center; } .svm h4 { font-size:18px; padding:0; margin:0; } .svm p { font-size:12px; margin-top:0; padding-top:0; } .tablet .svm p { height:0px; padding-bottom: 15px; } .svm img { float:left; width:42%; } .small-desktop .svm img { width:50%; } .tablet .svm img { float:none; width:50%; } .mobile .svm img{width: 50%} .mobile .svm { width:100%; margin-right:0; margin-bottom:15px; padding-bottom:15px; } .tablet .svm {min-height: auto; padding-bottom:30px;} .svm a { border:1px solid #F97910; color:#F97910; padding:5px 15px; background:none; border-radius:4px; font-size:12px; transition:all 300ms ease;} .svm a:hover { color:#fff; } body.pixiedust a.orange { border-color:#F97910; color:#F97910; transition: all 200ms ease; } body.pixiedust a.orange:hover { background-color:#F97910; color:#fff !important; } body.pixiedust a.turqoise { border-color:#007b83; color:#007b83; transition: all 200ms ease;} body.pixiedust a.turqoise:hover { background-color:#007b83; color:#fff; } body.pixiedust a.red { border-color:#cb0000; color:#cb0000; transition: all 200ms ease; } body.pixiedust a.red:hover { background-color:#cb0000; color:#fff; } /* AD BLOCKS */ .prom-block-wrap { width:100%; float:left; margin:35px 0 20px; } .prom-small { width:31.3%; box-sizing:border-box; float:left; margin-right:3.1%; } .mobile .prom-small { width:100%; margin-right:0; margin-bottom:15px; } .prom-small img { width:100%; height:auto;box-sizing:border-box; border:1px solid #c9c9c9; } .prom-large { width: 65.5%; box-sizing:border-box; float:left; } .mobile .prom-large { width:100%; margin-right:0; margin-bottom:15px; } .prom-large img { width:100%; height:auto;box-sizing:border-box; border:1px solid #c9c9c9; } /* FEATURED PRODUCT RANGES */ .feat-range-wrap { width:100%; float:left; margin-top:10px; } .feat-header { width:100%; float:left; border-bottom:1px solid #c9c9c9; padding-bottom:10px; margin-bottom:10px; } .feat-boxes { width:100%; float:left; } .pm-prev, .pm-next { background:#aeadb3 url(../images/home_page_carousel_arrow.svg) no-repeat center / 10px; border-radius: 50%; width:40px; height:40px; float:left; display:inline-block; cursor:pointer; transition:all 300ms ease; opacity: 1; } .pm-prev:hover, .pm-next:hover { background-color:#333; } .pm-prev:hover, .pm-next:hover { opacity: 1; } .pm-next { transform:rotate(-180deg); margin-right: 0; } .fnp-pm-prev, .fnp-pm-next { width:15px; height:50px; float:left; display:inline-block; margin-right:5px; cursor:pointer; transition:all 300ms ease; position: absolute;top: 80px; z-index: 1000;} .slick-disabled { cursor:initial !important; background-color:#c9c9c9 !important; opacity:0.2; } .fnp-pm-prev{ left: -8px; } .fnp-pm-next{ background-image:url(../images/nav-arrow-right.png); right: -15px; } .pim-gallery{position: relative;} .pim-prev, .pim-next { background:#c9c9c9 url(../images/carousel-arrow-left-light.png) no-repeat center; width:50px; height:50px; float:left; display:inline-block; margin-right:-12px; cursor:pointer; transition:all 300ms ease; } .fnp-pm-prev:hover, .fnp-pm-next:hover { } .container-collection .pm-prev { left:-40px; } .container-collection .pm-next { right:-40px; } .pim-prev{margin-left: -12px;} .pim-left-arrow{ position: absolute; top: 50%;transform: translateY(-50%);left:0px;z-index:1} .pim-right-arrow{ position: absolute; top: 50%;transform: translateY(-50%);right:0px;} .img-carousel{margin:0 auto; width:95%} .pim-next { background-image:url(../images/carousel-arrow-right-light.png); } .pim-prev:hover, .pim-next:hover { } .slick-dots{display: block; margin: 0 auto; width:100%; text-align: center;} .slick-dots li{ display: inline; } .slick-dots li button { border: 1px solid #999; border-radius: 50%; width: 10px; height: 10px; background: #fff; font-size: 0; display: inline-block; margin: 0 2px; box-shadow: 0 0 10px -7px #000; cursor: pointer;} .slick-dots li button:hover { background:#000; border:2px solid #fff; width:10px; height:10px;} .slick-dots li.slick-active button{ background:#000; border:2px solid #fff; width:10px; height:10px;} .pm-prev:hover, .pm-next:hover { } .mobile .pim-prev, .mobile .pim-next{ display: none !important;} span.title { font-size:24px; line-height:27px; padding-left:5px; float:left; } .feat-item { width:175px; display:inline-block; margin:10px;border:1px solid #c9c9c9;box-sizing:border-box; text-align:center; font-size:12px; } .feat-item a { max-width:100%; } .feat-item span { height:55px; width:96%; padding:0 2%; display:block; } .feat-item img { width:100%; height:auto; } .feat-page-item { float:left; width:175px; margin:10px; border:1px solid #c9c9c9; box-sizing:border-box; text-align:center; font-size:12px; height: 175px; white-space: nowrap;} .feat-page-item .adjuster{ display: inline-block; height: 100%; vertical-align: middle; } .feat-page-item a { max-width:100%; } .feat-page-item img { vertical-align: middle; max-height: 175px; max-width: 175px; } /*.feat-page-items div { display: inline-block; height: 175px; position: relative; }*/ /*.feat-page-items div { display: inline-block; height: 175px; position: relative; }*/ /*.mobile .feat-page-items div { display: inline-block; height: 120px; position: relative; }*/ .mobile .feat-page-item { float:left; width:120px; margin:10px; border:1px solid #c9c9c9; box-sizing:border-box; font-size:12px; height: 120px; white-space: nowrap; text-align: center; } .mobile .feat-page-item img { vertical-align: middle; max-height: 120px; max-width: 120px; } .in-season { display:block; padding-top:15px; } /* RESPONSIVE MENU*/ /* RESPONSIVE MENU */ .sidebarIn { display:none; } /* Responsive Menu*/ .wrapper { margin:auto; width:100%; } /*ad*/ #sidebarIn { transition:all 300ms ease; } #slideout { /*transition:all 300ms ease;*/ } .returned { transition:all 300ms ease; } .touch .wrapper { } .tablet #sidebarIn { width:65%;background-color:#fff; position:fixed; left:-65%; height:100%; z-index:99999; display:block; text-align: left;} .tablet #sidebarIn.slidingBar { /*left:0%;*/ width:65%; left:-65%; -webkit-transform: translateZ(0); transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0); box-shadow:0 0 10px #000; } .tablet #slideout { /*-webkit-transform: translate3d(0,0,0);*/z-index:1; } .tablet #slideout.sliding { transition:all 500ms ease 0s; -webkit-transition:all 500ms ease 0s; width:100%; transform: translate3d(65%,0,0);-webkit-transform: translate3d(65%,0,0);right:0%; z-index:1; position:fixed; } .desktop .sliding, .small-desktop .sliding { position:relative !important; } .mobile #sidebarIn { width:75%; background-color:#fff; position:fixed; left:-75%; height:100%; z-index:99999; display:block; } .mobile #sidebarIn.slidingBar { width:75%; left:-75%; /*-webkit-transform: translateZ(0);*/ transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0); box-shadow:0 0 10px #000; } .mobile #slideout { /*-webkit-transform: translate3d(0,0,0);*/ z-index:1; } .mobile #slideout.sliding { transition:all 500ms ease 0s; -webkit-transition:all 500ms ease 0s; width:100%; transform: translate3d(75%,0,0);-webkit-transform: translate3d(75%,0,0); z-index:1; position:fixed; right:0; } .touch .fixup { position:fixed; } #sidebarIn, .desktop #sidebarIn { display:none; width:65%; left:-65%; } .small-desktop #sidebarIn, .touch #sidebarIn { display:inline; } .desktop #sidebarIn.slidingBar { /*left:0%;*/ left:-50%; width:50%; display:none; } .desktop #slideout { /*-webkit-transform: translate3d(0,0,0);*/ z-index:1; ; } .desktop #slideout.sliding { transition:all 500ms ease 0s; -webkit-transition:all 500ms ease 0s; width:100%; transform: translate3d(0%,0,0);-webkit-transform: translate3d(0%,0,0);right:0%; z-index:1; position:fixed; } .fixed { position:fixed !important; transition:all 500ms ease 0s; -webkit-transition:all 500ms ease 0s; } .sidebarinside { text-align:left; width:100%; position:relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; height:100%; background:#f6f8fa; padding:0%; } .sidebarinside ul { padding:0; margin:0; text-align:left; } .sidebarinside ul li { margin:0; } .sidebarinside ul li a { background:#fff; padding:12px 20px; display:block; font-weight:normal; font-size:14px; border-bottom:1px solid #cbcbcb; color:#333333; position: relative; } .sidebarinside ul li a:after { position: absolute; content:''; width:12px; height:12px; background:url(../images/Menu-BlackArrow-Rightx2.png) no-repeat center / 7px; transition:all 200ms ease; right:22px; top:16px; } .sidebarinside ul li.lictive a:after { transform: rotate(90deg); } .sidebarinside ul li.lictive a { background-color:#dadada !important; } .sidebarinside ul li.ret2 a { background-color:#f6f8fa; color:#333333; } .sidebarinside ul li.ret3 a { background:#fff; } .sidebarinside ul li.ret3 a:after { display: none; } .sidebarinside .navcatimage { display:none; } .sidebarinside .menu-title.touch-title span { color: #000; } .sidebarinside a span { color: #000; } .sidebarinside .menu-pop-l2 li.lictive a { background-color:#b9b7b8 !important; } .feature-mobile-nav { width:100%; padding:0px 0; background:#f6f8fa; } .mobile-mm a { background:url(../images/make-model-black.png) no-repeat 15px center ; display:block; padding:12px 10px 12px 50px; font-weight:bold; border-bottom:1px solid #cbcbcb; } .mobile-pro a { background: rgba(0, 0, 0, 0) url("../images/promotions.png") no-repeat 18px center ; display:block; padding:12px 10px 12px 50px; font-weight:bold;border-bottom:1px solid #cbcbcb; } .mobile-bran a { background: rgba(0, 0, 0, 0) url("../images/brands-black.png") no-repeat 18px center ; display:block; padding:12px 10px 12px 50px; font-weight:bold;border-bottom:1px solid #cbcbcb; } .sidebarinside .custom-mobile-nav ul li a { background-image:none !important; } h4.mmtitle { } .mobile-mm.greyonly a { background:none; padding-left:20px; text-transform: uppercase; } /* ATTRIBUTE FILTER */ button { cursor:pointer; } .filtered-wrap .filter-options { float:left; width:100%; margin-bottom: 25px; } .filtered-wrap .makemodel-block { float:left; width:100%; margin-bottom: 25px; } .filtered-wrap .advanced-block { float:left; width:100%; margin-bottom: 25px; } .border-box { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; float:left; } .filter-wrap { width:100%; border-top:none; float:left; } .filter-wrap h3 { display:block; text-align:center; font-size:20px; padding:7px 0 5px; } .filter-wrap h4 { width:100%; box-sizing:border-box; padding: 10px 0px; float:left; font-weight:normal; margin-bottom: 0; } .innerwrap { width:100%; padding:0%; margin:0; float:left; } .innerwrap select { width:100%; float:left; border-radius:3px; border:1px solid #cbcbcb; background:#fff; margin-bottom:10px; padding:5px; font-style:italic; box-sizing: border-box; } #mmsearch span { display:inline; float:left; width:auto; } #mmsearch span.icon { background:url(../images/mm-apply.gif) no-repeat center; width:20px; height:17px; display:inline; margin-right:5px; } #mmsearch { border:1px solid #F97910; background:#F97910; color:#fff; font-weight:bold; padding:8px 14px; border-radius: 2px !important; transition:all 200ms ease; margin-top: 5px; } #mmsearch:hover { background:#F97910; } .makemodel-block span { width:100%; float:left; margin:0; line-height:17px; } .makemodel-block span.fit { margin-bottom:10px; } .makemodel-block #mmclear span { display:inline; float:left; width:auto; } #mmclear span.icon { background:url(../images/mm-reset.gif) no-repeat center; width:20px; height:17px; display:inline; margin-right:5px; } #mmclear { border:1px solid #cf0001; border-radius:3px; background:none; color:#cf0001; font-weight:bold; padding:3px 7px 3px 4px; margin-top:10px; } body.pixiedust .filter-options-content .item { margin:0; } .advanced-block .filter-options-content { background:#fff; } .subcategory-block .innerwrap,.advanced-block .innerwrap { margin-top:0; } .subcategory-block dt { display:none; } .subcategory-block dd { width:100%; float:left; margin-bottom:10px; } .subcategory-block li { display:block; border-bottom:1px solid #f8f8f8; padding:0; width:100%; float:left; } .subcategory-block li.item.viewallitem a { color:#F97910; font-weight: bold; } .subcategory-block li.item.viewallitem a span { font-weight: normal; } .subcategory-block li:last-child { border-bottom: 0; } dl#narrow-by-list { float:left; width:100%; } body.pixiedust .filtered-wrap .filter-options-title { background:transparent; padding:14px 0px 14px 0px; line-height: 14px; font-size: 14px; cursor: pointer; text-decoration: none; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; text-transform: none; margin: 0; } .advanced-block .filter-options-title:last-of-type { border-bottom: 0; } body.pixiedust .filter-options-title:after { top:13px; right:0; content:''; position: absolute; } .attribute-title { background:url(../images/attr-arrow.gif) no-repeat center left; padding-left:20px; cursor:pointer; } .attribute-block { width:100%; float:left; border-bottom:1px solid #cbcbcb;padding:3px 0; } .attribute-block ul { float:left; width:100%; margin-bottom:10px; } .attribute-block ul li { padding:0px 0 0px 20px; } .attribute-block ul li a { display:block; } .attribute-block ul li a:hover { text-decoration:underline; } body.pixiedust .filter-options-content { float:left; width:100%; border:none; padding:0; } #narrow-by-list li a { margin:0; } body.pixiedust .filter-options-item { padding:0; width:100%; float:left; border-bottom: 1px solid #cccccc; } body.pixiedust .filter-options-content li a { margin:0; } #narrow-by-list ol.items li:last-of-type a, .filter-options-content.id_cat ol.items li:last-of-type a { border:none; } #narrow-by-list-search { padding:10px 0; } #narrow-by-list-search .control { width:100%; float:left; position: relative; } #narrow-by-list-search .control button { position: absolute; right:0; top:0; height:42px; background:none; border:0; padding:0; margin:0; } #narrow-by-list-search .control button:hover { background:none; } #narrow-by-list-search .control button span { font-size: 0; background:url(../images/update/magnifying_glassx2x.png) no-repeat center / 15px; width:35px; height:20px; margin:0; padding:0; } #narrow-by-list-search input#searchside { border: 1px solid #cbcbcb; border-radius: 1px; height:42px; } #narrow-by-list-search button { border-radius: 2px; margin-top:10px; padding:4px 5px 1px; transition:all 200ms ease; } #narrow-by-list-search button:hover { background:#F97910; color:#fff; } #narrow-by-list-search button:hover span { color:#fff; } #narrow-by-list .active .filter-options-content { border-top: 1px solid #cccccc; } .active-attrs a { display:block; background:#edf0f2 url(../images/update/binx2x.png) no-repeat center right 13px / 11px; padding:4px 9px; clear:both; margin-bottom:10px; box-sizing: border-box; float:left; margin-top: 5px; width:100%; } .sidebar.sidebar-main #narrow-by-list .filter-options-content { max-height:319px; position: relative; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; display:none; } body.pixiedust .filter-options-item.active .filter-options-content { display:block !important; } /* MOBILE FILTERS */ @media screen and (min-width:1350px) { .touch-filter { right:-60% !important; display:none !important; } } @media screen and (max-width:1350px) { .touch-filter { width:60%; transition: all 200ms ease; background:#fff; position: fixed; right:-60%; height: 100%; box-sizing: border-box; padding:0px; z-index: 999; } .mobile-filters-in .touch-filter { right:0 !important; display: block !important; } .mobile-filters-in .page-wrapper { position: fixed; transition:none !important; } .mobile-filters-in #feedbacklinkbox { display:none; } .touch-filter-target { width:100%; height: 100%; position: relative; -webkit-overflow-scrolling: touch; overflow-scrolling:touch; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; padding: 20px;} body.pixiedust.mobile-filters-in .fade-up-2 { display:block !important; z-index: 99999; } body.pixiedust.mobile-filters-in header.page-header { z-index: 9; } body.pixiedust .touch-filter .filter-options { display:block; } .touch-title { width:100%; text-align: left; font-weight: bold; font-size:16px; background:#f6f8fa; box-sizing: border-box; padding:15px 20px; } .touch-title span { display: block; position: relative; } .touch-title span:after { content:''; background:url(../images/update/Add-blackx2.png) no-repeat center / 15px; width:15px; height:15px; position: absolute; top:3px; right:0px; transform: rotate(45deg); } body.pixiedust.mobile-filters-in .advanced-block .filter-options-content { display: none !important; } body.pixiedust.mobile-filters-in .advanced-block .active .filter-options-content { display: block !important; } .pixiedust.mobile-filters-in .filter-options-item.active .filter-options-title { } } @media screen and (max-width:800px) { .touch-filter { width:80%; right:-80%; } } /* TOOLBAR */ .pixie-toolbar { width:100%; float:left; font-size:14px; background:none; padding:10px 0; margin-bottom:20px; border-bottom: 1px solid #cbcbcb; } .pixie-toolbar .sort-by { width:33.33%; float:left; background:none; } .pixie-toolbar .pager { width:33.33%; float:left; background:none; max-height:28px; min-height:28px; } .pixie-toolbar .limiter { float:left; border-right:0px solid #cbcbcb; background:none;padding-left:5px; text-align:center; display:inline-block !important; width:100%; } .pixie-toolbar .sorter { width:33.33%; background:none; padding-left:0px; text-align:right; margin-top:1px; position:static; } body.pixiedust .pages a.page:visited, body.pixiedust .pages a.page { color:#a0a0a0; } .pixie-toolbar .pages strong.label { font-weight: bold; padding-right: 6px; } .pixie-toolbar .sort-by select { font-style:italic; float:left; padding:5px 45px 5px 5px; } .pixie-toolbar .sort-by label { padding:9px 5px 0 0; float:left; font-weight: bold; } .pixie-toolbar .tooly-right .limiter-options { padding:5px 50px 5px 15px; width:86px; } .pixie-toolbar strong { font-weight:normal; } .pixie-toolbar .pages li.current { margin:0 5px; } .pixie-toolbar .pages strong.page { background:none; padding:0; } .pixie-toolbar .pages li { padding:3px 0; margin-right:0px; border-radius:3px; } .pixie-toolbar .pages li img { margin-top:-3px; } .pixie-toolbar .limiter span { padding-top:2px; font-weight: bold; } .pixie-toolbar p.view-mode { width:auto; float:right; } .view-mode label { float:left; padding-right:5px; } strong.grid { font-size:0; width:20px; height:20px; display:inline-block; background:url(../images/grid-view-icon-active.png) no-repeat center;float:left; margin-right:5px; margin-top:2px; } strong.list { font-size:0; width:20px; height:20px; display:inline-block; background:url(../images/list-view-icon-active.png) no-repeat center;float:left; margin-top:2px; } a.grid { font-size:0; width:20px; height:20px; display:inline-block; background:url(../images/grid-view-icon.png) no-repeat center;float:left; margin-right:5px; margin-top:2px;} a.list { font-size:0; width:20px; height:20px; display:inline-block; background:url(../images/list-view-icon.png) no-repeat center;float:left; margin-top:2px; } .toolbar-products.pm-toolbar:last-of-type { padding-top: 10px; } body.pixiedust #toolbar-amount { display:none; } /* LIST VIEW - GRID */ .col-main .breadcrumbs { padding-top:15px; } .mobile .col-main .breadcrumbs { text-align:center; } .category-title .green { font-size:14px; } .pmitem { width:31%; float:left; margin-right:3.5%; margin-bottom:20px; min-height:365px; } .category-products .item3, .category-products .item6, .category-products .item9, .category-products .item12 { margin-right:0; } .pmitem .product-image { width:100%; } .pmitem .product-image img { width:100%; height:auto; border:1px solid #cbcbcb; transition:all 300ms ease; } .pmitem .product-image img:hover { border-color:#F97910; } .icons-and-buy { width:100%; float:left; padding:15px 0; margin-bottom:10px; border-bottom:1px solid #cbcbcb; } .icons-left { width:30%; float:left; min-height:5px; padding-top:0px; } .icons-left .product-icons img { width:100%; height:auto; max-width:100px; min-width:60px; } .buy-right { width:70%; float:left; text-align:right; } .pmitem .product-name a { color:#000; } .pmitem .product-name strong { font-size:16px; } .stock-indicator { font-weight:bold; min-height:30px; } .pmitem .product-name { height:43px; width:100%; position:relative; overflow:hidden;text-overflow: ellipsis; } .inst { color:#308935; } .instdays { color:#000; } .longerlead { color:#F97910; } .oos { color:#cf0908; } #target_related .oos, #target_alternative .oos, .product-view .oos, .products-list .oos {color:#000000; font-weight:normal;} #target_related .oos a, #target_alternative .oos a ,.product-view .oos a, .products-list .oos a { font-weight: bold;} .product-shop .inst { background:url(../images/update/InStock-Greenx2.png) no-repeat center left / 15px; padding-left:19px; } .product-shop .inst.longerlead.revisedlongerlead { background-image:url(../images/update/InStock-Orangex2.png); } a.add-to-enquiry-link { background:url(../images/enquire-plus.png) no-repeat 95% center ; border: 1px solid #F97910; padding:3px 20px 3px 7px; border-radius:4px; font-weight:bold; } .buy-right input { width:48px; padding:6px 1px; margin-right:10px; float:right; text-align:center; border:1px solid #ccc; border-radius:3px; } .buy-right select { width:55px; padding:5px 3px; margin-right:10px; float:right; border:1px solid #ccc; border-radius:3px; } .buy-right form button { width:59px; float:right; border:1px solid #F97910; padding:5px 1px; background:#fff; } .buy-right form button span span { background:url(../images/grid-view-add-to-cart-orange.png) no-repeat center left; } .buy-right form button.loader span span, .list-right form button.loader span span { background-image:url(../images/ajax-loader-grid-view-42x24.gif); background-position:center; } .touch .col2-left-layout .col-main { width:100%; float:left; } .touch .col2-left-layout .col-left { width:100%; float:left; } #ajax_cart_manual.loader span span { background:url(../images/ajax-loader-grid-view-42x24.gif) no-repeat -11px center !important; } #checkload1.loader { background: url("../images/ajax-loader-grid-view-42x24.gif") no-repeat scroll 0px center !important; } #checkload2.loader { background: url("../images/ajax-loader-grid-view-42x24.gif") no-repeat scroll 0px center !important; } #ajax_cart_copy_validate span span { padding:5px; } .touch .col2-left-layout .col-left .filter-wrap h3 { border:1px solid #329d35 !important; color:#329d35; display:block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:6px; margin:10px 0; font-size:14px; font-weight:normal; border-radius:3px; } .touch .col2-left-layout .col-left .filter-wrap { background:#fff; border:none; } .touch .col2-left-layout .col-left .makemodel-block { width:100%; } .touch .col2-left-layout .col-left .subcategory-block { width:100%; } .touch .col2-left-layout .col-left .advanced-block { width:100%; } .touch .col2-left-layout .col-left .innerwrap { display:none; padding:2% 1%; width:98%; background:#f4f4f4; margin-top:-10px; } .touch .col2-left-layout .col-left .filter-wrap h4 { width:98%; padding:1%; background:#e1e1e1 url("../images/attr-arrow.gif") no-repeat scroll 98% center; margin-bottom:10px; } .touch .shownhide-wrap { display:block !important; } .touch .shownhide-innerwrap { display:block !important; } .small-tablet .category-products .pmitem, .mobile .category-products .pmitem { width:48%; margin-right:0; } .mobile .category-products .pmitem { min-height:310px; } .small-tablet .category-products .item1, .small-tablet .category-products .item3, .small-tablet .category-products .item5, .small-tablet .category-products .item7, .small-tablet .category-products .item9, .small-tablet .category-products .item11, .mobile .category-products .item1, .mobile .category-products .item3, .mobile .category-products .item5, .mobile .category-products .item7, .mobile .category-products .item9, .mobile .category-products .item11 { margin-right:4%; } .small-mobile .category-products .pmitem { width:100%; margin:0 !important; } /* LIST VIEW - LIST */ .pm-listitem .product-image { width:20%; height:auto; float:left; } .pm-listitem .product-image img { width:100%; height:auto; box-sizing:border-box;} .pm-listitem .product-shop { float:left; width:77%; margin-left:3%; } .list-left { width:50%; float:left; } .list-right { width:50%; float:left; text-align:right; padding-top: 22px; } .list-right .price-box { width:100%; float:right; } .list-right input { width:48px; padding:6px 1px; margin-right:10px; text-align:center; border:1px solid #ccc; border-radius:3px; } .list-right select { width:85px; padding:5px 5px 5px 10px; margin-right:10px; border:1px solid #ccc; border-radius:3px; } body.pixiedust .list-right form button { width:55px; height:42px; float:right; border:1px solid #F97910; padding:5px 5px 6px 5px; margin-bottom:10px; background:#F97910; } body.pixiedust .list-right form button:hover { background:#F97910; border-color:#F97910; } .list-right form button span span { background:rgba(0, 0, 0, 0) url("../images/checkout/basket_icon_white.png") no-repeat center / 20px; font-size:0; color:#F97910; font-weight:bold; padding-right:20px; } .list-right .stock-indicator { width:100%; float:right; padding-top: 5px; } .list-right .pm-price-display { width:100%; text-align:right; } .pm-price-display { font-weight:bold; font-size:16px; float:right; min-height:30px; } span.old-p { color:#959595; text-decoration:line-through; margin-right:5px; } span.sp-price { color:#DB114A !important; } span.c-price { color:#000; } .skuref { width:100%; float:left; margin-bottom: 5px; } .skuref .thesku strong { font-weight: normal; font-size: 12px; } .skuref .part-reference { font-size:12px; color:#a0a0a0; margin-left:5px; } .skuref .part-reference .alias-switch { border-left:1px solid #bcbcbc; padding-left: 7px !important; } .skuref .part-reference .has-alias, .skuref .part-reference .add-alias { color:#a0a0a0; font-weight: normal !important; font-size: 12px !important; } .offerpop { position:relative; overflow:visible; width:20px; margin-left:5px; height:20px; float:right; } .offercon { width:20px; height:20px; background:url(../images/offercon.png) no-repeat; display:block;cursor:pointer; } .offerin { position:absolute; top:49px; right:0; width:200px; border:1px solid #cdcdcd; padding:5px 10px 10px; background:#fff; border-radius:5px; box-shadow:0 0 10px -6px #000; } .offerin span { display:inline; white-space:pre-line; font-size:14px; text-transform:uppercase; } .offerpop:hover .offerin { display:block !important; } .arrowup { position:absolute; z-index:9; top:-23px; right:16px; background:url(../images/arrowup.png) no-repeat center; width:52px; height:23px; } .filtertrigger { width:100%; display: block; font-weight: bold; font-size: 16px; text-align: left; margin:0 0 20px; padding:20px 0 20px 35px; box-sizing: border-box; float:left; background:url(../images/update/filter-list@2x.png) no-repeat center left 5px / 25px; position: relative; border-bottom: 1px solid #cbcbcb; } .filtertrigger:after { content:''; position: absolute; top:22px; right:0; border-left: 9px solid #F97910; border-top:9px solid transparent; border-bottom:9px solid transparent; } .products-list .list-left .product-name a { font-size:16px; } body.page-products .page-wrapper .columns { padding-top: 0 !important; width:100%; } body.pixiedust .pages-item-next, body.pixiedust .pages-item-previous { margin:0 8px !important; } @media screen and (min-width:1350px) { .filtertrigger { display:none; } } @media screen and (max-width:900px) { .pixiedust.page-products.page-layout-2columns-left .column.main { width:100%; box-sizing: border-box; padding:0px;} .pixiedust.page-products.page-layout-2columns-left .sidebar-main { display:none; } body.page-products .breadcrumbs { padding:0px 15px; display:block; } body.page-products .page-title-wrapper { padding:0 15px; } body.pixiedust .toolbar-products { margin-bottom: 0; } .pixiedust.page-layout-2columns-left h1.page-title { padding:0; } } @media screen and (max-width:767px) { body.page-products .page-title-wrapper { padding:0; } body.page-products .breadcrumbs { padding:0;} } @media screen and (max-width:750px) { .tooly-right { display:none; } .pixie-toolbar .sorter { width:50%; box-sizing:border-box; text-align: left;} .pixie-toolbar .pager { width:50%; text-align: right; box-sizing:border-box; } .page-products .pages { float:right; text-align: right !important; } .toolbar-products.pm-toolbar:last-of-type .pager { width:100%; text-align: center !important; } .toolbar-products.pm-toolbar:last-of-type .pager .pages { float:none; } .toolbar-products.pm-toolbar:last-of-type { padding-bottom: 18px; } .page-products .pages .item.pages-item-next, .page-products .pages .item.pages-item-previous { position: static; } .page-products .pages .items.pages-items { padding: 0 !important; } .pm-listitem .product-image { width:10%; } .pm-listitem .product-shop { width:87%; } .list-right { width:40%; padding-bottom: 20px; } .list-left { width:60%; padding-bottom: 20px; } } @media screen and (max-width:590px) { .pm-listitem .product-image { width:100%; text-align: center;} .pm-listitem .product-shop { width:100%; margin:0; } .list-right { width:100%; padding-bottom: 20px; text-align: left; padding-top: 10px; } .list-right .pm-price-display { text-align: left; margin-bottom: 10px; } .list-left { width:100%;padding-bottom: 0px; text-align: left;} .list-right select { width:45%; height:40px; } .list-right form button { width:50%; height:40px; } .pm-listitem .c-price, .pm-listitem .stock-n-buy .right .pm-price-display .p-pack { padding-left: 0; } body.pixiedust .pixie-toolbar .sorter { width:100% !important; text-align: center; padding: 0; } body.pixiedust .pixie-toolbar .sorter label { display:block; } body.pixiedust .pixie-toolbar .sorter select { width:100%; padding: 0; height:40px; margin:0 0 5px; padding-left:5px; } body.pixiedust .pixie-toolbar .pager { width:100%; text-align: center !important; } body.pixiedust .pixie-toolbar .pages { text-align: center !important; } } /* CATEGORY SUB (1) */ .category-level-1 .page-wrapper.wrapper, .category-level-2 .page-wrapper.wrapper { min-height:0; display: block; float:left; } .pixiedust.category-level-1 .column.main { width: 100% !important; padding-bottom: 0; } body.pixiedust .subcat-top-name h1 { text-align: center; font-weight: bold; margin:0 0 15px; } .pm-category-intro { text-align: center; } .category-sub { width:100%; float:left; } .category-sub-inner { width:100%; margin:auto; text-align:left; float:left; } .cs-inner-left { width:65%; padding-right:5%; float:left; } .cs-inner-right { width:30%; float:left; } .cs-inner-right img { width:100%; height:auto; } .cs-inner-left h1 { font-weight:normal; display:block; border-bottom:1px solid #b3b3b3; padding:15px 0; margin-bottom: 15px; } .cs-inner-left ul li { width:45%; padding:0px 5% 0px 0; float:left; } .cs-inner-left ul li a { display:block; } .cs-inner-left ul li a:hover { text-decoration:underline; } .vall { width:100%; float:left; margin-top:25px; padding-bottom:20px; text-align: center;} .vall a { border-width:1px; border-style:solid; padding:4px 7px; font-size:12px; border-radius:3px; } .mobile .cs-inner-left ul li { width:100%; padding-right:0; } .category-level-1 .columns { float: left; } .pixiedust.category-level-1 .filter-wrap .keyword-block, .pixiedust.category-level-1 #narrow-by-list .filter-options-item { display:none; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list #elastid_attr_1211_s.filter-options-item { display:block; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list #elastid_attr_1211_s .filter-options-title { display:none; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list #elastid_attr_1211_s .filter-options-content { display:block !important; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list .filter-options-content { padding:0; background:none; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list li a:before { display:none; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list li a { padding-left:10px; } .pixiedust.category-level-1 .filter-wrap #narrow-by-list li a:hover { background:#f6f8fa; } .category-level-1 .pixie-toolbar, .category-level-1 .category-products.products-list { display:none; } @media screen and (max-width:1350px) { .subcat-top-name { padding:0; box-sizing: border-box; } body.category-level-1.page-products .breadcrumbs { padding:0 15px; display: block; } body.category-level-1.page-products .subcat-top-name { padding:0 15px; } body.pixiedust .page-bottom .container-collection, body.pixiedust .page-bottom .cat-bottom { box-sizing: border-box; padding:0 20px; } } @media screen and (max-width:767px) { body.pixiedust .page-bottom .container-collection, body.pixiedust .page-bottom .cat-bottom { padding:0; } body.category-level-1.page-products .breadcrumbs { padding:0; } body.category-level-1.page-products .subcat-top-name { padding:0; } } /* CATEGORY SUBSUB (2) */ body .category-sub { background:#f5f5f5; position: relative; } body .category-sub:before { content:''; width: calc(calc(100vw - 100%) / 2) !important; height:100%; left: calc(0px - calc(calc(100vw - 100%) / 2)) !important; background:#f5f5f5; position: absolute; z-index: -1; } body .category-sub:after { content:''; width: calc(calc(100vw - 100%) / 2) !important; height:100%; right: calc(0px - calc(calc(100vw - 100%) / 2)) !important; background:#f5f5f5; position: absolute; z-index: -1; } .cs-inner-wide { width:100%; float:left; margin:35px 0; position: relative; } .cs-inner-wide h1 { font-weight:normal; display:block; border-bottom:1px solid #b3b3b3; padding:15px 0; margin-bottom:25px; } /*.cs-inner-wide ul { display:grid; row-gap:35px; column-gap:35px; grid-template-columns:repeat(6, minmax(0, 1fr)); margin:0; }*/ .cs-inner-wide ul li { width:100%; box-sizing: border-box; text-align: center; background:#fff; border-radius:12px; position:relative; overflow:hidden; transition: all 200ms ease; box-shadow: 0 0 12px -8px #000; margin-bottom:0; } .cs-inner-wide ul { display:flex; justify-content: center; row-gap:35px; column-gap:35px; margin:0 auto; flex-wrap:wrap; } .cs-inner-wide ul li { width:202px; } .cs-inner-wide ul li img { width:100%; height:auto; transition:all 300ms ease; max-width:164px; margin:15px auto auto; } .cs-inner-wide ul li:hover img { } .cs-inner-wide ul li a { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .cs-inner-wide ul li span.label { padding:15px; display:block; font-weight: bold; font-size: 14px; text-align: left; line-height: 1.2; } .cs-inner-wide ul li span:hover { text-decoration:none; } .cs-inner-wide ul li span.counts { display: block; font-weight: normal; color:#666666; font-size: 12px; margin-top:5px; } .cs-inner-wide ul li span:hover .counts { text-decoration: none; } .cs-inner-wide .off-canv { height: calc(100% - 30px); } .cs-inner-wide .off-canv .slick-arrow { position:absolute; top: 50%; right:0; transform: translate(0,-50%) rotate(180deg); border-radius: 50%; overflow:hidden; opacity:1; } .cs-inner-wide .off-canv .pm-prev.slick-arrow { transform: translate(0,-50%) rotate(0deg); left:0px; right:auto; } .cs-inner-wide .off-canv .slick-disabled { opacity:0; } .cs-inner-wide ul.slick-initialized { display:block; } .cs-inner-wide ul.slick-initialized li { margin: 0 10px; opacity: 0.4; height: inherit; } .cs-inner-wide ul.slick-initialized li.slick-active { opacity: 1; } .cs-inner-wide .slick-list { overflow:visible; } .cs-inner-wide .slick-track { display:flex; } .cs-inner-wide .slider-controls { width:100%; } .scrolly { width: 100%; background: #fff; float: left; height: 10px; position: relative; margin-top: 30px; } .scrolly span.scroll-prev { height: 8px; position: absolute; left: 0; top: 0; z-index: 950; cursor: pointer; } .scrolly span.scrolly-item { transition: left 200ms ease; height: 8px; border:1px solid #fff; position: absolute; left: 0; top: 50%; transform:translate(0,-50%); background: #000; border-radius: 12px; z-index: 999; } .scrolly span.scroll-next { height: 8px; position: absolute; left: 0; top: 0; width: 100%; z-index: 800; cursor: pointer; } .clear-showmore { display:block; width:100%; } .clear-showmore .showmore { display: inline-flex; align-items: center; cursor: pointer; } .clear-showmore .showmore svg { width:25px; margin-bottom:-2px; margin-left: 4px; transform:rotate(90deg); transition: all 200ms ease; } .clear-showmore .showmore.orange, body.pixiedust .clear-showmore .showmore.orange b, body .pm-cat-image .banner-content .clear-showmore .showmore.orange { color:var(--cta-primary-7) !important; } .clear-showmore .showmore.orange svg#Layer_2 { fill:var(--cta-primary-7); } @media screen and (min-width:1200px) { .clear-showmore .showmore:hover svg { transform: rotate(45deg);} } @media screen and (max-width:1199px) { .clear-showmore .showmore svg { width: 25px; margin-bottom: -1px; } .category-level-1 .subcat-page-main, .category-level-2 .subcat-page-main { display:flex; overflow:hidden; } } @media screen and (max-width:1199px) and (min-width:768px) { .cs-inner-wide { margin-left: -25px; width: calc(100% + 50px); } } @keyframes pulse { 0% {transform: scale(0.95) rotate(-3deg); margin-right: 10px;} 60% {transform: scale(1) rotate(0deg); margin-right: 20px; } 100% {transform: scale(0.95) rotate(-3deg); margin-right: 10px; } } @media screen and (min-width: 1040px) { .cs-inner-wide ul li:hover { box-shadow: 0px 3px 6px rgba(249, 121, 16, 0.2); } } /* @media screen and (max-width: 1040px) { .cs-inner-wide { margin-left:calc(0px - calc(calc(100vw - 100%) / 2)) !important; width: 100vw; position:relative; } .cs-inner-wide:before { content:''; width: 25px; height:100%; z-index: 9; position:absolute; top:0; left: 0; background:linear-gradient(to right,#f5f5f5,transparent); } .cs-inner-wide:after { content:''; width: 25px; height:100%; z-index: 9; position:absolute; top:0; right: 0; background:linear-gradient(to left,#f5f5f5,transparent); } .cs-inner-wide ul { display: grid; justify-content: flex-start; row-gap: 0px; column-gap: 0px; margin: 0; grid-auto-flow: row; grid-template-columns: unset; grid-template-rows: unset; overflow: scroll; grid-auto-flow: column; scroll-snap-type: x mandatory;overscroll-behavior-x: contain; padding-bottom: 30px; overflow-y:hidden; } .cs-inner-wide ul li { width:158px; margin: 10px 14px; scroll-snap-align: center; } .cs-inner-wide ul::-webkit-scrollbar { width: 10px; box-sizing:border-box; border-left: 10px solid #f5f5f5; border-right: 10px solid #f5f5f5; } .cs-inner-wide ul::-webkit-scrollbar-track { background: #fff; } .cs-inner-wide ul::-webkit-scrollbar-thumb { background-color: #333; border-radius: 20px; border:4px solid #fff; } } */ /* CATEGORY SUBSUB (2) */ .feat-page-items { width:100%; } .feat-page-items ul li {display: inline-block; position:relative; width:15.6%; margin:1%; margin-left: 0%; margin-top: 0%; text-align:center; float:left; min-height:187px; border:1px solid #b3b3b3; } .feat-page-items ul li a {width: 100%} .feat-page-items ul li { min-height:0; } .feat-page-items img { max-width:100%; height: auto; padding-top:27%; padding-bottom:27%; } .feat-page-items ul li { min-height:0; margin:1% 1% 2%; width:14.5%; } .feat-page-items img { max-width:100%; height: auto; padding-top:27%; padding-bottom:27%; } .touch .feat-page-items ul li { width:23%; } .mobile .feat-page-items ul li { width:47.5%; } .feat-page-items ul li:hover span.text-content { opacity: 1;} .feat-page-items ul li { overflow: hidden; } .text-content span { height:100%; width:100%; top:43%; text-align:center; } /*.text-content span { display: table-cell; text-align: center; vertical-align: middle; }*/ /*.text-content span { height:100%; width:100%; top:43%; text-align:center; }*/ .text-content span h3 { color:white; padding-top:38%; } .text-content { background: rgba(0,0,0,0.80); color: white; cursor: pointer; height: 500px; left: 0; position: absolute; top: 0; width:100%; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; max-height:1000px; } .mobile .text-content { background: rgba(0,0,0,0.80); color: white; cursor: pointer; display: table; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } /* COUNTER BLOCK */ .cswitch { width:100%; float:left; padding-top:9px; } .cswitch span { float:left; } .switchgraphic { background:url(../images/counter-off.png) no-repeat center; padding:5px 9px 0; width:42px; height:17px; display:none !important; } span.cs-normal { color:#fff; border:1px solid #F97910; padding:9px; background:#F97910 url(../images/update/NETT-Shopmode-Whitex1.png) no-repeat center left 9px / 16px; padding-left: 30px; margin-right: 10px;} span.cs-counter { color:#9a9a9a; border:1px solid #cbcbcb; padding:9px; } .cs-normal { cursor:auto !important; } .ccmodacitve .cs-normal { cursor:pointer !important; } .ccmodacitve .cs-counter { cursor:auto !important; } .ccmodacitve .switchgraphic { background:url(../images/counter-on.png) no-repeat center; } .ccmodacitve span.cs-normal { color:#9a9a9a; border:1px solid #cbcbcb; padding:9px; background:#fff; } .ccmodacitve span.cs-counter { color:#fff; border:1px solid #F97910; padding:9px; background:#F97910 url(../images/update/NETT-Shopmode-Whitex1.png) no-repeat center left 9px / 16px; padding-left: 30px; } .cs-switch { cursor:pointer; } /* PRODUCT PAGE */ .catalog-product-view .breadcrumbs { padding:0 0 10px;width:100%; float:left; } .mobile .breadcrumbs { text-align:center; } .pm-product-wrap { width:100%; float:left; margin-bottom:25px; } .pm-media-col { width:49%; padding-right:1%; float:left; } .pm-detail-col { width:49%;padding-left:1%; float:left; } .pm-confbuy { width:100%; float:left; } .pm-product-wrap .offerpop { display:none; } .name-wrap { width:100%; float:left; } .name-wrap.hasicons h1 { width:75%; float:left; } .name-wrap.hasicons .nameicon { width:25%; float: right; } .name-wrap.hasicons .nameicon img { max-width: 100px; width:100%; padding-top: 0px; margin-top: 5px; } .product-view .product-img-box .product-image img { width:100%; height:auto; } .namensku { width:80%; float:left; } .namensku .super-orange { color:#F97910; } .nameicon { width:20%; float:left; text-align:right; } .nameicon .icons-left { width:100%; padding:0; } .pm-detail-col .product-name { width:100%; float:left; } .pm-detail-col .product-name h1 { font-weight: bold; } .pm-detail-col .product-name h2 { font-size: 24px; } .pm-detail-col .product-name h2 strong { float:left; } .pm-detail-col .product-name h2 .part-reference { float:left; position: relative; } .pm-detail-col .product-name h2 .part-reference span.alias-switch { position: relative;} .pm-detail-col .product-name h2 .part-reference span.alias-switch:before { content:''; position: absolute; top:2px; left:10px; width:1px; height:15px; background:#acacac; } .pm-detail-col .product-name h1 .orange { color: #F97910; font-weight: normal; font-size: 24px; } .pm-detail-col .product-name h1 .orange.super-orange {color:#F97910;font-weight:bold} .pm-divider { width:100%; float:left; padding:25px 0 15px; } .pm-desc { width:100%; float:left; padding-top:10px; } .suitable { font-weight:bold; float:left; background:#fff; border:1px solid #cbcbcb; color:#000; border-radius:0px; padding:10px 15px; cursor:pointer; box-sizing: border-box; width:48%; text-align: center; margin-right: 4%; text-decoration:underline; } .viewspec { font-weight:bold; text-decoration:underline; cursor:pointer; display:block; margin-top:10px; } @media screen and (max-width:850px) and (min-width:768px) { .pm-divider .suitable, .pm-divider .oempart { width:100%; margin:0 0 10px; } } .skuweight { width:100%; float:left; } .skuweight h2 { float:left; } .skuweight .pm-weight { float:left; position: relative; margin:3px 0 0 20px; padding-left:20px; } .skuweight .pm-weight:before { content:''; position: absolute; left:0; width:1px; height: 15px; top:9px; background:#acacac; } .pm-detail-col .stock-wrap { width:100%; float:left; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; min-height: 46px; display: block; margin: 10px 0 15px; } .pm-detail-col .stock-indicator { display:inline-block; float:left; /*width:100%; float:left; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; min-height: 45px; display: block; margin: 10px 0 15px;*/ } .pm-detail-col .stock-wrap .instdays { float:left; padding:12px 0 12px 5px; } .pm-detail-col .pm-wrapem { width:100%; float:left; clear: both; } .pm-detail-col .stock-indicator .inst { width:100%; background:url(../images/update/InStock-Greenx2.png) no-repeat center left / 23px; float:left; padding:12px 0 12px 29px; text-align: right; } .pm-detail-col .stock-indicator .inst.longerlead.revisedlongerlead { background-image:url(../images/update/InStock-Orangex2.png); } .pm-detail-col .stock-indicator .oos { width:100%; float:left; padding:12px 0; text-align: right; } .catalog-category-view .col1-layout .breadcrumbs { padding:0 0 10px; } .product-view-dealer .pm-detail-col .stock-indicator .inst, .product-view-dealer .pm-detail-col .stock-indicator .oos { text-align: left; float:left; width:auto; display:inline-block; } .product-view-dealer .pm-detail-col .stock-indicator .green { padding:12px 0 12px 4px; float:left; } .product-view-dealer .pm-detail-col .stock-trigger { text-align: right; width:auto; float:right; padding:8px 0;} .pm-detail-col .c-price { font-size:42px; } .pm-detail-col .price.pm-price-display { width:100%; min-height: 86px; display: block; } .part-reference .add-alias { font-size:14px; font-weight: bold; background:url(../images/update/Add-blackx2.png) no-repeat center left 26px / 11px; padding-left:40px; margin-left: 10px; text-decoration:underline; cursor:pointer; } .part-reference .has-alias { font-size:14px; font-weight: bold; background:url(../images/alias_icon2.jpg) no-repeat center left 22px; padding-left:41px; background-size: 12px; color: #cb0000; margin-left: 10px; } .edit-alias { text-decoration:underline;cursor:pointer; font-weight: bold; } .list-left .part-reference .add-alias { margin-left: 0; font-size:14px; font-weight: bold; padding-left:0px; background-size: 10px; background: none; } .list-left .part-reference .has-alias { margin-left: 0; font-size:14px; font-weight: bold; padding-left:0px; background:none; } #idform { width:100%; padding-top:10px; } #idform .incomplete { border-color:#cb0000; } #idform input { padding:5px; border:1px solid #ccc; border-radius:2px; width:100%; box-sizing:border-box; margin-bottom:10px; } #idform button { border:1px solid #007b83; color: #007b83; background:#fff; padding:3px 6px 4px; margin-right:5px; border-radius:3px; font-weight:bold; transition:all 200ms ease; } #idform button:hover { background:#007b83; color:#fff; } #idform button#deleteit { border-color:#cb0000; color:#cb0000; } #idform button#deleteit:hover { background:#cb0000; color:#fff !important; } #idform button span { } .customer-account-partreferences ul.messages { margin-top:15px !important; margin-bottom:-5px !important; } .box-account .ajaxadd-partref-wrap { padding:20px 0 0; background:none; } .box-account .ajaxadd_controls span { width:auto; } .box-account .ajaxadd_controls span.notcleared { padding:1px 5px 0 20px !important; } .box-account .ajax_manual_box { width:100%; } .box-account .ajax_manual_line_left { width:30%; } .box-account .ajax_manual_line_right { width:30%; } .box-account .ajax_manual_line_response { width:40%; text-align:center; } .box-account .ajax_manual_line_response span { float:none; } .box-account .ajaxadd-wrap span { width:auto; padding:0; } .refdelete,.refupdate { cursor:pointer; } .box-account #ajax_manual { padding: 10px 0 10px 80px; } .box-account #ajax_copy { padding:10px 0 10px 64px; } button.btn-partref { padding:5px 8px 0 !important; transition:all 200ms ease; } button.btn-partref:hover { background:#F97910 !important; color:#fff !important; } button.btn-partref:hover span { color:#fff; } .box-account .notcleared { padding:1px 5px 0 20px !important; } .oempart { font-weight:bold; float:left; background:#fff; border:1px solid #cbcbcb; color:#000; border-radius:0px; padding:10px 15px; cursor:pointer; box-sizing: border-box; width:48%; text-align: center; text-decoration:underline; } .stock-trigger { width:100%; float:left; } .stockcheck { font-weight:bold; padding:5px 0px 5px 32px; text-decoration: underline; cursor:pointer; background:url(../images/update/StockLevels-Blackx2.png) no-repeat 5px center / 20px; float:right; } #product_addtocart_form .add-to-cart { width:100%; float:left; text-align:right; } #product_addtocart_form .add-to-cart select { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:0 0 0 5px; height:48px; width:60px; display:inline-block; } .pm-confbuy .pm-addto { width:100%; float:left; text-align:right; background:#f6f8fa; box-sizing: border-box; padding:30px; margin-top: 25px; } .spendthresh { width:100%; box-sizing: border-box; background:url(../images/update/Delivery-blackx2.png) no-repeat center left / 36px; padding:20px 10px 20px 50px; color:#308935; font-size:16px; font-weight: 700; text-align: left; border-top:1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-top: 20px; float:left; } .pm-confbuy .pm-addto .product-addto-links { width:100%; float:left; padding-top: 22px; } .pm-confbuy .pm-addto .product-addto-links .wishlist { width:100%; } .pm-confbuy .pm-addto .product-addto-links .towishlist, .pm-confbuy .pm-addto .product-addto-links .wishlist button.action.split { width:auto; color:#000; background:url(../images/update/Add-to-favourites-starx2.png) no-repeat center left / 15px; padding: 0 0 0 22px; text-align: left; float:left; } .pm-confbuy .pm-addto button.action.toggle.change { float:left; } .pm-confbuy .pm-addto .product-addto-links .wishlist button:before, .wishlist.split.button > .action.split:before { display:none; } .pm-confbuy .pm-addto .product-addto-links span { text-transform: none !important; text-align: left; width:100%; font-weight: bold; letter-spacing: 0.1px; } .pm-confbuy .pm-addto .product-addto-links .towishlist a { width:100%; text-align: left; } .pixiedust .wishlist.split.button .action.toggle:after { color:#000; } #product_addtocart_form .add-to-cart button.button { float:none; } #product_addtocart_form .add-to-cart input, #product_addtocart_form .add-to-cart select { float:none; color:#333; } .pm-weight { font-weight:bold; color:#000; float:right; padding:6px 0 4px; } .pm-confbuy .pm-price-display { width:100%; text-align:right; float:left; } .listlabel { font-weight:normal; } .nettdisp { cursor:pointer; } .nettlink { font-weight:bold; background:url(../images/nett_up.jpg) no-repeat center right; padding-right:13px; padding-bottom:0px; cursor:pointer; color:#999; font-size:14px; } .nettdispshown .nettlink { background:none; padding-right:0; } .nettpricehide { padding-left:2px; color:#999; background:rgba(0, 0, 0, 0) url("../images/nett_over.jpg") no-repeat scroll right center; padding-bottom:0px; padding-right:12px; font-size:14px; } .pm-confbuy .stock-indicator { width:100%; float:left; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:15px 0 5px; margin:15px 0; text-align:right; text-transform:uppercase; } .add-to-favourites { width:100%; float:right; margin-top:25px; } .add-to-favourites a { text-transform:uppercase; background:url(../images/add-to-favourites.png) no-repeat center left; padding:6px 0 5px 30px; } .add-to-favourites a:hover { text-decoration:underline; } .touch .pm-confbuy .pm-price-display { padding-top:7px; } .tablet .pm-confbuy .stock-indicator { } .tablet .pm-confbuy .pm-addto { text-align:right; } .tablet .pm-confbuy .pm-addto input, .tablet .pm-confbuy .pm-addto select, .tablet .pm-confbuy .pm-addto button { float:none; display:inline; } .pm-controller { width:100%; float:left; padding:4px 0 0; } .onpage-pm-controller .pm-controller { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } .catalog-product-view .pm-navblock { margin-top: 0; padding-top: 20px; } .stickyproduct-pm .pm-controller { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } .makemodelsearch-index-index .pm-controller-inner { display:none; } .pm-controller-inner { width:1350px; margin:auto; position:relative; } .small-desktop .pm-controller-inner, .touch .pm-controller-inner { width:96%; padding:0 2%; } .pm-navblock { background:#f6f8fa; width:100%; float:left; margin-top: 15px; padding-top: 30px; } .pm-navblock.makemodelcontent-present { background: transparent; padding-top: 0; margin-top: 5px; } .block.block-tractor-filter.mm-block-filter.makemodelcontent-present-wrapper { padding-top: 10px; padding-bottom: 10px; } .pm-navblock h3 { text-align: center; } .pm-nav-inner { width:100%; max-width:1350px; margin:auto; text-align:left; } .small-desktop .pm-nav-inner, .touch .pm-nav-inner { width:100%; padding:0; } .pm-pnav { margin:0 ; padding:0; float:left; position:relative; text-align: center; width:100%; } .pm-pnav li { border-bottom:3px solid #ffff; display:inline-block; padding:10px 0px; margin:0 20px; cursor:pointer; font-size: 16px; font-weight: bold; position: relative; } .pm-pnav li:after { background:#acacac; position: absolute; content:''; width:1px; height:21px; right:-23px; top:11px; } .pm-pnav li:last-of-type:after { display:none; } .small-desktop .pm-pnav { } /*.makemodelcontent-present-wrapper h1.mmsearchtitle { text-align: center; }*/ /*body.makemodelsearch-index-index .block-content.loaderactive { position:relative; }*/ /*body.makemodelsearch-index-index .block-content.loaderactive:before { content: ""; z-index:9999; background-image:url(../images/loader-1.gif); background-repeat: no-repeat; background-position: center center; position:absolute; width:40px; height:40px; background-size: 40px; left: 50%; transform: translateX(-50%); }*/ @media(min-width: 861px) { /*body .makemodelcontent-present-wrapper .advanced-search-in { float: left; text-align: center; }*/ /*body .block-tractor-filter.makemodelcontent-present-wrapper .block-content div.chosen-container, body .block-tractor-filter.makemodelcontent-present-wrapper .block-content div.chosen-container, body .block-tractor-filter.makemodelcontent-present-wrapper .control-buttons { display: inline-block; text-align: left; float: initial; }*/ /*.block-tractor-filter.makemodelcontent-present-wrapper .dummy-hold { display: inline-block; width: 74%; }*/ /*body .makemodelcontent-present-wrapper .advanced-search-in { display: flex; justify-content: center; visibility: hidden; }*/ /*!*body .block-tractor-filter.makemodelcontent-present-wrapper .block-content div.chosen-container, body .block-tractor-filter.makemodelcontent-present-wrapper .block-content div.chosen-container, body .block-tractor-filter.makemodelcontent-present-wrapper .control-buttons { display: inline-block; text-align: left; float: initial; }*!*/ /*.block-tractor-filter.makemodelcontent-present-wrapper .dummy-hold { width: 74%; }*/ } .loading-loading { width:100%; height:100%; min-height: 200px; background:#FA0A0D url(../images/ellipsis.gif) no-repeat center; } .mobile-nav { display:none; width:100%; text-align:center; border:1px solid #cbcbcb; border-left: 0; border-right: 0; border-bottom:0; background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:10px 10px 9px; float:left; font-weight:bold; font-size:16px; } #mobile_catalogue.mobile-nav { border-bottom: 1px solid #cbcbcb; } #mobile_catalogue.mobile-nav.active { border-bottom: 0; } .pm-nav-inner .active { background:#dadada; border-bottom:0; } .touch .pm-navblock { width:100%; margin:0; border:none; border-bottom:0; } .touch .pm-controller { border: 0; } .mobile-nav span { border-bottom: 3px solid #F97910; color:#F97910; padding-bottom: 7px; } .pm-pnav li.active { border-color:#F97910; color:#F97910; } .pm-prod-cont { width:100%; margin:auto; padding: 25px 0; min-height:300px; text-align:left; float:left; } .pm-prod-cont .pm-prod-holder { width:1350px; margin: auto; } .pm-prod-cont .related-slider { background:none !important; width:100%; float:left; } .pm-prod-cont .related-slider .pmitem { width:280px; margin: 0 10px; } .pm-prod-cont .slick-disabled, .pm-prod-cont .slick-disabled:hover { cursor:default; opacity:0.5; background-color:#c9c9c9; } body.pixiedust h4.tabtitle, body.pixiedust h3.tabtitle { font-size:30px; font-weight: bold; margin: 20px 0 35px; border:none; text-align: left; } #target_comparison h4.tabtitle { background:url(../images/update/Comparison-Tablex2.png) no-repeat center left / 24px; padding-left:34px;} #target_specification h3.tabtitle { background:url(../images/update/Specifications-gearx2.png) no-repeat left top 3px / 24px; padding-left:34px;} #target_suitable h3.tabtitle { background:url(../images/update/SuitableForx2.png) no-repeat left top 3px / 24px; padding-left:34px;} #target_part h3.tabtitle { background:url(../images/update/OEM-PartNumbersx2.png) no-repeat left top 3px / 24px; padding-left:34px;} #target_catalogue h3.tabtitle { background:url(../images/update/Catalogue-Pagesx2.png) no-repeat left top 0px / 24px; padding-left:34px;} .tabshorty { width:100%; margin:0 0 20px; float:left; } .pm-prod-cont h3 { border-bottom:1px solid #c9c9c9; padding:0 0 10px; margin-bottom:20px; font-size:24px; font-weight:normal; line-height:27px; padding-left:0px; } .pm-half { width:47%; padding-right:3%; float:left; } .pm-table { width:100%;border-bottom:0; float:left; margin-bottom:30px; } .pm-table-row { width:100%; float:left; border-bottom:1px solid #cbcbcb; display: flex; } .pm-tr-left { width:35%; padding:10px 15px; float:left; font-weight:bold; border-right:0; background:#fff; } .pm-tr-right { width:65%; border-left:0; padding:10px 15px; background:#f6f8fa; float:left; word-wrap: break-word; } .pm-half h3 { text-align: left; } .doc-row { width:100%; float:left; border-bottom:1px solid #c9c9c9; padding:10px 0; } .doc-name { width:100%; float:left; margin:0 0 10px; font-weight: bold; } .doc-link { background:url(../images/dl-pdf.png) no-repeat center left; padding:0 0 0 30px; width:100%; box-sizing: border-box; float:left; } .doc-link a { text-decoration:underline; } .mmvialink { text-decoration:underline !important; } .mobile .pm-tr-left { width:50%; } .mobile .pm-tr-right { width:50%; } .mobile .pm-half { width:100%; padding-right:0; } .qg-title { background:#DB114A !important; text-align:center; padding:2px 0; color:#fff; font-size:16px; } .qb-table { width:100%; float:right; border-bottom:1px solid #cbcbcb; } .qb-row { width:100%; float:left; border:1px solid #cbcbcb; border-bottom:none; background:#fff; text-align:center; font-size:14px; } .qg-left { width:35%; padding:5px; float:left; } .qb-right { width:65%; border-left:1px solid #cbcbcb; padding:5px; float:left; color:#DB114A; } .rrpdesp { width:100%; padding:0; font-size:14px; float:left; font-weight: normal;} .pm-confbuy .sp-price, .pm-confbuy span.c-price { font-size:26px; } .pm-confbuy .bdark { color:#333333; } #stockpop, .popup-box { width:100%; position:relative; z-index:999; } #stockpop.catalogue-viewer-box { } .fade-up.catpopup { z-index: 99999; } .fade-up.catpopup #frameox { width:100% !important; } #stock-volumes, #popup_box { width:100%; margin:0px auto; background:#fff; padding:0px; border-radius:3px; position:relative; text-align:left; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } #stock-volumes .stock-header, #stock-volumes #stockcontent p { box-sizing: border-box; padding: 0 15px; } .stockoutwrapper .login-lower-block p { padding:0 0 10px !important; } .img-boxer { width:auto; width:40% !important; } .img-boxer img { width:100%; height:auto; } .pim-gallery .product-img img { height:auto; margin: 0 auto; max-height: 550px; width:auto; } .modal-popup.imggallery .modal-inner-wrap { max-width:800px; min-width: 800px; } .modal-popup.imggallery .modal-inner-wrap .modal-title { border-bottom:0; } .modal-popup.imggallery .modal-inner-wrap .pim-left-arrow, .modal-popup.imggallery .modal-inner-wrap .pim-right-arrow { margin-top:-25px;} .small-desktop .img-boxer, .touch .img-boxer { width:70% !important; } .stock-header h4 , #popup_box .popup-box-header h4 { font-size:16px; } #popup-box-content .saved-cart{padding: 15px 0px 15px 0px; text-decoration: none;} #popup-box-content select { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding: 5px; margin-bottom:15px; background-color: #ffffff; } .close-btn { position:absolute; top:15px; right:15px; width:11px; height:14px; background:url("../images/popclose.png") no-repeat scroll center center; display:block; font-size:0; cursor:pointer; } #frameox .catclose-btn { font-size:14px; top:9px; font-weight:bold; text-decoration:none; width:auto; background:none; } .close-left { left:10px !important; right:auto !important; } #frameox .catclose-btn span { color:#cb0000; border:1px solid #cb0000; transition:200ms ease; border-radius:3px; padding:5px 4px; text-transform:uppercase; font-size:12px; } #frameox .catclose-btn:hover span { color:#fff; background:#cb0000; } .glc-popup-content a.close { width:11px; height:14px; background:url("../images/popclose.png") no-repeat scroll center center; display:block; font-size:0; } #stockcontent p { margin:0; padding:0; } #stockcontent .login-lower-block { padding:15px 15px 10px; text-align:left; margin-top:15px; } #stockcontent .action-btns { float:left; margin-top:20px; } .pm-confbuy .icons-left { width:100%; text-align:right; } #popup-box-content p { margin:0; padding:0; } #popup-box-content .login-lower-block { padding:15px 15px 32px; text-align:left; margin-top:15px; } #popup-box-content .action-btns { float:left; margin-top:20px; } .pm-confbuy .icons-left img { padding-top:0px; } button#product-addtocart-button { border:0; color:#fff; font-size:14px; font-weight:bold; background:#333; height:48px; width:100%; padding: 17px 24px; box-sizing: border-box; border-radius: 25px !important; } button#product-addtocart-button:hover { background-color:#F97910; } button#product-addtocart-button.loader { background-image:url(../images/ajax-loader-product-page-46x29.gif); } button#product-addtocart-button span { height:auto; line-height:auto; display:inline; color:#fff; background:url(../images/checkout/basket_icon_white.png) no-repeat center left 0px / 17px; padding:5px 0 5px 23px; } .add-to-cart-qty { width:28%; margin-right: 7%; float:left; border:1px solid #cbcbcb; box-sizing: border-box; } .add-to-cart-button { width:65%; float: left; } .add-to-cart-qty #qty-error.mage-error { position: absolute; } .addtochooser { width:100%; float:left; } .addtoco { width:33.33%; background:#fff; text-align: center; float:left; position:relative; height:46px; display: inline-block; cursor:pointer; } .addto-input { width:33.33%; float:left; box-sizing: border-box; border-left:1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } .add-to-cart-qty .addtochooser .addto-input input#qty { width:100% !important; height: 46px; border:none; background:#fff; } .addtoco span { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; background:url(../images/update/Qty-plusx2.png) no-repeat center / 15px; font-size: 0; width:100%; height: 46px; } .addtoco.addto-down span { background:url(../images/update/Qty-minus-blackx2.png) no-repeat center / 15px; } .add-to-cart .add-to-cart-qty select#qty { width:100%; border:none; margin:0; box-sizing: border-box; padding-left:10px; background-color: #fff !important; } button.add-to-enquiry-link { border:1px solid #F97910; color:#F97910; font-size:14px; text-transform:uppercase; font-weight:bold; height:40px; padding:0 8px 2px 8px; background:none; border-radius:3px; } .add-to-cart input#qty { text-align:center; height:40px; padding-bottom:8px; width:40px !important; } .pm-addto #qty { margin-right:10px; } #target_catalogue { position:relative; } .more-views li { width:10%; height:auto; } .small-tablet .more-views ul, .mobile .more-views ul { text-align:center; margin-left:-10px; } .small-tablet .more-views li, .mobile .more-views li { width:14%; } .more-views li a { width:100% !important; height:auto !important; } .more-views li img { width:100%; height:auto !important; } /* RELATED UPSELL */ .relatedcrosswrap { max-width:1350px; margin:auto; width:1350px; } .relcro { width:48%; float:left; } .relcro.relright { margin-left: 2%; width:50%; box-sizing: border-box; padding-left: 17px;} .relatedcrosswrap.relatedcross-nobundle .relcro.relright { margin-left:4%; padding-left: 0; width:48%; } .slider-controls { width:auto; text-align: center; display:inline-block; } .slider-controls .slide-m-dots { display:inline-block; width:auto; } .slider-controls .slide-m-dots ul { display:inline-block; } .slider-controls .slide-m-dots ul li { width:10px; height:10px; margin: 0 5px; padding: 0; } .slider-controls .slide-m-dots ul li button { border:none !important; width:10px; height:10px; padding:0; border-radius:50% !important; background:#8f8f8f; } .slider-controls .slide-m-dots ul li.slick-active button, .slider-controls .slide-m-dots ul li:hover button { background:#F97910; } .container-collection .slider-controls .pm-prev, .container-collection .slider-controls .pm-next { top:18px; } .widget-product-grid { display:none; } .widget-product-grid.slick-initialized { display: block; } .fbt-wrapper { width:100%; float:left; padding-bottom: 20px; } .fbt-item { width:100%; float:left; position: relative; border:1px solid #ececec; box-sizing: border-box; padding:10px; margin-bottom: 39px; } .fbt-item.fbt-final { margin-bottom: 17px; } .fbt-item:before { content:''; background:url(../images/update/Plus-Greyx2.png) no-repeat center / 11px; position: absolute; left:50%; top: -34px; transform: translate(-50%,0); height:30px; width:30px; } .fbt-item.fbt_1:before { display: none; } .ticker { width:4%; float:left; min-height: 100px; position: relative; } .ticker input { position: absolute; top:50%; left:5px; transform: translate(-50%,0); -webkit-appearance:none; background:#ccc url(../images/update/Checkmark-whitex2.png) no-repeat center / 55%; width:17px; height:17px; border-radius: 50%; cursor: pointer; } .ticker input:checked { background-color:#F97910; } .imgbl { width: 20%; float:left; } .imgbl img { width:100%; } .mainside { width:76%; float:left; box-sizing: border-box; padding-left:6px;} .name-n-con { width:100%; float:left; min-height: 60px; } .totland { float:left; padding-top: 10px; } .totland span { font-size: 18px; font-weight: bold; padding-left: 5px; } .addbundle.button { background:#F97910; border-color:#F97910; height:40px; padding:10px 20px; float:right; } .addbundle.button:hover { background:#F97910; border-color:#F97910; } .addbundle.button span { color:#fff; background:url("../images/checkout/basket_icon_white.png") no-repeat scroll center left / 20px; line-height: 20px; padding-left:27px; } body.sparexcgrid_gst .ticker { display:none; } body.sparexcgrid_gst .imgbl { width:24%; } .name-n-con .left { float:left; width:76%; text-align: left; } .name-n-con .right { float:right; width:24%; } .name-n-con .right img { margin-left:10px; max-width: 85px; height: auto; } .stock-n-buy { width:100%; float:left; padding-top: 10px; } .stock-n-buy .left { width:30%; float:left; text-align: left; padding-top: 5px; } .stock-n-buy .left b, .stock-n-buy .left .green { display:none; } .stock-n-buy .right { width:50%; float:left !important; text-align: center; padding-top: 5px; } .stock-n-buy .right .pm-price-display { font-size: 0; } .stock-n-buy .right .pm-price-display * { display:none; } .stock-n-buy .right .pm-price-display .c-price, .stock-n-buy .right .pm-price-display .p-pack { display:inline-block; font-size:14px; } .c-price, .stock-n-buy .right .pm-price-display .p-pack { padding-left:5px; } .stock-n-buy .righter { width:20%; float: right; text-align: right; } .stock-n-buy .left .inst { background:url(../images/update/InStock-Greenx2.png) no-repeat center left / 15px; padding-left:20px; } .stock-n-buy .left .inst.longerlead.revisedlongerlead { background-image:url(../images/update/InStock-Orangex2.png); } .stock-n-buy .righter input, .stock-n-buy .righter select { padding:5px; } .relatedcrosswrap .instdays { display:none; } /* RECENTLY VIEWED */ .catalog-product-view .admin__data-grid-outer-wrap { width:100%; float: left; } .catalog-product-view .admin__data-grid-outer-wrap .admin__data-grid-loading-mask { display:none !important; } .recently-viewed-scroller { display:none; } .recently-viewed-scroller.return-recently { display:block; padding-top: 40px; background: #fff; float: left; width:100%; } @media screen and (min-width:1350px) { .fxheaderin .fade-up #stockpop { margin-top: 30px;} .helpop-box h4 { margin-top: 16px; } } @media screen and (max-width:1350px) { .pm-prod-cont .pm-prod-holder { width:100%; } .pm-prod-cont { width:100%; padding: 25px 15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; float:left; } .cswitch span { box-sizing:border-box; float:none; display:inline-block; margin:10px 5px; min-width:115px; } .pm-prod-cont.activetab { display:block; } .mobile-nav span { border-color:#fff; color:#000; text-decoration: underline; } .mobile-nav.active span { border-color:#F97910; color:#F97910; text-decoration: none; } .mobile-nav.active { background:#fff; } .mobile-nav:last-of-type { border-bottom:1px solid #cbcbcb !important; } .stickyproduct-pm { display:none; } .pm-pnav { display:none; } .pm-detail-col .product-name h2 strong { width:100%; } .pm-detail-col .product-name h2 .part-reference { width: 100%; } .pm-detail-col .product-name h2 .part-reference span.alias-switch:before { display:none; } .pm-detail-col .product-name h2 .part-reference .add-alias, .pm-detail-col .product-name h2 .part-reference span.alias-switch { padding-left:20px; margin-left: 0; background-position: center left; } .skuweight .pm-weight { width:100%; margin:0;padding-left: 0; } .skuweight .pm-weight:before { display:none; } .pm-controller { display:none; } .relatedcrosswrap { width:100%; box-sizing: border-box; padding:0 20px; } .relatedcrosswrap .relcro.relleft {} .relatedcrosswrap .relcro.relright { padding:0; width:48%; margin-left: 4%; } } @media screen and (max-width:1000px) { .pm-media-col { width:49%; padding:0; margin-right: 2%; } .pm-detail-col { width:49%; padding:0; float:right; } .pm-confbuy { width:100%; float:right; } .relatedcrosswrap .relcro.relleft { width:100%; margin-bottom: 20px; } .relatedcrosswrap .relcro.relright, .relatedcrosswrap.relatedcross-nobundle .relcro.relright { padding:0; width:100%; margin-left: 0%; } .modal-popup.imggallery .modal-inner-wrap { min-width: auto; max-width:90%; } } @media screen and (max-width:1000px) and (min-width:769px) { .suitable, .oempart { width:100%; margin:0 0 20px; } .pm-detail-col .stock-indicator { width:100%; } .pm-detail-col .stock-trigger { width:100% !important; } .pm-detail-col .stock-trigger span { float:left; width:100%; text-align: left; box-sizing: border-box; } } @media screen and (max-width:950px) { #mobile_comparison, #target_comparison { display:none !important; } #product_addtocart_form .add-to-cart .addtochooser .addtoco.addto-down, #product_addtocart_form .add-to-cart .addtochooser .addtoco.addto-up { display:none; } #product_addtocart_form .add-to-cart .addtochooser .addto-input { width:100%; border:0; } #product_addtocart_form .add-to-cart .add-to-cart-qty { width: 55px; margin-right: 20px; } #product_addtocart_form .add-to-cart .add-to-cart-button { width:calc(100% - 75px); } } @media screen and (max-width:767px) { .pm-media-col { width:100%; padding:0; margin:0 0 20px; } .pm-detail-col { width:100%; padding:0; float:right; } .pm-confbuy { width:100%; float:right; } .pm-half { width:100%; margin:0 0 20px; } .pm-spec.pm-half.pm-full.pm-splittablebox { margin-top:-50px; } .pm-detail-col .pm-divider { display:none; } .suitable, .oempart { display:none; } .product-name h1 { text-align:left; } .pm-weight { float:left; } .viewspec { display:none; } .pm-desc { text-align:left; } } @media screen and (max-width:720px) { .control-buttons { text-align: center !important; } } @media screen and (max-width:450px) { .suitable, .oempart { width:100%; margin:0 0 20px; } .pm-detail-col .stock-indicator { width:100%; } .pm-detail-col .stock-trigger { width:100% !important; } .pm-detail-col .stock-trigger span { float:left; width:100%; text-align: left; box-sizing: border-box; } } /* STICKY */ .stickyproduct-pm { width:100%; position: fixed; z-index: 999; height:153px; max-height: 153px; overflow: hidden; top:-154px; background:#fff; transition:all 350ms ease; } ._has-modal .stickyproduct-pm { z-index: 9; } .page-wrapper.wrapper.fixedheader { position: static; transform: none; } .page-wrapper.wrapper.fixedheader.inyoucome .stickyproduct-pm { top:0; box-shadow: 0 0 20px -4px #000; } .pm-fixed-product { width:1350px; margin:auto; max-height: 101px; position: relative; overflow: hidden; display: flex; align-items: center; } .pm-fixed-product .name { width:50%; box-sizing: border-box; padding-right: 10px; border-right:1px solid #acacac; float:left; text-align: left; margin:13px 0; height:75px; } .pm-fixed-product .name h1 { font-size: 18px; margin:0; font-weight: bold; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pm-fixed-product .price { width:22%; position: relative; overflow: hidden; text-overflow: ellipsis; float:left; min-height: 49px; box-sizing: border-box; padding-left:10px; margin:13px 0; text-align: left; } .pm-fixed-product .price .priecont { padding-top:1px; } .pm-fixed-product .price .price { width:100%; margin: 0; min-height: 0; font-size: 12px; } .pm-fixed-product .price .price .c-price { font-size:28px; } .pm-fixed-product .addtoc { width:28%; float:left; margin:13px 0; box-sizing: border-box; padding-left: 0px;} .pm-fixed-product .price .p-pack { display:none; } .pm-fixed-product .offerpop, .pm-fixed-product .offerdisp { display:none; } .pm-fixed-product .price .rrpdesp { font-size: 12px; } .pm-fixed-product .name-main-sti { width:100%; float:left; position: relative; overflow: hidden; height: 27px; padding-top: 5px; } .pm-fixed-product .offerpop.breakpop, .pm-fixed-product .qb-table { display:none; } .pm-fixed-product .subname { width:100%; float:left; } .pm-fixed-product .stisku { float:left; margin-right: 25px; } .pm-fixed-product .part-reference { display: none; } .pm-fixed-product .stock-indicator { float:left; } .pm-fixed-product .stock-indicator .inst { background:url(../images/update/InStock-Greenx2.png) no-repeat center left / 13px; padding-left:18px; } .pm-fixed-product .stock-indicator .inst.longerlead.revisedlongerlead { background-image:url(../images/update/InStock-Orangex2.png); } .pm-fixed-product .product-addto-links, .pm-fixed-product .tospend-wrap { display:none; } .stickyproduct-pm.guest-sticky .name { width:75%; } .stickyproduct-pm.guest-sticky .price { display:none; } .stickyproduct-pm.guest-sticky .addtoc { width:25%; box-sizing: border-box; padding-left: 15px;} .stickyproduct-pm.guest-sticky .addtoc button { transition:all 200ms ease; border:none; width:70%; margin-top: 0px; float: right;} .stickyproduct-pm.guest-sticky .addtoc button span { background:#F97910; color:#fff; width:100%; height:45px; text-align: center; padding:23px; box-sizing: border-box; border:none; transition:all 200ms ease; line-height: 0; font-weight: 600; } .stickyproduct-pm.guest-sticky .addtoc button:hover span { background:#F97910; } .pm-fixed-product .name-wrap.hasicons .nameicon img { margin-top: -3px; } .stickyproduct-pm .add-to-cart-qty { width:35%; margin-left: 0%; margin-right: 5%; } .stickyproduct-pm .add-to-cart-qty select#qty { height:46px; } .stickyproduct-pm .add-to-cart-button { width:60%; } .stickyproduct-pm .addtoc form { float:right; padding-top:0px; width:100%; } .stickyproduct-pm .addtoc form button.btn-cart.box-size { border:none; transition:all 200ms ease; width:100%; background:#F97910; height: 48px; } .stickyproduct-pm .addtoc form button.btn-cart.box-size span { background:url(../images/checkout/basket_icon_white.png) no-repeat left 0px top 14px / 20px; text-align: center; padding:23px 15px 23px 24px; box-sizing: border-box; border:none; transition:all 200ms ease; line-height: 0; font-weight: 600; color:#fff; display:inline-block;} .stickyproduct-pm .addtoc form button.btn-cart.box-size:hover { background:#F97910; } .stickyproduct-pm .addtoc form input#qty { width:47px !important; height: 47px; margin-right: 10px; } /* AJAX POPUPS */ .recentitembox { position:absolute; background:#fff; border-radius:3px; width:400px; top:90px; padding:15px; right:0; } .added-pop { width:600px; background:#fff; border-radius:3px; margin:25px auto; position:relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:15px; display:inline-block; } .added-pop .stock-header { border-bottom:1px solid #cbcbcb; width:100%; float:left; margin-bottom:20px; } .added-pop .stock-header h4 { float:left; } .added-pop .item-image { float:left; width:25%; } .added-pop .item-image a { width:auto; } .added-pop .item-image img { width:100%; height:auto; max-width:120px; float:left; } .added-pop .product-details-right { width:74%; padding-left:1%; text-align:left; float:left; } .added-pop .product-details-right span { font-weight:bold; text-transform:uppercase; } .added-pop .product-details-right .nextday { } .added-pop .product-details-right .stock-position { width:100%; float:left; margin-top:8px; } .added-pop .product-details-right .stock-position p { width:100%; float:left; margin:0 0 10px; font-weight:bold; } .added-pop .product-details-right .stock-position p.nextday strong, .cart-1 .stock-position p.short strong { color:#308935;text-transform:uppercase; } .added-pop .product-details-right .stock-position p.long strong { color:#F97910;text-transform:uppercase; } .added-pop .product-details-right .stock-position p.nextday { color:#007b83; } .added-pop .product-details-right .stock-position p.backorder { background:#ffeeda; padding:7px 9px; border-radius:3px; width:auto;text-transform:uppercase; } .added-pop .product-details-right .stock-position p.backorder strong { color:#cb0000; width:100%; float:left; } .added-pop.itemsbeingadded { top: 200px; left: 50%; transform: translateX(-50%); } .tablet .added-pop { width:60%; } .mobile .added-pop { width:90%; } /* CART PAGE */ .ajaxadd-outer { width:100%; float:left; } .ajaxadd-outer h4 { font-size:18px !important; display: block; margin:10px 0 15px; } .ajaxadd-wrap { width:100%; float:left; padding:0px; background:#f6f8fa; margin-bottom:25px; border:1px solid #c9c9c9; } .ajaxadd-wrap h2 { width:100%; float:left; margin-bottom:15px; } .ajaxadd_controls { width:100%; float:left; } .ajaxadd_controls span { display:inline; padding:13px 10px 14px; cursor:pointer; color:#ccc; } .ajaxadd_controls span.active { color:#000; } .small-tablet .ajaxadd_controls span, .mobile .ajaxadd_controls span { width:100%; float:left; margin-right:0; margin-bottom:20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } #ajax_manual { background:url(../images/svg/Keypad-Grey-RGB.svg) no-repeat center left 29px / 29px; padding-left:68px; float:left; width:50%; box-sizing: border-box; border-bottom:1px solid #c9c9c9; background-color:#fff;border-right:1px solid #c9c9c9; } #ajax_manual.active { background-image:url(../images/svg/Keypad-Black-RGB.svg); border-bottom: 0; background-color:transparent; } #ajax_copy { background:url(../images/svg/Receipt-Grey-RGB.svg) no-repeat center left 15px / 23px; padding-left:45px; float:left; width:50%; box-sizing: border-box;background-color:#fff; border-bottom: 1px solid #c9c9c9; } #ajax_copy.active { background-image:url(../images/svg/Receipt-Black-RGB.svg); border-bottom: 0; background-color:transparent; } .ajax_manual_box { width:100%; float:left; margin-top:25px; box-sizing: border-box; padding:0 30px 30px; } .small-tablet .ajax_manual_box, .mobile .ajax_manual_box { width:100%; margin-top:0; } .ajax_manual_table { width:100%; float:left; border-top:1px solid #c9c9c9; margin-bottom:15px; } .ajax_manual_line { width:100%; float:left; border:1px solid #c9c9c9; border-top:none; background:#fff; } .ajax_manual_line_left { width:35%; float:left; padding:5px 5px 10px; font-weight:bold; border-right:1px solid #c9c9c9; } .ajax_manual_line_right { width:20%; float:left; padding:5px 5px 10px; font-weight:bold; border-right:1px solid #c9c9c9; } .ajax_manual_line_response { width:45%; float:left; padding:7px 5px 8px; font-weight:bold; } .ajax_manual_table.ajax_label_line { border:none; background:none; margin-bottom: 0; } .ajax_manual_table.ajax_label_line * { border:none; background:none; } .ajax_manual_table.ajax_label_line .box-size { padding: 0 0 5px !important; } .ajax_manual_table.ajax_label_line label { font-size:12px; padding: 0 0 0 9px;} .desktop .taller .ajax_manual_line_left, .small-desktop .taller .ajax_manual_line_left, .tablet .taller .ajax_manual_line_left { padding-top:15px; height:60px; } .mobile .taller .ajax_manual_line_left { padding-top:5px; height:auto; } .desktop .taller .ajax_manual_line_right, .small-desktop .taller .ajax_manual_line_right, .tablet .taller .ajax_manual_line_right { padding-top:15px; height:60px; } .mobile .taller .ajax_manual_line_right { padding-top:5px; height:auto; } .small-desktop .ajax_manual_box,.tablet .ajax_manual_box { width:100%; } .tablet .ajax_manual_line_left { width:25%; } .tablet .ajax_manual_line_right { width:25%; } .tablet .ajax_manual_line_response { width:50%; } .ajax_manual_line input { border:none; background:#fff; width:100%; text-align:left; font-size:14px; font-weight:bold; vertical-align: middle; padding: 5px; height: auto; line-height: 0; box-sizing: border-box;} .ajax_manual_line input:focus { background:none; box-shadow: none; } .ajax_manual_line input::-webkit-input-placeholder {color:#fff;font-style:italic; font-weight:normal;} .ajax_manual_line input:-moz-placeholder { color:#fff;font-style:italic; font-weight:normal; } .ajax_manual_line input::-moz-placeholder { color:#fff;font-style:italic; font-weight:normal;} .ajax_manual_line input:-ms-input-placeholder { color:#fff;font-style:italic; font-weight:normal; } .ajax_manual_line input::placeholder { color:#fff; } .ajaxadd-wrap button span span { background:url("../images/list-view-add-to-cart-orange.png") no-repeat scroll left center; padding:5px 5px 5px 28px; float:left; line-height:18px; } .ajaxadd-wrap button { float:right; text-transform:uppercase; } .valid input { color:#007b83; } .nonvalid input { color:#cb0000; } .cleared { font-weight:normal; background:url(../images/check-icon.png) no-repeat center left; padding: 1px 5px 0 20px; margin-left:5px; } .notcleared { font-weight:normal; background:url(../images/warning-icon.png) no-repeat center left; padding: 1px 5px 0 20px; margin-left:5px; } .deleteline { color:#cb0000; font-weight:bold; cursor:pointer; text-decoation:underline; } .mobile .cleared, .mobile .notcleared { font-size:0; height:16px; display:block; margin-top:3px; background-position:center; padding:0 1px; } .mobile .ajax_manual_line_right { width:35%; } .mobile .ajax_manual_line_response { width:30%; } .ajax_copy_box { width:100%; float:left; margin-top:25px; box-sizing: border-box; padding:0 30px 30px;} .small-tablet .ajax_copy_box, .mobile .ajax_copy_box { width:100%; margin-top:0; } .ajax_copy_left { width: 55%; float:left; } .ajax_copy_white { width:100%; background:#fff; border: 1px solid #cbcbcb; padding:5px; } .ajax_copy_right { width: 45%; float:left; padding-left:20px; } .ajax_copy_left textarea { border:0; width:100%; height:130px; font-size:14px; padding:0; color:#333333; box-shadow: none !important; } .ajax_copy_left textarea:focus { background:#fff; } .copy-cart-line { width:100%; float:left; padding-top:20px; } .copy-cart-line button { float:right; } #ajax_cart_copy_validate span span, #ajax_go_back span span { background:none; padding-right:5px; } #ajax_go_back span span { padding-left:5px !important; } #ajax_go_back { float:left; } /* SAVEORDER ADD PRODUCT POPUP */ .saveorder-popup .ajax_manual_table { width:100%; float:left; border-top:1px solid #cbcbcb; margin-bottom:15px; } .saveorder-popup .ajax_manual_line { width:100%; float:left; border:1px solid #cbcbcb; border-top:none; background:#fff; } .saveorder-popup .ajax_manual_line_left { width:30%; float:left; padding:10px 5px 10px; font-weight:bold; border-right:1px solid #cbcbcb; } .saveorder-popup .ajax_manual_line_right { width:30%; float:left; padding:10px 5px 10px; font-weight:bold; border-right:1px solid #cbcbcb; } .saveorder-popup .ajax_manual_line_response { width:40%; float:left; padding:12px 5px 8px !important; font-weight:bold; } .desktop .taller .saveorder-popup .ajax_manual_line_left, .small-desktop .taller .saveorder-popup .ajax_manual_line_left, .tablet .taller .saveorder-popup .ajax_manual_line_left { padding-top:15px; height:60px; } .mobile .taller .saveorder-popup .ajax_manual_line_left { padding-top:5px; height:auto; } .desktop .taller .saveorder-popup .ajax_manual_line_right, .small-desktop .taller .ajax_manual_line_right, .tablet .taller .saveorder-popup .ajax_manual_line_right { padding-top:15px; height:60px; } .mobile .taller .saveorder-popup .ajax_manual_line_right { padding-top:5px; height:auto; } .small-desktop .saveorder-popup .ajax_manual_box,.tablet .saveorder-popup .ajax_manual_box { width:100%; } .tablet .saveorder-popup .ajax_manual_line_left, .tablet .saveorder-popup .faux-title-line .ftl-1 { width:25%; } .tablet .saveorder-popup .ajax_manual_line_right, .tablet .saveorder-popup .faux-title-line .ftl-2 { width:25%; } .tablet .saveorder-popup .ajax_manual_line_response, .tablet .saveorder-popup .faux-title-line .ftl-3 { width:50%; } .saveorder-popup .ajax_manual_line input { border:none; background:#fff; width:100%; text-align:left; font-size:14px; font-weight:bold; } .saveorder-popup .ajax_manual_line input::-webkit-input-placeholder {font-style:italic; font-weight:normal;} .saveorder-popup .ajax_manual_line input:-moz-placeholder { font-style:italic; font-weight:normal; } .saveorder-popup .ajax_manual_line input::-moz-placeholder { font-style:italic; font-weight:normal;} .saveorder-popup .ajax_manual_line input:-ms-input-placeholder { font-style:italic; font-weight:normal; } .saveorder-popup .ajaxadd-wrap button span span { background:url("../images/list-view-add-to-cart-orange.png") no-repeat scroll left center; padding:5px 5px 5px 28px; float:left; line-height:18px; } .saveorder-popup .ajaxadd-wrap .ajaxadd-wrap button { float:right; text-transform:uppercase; } .saveorder-popup .valid input { color:#007b83; } .saveorder-popup .nonvalid input { color:#cb0000; } .saveorder-popup .cleared { font-weight:normal; background:url(../images/check-icon.png) no-repeat left top 4px / 14px; padding: 1px 5px 0 20px; margin-left:5px; } .saveorder-popup .notcleared { font-weight:normal; background:url(../images/warning-icon.png) no-repeat center left; padding: 1px 5px 0 20px; margin-left:5px; } .saveorder-popup .deleteline { color:#cb0000; font-weight:bold; cursor:pointer; text-decoation:underline; } .mobile .saveorder-popup .cleared, .mobile .saveorder-popup .notcleared { font-size:0; height:16px; display:block; margin-top:3px; background-position:center; padding:0 1px; } .mobile .saveorder-popup .ajax_manual_line_right, .mobile .saveorder-popup .faux-title-line .ftl-2 { width:35%; } .mobile .saveorder-popup .ajax_manual_line_response, .mobile .saveorder-popup .faux-title-line .ftl-3 { width:30%; } .saveorder-add-product { border:1px solid #F97910; border-radius:3px; padding:2px 7px; background:#fff; text-transform:uppercase; color:#F97910; font-weight:bold; font-size:14px; } .saveorder-popup #popup_box, .saveorder-popup .popup-box{background-color:#f1f1f1; width:100%; max-width: 800px;} .modal-popup.addsavecartpopup .modal-footer { display: none; } .modal-popup.addsavecartpopup .modal-title { padding-bottom: 0; } .modal-popup.addsavecartpopup .border-bottom { border-bottom: 0; } .modal-popup.addsavecartpopup .modal-content { background:#fff; text-align: left; padding-top: 5px; } .modal-popup.addsavecartpopup .modal-content button { background:#F97910; border-color: #F97910 !important; padding:10px !important; float:left; } .modal-popup.addsavecartpopup .modal-content button span { color:#fff !important; background:url(../images/checkout/basket_icon_white.png) no-repeat left 0px / 17px; padding-left:23px; text-transform: none !important; } /* CART */ .checkout-cart-index .main { padding-top:0px; } .checkout-cart-index .col-main .breadcrumbs { padding-top:10px; } .gomage-checkout-onepage-index .breadcrumbs { padding-top:0; } .cart-reloaded { float:left; width:100%; } .cart-reloaded #cartform { float:left; } div#shopping-cart-table.data-table { border:none; width:100%; float:left; } .cart-line{ width:100%; float:left; border-bottom:1px solid #cbcbcb; margin-bottom:10px; padding-bottom:10px; } .cr1 { width:10%; float:left; padding:5px 15px 5px 0; } .cart-line-title .cr1 { padding:0; } .cr2 { width:35%; float:left; padding-right:10px; } .cr3 { width:35%; float:left; padding-right:10px; } .cr4 { width:10%; float:left; } .cr5 { width:10%; float:left; font-weight:bold; text-align:right; } .cart-line-title { font-weight:bold; } .cart-line-title .cr2 { padding:0; } .cart-line-title .cr3 { padding:0; } .cart-pm-duo > .block.crosssell { display: none; } /*ORDER VIEW PAGE*/ .small-mobile .sales-order-view-page .order-title h1{width: 100%; border-bottom: 1px solid #ccc; } .small-mobile .sales-order-view-page .title-buttons {text-align: center; width: 100%} .small-mobile .sales-order-view-page .page-title {border-bottom:0px;} .small-mobile .sales-order-view-page .box-account .box-head { text-align: center; } .small-mobile .sales-order-view-page .box-account .box-head h2 { text-align: center !important; } .small-mobile .sales-order-view-page .box-account .block-content { text-align: center; } /*ITEMS ORDERED - VIEW ORDER*/ div#items-ordered-table.data-table { border:none; width:100%; float:left; } .items-ordered-table th { padding:2px 10px; } .items-ordered-table td { padding:10px; } .items-ordered-table .product-name { font-weight:bold; margin:0 0 5px; color:#333333; } .items-ordered-table .item-msg { margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; } .items-ordered-table tfoot td { padding:5px 10px; } .items-ordered-table .btn-continue { float:left; } .items-ordered-table .btn-empty span, .items-ordered-table .btn-continue span, .items-ordered-table .btn-update span { border-color:#406a83; background:#618499; } .items-ordered-table .btn-update, .items-ordered-table .btn-empty { float:right; } .items-ordered-table .btn-update { margin-left:10px; } .items-order-line { width:100%; float:left; border-bottom:1px solid #cbcbcb; margin-bottom:10px; padding-bottom:10px; } .items-order-line .s-mob{display: none;} .items-order-line-title .cr1 { padding: 5px 0px 5px 0 !important; } .items-order-line-title .cr2 { padding:0 !important; } .items-order-line-title .cr3 { padding:0 !important; } .items-order-line-title div {font-weight: bold;} .items-order-line .cr1 { width:15%; float:left; padding:5px 15px 5px 0; } .items-order-line .cr2 { width:30%; float:left; padding-right:10px; } .items-order-line .cr3 { width:10%; float:left; padding-right:10px; } .items-order-line .cr4 { width:10%; float:left; text-align:right; } .items-order-line .cr5 { width:15%; float:left; font-weight:bold; text-align:right; } .items-order-line .cr6 { width:20%; float:right; font-weight:bold; text-align:center; } a.items-order-line-cart { border:1px solid #F97910; border-radius:3px; padding:2px 7px; background:#fff; text-transform:uppercase; color:#F97910; font-weight:bold; font-size:14px; } .touch .items-order-line .cr1{display: none; } .touch .items-order-line .cr5, .touch .items-order-line .cr6,.touch .view-order-total .reorder-spacer{ width:25% } .touch .view-order-total .totals { float:right;width:50%; text-align: right; } .mobile .view-order-total .totals{ float:right;width:60%; text-align: right; } .small-mobile .view-order-total .totals{ float:right;width:100%; text-align: right; } .small-mobile .view-order-total .reorder-spacer{ display: none; } .mobile .items-order-line .cr1, .mobile .items-order-line .cr3, .mobile .items-order-line .cr4 { display: none; } .mobile .items-order-line .cr5{width:20%} .mobile .items-order-line .cr6 ,.mobile .view-order-total .reorder-spacer {width: 40%} .small-mobile .items-order-line-title {display:none; } .small-mobile .items-order-line .cr2 {width:100%; text-align: center;} .small-mobile .items-order-line .cr3 {display: none;} .small-mobile .items-order-line .cr4 {display:block;text-align: center; width:100% } .small-mobile .items-order-line .cr5 {display:block;text-align: center; width:100% } .small-mobile .items-order-line .cr6 {width:100%; text-align: center; } .items-order-line input { width:48px; padding:6px 1px; text-align:center; border:1px solid #ccc; border-radius:3px; } .items-order-line select { width:55px; padding:5px 8px; border:1px solid #ccc; border-radius:3px; } .items-order-line form button { width:62px; border:1px solid #F97910; padding:5px 1px; } .items-order-line form button span span { background:rgba(0, 0, 0, 0) url("../images/grid-view-add-to-cart-orange.png") no-repeat scroll left center; font-size:0; color:#F97910; font-weight:bold; padding-right:20px; } .items-order-line form button.loader span span { background-image:url(../images/ajax-loader-grid-view-42x24.gif); } .view-order-total{width: 100%;} .view-order-total .totals { float:right;width:40%; text-align: right; } .view-order-total .reorder-spacer { float:right;width:20%; } /*.small-tablet .items-ordered-table .totals, .mobile .order-items .totals { width:100%; }*/ .view-order-total .totals table { width:100%; } .view-order-total .totals td { padding:5px 0px 5px 15px; border-bottom:1px solid #cbcbcb; font-weight:bold; } .view-order-total .totals tr.last td {} .view-order-total .totals tfoot th { padding:5px 15px 5px 7px; } .view-order-total .totals tfoot td { padding-top:5px; padding-bottom:5px; } .view-order-total .totals tfoot td .price { font-size:14px; float:right; margin-top:-2px; } .view-order-total .totals tfoot tr:last-child td .price { color:#F97910; font-size:18px; float:right; margin-top:-2px; } .view-order-total .totals tfoot td { padding-top:0px; } .view-order-total-order-total .totals tfoot th strong, .view-order-total .totals tfoot td strong { font-size:15px; } .view-order-total .totals .checkout-types { padding:10px 0 0; text-align:right; } .view-order-total .totals .checkout-types li { clear:both; margin:10px 0; } /*ends*/ .save-order .cr3{width:25%; float:left;} .save-order .cr4{width:15%; float:left;text-align: center;} .save-order .cr5{width:15%; float:left;} .save-order .cr3 span{float:none;} .saveorder-popup .ajax_manual_box{width:100%} .saveorder-popup .ajaxadd-wrap{padding: 0px; margin:0px; } .saveorder-popup .close-btn {background:url("../images/popclose-grey-transparent.png")} .mobile h1 { width:100%; text-align:center; } .mobile .checkout-types { width:100%; text-align:center; } .mobile .checkout-types li { width:100%; text-align:center; padding:10px 0 0; } .mobile .cr1 { display:none; } .mobile .cr4 { display:none; } .mobile .cr2 { width:40%; } .mobile .cr3 { width:40%; } .mobile .cr5 { width:20%; } .mobile .cart-1 select { display:block; clear:both; margin-bottom:5px; } .small-mobile .cart-line-title { display:none; } .small-mobile .cr2 { width:100%; text-align:center; padding-right:0; } .small-mobile .cr3 { width:100%; text-align:center;padding-right:0; padding-top:8px; } .small-mobile .cr5 { width:100%; text-align:center;padding-right:0; } .small-mobile .cart-1 .stock-position p { float:none; } .small-mobile .cart-1 select { display:inline; } .desktop .cr1 img, .small-desktop .cr1 img { height:101px; } .cr1 img { width:100%; border:1px solid #cbcbcb; height:auto; } .cr2 span { width:100%; float:left; margin-bottom:1px; } .addnote { background:url(../images/edit.png) no-repeat center right; padding-right:20px; text-decoration:underline; } .addnote:hover { color:#F97910; text-decoration:underline; } .note-box textarea { width:100% !important; border:1px solid #cbcbcb; height:50px; margin-bottom:7px; border-radius:0; } .note-box textarea:focus { background:#fff; } .note-box button span { width:auto; } span.notecon { width:auto; background:rgba(0, 0, 0, 0) url("../images/edit.png") no-repeat scroll right center; display:block; padding:0 20px 0 0; margin-top:0px; margin-bottom:3px; } .remove-note { margin-right:5px; } .note-box div.button { border:1px solid #F97910; color:#F97910; font-weight:bold; font-size:12px; padding:3px 8px; border-radius:3px; display:inline; cursor:pointer; margin-top:1px; float:left; } .note-box { width:95%; float:left; background:#f1f1f1; padding:5px 9px 9px; margin-top:5px; } .cart-1 .stock-position { width:100%; float:left; margin-top:8px; } .cart-1 .stock-position p { width:100%; float:left; margin:0 0 10px; font-weight:bold; } .cart-1 .stock-position p.nextday strong, .cart-1 .stock-position p.short strong { color:#308935;text-transform:uppercase; } .cart-1 .stock-position p.long strong { color:#F97910;text-transform:uppercase; } .cart-1 .stock-position p.nextday { color:#007b83; } .cart-1 .stock-position p.backorder { background:#ffeeda; padding:7px 9px; border-radius:3px; width:auto;text-transform:uppercase; } .cart-1 .stock-position p.backorder strong { color:#cb0000; width:100%; float:left; } .cart-1 select { padding:5px 5px 5px 0; margin-right:5px; text-align:right; } .cart-1 input { margin-right:5px; text-align:right; padding:6px 6px 6px 15px; color:#333333; } span.p-name { text-transform:uppercase; } .cart-1 a:hover { color:#F97910; text-decoration:underline; } .p-name a:hover { color:#F97910; text-decoration:underline; } .cart-line a:hover img { border:1px solid #F97910; } button.btn-proceed-checkout { background:url("../images/list-view-add-to-cart-orange.png") no-repeat scroll 7px center; } button.btn-proceed-checkout span { font-size:14px; text-transform:uppercase; padding:10px 0 10px 25px; } .breakmessage { background:#DB114A url(../images/breakicon.jpg) no-repeat 3px center; padding:12px 10px 12px 45px; color:#fff; border-radius:3px; margin:15px 0 10px; font-weight:bold; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } /* CHECKOUT */ .breadcrumbs-outer { width:100%; float:left; } .gomage-checkout-onepage-index .breadcrumbs-outer .breadcrumbs { margin-bottom:0; } .gomage-checkout-onepage-index .pixie-breaker { margin-top:0 !important; } .pixie-checkout { width:100%; float:left; } .gomage-checkout-onepage-index #gcheckout-onepage-address { width:100%; float:left; } .gomage-checkout-onepage-index #gcheckout-billing-address { width:48.5%; float:left; margin-right:3%; } .gomage-checkout-onepage-index #gcheckout-shipping-address { width:48.5%; float:left; padding-top:0; } .gomage-checkout-onepage-index #gcheckout-onepage-methods { width:100%; float:left; } .gomage-checkout-onepage-index .glc .methods #gcheckout-payment-methods { width:48.5%; float:left; } .gomage-checkout-onepage-index .glc .methods .shipping-methods { width:48.5%; margin-right:3%; float:left; } .gomage-checkout-onepage-index .glc-step.review { width:100%; float:left; } .pixie-checkout .glc-title { background:none; color:#333333; } .pixie-checkout .glc-number { display:none; } .pixie-breaker, .shipping-method h2, .payment-methods h2, #gcheckout-onepage-review h2 { font-size:24px; font-weight:normal; border-top:1px solid #cbcbcb; padding:10px 0 0; margin-top:10px; display:block; text-transform:none; border-radius:0; } .shipping-method h2 strong, .payment-methods h2 strong, #gcheckout-onepage-review h2 strong { font-weight:normal; } #gcheckout-billing-address .glc-title, #gcheckout-shipping-address .glc-title { background:url(../images/address-icon.png) no-repeat center left; padding-left:60px; } .customers-billing { margin-top:10px; background:#ebebeb; padding:15px; border:1px solid #cbcbcb; border-radius:3px; width:100%; } .customers-billing span { display:block; } .pixie-checkout .glc-col { border:none; padding:0; } .pixie-checkout * { font-family:"Open Sans",sans-serif,arial; } .pixie-checkout input { padding:10px; } .pixie-checkout select { padding:10px; } #gcheckout-shipping-address .glc-col { padding-top:10px; } #gcheckout-billing-address .glc-col { display:none; } .change-address { font-weight:bold; text-decoration:underline; margin:12px 0 5px; cursor:pointer; float:left; } .delivery-switch { width:100%; float:left; padding:15px 0 5px; font-weight:bold; font-size:14px; } .delivery-switch label { float:left; padding-left: 4px; } .delivery-switch input { float:left; margin-top:4px; } .pixie-checkout .glc .sp-methods dt { width:35%; float:left; color:#333333; } .ssplit_1 { margin:20px 0; } .shipsplit { width:100%; float:left; } .shipsplit dd { width:65%; float:left; } .shipsplit dd li { margin-top:0; } .pixie-checkout #gcheckout-payment-methods-available .sp-methods dt { width:100%; } .pixie-checkout #gcheckout-payment-methods-available { margin-top:20px; } .pixie-checkout #gcheckout-payment-methods-available dt input { float:left; margin-right:10px;} .pixie-checkout #gcheckout-payment-methods-available dt label { float:left; text-transform:uppercase; font-weight:bold; } .pixie-checkout #gcheckout-payment-methods-available span { display:block; float:left; font-weight:bold; width:100%; } .pixie-checkout #gcheckout-payment-methods-available span.no-display { display:none; } .pixie-checkout #gcheckout-payment-methods-available span.po-acc { margin:0px 0 15px; } .pixie-checkout #gcheckout-payment-methods-available span.po-note { margin-top:10px; margin-bottom:25px; } .pixie-checkout .sp-methods { font-size:14px; } #payment_form_purchaseorder { font-size:14px; } .pixie-checkout #gcheckout-payment-methods-available label { float:left; margin-bottom:5px; } #checkout-review-table-wrapper { font-size:14px; } .checkout-prod-line { width:100%; float:left; border-bottom:1px solid #cbcbcb; padding-bottom:10px; margin-top:10px; } .cpr1 { width:50%; float:left; } .cpr2 { width:15%; float:left; } .cpr3 { width:15%; float:left; } .cpr4 { width:20%; float:left; text-align:right; } .totals-section { width:50%; float:right; } .gtotals { width:100%; float:right; text-align:right; clear:both; } .gtotals td { border-bottom:1px solid #cbcbcb; padding:7px 0; font-weight:bold; } .gtotals .price { width:100px; } .gtotals strong .price { font-size:20px; color:#F97910; float:right;margin-top:-6px; } .gtotals .a-right strong { padding-top:10px; float:right; padding-top:6px; } .customer-comment { width:45%; float:left; padding-top:20px; } .pixie-checkout .totals .customer-comment label { padding:0 0 10px; font-weight:bold; font-family:inherit !important; } .pixie-checkout .advanced-options { width:100%; float:left; } .pixie-blurb { width:95%; padding-right:5%; float:left; padding-top:0px; } .pixie-blurb span { width:100%; padding:0 0 10px; display:block; } .pixie-blurb span a { color:inherit; text-decoration:underline; } .blurb-left { width:50%; float:left; } .blurb-right { width:50%; float:left; text-align:right; } .blurb-right a { text-decoration:underline; font-weight:bold; } .blurb-right p { display:inline; float:left; } .blurb-right button { display:inline; background:rgba(0, 0, 0, 0) url("../images/list-view-add-to-cart-orange.png") no-repeat scroll 7px center; text-transform:uppercase; padding-left:18px; } #checkout-review-submit .blurb-right { text-align:right; } #checkout-review-submit .blurb-right button { float:right; clear:both; padding-left:0; font-size:16px; } #checkout-review-submit .blurb-right p { float:right; } .touch .blurb-right p { width:100%; } .touch .pixie-checkout .glc .sp-methods dt { width:47%; } .mobile .pixie-checkout .glc .sp-methods dt { width:100% !important; } .small-tablet .pixie-checkout #gcheckout-billing-address, .mobile .pixie-checkout #gcheckout-billing-address { width:100%; margin-right:0; } .small-tablet .pixie-checkout #gcheckout-shipping-address, .mobile .pixie-checkout #gcheckout-shipping-address { width:100%; margin-right:0; } .small-tablet .pixie-checkout .glc .methods .shipping-methods, .mobile .pixie-checkout .glc .methods .shipping-methods { width:100%; margin-right:0; } .small-tablet .pixie-checkout .glc .methods #gcheckout-payment-methods, .mobile .pixie-checkout .glc .methods #gcheckout-payment-methods { width:100%; margin-right:0; } .small-tablet .blurb-left, .mobile .blurb-left { width:100%; text-align:center; } .small-tablet .blurb-right, .mobile .blurb-right { width:100%; text-align:center; } .small-tablet .customer-comment, .mobile .customer-comment { width:100%; text-align:center; } .small-tablet .totals-section, .mobile .totals-section { width:100%; } .checkout-onepage-success .page-title { display:block; padding-top:15px; } .checkout-onepage-success .page-title h1 { font-size:22px; } .checkout-onepage-success .subtitle, .sub-title { font-size:18px; padding-top:0; } .print-order a { background:rgba(0, 0, 0, 0) url("../images/dl-pdf.png") no-repeat scroll left center; padding-left:30px; text-decoration:underline; } .print-order { } #empty_cart_button ,#add_to_cart_overwrite { border-color:#cb0000; color:#cb0000; text-transform:uppercase; padding:5px 2px; margin-top:10px; } #empty_cart_button span ,#add_to_cart_overwrite span { color:#cb0000; } #empty_cart_button span span, #add_to_cart_overwrite span span { padding:0px 7px; } .mobile #save_cart_button{ width:100%; float:none; } .totalqwrap { float:right; color:#007b83; padding-top:13px; } .totalqwrap .inq { font-weight:bold; } .mobile .totalqwrap ,.mobile .saved-cart-box { float:none; text-align:center; } .mobile #empty_cart_button, .mobile #save_order_button, .mobile .save-order button { width:100%; float:none; } .correctline, .superline { cursor:pointer; color:#cb0000; font-weight:bold; } #save_order_button { border-color:#007b83; color:#007b83; text-transform:uppercase; padding:5px 2px; margin-top:10px; } #save_order_button span { } #save_order_button span span { padding:0px 7px; } .save-order .col-2{ text-align: right; bottom: 0; left: 0;} .save-order .col-2 .view-details{ background:url("../images/down-arrow-solid.png") no-repeat scroll right center; padding-right:12px;} .save-order .cr1 {width: 15%} .save-order .cr2 {width: 30%} .save-order button {padding:5px; } .col-2 .hide-details{ background:url("../images/up-arrow-solid.png") no-repeat scroll right center; padding-right:12px;} .save-order button {padding:5px; } .save-order button span span { background:url("../images/list-view-add-to-cart-orange.png") no-repeat scroll left center; padding:5px 5px 5px 28px; float:left; line-height:18px;} .add-to-cart-add button span span { background:url("../images/grid-view-add-to-cart-orange.png") no-repeat scroll left center;background-color: #FFFFF; padding:5px 5px 5px 42px; float:left; line-height:18px;} .add-to-cart-add-loader button span span { background:url("../images/ajax-loader-list-view-24x24.gif") no-repeat scroll left center;background-color: #FFFFF; padding:5px 5px 5px 42px; float:left; line-height:18px;} .add-to-cart-overwrite button span span { background:url("../images/grid-view-remove-from-cart-red.png") no-repeat scroll left center;background-color: #FFFFF; padding:0px 5px 0px 45px !important; float:left; line-height:18px; color: #cf0000;} .add-to-cart-overwrite-loader button span span { background:url("../images/ajax-loader-list-view-red-24x24.gif") no-repeat scroll left center; padding:0px 5px 0px 45px !important;background-color: #FFFFF; float:left; line-height:18px; color: #cf0000;} .add-to-cart-button button span span{ background:url("../images/list-view-add-to-cart-orange.png") no-repeat scroll left center; padding:0px 30px 0px 5px; float:left; line-height:18px; } .add-to-cart-options .col-1{width:60%;text-align: left;float: left;} .add-to-cart-options .col-2{width:40%;float: right;padding-top:15px;} .top-padding{padding-top:15px; } .save-order .col{ display: table-cell; vertical-align: middle;} .col-content{ margin-left: auto; margin-right: auto; width: 100%;} .border-bottom{margin-top:10px;border-bottom:1px solid #cbcbcb;} .saved-cart-box{ color:#000; padding-top:13px;} .saved-cart { color: #000; text-decoration:underline; cursor:pointer;} .add_to_cart_add{display:table;margin:0 auto !important;} .add_to_cart_overwrite{display:table;margin:0 auto !important;} #shipping-address-select { background:#ebebeb; } /* ACCOUNT AREA */ .customer-account-login .page-title-wrapper, .customer-account-login #remember-me-box { display:none; } .customer-account-login .action.create.primary span { color:#fff; } body.customer-account-login .message.success { margin-top: 20px; } .customer-account-index .col2-left-layout { padding-top:0px; } .my-account { padding-top:0px; } .recent-orders-grid { width:100%; float:left; } .rog-line { width:100%; float:left; border-bottom:1px solid #cbcbcb; margin:0 -15px; padding:5px 15px; } .rog-last { border-bottom:0; } .rog { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding-right:5px; min-height:5px;} .rog1 { width:20%; float:left; } .rog2 { width:20%; float:left; } .rog3 { width:20%; float:left; } .rog4 { width:20%; float:left; } .rog5 { width:20%; float:left; color:inherit; font-weight:bold; } .rog5 .link-reorder {color:inherit !important; font-weight:bold; } .recent-orders-grid.order-history-grid .rog1 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog2 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog3 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog4 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog5 { width:24%; float:left; color:inherit; font-weight:bold; } .recent-orders-grid.order-history-grid .rog5 p{text-align: center; font-size: 12px;} .recent-orders-grid.order-history-grid .rog5 p.bottom-element{margin: 0px;} .small-desktop .recent-orders-grid.order-history-grid .rog5 { width:27%;} .touch .recent-orders-grid.order-history-grid .rog5 { width:28%;} .small-tablet .recent-orders-grid.order-history-grid .rog1 {width: 22% !important} .small-tablet .recent-orders-grid.order-history-grid .rog2 {width: 22% !important} .small-tablet .recent-orders-grid.order-history-grid .rog4 {width: 22% !important} .small-tablet .recent-orders-grid.order-history-grid .rog5 {width: 34% !important} .mobile .recent-orders-grid.order-history-grid .rog1 { width:30% } .mobile .recent-orders-grid.order-history-grid .rog2 { display:none } .mobile .recent-orders-grid.order-history-grid .rog5 { width:70% ;color:inherit; float: right; font-weight:bold; } .small-mobile .recent-orders-grid.order-history-grid .rog5 a.fave-add {font-size: 12px;} /* .small-desktop .recent-orders-grid.order-history-grid .rog1 { width:18%; float:left; } //.small-desktop .recent-orders-grid.order-history-grid .rog2 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog3 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog4 { width:18%; float:left; } .recent-orders-grid.order-history-grid .rog5 { width:28%; float:left; color:inherit; font-weight:bold; } */ .box-head a { border:1px solid #F97910; border-radius:3px; padding:2px 7px; background:#fff; text-transform:uppercase; color:#F97910; font-weight:bold; font-size:14px; float:right; margin-bottom:-2px; margin-top:-5px; } .box-info span { width:100%; float:left; padding:2px 0; } .box-info .messages { margin-top:15px !important; } .box-info .messages span { padding:0; width:100%; float:none; } .box-info { padding-bottom:15px; } .box-address-quick { padding-top:15px; } .box-address-quick .col-1 h4, h3.defbill { color:#F97910; font-size:14px; } .box-address-quick .col-2 h4, h3.defship { color:#007b83; font-size:14px; } h2.altadd { font-size:14px; font-weight:bold; } .customer-account-edit .box-account { width:100%; float:left; margin-bottom:25px; } .customer-account-edit .fieldset { float:left; } .edit-boxp .form-list { padding-top:15px; } .edit-boxp label { color:#333333; font-size:12px; } .edit-boxp .form-list .field { width:50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .edit-boxp .form-list .field .input-box { width:100%; } .edit-boxp .form-list .field .input-box input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding:9px; } .edit-boxp .form-list .input-box { width:100%; } .edit-boxp .form-list .input-box input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding:9px; } .box-pass fieldset.amcustomerattr { width:100%; float:left; } .box-pass .field-row { width:100%; } .box-pass .field-row input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding:9px; } .am-box .form-list, .am-box .fields, .am-box .field { width:100% !important; } .am-box .form-list li.fields { width:100%; float:left; } .am-box div { width:100%; } .expage-block { margin-top:15px; } .pixiemedia_searchalias-index-index .expage-block { margin-top:0; } .expage-block .block-content { padding-top:15px; } .box-content .addresses-primary { width:47%; margin-right:3%; float:left; padding-top:15px; } .box-content .addresses-additional { width:50%; float:left; padding-top:15px; } .box-content .addresses-primary a, .box-content .addresses-additional a { font-weight:bold; text-decoration:underline; } .back-link a, a.fave-butt, a.fave-add { border:1px solid #F97910; border-radius:3px; padding:2px 7px; background:#fff; text-transform:uppercase; color:#F97910; font-weight:bold; font-size:14px; } .back-link a small { display:none; } .buttons-set button span { padding:2px 8px; } #enquiry-details.enquiries .rog9 a { float:left; margin-bottom:10px; } .push-block .box-content { padding-top:15px; } .form-list .fields { width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .form-list .fields .field { width:50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .form-list .fields .field .input-box { width:100%; } .form-list select { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding:9px; } .form-list .fields .field input, .form-list li.wide .input-box input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding:9px; } .form-list .fields .name-firstname input, .form-list .fields .field input#telephone, .form-list .fields .field input#city, .form-list .fields .field input#zip, .form-list .fields .field input#password, .edit-boxp .form-list .field.name-firstname input { width:95%; } .form-list li.wide, .form-list li.wide .input-box { width:100%; } .form-list input#street_1 { margin-bottom:10px; } .recent-orders-grid .rog5 a { float:none; } .recent-orders-grid .rog5 span { float:none; } #custbackorder .rog1 { width:18%; float:left; } #custbackorder .rog2 { width:18%; float:left; } #custbackorder .rog3 { width:18%; float:left; } #custbackorder .rog4 { width:18%; float:left; } #custbackorder .rog5 { width:18%; float:left; color:inherit; font-weight:bold; } #custbackorder .rog6 { width:10%; float:left; } #custbackorder.nobold .rog5 { font-weight:normal; } .thebackorder .rog1 { width:20% !important; float:left; } .thebackorder .rog2 { width:20% !important; float:left; } .thebackorder .rog3 { width:20% !important; float:left; } .thebackorder .rog4 { width:30% !important; float:left; } .thebackorder .rog6 { width:10% !important; float:left; } #stockpop.customer-area { position:fixed; } .pti_customer_account_backorder .messages { width:100%; float:left; } .pti_customer_account_backorder .messages li { margin-top:20px !important; } .pti_customer_account_backorder .messages li li { margin-top:0 !important; } #invoice-history .rog1 { width:25%; float:left; } #invoice-history .rog2 { width:25%; float:left; } #invoice-history .rog3 { width:25%; float:left; } #invoice-history .rog4 { width:25%; float:left; } #invoice-history.favourite-list .rog1 { width:12.5%; float:left; } #invoice-history.favourite-list .rog2 { width:12.5%; float:left; } #invoice-history.favourite-list .rog3 { width:30%; float:left; } #invoice-history.favourite-list .rog4 { width:45%; float:left; text-align:right; } #invoice-history.favourite-list .rog4 button, button.favourites-newfolder-btn, button.tick-button, #update_dlo button.button { padding:5px 7px; margin-left:6px; } #invoice-history.favourite-list .rog4 button span, button.favourites-newfolder-btn span, button.tick-button span, #update_dlo button.button span { padding:0; } #invoice-history.favourite-list .rog4 button span span, button.favourites-newfolder-btn span span { } .amlist-list-index .buttons-set { border:none; padding-top:15px; } .group-select .input-box input { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100%; padding:9px; } .group-select button.tick-button { margin-left:0; margin-top:10px; } .amlist-list-edit .buttons-set { border:none; padding:0; } .stock-alert { text-decoration:underline; } #custbackorder.stockwatch .rog1 { width:10%; float:left; } #custbackorder.stockwatch .rog2 { width:40%; float:left; } #custbackorder.stockwatch .rog3 { width:15%; float:left; } #custbackorder.stockwatch .rog4 { width:25%; float:left; } #custbackorder.stockwatch .rog5 { width:40%; float:left; color:inherit; font-weight:bold; } #custbackorder.stockwatch .rog6 { width:10%; float:left; } #custbackorder.stockwatch .rog1 img { max-width:100%; height:auto; } #map_div { width:100%; height:300px; } .opter input { width:auto; display:inline; float:left; margin-right:10px; margin-top:4px; } .opter label { float:left; } #update_dlo .ftoggle li.wide { text-align:left; } #update_dlo .ftoggle li.wide input { float:left; width:auto; } #enquiry-opt-whats-this { display:none; } #enquiry-details .rog1 { width:20%; float:left; } #enquiry-details .rog2 { width:10%; float:left; } #enquiry-details .rog3 { width:10%; float:left; } #enquiry-details .rog4 { width:10%; float:left; } #enquiry-details .rog5 { width:10%; float:left; } #enquiry-details .rog6 { width:10%; float:left; } #enquiry-details .rog7 { width:10%; float:left; } #enquiry-details .rog8 { width:10%; float:left; } #enquiry-details .rog9 { width:10%; float:left; } button#enquirycart.btn-proceed-checkout span { padding:10px 20px 10px 0; } button#enquirycart.btn-proceed-checkout span span { padding:0 25px 0 16px; } .enq-buttons { width:100%; float:left; padding:14px 0 10px; } .expage-block ul.customer-details { margin-bottom:20px; } .ftoggle textarea { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100% !important; padding:9px; } .nav-toggle { border:none !important; color:#329d35; padding:6px; margin:10px 0 0; display:block; font-weight:normal; text-align:center; border-radius:3px; font-size:14px; } .desktop .nav-toggle, .small-desktop .nav-toggle { display:none; } .touch .col-left .block-account { display:none; } .small-tablet .recent-orders-grid .rog3, .mobile .recent-orders-grid .rog3 { display:none; } .small-tablet .recent-orders-grid .rog { width:25%; } .mobile .recent-orders-grid .rog4 { display:none; } .mobile .recent-orders-grid .rog { width:33.33%; } .mobile .col2-set .col-1, .mobile .box-content .addresses-primary { width:100%; margin-bottom:15px; } .mobile .col2-set .col-2, .mobile .box-content .addresses-additional { width:100%; } .small-tablet #custbackorder.thebackorder .rog1, .small-tablet #custbackorder.thebackorder .rog2 { display:none; } .small-tablet #custbackorder.thebackorder .rog3 { width:30%; } .small-tablet #custbackorder.thebackorder .rog4 { width:60%; } .small-tablet #custbackorder.thebackorder .rog6 { width:10%; } .mobile #custbackorder.thebackorder .rog1, .mobile #custbackorder.thebackorder .rog2{ display:none; } .mobile #custbackorder.thebackorder .rog3 { width:30% !important; word-wrap:break-word; } .mobile #custbackorder.thebackorder .rog4 { width:60% !important; } .mobile #custbackorder.thebackorder .rog6 { width:10%; } .mobile #stock-volumes, .mobile .popup-box { width:95%; } .mobile #invoice-history .rog3 { display:none; } .mobile #invoice-history .rog { width:33.33%; } .small-tablet #custbackorder.creditnotes .rog3,.small-tablet #custbackorder.creditnotes .rog4 { display:none; } .small-tablet #custbackorder.creditnotes .rog { width:25%; } .mobile #custbackorder.creditnotes .rog3,.mobile #custbackorder.creditnotes .rog4, .mobile #custbackorder.creditnotes .rog1 { display:none; } .mobile #custbackorder.creditnotes .rog { width:33.33%; } .small-tablet #invoice-history.favourite-list .rog1 { display:none; } .small-tablet #invoice-history.favourite-list .rog2 { width:10%; } .small-tablet #invoice-history.favourite-list .rog3 { width:50%; } .small-tablet #invoice-history.favourite-list .rog4 { width:40%; } .small-tablet #invoice-history.favourite-list .rog4 button { width:90%; float:right; clear:both; margin:0 0 10px; } .mobile #invoice-history.favourite-list .rog1 { display:none; } .mobile #invoice-history.favourite-list .rog2 { width:10%; } .mobile #invoice-history.favourite-list .rog3 { width:50%; display:block; } .mobile #invoice-history.favourite-list .rog4 { width:40%; } .mobile #invoice-history.favourite-list .rog4 button { width:90%; float:right; clear:both; margin:0 0 10px; } .mobile #invoice-history.favourite-list .title-line .rog3 strong { display:none; } .small-tablet #custbackorder.stockwatch .rog4 { display:none; } .small-tablet #custbackorder.stockwatch .rog2 { width:30%; } .small-tablet #custbackorder.stockwatch .rog3 { width:20%; } .small-tablet #custbackorder.stockwatch .rog5 { width:20%; } .small-tablet #custbackorder.stockwatch .rog6 { width:20%; } .mobile #custbackorder.stockwatch .rog1, .mobile #custbackorder.stockwatch .rog3, .mobile #custbackorder.stockwatch .rog4 { display:none; } .mobile #custbackorder.stockwatch .rog2 { width:40%; } .mobile #custbackorder.stockwatch .title-line .rog3 strong, .mobile #custbackorder.stockwatch .title-line .rog4 strong { display:none; } .mobile #custbackorder.stockwatch .rog5 { width:32%; text-align: center;} .mobile #custbackorder.stockwatch .rog6 { width:28%; text-align: center;} .mobile #custbackorder.stockwatch .title-line .rog5 strong, .mobile #custbackorder.stockwatch .title-line .rog6 strong { text-align: center;} .small-tablet .ftoggle li.fields .field, .mobile .ftoggle li.fields .field { width:100%; } .small-tablet .ftoggle li.fields .field input, .mobile .ftoggle li.fields .field input { width:100%; } .small-tablet #custbackorder.enquiries .rog3,.small-tablet #custbackorder.enquiries .rog1 { display:none; } .small-tablet #custbackorder.enquiries .rog { width:25%; } .mobile #custbackorder.enquiries .rog3,.mobile #custbackorder.enquiries .rog1, .mobile #custbackorder.enquiries .rog5 { display:none; } .mobile #custbackorder.enquiries .rog2,.mobile #custbackorder.enquiries .rog4 { width:40%; } .mobile #custbackorder.enquiries .rog5 { width:20%; } .hiddesk { display:none; } .touch #enquiry-details.enquiries .rog9 a { width:90%; float:right; margin:0 0 10px; text-align:center; } .tablet #enquiry-details.enquiries .rog6,.tablet #enquiry-details.enquiries .rog4 { display:none; } .tablet #enquiry-details.enquiries .rog1 { width:20% } .tablet #enquiry-details.enquiries .rog2 { width:15% } .tablet #enquiry-details.enquiries .rog3 { width:15% } .tablet #enquiry-details.enquiries .rog5 { width:10%; } .tablet #enquiry-details.enquiries .rog7 { width:15%; } .tablet #enquiry-details.enquiries .rog8 { width:10%; } .tablet #enquiry-details.enquiries .rog9 { width:15%; } .small-tablet .hiddesk, .mobile .hiddesk { display:block; } .small-tablet #enquiry-details.enquiries .rog6,.small-tablet #enquiry-details.enquiries .rog4, .small-tablet #enquiry-details.enquiries .rog2, .small-tablet #enquiry-details.enquiries .rog5, .small-tablet #enquiry-details.enquiries .rog3 { display:none; } .small-tablet #enquiry-details.enquiries .rog1 { width:40% } .small-tablet #enquiry-details.enquiries .rog7 { width:15%; } .small-tablet #enquiry-details.enquiries .rog8 { width:15%; } .small-tablet #enquiry-details.enquiries .rog9 { width:30%; } .mobile #enquiry-details.enquiries .rog6,.mobile #enquiry-details.enquiries .rog4, .mobile #enquiry-details.enquiries .rog2, .mobile #enquiry-details.enquiries .rog5, .mobile #enquiry-details.enquiries .rog3, .mobile #enquiry-details.enquiries .rog8 { display:none; } .mobile #enquiry-details.enquiries .rog1 { width:50% } .mobile #enquiry-details.enquiries .rog7 { width:25%; } .mobile #enquiry-details.enquiries .rog9 { width:25%; } #enquirycart { float:right; } .enq-buttons a { margin-right:10px; } .pti_customer_account_edit .messages { margin-top:20px !important; } /* MM SEARCH */ .filter-wrap { text-align: left; } .abovecols { width:100%; float:left; } .col1-layout .abovecols { display:none; } .abovecols #li-asf-cats { display:none; } .abovecols .block-tractor-filter { border-radius:3px; background:#f1f1f1; width:100%; margin-left:0px; padding-bottom:3px;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:20px 15px 30px; margin:20px 0; float:left; } .abovecols .block-tractor-filter select { display:none; } .abovecols .block-title { border-radius:0; background:none; text-align:center; } .abovecols .block-tractor-filter .block-title { background:url("../images/footer-band-deeper.png") repeat-x scroll left top #CCCCCC; padding:7px 0 10px 10px; border-radius:3px 3px 0 0; margin-bottom:15px; text-align:left; } .abovecols .block-tractor-filter .block-title strong span { color:#fff; font-size:14px; } .abovecols .block-tractor-filter div.right { position:absolute;right:15px; bottom:11px; } .abovecols .block-tractor-filter .block-title strong span { font-size:14px; color:#fff; text-shadow:none; text-transform:none; } .abovecols .block-content { border-radius:0; background:none; } .abovecols #msm-selects { width:408px; float:left; position:relative; } .abovecols #li-asf-model-search { width:466px; float:left; position:relative; z-index:99; } .abovecols label { float:left; text-align:left; width:45px; margin-left:13px; margin-top:11px; font-weight:bold; color:#000; } .abovecols #li-asf-model-search input#asf-model { color:#333; text-transform:uppercase; padding-top:8px; padding-bottom:9px; border-color:#ccc !important; } .abovecols select { float:left; } .abovecols .block-tractor-filter div.asf { clear:none; } .abovecols button#asf-clear { background:url("../images/filt-right.png") no-repeat scroll left 9px transparent; position:absolute; top:1px; right:39px; } .mm-block-filter .block-title { position:relative; } #clearbutt { border:0; color:#a0a0a0; background:url(../images/update/binx2x.png) no-repeat center left 0px / 11px; padding: 7px 5px 7px 18px; border-radius:3px; font-size:14px; cursor:pointer; } .abovecols button#asf-clear span { background:none; color:#fff; } .abovecols button#asf-clear:hover span { color:#fa6900; } /* new mm */ .pm-mm-top { width:100%; float:left; text-align: left; } .makemodelsearch-index-index .pm-mm-top .block .block-content { background:none; } .mmsearchtitle { display: block; margin: 8px 0 15px; } .makemodelsearch-index-index .makemodel-block { display:none; } .makemodelsearch-index-index .make-attr-remove { } .no-makes-selected.makemodelsearch-index-index .columns { display:none; } .block.block-tractor-filter.mm-block-filter { box-sizing: border-box; padding:20px 0; margin-bottom: 0; } .block-tractor-filter h1 { font-size:22px; font-weight:normal; display:block; margin-bottom:20px; } .abovecols .breadcrumbs { margin:2px 0 2px; display:block; float:left; } .cms-makemodelsearch-html .col-main .breadcrumbs { display:none; } .abovecols #mmblock.block-tractor-filter select { display:inline; padding:6px 10px 10px; font-size:16px; color:#666; width:400px !important; border:1px solid #ccc !important; background:#fff; background-image:none !important; border-radius:3px !important; height:41px; box-shadow:none; float:left !important; z-index:99; margin-right:10px; margin-left:5px; } .mm-block-filter span.applymm a { border:1px solid #F97910; color:#fff; font-size:14px; font-weight:bold; background:#F97910; padding:9px 20px; border-radius:2px; margin-right:25px; margin-left:15px; transition:all 200ms ease; } .mm-block-filter span.applymm a:hover { border-color:#F97910; background:#F97910; } .applymm { float:left; padding-top: 1px; } .mm-block-filter .block-tractor-filter .block-content div { display:inline-block; } .block-tractor-filter .block-content div.chosen-container { width:36% !important; margin:0 10px 0 0px; float:left; } .pm-mm-top .advanced-search-in { width:100%; float:left; } .no-makes-selected.makemodelsearch-index-index .page-wrapper { min-height: auto; } .no-makes-selected.makemodelsearch-index-index .main-page-banner + .page-main .columns { display: block; } @media screen and (max-width:860px) { .control-buttons { width:98%; text-align:center !important;; margin-left:2%; margin-top:15px; } .control-buttons span { float:none; } .block-tractor-filter h1 { margin-left:2%; } .block-tractor-filter .block-content div.chosen-container { width:46% !important; margin:0 2%; height:40px; background: #000; } } .chosen-drop .chosen-search { width:100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .chosen-drop .chosen-search input { width:100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } @media (max-width: 614px) { .block-tractor-filter .block-content div.chosen-container { width: 100% !important; margin: 2% 0; } } #mmfilter_chosen.chosen-container { display:inline-block !important; height:40px; } .block-content .chosen-container .chosen-drop { width:100%; } .block-content .chosen-container-single .chosen-single { height:40px; line-height:38px; border-radius: 2px; background:#f6f8fa url(../images/Arrow-downx2-white.png) no-repeat center right 0px / 38px !important; border:1px solid #cbcbcb; box-shadow: none; width:100%; } .block-content .chosen-container-single .chosen-single div b { background:none; display:none; } .chosen-container-single .chosen-single div { width:25px; } .block-content .chosen-container-single .chosen-search input[type="text"] { width:391px; margin-bottom:-3px; } .block-content .chosen-container-active.chosen-with-drop .chosen-single div b { background-position:-17px 8px; } .undermessage { border-top:1px solid #b4b4b4; width:100%; margin:20px 0 0; padding-top:20px; } .control-buttons { float:left; padding-top:9px; } .abovecols .chzn-container-single .chzn-single, .abovecols input#asf-model { padding:6px 10px 10px; font-size:16px; color:#666; width:292px !important; border:1px solid #ccc !important; background:#fff; background-image:none !important; border-radius:3px !important; height:22px; box-shadow:none; float:left !important; z-index:99; } .abovecols .chzn-container-single .chzn-single div b { margin-top:6px; } .abovecols #asf_make_chzn { float:left !important; width:340px !important; } .abovecols .block-tractor-filter .block-content div.advanced-search { width:100%; } .abovecols #asf_model_select_chzn { width:335px !important; float:left; } .abovecols div#li-asf-model-select { float:left; width:405px; position:relative; overflow:visible; } .abovecols select#asf-model-select { width:379px !important; } .abovecols .chzn-container-active { width:355px !important; } .abovecols div.chzn-drop { /*left:0; top:35px; */border:1px solid #ccc; border-top:0; width:314px;/*display:none;*/ } .abovecols .chzn-container-active div.chzn-drop { margin-top:-5px; } button#asf-apply { background:url("../images/search-w.png") no-repeat scroll center center #FEB13B; width:102px; height:40px; } button#asf-apply:hover { background-color:#FA6900; } button#asf-apply span { display:none; } .mm-loader { background:url("../images/loader.gif") no-repeat center; position:absolute; width:50px; height:20px; top:10px; left:195px; } .mm-loader-2 { left:580px !important; } .filthere-loader { background:url("../images/loader.gif") no-repeat center; min-height:30px; width:100%; margin-bottom:10px; } .prodview-loader { float:left; } .feat-loader { background:url("../images/loader.gif") no-repeat center #fff; height:448px; width:706px; z-index:999; position:absolute; } span.loader { background:url("../images/loader.gif") no-repeat center; float:left; width:50px; height:20px; margin-left:10px; } .catpages-loading { background:url("../images/loader.gif") no-repeat center #fff; height:50px; width:686px; } .block-specialsubcats { border-radius:0 !important; border-top:1px solid #000 !important; border-bottom:1px solid #000 !important; } .special-mm-title { width:167px; float:left; margin-left:10px; margin-top:10px; text-transform:uppercase;} .special-mm-title h1 { font-size:14px; font-weight:bold; color:#FA6900; } .block-specialsubcats .block-content h4 { font-size:14px; text-transform:uppercase; font-weight:bold; color:#FA6900; } .block-specialsubcats .block-content { float:left; width: 515px; padding-top:0; margin-top:7px; border-left:1px solid #ccc; margin-bottom:6px; min-height:54px; } .special-first { width:100%; float:left; margin-top:10px; } .special-second { width:100%; } .special-mm-title span { float:left; text-transform:uppercase; } span.smm { padding-right:3px; } .block-specialsubcats ul.categories-grid { width:520px; } .block-specialsubcats ul.categories-grid li.item { width:255px; } /* New MM search popular makes */ .popmakes-wrap { width:100%; } .popmakes-wrap h3, .machine-parts h3 { width:100%; float:left; margin-bottom:20px; border:none; padding-left:0; } .popmake { width:18%; margin:0 1% 20px; float:left; text-align:center; overflow: hidden;margin-bottom: 20px; position: relative; } .popmake:before { content:''; position: absolute; background:rgba(0,0,0,0.5); width:100%; height:300px; top:0; left: 0; transition:all 200ms ease; } .popmake:hover:before { background:rgba(0,0,0,0.8); } .popmake img { max-width:100%; width:100%; height: auto; } .popmake span { width:100%; display:block;text-transform:uppercase; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-weight: bold; box-sizing: border-box; padding:5px;} .touch .popmake { width:23%; } .mobile .popmake { width:48%; margin-bottom: 10px; } .pop-activated #mmfilter_chosen.chosen-container { display:none !important; } .popimage-container { float:left; margin:0 55px 0 25px; } .pop-titleit { float:left; clear:right; width:67%; margin:18px 0 10px; font-size:16px; } .pop-controller { margin-top:30px; } .machine-parts a { width:25%; display:inline-block;margin:0 0 20px; } .machine-parts a span { width:90%; display:block; border-bottom: 1px solid #ccc; text-transform:uppercase; padding:0 0 10px; } .tablet .machine-parts a { width:50%; } .mobile .machine-parts a { width:100%; } .mobile .machine-parts a span { width:100%; } .popular-choice-mp .block-tractor-filter .block-content div.chosen-container { width:52% !important; } .touch .abovecols .block-tractor-filter .block-content .pop-activated div.popimage-container { width:100%; text-align:center; } .touch .block-tractor-filter .block-content .pop-activated div.chosen-container { width:100% !important; margin:0; } .touch .block-tractor-filter .block-content .pop-activated .control-buttons { width:100%; text-align:center; padding-top:20px; } .touch .block-tractor-filter .block-content .pop-activated .control-buttons div { float:none; } .touch .block-tractor-filter .block-content .pop-activated .control-buttons span.applymm { float:none; } .touch .pop-titleit { width:100%; text-align:center; } .switcheroo{ width:100%; float:left; text-align: center; margin-bottom: 35px; } .tm-switch{ width:140px; display:inline-block; text-align: right; cursor:pointer; } #trig-link_parts.tm-switch { text-align: left; } .switcheroo .icon{ display:inline-block; margin:0 10px; width:55px; background:url(../images/update/mmswitch-1.png) no-repeat center; color:rgba(0,0,0,0); } #selected-link_parts .icon { background-image:url(../images/update/mmswitch-2.png); } .makemodelsearch-index-index .footer.content { padding-top: 0; } .makemodelsearch-index-index .feat-brand-wrap { border-top: 0; } @media screen and (max-width:1350px) { .block.block-tractor-filter.mm-block-filter { padding:20px; } } /* DEALER LOCATOR */ .dealerlocator { float:left; width:100%; } .dealer-search { width:100%; float:left; margin:20px 0 40px; border-radius:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .dealer-search h1 { font-size:22px; } .dealer-blurb { width:100%; float:left; margin-bottom:30px; } .blurb-left { width:25%; float:left; } .blurb-right { width:69%; float:right; text-align:left; } .blurb-right span { display:block; width:100%; float:left; } .dealer-choices { width:65%; float:left; } .dealer-choices input, .dealer-choices select { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .dealer-choices input { padding:9px; width:50%; margin-right:2%; color:#333; } .dealer-choices select { padding:9px; width:45%; } .dealer-search .delo-buttons-set { width:35%; float:left; } button.applymm { border:1px solid #339933; color:#339933; font-size:12px; font-weight:bold; background:rgba(0, 0, 0, 0) url("../images/apply.png") no-repeat scroll 5px center; padding:10px 10px 10px 29px; border-radius:3px; text-transform:uppercase; margin-right:10px; } .dealer-search #clearbutt { padding:9px 9px 9px 28px; } #gmap-container { width:69%; float:right; } .list-all-dealer { width:29%; float:left; background:#f1f1f1; } .dealer-listing { height:462px; position:relative; overflow-y:auto; } .list-all-dealer h2 { background:#b21117; display:block; padding:10px; color:#fff; } .dealer-record { display:block; padding:5px 10px; margin-bottom:10px; cursor:pointer; float:left; } .dealer-record:hover { background:#e9e9e9; } .dealer-name { font-weight:bold; } .dealer-address { width:100%; float:left; } .dealer-address span { width:100%; float:left; } .small-tablet .list-all-dealer, .mobile .list-all-dealer { width:100%; margin-top:20px; } .small-tablet .dealer-listing, .mobile .dealer-listing { height:auto; } .small-tablet #gmap-container, .mobile #gmap-container { width:80%; padding:10%; background:#f1f1f1; } .small-tablet .gmap, .mobile .gmap { width:94%; margin:3%; } .mobile .dealer-choices { width:100%; } .mobile .dlo-buttons-set { width:100%; margin-top:15px; float:left; } /* REGISTER */ .account-login { width:100%; float:left; padding-top:20px; } .account-login h1 { display:block; margin-bottom:20px; } .logreg-left { width:48%; float:left; margin-right:4%; border:1px solid #c9c9c9; border-radius:3px; padding:15px; min-height:350px; } .logreg-right { width:48%; float:left; padding:15px; border:1px solid #c9c9c9; border-radius:3px; min-height:350px; } .logreg-left h2 { font-size:16px; font-weight:bold; display:block; margin-bottom:10px; } .logreg-left span, .logreg-right span { display:block; width:100%; } .sepit { width:100%; height:1px; border-top:1px solid #c9c9c9; margin:30px 0 10px; } .logreg-left a { background:url("../images/register-icon-orange.png") no-repeat scroll 5px center; border:1px solid #F97910; color:#F97910; font-weight:bold; padding:5px 10px 5px 27px; border-radius:3px; } .logreg-left span.pushdown { margin-bottom:20px; } .logreg-right .form-list li { width:100%; } .logreg-right .form-list .input-box { width:100%; } .logreg-right .form-list li input { width:100%; padding:9px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .logreg-right p.required { text-align:left; } .logreg-lbuts { width:100%; float:left; } .logreg-lbuts a { float:left; text-decoration:underline; } .logreg-lbuts button { float:right; background:rgba(0, 0, 0, 0) url("../images/login-icon-green.png") no-repeat scroll 8px center; color:#329d35; font-weight:bold; text-transform:uppercase; border:1px solid #329d35; padding:5px 15px 5px 32px; font-size:14px; } .regy-box .customer-name .name-firstname { width:49% !important; margin-right:2%; } .regy-box .customer-name .name-firstname input { width:100% !important; } .regy-box .customer-name .name-lastname { width:49% !important; } .regy-box li.control .input-box { width:auto; float:left; } .regy-box li.control label { float:left; margin:2px 0 0 5px; } .regy-box #remember-me-box { display:none; } .push-title { margin-top:20px; } .mobile .logreg-left { width:100%; margin-right:0; margin-bottom:20px; } .mobile .logreg-right { width:100%; } /* ENQUIRY LISTS */ #wishlist-view-form .buttons-set button, .sbl-enqy button { color:#F97910; font-size:14px; font-weight:bold; text-transform:uppercase; padding:5px 7px; } #wishlist-view-form .buttons-set button.btn-share,.sbl-enqy button#subenquiry { background:url(../images/register-2.png) no-repeat 5px 6px; padding-left:28px; color:#2e9a2b; border-color:#2e9a2b; margin-left:12px; } #wishlist-view-form .buttons-set { border:none; } #wishlist-view-form .title-line .rog { padding:7px 0 !important; } #wishlist-view-form .rog1, #wishlist-view-form .rog2, #wishlist-view-form .rog3, #wishlist-view-form .rog5 { padding-top:8px; } #wishlist-view-form .rog4 { padding-top:3px; } .small-tablet #wishlist-view-form .rog1, .small-tablet #wishlist-view-form .rog2, .small-tablet #wishlist-view-form .rog4,.small-tablet #wishlist-view-form .rog5 { width:25%; display:inline; } .small-tablet #wishlist-view-form .rog3, .mobile #wishlist-view-form .rog3 { display:none; } .mobile #wishlist-view-form .rog1, .mobile #wishlist-view-form .rog4, .mobile #wishlist-view-form .rog5 { width:33.33%; display:inline; } .mobile #wishlist-view-form .rog2 { display:none; } .mobile #wishlist-view-form .buttons-set { text-align:center; } .mobile #wishlist-view-form .buttons-set button { float:none; clear:both; margin:0 0 10px; } .sbl-enquiry .go-left { width:49%; float:left; margin-right:2%; } .sbl-enquiry .go-right { width:49%; float:left; } .sbl-enquiry .go-right { padding-top:10px; } .sbl-enquiry .go-right label { font-weight:bold; } .sbl-enquiry .go-right textarea { padding:9px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width:100% !important; height:300px; } .sbl-enqy { margin-top:20px; float:left; width:100%; } .enquiry-link a { color:#F97910; border:1px solid #F97910; border-radius:3px; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 18px; margin-left:25px; transition:all 300ms ease; } .enquiry-link a:hover { background:#F97910; color:#fff; } .touch .sbl-enquiry .go-left { width:100%; margin:0; } .touch .sbl-enquiry .go-right { width:100%; } .touch .sbl-enquiry .go-right textarea { height:100px; } /* FORMS */ .webforms-dealer-reg .fieldset { background:none; margin:0; padding:0; border:none; } .webforms-dealer-reg .form-list { padding-left:0; } .webforms-dealer-reg .form-list .fields .field { width:48%; margin-right:2%; } .list-select .control input { width:auto !important; float:left; margin-top:5px; } .list-select .control label { float:left; } .list-select { padding:0 !important; float:left; margin-top:15px !important; } /* CATALOGUE VIEWER */ #target_catalogue h2 { font-size:24px;border-bottom:1px solid #c9c9c9; padding:0 0 10px 5px; margin-bottom:20px; } #frameox { max-height:100%; background:#fff; overflow:hidden; } .touch #catpop { width:100%; } body .fade-up #stockpop #frameox { width:100% !important;max-width:100% !important; } #frameox #catpop { /*width:1000px; */width:100%; height:94%; margin-top:5px; } iframe#ajb { width:300px; } #frameox h4 { padding-top:10px; } #product_catalogue_table .pm-tr-left { width:50%; font-weight:normal;border-right:1px solid #cbcbcb; } #product_catalogue_table .pm-tr-right { width:50%; } #product_catalogue_table .pm-tr-right a:hover{ text-decoration: underline; } #product_catalogue_table .pm-tr-far-right { width:25%; float:left;border-left:1px solid #cbcbcb; padding:5px; font-weight:bold; } .desktop .showdesk, .small-desktop .showdesk { display:inline; } .desktop .showtouch, .small-desktop .showtouch { display:none; } .touch .showdesk { display:none; } .touch .showtouch { display:inline; } .mobile #product_catalogue_table .content-row-p .pm-tr-far-right,.mobile #product_catalogue_table .content-row-p .pm-tr-right { min-height:70px; } a.zmag { text-decoration:underline; } .pm-tr-left a.zmag { text-decoration:none; } .pm-tr-left a.zmag:hover { text-decoration:underline; } .minifi .header { padding-top:0 !important; padding-bottom: 0 !important; } .minifi .product-view { padding-top:0px; } .minifi .head-message-out, .minifi .head-top-nav-out, .minifi .head-logo, .minifi .quickpartssearch, .minifi .block-content-cart-top, .minifi .signin , .minifi .register, .minifi .stockist, .minifi #link_catalogue, .minifi #mobile_catalogue, .minifi .page-header, .minifi .stickyproduct-pm, body.pixiedust.minifi .nav-sections, body.pixiedust.minifi .navigation, .minifi .relatedcrosswrap, .minifi .recently-viewed-scroller, .minifi #target_catalogue, .minifi .page-bottom { display:none !important; } .minifi .nav-row-out { display:none; } .minifi .breadcrumbs { display:block; } .minifi .head-search { margin-top:0 !important;} .minifi .footer-container { display:none; } .minifi .subfooter-container { display:none; } .minifi #target_specification .pm-spec:nth-of-type(2) { display:none; } .minifi #mobile_catalogue { display:none; } .minifi .add-to-favourites { display:none; } .minifi #link_related, .minifi #mobile_related, .minifi #link_alternative, .minifi #mobile_alternative { display:none; } .minifi .add-to-enquiry-link { display:none; } .minifi .col-left {display: none;} .minifi .col-main {width: 100%; } /* CATALOGUE LIST */ .cat-intro { float:left; } .cat-intro span { display:block; clear:both; } .cat-intro span a { text-decoration:underline; } .getacrobat { background:url(../images/getacrobat.jpg) no-repeat center; width:158px; height:39px;float:right; font-size:0; display:block; } .catalogue-tabs-content { padding-top:0px; float:left; } .catalogue-tabs-content a:hover { text-decoration:underline; } .catalogue-list-page h1 { font-size:24px;border-bottom:1px solid #c9c9c9; padding:0 0 10px 5px; margin-bottom:20px; } .expanded_catalogue_listing .catalogue_image { width:20%; float:left; box-sizing: border-box; padding-right: 20px;} .expanded_catalogue_listing .catalogue_image img { max-width:100%; box-sizing: border-box; } .intro-cat { width:80%; float:right; border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9; padding:8px 0 4px; margin-bottom:15px; position: relative; } .bltitle { width:80%; float:right; font-weight:bold; margin:0 0 10px; } .intro-cat a {float:right; background:url(../images/dl-pdf.png) no-repeat center left; padding:10px 0px 10px 28px; line-height: 0; position: absolute; right:0px; top:50%; transform: translate(0,-50%); display: none; } .intro-cat h3 { float:left; } .catalogue_list_level_3 li { width:50%; float:left; } .touch .catalogue_list_level_3 li { width:100%; } .expanded_catalogue_listing ul { width:80%; float:right; } ul.catalogue-tabs { width:100%; float:left; margin:20px 0 -16px; padding:0; } .cataloguelist-index-index .column.main { min-height: 0; } .cataloguelist-index-index #product_tabs { z-index: 1; } .cataloguelist-index-index .pm-navblock { margin-top: 6px; border-top: 1px solid #cbcbcb; min-height: 100px; } .catalogue-tabs li { background: #fff none repeat scroll 0 0; border: 1px solid #cbcbcb; cursor: pointer; float: left; margin-left: -1px; padding: 10px 15px; border-bottom: #f6f8fa; } .catalogue-tabs li.active {background: #f6f8fa;} .catalogue_column_1,.catalogue_column_2,.catalogue_column_3 { width:100%; float:left; margin-bottom:20px; } .catalogue_column_1 li, .catalogue_column_2 li, .catalogue_column_3 li { width:50%; float:left; padding:2px 0; } .expanded_catalogue_listing { width:100%; float:left; margin-bottom:20px; } .small-desktop .cat-nav-block, .touch .cat-nav-block { width:96%; padding:0 2%; margin:0; } .small-tablet .intro-cat h3, .small-tablet .intro-cat a, .mobile .intro-cat h3, .mobile .intro-cat a { width:100%; float:left; } .small-tablet .catalogue_column_1 li, .small-tablet .catalogue_column_2 li, .small-tablet .catalogue_column_3 li, .mobile .catalogue_column_1 li, .mobile .catalogue_column_2 li, .mobile .catalogue_column_3 li { width:100%; } @media screen and (max-width:1350px) { .cataloguelist-index-index .pm-controller { display: block; } .catalogue-list-page { width:100%; padding:0 20px; box-sizing: border-box; } .cataloguelist-index-index .pm-controller-inner { width:100%; box-sizing: border-box; padding:0 20px; } .cataloguelist-index-index .cat-nav-block { width:100%; box-sizing: border-box; padding:10px 20px; margin-top: 6px; } } @media screen and (max-width:1100px) { .cataloguelist-index-index .intro-cat h3 { width:100%; float:left; text-align: left;} .intro-cat a { position: static; float:left; display: block; margin-top: 13px; } } @media screen and (max-width:767px) { .cataloguelist-index-index ul#product_tabs { float:left; margin:0 0 10px; } .cataloguelist-index-index .catalogue-tabs li { width:100%; border:1px solid #cbcbcb; box-sizing: border-box; margin:0 0 5px; } .catalogue-list-page { padding:0; } .cataloguelist-index-index .getacrobat { float:left; margin:15px 0 0px; } } /* RESPONSIVE STYLES */ .col-4-large { width:25%; float:left; } .tablet .col-4-large { width:50%; float:left; } .mobile .col-4-large { width:100%; float:left; } /* FAVOURITES LIST */ .favo-block .block-content { } #custbackorder.favourites-list .rog1 { width:5%; } #custbackorder.favourites-list .rog2 { width:10%; } #custbackorder.favourites-list .rog3 { width:30%; } #custbackorder.favourites-list .rog4 { width:10%; } #custbackorder.favourites-list .rog5 { width:25%; } #custbackorder.favourites-list .rog6 { width:15%; } #custbackorder.favourites-list .rog7 { width:5%; float:left; text-align:center; } #custbackorder.favourites-list .rog-wide { width:100% !important; text-align:right; padding:7px 0; } #custbackorder.favourites-list .rog2 img { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; width: 100%; max-width:56px; height:auto; border:1px solid #cbcbcb; } #custbackorder.favourites-list .rog3 a:hover { text-decoration:underline; } #custbackorder.favourites-list .rog4 input, #custbackorder.favourites-list .rog4 select { width:60px; max-width:95%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:2px; color:#333333; text-align:center; } #custbackorder.favourites-list .rog5 span { display:inline; width:auto; } #custbackorder.favourites-list .rog6 select { width:95%; max-width:95%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding:2px; color:#333333; text-align:left; } #custbackorder.favourites-list .rog7 a { margin-top:5px; display:block; float:right; } #custbackorder.favourites-list .rog-wide button { padding:3px 10px; margin-left:10px; } #custbackorder.favourites-list .rog-wide button span { padding:0; } .but-line { border:0; padding:10px 15px 0; margin-bottom:-5px; } .mobile #custbackorder.favourites-list .rog1, .small-tablet #custbackorder.favourites-list .rog1 { width:5%;display:inline; } .mobile #custbackorder.favourites-list .rog2, .small-tablet #custbackorder.favourites-list .rog2 { width:10%; display:none; } .mobile #custbackorder.favourites-list .rog3, .small-tablet #custbackorder.favourites-list .rog3 { width:30%; display:inline; } .mobile #custbackorder.favourites-list .rog4, .small-tablet #custbackorder.favourites-list .rog4 { width:10%; display:inline;} .mobile #custbackorder.favourites-list .rog5, .small-tablet #custbackorder.favourites-list .rog5 { width:25%; display:inline;} .mobile #custbackorder.favourites-list .rog6, .small-tablet #custbackorder.favourites-list .rog6 { width:25%; display:inline;} .mobile #custbackorder.favourites-list .rog7, .small-tablet #custbackorder.favourites-list .rog7 { width:5%; float:left; text-align:center; display:inline;} /* BRANDED VERSIONS */ .agco-shop .head-message-out { background-color:#ae132a; } .agco-shop .main-nav-link { } .agco-shop .pop-button { background-color:#ae132a;} .agco-shop .cart-top-price { color:#ae132a; } .agco-shop .country-activate { display:none; } .agco-shop .currency-select.head-line { display:none; } .agco-shop.agco-showcur .currency-select.head-line { display:inline-block; } .agco-shop .phone-display.head-line:before { display:none; } .agco-shop .language-active { display:block; } .agco-shop .header-container { } .agco-shop .head-logo img { max-width:250px; } .agco-shop .header .form-search button.button { background-color:#ae132a !important; border-color:#ae132a !important; } .agco-shop .header .form-search button.button:hover {background-color:#980109 !important; } .agco-shop .slidebutton { background:#ae132a; } .agco-shop .slidebutton:hover { background:#980109; } .agco-shop .svm a { border-color:#ae132a !important; color:#ae132a !important; } .agco-shop .svm a:hover { background:#980109 !important; border-color:#980109 !important; color:#fff !important; } .agco-shop a.orange { color:#ae132a; border-color:#ae132a; } .agco-shop a.orange:hover { background:#980109 !important; border-color:#980109 !important; color:#fff;} .agco-shop a.viewbutton { background:#ae132a; color:#fff; border-color:#ae132a; } .agco-shop a.viewbutton:hover { background:#980109 !important; border-color:#980109 !important; color:#fff;} .agco-shop .list-right form button { border-color:#ae132a; background:#fff; width:63px; } .agco-shop button#product-addtocart-button { border-color:#ae132a; color:#ae132a; } .agco-shop button#product-addtocart-button span { } .agco-shop button.button { border-color:#ae132a; } .agco-shop button.button span { } .agco-shop .list-right form button span span { background:rgba(0, 0, 0, 0) url("../images/grid-view-add-to-cart-red.png") no-repeat scroll left center; } .agco-shop .buy-right form button.loader span span, .agco-shop .list-right form button.loader span span { background:url(../images/ajax-loader-grid-view-42x24-red.gif); background-position:center; } .agco-shop button#product-addtocart-button { background-color:#ae132a; } .agco-shop button#product-addtocart-button:hover { background-color:#770107; } .agco-shop button#product-addtocart-button.loader { background-image:url(../images/ajax-loader-product-page-46x29-red.gif); } .agco-shop .blurb-right button { background:rgba(0, 0, 0, 0) url("../images/list-view-add-to-cart-red.png") no-repeat scroll 7px center; } .agco-shop button.btn-proceed-checkout { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll 7px center;} .agco-shop .add-to-cart-button button span span { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll left center; } .agco-shop .block-account .block-content li.acti a { color:#ae132a; } .agco-shop .box-head a { color:#ae132a; border-color:#ae132a; } .agco-shop .box-address-quick .col-1 h4, h3.defbill { color:#ae132a; } .agco-shop .ajaxadd-wrap button span span { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll left center; } .agco-shop #checkload1.loader { background:url("../images/ajax-loader-grid-view-42x24-red.gif") no-repeat scroll 0px center !important; } .agco-shop #menu-trigger.touch-main-nav-link { background-color:#ae132a; } .agco-shop .back-link a, .agco-shop a.fave-butt, .agco-shop a.fave-add, .agco-shop .saveorder-add-product { border-color:#ae132a; color:#ae132a; } body.agco-shop.pixiedust.checkout-index-index button.action-show-popup { display:none; } .agco-shop button span { color:#fff; } .agco-shop #idform button span { color:#007b83; } .agco-shop #idform button:hover span { color:#fff; } .agco-shop .slick-slider ul.slick-dots li.slick-active button, .agco-shop .slick-slider ul.slick-dots li:hover button, .agco-shop .slider-controls .slide-m-dots ul li.slick-active button, .acgo-shop .slider-controls .slide-m-dots ul li:hover button { background: #ae132a; } .agco-shop span.cs-normal, .agco-shop.ccmodacitve span.cs-counter { background-color: #ae132a; border-color:#ae132a; } .agco-shop.ccmodacitve span.cs-normal { background-color:#fff; border-color: #cbcbcb; } .agco-shop .footop-inner .help b { color:#ae132a; } .agco-shop #mmsearch { background:#ae132a; border-color:#ae132a; } .agco-shop #mmsearch:hover { background:#770107; border-color:#770107; } .agco-shop .subcategory-block li.item.viewallitem a { color:#ae132a; } .agco-shop #narrow-by-list li:hover a:before { background-color:#ae132a; border-color:#ae132a; } .agco-shop .pixie-addpop-modal .shopping-actions a.action.primary, .agco-shop .mm-block-filter span.applymm a, .agco-shop .stickyproduct-pm .addtoc form button.btn-cart.box-size, .agco-shop .action.primary, .agco-shop .ajaxadd-wrap button, .agco-shop .modal-popup.confirmpopup .modal-content .clearit, .agco-shop .rightcompare .minibutton span, .cart.table-wrapper .subundernote, .agco-shop button#submitemail, .agco-shop button#btn-cookie-allow { background-color:#ae132a; border-color:#ae132a } .agco-shop .pixie-addpop-modal .shopping-actions a.action.primary:hover, .agco-shop .mm-block-filter span.applymm a:hover, .agco-shop .stickyproduct-pm .addtoc form button.btn-cart.box-size:hover, .agco-shop .action.primary:hover, .agco-shop .ajaxadd-wrap button:hover, .agco-shop .modal-popup.confirmpopup .modal-content .clearit:hover, .agco-shop .rightcompare .minibutton span:hover, .cart.table-wrapper .subundernote:hover, .agco-shop button#submitemail:hover, .agco-shop button#btn-cookie-allow:hover { background-color:#770107; border-color:#770107; } .agco-shop .ajaxadd-wrap button span { color:#fff; } .agco-shop .cart-top-items strong { background-color:#ae132a; } .agco-shop .product-view .product-img-box .more-views li a.active-img { border-color:#ae132a } .agco-shop .pm-pnav li.active { border-color:#ae132a; color: #ae132a; } .agco-shop a:hover, .agco-shop .alink:hover { color:#ae132a !important; } .agco-shop .cart.table-wrapper .add-item-note, .agco-shop .address-type-choose .addnew span, body.agco-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link, .agco-shop span.back-btn, .agco-shop .inner-addmore, .agco-shop .zero-outer-wrap p a.startsearch { color: #ae132a; } .agco-shop .menu-pop ul li a { background:url(../images/downpoint2x-agco.png) no-repeat center right 13px / 5px; } .agco-shop .menu-level-third-container ul li a { background:none !important; } .agco-shop .menu-level-third-container ul .lictive a,.agco-shop .menu-level-third-container ul li a:hover { background:none !important; color:#ae132a; } body.agco-shop.pixiedust select, body.agco-shop.pixiedust.checkout-index-index select { background-image: url(../images/Arrow-downx2-white-agco.png) !important; } .agco-shop #narrow-by-list-search .control button span { background:url(../images/magnifying_glassx2x-agco.png) no-repeat center / 15px; } body.agco-shop.pixiedust .block .action.edit { background:url(../images/Note-pencilx2-agco.png) no-repeat center left / 15px; color:#ae132a } .agco-shop .cart.table-wrapper .add-item-note, .agco-shop span.back-btn { background-image:url(../images/Note-pencilx2-agco.png); } body.pixiedust.status_guest .add-item-note, body.pixiedust.status_guest .part-reference, body.pixiedust.status_guest a#save_cart { display: none; } body.pixiedust.status_guest .cart-pm-duo #clear_cart { margin-left: 0 !important; width: 100%; } .agco-shop div.field.qty .control select, .agco-shop .block-content .chosen-container-single .chosen-single { background-image:url(../images/Arrow-downx2-white-agco.png) !important; } .agco-shop .arrow-right { border-color: transparent transparent transparent #ae132a; } .agco-shop .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title { background-image:url(../images/Step1-activex2-icon-agco.png)} .agco-shop .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title { background-image:url(../images/Step2x2-agco.png)} .agco-shop .opc-progress-bar li.opc-progress-bar-item-faux.st4 .title { background-image:url(../images/Step3x2-agco.png)} .agco-shop .address-type-choose .choose-existing span { background-image:url(../images/Book-Iconx2-agco.png) } .agco-shop .address-type-choose .addnew span { background-image:url(../images/Add-New-Addressx2-agco.png); } body.agco-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link { background-image:url(../images/Note-pencilx2-agco.png); } body.agco-shop.pixiedust.checkout-index-index input[type="radio"]:hover, body.agco-shop.pixiedust.checkout-index-index input[type="radio"]:checked { background-image:url(../images/Radio-activex2-agco.png) } body.agco-shop .pixiegroup { background:url(../images/downpoint2x-agco.png) no-repeat center right 13px / 5px; } body.agco-shop.payment-step .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.agco-shop.checkout-onepage-success .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.agco-shop.checkout-onepage-success .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title {background-image:url(../images/Step-completex2-agco.png) } body.agco-shop.payment-step .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title {background-image:url(../images/Step2-activex2-agco.png) } .agco-shop .switcheroo .icon { background-image:url(../images/mmswitch-1-agco.png) } .agco-shop #selected-link_parts .icon { background-image:url(../images/mmswitch-1-flip-agco.png) } .agco-shop .promo-btn { color:#ae132a !important; border-color:#ae132a; } .agco-shop .promo-btn:hover { background:#ae132a; color:#fff !important; } body.agco-shop.pixiedust.checkout-index-index input[type="checkbox"]:checked { background-image: url(../images/Checkbox-active-agcox2.png.png); } @media screen and (max-width: 1350px) { .agco-shop .head-cart { width:29%; } } .newholland-shop .head-message-out { background-color:#004e9d; } .newholland-shop .main-nav-link { } .newholland-shop .pop-button { background-color:#004e9d; } .newholland-shop .cart-top-price { color:#004e9d; } .newholland-shop .country-activate { display:none; } .newholland-shop button { border-color:#004e9d; color:#004e9d; } body.newholland-shop.pixiedust.checkout-index-index button.action-show-popup { display:none; } .case-shop .head-message-out { background-color:#b61f2a; } .case-shop .main-nav-link { } .case-shop .pop-button { background-color:#b61f2a; } .case-shop .cart-top-price { color:#b61f2a; } .case-shop .country-activate { display:none; } .case-shop button { border-color:#b61f2a; color:#b61f2a; } body.case-shop.pixiedust.checkout-index-index button.action-show-popup { display:none; } .branded-header { width:100%; float:left; } .upperstrip { height:20px; display:block; width:100%; float:left; } .branded-case .upperstrip { background-color:#af152d; } .branded-nh .upperstrip { background-color:#044fa2; } .branded-agco .upperstrip { background-color:#333; } .branded-logo-outer { width:100%; padding:45px 0; text-align:left; } .touch .branded-logo-outer { text-align:center; } .branded-case .branded-logo-outer { background-color:#4a5960; } .branded-nh .branded-logo-outer { background-color:#fbce01; } .branded-agco .branded-logo-outer { background:none; padding:0; } .branded-agco .branded-logo-outer .branded-logo-inner img { margin-top:10px; } .branded-logo-inner { width:1350px; margin:auto; } .small-desktop .branded-logo-inner, .touch .branded-logo-inner { width:96%; padding:0 2%; } .branded-logo-inner img { max-width:100%; height:auto; } .branded-footer { width:100%; padding:100px 0; float:left; margin-top:40px; } .branded-case-footer { background:#4a5960; } .branded-nh-footer { background:#044fa2; } .branded-agco-footer { background:#333; } .branded-footer span { display:block; width:100%; color:#fff; text-align:center; } .land-image { max-width:100%; height:auto; margin-top:20px; } .account-login-agco .logreg-right strong,.account-login-nh .logreg-right strong,.account-login-case .logreg-right strong { font-size:16px; } .account-login-agco .logreg-left a, .account-login-case .logreg-left a { background:url(../images/agco_button.jpg) no-repeat 5px 8px; color:#ae132a; border-color:#ae132a; } .account-login-nh .logreg-left a { background:url(../images/nh-button.jpg) no-repeat 5px 8px; color:#00529c; border-color:#00529c; } .custom-reg-wrapper .block-title.side-title { width:43%; border-bottom: 1px solid #e8e8e8; box-sizing: border-box; padding:2px 9px; margin-top: 15px; display:none; } .custom-reg-wrapper .block-title.side-title strong { font-size:18px; font-weight: normal; } body.pixiedust .custom-reg-wrapper { width:100%; float:left; } body.pixiedust .custom-reg-wrapper .login-container { width:50%; float:right; box-sizing: border-box; padding-left: 80px; padding-left: 0; float:left; } body.pixiedust .custom-reg-wrapper .form-create-account { width:50%; min-width: 0; box-sizing: border-box; padding-right: 80px; float:left; border-right: 1px solid #e8e8e8; display:none; } body.pixiedust .custom-reg-wrapper .form-create-account input.input-text { height:42px; } body.pixiedust .custom-reg-wrapper .login-container .fieldset>.field>.control { width:100%; } body.pixiedust .custom-reg-wrapper .block.block-customer-login.pm-login { width:100% !important; } body.pixiedust .custom-reg-wrapper .form.form-login .fieldset button.action.login.primary { height:42px; background-position: center left 10px; } .account-login-case .logreg-left,.account-login-nh .logreg-left,.account-login-agco .logreg-left { margin-right:0; margin-left:4%; } .mobile .account-login-case .logreg-left,.mobile .account-login-nh .logreg-left,.mobile .account-login-agco .logreg-left { margin-left:0; margin-top:20px; } .pixiemedia_customerlogin-customerlogin-agco .head-message-out, .pixiemedia_customerlogin-customerlogin-internationalcase .head-message-out, .pixiemedia_customerlogin-customerlogin-nh .head-message-out { display:none; } @media screen and (max-width:1350px) { body.pixiedust .custom-reg-wrapper { box-sizing: border-box; padding:0 20px; } body.pixiedust .custom-reg-wrapper .login-container { padding-left: 5%; } body.pixiedust .custom-reg-wrapper .form-create-account { padding-right: 5%; } .branded-logo-inner { width:100%; box-sizing: border-box; padding:0 20px; } } @media screen and (max-width:767px) { body.pixiedust .custom-reg-wrapper { padding:0 5px; } body.pixiedust .custom-reg-wrapper .form-create-account { border:0; padding-right: 0; width:100%; } body.pixiedust .custom-reg-wrapper .login-container { width:100%; padding-left: 0; } .custom-reg-wrapper .block-title.side-title { width:100%; } } /* COMPARISON TABLE */ .comparison-container .pm-table { display:table; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; } .comparison-container .pm-table-row { float:none; display:table-row; transition:all 300ms ease; background:#f6f8fa; } .comparison-container .pm-table-row.arrclass_0 { background:#fff; } .comparison-container .pm-table-row .pm-tr-left:first-of-type { background:#fff; } .comparison-container .pm-tr-left { font-weight:normal; display:table-cell; float:none; width:auto !important; height:auto !important; border:1px solid #cbcbcb; border-right:0; border-bottom:0; vertical-align:middle; text-align:center; background:none; } .arrclass_0 .pm-tr-left { font-weight:bold; } .comparison-container .pm-table-row:hover { background:#f6f6f6; } .arrclass_0:hover { background:#fff !important; } .leftalign { text-align:left !important; } .leftcompare { float:left; min-height:30px; text-align:left; width:100%; margin-bottom: 5px; } .leftcompare span { display:block; } .leftcompare span a { text-decoration:underline; color:#000; } .leftcompare span { } .rightcompare { float:right; padding:5px 5px 0 0; min-height:30px;text-align:left; width:50%; box-sizing: border-box; } .rightcompare .minibutton { } .rightcompare .minibutton { border:none; transition: all 200ms ease; } .rightcompare .minibutton span { background: #F97910 url("../images/checkout/basket_icon_white.png") no-repeat scroll center / 20px; font-size:0; width:42px; height:32px; padding:0; transition: all 200ms ease; margin-top: -3px; } .rightcompare .minibutton:hover span { background:#F97910 url("../images/checkout/basket_icon_white.png") no-repeat scroll center / 20px; } .rightcompare button.loader span { background:url('../images/ajax-loader-grid-view-42x24.gif') no-repeat center !important ; } .rightcompare select { padding:4px 1px 4px 3px; width:65px; margin-top: -3px; } .rightcompare input.qty { text-align:center; } .pm-table .rightcompare .minibutton { background: none; border: none; } .sortlink { cursor:pointer; } .sortlink span { display:inline-block; } .icont { background:url(../images/update/Table-arrow-greyx2.png) no-repeat center 2px / 8px; width:10px; height:13px; margin:5px 0 0 5px; opacity:1; transition:all 300ms ease; } .sortlink span.filter_linked { color:#ccc; } .sortlink:hover .icont,.activated .icont { opacity:1 !important; } .sortlink:hover, .activated { color:#000 !important; } .rightcomparefar { float:right; min-height:30px; padding:6px 5px 0; width:50%; box-sizing: border-box; } .rightcomparefar .stockcheck { border:none; padding:0; } .not_stocked { background:url("../images/update/StockLevels-OUTx2.png") no-repeat center / 25px; width:32px; height:29px; display:block; cursor:pointer; } .is_stocked { background:url("../images/update/StockLevels-greenx2.png") no-repeat center / 25px; width:32px; height:29px; display:block; cursor:pointer; } .stockdays_orangeme { background:url("../images/comparison-stock-orange.png") no-repeat center !important; } .refe-icon { background:url(../images/reference-icon.png) no-repeat center left; padding-left:20px !important; color:#2e8737; } .login-lower-block .refe-icon { margin:10px 0 0 -3px !important; } .filter_span { position:relative; border-top:1px solid #ccc; padding-top:12px; padding-bottom:9px; margin-top:4px; margin-left:-5px; margin-right:-5px; font-size:12px; } .filter_linked span { border:1px solid #ccc; padding:0 15px 0 4px; background:url(../images/update/Down-arrow-grey-smallx1.png) no-repeat center right 4px / 8px; border-radius:0px; color:#ccc; } .filter_options { box-sizing:border-box; position:absolute; top:41px; left:50%; margin-left:-100px; background:#fff; box-shadow:2px 2px 1px 0px #ccc; border:1px solid #ccc; border-radius:3px; padding:10px; width:200px; text-align:left; } .filter_options span { display:block; font-size:12px; font-weight:normal; background:url(../images/filt_tick_up.png) no-repeat 0px 2px; padding-left:18px; padding-bottom:2px; margin-top:2px; } .filter_options span.optactive, .filter_options span.optactive:hover { background:url(../images/filt_tick_over.png) no-repeat 0px 2px;} .filter_options .filtclear span { background:none; display:inline; color:#cf0001; text-transform:uppercase; padding:10px 2px; } .filter_options .filtclear span.icon { background:url(../images/mm-reset.gif) no-repeat center; width:20px; height:17px; display:inline; margin-right:5px; padding:10px;} .filter_options .filtclear { border:1px solid #cf0001; border-radius:3px; background:none; color:#cf0001; font-weight:bold; padding:3px; margin-right:0px; } .filter_options .btn-submit { text-transform:uppercase; padding:3px; border-color:#007b83; margin-right:5px; background:#fff; } .filter_options .btn-submit span { display:inline; background:none; padding:10px 2px; color:#007b83; } .filter_options .button-wrap { margin-top:10px; width:100%; } .actifilt { color:#cf0908; } .actifilt span { border-color:#cf0908; background:url(../images/comp/filter-dropdown-red.png?r=1) no-repeat center right !important; } .diagram-image { font-size:0; width:100%; margin: auto; height:42px; background:url(../images/update/Diagram-emptyx2.png) no-repeat center / 35px; display:block; margin:0%; cursor:pointer; } .active-more-diag { text-decoration:underline; color:#007b83 !important; } .more-diag { cursor:pointer; margin-right:5px; color:#F97910; font-weight:normal; } .direct_asc .icont { background:url(../images/update/Table-arrow-blackx2.png) no-repeat center 2px / 8px; margin-bottom:-1px; height:14px; } .direct_desc .icont { background:url(../images/update/Table-arrow-blackx2.png) no-repeat center 2px / 8px;margin-bottom:-1px; height:14px; } .direct_asc .clickable, .direct_desc .clickable { color:#000; } .comparison-container h3 { border-bottom:none; float:left; font-weight: normal !important; } span.helpco { background:url(../images/update/Other-Productsx2.png) no-repeat center / 28px; width:30px; height:30px; display:inline-block; float:left; margin-top:-1px; cursor:pointer; margin-right:10px; } .helpop-box h4 { background:url(../images/comp/help.png) no-repeat center left; padding:7px 0 7px 39px;} .helparrows { background:url(../images/toggle.png) no-repeat center 2px; width:10px; height:13px; display:inline-block; margin-left:5px; } .helpop-box ul { } .helpop-box ul li { } .helpop-box ul li::before { content: "\2022 "; color: black; margin-right:5px; } .partnumcol { font-weight:bold !important; } #rangeslider span, .rangesliderbutton span { display:inline; float:left; width:auto; } #rangeslider span.icon, .rangesliderbutton span.icon { background:url(../images/mm-apply.gif) no-repeat center; width:20px; height:17px; display:inline; margin-right:5px; } #rangeslider, .rangesliderbutton { border:1px solid #2f9a32; border-radius:3px; background:none; color:#2f9a32; font-weight:bold; padding:3px 9px 3px; margin:0px 10px 15px 10px; } /* COMPARISON TABLE LANDING PAGES */ .pixiemedia-comparisontables-index-index .breadcrumbs-outer { margin-top:0px; } .pixiemedia-comparisontables-index-index ul.messages { margin-top:20px !important; } .pixiemedia-comparisontables-index-index .comptro ul { list-style:square; margin-left:20px; } .comptro { width:100%; margin-bottom:20px; } .comp-list-wrap { width:100%; float:left; padding-top:20px; } .comp-item { float:left; width:15%; margin-right: 2%; margin-bottom:20px; box-sizing:border-box; text-align:center; } .comp-item img { width:100%; height:auto; } .comp-item span { width:100%; padding:10px 0 0; display:block; } .cmpi_6 { margin-right:0; } .pixiemedia-comparisontables-index-view .comparison-container h3 { display:none; } .nameco { width:100%; float:left; margin:10px 0 25px; } .nameco span { margin-top:-3px; } .goback { float:right; margin-top:-59px; color:#007b83; border:1px solid #007b83; padding:5px 15px; border-radius: 5px; transition:all 300ms ease; text-transform: uppercase; } .goback:hover { background:#007b83; color:#fff; } .tablet .comp-item,.mobile .comp-item { width:32%; } .tablet .cmpi_3, .mobile .cmpi_3 { margin-right:0;} .more-views ul li{ position: relative; } .more-views ul li .video-img{ padding: 15%; width:70%; } .pim-gallery .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .pim-gallery .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .more-views ul li div.video-icon { position: absolute; display: block; background: url(../images/play-icon.png) no-repeat center; height: 75%; width: 100%; top: 12%; left: 0px; background-size: 75%; background-color:#ccc; opacity: 0.9; filter: alpha(opacity=9); } /*Feedback form*/ .c_feedbacklink_box{ background-size: 32px 25px; background-color:#017C83; display: inline-block; position:fixed; right:6px; z-index: 999910; border-bottom-right-radius:5px; border-bottom-left-radius:5px; font-weight: bold; color:white; padding: 10px; padding-bottom: 0px; padding-top: 5px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); cursor: pointer; } ._has-modal .c_feedbacklink_box { display:none; } .c_feedbacklink_box .box_content{ background: url(../images/feedback-small.png) no-repeat left; background-size: auto auto; background-size: 32px 25px; min-height: 25px; min-width: 34px; padding-left: 40px; padding-top: 2px; padding-right: 2px; } .mobile .c_feedbacklink_box .box_content{ padding-left: 0px; } .small-mobile .c_feedbacklink_box .box_content{ padding-left: 0px; } .mobile .c_feedbacklink_box .box_content span{ display:none; } .small-mobile .c_feedbacklink_box .box_content span{ display:none; } .cfeedbackform .popup-box-header{ display: block; background:#017C83; width: 100%; height: 100%; padding: 15px; } .cfeedbackform .popup-box-header .header-content{ background:url("../images/feedback-large.png") no-repeat scroll left; background-size: 72px 57px; width:100%; height:70px; } .cfeedbackform .stock-header h1, #popup_box .popup-box-header h1{ padding: 25px 0px 0px 80px; color: white; text-transform: none; } .cfeedbackform .close-btn { position:absolute; top:15px; right:15px; width:11px; height:14px; background:url("../images/popclose-transparent.png") no-repeat scroll center center #017C83; display:block; font-size:0; cursor:pointer; } .cfeedbackform .fieldset{ border: 0px; background: #fff; padding: 0; margin:0; } .cfeedbackform .fieldset label{ display: none; } .cfeedbackform .fieldset .input-box select{ width: 456px; clear: both; vertical-align: bottom; height: 40px; font-weight: bold; } .cfeedbackform .fieldset .input-box textarea{ max-width: 555px; width: 100%; clear: both; vertical-align: bottom; height: 200px; } .mobile .cfeedbackform .fieldset .input-box textarea{ max-width: 555px; width: 100%; clear: both; vertical-align: bottom; height: 100px; } .small-mobile .cfeedbackform .fieldset .input-box textarea{ max-width: 555px; width: 100%; clear: both; vertical-align: bottom; height: 100px; } .cfeedbackform .login-lower-block { background-color: #fff; padding:30px !important; } .cfeedbackform .form-list .fields .field{ width:100%;} .cfeedbackform #popup_box, .cfeedbackform .popup-box{ background-color:#017C83; padding: 0px; width: 100%; margin:-42px 0 0; border-radius: 0; } .popup-authentication.feedback-pop .modal-header { position: relative; z-index: 9999; } .popup-authentication.feedback-pop .modal-header .action-close:before { color:#fff; } .cfeedbackform .footer-box{ background-color: #B21117; width: 100%; color: white; text-align: center; vertical-align: middle; line-height: 25px; float:left; padding:10px 0; } .cfeedbackform .footer-box div{margin: 0 auto; width: 70%} .mobile .cfeedbackform .footer-box div{width:100%} .small-mobile .cfeedbackform .footer-box div{width:100%} .cfeedbackform .buttons-set { border: 0px; margin: 0; padding: 5px 0 20px 0px; } .cfeedbackform p.required{ display: none; } .cfeedbackform .webforms-success-text{ text-align: center; } .cfeedbackform .webforms-success-text strong{ text-align: center; } .cfeedbackform button { overflow: visible; width: auto; border: 1px solid #F97910; padding: 5px 7px 5px 7px; margin-bottom: 15px; background: transparent; cursor: pointer; border-radius: 1px; color: #F97910; font-weight: bold; } .cfeedbackform .feedback-form-page-disabled{ display: none; } .mobile .cfeedbackform #popup_box, .cfeedbackform .popup-box{ background-color:#017C83; padding: 0px; width: 320px; } .small-mobile .cfeedbackform #popup_box, .cfeedbackform .popup-box{ background-color:#017C83; padding: 0px; width: 320px; } .mobile .cfeedbackform .popup-box-header{ width:100%; } .small-mobile .cfeedbackform .popup-box-header{ width:100%; } .mobile .cfeedbackform .header-content{ width:70%; } .small-mobile .cfeedbackform .header-content{ width:70%; } .mobile .cfeedbackform .fieldset .input-box textarea{ max-width: 275px; height:100px; width: 100%; } .small-mobile .cfeedbackform .fieldset .input-box textarea{ max-width: 275px; height:100px; width: 100%; } .mobile .cfeedbackform .buttons-set { text-align: center; } .small-mobile .cfeedbackform .buttons-set { text-align: center; } .mobile .cfeedbackform .buttons-set button { text-align: center; } .small-mobile .cfeedbackform .buttons-set button { text-align: center; } .mobile .cfeedbackform .buttons-set button.button { float:none; margin-left:5px; } .small-mobile .cfeedbackform .buttons-set button.button { float:none; margin-left:5px; } .mobile .cfeedbackform .footer-box{ height:100px; } .small-mobile .cfeedbackform .footer-box{ height:100px; } /* 360 */ .threesixtytoggle { display:inline-block; z-index:9999;width:20px; height:80px; background:url(../images/360-play-icon.png) no-repeat center; cursor:pointer; } .threepause {background:url(../images/360-pause-icon.png) no-repeat center !important; } .img-carousel .slick-dots { width:45%; } /* Slick */ /* SLICK*/ /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .customer-tracking-link a {text-decoration:underline;margin-left:20px;font-size: 12px; } .customer-tracking-link a:hover { color:#F97910; text-decoration:underline; } span.email-error-message,span.mobile-error-message{ font-size: 12px; color: red; } /*360s*/ body .three-canvas { width:100% !important; } body .spritespin-canvas { height:auto !important; } body .spritespin-stage { height:auto !important; } .invoice-search{ display: block; width: 100%; margin-bottom: 35px; } invoice-search-search{ width: 70%; } .invoice-search-field{ float: left; border-color: #ccc; width: 82%; margin-right: 10px; margin-bottom: 8px; padding: 2px 15px 2px 2px; height: 24px; font-style: italic; font-size: 12px; color: #000; border: 1px solid #ccc; border-left: 0px; } .invoice-search-button{ float: left; background: #8f8f8f url(../images/search.png) no-repeat center; width: 30px; height: 30px; right: 5px; top: 5px; border: 1px solid #ccc; border-right: 0px; } .small-desktop .invoice-search-field{ width:70% } .tablet .invoice-search-field{width:70%} .mobile .invoice-search-field{width:70%} .small-mobile .invoice-search-field{width:70%} .invoice-search #clearbutt{ width: 40px; height: 18px; padding: 5px 10px 5px 30px; line-height: 18px; } .touch .invoice-search #clearbutt{ margin-bottom: 5px; } .invoice-search button span{ display: none; } .creditnotes-search .rog1,.creditnotes-search .rog2,.creditnotes-search .rog3,.creditnotes-search .rog4,.creditnotes-search .rog5,.creditnotes-search .rog6{ width:16%; } .webforms-return .fieldset { background:none; margin:0; padding:0; border:none; } .webforms-return .form-list { padding-left:0; } .webforms-return .form-list .fields .field { width:48%; margin-right:2%; } .myreturns-phrase p{color: #808080;} .myreturns .create-return-btn { border:2px solid #F97910; padding:5px 5px 5px 5px; background:#fff; text-transform:uppercase; color:#F97910; font-weight:bold; font-size:14px;cursor: pointer; } .myreturns .product-search{ position: absolute; background: #F97910 url(../images/search.png) no-repeat center; width: 30px; height: 30px; right: 5px; top: 5px; border-radius: 50%; border-color: #F97910; } .myreturns .action-row{ padding: 30px 0px 40px 0px; } .myreturns .search-box{ width: 50%; float: right; } .myreturns .search-box span span {display: none;} .myreturns .search-field{ float: right; border-color: #ccc; width: 60%; margin-bottom: 8px; padding: 2px 0px 2px 2px; height: 24px; font-style: italic; font-size: 12px; color: #000; border: 1px solid #ccc; border-left: 0px; } .myreturns .search-button{ float: right; background: #8f8f8f url(../images/search.png) no-repeat center; width: 30px; height: 30px; right: 5px; top: 5px; border: 1px solid #ccc; border-right: 0px; } .myreturns .contact-row{ padding: 20px 0px 20px 0px; } .myreturns h1{ color: #808080 !important; font-weight: bold; } .myreturns .my-contact{ float: left; width: 50%; text-align: left; } .myreturns .alternative-contact{ float: right; width: 50%; text-align: left; } .myreturns .contact-box{ color: #808080 !important; } .myreturns .contact-inner{ margin-top: 10px; } .myreturns .cr4 {text-align: left;} .create-return #search-qry{ border-radius: 3px; float: left; border-color: #ccc; height: 32px; font-style: italic; font-size: 12px; color: #000; border: 1px solid #ccc; border-right: 1px; width: 90%; } .create-return .search-button { /*position: absolute;*/ background: #F97910 url(../images/search.png) no-repeat center; width: 30px; height: 30px; right: 5px; top: 5px; border-radius: 50%; border-color: #F97910; background-color: #F97910; } .create-return .order-search-field{ float: left; border-color: #ccc; width: 82%; margin-right: -1px; margin-bottom: 8px; padding: 2px 15px 2px 2px; height: 24px; font-style: italic; font-size: 12px; color: #000; border: 1px solid #ccc; border-left: 0px; } .create-return .order-search-search{ width: 100%; } .create-return .order-search-field{ float: left; border-color: #ccc; width: 82%; margin-right: -1px; margin-bottom: 8px; padding: 2px 15px 2px 2px; height: 24px; font-style: italic; font-size: 12px; color: #000; border: 1px solid #ccc; border-left: 0px; } .create-return .order-search-button{ float: left; background: #8f8f8f url(../images/search.png) no-repeat center; width: 30px; height: 30px; right: 5px; top: 5px; border: 1px solid #ccc; border-right: 0px; } .create-return .order-search-button span span{display: none;} .myreturns .order-select{ position: relative; display: inline-block; margin-bottom: 15px; width: 100%; } .myreturns .order-select select { font-family: 'Arial'; display: inline-block; width: 100%; cursor: pointer; padding: 6px 10px; outline: 0; border: 1px solid #ccc; border-radius: 3px; background: #FFFFFF; color: #7B7B7B; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .myreturns .select_arrow { position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0px 5px; border-color: #7B7B7B transparent transparent transparent; } .myreturns .select select:hover ~ .select_arrow, .myreturns .select select:focus ~ .select_arrow { border-top-color: #000000; } .myreturns .select select:disabled ~ .select_arrow { border-top-color: #CCCCCC; } .myreturns .create-return #search-qry{ border-radius: 3px; float: left; border-color: #ccc; height: 24px; font-style: italic; font-size: 12px; color: #000; border: 1px solid #ccc; border-right: 1px; width: 90%; } .myreturns.myreturns .s-order-row{ margin-top: 30px; padding-top: 30px; } .myreturns .return-container { display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .myreturns .return-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .myreturns .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 3px; border: 1px solid #ccc; } /* When the checkbox is checked, add a blue background */ .myreturns .return-container input:checked ~ .checkmark { background-color: #2BA133; border-radius: 3px; } /* Create the checkmark/indicator (hidden when not checked) */ .myreturns .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .myreturns .return-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .myreturns .return-container .checkmark:after { left: 6px; top: 2px; width: 5px; height: 8px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .myreturns .box-info span{ padding: 0px; } .myreturns .reasons{ float: left; width: 49%; text-align: left; } .myreturns .requests{ float: right; width: 49%; } .myreturns .return-comments textarea{ width: 100%; height: 150px; border-radius: 3px; border: 1px solid #ccc; } .myreturns .create-return { border:1px solid #F97910; padding:5px 5px 5px 5px; background:#fff; text-transform:uppercase; color:#F97910; font-weight:bold; font-size:14px; } .myreturns .submit-button{ padding-top: 30px; float:left; } .myreturns .order-contents{ padding-bottom: 30px; } .myreturns .additional-details-box{ padding-top: 15px; clear: both; } .myreturns .images-row{ padding-top: 15px; } .myreturns .upload-images{ float: left; width: 100%; } .myreturns .upload-heading{ width: 100%; border-bottom: 1px solid #ccc; } .myreturns .uploaded-heading{ width: 100%; border-bottom: 1px solid #ccc; } .myreturns .images-box{ padding-top: 15px; } .myreturns .upload-btn-wrapper { padding-top: 15px; position: relative; overflow: hidden; display: inline-block; } .myreturns .btn { border: 1px solid #007b83; color: #007b83; background-color: white; font-weight: bold; padding:5px 5px 5px 5px; background:#fff; text-transform:uppercase; font-size:14px; } .myreturns .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } .myreturns input[type="file"] { display: none; } .myreturns .custom-file-upload { display: inline-block; cursor: pointer; border:1px solid #007b83; padding:5px 5px 5px 5px; background:#fff; text-transform:uppercase; color:#007b83; font-weight:bold; font-size:14px; margin-top: 10px; } .myreturns .uploading-btns{ padding-top: 20px; } .myreturns .uploaded-img{ height:35px; } .case-product cr1{ width: 20%; } .case-product .cr2{ width: 30% } .case-product .cr3{ width: 17% } .case-product .cr4{ width: 15% } .case-product .cr5{ width: 17% } .case-product .cart-line{ border-bottom:2px solid #cbcbcb; } .myreturns .uploaded-img{ margin-top: 10px; } .myreturns .rog1{ width: 20% } .myreturns .rog2{ width: 25% } .myreturns .rog3{ width: 20% } .myreturns .rog4{ width: 20% } .myreturns .rog5{ width: 15% } .myreturns .cr2{ width: 30%; } .myreturns .delete-case{ display: inline; } .myreturns .view-products{ display: inline; } .myreturns .cart-line .cr3{ width: 15%;} .myreturns .cart-line .cr4{ width: 15%;} .myreturns .cart-line .cr5{ width: 10%;float:left; text-align: left;} .myreturns .cart-line .cr6{ width: 10%; float:right; } .mobile .myreturns .cart-line .cr3{ width: 30%;} .myreturns #clearbutt{ float:right; margin-left: 10px; padding:3px 10px 3px 28px; } .myreturns .parts-error{ text-align:center; margin-top: 10px; width: 100%; } .myreturns .save-button { padding-top:30px; float:right; } .myreturns .add-return-btn { border:2px solid #007b83; padding:5px 5px 5px 5px; background:#fff; text-transform:uppercase; color:#007b83; font-weight:bold; font-size:14px;cursor: pointer; } .myreturns .message-div{ margin-top: 30px; } .myreturns .cr5{ width:17% } .myreturns .create-parts .cr2{ width: 30%; } .order-parts .cr2{width: 40%;} .order-parts .cr3{width: 35%;} .order-parts .cr4{width: 15%;} .order-parts .cart-line .cr4{ float:right;} .myreturns .no-returns{ padding-top: 15px; width: 100%; text-align: center; } .myreturns .record-line{ clear: both; } .record-line .cr1{ width:13%; } .myreturns .part-details{ width:84%; float: right; } .myreturns .part-details .cr2{ width:60%; float: left; padding: 0px;} .myreturns .part-details .cr3{ width:20%; float: left; padding: 0px;} .myreturns .part-details .cr4{ width:2%; float: left; padding: 0px;} .myreturns .cart-line .cr1box .cr1{width:100%} .myreturns .cart-line .cr1box{width:15%} .myreturns .cart-line .crbox{width:85%; float: right;} .myreturns .cart-line .crbox .cr2{width:60%;padding: 0px;float:left;} .myreturns .cart-line .crbox .cr3{width:20%;padding: 0px;float:left;} .myreturns .cart-line .crbox .cr4{width:20%;padding: 0px;} .myreturns .additional-details-box{ width: 100%; clear: both; } .order-line-title { font-weight:bold; } .myreturns .borderline{ padding: 5px 0px 5px 0px; border-bottom: 1px solid #cbcbcb; clear: both; margin: 5px 0px 5px 0px; } .myreturns .customer-reference{ width: 100%; margin-bottom: 15px; } .myreturns .customer-reference input{ border-radius: 3px; border: 1px solid #ccc; } .myreturns .create-return-box{ margin-top: 6px; float:left; width: 50%; } .touch .myreturns .create-return-box { width: 100%; align-content: center; } .touch .myreturns .search-field{ width: 50%; } .touch .myreturns .create-return-box .create-return{ width: 100%; align-content: center; display: block; text-align: center; border-radius: 3px; font-weight: 100; margin-bottom: 15px; } .small-tablet .myreturns .search-field{width: 50%; } .touch .myreturns .search-box{ width: 100%; float: right; } .mobile .myreturns .rog2, .mobile .myreturns .rog4, .small-tablet .myreturns .rog2,.small-tablet .myreturns .rog4{ display: none;} .mobile .myreturns .rog1{width: 30%;} .mobile .myreturns .rog3{width: 30%;} .mobile .myreturns .rog5{width: 40%;} .small-tablet .myreturns .rog1{width: 30%; } .small-tablet .myreturns .rog3{width: 30%; } .small-tablet .myreturns .rog5{width: 35%;} .small-mobile .myreturns .cr2 {display: block;width: 100%; text-align: center;} .small-mobile .myreturns .cr3 {display: block;width: 100%; text-align: center;} .small-mobile .myreturns .cr5 {display: block;width: 100%; text-align: center;} .small-desktop .myreturns .my-contact{width:35%;} .small-desktop .myreturns .alternative-contact{width:65%;} .touch .myreturns .my-contact{width:35%;} .touch .myreturns .alternative-contact{width:65%;} .small-tablet .myreturns .my-contact{width:100%; display: block;} .small-tablet .myreturns .alternative-contact{width:100%; display: block; margin-top:15px; } .small-tablet .myreturns .my-contact .input-box{width: 100%;} .mobile .myreturns .my-contact{width:100%; display: block;} .mobile .myreturns .alternative-contact{width:100%; display: block; margin-top:15px; } .mobile .myreturns .my-contact .input-box input.input-text{width: 95%;} .small-mobile .myreturns .my-contact{width:100%; display: block;} .small-mobile .myreturns .alternative-contact{width:100%; display: block; margin-top:15px; } .small-mobile .myreturns .my-contact .input-box{width: 100%;} .myreturns .alternate-email{width: 100%;float:left;} .myreturns .alternate-phone{width: 100%;float:right;} .mobile .myreturns .alternate-phone{display: block; width: 100%} .mobile .myreturns .contact-box .alternative-contact .alternate-email{display: block; width: 100%} .small-mobile .myreturns .alternative-contact .alternate-phone{display: block;width: 100%} .mobile .create-return #search-qry{width:80%} .small-mobile .create-return #search-qry{width:80%} .mobile .myreturns .reasons{display: block; width: 100%} .mobile .myreturns .requests{display: block; width: 100%} .mobile .myreturns .reasons{display: block; width: 100%} .mobile .myreturns .requests{display: block;width: 100%} .item-box{width:100%; border-bottom:2px solid #CCC;} .tablet .myreturns .cart-line .crbox{width:80%} .tablet .myreturns .part-details{width:80%} .mobile .myreturns .part-details .cr4{ display: block; } .small-mobile .myreturns .part-details .cr4{ display: block; width: 100%; text-align: center; margin-bottom: 15px; padding-left: 45%; } .mobile .myreturns .cart-line .crbox{display: none;} .mobile .myreturns .part-details{width:100%;} .mobile .myreturns .submit-button,.mobile .myreturns .save-button { padding-top: 30px; float: left; width: 100%; display: block; text-align: center; } .small-mobile .myreturns .cart-line .cr3{ width: 100%;} .small-desktop .myreturns .cr2{width: 45%; } .desktop .myreturns .cr1 img, .small-desktop .myreturns .cr1 img { height:auto; } .myreturns .toc a{font-weight: bold;text-decoration: underline;cursor: pointer;} .myreturns .case-items{width:100%;border-bottom:2px solid #CCC;display: inline-block;} .myreturns .cart-line .cr2{width: 30%} .desktop .myreturns .case-product .cr2{width: 30%; } .desktop .myreturns .case-search-product .cr2{width: 25%; } .small-desktop .myreturns .case-search-product .cr2{width: 30%; } .small-mobile .myreturns .cart-line .cr6{display: block; width:100%;text-align: center;} .myreturns-toc{width:600px; max-width: 90%; text-align: justify;} /* REBATES */ .rebate-header { width:100%; float:left; padding-top:10px; } .rebate-header h1, .rebate-header h2, .terms-block h2, .rewardblock h2 { border-bottom:1px solid #ccc; padding-bottom:0px; margin-bottom:15px; font-size:20px; } .rebate-left { width:55%; float:left; } .rebate-right { width:45%; box-sizing:border-box; padding-left:5px; float:left; } .rebate-right img { max-width: 100%; height:auto;} .rebate-left span { font-size:18px; display:block; } .rebate-left p { margin-bottom:20px; } .rebate-progress { width:100%; float:left; box-sizing:border-box; padding:20px; background:#f7f8fa; margin-top:15px; } .title-line { font-size:18px; border-bottom:1px solid #ccc; padding-bottom:0px; margin-bottom:20px; width:100%; } .progress-bar { width:100%; position:relative; z-index: 1; margin-top:55px; float:left; margin-bottom:70px; } .title-line span.right { font-size:14px; background:url(../images/rebates/rewards-last-updated.png) no-repeat center left; padding-left:20px; } .togo { width:100%; height:10px; background:#ccc; left:0; top:0; position:absolute; } .spend { position:absolute; top:0; left:0; height:10px; background:#339238; z-index:9; } .target_low{ } .target_high { right:0; } .target_blob { position:absolute; z-index: 10; top:-35px; } .target_blob.achieved .roundal { border-color:#3b7b23; } .target_blob.achieved .roundal span { color: #3b7b23; } .ticked { background:url(../images/rebates/rewards-checkmark.png) no-repeat center; width:30px; height:30px; display:block; position:absolute; right:0; top:-5px; } .roundal { width:70px; height:70px; border:3px solid #cecece; border-radius:50%; background:#fff; display:block; display:flex; justify-content: center; align-items: center;} .roundal span { font-size:22px; color:#cecece; font-weight: bold;} .spendy { width:100%; text-align:center; display:block; font-size:12px; padding-top:5px; } .rebate-progress .tots { font-size:18px; padding-top:5px; display:block; font-weight:bold; } .incentive { width:100%; background: #c30000; box-sizing:border-box; padding:10px 18px; color:#fff; float:left; } .terms-block { width:100%; float:left; padding-top:25px; } .asm-block { width:100%; float:left; padding-top:25px; } .asm-detail { margin-top:10px; width:100%; float:left; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; } .asm-left { float:left; min-height:60px; padding-right:10px; font-size:16px; font-weight:bold; color:#339238; } .asm-right { float:left; min-height:60px; } .asm-right span { display:block; } .asm-right span.lrgr { font-size:16px; font-weight:bold; } .prog-left { float:left; width:50%; } .prog-right { float:left; width:50%; } span.grats { font-size:22px !important; color:#339238; font-weight:bold; display:block; } .prog-right span { display:block; font-size:16px; } .prog-right span.when { color:#c30000; font-size: 14px; font-weight:bold; } .rewardblock { width:100%; float:left; box-sizing:border-box; padding:20px; background:#f7f8fa; } .reward-left { width:50%; float:left; padding-top:12px; } .reward-left span { font-size:16px; } .reward-left span.icono { background:url(../images/rebates/rewards-gift.png) no-repeat center left; padding: 25px 0 20px 66px; color:#339238; font-size:22px; font-weight:bold; display:block; } .reward-right { width:50%; float:left; } .reward-right span { display:block; } .reward-right span.bgr { font-size:16px; font-weight:bold; } .reward-right span.reveal { display:none; float:left; } .mobile .reward-left { width:100%; } .mobile .reward-right { width:100%; padding-top:10px; } .mobile .voucher-wrap { width:100%; box-sizing:border-box; } .mobile .roundal { width:40px; height:40px; } .mobile .target_blob { top:-20px; } .mobile .target_high { right:-15px; } .mobile .roundal span { font-size:15px; } .mobile .prog-left { width:100%; } .mobile .prog-right { width:100%; padding-top:10px; } .voucher-wrap { position:relative; overflow:hidden; border-radius:3px; border:1px solid #ccc; background:#fff; padding:10px; text-align:center; display:inline-block; min-width:250px; margin:10px 0 5px; } .vcode-reveal { position:absolute; background:#339238; width:100%; height:100%; box-sizing:border-box; padding:10px; font-weight:bold; z-index:9; color:#fff; top:0; left:0; transition:all 300ms ease; cursor:pointer;font-size:18px; } body .vcode-reveal.revealed { left:-110% !important; } .vcode-reveal.tease { left:-6%; } .vcode-reveal.tease:before, .vcode-reveal.revealed:before { border-width:37px 36px 0 0; } .vcode-reveal:before { transition:all 200ms ease; content: ""; position: absolute; bottom: 0; right: 0; border-width: 16px 16px 0 0; border-style: solid; border-color: #217725 #fff; border-radius:2px 0 0 0; } .vcode { color:#339238; transition:all 400ms ease; font-weight:bold; font-size:18px; margin:-10px; padding:10px; background:repeating-linear-gradient( 127deg, #fff, #fff 1px, #fff 0px, #fff 4px ); } .vcode.backer { background:repeating-linear-gradient( 127deg, #c0e7b3, #c0e7b3 1px, #fff 0px, #fff 4px ); } .success-icon { background:#fff url(../images/rebates/rewards-redeemed.png) no-repeat center; border-radius:50%; width:70px; height:70px; border:3px solid #3b7b23; float:left; } .success-redeemed { color:#339238; font-weight:bold; font-size:18px; float:left; padding:36px 0 0 15px; } .redeeemed-lower { width:100%; float:left; padding-top:10px; } .redeemed-deets { display:block; font-weight:bold; color:#333333; font-size:16px; padding-bottom:5px; } /* ZERO RESULTS */ .zero-outer-wrap { width:100%; float:left; text-align:left; font-size:16px; } .zero-outer-wrap h1 { font-size:26px; font-weight:bold; } .zero-outer-wrap p.sub { margin:10px 0 30px; } .zero-block { width:100%; float:left; margin-bottom: 20px; } .zero-block .icon { width:10%; height:76px; background:url(../images/zero/search-result-make.png) no-repeat center left; float:left; } .zero-block .zero-content { width:90%; float:left; text-align:left; } .zero-block .zero-content strong { display:block; margin:0 0 10px; } .zero-oem .icon { background:url(../images/zero/search-result-search-icon.png) no-repeat center left; } .zero-brand .icon { background:url(../images/zero/search-result-brands.png) no-repeat center left; } .zero-category .icon { background:url(../images/zero/search-result-catalogue.png) no-repeat center left; } .zero-category-wrap { width:100%; float:left; padding-top:30px; } .zero-cat { float:left; width:14%; margin-right:3.2%; margin-bottom:3.2%; box-sizing:border-box; border:1px solid #999; } .zero-cat img { width: 100%; height:auto; } .zc6 { margin-right:0; } .touch .zero-block .icon { width:15%; height:60px; background-size:contain; } .touch .zero-block .zero-content { width:85%; box-sizing:border-box; padding-left:10px; } .mobile .zero-cat { width:30%; margin-right:5%; } .mobile .zc3, .mobile .zc6, .mobile .zc9 { margin-right:0; } .promotion-page-headbox { width: 100%; background: #f1f1f1; float: left; margin-bottom: 10px; margin-top: -15px; display: inline; } .promotion-page-headbox .titleicon{ height:50px;width: 50px; float: left; border: 1px solid #00000;} .promotion-page-headbox .titleicon img{ padding-top: 12px; max-width: 30px; height: auto; margin-left: auto; margin-right: auto; display: block; } .promotion-page-headbox .title{padding-top: 10px; width:85%; float: left; font-size: 20px; } .small-mobile .promotion-page-headbox .title{ width:70%; font-size:16px; } .mobile .promotion-page-headbox .title{ width:70%; font-size:16px;} .promotion-cb-main{width:100%;display: inline;margin-bottom: 30px;} .promotion-cb-box{ min-width: 50px; max-height: auto; float:left;display: inline-block;} .promotion-cb-box-1{max-width:100%;margin-right:0%;} .promotion-cb-box-2{max-width:48%;margin-right:4%;} .promotion-cb-box-3{max-width:30%;margin-right:5%;} .nomargin{margin-right:0%;} .promotion-cb-box .promotion-cb-img{ max-width: 100%; max-height: 100%; } .promotion-cb-box .promotion-cb-img img{ max-width: 100%;margin-left: auto;margin-right: auto; display: block; border-radius: 5px; border: 1px solid #d2d2d2; } .promotion-cb-box .header-text{ text-align: center; vertical-align: middle; line-height: 30px; font-weight: bold; font-size: 14px;} .promotion-cb-box .usp-text{ text-align: center; vertical-align: middle; line-height: 20px; font-weight: normal; margin-bottom: 10px;} .promotion-fnp-wrap { width: 100%; background: #f1f1f1; padding: 20px 0px; float: left; margin-bottom: 10px;} .promotion-fnp-wrap .promotion-fnp-range-wrap {width: 98%; margin: auto;float: none; position: relative} .fnp-header {width: 100%; float: left;border-bottom: 1px solid #c9c9c9; padding-bottom: 10px; margin-bottom: 10px;} .fnp-boxes{width:96%;left: 2%;right: 2%;} .fnp-item {width: 175px;display: inline-block;margin: 10px; box-sizing: border-box;text-align: center;} .fnp-item .product-name {text-align: left;} .fnp-item .listscript {text-align: left;} .minifi .c_feedbacklink_box {display: none;} /* cookie notices */ .cookiebox { border:1px solid #cfcfcf; border-width:0 0 1px; background:#000000; font-size:12px; line-height:1.25; text-align:center; color:#FFFFFF; } .cookiebox .box-inner { width:1350px; margin:0 auto; padding:30px 0 0px 0px;min-height: 50px;max-width: 100%;text-align: justify; } .mobile .cookiebox .box-inner { margin:0 auto; padding:10px 0 10px 0px;min-height: 50px;max-width: 98%;text-align: justify; } .cookiebox .box-inner .notice-text{float: left;max-width: 88%;} .cookiebox .box-inner p { margin:0; padding:0px; } .cookiebox .box-inner .notice-text p a {text-decoration: underline;} .cookiebox .box-inner .actions { padding-top:0px;text-align: center} .small-desktop .cookiebox .box-inner .notice-text{max-width:83%;margin-left: 25px;} .tablet .cookiebox .box-inner .notice-text{max-width:100%;margin: 0px 25px 0px 25px;} .mobile .cookiebox .box-inner .notice-text{max-width:100%;margin: 0px 10px 0px 10px;} button#btn-cookie-allow {background: #F97910; border-color:#F97910;} button#btn-cookie-allow span {color:#FFF} /* Cookie Notice */ .message.global.cookie { position:fixed; z-index:9999; width:100%; bottom:0; left:0; margin:0 !important; opacity:0.85; background:#000; color:#fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE8 */ box-sizing: border-box; } .message.global.cookie a { color:#fff; text-decoration: underline; } .message.global.cookie p, .message.global.cookie span { color:#fff; } /* REFRESH BANNERS */ .rhp-banner-holder { width:100%; position:relative; z-index:1; float:left; margin-top:-25px; } .rhp-banner-wrap { width:100%;margin: auto; max-width: 1350px; } .rbanner-obj { width:100%; height:auto; } .rbanner-inner { width:1350px; height:auto; margin:auto; position:relative; } .small-desktop .rbanner-inner, .touch .rbanner-inner { width:96%; padding:0%; } .small-desktop .rbanner-inner img, .touch .rbanner-inner img { width:100%; height:auto; } .harrow-prev, .harrow-next {width:24px; height:40px; display:inline-block; margin-right:5px; cursor:pointer; transition:all 300ms ease; position: absolute;top: 46.75%; z-index: 1000;} .harrow-next{ background-image:url(../images/refresh/banner-arrow-right.png); right: 10px; } .harrow-prev{ background-image:url(../images/refresh/banner-arrow-left.png); left: 10px; } @media screen and (min-width: 769px) { .img-desktop{display:block;} .img-mobile{display:none;} .harrow-next{display:block;} .harrow-prev{display:block;} } @media screen and (max-width: 768px) { .img-desktop{display:none;} .img-mobile{display:block;} .harrow-next{display:none;} .harrow-prev{display:none;} } /* REFRESH HP ADS & BLOCKS */ .triple-block { width:100%; float:left;margin-bottom:0px; } .tbb { width:32.5%; margin-left:1.25%; float:left; } .tbb img { width:100%; height: auto; box-sizing:border-box; border:0px solid #dadada; } .tbb1 { margin-left:0; } a.orange-button { background:#F97910; padding: 12px 20px; color:#fff; font-size:16px; font-weight:bold; transition:all 200ms ease; border-radius:3px; color:#fff !important; } a.orange-button:hover { background:#F97910; } .service-wrapper { width:100%; float:left; background:#f0f0f0; padding:15px 0; margin-bottom:5px; } .service-wrapper .srv { width:33.333%; box-sizing:border-box; text-align:center; padding:0 20px; float:left; } .service-wrapper .srv2 { border-left:1px solid #b6b9bd; border-right:1px solid #b6b9bd;} .service-wrapper .srv span { display:block; } .service-wrapper .srv b { font-size:16px;margin-bottom:15px; } .mobile .service-wrapper .srv { width:100%; padding:10px; border-left:0; border-right:0; border-bottom:1px solid #b6b9bd; } .mobile .service-wrapper .srv3 { border-bottom: 0; } .mobile .service-wrapper { padding: 0; } @media screen and (max-width: 768px) { .triple-block { display:none; } } /*Top Selling Ranges*/ .topranges { max-width: 1350px; margin: 20px auto; } .strikeit{width:100%;text-align:center;background:url(../images/strikebg.png) center repeat-x;float:left;margin:20px 0} .strikeit h3{background:#fff;padding:0 10px;display:inline;font-weight:400;font-size:22px;line-height:30px} .touch .strikeit { background:none; } .mobile .strikeit h3{font-size:18px;line-height:25px} .tsr-container-small{position:relative;color:#fff;width:66.4%;float:left;display:inline-block} .tsr-container-big{position:relative;color:#fff;width:33%;float:right;display:inline-block;max-width:445px;} .tsr-box,.tsr-box-big{display:inline-block;position:relative;margin-left:0;margin-top:0;text-align:center;float:left;overflow:hidden;margin-bottom:2%} .desktop .tsr-box{margin-bottom: 2%} .tsr-box{width:48.8%} .tsr-box-big{width:100%} .tsr-box-img{width:100%;height:auto;max-height:567px;} .tsr-box-content{background:rgba(0,0,0,.4);color:#fff;cursor:pointer;left:0;position:absolute;bottom:0;width:100%;opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;max-height:1000px;padding-top:10px;padding-bottom:10px;font-size:16px; padding-left:15px; font-weight: bold; text-align: left; box-sizing: border-box; } .tsr-box-right{margin-left:2%} .small-desktop .tsr-box-right,.tablet .tsr-box-right{margin-left:2%} .small-mobile .tsr-box,.small-mobile .tsr-container-big,.small-mobile .tsr-container-small{width:100%} .small-mobile .tsr-box-right{margin-left:0}.mobile.small-mobile .tsr-box-content{top:65px;font-size:22px;padding-top:10px;padding-bottom:10px} @media screen and (max-width:900px) { .tsr-box-content { font-size:14px; } .tsr-container-big { box-sizing: border-box; padding-left:0.4%; } } @media screen and (max-width:800px) { .tsr-box-content { font-size:12px; } } @media screen and (max-width:650px) { .tsr-container-small { width:100%; } .tsr-container-big { width:100%; max-height: 10000px; padding: 0; max-width: 100%; } .tsr-box-big .tsr-box-img { max-height: none; } } /* Responsive helpers */ .mobile .hidefrommobile { display:none !important; } .tablet .hidefromtablet { display:none !important; } .touch .hidefromtouch { display:none !important; } /* AMPRO */ #ampromo-items .strikeit { margin:5px 0 25px; } #ampromo-items .ampromo-item-title { position:relative; overflow:hidden; height:43px; } #ampromo-items .ampromo-items-form h4 { line-height: 14px; } body #ampromo-overlay .ampromo-carousel-control.prev { background:url(../images/refresh/banner-arrow-left.png) no-repeat center; } body #ampromo-overlay .ampromo-carousel-control.prev:hover, body #ampromo-overlay .ampromo-carousel-control.prev.carousel-disabled { background:url(../images/refresh/banner-arrow-left.png) no-repeat center !important; } body #ampromo-overlay .ampromo-carousel-control.next { background:url(../images/refresh/banner-arrow-right.png) no-repeat center; } body #ampromo-overlay .ampromo-carousel-control.next:hover, body #ampromo-overlay .ampromo-carousel-control.next.carousel-disabled { background:url(../images/refresh/banner-arrow-right.png) no-repeat center !important; } body #ampromo-overlay .ampromo-carousel-control { top:210px; } .ampromo-item-buttons button { background:url(../images/addtocart.png) no-repeat center right 0px / 30px; padding:7px 27px 7px 5px; } .ampromo-item.ampromo-type-simple .price { color:#F97910; } #gift-add-trigger span a { text-decoration:underline; } #gift-add-trigger .notice-msg { background-image:url(../images/promo-gift-icon.png); } body #ampromo-overlay.mode-popup .close { background:url(../images/popclose.png) no-repeat center; } body #ampromo-overlay #ampromo-items .ampromo-item-image { height:auto !important; width:100% !important; margin: 20px auto;} /*body #ampromo-overlay.mode-popup { background:url(../images/refresh/whiteout.png) repeat; }*/ body #ampromo-items-add { padding:0; border:none; } body #ampromo-overlay #ampromo-items.amcarousel { border:2px solid #ccc; box-shadow:0 0 24px -10px #000; } /******* CLEARFIX */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /******* PIXIE BANNERS & BRANDS */ body .pm-container .bannext { background: url(../images/pm-banner-arrow-right.png) no-repeat; right: 10px; margin-right: 5px; } body .pm-container .banprev { background: url(../images/pm-banner-arrow-left.png) no-repeat; left: 10px; margin-left: 5px; } body .pm-container .bannext, body .pm-container .banprev { width: 24px; height: 40px; visibility: visible !important; } .feat-brand-wrap .pm-prev, .feat-brand-wrap .pm-next { position: relative; margin-top: 0; } @media (min-width: 768px) { .pm-banner-wrap img.mobile-img { display: none; } } @media (max-width: 767px) { .pm-banner-wrap img.desktop-img { display: none; } .pm-container .bannext, .pm-container .banprev { display: none; } .touch .country-options .country-block { width: 100%; } body.touch .narr-wrap { width: 100%; } body.pixiedust .modal-popup.countrpopper .modal-inner-wrap { width: 100%; } } /*CATALOG VIEWER ON PRODUCT PAGE*/ .catalogue-viewer .modal-inner-wrap { width:100% !important; height:100%; margin: 0rem auto !important; } .catalogue-viewer .modal-content {padding-left:0em !important;padding-right: 0em !important;} .catalogue-viewer .modal-inner-wrap .modal-header {padding-top: 0.7em;} .catalogue-viewer .modal-inner-wrap .modal-header .action-close {display: none;} .catalogue-viewer .modal-inner-wrap .modal-header .modal-title {border-bottom:0px !important;text-transform: uppercase !important; text-align: center; font-size: 16px !important; font-weight: bold; padding-bottom: 0em !important; } .catalogue-viewer .modal-inner-wrap .modal-content{ padding: 0px;} /* SUPERSESSIONS */ .pm-superblock { width:100%; float:left; background:#fa0a0d; box-sizing: border-box; padding:10px; margin-bottom: 20px; } .pm-superblock h4 { font-size:14px !important; color:#fff; display:block; text-align: center; font-weight: bold; padding:0; margin:0; } .pm-superblock h4 a { text-decoration: underline; } /*threesixity images*/ .threesixtytoggle {height: 17px !important; padding-right: 10px;} .three-sixty-slider { display: inline-block; z-index: 9999; width: 50%; height: 12px; cursor: pointer;} .slick-dots{top:100% !important; padding:15px 1px 15px 0 !important; } #product_tabs { position: relative; z-index: -1;} /**** SAVED CARTS ****/ .action-towishlist { display: none; } body.savedcarts-index-index .cart-line select { width: auto; min-width: 70px; border-radius: 4px; } a#save_cart { float: left; margin-left: 5px; } .saved-carts-count a { text-transform: uppercase; text-decoration: underline; } .savecartpopup .modal-inner-wrap, .savecartpopup .modal-inner-wrap, .addsavecartpopup .modal-inner-wrap { background: #f1f1f1 !important; } body .savecartpopup .modal-title, body .addsavecartpopup .modal-title { border-bottom: none; font-weight: bold; } .savecartpopup header.modal-header, .addsavecartpopup header.modal-header { background: #fff; } .savecartpopup .modal-content, .addsavecartpopup .modal-content { padding-top: 25px; text-align: left; } .wishlist-wrapper > * { margin: 10px 0; } /*button#savecartsubmit { color: #cb0000; border-color: #cb0000; }*/ .savecartpopup footer.modal-footer, .addsavecartpopup footer.modal-footer { background: #fff; } /**** MORE returns ************/ .myreturns .disabled-input { background-color: #eee; } .myreturns input.input-text, textarea { padding: 6px; color: #aaa; font-size: 14px; width: 90%; text-align: left; } #product-orders { visibility: hidden; } /* When the checkbox is checked, add a blue background */ .myreturns .return-container input:checked ~ .checkmark { background-color: #2BA133; border-radius: 3px; } /* Create the checkmark/indicator (hidden when not checked) */ .myreturns .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .myreturns .return-container input:checked ~ .checkmark:after { display: block; } .myreturns .additional-details-box { padding-top: 15px; clear: both; } .myreturns .images-row { padding-top: 15px; } .myreturns .upload-images { text-align: left; } .myreturns .upload-btn-wrapper input[type=file] { font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } .myreturns .uploading-btns { padding-top: 20px; } .case-product cr1 { width: 20%; } .case-product .cr2 { width: 30% } .case-product .cr3 { width: 17% } .case-product .cr4 { width: 15% } .case-product .cr5 { width: 17% } .case-product .cart-line { border-bottom: 2px solid #cbcbcb; } .myreturns .uploaded-img { margin-top: 10px; } .myreturns .rog1 { width: 15% } .myreturns .rog2 { width: 15% } .myreturns .rog3 { width: 35% } .myreturns .rog4 { width: 20% } .myreturns .rog5 { width: 15% } .myreturns .cr2 { width: 30%; } .myreturns .message-div { margin-top: 30px; } .myreturns .cr5 { width: 10%; float: right; padding-top: 22px; } .myreturns .part-details .cr2 { width: 60%; float: left; padding: 0px; text-align: left; } .myreturns .part-details .cr3 { width: 10%; float: left; padding: 0px; } .myreturns .part-details .cr4 { width: 15%; float: left; padding: 0px; padding-top: 22px; } .myreturns .cart-line .cr1box .cr1 { width: 100% } .myreturns .cart-line .cr1box { width: 15% } .myreturns .cart-line .crbox { width: 85%; float: right; } .myreturns .cart-line .crbox .cr2 { width: 60%; padding: 0px; float: left; text-align: left } .myreturns .cart-line .crbox .cr3 { width: 10%; padding: 0px; float: left; } .myreturns .cart-line .crbox .cr4 { width: 15%; padding: 0px; } .myreturns .cart-line .crbox .cr5 { width: 10%; padding: 0px; float: right; } .small-desktop .myreturns .my-contact, .small-desktop .myreturns .alternative-contact { width: 50%; } .touch .myreturns .my-contact { width: 50%; } .small-tablet .myreturns .alternative-contact h1 { display: none; } .mobile .myreturns .alternative-contact .input-box input.input-text { width: 95%; } .small-mobile .myreturns .part-details .cr4 { display: block; width: 100%; text-align: center; margin-bottom: 15px; padding-left: 45%; } .mobile .myreturns .cart-line .crbox { display: none; } .mobile .myreturns .part-details { width: 100%; } .mobile .myreturns .submit-button, .mobile .myreturns .save-button { padding-top: 30px; float: left; width: 100%; display: block; text-align: center; } .myreturns .search-field { height: 30px; } .myreturns .cart-line .cr2 { text-align: left;} .myreturns .cancel-button { float: right; padding-top: 30px;} .myreturns .cancel-return-btn { border: 2px solid red; padding: 5px 5px 5px 5px; background: #fff; text-transform: uppercase; color: red; font-weight: bold;font-size: 14px;cursor: pointer;} .myreturns .disable-part{pointer-events: none; opacity: 0.4;} .myreturns .disable-part .text {color:red; font-weight: bold;} .myreturns option:disabled { color: #E0E0E0;} table#my-returns-table .actions a { float: right; } /* PAGE BUILDER */ .pagebuilder-mobile-only { display:none; } @media (max-width: 767px) { .pagebuilder-mobile-hidden { display:none; } .pagebuilder-mobile-only { display:block; } } /* Company */ .message.company-warning._hidden { display:none; } /** PROMOTIONS EXTRA STYLING **/ .mydeals-deals-slider, .fast-moving-deals-slider { margin: 0 -10px; } .mydeals-deals-slider .products-details-inner, .fast-moving-deals-slider .products-details-inner { margin: 0 10px; box-sizing: border-box; text-align: center; } .mydeals-deals-slider img, .fast-moving-deals-slider img { margin: 0 auto; } .mydeals-deals-slider a.current-deal-link { display: block; } .mydeals-deals-slider { text-align: center; } .mydeals-deals-slider > a, .fast-moving-deals-outer > a { display: none; position: static; margin: 10px 0; } .current-deals-img-wrap { padding: 5px; } .mydeals-deals-slider .products-details-inner span.prodcatname, .fast-moving-deals-slider .products-details-inner span.prodcatname { display: block; padding: 5px; } .fast-moving-product-wrap .stock-indicator, .fast-moving-product-wrap .listlabel, .fast-moving-product-wrap .nettlink, .fast-moving-product-wrap .offerpop, .fast-moving-product-wrap .qb-table, .fast-moving-product-wrap .rrpdesp { display: none; } .fast-moving-product-wrap .fm-name { float: none; width: 100%; clear: both; text-align: left; } .fast-moving-product-wrap .under-sku { float: left; font-weight: bold; padding-top: 3px; } .fast-moving-product-wrap .pm-price-display { float: right; width: auto; } .fast-moving-product-wrap span.c-price { color: #c90400; font-size: 14px; padding-left: 10px; } .fast-moving-product-wrap .rrpdesp { float: left; width: auto; font-weight: normal; text-decoration: line-through; } .fast-moving-product-wrap span.old-p { font-size: 14px; } .mydeals-deals-slider .products-details-inner span.prodcatname { font-weight: bold; } .mydeals-deals-slider .products-details-inner span.prodcatname span.prodcount { font-weight: normal; display: block; } .dbc-top-left { float: left; } .dbc-top-right { float: right; } a.promo-btn { display: inline-block; padding: 7px 25px; color: #F97910 !important; border: 1px solid #F97910; font-weight: 600; transition:All 200ms ease; } a.promo-btn:hover { background:#F97910; color:#fff !important; } .current-deals-outer .slick-slider ul.slick-dots, .tractor-parts-deals-outer .slick-slider ul.slick-dots, .fast-moving-deals-outer .slick-slider ul.slick-dots { display: inline-block !important; width: auto; } .mydeals-deals-slider .under-detes, .fast-moving-deals-slider .under-detes { min-height: 65px; } .current-deals-slider ul.slick-dots { position: relative; } .curr-next, .curr-prev { width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; cursor: pointer; display: inline-block !important; } .curr-prev { background-image: url(../images/promo/left-arrow-active2x.png); } .curr-next { background-image: url(../images/promo/right-arrow-active2x.png); } .current-deals, .tractor-deals, .fast-moving-deals { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #cbcbcb; } .current-deals .slider-controls, .tractor-deals .slider-controls, .fast-moving-deals .slider-controls { display: block; } .slider-control-inner { display: inline-block; position: relative; } .slider-control-inner .oc-left { left: -50px; top: -9px; } .slider-control-inner .oc-right { right: -55px; top: -9px; } .underimg-ban { background: #DB114A; color: #fff; padding: 2px; font-weight: 600; } .fast-moving-deals .underimg-ban { text-align: center; } .undersku { font-weight: bold; } .under-image { text-align: left; padding: 5px; } .loggedout .fast-moving-product-wrap { position: relative; } /*.loggedout .fast-moving-product-wrap:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: rgba(255,255,255,0.7); }*/ body.pixiedust .nologin a, body.pixiedust .nologin a:visited { color: #F97910; font-weight: 600; } .under-image img { margin: 0; } .viewallbtn { text-align: center; margin-top: 25px; } body.pixiedust .promo-inner { display:flex; flex-wrap: wrap; justify-content: center; column-gap:35px; row-gap: 35px; } .promo-single-wrap.newpromo { width: 100%; border: 0; box-shadow: 0 0 10px -7px #000; background: #fff; border-radius: 14px; display: flex; clear: both; max-height: inherit; z-index: 1; } .newpromo .psw1 { min-height: unset; background: #db1249; border-radius:14px 0px 0px 14px; color: #fff; width: 17.5%; aspect-ratio:1; text-align: center; display: flex; align-items: center; position:relative; } .newpromo .psw1:before { width: 44px; height: 36px; content:''; border-radius: 50%; position: absolute; right:-22px; top: -18px; background:#f5f5f5; z-index: 9; } .newpromo .psw1:after { width: 44px; height: 36px; content:''; border-radius: 50%; position: absolute; right:-22px; bottom: -18px; background:#f5f5f5; z-index: 9; } .psw2 h3, .psw2 p { width: 79%; } .psw2 p { margin-bottom: 20px; } .promo-inner > p { margin-bottom: 30px; } .psw2 img { max-height: 40px; margin: 15px auto 0; } .newpromo .psw2 { width: 82.5%; display:flex; flex-direction:column; align-items: center; justify-content: center; text-align:center; background-repeat: no-repeat; background-position: right center; background-size: 20%; position:relative; } .newpromo .psw2:before { width: 2px; height: 100%; content:''; position: absolute; overflow:hidden; left:-2px; top: 0; background-image: linear-gradient(45deg, #f5f5f5 25%, transparent 25%), linear-gradient(-45deg, #f5f5f5 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f5f5f5 75%), linear-gradient(-45deg, transparent 75%, #f5f5f5 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0px; } .newpromo .psw3 { width: 17%; } .newpromo .psw1, .newpromo .psw2, .newpromo .psw3 { box-sizing: border-box; padding: 2%; height: inherit; min-height: inherit; } .amountdiscount > span:first-child { font-size: 61px; font-weight: bold; } .amountdiscount { width: 100%; } .amountdiscount > span { display: inline-block; } .amountdiscount > span:last-child { font-size: 18px; text-align: left; } .amountdiscount > span:last-child > * { display: block; font-size: 27px; line-height: 27px; } body .ppcode { width: auto; cursor:pointer; background: #fadbe3; border: 2px dashed #db1249; border-radius:999px; color: #db1249; font-weight: 600; padding: 5px 25px; font-size: 18px; display:flex; align-items: center; } body .ppcode svg { margin-left: 10px; } body .ppcode .ppcode-text { text-overflow: ellipsis; white-space: nowrap; position: relative; overflow: hidden; } body.pixiedust .amountdiscount span.xlarge, body.pixiedust .amountdiscount span.large, body.pixiedust .amountdiscount span.medium { margin-bottom: 0 !important; text-align: center; } body .ppcode .svg-copied, body .ppcode.copy-success .svg-copy { display:none !important; } body .ppcode.copy-success .svg-copied, body .ppcode .svg-copy { display:flex !important; align-items: center; } body .ppcode.copy-success { border-color:#3c9; color:#3c9; background:#D5FFF1; } a.viewbutton { background: #ffae42; color: #fff; font-size: 14px; text-align: center; padding: 10px 12px; border-radius: 4px; font-weight: bold; transition: all 300ms ease; display: inline-block; width: 100%; box-sizing: border-box; position: static; margin-bottom: 30px; } span.validtill { font-size:12px; font-weight:bold; margin: 15px 0; display: block; } .promo-terms-wrap ol { list-style: decimal; padding-left: 15px; } body .promo-terms-wrap h4 { margin-bottom: 0px; padding-right: 20px; font-weight: 600; position: relative; cursor: pointer; } span.viewterms { display: block; text-align: right; cursor: pointer; font-size: 12px; font-weight: bold; margin-top: 15px; } span.viewterms:hover { text-decoration: underline; } #promotermswrap { padding: 15px; clear: both; } #promocontentwrap { margin-top: 30px; } body .promo-terms-wrap h4.isactive:after { transform: none; } a.promo-btn.backtotop { position: absolute; right: 0; } .fast-moving-deals .offerdisp, .fast-moving-deals span.p-pack, .fast-moving-deals span.p-pack-2 { display: none; } html.ie11 body.cms-promotions-html.cms-page-view .breadcrumbs, html.ie11 body.cms-newproducts-html.cms-page-view .breadcrumbs { float: none; } html.ie11 body.pixiedust.cms-promotions-html .nav-sections, html.ie11 body.pixiedust.cms-newproducts-html .nav-sections { margin-bottom: 30px; } @media (max-width: 1350px) { a.promo-btn.backtotop { display: none; } h1.promoh1 { text-align: center; margin-bottom: 20px; } } @media (min-width: 992px) { .viewallbtn { display: none; } } @media (max-width: 1200px) { .newpromo .psw1 { width: 21.5%;} .newpromo .psw2 { width: 79.5%; } } @media (max-width: 991px) { .dbc-top-right { display: none; } .dbc-top-left { width: 100%; text-align: center; } .dbc-topper { text-align: center; } body.pixiedust .wrapper .newpromo .psw2 { background-image: none !important; } .psw2 h3, .psw2 p { width: 100%; } span.validtill { font-size: 12px !important; } body .promo-terms-wrap h4 { text-align: center; } } @media (max-width: 850px) { .promo-single-wrap { flex-direction: column; } .promo-single-wrap.newpromo { margin:0; width: calc(50% - 20px); } body.pixiedust .promo-inner { column-gap:20px; row-gap: 20px; } body.pixiedust .wrapper .newpromo .psw1 { width: 100%; aspect-ratio: auto; border-radius: 14px 14px 0 0; padding:25px 10px 10px 10px; min-height: 137px; flex-direction: column; justify-content: center; align-items: center; } .newpromo .psw1:after { display:none; } .newpromo .psw1:before { right:auto; left: 50%; transform: translate(-50%,0); } body.pixiedust .wrapper .newpromo .psw2 { width: 100%; padding:10px 10px 15px; } .newpromo .psw2:before { display:none; } .promo-single-wrap .ppcode { width: calc(100% - 15px); box-sizing:border-box; justify-content: center; font-size: 16px; } } @media (max-width: 630px) { body.pixiedust .promo-inner { max-width:300px; margin:auto; } .promo-single-wrap.newpromo { width: 100%; } } @media (max-width: 550px) { .current-deals .slider-controls, .tractor-deals .slider-controls, .fast-moving-deals .slider-controls { width: 70%; margin: 0 auto; } } /*** NEW PARTS ***/ .new-prods-wrap { display: flex; flex-wrap: wrap; } .new-prods-wrap .current-deal-product { width: 19%; float: left; margin-right: 1.25%; margin-bottom: 1.25%; } @media (min-width: 801px) { .new-prods-wrap .current-deal-product:nth-child(5n) { margin-right: 0; } } @media (min-width: 651px) and (max-width: 800px) { .new-prods-wrap .current-deal-product { width: 24%; margin-right: 1%; } .new-prods-wrap .current-deal-product:nth-child(4n) { margin-right: 0; } } @media (min-width: 381px) and (max-width: 650px) { .new-prods-wrap .current-deal-product { width: 32%; margin-right: 2%; } .new-prods-wrap .current-deal-product:nth-child(3n) { margin-right: 0; } } @media (max-width: 380px) { .new-prods-wrap .current-deal-product { width: 48%; margin-right: 2%; } .new-prods-wrap .current-deal-product:nth-child(even) { margin-right: 0; } } /** FEATURED RANGES UPDATES **/ .featured-ranges .next_arrow, .featured-ranges .pm-next, .featured-ranges .prev_arrow, .featured-ranges .pm-prev { position: static; } .featured-ranges .slick-slide { margin: 10px; } .featured-ranges .feat-item { margin: 0; } /* BRANDED REGISTRATION */ .form.form-login .fieldset { border:none; background:none;padding:0;} .form.form-login .fieldset .input-text { height:42px; } .form.form-login .fieldset .required .label { position: relative; display: block; } .form.form-login .fieldset .required .label:after { } .form.form-login .fieldset button.action.login.primary { background:rgba(0, 0, 0, 0) url("../images/login-icon-green.png") no-repeat scroll 8px 7px; border:1px solid #329d35; color:#329d35; padding:8px 12px 8px 30px; font-size:14px !important; font-weight: bold; border-radius: 3px; } .form.create .fieldset { padding:0; border:none; background:none; } .page-layout-landingpageone button, .page-layout-landingpageone button.action.submit.primary { border-color:#ae132a; background:#ae132a; } .page-layout-landingpagetwo button, .page-layout-landingpagetwo button.action.submit.primary { border-color:#004e9d; background:#004e9d; } .page-layout-landingpagethree button, .page-layout-landingpagethree button.action.submit.primary { border-color:#b61f2a; background:#b61f2a; } .logreg-right.box-size.box-size-wide { width:100%; } /* 404 PAGE */ .page-requested { width: 60%; padding-right: 40%; background-image: url(../images/lightning_bolt_engine@2x.png); background-repeat: no-repeat; background-position: right center; background-size: 340px; } body.pixiedust.cms-no-route h1 { font-weight: bold; } body.pixiedust.cms-no-route #maincontent ul { list-style: unset; padding-left: 20px; margin-top: 20px; } body.pixiedust.cms-no-route #maincontent .breadcrumbs ul { padding-left: 0; } body.pixiedust.cms-no-route h3 { font-weight: normal; margin-bottom: 12px; } body.pixiedust.cms-no-route #maincontent p a { font-weight: bold; color: #F97910; } body.pixiedust.cms-no-route .separator { color: #cbcbcb; } @media (min-width: 1001px) and (max-width: 1350px) { .page-requested { width: 70%; padding-right: 30%; background-size: 270px; } } @media (min-width: 769px) and (max-width: 1000px) { .page-requested { background-size: 200px; } } @media (max-width: 768px) { body.pixiedust.cms-no-route h1, body.pixiedust.cms-no-route h3 { text-align: center; } .page-requested { width: 100%; padding-right: 0; padding-top: 170px; background-position: top center; background-size: 200px; } body.pixiedust.cms-no-route #maincontent p { text-align: center; } } /* NO RESULTS PAGE */ .zero-block .zero-content { width: 100%; } body.pixiedust .zero-outer-wrap h1 { font-weight: bold; } body.pixiedust .zero-outer-wrap h3 { font-weight: normal; } .zero-outer-wrap p a.startsearch { font-weight: bold; color: #F97910; } .zero-cat { border: none; } .zero-category-wrap { display: flex; flex-wrap: wrap; } .bottom-dets > span { display: block; text-align: center; } .catname { font-weight: bold; } .catcount { color: #666; } .bottom-dets { margin-top: 10px; } .zero-outer-wrap { padding-bottom: 10px; } .zero-category-wrap .zero-cat { width: 18%; margin-right: 2.5%; } .zero-category-wrap .zero-cat:nth-child(5n) { margin-right: 0; } .arrow-right { margin-left: 7px; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 8px; border-color: transparent transparent transparent #F97910; display: inline-block; } @media (max-width: 1000px) { .zero-outer-wrap .page-requested { width: 100%; padding-right: 0; padding-top: 170px; background-position: top center; background-size: 200px; } .zero-outer-wrap, .zero-block .zero-content { text-align: center; } .touch .zero-block .zero-content { width: 100%; } .zero-category-wrap .zero-cat { width: 31.6666%; margin-right: 2.5%; } .zero-category-wrap .zero-cat:nth-child(5n) { margin-right: 2.5%; } .zero-category-wrap .zero-cat:nth-child(3n) { margin-right: 0; } } @media (max-width: 600px) { .zero-category-wrap .zero-cat { width: 49%; margin-right: 2.0%; } .zero-category-wrap .zero-cat:nth-child(3n) { margin-right: 2%; } .zero-category-wrap .zero-cat:nth-child(5n) { margin-right: 2%; } .zero-category-wrap .zero-cat:nth-child(2n) { margin-right: 0% !important; } } @media (max-width: 400px) { .zero-category-wrap .zero-cat { width: 100%; } .bottom-dets > span { text-align: left; } .zero-cat a > * { display: inline-block; vertical-align: middle; } .zero-cat a > img { width: 21%; } .bottom-dets { width: 75%; margin-left: 2%; text-align: left; margin-top: 0; } .catname { font-weight: normal; font-size: 12px; margin-right: 5px; } .catcount { font-size: 11px; } .bottom-dets > span { display: inline-block; float: left; } .zero-category-wrap .zero-cat { margin: 0; padding: 15px 0; border-bottom: 2px solid #f6f8fa; } .zero-category-wrap { margin: 0; } } /* ADD TO CART POPUP SUPPORT */ .pixieloader { position: fixed; width:100%; height:100%; background:rgba(0,0,0,.1); z-index: 999; } .pixieloader span { background:url(../images/loader-1.gif) no-repeat center / 100%; left:50%; top:50%; width:50px; height:50px; position: absolute; transform: translate(-50%,-50%); } .pixie-addpop-modal .shopping-actions a.action.primary:hover { color:#fff !important; } /** PRINT ORDER **/ .sales-order-print .nav-sections { display: none; } .sales-order-print .order-date { margin-top: 20px !important; } .sales-order-print .dtab-row.dtab-titles, .sales-order-print .order-item-row { display: flex; flex-wrap: wrap; } .sales-order-print .dtab-row.dtab-titles > div, .sales-order-print .order-item-row > div { width: 20%; border-top: 1px solid #000; box-sizing: border-box; padding-right: 2% !important; } /*.sales-order-print .dtab.dtab1 { border-left: 1px solid #000; }*/ /*.sales-order-print .dtab.dtab5 { border-right: 1px solid #000; }*/ .sales-order-print .dtab.dtab6 { display: none; } .sales-order-print .dtab-row-totals { border-top: 1px solid #000; padding-top: 25px; } .sales-order-print .dtab-row.dtab-titles > div { padding: 10px 0; font-weight: bold; font-size: 15px; } .sales-order-print .order-item-row > div { padding: 20px 0; } .sales-order-print .order-item-row > div .touchlabel { display: none; } .sales-order-print .total-inner { float: right; width: 40%; } .sales-order-print .total-inner > span { width: 50%; text-align: right; } .sales-order-print .total-row { padding: 5px 0; } .sales-order-print span.left.widerma { width: 100%; } .sales-order-print span.left.widerma .price { float: right; width: 50%; } .sales-order-print .box.box-information { width: 100% !important; } .sales-order-print .order-info-wrap { font-size: 15px; } .sales-order-print .order-info-wrap span.label { font-weight: 600; } .sales-order-print strong.box-title { text-decoration: underline; } .sales-order-print a.print, .sales-order-print .print-sales-order { display: inline-block; border: 2px solid #cbcbcb; margin-top: 20px; margin-bottom: 20px; text-align: center; padding: 15px 30px; font-weight: bold; background: transparent; font-size: 18px; } .sales-order-print a.print span, .sales-order-print .print-sales-order span { display: inline-block; padding-left: 40px; background-image: url(../images/checkout/Printer-blackx2.png); background-repeat: no-repeat; background-position: left center; background-size: 28px; text-transform: none; line-height: 1.5; } .sales-order-print a.print:hover, .sales-order-print .print-sales-order:hover { border: 2px solid #F97910; background: #F97910; color: #fff; } .sales-order-print a.print:hover span, .sales-order-print .print-sales-order:hover span { filter: brightness(100); } .page-print.sales-order-print { padding-left: 0; } .sales-order-print button.button.btn-tocart.reorder { display: none; } .sales-order-print .dtab.dtab1 img { max-width: 55%; } .sales-order-print a.print { display: none; } .sales-order-print .page-main { position: relative; } .sales-order-print .print-sales-order { position: absolute; top: 0; right: 0; } @media print { .sales-order-print button.btn-tocart.reorder, .sales-order-print a.print, .sales-order-print .logo, .sales-order-print .order-status, div#notice-cookie-block, .sales-order-print .print-sales-order { display: none !important; } .sales-order-print h1.page-title { font-size: 24px; margin-bottom: 12px; } } /* CUSTOMER SERVICES */ .box-wrap { width:100%; float:left; margin: 0px 0 45px; border:1px solid #cbcbcb; box-sizing:border-box; padding:20px; } .box-wrap .left { width:50%; box-sizing: border-box; padding-right: 10px; float:left; } .box-wrap .right { width:50%; float:left; } span.sml { color:#adadad; } .bow-wrap span.sml { display: block; font-size: 12px; } .bow-wrap p { font-size: 16px;} .grey-bar { width:100%; margin:40px 0; position: relative; background:#f7f8fa; box-sizing: border-box; padding:35px 20px 45px; text-align: center; } .grey-bar:before { content:''; background:#f7f8fa; top:0; left:-4000px; position: absolute; z-index: -1; width:40000px; height:100%; } .grey-bar ul { list-style: none; margin:15px 0 0; } .grey-bar ul li { display: inline-block; margin:0 20px; } .grey-bar ul li a { display:block; background:url(../images/customer/downpoint2x.png) no-repeat right 7px/5px; padding-right: 12px; } .grey-bar h4 { font-size:22px; } /*body.sparexidf_21 .head-top-nav-in .phone-display { display: block; }*/ @media (max-width: 618px) { .box-wrap .left { width:100%; padding-right: 0; margin:0 0 20px; } .box-wrap .right { width:100%; } } .promo-inner .backtotop { float: right; position: relative !important; } /***** BRAND REFRESH TWEAKS *****/ .footop .footop-inner .strap { display: none; } .livechat-footer { float: right; padding-top: 2px; margin-left: 5px; } .menu-display ul li a span, body.pixiedust .ajaxadd-wrap button, body button#product-addtocart-button, body.checkout-cart-index button.checkout span, body.pixiedust #shipping-method-buttons-container button.continue span span, body button#continue-to-payment-trigger span, button#place-order-trigger span, body.checkout-cart-index button.checkout span { text-transform: capitalize; } .customer-account-login .action.create.primary.cta-secondary span { color: #333; } .customer-account-login .action.create.primary.cta-secondary:hover span { color: #F97910; } button#filter-show-btn, button#filter-close-btn { border-radius: 25px !important; } .modal-popup.addsavecartpopup .modal-content button { padding: 14px 30px !important; } body.pixiedust.checkout-index-index .payment-method-content #review-buttons-container button, body.pixiedust.checkout-index-index .page-wrapper .payment-method-content .primary button { line-height: 1 !important; } .pixie-addpop-modal .shopping-actions a.action.continue-action { padding: 14px 15px; } body.pixiedust .login-lower-block a.new-cta.regis { padding-top: 8px; padding-bottom: 8px; } body.pixiedust .login-lower-block a.new-cta.regis span { font-size: 14px; } body.pixiedust.savedcarts-index-index #order-history a.saveorder-view, body.pixiedust.savedcarts-index-index #order-history a.saveorder-hide { color: #333 !important; } body.pixiedust.savedcarts-index-index .page-wrapper .saveorder-add-product.additp { padding: 8px 30px; border: 1px solid #333; border-radius: 25px; background-image: none; color: #333 !important; font-weight: bold; } body.pixiedust.savedcarts-index-index .page-wrapper .saveorder-add-product.additp:hover { border-color: #F97910; color: #F97910 !important; } body a.saveorder-delete, body a.saveorder-delete-product { color: #333 !important; background-image: url(../images/svg/Remove-Basket-Black.svg); } /*body a.saveorder-delete:hover, body a.saveorder-delete-product:hover { color: #F97910 !important; }*/ body.pixiedust .block-authentication a.regis, body.pixiedust .block-authentication a.regis:hover { background: none; border: none !important; } body.pixiedust .block-authentication a.regis>span, body.pixiedust .block-authentication a.regis:hover>span { background-image: none; padding-left: 0; } body.pixiedust .pixie-addpop-modal .shopping-actions a.action.continue-action { border-color:transparent; } body.pixiedust.sales-order-view .page-title-wrapper .actions a.action { padding: 10px 15px !important; } body.pixiedust.sales-order-view .page-title-wrapper .actions a.action span { line-height: 1.3 !important; } body.pixiedust.sales-order-view .page-title-wrapper .actions a.action.but-vr, body.pixiedust.sales-order-view .page-title-wrapper .actions a.action.but-cr { border-radius: 9999999px !important; } body.dealers-index-index a.view.primary.button.pm-columns_style { padding: 5px; } body.pixiedust.dealers-index-index a.view.primary.button.pm-columns_style.new-cta span { font-size: 14px; } body.dealers-index-index .table-wrapper.orders-history td.monthlyrep span:before { background-image:url(../images/svg/Download-Orange-RGB.svg); background-size: 21px; width: 25px; height: 14px; } .list-right form button { border-radius: 25px !important; } body .guest-form .action.primary { height: auto; } body.account button#filter-show-btn, body.account button#filter-close-btn { border-radius: 25px !important; } body a#save_cart, body a#clear_cart { padding-left: 0; padding-right: 0; } .black-font-override { color: #333 !important; } .orange-font-override { color: #F97910 !important; } .rightcompare .minibutton { border-radius: 25px !important; } .rightcompare .minibutton span, .rightcompare .minibutton:hover span { border-radius: 25px; background-image: url(../images/svg/Add-Basket-White-RGB.svg); } body input#addnewemail { border-radius: 25px 0 0 25px; height: 40px; } body button#submitemail { background: #333; height: 40px; border-radius: 0 25px 25px 0 !important; } body.passwordvis.checkout-index-index .bthree-signin-method .primary.checkout-as-guest button:hover { background: transparent !important;} .checkout-index-index:not(.passwordvis) .bthree-signin-method .primary.checkout-as-guest button { background: #333 !important; color: #fff !important; border-color: #333; } .checkout-index-index:not(.passwordvis) .bthree-signin-method .primary.checkout-as-guest button:hover { background: #f97910 !important; border-color: #f97910; } body.agco-shop .svm a.new-cta { border-color: transparent !important; } .stickyproduct-pm.guest-sticky .addtoc button.backtotopsticky span { font-size: 14px; border: none; } .stickyproduct-pm.guest-sticky .addtoc button.backtotopsticky:hover span { border-color: #f97910; } button.button.btn-cart.backtotopsticky { border-radius: 25px !important; background: none; } .filter_options .btn-submit { border-color: #333; background: #333;border-radius: 25px !important; } .filter_options .btn-submit:hover { border-color: #f97910; background: #f97910; } .filter_options .btn-submit span { color: #fff; } .filter_options .filtclear { border-radius: 25px !important; border-color: #333; color: #333; } .filter_options .filtclear:hover { border-color: #f97910; color: #f97910; } .filter_options .filtclear span { color: #333; } .filter_options .filtclear:hover span { color: #f97910; } .pm-fixed-product .oos { color: #333; } body.pixiedust span.suitable.new-cta.cta-secondary, body.pixiedust span.oempart.new-cta.cta-secondary { font-size: 14px; padding-left: 15px; padding-right: 15px; } body.pixiedust.checkout-cart-index .form.form-cart .action-delete span { padding-right: 55px; } .footer .ccheckwrap { clear: both; } body.pixiedust .rightcomparefar { width: 40%; } body.pixiedust .rightcompare { width: 60%; } body.pixiedust .spendanother, body.pixiedust .cart.table-wrapper .spendmore { background: #DB114A; } body.agco-shop button.secondary.cancelfilter span { color: #333; } body .main-nav-mm .chosen-container .chosen-single-new, body.pixiedust .pixie-addpop-modal .shopping-actions a.action, body.pixiedust .pixie-addpop-modal .shopping-actions a.action.continue-action, body.pixiedust.checkout-index-index .opc-wrapper .form-login .fieldset .field .label, body.pixiedust.checkout-index-index .opc-wrapper .form-shipping-address .fieldset .field .label { text-transform: none; } body.pixiedust .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta span { font-size: 13px; line-height: 1.4; } .block.block-requisition-list { display: none; } .shipping-tbc { background-image: url(../images/svg/information-icon.svg); background-repeat: no-repeat; background-position: right center; display: block; position: relative; height: 28px; background-size: 20px; } .shipping-tbc span { display: none; position: absolute; background-color: #fff; padding: 5px 10px; width: auto; right: -20px; top: -40px; border: 1px solid #333; border-radius: 5px; text-align: center; box-sizing: border-box; white-space: nowrap; } .shipping-tbc:hover span { display: block; } .shipping-tbc span:after { content: ""; position: absolute; bottom: -7px; width: 10px; height: 10px; background: #fff; border: 1px solid #333; transform: rotate(45deg); border-left: none; border-top: none; right: 24px; } @media (min-width: 769px) and (max-width: 865px) { body.checkout-cart-index button.checkout span { display: block; font-size: 13px; } } @media (max-width: 1350px) { .foobl.fbl4 a, .foobl.fbl4 span { float: none !important; } } @media (max-width: 600px) { .livechat-footer { float: none; margin-left: 0; } } /** Primary CTA's **/ body.pixiedust .new-cta { background-color: #333; color: #fff; font-size: 17px; font-weight: bold; text-transform: none; padding: 14px 30px; box-sizing: border-box; border-radius: 25px !important; border: 1px solid #333; text-decoration: none; transition: all 300ms ease; line-height: 1; max-height: 48px; text-transform: capitalize; } body.pixiedust .new-cta:hover { background-color: #F97910; border: 1px solid #F97910; color:#fff; } body.pixiedust .new-cta span { font-size: 17px; } /*body.pixiedust .new-cta.cta-primary, body.pixiedust .new-cta.cta-secondary { display: inline-block; }*/ body.pixiedust .new-cta.cta-primary:hover span { color: #fff; } body.pixiedust.account .action.save.primary.new-cta, body.pixiedust.account .action.primary.add.new-cta, body.pixiedust.account .action.submit.primary.new-cta { padding-left: 30px; padding-right: 30px; } body.pixiedust.account .action.save.primary span { font-size: 17px; } body.pixiedust .new-cta#mmsearch { background-color: transparent; color: #333; font-size: 17px; font-weight: bold; text-transform: none; padding: 14px 30px; box-sizing: border-box; border-radius: 25px !important; border: 1px solid #333; } body.pixiedust .new-cta#mmsearch:hover { border-color: #F97910; color: #F97910; } body.pixiedust .ajaxadd-wrap button, button#product-addtocart-button, body #save_order_button { border-radius: 25px !important; padding: 14px 30px; text-transform: none; } button#product-addtocart-button, body.pixiedust .ajaxadd-wrap button { font-size: 17px; } button#product-addtocart-button span { padding-left: 35px; background-size: 23px; } body.pixiedust .ajaxadd-wrap button { background-color: #333; } body.pixiedust .ajaxadd-wrap button:hover { background-color: #F97910; } body.pixiedust .ajaxadd-wrap button span { background-position: center left !important; background-size: 23px !important; padding: 0 0 0 30px !important; } body.pixiedust.account .action.primary.add.new-cta { padding-left: 30px; padding-right: 30px; } body.pixiedust.account .action.primary.add.new-cta span { font-size: 17px; } body.checkout-cart-index button.checkout span { text-transform: none; } body.pixiedust.checkout-cart-index button.checkout.new-cta { font-size: 17px !important; } body.pixiemedia_searchalias-index-index button.btn-partref.new-cta { padding: 14px 30px !important; } body.pixiedust .redun-popin .new-cta { padding-top: 6px; padding-bottom: 6px; font-size: 14px; } body.pixiedust p.cta-button, body.pixiedust p#video-button, #page_wrapper #tj p.cta-button, body.pixiedust .webforms button.action.submit, .modal-footer button.action-primary, body.checkout-index-index button.action.secondary.action-hide-popup, body.checkout-index-index .modal-popup .modal-footer .action-hide-popup { background-color: #333; color: #fff; font-size: 17px; font-weight: bold !important; text-transform: none; padding: 14px 30px; box-sizing: border-box; border-radius: 25px !important; border: 1px solid #333; transition: all 300ms ease; max-height: 48px; line-height: 1; } body.pixiedust p.cta-button:hover, body.pixiedust p#video-button:hover, #page_wrapper #tj p.cta-button:hover, body.pixiedust .webforms button.action.submit:hover, .modal-footer button.action-primary:hover, body.checkout-index-index button.action.secondary.action-hide-popup:hover, body.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover { background-color: #F97910; border: 1px solid #F97910; } body.pixiedust .header .form-search button.button { background-color: #333; border-color: #333; border-radius: 0 1px 1px 0 !important; top:0; height: 50px; } body.pixiedust .header .form-search button.button:hover { background-color: #f97910; border-color: #f97910; } .cta-button a { background-color: #333 !important; color: #fff; font-size: 17px; font-weight: bold; text-transform: none; padding: 14px 30px !important; box-sizing: border-box; border-radius: 25px !important; border: 1px solid #333 !important; } .cta-button a:hover { background-color: #f97910 !important; border-color: #f97910 !important; color: #fff !important; } body.pixiedust .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta { background-color: #333; border: 1px solid #333; line-height: 1; display:flex; align-items: center; } body.pixiedust .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta span { padding: 4px 0 4px 26px; height:auto; line-height: 1; background-position: center left; } body.pixiedust .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta:hover { background-color: #f97910; border-color: #f97910; } body.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.pixiedust.ccmodacitve .new-cta.cs-counter { background-color: transparent; color: #F97910 !important; border-color: #F97910; padding-left: 50px; background-position: center left 25px; background-image: url(../images/svg/Tick-Black-RGB.svg); background-size: 20px; filter:invert(45%) sepia(100%) saturate(1009%) hue-rotate(355deg) brightness(101%) contrast(95%); } body.pixiedust .new-cta.cs-switch { font-size: 15px; background-color: transparent; color: #333; } body.pixiedust .new-cta.cs-switch:hover { color: #F97910 !important; } /*.head-line .myacc-link.icon-link a span { float: none; background-image: url(../images/svg/Industry-Leaders-White-RGB.svg); padding-left: 35px; background-position: center left; background-size: 20px; }*/ /*.head-line .myacc-link.icon-link a span, .head-line .myacc-link .regis-link span { font-size: 14px; }*/ /*body.pixiedust .menu-display ul li a span { float: none; padding-top: 0; font-size: 14px; }*/ /*.head-line .myacc-link a.new-cta.cta-primary { line-height: 1.4; }*/ .guest-header-cart { padding-top: 9px; } .minicart-wrapper.minicart-notlogged .cartb-holder.head-cart { padding-top: 12px; } body.pixiedust .head-cart .signin span, body.pixiedust .head-cart .register span { background-color: transparent; border: none; text-decoration: none; padding: 0 0 0 25px; background-position: center left; margin: 0; font-size: 14px; } body.pixiedust.sales-order-view .page-title-wrapper .actions a.action.order.new-cta.cta-primary { background-color: #333; padding-left: 15px; padding-right: 15px; } body.pixiedust.sales-order-view .page-title-wrapper .actions a.action.order.new-cta.cta-primary:hover { background-color: #F97910; } body.pixiedust.sales-order-view .page-title-wrapper .actions a.action.order.new-cta.cta-primary span { color: #333 !important; filter: brightness(100); font-weight: bold; padding-top: 2px; padding-bottom: 2px; } #frameox .catclose-btn span { color: #fff; border-color: #333; padding-left: 15px; padding-right: 15px; } #frameox .catclose-btn span:hover { border-color: #F97910; background-color: #F97910; } button#product-addtocart-button, body.pixiedust.checkout-cart-index button.checkout.new-cta, button#continue-to-payment-trigger, button#place-order-trigger, body.pixiedust #shipping-method-buttons-container .continue { background-color: #F97910 !important; border: 1px solid #F97910 !important; } body .pixie-addpop-modal .shopping-actions a.action.primary, body .pixie-addpop-modal .shopping-actions a.action.primary { padding: 14px 30px; font-size: 17px; } body.sparexidf_22 .pixie-addpop-modal .shopping-actions a.action.primary, body.sparexidf_30 .pixie-addpop-modal .shopping-actions a.action.primary { padding: 6px 30px; } body.checkout-index-index .modal-popup .modal-footer .action-hide-popup { color: #fff !important; } body.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover { background-color: #F97910 !important; } body.sparexidf_18 .header .minicart-wrapper .new-cta, body.sparexidf_31 .header .minicart-wrapper .new-cta { padding-left: 20px; padding-right: 20px; } body.pixiedust.sparexidf_22 .menu-display ul li a span, body.pixiedust.sparexidf_22 .ajaxadd-wrap button, body.pixiedust.sparexidf_22 button#product-addtocart-button, body.sparexidf_22.checkout-cart-index button.checkout span, body.pixiedust.sparexidf_22 #shipping-method-buttons-container button.continue span span, body.pixiedust.sparexidf_22 button#continue-to-payment-trigger span, body.pixiedust.sparexidf_22 button#place-order-trigger span, body.sparexidf_22.checkout-cart-index button.checkout span { text-transform:none; } body.pixiedust.sparexidf_22 .new-cta, body.pixiedust.sparexidf_22 .new-cta.cta-tertiary, body.pixiedust.sparexidf_22 .new-cta.cta-secondary, body.pixiedust.sparexidf_22 .new-cta.cta-primary { text-transform: none; } @media screen and (max-width:650px) { .guest-header-cart { padding-top: 0; } } /** Secondary CTA's **/ body.pixiedust .new-cta.cta-secondary { background-color: transparent; border-color: #333; color: #333; max-height: 48px; line-height: 1; text-transform: capitalize; } body.pixiedust .new-cta.cta-secondary:hover { border-color: #f97910; color: #f97910; background-color: transparent; } body.pixiedust a.promo-btn.new-cta.cta-secondary { font-size: 15px; color: #333 !important; margin-bottom: 15px; } body.pixiedust a.promo-btn.new-cta.cta-secondary:hover { color: #f97910 !important; } body.pixiedust p.cta-button.cta-btn-secondary, body.pixiedust a.cta-button.cta-btn-secondary, .modal-footer button.action-secondary { background-color: transparent; color: #333 !important; font-size: 17px; font-weight: bold !important; text-transform: none; padding: 14px 30px; box-sizing: border-box; border-radius: 25px !important; border: 1px solid #333; } body.pixiedust p.cta-button.cta-btn-secondary:hover, body.pixiedust a.cta-button.cta-btn-secondary:hover, .modal-footer button.action-secondary:hover { background-color: transparent !important; border: 1px solid #F97910; color: #F97910 !important; } body.pixiedust a.cta-button.cta-btn-secondary { background-color: transparent !important; color: #333 !important; border-color: #333 !important; } body.pixiedust a.cta-button.cta-btn-secondary:hover { color: #F97910 !important; border-color: #F97910 !important; } body.pixiedust .service-messages a.new-cta.cta-secondary { display: inline-block; } body.pixiedust .service-messages a.new-cta.cta-secondary:hover { color: #F97910 !important; } /** Tertiary CTA's **/ body.pixiedust .new-cta.cta-tertiary { background-color: transparent; border-color: transparent; color: #333; max-height: 48px; line-height: 1; text-decoration: none !important; text-transform: capitalize; } body.pixiedust .new-cta.cta-tertiary:hover { border-color: transparent; color: #f97910; background-color: transparent; } .footer .foobl li a, .footer .foobl li a span, .inner-addmore, body.pixiedust.account.stockwatch-index-index .fave-add, a.saveorder-delete, a.saveorder-delete-product, body.account.customer-address-form .form-address-edit .actions-toolbar .secondary .action.back, #clearbutt, .head-login .actions a.f-left, body.pixiedust #clearbutt { font-weight: bold; color: #333 !important; } .footer .foobl li a:hover, .footer .foobl li a:hover span, .inner-addmore:hover, body.pixiedust.account.stockwatch-index-index .fave-add:hover, a.saveorder-delete:hover, a.saveorder-delete-product:hover, body.account.customer-address-form .form-address-edit .actions-toolbar .secondary .action.back:hover, #clearbutt:hover, .head-login .actions a.f-left:hover, body.pixiedust #clearbutt:hover { color: #f97910 !important; } .menu-display.head-line li a, body.account.sales-order-history table#my-orders-table a.action.view, body.pixiedust.account .block .action.edit, body.pixiemedia_searchalias-index-index span.refdelete { color: #333 !important; font-weight: bold !important; } .menu-display.head-line li a:hover, body.account.sales-order-history table#my-orders-table a.action.view:hover, body.pixiedust.account .block .action.edit:hover, body.pixiemedia_searchalias-index-index span.refdelete:hover { color: #F97910 !important; } body.pixiemedia_searchalias-index-index span.refupdate, body.pixiedust.savedcarts-index-index a.saveorder-view, body.pixiedust.savedcarts-index-index a.saveorder-hide { font-weight: bold !important; } .head-login .actions a { text-decoration: none; } body.pixiedust .service-messages a.orange:hover { color: #f97910 !important; background: transparent !important; } .footer .foobl li a span { font-weight: normal; } /** Other colour palettes - lots of !important's needed as lots of CSS is done on-page :( **/ /* body.pixiedust .cta-primary-1 { background-color: #333 !important; border-color: #333 !important; } body.pixiedust .cta-primary-2 { background-color: #F97910 !important; border-color: #F97910 !important; } body.pixiedust .cta-primary-3 { background-color: #DB114A !important; border-color: #DB114A !important; } body.pixiedust .cta-primary-4 { background-color: #D9D61F !important; border-color: #D9D61F !important; } body.pixiedust .cta-primary-5 { background-color: #044568 !important; border-color: #044568 !important; } body.pixiedust .cta-primary-6 { background-color: #1CC594 !important; border-color: #1CC594 !important; } body.pixiedust .cta-primary-7 { background-color: #F97910 !important; border-color: #F97910 !important; } body.pixiedust .cta-primary-8 { background-color: #fff !important; border-color: #fff !important; } body.pixiedust .cta-primary-1, body.pixiedust .cta-primary-2, body.pixiedust .cta-primary-3, body.pixiedust .cta-primary-4, body.pixiedust .cta-primary-5, body.pixiedust .cta-primary-6, body.pixiedust .cta-primary-7 { color: #fff !important; } body.pixiedust .cta-primary-8 { color: #000 !important; } body.pixiedust .cta-primary-1:hover, body.pixiedust .cta-primary-2:hover, body.pixiedust .cta-primary-3:hover, body.pixiedust .cta-primary-4:hover, body.pixiedust .cta-primary-5:hover, body.pixiedust .cta-primary-6:hover, body.pixiedust .cta-primary-7:hover { background-color: #F97910 !important; border: 1px solid #F97910 !important; } body.pixiedust .cta-primary-8:hover { background-color: #fff !important; border: 1px solid #fff !important; color: #000 !important; } body.pixiedust .cta-primary-hover-1:hover { background-color: #333 !important; border-color: #333 !important; } body.pixiedust .cta-primary-hover-2:hover { background-color: #FCB040 !important; border-color: #FCB040 !important; } body.pixiedust .cta-primary-hover-3:hover { background-color: #DB114A !important; border-color: #DB114A !important; } body.pixiedust .cta-primary-hover-4:hover { background-color: #D9D61F !important; border-color: #D9D61F !important; } body.pixiedust .cta-primary-hover-5:hover { background-color: #044568 !important; border-color: #044568 !important; } body.pixiedust .cta-primary-hover-6:hover { background-color: #1CC594 !important; border-color: #1CC594 !important; } body.pixiedust .cta-primary-hover-7:hover { background-color: #F97910 !important; border-color: #F97910 !important; } body.pixiedust .cta-primary-hover-8:hover { background-color: #fff !important; border-color: #fff !important; color: #000 !important;} body.pixiedust .cta-secondary-1 { border-color: #333 !important; color: #333 !important; } body.pixiedust .cta-secondary-2 { border-color: #FCB040 !important; color: #FCB040 !important; } body.pixiedust .cta-secondary-3 { border-color: #DB114A !important; color: #DB114A !important; } body.pixiedust .cta-secondary-4 { border-color: #D9D61F !important; color: #D9D61F !important; } body.pixiedust .cta-secondary-5 { border-color: #044568 !important; color: #044568 !important; } body.pixiedust .cta-secondary-6 { border-color: #1CC594 !important; color: #1CC594 !important; } body.pixiedust .cta-secondary-7 { border-color: #F97910 !important; color: #F97910 !important; } body.pixiedust .cta-secondary-8 { border-color: #fff !important; color: #fff !important; background-color: #000 !important;} body.pixiedust .cta-secondary-1, body.pixiedust .cta-secondary-2, body.pixiedust .cta-secondary-3, body.pixiedust .cta-secondary-4, body.pixiedust .cta-secondary-5, body.pixiedust .cta-secondary-6, body.pixiedust .cta-secondary-7, body.pixiedust .cta-secondary-7 { background-color: transparent !important; border-width: 1px !important; border-style: solid !important; } body.pixiedust .cta-secondary-1:hover, body.pixiedust .cta-secondary-2:hover, body.pixiedust .cta-secondary-3:hover, body.pixiedust .cta-secondary-4:hover, body.pixiedust .cta-secondary-5:hover, body.pixiedust .cta-secondary-6:hover, body.pixiedust .cta-secondary-7:hover { border-color: #F97910 !important; color: #F97910 !important; } body.pixiedust .cta-secondary-8:hover { border-color: #fff !important; color: #000 !important; background-color: #fff !important; } body.pixiedust .cta-secondary-hover-1 { border-color: #333 !important; color: #333 !important; } body.pixiedust .cta-secondary-hover-2 { border-color: #FCB040 !important; color: #FCB040 !important; } body.pixiedust .cta-secondary-hover-3 { border-color: #DB114A !important; color: #DB114A !important; } body.pixiedust .cta-secondary-hover-4 { border-color: #D9D61F !important; color: #D9D61F !important; } body.pixiedust .cta-secondary-hover-5 { border-color: #044568 !important; color: #044568 !important; } body.pixiedust .cta-secondary-hover-6 { border-color: #1CC594 !important; color: #1CC594 !important; } body.pixiedust .cta-secondary-hover-7 { border-color: #F97910 !important; color: #F97910 !important; } body.pixiedust .cta-secondary-hover-8 { border-color: #fff !important; background-color: #fff !important; color: #000 !important; } body.pixiedust .cta-tertiary-1 { color: #333 !important; } body.pixiedust .cta-tertiary-2 { color: #FCB040 !important; } body.pixiedust .cta-tertiary-3 { color: #DB114A !important; } body.pixiedust .cta-tertiary-4 { color: #D9D61F !important; } body.pixiedust .cta-tertiary-5 { color: #044568 !important; } body.pixiedust .cta-tertiary-6 { color: #1CC594 !important; } body.pixiedust .cta-tertiary-7 { color: #F97910 !important; } body.pixiedust .cta-tertiary-1:hover, body.pixiedust .cta-tertiary-2:hover, body.pixiedust .cta-tertiary-3:hover, body.pixiedust .cta-tertiary-4:hover, body.pixiedust .cta-tertiary-5:hover, body.pixiedust .cta-tertiary-6:hover, body.pixiedust .cta-tertiary-7:hover { color: #F97910 !important; } body.pixiedust .cta-tertiary-1:hover { color: #333 !important; } body.pixiedust .cta-tertiary-2:hover { color: #FCB040 !important; } body.pixiedust .cta-tertiary-3:hover { color: #DB114A !important; } body.pixiedust .cta-tertiary-4:hover { color: #D9D61F !important; } body.pixiedust .cta-tertiary-5:hover { color: #044568 !important; } body.pixiedust .cta-tertiary-6:hover { color: #1CC594 !important; } body.pixiedust .cta-tertiary-7:hover { color: #F97910 !important; } body.pixiedust .cta-tertiary-hover-1:hover { color: #333 !important; } body.pixiedust .cta-tertiary-hover-2:hover { color: #FCB040 !important; } body.pixiedust .cta-tertiary-hover-3:hover { color: #DB114A !important; } body.pixiedust .cta-tertiary-hover-4:hover { color: #D9D61F !important; } body.pixiedust .cta-tertiary-hover-5:hover { color: #044568 !important; } body.pixiedust .cta-tertiary-hover-6:hover { color: #1CC594 !important; } body.pixiedust .cta-tertiary-hover-7:hover { color: #F97910 !important; } */ /** SVG's **/ .head-line .myacc-link.icon-link a span { background-image: url(../images/svg/Industry-Leaders-Black-RGB.svg); background-position: center left; padding-left: 25px; background-size: 18px; } body.sparexcgrid_gst .head-line .myacc-link.icon-link a span { background-image: url(../images/svg/Login-Black-RGB.svg); } .head-line .myacc-link.icon-link a:hover span { background-image: url(../images/svg/Industry-Leaders-Orange-RGB.svg); } body.sparexcgrid_gst .head-line .myacc-link.icon-link a:hover span { background-image: url(../images/svg/Login-Orange-RGB.svg); } body.sparexcgrid_gst.bthree_userdefi .head-line .myacc-link.icon-link a:hover span { background-image: none; } body .header .form-search button.button, body .header .form-search button.button:hover { background-image: url(../images/svg/Search-White-RGB.svg); } body .head-cart .signin span { background-image: url(../images/svg/Login-White-RGB.svg); background-size: 18px; } .cart-top-left { background-image: url(../images/svg/Basket-Black-RGB.svg); } body .phone-display span { background-image: url(../images/svg/Phone-Black-RGB.svg); } body .ajaxadd-wrap button span { background-image: url(../images/svg/Add-Basket-White-RGB.svg) !important; } body.checkout-cart-index button.checkout span, body.pixiedust.checkout-index-index .payment-method-content #review-buttons-container button span, body.pixiedust.checkout-index-index .page-wrapper .payment-method-content .primary button span { background-image: url(../images/svg/Padlock-White-RGB.svg) !important; background-size: 21px !important; } body .form.form-cart .action-delete span { background-image: url(../images/svg/Remove-Basket-Black.svg); font-weight: bold; color: #333; } body .cart-pm-duo .attention span { background-image: url(../images/svg/Warning-Black-RGB.svg); } body .checkh-right span { background-image: url(../images/svg/Phone-Black-RGB.svg); } body span.callus { background-image: url(../images/svg/Phone-Black-RGB.svg); } body .address-type-choose .choose-existing span { background-image: url(../images/svg/AddressBook-Black-RGB.svg); } body .address-type-choose .addnew span { background-image: url(../images/svg/Mail-Orange-RGB.svg); } body.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item span.action.edit-address-link { background-image: url(../images/svg/Edit-Orange-RGB.svg); } body.pixiedust #shipping-method-buttons-container button.continue span span { background-image: url(../images/svg/Padlock-White-RGB.svg); background-size: 21px; padding-left: 30px; } body.pixiedust button#place-order-trigger span span { background-image: url(../images/svg/Padlock-White-RGB.svg); background-size: 21px; } body.checkout-onepage-success a.print span { background-image: url(../images/svg/Print-Black-RGB.svg); } body.checkout-onepage-success a.print:hover span { background-image: url(../images/svg/Print-Orange-RGB.svg); } body .list-right form button span span { background-image: url(../images/svg/Add-Basket-White-RGB.svg); } body .stockcheck { background-image: url(../images/svg/Delivery-Box-Timer-Black.svg); } body #target_comparison .is_stocked.stockcheck { background-image: url(../images/update/StockLevels-greenx2.png); } body #target_comparison .not_stocked.stockcheck { background-image: url(../images/update/StockLevels-OUTx2.png); } body button#product-addtocart-button span, .stickyproduct-pm .addtoc form button.btn-cart.box-size span { background-image: url(../images/svg/Add-Basket-White-RGB.svg); } body .spendthresh { background-image: url(../images/svg/Delivery-Van-Black-RGB.svg); } body .pm-slick-item .product-item-details .tocart span { background-image: url(../images/svg/Add-Basket-White-RGB.svg); } body .doc-link { background-image: url(../images/svg/PDF-Download-Black-RGB.svg); } body #target_suitable h3.tabtitle { background-image: url(../images/svg/Tractor-Black-RGB.svg); } body #target_part h3.tabtitle { background-image: url(../images/svg/OEM-Standards-Black-RGB.svg); } body #target_catalogue h3.tabtitle { background-image: url(../images/svg/Brochure-Black-RGB.svg); } body #target_suitable h3.tabtitle, body #target_part h3.tabtitle, body #target_catalogue h3.tabtitle { background-size: 30px; padding-left: 40px; } body #target_specification h3.tabtitle { background-image: url(../images/svg/Settings-Cog-Black-RGB.svg); } body #target_comparison h4.tabtitle { background-image: url(../images/svg/Screws-Black-RGB.svg); } body span.helpco { background-image: url(../images/svg/Did-You-Know-Black-RGB.svg); } body .offercon { background-image: url(../images/svg/Discount-Tag-Black-RGB.svg); background-size: contain; } body #clearbutt, body .active-attrs a, body.pixiemedia_searchalias-index-index span.refdelete, body.pixiedust.account.stockwatch-index-index .fave-add { background-image: url(../images/svg/Remove-Basket-Black.svg); } body #narrow-by-list-search .control button span { background-image: url(../images/svg/Search-Black-RGB.svg); } body .head-login .actions button span span, body .head-login .actions button:hover span span, .form.form-login .fieldset button.action.login.primary { color: #fff; background-image: url(../images/svg/Login-White-RGB.svg); background-size: 20px; padding-left: 30px; text-transform: none; } body .head-login .actions button > span { padding: 0; } body a.regis, body a.regis:hover { background-image: none; } body a.regis > span, body a.regis:hover > span { background-image: url(../images/svg/Register-Orange-RGB.svg); background-repeat: no-repeat; background-size: 20px; background-position: left center; padding-left: 30px; } .head-cart .register span { background-image: url(../images/svg/Register-Black-RGB.svg); } .head-cart .register:hover span { background-image: url(../images/svg/Register-Orange-RGB.svg); } body.pixiedust.savedcarts-index-index #order-history a.saveorder-view, body.pixiedust.savedcarts-index-index #order-history a.saveorder-hide { background-image: url(../images/svg/Search-Black-RGB.svg); background-size: 16px; padding-left: 20px; } body.customer-account-login .block-customer-login .form.form-login .fieldset button.action.login.primary { padding-left: 50px; padding-right: 30px; background-position: left 20px center; } body .message.info>*:first-child:before { background-image: url(../images/svg/Warning-Black-RGB.svg); background-position: center center; background-repeat: no-repeat; content: ""; top: 11px; height: 45px; } body form.inline-added button.button span { background-image: url(../images/svg/Add-Basket-White-RGB.svg); } body form.inline-added button.button { border-radius: 25px !important; } body.pixiemedia_searchalias-index-index .page-wrapper span.refupdate { background-image:url(../images/svg/Edit-Orange-RGB.svg); } body.pixiemedia_searchalias-index-index span.refdelete { background-image:url(../images/svg/Bin-Black-RGB.svg); } body.pixiemedia_searchalias-index-index .page-wrapper span.refdelete { background:url(../images/svg/Bin-Black-RGB.svg) no-repeat left 3px / 15px !important} body.checkout-index-index span.back-btn, body.pixiedust.account .block .action.edit { background: url(../images/svg/Edit-Orange-RGB.svg) no-repeat center left / 16px; } body.pixiedust.account.stockwatch-index-index .page-wrapper .fave-add { background-image:url(../images/svg/Bin-Black-RGB.svg); } body .ajaxadd-wrap button span { background-image: url(../images/svg/Upload-White-RGB.svg) !important; } body .ajaxadd-wrap button.saveall-alias span { background-image: url(../images/svg/Save-White-RGB.svg) !important; } body .cart.table-wrapper .add-item-note, body .span-notes .submitnote { background-image: url(../images/svg/Edit-Orange-RGB.svg); } body.pixiedust .message.success>*:first-child:before { background-image: url(../images/svg/Tick-Green-RGB.svg); background-size: 22px; } .ajax-control-wrap .notcleared { background-image: url(../images/svg/Warning-Black-RGB.svg); } body.pixiedust .ajaxadd-wrap button#ajax_go_back span { background-image: url(../images/svg/Return-White-RGB.svg); } body .summary-item.delivery-summary .inaline.icon { background-image: url(../images/svg/Delivery-Van-Black-RGB.svg); } body #mmblock #clearbutt, body .active-attrs a { background:url(../images/svg/Bin-Orange-RGB.svg) no-repeat center left / 15px; padding-left: 20px; } body #mmblock #clearbutt { background-image: url(../images/svg/Bin-Black-RGB.svg); } body #mmblock #clearbutt:hover { background-image: url(../images/svg/Bin-Orange-RGB.svg); } body.pixiedust .pixie-addpop-modal .modal-header .modal-title { background:#333333 url(../images/svg/Tick-Green-RGB.svg) no-repeat center left 20px/25px; line-height: 1; padding:20px 0 20px 55px; } .modal-popup.pixie-addpop-modal .action-close { top:21px; } body.account a.print-order.download-invoice { background-image: url(../images/svg/invoice.svg); filter: invert(76%) sepia(65%) saturate(749%) hue-rotate(327deg) brightness(103%) contrast(94%); } body.account a.print-order.download-invoice:hover { background-image: url(../images/svg/invoice.svg); filter: invert(49%) sepia(54%) saturate(1144%) hue-rotate(352deg) brightness(98%) contrast(98%); } @media screen and (max-width: 700px) { body.pixiedust.savedcarts-index-index #order-history a.saveorder-view, body.pixiedust.savedcarts-index-index #order-history a.saveorder-hide { background:none; } } @media screen and (max-width:650px) { .head-cart-link .trigger-auth-popup{ padding:0 !important; border:0 !important; background:none !important; } .head-cart-link .trigger-auth-popup span { background:url(../images/svg/Login-Black-RGB.svg) no-repeat center left / 18px !important; color:#333 !important; } body.pixiedust.account .block .action.edit { background-position: center left 20px; } body.pixiedust.account.customer-address-index .block .action.edit { background-position: center left 0px; } body.pixiedust.account .block.block-addresses-list .action.edit { background-image: none; text-align: center; } body.pixiedust.account .block.block-addresses-default .action.edit { background-image: none; text-align: center; } body.pixiedust.account .block.block-addresses-list .action.delete { text-align: center; } #product_addtocart_form .add-to-cart button.button { padding: 0; } } /** Store view specific font/padding overrides for long translations **/ body.pixiedust.sparexidf_32 .head-cart .signin span, body.pixiedust.sparexidf_32 .head-cart .register span, body.pixiedust.sparexidf_33 .head-cart .signin span, body.pixiedust.sparexidf_33 .head-cart .register span, body.pixiedust.sparexidf_34 .head-cart .signin span, body.pixiedust.sparexidf_34 .head-cart .register span { font-size: 12px; } body.pixiedust.sparexidf_32 .head-cart .signin > a.new-cta, body.pixiedust.sparexidf_32 .head-cart .register > a.new-cta, body.pixiedust.sparexidf_33 .head-cart .signin > a.new-cta, body.pixiedust.sparexidf_33 .head-cart .register > a.new-cta, body.pixiedust.sparexidf_34 .head-cart .signin > a.new-cta, body.pixiedust.sparexidf_34 .head-cart .register > a.new-cta { padding-left: 22px; padding-right: 22px; } body.pixiedust.sparexidf_32 span.oempart.new-cta.cta-secondary, body.pixiedust.sparexidf_33 span.oempart.new-cta.cta-secondary, body.pixiedust.sparexidf_34 span.oempart.new-cta.cta-secondary { max-height: none; } body.pixiedust.sparexidf_32 .pm-detail-col .pm-wrapem .pm-divider, body.pixiedust.sparexidf_33 .pm-detail-col .pm-wrapem .pm-divider, body.pixiedust.sparexidf_34 .pm-detail-col .pm-wrapem .pm-divider { display: flex; align-items: center; } body.pixiedust.sparexidf_32 .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta, body.pixiedust.sparexidf_33 .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta, body.pixiedust.sparexidf_34 .stickyproduct-pm .addtoc form button.btn-cart.box-size.new-cta { height: auto; background-color: #F97910; border-color: #F97910; } body.account.sparexidf_32 button#filter-show-btn, body.account.sparexidf_32 button#filter-close-btn, body.account.sparexidf_33 button#filter-show-btn, body.account.sparexidf_33 button#filter-close-btn, body.account.sparexidf_34 button#filter-show-btn, body.account.sparexidf_34 button#filter-close-btn { font-size: 12px; padding-left: 13px; padding-right: 13px; } .abs-margin-for-forms-desktop, .fieldset .legend, .column:not(.sidebar-main) form .actions-toolbar, .column:not(.sidebar-additional) form .actions-toolbar, .login-container .fieldset:after { margin-left: 0 !important; } body .product-items { font-size: inherit; } body.pixiedust.sparexidf_17 .head-cart .signin span, body.pixiedust.sparexidf_17 .head-cart .register span, body.pixiedust.sparexidf_16 .head-cart .signin span, body.pixiedust.sparexidf_16 .head-cart .register span { font-size: 13px; } body.pixiedust.sparexidf_17 .head-cart .signin a, body.pixiedust.sparexidf_17 .head-cart .register a, body.pixiedust.sparexidf_16 .head-cart .signin a, body.pixiedust.sparexidf_16 .head-cart .register a { padding-left: 17px; padding-right: 17px; } /** AGCO updates **/ body.agco-shop .menu-display.head-line li a:hover, body.agco-shop.account.sales-order-history table#my-orders-table a.action.view:hover, body.pixiedust.account.agco-shop .block .action.edit:hover, body.pixiemedia_searchalias-index-index.agco-shop span.refdelete:hover { color: #ae132a!important; } body.agco-shop .footer .foobl li a:hover, body.agco-shop .footer .foobl li a:hover span, body.agco-shop .inner-addmore:hover, body.pixiedust.account.stockwatch-index-index.agco-shop .fave-add:hover, body.agco-shop a.saveorder-delete:hover, body.agco-shop a.saveorder-delete-product:hover, body.account.customer-address-form.agco-shop .form-address-edit .actions-toolbar .secondary .action.back:hover, body.agco-shop #clearbutt:hover, body.agco-shop .head-login .actions a.f-left:hover, body.pixiedust.agco-shop #clearbutt:hover { color: #ae132a!important; } body.pixiedust.account.pixiemedia_pricepreferences-index-index.agco-shop .inputwrap .percy, body.pixiedust.account.pixiemedia_pricepreferences-index-index.agco-shop .inputwrap input, body.pixiemedia_searchalias-index-index.agco-shop span.refupdate { color: #ae132a; } body.pixiedust.agco-shop .ajaxadd-wrap button:hover { background-color: #ae132a !important; } body.pixiedust.agco-shop .new-cta:hover, body.pixiedust.agco-shop button#product-addtocart-button, body.pixiedust.checkout-cart-index.agco-shop button.checkout.new-cta, body.pixiedust.agco-shop button#continue-to-payment-trigger, body.pixiedust.agco-shop button#place-order-trigger, body.pixiedust.agco-shop #shipping-method-buttons-container .continue { background-color: #ae132a !important; border-color: #ae132a !important; } body.checkout-index-index.agco-shop span.back-btn, body.pixiedust.account.agco-shop .block .action.edit { background-image: url(../images/svg/Edit-AGCO-RGB.svg); } body.pixiedust.account.agco-shop .field-order-number button[type=submit]:after { color: #ae132a; } .agco-shop .ti-new:hover { border-bottom-color: #ae132a; } body.agco-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.agco-shop.pixiedust.ccmodacitve .new-cta.cs-counter { color: #ae132a !important; border-color: #ae132a; } body.pixiedust.checkout-index-index.agco-shop .table-checkout-shipping-method tr:hover input { background-image: url(../images/Radio-activex2-agco.png); } body.pixiedust.agco-shop .cta-primary-7 { background-color: #ae132a !important; border-color: #ae132a !important; } .agco-shop .ti-hot:hover { border-bottom-color: #ae132a; } body.pixiedust.agco-shop .new-cta.cta-tertiary:hover { border-color: transparent !important; background-color: transparent !important; color: #ae132a; } body.pixiedust.agco-shop a.promo-btn.new-cta.cta-secondary:hover { color: #ae132a !important; } body.pixiedust.agco-shop .new-cta.cta-secondary:hover { background-color: transparent !important; border-color: #ae132a !important; color: #ae132a !important; } body.pixiedust.agco-shop .cta-primary-2 { background-color: #ae132a; border-color: #ae132a; } body.pixiedust.agco-shop p.cta-button:hover, body.pixiedust.agco-shop p#video-button:hover, .agco-shop #page_wrapper #tj p.cta-button:hover, body.pixiedust.agco-shop .webforms button.action.submit:hover, .agco-shop .modal-footer button.action-primary:hover, body.checkout-index-index.agco-shop button.action.secondary.action-hide-popup:hover, body.checkout-index-index.agco-shop .modal-popup .modal-footer .action-hide-popup:hover { background-color: #ae132a; border-color: #ae132a; } body.checkout-index-index.agco-shop .modal-popup .modal-footer .action-hide-popup:hover { background-color: #ae132a !important; } .agco-shop .delivery-type { background-color: #ae132a; } .agco-shop.ccmodacitve span.cs-normal { border-color: #000;} body.agco-shop #mmsearch span { color: #000; } body.agco-shop #mmsearch:hover span { color: #ae132a; } body.agco-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.agco-shop.pixiedust.ccmodacitve .new-cta.cs-counter { filter: invert(22%) sepia(48%) saturate(4191%) hue-rotate(335deg) brightness(73%) contrast(106%); } body.agco-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal:hover, body.agco-shop.pixiedust.ccmodacitve .new-cta.cs-counter:hover { background-color: transparent !important; } body.pixiedust.agco-shop .new-cta.cs-switch:hover { color: #ae132a !important; background-color: transparent !important; } body.agco-shop .svm a.new-cta:hover { color: #ae132a !important; } /** CASE updates **/ .case-shop .head-message-out { background-color:#ae132a; } .case-shop .pop-button { background-color:#ae132a;} .case-shop .cart-top-price { color:#ae132a; } .case-shop .country-activate { display:none; } .case-shop .currency-select.head-line { display:none; } .case-shop.agco-showcur .currency-select.head-line { display:inline-block; } .case-shop .phone-display.head-line:before { display:none; } .case-shop .language-active { display:block; } .case-shop .header-container { } .case-shop .head-logo img { max-width:250px; } .case-shop .header .form-search button.button { background-color:#ae132a !important; border-color:#ae132a !important; } .case-shop .header .form-search button.button:hover {background-color:#980109 !important; } .case-shop .slidebutton { background:#ae132a; } .case-shop .slidebutton:hover { background:#980109; } .case-shop .svm a { border-color:#ae132a !important; color:#ae132a !important; } .case-shop .svm a:hover { background:#980109 !important; border-color:#980109 !important; color:#fff !important; } .case-shop a.orange { color:#ae132a; border-color:#ae132a; } .case-shop a.orange:hover { background:#980109 !important; border-color:#980109 !important; color:#fff;} .case-shop a.viewbutton { background:#ae132a; color:#fff; border-color:#ae132a; } .case-shop a.viewbutton:hover { background:#980109 !important; border-color:#980109 !important; color:#fff;} .case-shop .list-right form button { border-color:#ae132a; background:#fff; width:63px; } .case-shop button#product-addtocart-button { border-color:#ae132a; color:#ae132a; } .case-shop button#product-addtocart-button span { } .case-shop button.button { border-color:#ae132a; } .case-shop .list-right form button span span { background:rgba(0, 0, 0, 0) url("../images/grid-view-add-to-cart-red.png") no-repeat scroll left center; } .case-shop .buy-right form button.loader span span, .case-shop .list-right form button.loader span span { background:url(../images/ajax-loader-grid-view-42x24-red.gif); background-position:center; } .case-shop button#product-addtocart-button { background-color:#ae132a; } .case-shop button#product-addtocart-button:hover { background-color:#770107; } .case-shop button#product-addtocart-button.loader { background-image:url(../images/ajax-loader-product-page-46x29-red.gif); } .case-shop .blurb-right button { background:rgba(0, 0, 0, 0) url("../images/list-view-add-to-cart-red.png") no-repeat scroll 7px center; } .case-shop button.btn-proceed-checkout { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll 7px center;} .case-shop .add-to-cart-button button span span { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll left center; } .case-shop .block-account .block-content li.acti a { color:#ae132a; } .case-shop .box-head a { color:#ae132a; border-color:#ae132a; } .case-shop .box-address-quick .col-1 h4, h3.defbill { color:#ae132a; } .case-shop .ajaxadd-wrap button span span { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll left center; } .case-shop #checkload1.loader { background:url("../images/ajax-loader-grid-view-42x24-red.gif") no-repeat scroll 0px center !important; } .case-shop #menu-trigger.touch-main-nav-link { background-color:#ae132a; } .case-shop .back-link a, .case-shop a.fave-butt, .case-shop a.fave-add, .case-shop .saveorder-add-product { border-color:#ae132a; color:#ae132a; } body.case-shop.pixiedust.checkout-index-index button.action-show-popup { display:none; } .case-shop button span { color:#fff; } .case-shop #idform button span { color:#007b83; } .case-shop #idform button:hover span { color:#fff; } .case-shop .slick-slider ul.slick-dots li.slick-active button, .case-shop .slick-slider ul.slick-dots li:hover button, .case-shop .slider-controls .slide-m-dots ul li.slick-active button, .acgo-shop .slider-controls .slide-m-dots ul li:hover button { background: #ae132a; } .case-shop span.cs-normal, .case-shop.ccmodacitve span.cs-counter { background-color: #ae132a; border-color:#ae132a; } .case-shop.ccmodacitve span.cs-normal { background-color:#fff; border-color: #cbcbcb; } .case-shop .footop-inner .help b { color:#ae132a; } .case-shop #mmsearch { background:#ae132a; border-color:#ae132a; } .case-shop #mmsearch:hover { background:#770107; border-color:#770107; } .case-shop .subcategory-block li.item.viewallitem a { color:#ae132a; } .case-shop #narrow-by-list li:hover a:before { background-color:#ae132a; border-color:#ae132a; } .case-shop .pixie-addpop-modal .shopping-actions a.action.primary, .case-shop .mm-block-filter span.applymm a, .case-shop .stickyproduct-pm .addtoc form button.btn-cart.box-size, .case-shop .action.primary, .case-shop .ajaxadd-wrap button, .case-shop .modal-popup.confirmpopup .modal-content .clearit, .case-shop .rightcompare .minibutton span, .cart.table-wrapper .subundernote, .case-shop button#submitemail, .case-shop button#btn-cookie-allow { background-color:#ae132a; border-color:#ae132a } .case-shop .pixie-addpop-modal .shopping-actions a.action.primary:hover, .case-shop .mm-block-filter span.applymm a:hover, .case-shop .stickyproduct-pm .addtoc form button.btn-cart.box-size:hover, .case-shop .action.primary:hover, .case-shop .ajaxadd-wrap button:hover, .case-shop .modal-popup.confirmpopup .modal-content .clearit:hover, .case-shop .rightcompare .minibutton span:hover, .cart.table-wrapper .subundernote:hover, .case-shop button#submitemail:hover, .case-shop button#btn-cookie-allow:hover { background-color:#770107; border-color:#770107; } .case-shop .ajaxadd-wrap button span { color:#fff; } .case-shop .cart-top-items strong { background-color:#ae132a; } .case-shop .product-view .product-img-box .more-views li a.active-img { border-color:#ae132a } .case-shop .pm-pnav li.active { border-color:#ae132a; color: #ae132a; } .case-shop a:hover, .case-shop .alink:hover { color:#ae132a !important; } .case-shop .cart.table-wrapper .add-item-note, .case-shop .address-type-choose .addnew span, body.case-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link, .case-shop span.back-btn, .case-shop .inner-addmore, .case-shop .zero-outer-wrap p a.startsearch { color: #ae132a; } .case-shop .menu-pop ul li a { background:url(../images/downpoint2x-agco.png) no-repeat center right 13px / 5px; } .case-shop .menu-level-third-container ul li a { background:none !important; } .case-shop .menu-level-third-container ul .lictive a,.case-shop .menu-level-third-container ul li a:hover { background:none !important; color:#ae132a; } body.case-shop.pixiedust select, body.case-shop.pixiedust.checkout-index-index select { background-image: url(../images/Arrow-downx2-white-agco.png) !important; } .case-shop #narrow-by-list-search .control button span { background:url(../images/magnifying_glassx2x-agco.png) no-repeat center / 15px; } body.case-shop.pixiedust .block .action.edit { background:url(../images/Note-pencilx2-agco.png) no-repeat center left / 15px; color:#ae132a } .case-shop .cart.table-wrapper .add-item-note, .case-shop span.back-btn { background-image:url(../images/Note-pencilx2-agco.png); } body.pixiedust.status_guest .add-item-note, body.pixiedust.status_guest .part-reference, body.pixiedust.status_guest a#save_cart { display: none; } body.pixiedust.status_guest .cart-pm-duo #clear_cart { margin-left: 0 !important; width: 100%; } .case-shop div.field.qty .control select, .case-shop .block-content .chosen-container-single .chosen-single { background-image:url(../images/Arrow-downx2-white-agco.png) !important; } .case-shop .arrow-right { border-color: transparent transparent transparent #ae132a; } .case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title { background-image:url(../images/Step1-activex2-icon-agco.png)} .case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title { background-image:url(../images/Step2x2-agco.png)} .case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st4 .title { background-image:url(../images/Step3x2-agco.png)} .case-shop .address-type-choose .choose-existing span { background-image:url(../images/Book-Iconx2-agco.png) } .case-shop .address-type-choose .addnew span { background-image:url(../images/Add-New-Addressx2-agco.png); } body.case-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link { background-image:url(../images/Note-pencilx2-agco.png); } body.case-shop.pixiedust.checkout-index-index input[type="radio"]:hover, body.case-shop.pixiedust.checkout-index-index input[type="radio"]:checked { background-image:url(../images/Radio-activex2-agco.png) } body.case-shop .pixiegroup { background:url(../images/downpoint2x-agco.png) no-repeat center right 13px / 5px; } body.case-shop.payment-step .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.case-shop.checkout-onepage-success .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.case-shop.checkout-onepage-success .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title {background-image:url(../images/Step-completex2-agco.png) } body.case-shop.payment-step .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title {background-image:url(../images/Step2-activex2-agco.png) } .case-shop .switcheroo .icon { background-image:url(../images/mmswitch-1-agco.png) } .case-shop #selected-link_parts .icon { background-image:url(../images/mmswitch-1-flip-agco.png) } .case-shop .promo-btn { color:#ae132a !important; border-color:#ae132a; } .case-shop .promo-btn:hover { background:#ae132a; color:#fff !important; } body.case-shop.pixiedust.checkout-index-index input[type="checkbox"]:checked { background-image: url(../images/Checkbox-active-agcox2.png.png); } body.case-shop .menu-display.head-line li a:hover, body.case-shop.account.sales-order-history table#my-orders-table a.action.view:hover, body.pixiedust.account.case-shop .block .action.edit:hover, body.pixiemedia_searchalias-index-index.case-shop span.refdelete:hover { color: #ae132a!important; } body.case-shop .footer .foobl li a:hover, body.case-shop .footer .foobl li a:hover span, body.case-shop .inner-addmore:hover, body.pixiedust.account.stockwatch-index-index.case-shop .fave-add:hover, body.case-shop a.saveorder-delete:hover, body.case-shop a.saveorder-delete-product:hover, body.account.customer-address-form.case-shop .form-address-edit .actions-toolbar .secondary .action.back:hover, body.case-shop #clearbutt:hover, body.case-shop .head-login .actions a.f-left:hover, body.pixiedust.case-shop #clearbutt:hover { color: #ae132a!important; } body.pixiedust.account.pixiemedia_pricepreferences-index-index.case-shop .inputwrap .percy, body.pixiedust.account.pixiemedia_pricepreferences-index-index.case-shop .inputwrap input, body.pixiemedia_searchalias-index-index.case-shop span.refupdate { color: #ae132a; } body.pixiedust.case-shop .ajaxadd-wrap button:hover { background-color: #ae132a !important; } body.pixiedust.case-shop .new-cta:hover, body.pixiedust.case-shop button#product-addtocart-button, body.pixiedust.checkout-cart-index.case-shop button.checkout.new-cta, body.pixiedust.case-shop button#continue-to-payment-trigger, body.pixiedust.case-shop button#place-order-trigger, body.pixiedust.case-shop #shipping-method-buttons-container .continue { background-color: #ae132a !important; border-color: #ae132a !important; } body.checkout-index-index.case-shop span.back-btn, body.pixiedust.account.case-shop .block .action.edit { background-image: url(../images/svg/Edit-AGCO-RGB.svg); } body.pixiedust.account.case-shop .field-order-number button[type=submit]:after { color: #ae132a; } .case-shop .ti-new:hover { border-bottom-color: #ae132a; } body.case-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.case-shop.pixiedust.ccmodacitve .new-cta.cs-counter { color: #ae132a !important; border-color: #ae132a; } body.pixiedust.checkout-index-index.case-shop .table-checkout-shipping-method tr:hover input { background-image: url(../images/Radio-activex2-agco.png); } body.pixiedust.case-shop .cta-primary-7 { background-color: #ae132a !important; border-color: #ae132a !important; } .case-shop .ti-hot:hover { border-bottom-color: #ae132a; } body.pixiedust.case-shop .new-cta.cta-tertiary:hover { border-color: transparent !important; background-color: transparent !important; color: #ae132a; } body.pixiedust.case-shop a.promo-btn.new-cta.cta-secondary:hover { color: #ae132a !important; } body.pixiedust.case-shop .new-cta.cta-secondary:hover { background-color: transparent !important; border-color: #ae132a !important; color: #ae132a !important; } body.pixiedust.case-shop .cta-primary-2 { background-color: #ae132a !important; border-color: #ae132a !important; } body.pixiedust.case-shop p.cta-button:hover, body.pixiedust.case-shop p#video-button:hover, .case-shop #page_wrapper #tj p.cta-button:hover, body.pixiedust.case-shop .webforms button.action.submit:hover, .case-shop .modal-footer button.action-primary:hover, body.checkout-index-index.case-shop button.action.secondary.action-hide-popup:hover, body.checkout-index-index.case-shop .modal-popup .modal-footer .action-hide-popup:hover { background-color: #ae132a; border-color: #ae132a; } body.checkout-index-index.case-shop .modal-popup .modal-footer .action-hide-popup:hover { background-color: #ae132a !important; } .case-shop .delivery-type { background-color: #ae132a; } .case-shop.ccmodacitve span.cs-normal { border-color: #000;} body.case-shop #mmsearch span { color: #000; } body.case-shop #mmsearch:hover span { color: #ae132a; } body.case-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.case-shop.pixiedust.ccmodacitve .new-cta.cs-counter { filter: invert(22%) sepia(48%) saturate(4191%) hue-rotate(335deg) brightness(73%) contrast(106%); } body.case-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal:hover, body.case-shop.pixiedust.ccmodacitve .new-cta.cs-counter:hover { background-color: transparent !important; } body.pixiedust.case-shop .new-cta.cs-switch:hover { color: #ae132a !important; background-color: transparent !important; } body.pixiedust.case-shop .head-line .myacc-link.icon-link a:hover span { background-image: url(../images/svg/case/My-Account-RED.svg); background-size: 22px; } .case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title { background-image:url(../images/svg/case/Step-1-RED-Filled.svg); } .case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title { background-image:url(../images/svg/case/Step-2-RED-Unfilled.svg); } .case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st4 .title { background-image:url(../images/svg/case/Step-3-RED-Unfilled.svg); } body.case-shop #mmblock #clearbutt, body.case-shop .active-attrs a { background-image: url(../images/svg/case/Rubbish-Bin-RED.svg); } body.case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st1 .title, body.case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title, body.case-shop .opc-progress-bar li.opc-progress-bar-item-faux.st4 .title { background-size: 25px; } body.pixiedust.case-shop .pixie-customer-nav .titlecon { background-image: url(../images/svg/case/My-Account-RED.svg); } body.pixiedust.case-shop .pixie-customer-nav .titlecon.orders { background-image: url(../images/svg/Delivery-Box-Black-RGB.svg); } body.pixiedust.case-shop .pixie-customer-nav .titlecon.tools { background-image: url(../images/svg/Settings-Cog-Black-RGB.svg); } body.pixiedust.case-shop .slider-controls .slide-m-dots ul li.slick-active button, body.pixiedust.case-shop .slider-controls .slide-m-dots ul li:hover button { background-color: #ae132a; } /** NEW HOLLAND updates **/ .newholland-shop .head-message-out { background-color:#044fa2; } .newholland-shop .pop-button { background-color:#044fa2;} .newholland-shop .cart-top-price { color:#044fa2; } .newholland-shop .country-activate { display:none; } .newholland-shop .currency-select.head-line { display:none; } .newholland-shop.agco-showcur .currency-select.head-line { display:inline-block; } .newholland-shop .phone-display.head-line:before { display:none; } .newholland-shop .language-active { display:block; } .newholland-shop .header-container { } .newholland-shop .head-logo img { max-width:250px; } .newholland-shop .header .form-search button.button { background-color:#044fa2 !important; border-color:#044fa2 !important; } .newholland-shop .header .form-search button.button:hover {background-color:#980109 !important; } .newholland-shop .slidebutton { background:#044fa2; } .newholland-shop .slidebutton:hover { background:#980109; } .newholland-shop .svm a { border-color:#044fa2 !important; color:#044fa2 !important; } .newholland-shop .svm a:hover { background:#980109 !important; border-color:#980109 !important; color:#fff !important; } .newholland-shop a.orange { color:#044fa2; border-color:#044fa2; } .newholland-shop a.orange:hover { background:#980109 !important; border-color:#980109 !important; color:#fff;} .newholland-shop a.viewbutton { background:#044fa2; color:#fff; border-color:#044fa2; } .newholland-shop a.viewbutton:hover { background:#980109 !important; border-color:#980109 !important; color:#fff;} .newholland-shop .list-right form button { border-color:#044fa2; background:#fff; width:63px; } .newholland-shop button#product-addtocart-button { border-color:#044fa2; color:#044fa2; } .newholland-shop button#product-addtocart-button span { } .newholland-shop button.button { border-color:#044fa2; } .newholland-shop .list-right form button span span { background:rgba(0, 0, 0, 0) url("../images/grid-view-add-to-cart-red.png") no-repeat scroll left center; } .newholland-shop .buy-right form button.loader span span, .newholland-shop .list-right form button.loader span span { background:url(../images/ajax-loader-grid-view-42x24-red.gif); background-position:center; } .newholland-shop button#product-addtocart-button { background-color:#044fa2; } .newholland-shop button#product-addtocart-button:hover { background-color:#770107; } .newholland-shop button#product-addtocart-button.loader { background-image:url(../images/ajax-loader-product-page-46x29-red.gif); } .newholland-shop .blurb-right button { background:rgba(0, 0, 0, 0) url("../images/list-view-add-to-cart-red.png") no-repeat scroll 7px center; } .newholland-shop button.btn-proceed-checkout { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll 7px center;} .newholland-shop .add-to-cart-button button span span { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll left center; } .newholland-shop .block-account .block-content li.acti a { color:#044fa2; } .newholland-shop .box-head a { color:#044fa2; border-color:#044fa2; } .newholland-shop .box-address-quick .col-1 h4, h3.defbill { color:#044fa2; } .newholland-shop .ajaxadd-wrap button span span { background:url("../images/list-view-add-to-cart-red.png") no-repeat scroll left center; } .newholland-shop #checkload1.loader { background:url("../images/ajax-loader-grid-view-42x24-red.gif") no-repeat scroll 0px center !important; } .newholland-shop #menu-trigger.touch-main-nav-link { background-color:#044fa2; } .newholland-shop .back-link a, .newholland-shop a.fave-butt, .newholland-shop a.fave-add, .newholland-shop .saveorder-add-product { border-color:#044fa2; color:#044fa2; } body.newholland-shop.pixiedust.checkout-index-index button.action-show-popup { display:none; } .newholland-shop button span { color:#fff; } .newholland-shop #idform button span { color:#007b83; } .newholland-shop #idform button:hover span { color:#fff; } .newholland-shop .slick-slider ul.slick-dots li.slick-active button, .newholland-shop .slick-slider ul.slick-dots li:hover button, .newholland-shop .slider-controls .slide-m-dots ul li.slick-active button, .acgo-shop .slider-controls .slide-m-dots ul li:hover button { background: #044fa2; } .newholland-shop span.cs-normal, .newholland-shop.ccmodacitve span.cs-counter { background-color: #044fa2; border-color:#044fa2; } .newholland-shop.ccmodacitve span.cs-normal { background-color:#fff; border-color: #cbcbcb; } .newholland-shop .footop-inner .help b { color:#044fa2; } .newholland-shop #mmsearch { background:#044fa2; border-color:#044fa2; } .newholland-shop #mmsearch:hover { background:#770107; border-color:#770107; } .newholland-shop .subcategory-block li.item.viewallitem a { color:#044fa2; } .newholland-shop #narrow-by-list li:hover a:before { background-color:#044fa2; border-color:#044fa2; } .newholland-shop .pixie-addpop-modal .shopping-actions a.action.primary, .newholland-shop .mm-block-filter span.applymm a, .newholland-shop .stickyproduct-pm .addtoc form button.btn-cart.box-size, .newholland-shop .action.primary, .newholland-shop .ajaxadd-wrap button, .newholland-shop .modal-popup.confirmpopup .modal-content .clearit, .newholland-shop .rightcompare .minibutton span, .cart.table-wrapper .subundernote, .newholland-shop button#submitemail, .newholland-shop button#btn-cookie-allow { background-color:#044fa2; border-color:#044fa2 } .newholland-shop .pixie-addpop-modal .shopping-actions a.action.primary:hover, .newholland-shop .mm-block-filter span.applymm a:hover, .newholland-shop .stickyproduct-pm .addtoc form button.btn-cart.box-size:hover, .newholland-shop .action.primary:hover, .newholland-shop .ajaxadd-wrap button:hover, .newholland-shop .modal-popup.confirmpopup .modal-content .clearit:hover, .newholland-shop .rightcompare .minibutton span:hover, .cart.table-wrapper .subundernote:hover, .newholland-shop button#submitemail:hover, .newholland-shop button#btn-cookie-allow:hover { background-color:#770107; border-color:#770107; } .newholland-shop .ajaxadd-wrap button span { color:#fff; } .newholland-shop .cart-top-items strong { background-color:#044fa2; } .newholland-shop .product-view .product-img-box .more-views li a.active-img { border-color:#044fa2 } .newholland-shop .pm-pnav li.active { border-color:#044fa2; color: #044fa2; } .newholland-shop a:hover, .newholland-shop .alink:hover { color:#044fa2 !important; } .newholland-shop .cart.table-wrapper .add-item-note, .newholland-shop .address-type-choose .addnew span, body.newholland-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link, .newholland-shop span.back-btn, .newholland-shop .inner-addmore, .newholland-shop .zero-outer-wrap p a.startsearch { color: #044fa2; } .newholland-shop .menu-pop ul li a { position: relative; background-image: none; } .newholland-shop .menu-pop ul li a:after { position: absolute; content: ""; right: 15px; top: 50%; transform: translateY(-50%) rotate(-90deg); background:url(../images/svg/newholland/Arrow-Dropdown-BLUE.svg) no-repeat center right / 19px; width: 19px; height: 19px; } .newholland-shop .menu-level-third-container ul li a { background:none !important; } .newholland-shop .menu-level-third-container ul .lictive a,.newholland-shop .menu-level-third-container ul li a:hover { background:none !important; color:#044fa2; } body.newholland-shop.pixiedust select, body.newholland-shop.pixiedust.checkout-index-index select { background-image: url(../images/svg/newholland/Arrow-Dropdown-BLUE.svg) !important; background-size: 20px !important; } .newholland-shop #narrow-by-list-search .control button span { background:url(../images/magnifying_glassx2x-agco.png) no-repeat center / 15px; } body.newholland-shop.pixiedust .block .action.edit { background:url(../images/Note-pencilx2-agco.png) no-repeat center left / 15px; color:#044fa2 } .newholland-shop .cart.table-wrapper .add-item-note, .newholland-shop span.back-btn { background-image:url(../images/Note-pencilx2-agco.png); } body.pixiedust.status_guest .add-item-note, body.pixiedust.status_guest .part-reference, body.pixiedust.status_guest a#save_cart { display: none; } body.pixiedust.status_guest .cart-pm-duo #clear_cart { margin-left: 0 !important; width: 100%; } .newholland-shop div.field.qty .control select, .newholland-shop .block-content .chosen-container-single .chosen-single { background-image:url(../images/Arrow-downx2-white-agco.png) !important; } .newholland-shop .arrow-right { border-color: transparent transparent transparent #044fa2; } .newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title { background-image:url(../images/svg/newholland/Step-1-BLUE.svg); } .newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title { background-image:url(../images/svg/newholland/Step-2-NotFilled-BLUE.svg); } .newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st4 .title { background-image:url(../images/svg/newholland/Step-3-NotFilled-BLUE.svg); } .newholland-shop .address-type-choose .choose-existing span { background-image:url(../images/svg/newholland/Menu-Book-Filled-NH.svg); background-size: 28px; padding-left: 32px; } .newholland-shop .address-type-choose .addnew span { background-image:url(../images/svg/newholland/Location-Pin-Filled-BLUE.svg); background-size: 20px; padding-left: 32px; } body.newholland-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link { background-image:url(../images/Note-pencilx2-agco.png); } body.newholland-shop.pixiedust.checkout-index-index input[type="radio"]:hover, body.newholland-shop.pixiedust.checkout-index-index input[type="radio"]:checked { background-image:url(../images/svg/newholland/Tick-in-Cirlce-Fill-BLUE.svg); } body.newholland-shop .pixiegroup { position: relative; background-image: none; } body.newholland-shop .pixiegroup:after { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); background:url(../images/svg/newholland/Arrow-Dropdown-BLUE.svg) no-repeat center right / 23px; width: 19px; height: 19px; } body.newholland-shop.payment-step .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.newholland-shop.checkout-onepage-success .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.newholland-shop.checkout-onepage-success .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title {background-image:url(../images/svg/newholland/Tick-in-Cirlce-Fill-BLUE.svg); } body.newholland-shop.payment-step .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title {background-image:url(../images/svg/newholland/Step-2-BLUE.svg); } .newholland-shop .switcheroo .icon { background-image:url(../images/svg/newholland/Switch-Left-NH-Blue.svg); } .newholland-shop #selected-link_parts .icon { background-image:url(../images/svg/newholland/Switch-Right-NH-Blue.svg); } .newholland-shop .promo-btn { color:#044fa2 !important; border-color:#044fa2; } .newholland-shop .promo-btn:hover { background:#044fa2; color:#fff !important; } body.newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st1 .title, body.newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st2 .title, body.newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st3 .title, body.newholland-shop .opc-progress-bar li.opc-progress-bar-item-faux.st4 .title { background-size: 25px; } body.newholland-shop.pixiedust.checkout-index-index input[type="checkbox"]:checked { background-image: url(../images/Checkbox-active-agcox2.png.png); } body.newholland-shop .menu-display.head-line li a:hover, body.newholland-shop.account.sales-order-history table#my-orders-table a.action.view:hover, body.pixiedust.account.newholland-shop .block .action.edit:hover, body.pixiemedia_searchalias-index-index.newholland-shop span.refdelete:hover { color: #044fa2!important; } body.newholland-shop .footer .foobl li a:hover, body.newholland-shop .footer .foobl li a:hover span, body.newholland-shop .inner-addmore:hover, body.pixiedust.account.stockwatch-index-index.newholland-shop .fave-add:hover, body.newholland-shop a.saveorder-delete:hover, body.newholland-shop a.saveorder-delete-product:hover, body.account.customer-address-form.newholland-shop .form-address-edit .actions-toolbar .secondary .action.back:hover, body.newholland-shop #clearbutt:hover, body.newholland-shop .head-login .actions a.f-left:hover, body.pixiedust.newholland-shop #clearbutt:hover { color: #044fa2!important; } body.pixiedust.account.pixiemedia_pricepreferences-index-index.newholland-shop .inputwrap .percy, body.pixiedust.account.pixiemedia_pricepreferences-index-index.newholland-shop .inputwrap input, body.pixiemedia_searchalias-index-index.newholland-shop span.refupdate { color: #044fa2; } body.pixiedust.newholland-shop .ajaxadd-wrap button:hover { background-color: #044fa2 !important; } body.pixiedust.newholland-shop .new-cta:hover, body.pixiedust.newholland-shop button#product-addtocart-button, body.pixiedust.checkout-cart-index.newholland-shop button.checkout.new-cta, body.pixiedust.newholland-shop button#continue-to-payment-trigger, body.pixiedust.newholland-shop button#place-order-trigger, body.pixiedust.newholland-shop #shipping-method-buttons-container .continue { background-color: #044fa2 !important; border-color: #044fa2 !important; } body.checkout-index-index.newholland-shop span.back-btn, body.pixiedust.account.newholland-shop .block .action.edit { background-image: url(../images/svg/newholland/Edit-NH-Blue.svg); } body.newholland-shop.pixiedust.checkout-index-index .opc-wrapper .shipping-address-item .action.edit-address-link { background-image: url(../images/svg/newholland/Edit-NH-Blue.svg); } body.pixiedust.account.newholland-shop .field-order-number button[type=submit]:after { color: #044fa2; } .newholland-shop .ti-new:hover { border-bottom-color: #044fa2; } /*body.newholland-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.newholland-shop.pixiedust.ccmodacitve .new-cta.cs-counter { color: #044fa2 !important; border-color: #044fa2; }*/ body.pixiedust.checkout-index-index.newholland-shop .table-checkout-shipping-method tr:hover input { background-image: url(../images/svg/newholland/Tick-in-Cirlce-Fill-BLUE.svg); } body.pixiedust.newholland-shop .cta-primary-7 { background-color: #044fa2 !important; border-color: #044fa2 !important; } .newholland-shop .ti-hot:hover { border-bottom-color: #044fa2; } body.pixiedust.newholland-shop .new-cta.cta-tertiary:hover { border-color: transparent !important; background-color: transparent !important; color: #044fa2; } body.pixiedust.newholland-shop a.promo-btn.new-cta.cta-secondary:hover { color: #044fa2 !important; } body.pixiedust.newholland-shop .new-cta.cta-secondary:hover { background-color: transparent !important; border-color: #044fa2 !important; color: #044fa2 !important; } body.pixiedust.newholland-shop .cta-primary-2 { background-color: #044fa2; border-color: #044fa2; } body.pixiedust.newholland-shop p.cta-button:hover, body.pixiedust.newholland-shop p#video-button:hover, .newholland-shop #page_wrapper #tj p.cta-button:hover, body.pixiedust.newholland-shop .webforms button.action.submit:hover, .newholland-shop .modal-footer button.action-primary:hover, body.checkout-index-index.newholland-shop button.action.secondary.action-hide-popup:hover, body.checkout-index-index.newholland-shop .modal-popup .modal-footer .action-hide-popup:hover { background-color: #044fa2; border-color: #044fa2; } body.checkout-index-index.newholland-shop .modal-popup .modal-footer .action-hide-popup:hover { background-color: #044fa2 !important; } .newholland-shop .delivery-type { background-color: #044fa2; } .newholland-shop.ccmodacitve span.cs-normal { border-color: #000;} body.newholland-shop #mmsearch span { color: #000; } body.newholland-shop #mmsearch:hover span { color: #044fa2; } body.newholland-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal, body.newholland-shop.pixiedust.ccmodacitve .new-cta.cs-counter { filter: invert(15%) sepia(74%) saturate(3721%) hue-rotate(201deg) brightness(96%) contrast(97%); } body.newholland-shop.pixiedust:not(.ccmodacitve) .new-cta.cs-normal:hover, body.newholland-shop.pixiedust.ccmodacitve .new-cta.cs-counter:hover { background-color: transparent !important; } body.pixiedust.newholland-shop .new-cta.cs-switch:hover { color: #044fa2 !important; background-color: transparent !important; } body.pixiedust.newholland-shop .main-nav-mm .chosen-container .chosen-single-new { background-color: #044fa2 !important; } body.pixiedust.account.newholland-shop input[type="checkbox"]:checked { background-color: #044fa2; border-color: #044fa2; } body.newholland-shop .header .form-search button.button:hover { background-color: #044fa2 !important; } body.pixiedust.newholland-shop .cta-primary-2 { background-color: #044fa2 !important; border-color: #044fa2 !important; } body.pixiedust.newholland-shop .mm-block-filter span.applymm a { background-color: #044fa2; border-color: #044fa2; } body.pixiedust.newholland-shop .mm-block-filter span.applymm a:hover { color: #fff !important; } /** HEADER UI UPDATES **/ .mobile-bthree-header.head-top-nav-in { display: none; color: #000; } .signinlink { text-align: right; } a.tablet-myacc { margin-right: 20px; } .mobile-bthree-header span.country-switch:before, .mobile-bthree-header span.country-switch:after { content: " "; display: table; } .mobile-bthree-header span.country-switch:after { clear: both; } .mobile-bthree-header .country-switch, .mobile-bthree-header .country-activate { display: inline-block; border: none; } .mobile-bthree-header.head-top-nav-in > .country-select { text-align: left; display: flex; align-items: center; } .mobile-bthree-header.head-top-nav-in .signinlink a span, .mobile-bthree-header.head-top-nav-in a.tablet-myacc span, .mobile-bthree-header.head-top-nav-in .mobile-myacc a span { background-image: url(../images/svg/Login-Black-RGB.svg); background-position: center left; padding-left: 25px; background-size: 18px; background-repeat: no-repeat; } .mobile-bthree-header.head-top-nav-in .signinlink a:hover span { background-image: url(../images/svg/Login-Orange-RGB.svg); } .mobile-bthree-header.head-top-nav-in a.tablet-myacc span, .mobile-bthree-header.head-top-nav-in .mobile-myacc a span { background-image: url(../images/svg/Industry-Leaders-Black-RGB.svg); } .mobile-bthree-header.head-top-nav-in a.tablet-myacc:hover span, .mobile-bthree-header.head-top-nav-in .mobile-myacc a:hover span { background-image: url(../images/svg/Industry-Leaders-Orange-RGB.svg); } body .mobile-mm.greyonly a { text-transform: none; } @media (max-width: 1200px) { /*body.bthree_userdefi .phone-display.head-line.cservice, body.bthree_userdefi .phone-display.head-line.ccatalogues, body.bthree_userdefi .head-top-nav-in .head-line .register-link { display: none; }*/ /*body.bthree_userdefi .head-top-nav-in .head-line { display: inline-block; }*/ /*body.bthree_userdefi .menu-display.head-line ul { display: block; }*/ /*body.bthree_userdefi .country-select.head-line { float: left; }*/ /*body.bthree_userdefi .signin-account-line { float: right; }*/ } @media (max-width: 1200px) { body .head-top-nav-in { display: none; } body .mobile-bthree-header.head-top-nav-in { display: flex; align-items: center; } .mobile-bthree-header.head-top-nav-in > * { width: 33.33%; display: inline-block; } .bthreesignout { text-align: right; } } @media (min-width: 768px) { body .mobile-bthree-header .mobile-myacc > * { display: none; } } @media (max-width: 767px) { body .mobile-bthree-header .cservice, body .mobile-bthree-header .tablet-myacc { display: none; } } /* 1350 page fixes */ body.pixiedust .escape-container-fullwidth { width:100% !important; margin: auto !important; left:0 !important; right: auto !important; } /** RETURNS **/ body.sales-guest-view.pixie-rma .page-wrapper { background: #f6f8fa; } body.sales-guest-view.pixie-rma .order-actions-toolbar { text-align: right; margin: 0 30px; } body.sales-guest-view.pixie-rma .order-actions-toolbar a.action { text-align: right; } body.sales-guest-view.pixie-rma .order-actions-toolbar a.action { border-radius: 9999999px !important; } body.sales-guest-view.pixie-rma .order-actions-toolbar a.but-cr { border-radius: 9999999px !important; } body.pixiedust.sales-order-view.pixie-rma .page-title-wrapper .faux-toolbar .actions a.action { background: #F97910; border-radius: 9999999px !important; } body.pixiedust.sales-order-view.pixie-rma .page-title-wrapper .faux-toolbar .actions a.action:hover { background: #333; } body.sales-order-view.pixie-rma .actions-toolbar.order-actions-toolbar.faux-toolbar { width: 60%; margin: 0; } body .rma-topper { width: auto; float: none; margin: 50px 30px 30px 30px; box-sizing: border-box; } body.magento_rma-guest-view .order-links { display: none; } body.pixiedust.pixie-rma .page-wrapper.wrapper { background: #f6f8fa; } body.pixiedust.pixie-rma .order-details-items.rma { padding: 30px; background: #fff; border-radius: 12px; box-shadow: 0 0 20px -17px #000; } body.pixiedust.pixie-rma .order-details-items.rma .toolbar { float: none; } #my-returns-table td { vertical-align: middle; } body .amreturns-order-select { border: none; box-shadow: none; } body .amrma-attach-file .amrma-label { color: #333; } body .amrma-attach-file .amrma-label:hover { color: var(--orange); text-decoration: none; } body .amrma-attach-file .amrma-label:before { background-image: url(../images/svg/clip-svg.svg); } body .amrma-status-container .amrma-step.-checked:before { background-color: var(--orange); } body .amrma-status-container .amrma-step.-complete:before { background-image: url(../images/svg/tick-svg.svg); } body .amrma-instructions:checked ~ .amrma-instruction-block { background: #fff; } body .amrma-instructions-title { border-bottom-color: #333; } body .amrma-instructions-title .amrma-show { border-color: var(--orange); } body .amrma-instructions-title .amrma-show:before { border-left-color: var(--orange); border-top-color: var(--orange); } .am-print-shipping-label { cursor: pointer; } body .amrma-table-container > .amrma-items-table > .amrma-table > .amrma-tbody > .amrma-row .amrma-status.-pending:before { background-image: url(../images/svg/pending-svg.svg); } body .amrma-table-container > .amrma-items-table > .amrma-table > .amrma-tbody > .amrma-row .amrma-status.-resolved:before { background-image: url(../images/svg/resolved-svg.svg); } body .amrma-table-container > .amrma-items-table > .amrma-table > .amrma-tbody > .amrma-row .amrma-status.-pending { color: #333; } body .amrma-status-container .amrma-progress { z-index: 0; } body .amrma-status-container .amrma-percent { border-bottom-color: #333; } body .amrma-status-container .amrma-step.-complete:before { width: 30px; height: 30px; background-color: #333; } @media (max-width: 767px) { body .amrma-status-container .amrma-step.-checked:before { padding: 0 !important; border-radius: 50% !important; background-image: none; } body .amrma-status-container .amrma-step.-complete:before { width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-color: #333; top: -1px; } } @media print { body.amasty_rma-account-view .sidebar.sidebar-main, body.amasty_rma-account-view .touch-filter, body.amasty_rma-account-view .head-message-out, body.amasty_rma-account-view .myaccountbread, body.amasty_rma-account-view .lac-notification-sticky { display: none !important; } } /* H tag updates*/ body.pixiedust p.cart-header { font-size: 28px !important; font-weight: bold; } body.pixiedust .pixie-addpop-modal .modal-header p.modal-title { background: #333333 url(../images/svg/Tick-Green-RGB.svg) no-repeat center left 20px / 25px; line-height: 1; padding: 20px 0 20px 55px; font-size: 16px !important; color: #fff; border: none; font-weight: 600 !important; text-align: left; margin-bottom: 0 !important; } body.pixiedust .filtered-wrap h2 { width: 100%; box-sizing: border-box; padding: 10px 0px; float: left; margin-bottom: 0; font-size: 16px !important; font-weight: bold !important; } body.pixiedust .container_fastmovingdeals h2 { font-size: clamp(16px, 1.6vw, 22px); font-weight: bold; color: #d6235b; } body.pixiedust .dbc-topper h2 { font-size: 20px; font-weight: bold; } body.pixiedust .category-sub-new-cats h2, body.pixiedust #pm-subcat-wrap h2 { padding: 15px; display: block; font-weight: bold; font-size: 14px; text-align: left; line-height: 1.2; } /** BT updates **/ span.strike-price-original { color: #6D6D6D; font-weight: bold; text-decoration: line-through; font-size: 18px; } .products-list span.strike-price-original { color: #6B7073; font-size: 14px; } span.strike-price-original + span.c-price { color: #14A88F; } .products-list span.strike-price-original + span.c-price { color: #14A88F; font-size: 24px; padding-left: 2px; padding-right: 2px; } /*body.catalog-product-view span.c-price { position: relative; }*/ span.price-blurb-popup { position: relative; right: -10px; top: -20px; } span.i-icon { display: inline-block; width: 15px; height: 15px; background: #333; color: #fff; font-size: 10px; border-radius: 50%; text-align: center; } span.i-icon:hover + span.bt-price-blurb-blurb { display: block; } span.bt-price-blurb-blurb { display: none; position: absolute; background: #333; color: #fff; font-size: 14px; padding: 5px; border-radius: 5px; top: -35px; right: -15px; } span.bt-price-blurb-blurb:after { content: ""; position: absolute; bottom: -3px; width: 10px; height: 10px; background: #333; border: 1px solid #333; transform: rotate(45deg); border-left: none; border-top: none; right: 17px; } .tall-blurb span.bt-price-blurb-blurb { top: -55px; } .offerdisp, .offerpop { display: none; } /** hide old **/ .bt-or-offer .price.pm-price-display { position: relative; } .products-list span.i-icon { top: 5px; } .products-list span.bt-price-blurb-blurb { top: -35px; } .products-list .tall-blurb span.bt-price-blurb-blurb { top: -55px; } .products-list span.price-blurb-popup { right: 0; top: -10px; } span.price-blurb-popup { display: none; } body.normalmodeactive span.price-blurb-popup { display: inline-block; } span.p-pack-wrap { display: block; font-size: 16px; font-weight: normal; } body.catalog-product-view.ccmodacitve .offerdisp { display: block; } .instdays { font-weight: normal; } .rrpdesp { padding-top: 10px; padding-bottom: 5px; } span.p-pack-wrap + .rrpdesp { padding-top: 10px; } /** ACCESSIBILITY **/ ._keyfocus *:focus, .keyboard-focused:focus, .brand-boxes a:focus img { outline-style: solid; outline-color: #DB114A; outline-width: medium; outline-offset: 1px; box-shadow: none; } .mydeals-deals-slider a:focus, .brand-boxes a:focus img { outline-offset: -4px; } /*.slick-slide a:focus img { border: 2px solid #DB114A; }*/ #narrow-by-list li a, .filter-options .count, body.pixiedust .pages a.page:visited, body.pixiedust .pages a.page { color: #666666; }