/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.3.6, * Autoprefixer: v10.3.1 * Browsers: last 4 version */ html { overflow-y: scroll; font-size: 100%; } body { background-color: #ffffff; color: #333; font: 12.5px Helvetica Neue, Arial, sans-serif; margin: 0; } body a { color: #333; text-decoration: none; } body a:hover { color: #333; text-decoration: underline; } h1 { font-size: 18px; margin: 10px 0; } h1, h2 { color: #353e45; } h3 { font-size: 13.5px; margin: 10px 0; } p { font-size: 12.5px; } a { color: black; text-decoration: none; } .kk-bold { font-weight: bold; } a:hover { text-decoration: underline; } .text-link { color: #1a6baa; cursor: pointer; } .text-link:hover { color: #1a6baa; } table { border-collapse: collapse; color: #333; float: left; font-size: 12.5px; margin: 0 0 10px 0; text-align: left; width: 100%; } table thead th { padding: 10px 0; } table td { line-height: 15px; padding: 4px 0; vertical-align: top; width: 50%; } table .odd { background-color: #f2f2f2; } * { margin: 0; padding: 0; } a { text-decoration: none; } ul { list-style: none; } p { margin: 15px 0; } /* Form Elements */ input[type="checkbox"] { margin: 0 5px 0 0; } /* Styling for Rounded Corners */ .rounded-corners { border-radius: 4px; } .rounded-corners-left { border-radius: 4px 0 0 4px; } .rounded-corners-right { border-radius: 0 4px 4px 0; } .small-rounded-corners { border-radius: 4px; } /* Page */ #page-container { overflow: hidden; } #page { margin: 0 auto; width: 940px; } /* Content */ .content-area { background-color: #fff; overflow: hidden; padding: 20px; } #content.wide { width: 100%; } #content.narrow { margin-top: 10px; overflow: hidden; width: 760px; } /* Item Area */ .items { overflow: hidden; padding: 20px; } /* Item Overview Area Navigation */ .item-overview-area-navigation-left { float: left; } .item-overview-area-navigation-right { float: right; } .item-overview-area-navigation { font-size: 11px; } .item-overview-area-navigation .narrow { width: 760px; } .item-overview-area-navigation .wide { width: 940px; } .navigation-element { float: left; padding: 10px; } .separator, .separator-small { background-color: #e5e5e5; float: left; width: 1px; } .separator { background-color: #e5e5e5; float: left; height: 32px; width: 1px; } .separator-small { height: 12px; } .navigation-dropdown { padding: 6px 10px; } .navigation-dropdown select { margin-left: 5px; } .item-overview-pagination .current { background-color: #000; color: white; margin-right: 2px; } .label { color: #fff; display: inline; float: left; font-size: 11px; font-weight: bold; margin: 5px 2px 0 0; padding: 0 5px 2px 5px; vertical-align: top; } /* Category */ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px !important /*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px !important /*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px !important /*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px !important /*{cornerRadius}*/; } /* Product Page */ .labels { display: inline-block; } .form-button { border: none; color: #fff !important; float: left; font-family: Helvetica Neue, Arial, sans-serif; } .navigation-dropdown { padding: 6px 10px; } .navigation-dropdown select { margin-left: 5px; } /* Forms */ .form-input { height: 22px; line-height: 15px; display: table; } #form1 { overflow: visible; } .form-section label { float: left; width: 225px; } .form-section input[type="text"], .form-section input[type="password"] { float: left; width: 220px; } .form-section textarea { float: left; /*width: 270px;*/ width: 220px; } .form-section select { float: left; width: 220px; } .form-section input[type="text"], .form-section input[type="password"], .form-section select, .form-section textarea { background-color: #f7f7f7; border: 1px solid #bfbfbf; } .form-section .validation-msg { margin-left: 10px; float: left; width: 330px; color: #a00000; } .messageStackError { color: #a00000; } .messageStackSuccess { color: #00a000; } .form-section .validation-msg .error { margin: 0; padding: 0; white-space: nowrap; } .radio-buttons { overflow: hidden; } .radio-button { float: left; width: 220px; } .form-section-divider { border-top: 1px solid #d8d8d8; padding: 5px 0; width: 495px; } .required-text { float: right; text-decoration: none; font-size: 11px; font-weight: normal; } .required-blue, .required-green { float: left; height: 13px; margin: 3px 0 0 5px; width: 13px; } .required-blue { background-image: url("../../images/icons/required-blue.png"); } .required-green { background-image: url("../../images/icons/required-green.png"); } .form-buttons-wide { border-top: 1px solid #d8d8d8; margin-top: 10px; padding: 10px 0; } .form-buttons-wide { width: 100%; } /* * Address book management */ .primary-addr-label { font-style: italic; font-weight: bold; font-size: 9px; } /* Sign In */ #sign-in-button-container { margin-top: 10px; display: block; margin: 10px auto 0; text-align: center; width: 100%; line-height: 21px; } .discount { color: #cc0000; } .right .discount:before { content: "-"; } /* Order Confirmation */ .heading-container { border-bottom: 1px solid #dadada; margin-bottom: 7.5px; overflow: hidden; } .heading-container h3 { float: left; padding: 7.5px 5px 7.5px 0; margin: 0; } .order-confirmation-area { padding-bottom: 7.5px; } /* * Animated gif */ .loading, .button-loading { background-image: url("../../images/loader.gif"); background-repeat: no-repeat; background-position: center center; height: 16px; width: 16px; } .button-loading { margin: 0 20px; } /* * Credit Card Page */ #expiryMonth { width: 136px; } #expiryYear { width: 136px; } .form-buttons .loading, .form-buttons-wide .loading { float: right; margin-right: 25px; } /* My Account */ .my-account-area h3 { margin: 0; padding: 7.5px 0; } .my-account-area-header { border-bottom: 1px solid #dadada; } .my-account-area-header h3 { float: left; } .my-account-area tr table { border: none; } .my-account-area .product-image { float: left; height: auto; margin-right: 20px; width: 60px; } .my-account-area table thead td { font-weight: bold; } .my-account-area table tr .wide-col { width: 60%; } .my-account-area table .narrow-col { width: 15% !important; } .my-account-area table td { width: auto; } .my-account-area-content { margin: 7.5px 0 15px 0; } .my-account-area-header { overflow: hidden; } /* view order */ #status-notes table { table-layout: fixed; } #status-notes table td.comment-col { width: 250px; } #status-notes { clear: both; } /* * Table column alignment */ td.right { text-align: right; } td.center { text-align: center; } /* Tool tip */ .tooltip { display: none; font-family: Verdana, Arial, sans-serif; font-size: 12px; width: 160px; color: #333; } /* jQuery UI Autocomplete */ .ui-autocomplete { max-width: 400px; z-index: 10000003 !important; } .ui-widget, .ui-widget-header, .ui-datepicker table { font-size: 11px !important; } /*! OAP Custom Styles */ body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important; letter-spacing: normal !important; /*background-color: #333 !important;*/ } #collapseTwo a, #collapseThree a, #collapseFour a, #collapseFive a { font-size: 16px; } #collapseTwo a > i, #collapseThree a > i, #collapseFour a > i, #collapseFive a > i { font-size: 12px; } #collapseTwo li, #collapseThree li, #collapseFour li, #collapseFive li { padding: 10px; } .panel { margin-bottom: 0 !important; } #myAccount .panel { margin-bottom: 20px !important; } form h3 { color: #aaa !important; font-weight: bold; } form h3 > span { color: #353e45; } sup { font-size: 50%; top: -0.7em; } /* AG: Product page enhancements */ .tab-content span, .tab-content p, .tab-content i, .tab-content b, .tab-content strong, .tab-content div { font-size: 16px; } /* AG: end */ /* AG: Google and Facebook Login changes */ h1#page-title { font-size: 25px; text-align: center; margin-bottom: 10px; } .fb-button, .fb-button:visited, .fb-button:focus, .fb-button:active { color: #fff !important; background-color: #4166b1 !important; border-color: #4166b1 !important; display: block; width: 100% !important; padding: 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size: 16px; } .fb-button:hover { background-color: #4166b1 !important; border-color: #214691 !important; color: #fff; font-size: 16px; } .gp-button, .gp-button:visited, .gp-button:focus, .gp-button:active { color: #757575 !important; background-color: #fff !important; display: block; width: 100%; padding: 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size: 16px; } .gp-button:hover { color: #757575 !important; background-color: #fff !important; font-size: 16px; } /* email and password verification icons */ i#email-label, i#password-label, #sign-up-email-label { font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 22px; vertical-align: middle; color: #778899; height: 35px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } i#email-label > i, i#password-label > i, #sign-up-email-label > i { line-height: 28px; font-size: 22px; } i.requiredf-required::after, i.requiredf-green::after, i.requiredf-red::after { content: "\f058"; position: relative; bottom: -8px; font-size: 16px; } i.requiredf-required::after { color: #ccc; } i.requiredf-green::after { color: #3cb371; } i.requiredf-red::after { color: #f00; } /* END email and password verification icons */ .em-button { float: none !important; display: block !important; font-size: 16px; width: 95%; margin: 0 auto !important; padding: 8px !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } /* AG: end */ /* AG: oapProductTile.jsp styles */ .vcenter { display: inline-block; vertical-align: middle; float: none; } .vtop { display: inline-block; vertical-align: top; float: none; } h3 { margin: 1px 0px; color: #353e45; font-size: 18px; } #oap_copyright { text-align: center; padding: 0; padding-top: 10px; font-size: 12px; color: #aaa; } .panel-title .accordion-toggle, .panel-title a, .panel-title a:hover { color: #137fba; font-size: 16px; font-weight: bolder; padding: 15px; } .panel-title .accordion-toggle { display: block; color: #fff; cursor: pointer !important; } /*AG: Improve the layout of the alerts on checkout page and future uses - Product Backlog Item 1432:Hot Fix for making alerts more visible on checkout page*/ .alert-warning { background-color: #ffe8d9 !important; border-color: #f93 !important; color: #bd7226 !important; } /*AG: end */ /*AG: Allow outline to improve mobile usability*/ a, button { outline: initial !important; } /*end*/ #continue-button { float: none !important; } .vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vertical-align::after { content: ""; clear: both; } .text-link { color: #08c !important; text-decoration: underline !important; } #ot-table tr { border-top: 1px #ddd solid; } #ot-table tr:first-of-type td { padding-top: 10px; } .shopping-cart-total { border-bottom: 1px #ddd solid; } #ot-table .shopping-cart-total td, #cost-overview table tr:last-child td { /* font-weight:bold; */ padding: 10px 0; font-size: 150%; } #ot-table tr.costs-and-promotions td:last-child { font-weight: bold; } #ot-table tr td:last-child { vertical-align: middle; } #ot-table div.item-quantity { color: #999; } #shopping-cart thead td, #shopping-cart2 thead td { font-size: 16px; color: #888; } div a span, div a i, a span, a i, button span, button i, button, select, select span, select i { cursor: pointer !important; } .text-link { font-size: 14px; color: #1a6baa; cursor: pointer; } .messageStackError { color: #a00000; background-color: #f2dede !important; margin-bottom: 20px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } textarea { resize: vertical !important; } .tooltip.in { z-index: 200004 !important; } .has-error .form-control { border-color: #cc6029 !important; } .has-error .form-control { -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 6px #cc6029 !important; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 6px #cc6029 !important; } .has-success .form-control:focus { border-color: #08c !important; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #08c !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #08c !important; } .has-success .form-control { border-color: #08c !important; } .has-success .input-group-addon { border-color: #08c !important; } .checkout-login-container { padding-right: 10px; margin-top: 5px; } #page-container { min-height: 250px; } div.tab-content { letter-spacing: 0.25px; line-height: 16px; } .popover.left > .arrow:after { border-left-color: #333 !important; } .popover.left > .arrow { border-left-color: #333 !important; } .popover.bottom > .arrow:after { border-bottom-color: #333 !important; } .popover.bottom > .arrow { border-bottom-color: #333 !important; } .popover.right > .arrow:after { border-right-color: #333 !important; } .popover.right > .arrow { border-right-color: #333 !important; } .popover.top > .arrow:after { border-top-color: #333 !important; } .popover.top > .arrow { border-top-color: #333 !important; } #ot-table th { font-weight: bold; } #why-register { margin-top: 10px; margin-bottom: 0; } #why-register li { padding: 5px 0 5px 8px; } #why-register li span i { line-height: 14px; vertical-align: middle; } .normal-weight { font-weight: 400; } /* OVERRIDE BOOTSTRAP */ .btn { -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .btn-primary { background-color: #0099da; border-color: #0099da; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #038ec9; } /* Bread Crumbs */ .breadcrumbs-desktop { color: #0088cc; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding-top: 5px; padding-bottom: 5px; } .breadcrumbs-desktop-prod { color: #0088cc; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; padding-top: 5px; } .breadcrumbs-mobile { color: #0088cc; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; padding-top: 5px; } .breadcrumbs-desktop a, .breadcrumbs-mobile a, .breadcrumbs-desktop-prod a { color: #0088cc; } .breadcrumbs-desktop a:hover, .breadcrumbs-mobile a:hover, .breadcrumbs-desktop-prod a:hover { color: #0068ac; text-decoration: none; } .close { color: #fff !important; } #content.narrow { margin-top: 0px; overflow: hidden; width: 100%; } /* Override bootstrap */ .equal, .equal > div[class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #expiryMonth { float: left; width: 106px; } #expiryYear { float: left; width: 100px; margin-left: 3px; } table td { width: auto !important; } /* Override bootstrap */ .form-control { height: 33px; } .form-section-divider { border-top: 1px solid #d8d8d8; padding: 5px 0; width: 100%; } .form-section-heading { margin-top: 30px; } h1 { margin: 1px 0; } .payment-options-footer { font-size: 17px; font-weight: 500; margin-bottom: 10px; margin-top: 5px; } .payment-options-terms-footer { font-size: 13px; font-weight: 500; margin-bottom: 5px; margin-top: 10px; } .oap_info-Page_text { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .terms-header#page-title { margin-top: 20px; font-size: 32px; line-height: 36px; font-weight: 700; } .oap_info-Page_text p, .oap_info-Page_text h2, .oap_info-Page_text h3{ font-size: 16px; line-height: 20px; color: rgb(68, 68, 68); font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; } .oap_info-Page_text h2 { margin-top: 40px; font-weight: 600; } .oap_info-Page_text ul { color: rgb(68, 68, 68); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; margin: 0 0 10px 25px; padding: 0; list-style-type: disc; } .oap_info-Page_text > ul { margin-top: 15px; margin-bottom: 15px; } .table-of-contents { margin-bottom: 40px; } .oap_info-Page_text .table-of-contents-link { font-size: 16px; margin-bottom: 5px; cursor: pointer; } .oap_info-Page_text .terms-sub-point { padding-left: 20px; } .oap_info-Page_text .terms-sub-point-second-level { padding-left: 40px; } .oap_info-Page_text .terms-sub-point-third-level { padding-left: 60px; } .logo { background-color: #202020; -webkit-box-shadow: 0 0px 8px 1px #222; -moz-box-shadow: 0 0px 8px 1px #222; box-shadow: 0 0 8px 1px #222222; height: auto; } a.accordion-toggle { text-decoration: none !important; display: block !important; /* outline:none; AG: Allow outline to improve mobile usability*/ } a.accordion-toggle:hover { text-decoration: none !important; } .oapfooter_securepay_img { max-height: 25px; height: auto; margin: 3px 8px; vertical-align: middle; } .oapfooter_securepay_img.direct-deposit { display: inline-block; text-align: left; text-transform: uppercase; font-weight: 700; color: #fff; max-height: none; } .oapfooter_securepay_img.direct-deposit.direct-deposit-dark { color: #333; } .oapfooter_securepay_img.direct-deposit > span { display: block; font-size: 12px; line-height: normal; font-weight: 600; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; } .contact-item { margin-bottom: 8px; } .order-row-header { background-color: #d8d8d8; padding-top: 10px; font-size: 12px; font-weight: bold; } .order-row-header-xs { padding-top: 10px; font-size: 10px; font-weight: bold; } .order-row-header-xs .text-link { font-weight: bold; color: #777 !important; text-decoration: none; } .order-row-header .text-link { font-weight: bold; color: #777 !important; text-decoration: none !important; } .order-row-header .text-link:hover { font-weight: bold; color: #333 !important; text-decoration: none; } #logo { width: 100%; margin-top: 5px; } #logo img { width: 450px; padding: 15px 10px; } .top-bar-container-checkout #logo img { margin: 0 auto; } @media screen and (max-width: 767px) { #logo img { padding: 5px 10px; } } #page { margin: 0 auto; width: 100%; } .acknowledgement_link a, .acknowledgement_link a:hover, .acknowledgement_link a:active, .acknowledgement_link a:focus, .acknowledgement_link a:visited { color: #0099da; text-decoration: underline; font-weight: bold; } #make-enquiry-vehicle-details-text { padding-left: 15px !important; } #make-enquiry-form-vehicle-details tr { width: 100%; } #breadcrumb-row-container { background-color: #ffffff; border-bottom: 0px solid #000000; width: 100%; z-index: 200000; } #top-bar-container { background-color: #071218; z-index: 200000; } .oap-left-side-margin { margin-left: 20px; } .modal-header { background-color: #333333; color: #ffffff; } .modal-footer { background-color: #333333; color: #ffffff; } .modal-btn-text-center { text-align: center; font-size: 16px; } .modal-close-btn { color: #000 !important; background-color: #fff !important; border-color: #adadad; } .modal-close-btn:hover { color: #000 !important; background-color: #efefef !important; border-color: #9a9a9a; } .modal-dialog-confirm { position: relative; margin-top: 20%; text-align: center; } #my-account-phone-dropdown a { color: #333 !important; font-size: 18px; } .nav-tabs { border-bottom: 1px solid #333; } /* tab color */ .nav-tabs > li > span { border-left: 1px solid #ddd; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-right: 1px solid #ddd; border-top: 1px solid #ddd; color: #999; line-height: 20px; padding-bottom: 8px; padding-top: 8px; position: relative; display: block; cursor: pointer !important; } .order-item_accordionheading { background-color: #414141; border-bottom: 0 none; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; font-weight: bold; border: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0); } .order-item_accordionheading a:hover { color: #414141; text-decoration: underline; cursor: pointer; } .order-item_accordionheading .accordion-toggle:after { /* symbol for "opening" panels */ font-family: "Font Awesome 6 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: "\f078"; /* adjust as needed, taken from bootstrap.css */ float: right; /* adjust as needed */ color: #333; /* adjust as needed */ -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .order-item_accordionheading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .order-pending { background-color: #f08d00; } .order-delivered, .free-shipping { background-color: #3a9f4b; } .order-processing { background-color: #00a2e8; } .order-shipped { background-color: #3689c9; } .order-cancelled { background-color: #d0262b; } .order-refund { background-color: #b97a57; } .order-status-label { color: #fff; display: inline; float: left; font-size: 11px; font-weight: bold; margin: 5px 2px 0 0; padding: 2px 5px; vertical-align: top; width: 90px; text-align: center; border-radius: 4px; } .order-icon-fa { font-size: 16px; margin-bottom: 3px; } .order-action-link { text-align: center; line-height: 1; padding-bottom: 5px; color: #aaaaaa; font-size: 10px; font-weight: bold; } .order-action-link-xs { text-align: center; line-height: 0.8; padding-top: 15px; padding-bottom: 5px; color: #aaaaaa; } .popover { min-width: 200px !important; background-color: #333; color: #fff; } .primary-addr-label { font-size: 12px; } .product-row-icon { color: #fff; vertical-align: middle; } .product-row-button-text { display: inline; color: #fff; text-decoration: none; font-size: 16px; margin-left: 5px; vertical-align: middle; white-space: normal; } a .product-row-button-text:hover { color: #fff !important; } .product-row-text { font-size: 14px; font-weight: bold; } .product-row-text-green { color: #5fc386; } .product-row-text-orange { color: #ffba17; } .product-row-text-red { color: #e2615f; } .product-row-instock i { font-size: 14px; width: 14px; margin-right: 5px; } .instock i { color: #5fc386; } .limited i { color: #ffba17; } .outofstock i { color: #e2615f; } .product-row-instock { padding: 0px 20px; margin-top: 0px; margin-bottom: 5px; } .product-content-price-text-ex-tax { font-size: 12px; color: #ff0000; } .tab-content > .tab-pane { margin-top: 20px; } .container-fluid { background-color: #fff; } .btn { margin: 0 1px; } .has-success .input-group-addon { background-color: #eee !important; } .has-error .form-control { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483; } #logo { float: left; font-size: 59px; font-weight: bold; margin-top: 3px; } .required-text { float: right; text-decoration: none; font-size: 11px; font-weight: normal; } .required-red { background-image: url("../../images/icons/required-red.png"); } .required-blue, .required-green, .required-red { display: inline-block; height: 13px; margin: 3px 0 0 5px; width: 13px; vertical-align: text-bottom; float: none !important; } .register-acknowledgments { background: none repeat scroll 0 0 #ebf2f7; padding: 10px 15px; } /* Shopping Cart */ .sign-in-column-left { padding-right: 25px; } .oap_field_text { vertical-align: middle; line-height: 250%; } .oap_nopadding { padding: 0px !important; } .oap-row-odd { background-color: #f2f2f2; } .oap_nopadding_right { padding-right: 0px !important; } .oap_padding_left { padding-left: 10px !important; } .oap_padding_top { padding-top: 10px !important; } .oap_ul_nodecoration { list-style-type: none; padding: 0px; } .oap_table_heading { font-weight: bold; font-size: 11px; } .oap-row-centered { text-align: center; } .oap-col-centered { display: inline-block; float: none; text-align: left; } .order-item-row-panel-xs { background-color: #e8e9eb !important; border-color: #ddd; } .order-label { color: #fff; display: inline; font-size: 11px; font-weight: bold; margin: 5px 2px 0 0; padding: 0 5px 2px; } .order-heading-text-xs { font-size: 12px; padding-left: 5px; padding-right: 5px; } .order-item-description-xs { font-size: 12.5px !important; } .order-panel { background-color: #fff; } .modal-backdrop { z-index: 1000001 !important; } .modal { z-index: 1000002 !important; } @media (min-width: 768px) { .modal-dialog { margin: 30px auto; display: inline-block; text-align: left; vertical-align: middle; } .modal { text-align: center; } .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } @media (max-width: 767px) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px !important; } .modal-dialog-info { position: relative; margin-top: 30%; } .modal-dialog { position: relative; /* margin-top: 30%; */ } .form-group { margin-bottom: 0px !important; } .sign-in-column-left { padding-right: 0px !important; } } /* END MEDIA QUERY*/ .wire-transfer-container-top { border: 1px solid #ddd; border-collapse: separate; border-radius: 4px; } .wire-transfer-container-bottom { border-top: none; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-collapse: separate; border-radius: 4px; margin-bottom: 20px; } .wire-transfer-column-left { text-align: center; } .wire-transfer-column-inner { border-left: 1px solid #ddd; padding: 10px; } @media screen and (max-width: 767px) { .wire-transfer-column-left { text-align: left; } .wire-transfer-column-inner { border-left: none; } } .oap-captcha-failure { border: 1px solid #a94442; } .oap-border-red { border: 1px solid red; } .oap-border-green { border: 1px solid green; } .oap-border-blue { border: 1px solid blue; } .oap-border-black { border: 1px solid black; } /* AG: CUSTOM MEDIA QUERIES */ /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) { .resizable-title { font-size: 27px; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { .resizable-title { font-size: 30px; } } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { .resizable-title { font-size: 33px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { .resizable-title { font-size: 35px; } } /* SPECIAL QUERIES TO OVERRIDE THE FUNCTIONALITY IN BROWSER THAT DON'T HAVE A HOVER OPTION (MOBILE BROWSERS) */ @media (hover: none) { a, div { -webkit-tap-highlight-color: #0099da; } } /* AG: END */ /* Home Brands Section */ .home-brands-row { padding: 20px 0; } .swiper-container-brands { overflow: hidden; } .swiper-container-brands .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .swiper-container-brands .swiper-slide img { max-width: 100%; max-height: 35px; } .swiper-container-brands .swiper-slide { -ms-flex-pack: distribute; justify-content: space-around; height: 100px; } .swiper-container-brands .swiper-slide .swiper-col { padding: 0 10px; } .brands-text-wrap { margin-top: 20px; } .brands-text-wrap p { font-size: 22px; } .brands-text-wrap h1 { font-size: 22px; font-weight: 600; } .brands-inline-text { display: inline-block; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; } .brands-wrapper-link { display: block; } .brands-wrapper-link, .brands-wrapper-link * { cursor: pointer; } .brands-wrapper-link div, .brands-wrapper-link span { cursor: pointer; } .swiper-container-brands .swiper-slide { display: table; } .swiper-container-brands .swiper-slide .swiper-col { display: table-cell; vertical-align: middle; } @media screen and (max-width: 767px) { .home-brands-row { padding: 10px 0; } } /* END --- Home Brands Section */ /* Newsletter Signup */ .signup-super-saver-ad { max-width: 100%; } /* END --- Newsletter Signup */ .super-saver-notification-text { display: block; border-left: 4px solid #444d57; padding-left: 10px; background: #708090; color: #fff; padding: 10px 10px 10px 32px; position: relative; } .super-saver-notification-text.subscribed { border-color: #3b9905; background: rgba(59, 153, 5, 0.6); } .super-saver-notification-text i { font-size: 15px; position: absolute; left: 10px; } .alert-success .close { color: #3c763d !important; line-height: 15px; } .alert-danger .close { color: #a94442 !important; line-height: 15px; } .close { color: #3c763d; } .supersaver-label { display: block; text-align: center; } .supersaver-label-mobile { display: none !important; } @media screen and (max-width: 350px) { .supersaver-label-desktop { display: none !important; } .supersaver-label-mobile { display: block !important; } } .login-register-benefits { font-size: 15px; text-align: justify; background-color: #eee; padding: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 25px; margin-top: 25px; } .terms-confirmation-list { padding: 0 0 20px; } .terms-confirmation-list li a { text-decoration: underline; margin-bottom: 5px; display: inline-block; font-size: 16px; } #subscription-row { display: none; } .oap-thin-separator { border-top: 1px solid #d6d6d6; margin-top: 25px; } .guestLogin { display: none; } /* Bootstrap Tabs */ .membership-label { background: #f3f3f3; padding: 20px; position: relative; border-radius: 4px; } .membership-label .membership-input { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .membership-img-col { display: inline-block; width: 100%; vertical-align: top; padding-left: 30px; } .membership-img-col .signup-super-saver-ad { display: block; } @media screen and (max-width: 350px) { .membership-label { padding: 10px; } .membership-label .membership-input { position: relative; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin-bottom: 10px; } .membership-img-col { padding-left: 0; } } .tab-wrap .tab-content { margin-top: 0; padding: 20px 0 25px; border: 2px solid #bbb; border-top: 0; border-radius: 0 0 4px 4px; } .tab-wrap .tab-content > .tab-pane { margin-top: 0; } .tab-wrap .nav-tabs { border-color: #bbb; border-width: 2px; } .tab-wrap .nav-tabs > li { width: 50%; text-align: center; } .tab-wrap .nav-tabs > li span{ border-color: #efefef; border-bottom: none; margin: 0; background-color: #efefef; color: #aaa; font-weight: 700; font-size: 19px; border-width: 2px; } .tab-wrap .nav-tabs > li span:hover{ border-bottom: 0; background-color: #d5d5d5; border-color: #d5d5d5; color: #888; } .tab-wrap .nav-tabs > li.active span { background-color: #fff; color: #333; padding-bottom: 10px; margin-bottom: -1px; border-color: #bbb; } .tab-wrap .sign-in-column-left { padding-right: 0; } .tab-wrap h3, .tab-wrap h1 { font-size: 24px; margin-bottom: 8px; margin-top: 0; } .tab-wrap .gp-sbutton, .tab-wrap .gp-button, .tab-wrap .fb-button { max-width: 250px; margin: 0 auto; } .tab-wrap .em-button { max-width: 320px; margin: 0 auto; } .tab-wrap .form-group { max-width: 350px; margin: 0 auto; } @media (max-width: 767px) { .tab-wrap .form-group { margin-bottom: 5px !important; } } @media screen and (max-width: 768px) { .tab-wrap .fb-button, .tab-wrap .fb-button:visited, .tab-wrap .fb-button:focus, .tab-wrap .fb-button:active, .tab-wrap .gp-sbutton, .tab-wrap .gp-sbutton:visited, .tab-wrap .gp-sbutton:focus, .tab-wrap .gp-sbutton:active, .tab-wrap .em-button { font-size: 14px; } #new-account-area > .row > .col-lg-6 { padding: 0; } } /* END --- Bootstrap Tabs */ .signup-login-other-option { text-align: center; margin-top: 25px; border-top: 1px solid #d6d6d6; } .signup-login-other-option a { font-weight: 600; padding: 10px 15px; display: inline-block; border-radius: 4px; } /* guest signup */ .guest-signup-text { font-size: 16px; text-align: left; margin-bottom: 20px; } .guest-signup-text div { padding-left: 20px; background: #a5abb1; border-radius: 4px; padding: 20px 20px 20px 40px; color: #fff; } .guest-signup-text li { list-style: disc; } .guestLogin { margin-top: 10px; text-align: center; line-height: 1.5; } .guestLogin a { text-decoration: underline; cursor: pointer; } .guest-login-header { text-align: center; font-size: 24px; margin-bottom: 16px; } .registered-user-signup-text { margin-top: 10px; } .guest-container { margin-bottom: 10px; margin-top: 10px; } #guest-signup-modal ul { text-align: left; padding-left: 20px; color: #fff; margin-bottom: 0; } #guest-signup-modal li { list-style: disc; } #guest-signup-modal .guest-points-lg-wrap { font-size: 17px; background: #fff; border-left: #0099da 10px solid; color: #333; padding: 12px 10px 7px 20px; margin-bottom: 10px; } #guest-signup-modal .guest-points-lg { padding-left: 0; } #guest-signup-modal .guest-points-lg li { list-style: none; position: relative; padding-left: 25px; margin-bottom: 5px; color: #0099da; } .guest-points-lg-header { color: #0099da; font-size: 17px; font-weight: 600; margin-bottom: 10px; text-align: left; } #guest-signup-modal .guest-points-lg .guest-point-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #guest-signup-modal .guest-points-lg img.guest-point-icon { max-width: 17px; } #guest-signup-modal .guest-points-lg li .fa-edit { font-size: 16px; } #guest-signup-modal .modal-header, #guest-signup-modal .modal-footer { background: none; border: none; margin-top: 0; } #guest-signup-modal .modal-content { background: #a5abb1; padding: 10px 0; } #guest-signup-modal .modal-body { padding: 5px 20px; } .guest-bg { background: #a5abb1; } .guest-bg h1, .guest-bg #register-title { color: #fff; } .guest-bg #page-title i { color: #fff !important; } .guest-footer-info { margin-top: 20px; text-align: left; position: relative; padding-left: 20px; border-top: 1px solid #fff; padding-top: 20px; } .guest-footer-info i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(calc(-50% + 10px)); -ms-transform: translateY(calc(-50% + 10px)); transform: translateY(calc(-50% + 10px)); } /* END --- guest signup */ /* logout */ .logout-header { position: relative; padding-left: 60px; } .logout-header i { margin-right: 6px; font-size: 40px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .logout-btn { margin: 0 10px; } /* END --- logout */ /* modal border top and bottom fix */ .modal-header { margin-top: -1px; } .modal-footer { margin-bottom: -1px; } /* END -- modal border top and bottom fix */ #message.disabled { pointer-events: none; border-color: #efefef; color: #c1c1c1; } /* oap modal */ .oap-modal { background: -o-radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 0 0, -o-radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 8px 8px, -o-radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 0 1px, -o-radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 8px 9px; background: radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 0 0, radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 8px 8px, radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 8px 9px; background-color: rgba(40, 40, 40, 0.4); background-size: 16px 16px; } .oap-modal .modal-header { position: relative; background: #708090; color: #fff; min-height: 45px; border-radius: 6px 6px 0 0; } .oap-modal .modal-title { text-align: center; } .oap-modal .modal-content { background: #f8f8f8; border: none; } .oap-modal.white-bg .modal-content { background: #fff; } .oap-modal .modal-body { overflow: hidden; } .oap-modal .modal-footer { background: none; padding: 15px; } .oap-modal .modal-footer button, .oap-modal .oap-modal-footer button, .oap-modal .modal-footer a, .oap-modal .oap-modal-footer a { margin: 5px; } @media screen and (max-width: 500px) { .oap-modal .modal-footer button, .oap-modal .oap-modal-footer button, .oap-modal .modal-footer a, .oap-modal .oap-modal-footer a { font-size: 13px; padding: 8px 12px; } } .oap-modal .close { opacity: 1; font-size: 20px; margin-top: 1px; -webkit-transition: 0.2s all ease; -o-transition: 0.2s all ease; transition: 0.2s all ease; } .oap-modal .close:hover { opacity: 0.8; } .oap-confirm-modal-text { font-weight: 500; font-size: 20px; margin-top: 20px; } /* END: oap modal */ /* oap simple modal */ .oap-simple-modal { background: -o-radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 0 0, -o-radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 8px 8px, -o-radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 0 1px, -o-radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 8px 9px; background: radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 0 0, radial-gradient(rgba(40, 40, 40, 0.2) 15%, transparent 16%) 8px 8px, radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(150, 150, 150, 0.1) 15%, transparent 20%) 8px 9px; background-color: rgba(40, 40, 40, 0.4); background-size: 16px 16px; } .oap-simple-modal .oap-simple-modal-body { overflow: visible; position: relative; padding: 24px; } @media screen and (max-width: 767px) { .oap-simple-modal .oap-simple-modal-body { /* padding: 20px 15px; */ } } .oap-simple-modal .oap-simple-modal-body .h3 { margin-top: 0; margin-bottom: 15px; font-size: 22px; text-align: left; font-weight: 600; line-height: 1.3; } .oap-simple-modal-heading { font-size: 24px; font-weight: 500; } .oap-simple-modal-heading-sm { font-size: 18px; font-weight: 500; } .oap-simple-modal-border-heading { font-size: 24px; font-weight: 500; margin: 0 -24px; padding: 0 15px 20px 15px; border-bottom: 2px solid #eee; } .oap-simple-modal-sub-heading { font-size: 16px; font-weight: 500; } @media screen and (max-width: 767px) { .oap-simple-modal-border-heading { /* margin: 0 -15px; */ } } .oap-simple-modal-content { padding: 30px 0 0; font-size: 16px; } .oap-simple-modal-content.oap-simple-modal-content-no-padding { padding: 0; } .oap-modal-footer { padding: 15px; border-top: 1px solid #e5e5e5; } .oap-modal-big-icon.success { color: #5fc386; } .oap-modal-disclaimer { font-size: 14px; font-style: italic; } .oap-simple-modal .close-row { display: flex; justify-content: flex-end; margin: -15px 0 5px; } .oap-simple-modal .close { color: #333 !important; opacity: 1; font-weight: 500; font-size: 14px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; line-height: 36px; padding: 0 16px; border-radius: 4px; float: none; } .oap-simple-modal .close:hover { opacity: 1; background: #f8f8f8; } .oap-simple-modal .close i { margin-right: 4px; } /* END: oap simple modal */ /* Home slider buttons */ .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: none !important; background-color: rgba(0, 0, 0, 0.2) !important; } .swiper-container-rtl .swiper-button-next i, .swiper-button-next i { right: 5px; position: relative; cursor: pointer; } .swiper-container-rtl .swiper-button-prev i, .swiper-button-prev i { right: 6px; position: relative; cursor: pointer; } /* END Home slider buttons */ .close-notification-fa { color: #000; top: -4px; position: relative; font-size: 18px; } /* store credit copy */ .store-credit-copy-account { font-style: italic; text-align: center; max-width: 800px; margin: 0 auto; } /* street validation modal */ .validate-address-body-header { text-align: center; font-size: 22px; font-weight: 500; margin-bottom: 20px; } .validate-address-body { font-size: 16px; line-height: 1.5; text-align: center; } .validate-address-input { text-align: center; margin: 20px 0 0; } .validate-address-input input { padding: 5px 10px; width: 400px; max-width: 100%; } .validate-address-input input.disabled { opacity: 0.3; cursor: pointer; } .validate-address-validation { margin-bottom: 10px; display: none; } /* END - street validation modal */ /* Input required img override */ .required-text i { position: relative; font-size: 13px; top: 1px; margin-right: 3px; color: #468acb; } .required-blue, .required-red, .required-green { background-image: none; } .required-blue:after, .required-red:after, .required-green:after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f058"; font-size: 13px; position: relative; top: -1px; } .required-blue:after { color: #468acb; } .required-red:after { color: #c60000; } .required-green:after { color: #4a9f46; } /* END - Input required img override */ /* breadcrumb img override */ .breadcrumb-separator { display: inline-block; margin: 0 7px; height: 7px; width: 5px; } .breadcrumb-separator:after { content: "\f054"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 9px; position: relative; top: -1px; color: #bbb; } /* END --- breadcrumb img override */ /* Filter instruction popup */ @keyframes arrowBounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes arrowBounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .gp-sbutton, .gp-sbutton:visited, .gp-sbutton:focus, .gp-sbutton:active { color: #757575 !important; background-color: #fff !important; display: block; width: 100%; padding: 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size: 16px; } .gp-sbutton:hover { color: #757575 !important; background-color: #fff !important; font-size: 16px; } @keyframes notificationSlide { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes notificationSlide { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /* Promo for product pages and checkout */ .oap-checkout-promo span { display: block; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 10px; margin-top: 20px; } @media screen and (max-width: 600px) { .oap-checkout-promo span { font-size: 16px; } } .oap-checkout-promo img { max-width: 100%; } /* END --- Promo for product pages and checkout */ /* Handling and Delivery */ .oap-shipping-steps-header { text-align: center; margin-bottom: 10px; padding: 15px; } .oap-shipping-steps-header span { font-size: 17px; color: #666; margin-top: 0px; font-weight: bold; } .oap-shipping-step { text-align: center; } .oap-shipping-step i { font-size: 32px; margin-bottom: 5px; } .oap-shipping-step_1 i { color: #87ceeb; } .oap-shipping-step_2 i { color: #deb887; } .oap-shipping-step_3 i { color: #708090; } .oap-shipping-step span:first-of-type { color: #666; font-size: 16px; font-weight: bold; } .oap-shipping-step span:nth-of-type(2) { color: #666; font-size: 12px; } .oap-shipping-steps-details { margin: 0 auto; max-width: 470px; color: #666; } .oap-shipping-steps-details span { font-size: 14px; line-height: 20px; margin-top: 10px; display: inline-block; } .oap-shipping-list-wrap { border-top: dotted 2px #ccc; margin-top: 20px; padding-top: 10px; } .oap-shipping-list-wrap > div { padding: 20px; } .oap-shipping-list-header { color: #666; font-weight: bold; font-size: 16px; } .oap-shipping-list-header img { width: 29px; height: 29px; } .oap-shipping-list-header i { font-size: 20px; } .oap-shipping-list { margin-top: 10px; } .oap-shipping-list ul { list-style-type: square; padding-left: 30px; } .oap-shipping-list ul li { margin-bottom: 5px; font-size: 14px; } .oap-shipping-list ul li span { font-size: 11px; font-style: italic; } /* END Handling and Delivery */ /* Payment Methods */ .oap-payment-methods-wrap { font-size: 14px; line-height: 20px; color: rgb(68, 68, 68); font-family: Arial, Helvetica, sans-serif; text-align: center; } .oap-payment-method-group { padding: 20px; } .oap-payment-method-header { font-size: 16px; } .oap-payment-method-header_aus { margin-bottom: 35px; } .oap-payment-method-header_int { margin-bottom: 10px; } .oap-payment-method-header span { font-size: 12px; color: #696969; } .oap-payment-method-body { text-align: center; } .oap-payment-method-imgs { text-align: center; margin-bottom: 15px; } .oap-payment-method-list { color: #696969; font-size: 12px; } .oap-payment-methods-security { border-top: dotted 2px #ccc; padding: 15px; } /* END Payment Methods */ /* Security Methods */ .payment-security-header { text-align: center; font-size: 25px; } .oap-payment-methods-outer { margin-bottom: 20px; } @media screen and (max-width: 767px) { .oap-payment-method-header_aus { margin-bottom: 10px; } } /* END Security Methods */ /* Warning Box */ .oap-warning-box { background: #fff; border-left: 10px solid #708090; padding: 15px; } .oap-warning-box > div { position: relative; display: inline-block; padding-left: 30px; font-size: 14px; } .oap-warning-box > div > div { margin-bottom: 5px; } .oap-warning-box i { font-size: 20px; color: #708090; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* END -- Warning Box */ /* Shopping cart */ @media screen and (max-width: 1199px) { #shopping-cart-2-col-wrapper { max-width: 995px; margin: 0 auto; } } .shopping-cart-products-wrap { border: 2px solid #bbb; overflow-y: hidden; border-radius: 4px; background: #fff; } .shopping-cart-totals-wrap { margin-top: 10px; border: 2px solid #bbb; border-radius: 4px; padding: 10px 20px 20px; } .shopping-cart-totals-wrap table { float: none; } .total-discount { position: relative; display: inline-block; font-size: 12px; background: #0099da; color: #fff; padding: 4px 5px 3px 5px; margin-bottom: 2px; margin-left: 2px; vertical-align: top; font-weight: 500; text-transform: uppercase; } .shopping-cart-totals-wrap .discount { color: #0099da; } .shopping-cart-totals-wrap .discount.ssm { position: relative; padding-left: 20px; display: inline-block; } .shopping-cart-totals-wrap .discount.ssm img { position: absolute; left: 0; } table { margin-bottom: 0; } .shopping-cart-prod-title { position: relative; padding: 0 27px 5px 0; font-size: 18px; font-weight: 500; line-height: 1; } .shopping-cart-prod-row table td, .checkout-cart-panel table td { font-size: 16px; } .shopping-cart-prod-title-zpn { font-size: 12px; font-weight: 600; vertical-align: middle; display: inline-block; } .shopping-cart-prod-img { position: relative; } .shopping-cart-prod-img a { position: relative; } .shopping-cart-clearance-tag { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 100%; max-height: 120px; width: auto; z-index: 1; } @media screen and (max-width: 500px) { .shopping-cart-clearance-tag { left: 10px; } } .product-warning-wrap { display: inline-block; text-align: center; } .product-warning-qty { font-weight: 500; color: #708090; margin-bottom: 10px; border-bottom: 1px solid #d5d5d5; padding-bottom: 10px; } .product-warning-wrap a:link, .product-warning-wrap a:visited, .product-warning-wrap a:hover, .product-warning-wrap a:active { text-decoration: none; color: #333; } .product-warning-wrap a { text-decoration: none; text-transform: uppercase; font-size: 12px; margin-top: 10px; display: inline-block; border: 1px solid #333; border-radius: 4px; padding: 5px 8px; line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .product-warning-wrap a:hover { background: rgba(51, 51, 51, 0.1); } .product-warning-label { display: inline-block; font-size: 17px; line-height: 1; font-weight: 600; color: #e2615f; } .shopping-cart-label-wrap { margin-top: 5px; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; } .add-coupon-link { margin-top: 10px; display: inline-block; text-transform: uppercase; color: #333; border: 2px solid #333; padding: 5px 10px; border-radius: 5px; background: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .add-coupon-link:hover { background: #333; color: #fff; } .shopping-cart-label-wrap .warning-label-info { color: #708090; margin-left: 2px; border-bottom: none; position: relative; cursor: pointer; } .shopping-cart-label-wrap .warning-label-info i { cursor: pointer; } .shopping-cart-label-wrap .warning-label-info.active { color: #575e65; } .shopping-cart-label-wrap .warning-label-info .popinfo { position: absolute; right: 0; top: 25px; background: #424242; color: #fff; font-size: 12px; padding: 3px 7px; width: 110px; z-index: 1; } .shopping-cart-label-wrap .label { display: inline-block; padding: 3px 10px; font-size: 12px; white-space: normal; color: #000; font-weight: 500; float: none; text-align: left; margin: 0; background-color: #e5e5e5; border-radius: 300px; text-transform: uppercase; } .shopping-cart-label-wrap .label.warn { background-color: #ffe027; color: #333; } .shopping-cart-label-wrap .label.success { background: #5fc386; color: #fff; } .shopping-cart-label-wrap .label.handling-time-msg { display: none; } .pickup-time-tag-wrap { margin: 5px 0; } .pickup-time-tag { border-radius: 300px; display: inline-block; padding: 3px 10px; font-size: 12px; font-weight: 500; text-align: center; } .pickup-time-tag.warn { background: #ffe027; color: #000; } .pickup-time-tag.success { background: #5fc386; color: #fff; } .shopping-cart-label-wrap .label abbr[title], .shopping-cart-label-wrap .label abbr[data-original-title] { border-bottom: none; text-decoration: none; } .shopping-cart-label-wrap .warning-label { background-color: #e2615f; border-color: #a94442; color: #fff; } .shopping-cart-prod-close { position: absolute; top: 0; right: 0; font-size: 18px; color: #000; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .shopping-cart-prod-close:hover { color: #e2615f; } .shopping-cart-border { border: 2px solid #ddd; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .product-warning .shopping-cart-border { border-color: #e2615f; } .product-active .shopping-cart-border { border-color: #777; } .shopping-cart-prod-row-cell { border-bottom: 15px solid #f3f3f3; } .shopping-cart-prod-row-table { border-bottom: 2px solid #ddd; border-top: 2px solid #ddd; } .shopping-cart-prod-row:first-child .shopping-cart-prod-row-table { border-top: 0; } .shopping-cart-prod-row:last-of-type .shopping-cart-prod-row-cell, .shopping-cart-prod-row:last-of-type .shopping-cart-prod-row-table { border-bottom: none; } .shopping-cart-prod-row .shopping-cart-prod-row-desktop > td, .shopping-cart-prod-row .shopping-cart-prod-row-mobile > td { padding: 20px 15px; } .shopping-cart-prod-img .product-image { width: 120px; } .checkout-step-items .shopping-cart-prod-row:first-of-type .shopping-cart-prod-row-table { border-top: none; } .checkout-step-items .shopping-cart-prod-row:last-of-type .shopping-cart-prod-row-table { border-bottom: 2px solid #ddd; } @media screen and (max-width: 500px) { .shopping-cart-prod-img .product-image { width: 100px; } } .shopping-cart-img-fitment-icon { background: #fff; border-radius: 500px; padding: 2px; position: absolute; bottom: 20px; left: 50%; font-size: 30px; color: #5fc386; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 500px) { .shopping-cart-img-fitment-icon { bottom: 5px; right: 18%; left: auto; } } .shopping-cart-show-totals-details-btn { color: #fff; font-weight: 500; font-size: 15px; margin-top: 10px; background: none; border: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; padding: 0; } .shopping-cart-show-totals-details-btn:visited, .shopping-cart-show-totals-details-btn:hover, .shopping-cart-show-totals-details-btn:active { background: none; border: none; color: #eee; } .shopping-cart-show-totals-details-btn i { font-size: 12px; } .shopping-cart-prod-price { text-align: right; vertical-align: bottom; } .shopping-cart-prod-price > span { display: block; font-size: 17px; color: #333; } .shopping-cart-prod-row .shopping-cart-prod-img { vertical-align: middle; text-align: center; padding: 20px; } .shopping-cart-prod-img a { display: inline-block; } .shopping-cart-qty-quote { color: #708090; font-weight: 500; display: inline-block; margin-top: 2px; } .shopping-cart-prod-qty .qty-input, .shopping-cart-prod-qty .qty-box { float: none; text-align: center; margin: 0 2px; border: 2px solid #ddd; background: none; padding: 2px; width: 30px; font-weight: 500; color: #708090; pointer-events: none; display: inline-block; vertical-align: middle; } .shopping-cart-prod-qty { text-align: left; background: #f5f5f5; padding-bottom: 15px; padding-right: 15px; padding-left: 10px; } .shopping-cart-prod-price { background: #f5f5f5; padding-bottom: 15px; padding-right: 15px; } .shopping-cart-qty-buttons { display: flex; align-items: center; } .shopping-cart-update-qty.disabled { pointer-events: none; opacity: 0.25; } .shopping-cart-update-qty:hover { background: #eaeaea; } .shopping-cart-update-qty { color: #708090; font-size: 15px; padding: 4px; cursor: pointer; } .shopping-cart-prod-qty-label, .shopping-cart-prod-fitment-label { text-align: center; float: none; width: auto; display: block; color: #708090; /* padding-right: 7px; */ } .shopping-cart-prod-qty .qty-input-span { font-size: 17px; padding: 5px; display: inline-block; width: 30px; } .shopping-cart-prod-fitment { border-bottom: 1px solid #f5f5f5; padding-bottom: 20px; padding-top: 0; } .shopping-cart-prod-fitment.no-fitment, .shopping-cart-prod-fitment.hide-fitment { padding-bottom: 15px; } .shopping-cart-prod-fitment.no-fitment > div, .shopping-cart-prod-fitment.hide-fitment > div { display: none; } @media screen and (max-width: 500px) { .shopping-cart-prod-fitment { padding-bottom: 15px; } } .shopping-cart-prod-qty, .shopping-cart-prod-price { padding-top: 15px; vertical-align: bottom; } .product-warning .shopping-cart-prod-qty { vertical-align: middle; border-left: 4px solid #e2615f; } .product-warning .shopping-cart-prod-price { border-right: 2px solid #e2615f; } .shopping-cart-qty-wrap { display: inline-block; text-align: center; min-width: 70px; } .product-warning .shopping-cart-prod-qty .shopping-cart-qty-wrap { display: none; } .prod-check-fitment-vehicle-no-matchfit { font-weight: 600; } .gst-label, .gst-value { font-weight: 400; font-size: 14px; display: inline-block; margin-top: 5px; } .checkout-cart-panel #shopping-cart table td, .checkout-cart-panel #shopping-cart2 table td { padding: 10px 0; } .shopping-cart-totals-row .cost-overview-amounts { vertical-align: middle; } .checkout-cart-panel #shopping-cart .shopping-cart-totals-row-shopping-cart-total td, .checkout-cart-panel #shopping-cart2 .shopping-cart-totals-row-shopping-cart-total td { border-top: 2px solid #f0f0f0; padding-top: 20px; font-size: 19px; font-weight: bold; } .checkout-cart-panel #shopping-cart .shopping-cart-totals-row:not(.shopping-cart-totals-row-ot_product_discount) .cost-overview-labels, .checkout-cart-panel #shopping-cart2 .shopping-cart-totals-row:not(.shopping-cart-totals-row-ot_product_discount) .cost-overview-labels { word-break: break-word; } .checkout-cart-panel #shopping-cart table tr .cost-overview-amounts, .checkout-cart-panel #shopping-cart2 table tr .cost-overview-amounts { font-weight: bold; } .checkout-prod-table { float: none; } .checkout-cart-panel { margin-bottom: 20px !important; border: 2px #bbb solid; -webkit-box-shadow: none; box-shadow: none; } .checkout-cart-panel .shopping-cart-totals-wrap { width: 100%; margin-top: 0; border: none; padding: 0; border-radius: 0; } .product-content-price-text-ex-tax, .checkout-cart-panel .product-content-price-text-ex-tax, #shopping-cart-totals-sticky .product-content-price-text-ex-tax { color: #bbb; font-weight: 600; } .shopping-cart-prod-img.shopping-cart-prod-row-hide-mobile { width: 150px !important; } #shopping-cart-totals-sticky { position: fixed; display: none; width: 100vw; background: #708090; color: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; bottom: 0; left: 0; padding: 0 10px 20px; z-index: 100000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #shopping-cart-totals-sticky table { color: #fff; margin-bottom: 0; } #shopping-cart-totals-sticky .cost-overview-amounts { font-size: 20px; } #shopping-cart-totals-sticky .cost-overview-labels { font-size: 20px; } .checkout-cart-panel #shopping-cart .shopping-cart-totals-row-ot_product_discount-col, .checkout-cart-panel #shopping-cart2 .shopping-cart-totals-row-ot_product_discount-col { font-size: 14px; padding-left: 10px; } #shopping-cart-pay-btn td { padding: 0; } .checkout-mobile-totals-wrap { padding: 15px 0 5px; } .shopping-cart-fitment-vehicle { font-weight: 500; } .shopping-cart-prod-price-final { font-size: 19px; font-weight: 500; } .shopping-cart-prod-price-without-discount { text-decoration: line-through; color: #999; display: block; margin: 6px 0 8px; font-size: 16px; font-weight: 500; } .ssm-icon-totals { max-height: 16px; } .shopping-cart-prod-discount-name { position: relative; display: inline-block; font-size: 12px; background: #0099da; color: #fff; padding: 4px 5px 3px 5px; margin-bottom: 2px; margin-left: 2px; vertical-align: top; font-weight: 500; text-transform: uppercase; } .shopping-cart-prod-price-currency { font-size: 15px; font-weight: 500; margin-bottom: 5px; } /* basket comparison */ .shopping-cart-comparison { padding-bottom: 40px; } .shopping-cart-comparison-desc { text-align: center; font-size: 16px; margin-bottom: 30px; margin-top: 10px; font-weight: 500; } .shopping-cart-compare-lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shopping-cart-compare-list { width: 47%; } @media screen and (max-width: 767px) { .shopping-cart-compare-list { width: 100%; } .shopping-cart-compare-list:first-child { margin-bottom: 20px; } } .shopping-cart-compare-list-header { font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 10px; text-transform: uppercase; } .shopping-cart-comparison-item { position: relative; border: 2px solid #eee; cursor: pointer; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .vehicle-selection-message { font-size: 15px; font-weight: 500; margin-bottom: 20px; } .vehicle-selection-lists { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; } .vehicle-selection-list { width: 47%; } @media screen and (max-width: 767px) { .vehicle-selection-list { width: 100%; } .vehicle-selection-list:first-child { margin-bottom: 20px; } } .vehicle-selection-list-header { font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 10px; text-transform: uppercase; } .vehicle-selection-item { position: relative; border: 2px solid #eeeeee; cursor: pointer; margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vehicle-selection-item div { cursor: pointer; } .vehicle-selection-item:hover { background: #f8f8f8; } .vehicle-selection-item.active { background: #f6f7f8; border-color: #d5d5d5; } .vehicle-selection-item.active .selection-tick { color: #5fc386; } .vehicle-selection-item-name { padding: 10px 10px 10px 15px; font-size: 15px; font-weight: 500; margin-left: 11px; } .vehicle-selection-button { margin: 20px auto; } .shopping-cart-comparison-item div { cursor: pointer; } .shopping-cart-comparison-item:hover { background: #f8f8f8; } .shopping-cart-comparison-item.active { background: #f6f7f8; border-color: #d5d5d5; } .shopping-cart-comparison-item.active .selection-tick { color: #5fc386; } .shopping-cart-comparison-item-image { width: 80px; padding: 10px; background: #fff; border-radius: 8px 0 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shopping-cart-comparison-item-image img { max-width: 100%; width: 100%; } .shopping-cart-comparison-item-name { width: calc(100% - 80px); padding: 10px 10px 10px 15px; font-size: 15px; font-weight: 500; } .shopping-cart-comparison-item-zpn { font-size: 12px; margin-top: 3px; } .product-fitment-notice { position: relative; margin-top: 10px; font-size: 16px; padding: 5px 30px 5px 28px; } @media screen and (max-width: 991px) { .product-fitment-notice { max-width: 430px; } } @media screen and (max-width: 500px) { .product-fitment-notice { margin-top: 5px; } } .product-fitment-notice-fitment-details { font-size: 14px; line-height: 16px; } .product-fitment-notice-fitment-details-btn { margin-top: 10px; } .shopping-cart-fitment-vehicle-icon-wrap { position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-fitment-notice-generic { background-color: #708090; border-left: 3px solid #535f6b; } .product-fitment-notice.product-fitment-notice-warning-fitment { color: #333; background-color: #ffe027; border-left: 3px solid #baa642; } .product-fitment-notice-info .fitment-not-required-wrap { margin-top: 5px; } .product-fitment-notice-info .fitment-not-required-wrap label { float: none; font-size: 13px; vertical-align: middle; } .product-fitment-notice-info { padding: 10px 12px; border-bottom: 2px solid #ddd; line-height: 18px; background: #fafafa; } @media screen and (max-width: 991px) { .product-fitment-notice-info { max-width: 430px; } } .product-fitment-notice[data-id="0"] { background-color: #5fc386; border-left: 3px solid #479465; } .product-fitment-notice[data-id="1"] { background-color: #fff; border-left: 3px solid #535f6b; border: #5fc386 2px solid; color: #708090; } .product-fitment-notice[data-id="2"] { background-color: #ffe027; border-left: 3px solid #baa642; color: #333; } .product-fitment-notice[data-id="3"] { background-color: #e2615f; border-left: 3px solid #a94442; } .product-fitment-notice[data-id="4"] { background-color: #708090; border-left: 3px solid #535f6b; } .product-fitment-notice[data-id="0"] + .product-fitment-notice-info { display: none; border-color: #5fc386; } .product-fitment-notice[data-id="1"] + .product-fitment-notice-info { border-color: #5fc386; } .product-fitment-notice[data-id="2"] + .product-fitment-notice-info { border-color: #ffe027; } .product-fitment-notice[data-id="3"] + .product-fitment-notice-info { border-color: #e2615f; } .product-fitment-notice[data-id="4"] + .product-fitment-notice-info { border-color: #708090; } .product-fitment-notice-generic + .product-fitment-notice-info { border-color: #708090; } .product-fitment-notice-warning-fitment + .product-fitment-notice-info { border-color: #ffe027; } .product-fitment-notice[data-id="0"] + .product-fitment-notice-info strong { color: #5fc386; } .product-fitment-notice[data-id="1"] + .product-fitment-notice-info strong { color: #5fc386; } .product-fitment-notice[data-id="2"] + .product-fitment-notice-info strong { color: #ffe027; } .product-fitment-notice[data-id="3"] + .product-fitment-notice-info strong { color: #e2615f; } .product-fitment-notice[data-id="4"] + .product-fitment-notice-info strong { color: #708090; } .product-fitment-notice-generic + .product-fitment-notice-info strong { color: #708090; } .product-fitment-notice-warning-fitment + .product-fitment-notice-info strong { color: #ffe027; } @media screen and (max-width: 500px) { .shopping-cart-prod-fitment-label { max-width: 300px; } } .product-fitment-notice-vehicle-details .prod-check-fitment-vehicle { float: none; border: 2px solid #ddd; background: #fff; padding: 2px; font-size: 14px; } .product-fitment-notice-vehicle-details .prod-check-fitment-vehicle option:disabled { color: #aaa; } .shopping-cart-fitment-vehicle-show-more { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .product-fitment-notice.active .shopping-cart-fitment-vehicle-show-more { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .product-fitment-notice { color: #fff; } .product-fitment-notice img { width: 17px; margin-right: 2px; } .product-fitment-notice img, .product-fitment-notice i, .shopping-cart-fitment-vehicle { vertical-align: middle; } .product-fitment-notice .shopping-cart-fitment-vehicle-icon { margin-right: 2px; padding-top: 1px; padding-bottom: 1px; } .product-fitment-notice-vehicle-details { font-size: 13px; position: relative; font-weight: 600; line-height: 14px; margin-bottom: 10px; color: #708090; display: flex; align-items: center; } .product-fitment-notice-vehicle-details i { font-size: 20px; margin-right: 10px; vertical-align: middle; font-weight: 300; } .shopping-cart-prod-row > td { padding-top: 0; padding-bottom: 0; } /* Quote product details dropdown shopping cart and checkout */ .quote-prod-description { font-size: 14px; font-weight: 400; margin-top: 10px; line-height: 1.5; background: #f8f8f8; position: relative; } .quote-prod-description-header { background: #708090; color: #fff; padding: 1px 10px; position: relative; font-weight: 500; font-size: 16px; cursor: pointer; border-left: 3px solid #535f6b; } .quote-prod-description-header i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .quote-prod-description.active .quote-prod-description-header i { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .quote-prod-description-body { padding: 10px 10px 5px 10px; border-bottom: 2px solid #708090; position: relative; overflow: hidden; height: 130px; } .quote-prod-description-body:after { content: ""; display: block; background-image: -o-linear-gradient( top, rgba(248, 248, 248, 0), rgba(248, 248, 248, 0.9) 80%, rgb(248, 248, 248) ); background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(248, 248, 248, 0)), color-stop(80%, rgba(248, 248, 248, 0.9)), to(rgb(248, 248, 248)) ); background-image: linear-gradient( to bottom, rgba(248, 248, 248, 0), rgba(248, 248, 248, 0.9) 80%, rgb(248, 248, 248) ); position: absolute; bottom: 0; height: 50px; width: 100%; left: 0; z-index: 2; } .quote-details-bottom-arrow { position: absolute; bottom: 0; z-index: 10; width: 100%; text-align: center; color: #708090; cursor: pointer; } .quote-details-bottom-arrow i { cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .quote-prod-description.active .quote-details-bottom-arrow i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .quote-prod-description.active .quote-prod-description-body:after { display: none; } .quote-prod-details { padding: 0 0 20px; } /* END: Quote product details dropdown shopping cart and checkout */ @media screen and (max-width: 991px) { #shopping-cart-totals-sticky { display: block; } } @media screen and (max-width: 500px) { .shopping-cart-prod-title { font-size: 16px; } } @media screen and (max-width: 767px) { thead { display: none; } .shopping-cart-prod-price > span { font-size: 14.5px; } .shopping-cart-prod-title .label { font-size: 11.25px; } .shopping-cart-prod-row .shopping-cart-prod-row-desktop > td, .shopping-cart-prod-row .shopping-cart-prod-row-mobile > td { padding: 13px 10px; } .shopping-cart-prod-row .shopping-cart-prod-img { padding: 10px; } .shopping-cart-prod-discount-name { font-size: 11px; } .product-fitment-notice-vehicle-details .prod-check-fitment-vehicle { font-size: 14px !important; } .shopping-cart-prod-qty .qty-input, .shopping-cart-prod-qty .qty-box { font-size: 15px !important; } .shopping-cart-label-wrap .label { font-size: 12px; } .product-fitment-notice-vehicle-details { font-size: 12px; line-height: 13px; } } .shopping-cart-prod-row-mobile { display: none; } @media screen and (max-width: 500px) { .shopping-cart-prod-row-hide-mobile { display: none; } .shopping-cart-prod-row-mobile { display: table-row; } .shopping-cart-prod-row .shopping-cart-prod-row-mobile .shopping-cart-prod-img { padding: 0 10px; } .shopping-cart-prod-row .shopping-cart-prod-row-mobile .shopping-cart-prod-info { padding-bottom: 0; } .shopping-cart-prod-row .shopping-cart-prod-row-desktop .shopping-cart-prod-info { padding-top: 0; } } /* END --- Shopping cart */ /* Notices */ .oap-notice { position: relative; padding: 8px 13px; font-size: 14px; } .oap-notice-w-icon { position: relative; padding: 8px 13px 8px 35px; font-size: 14px; } .oap-notice-inline { display: inline-block; } .oap-notice-w-icon.oap-notice-centered { padding: 8px 13px; text-align: center; } .oap-notice-w-icon.oap-notice-lg { padding: 15px 20px 15px 35px; } .oap-notice.oap-notice-lg { padding: 15px 20px; } .oap-notice.oap-notice-sm { padding: 6px 9px; font-size: 12px; } .oap-notice-w-icon.oap-notice-sm { padding: 6px 9px 6px 28px; } .oap-notice .notice-label, .oap-notice-w-icon .notice-label { font-size: 16px; font-weight: 600; } .oap-notice.oap-notice-dismissible, .oap-notice-w-icon.oap-notice-dismissible { padding-right: 35px; } .oap-notice-close { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .oap-notice-default { color: #333; background: #fff; border-left: 4px solid #708090; } .oap-notice-default-light { color: #333; background: #f8f8f8; border-left: 4px solid #708090; } .oap-notice-default-dark { color: #fff; background: #708090; border-left: 4px solid #5a6a79; } .oap-notice-success { color: #fff; background: #5fc386; border-left: 4px solid #479465; } .oap-notice-error { color: #333; background: #f5f5f5; border-left: 4px solid #e2615f; } .oap-notice-error-red { color: #fff; background: #e2615f; border-left: 4px solid #a94442; } .oap-notice-error-red a { color: #fff; text-decoration: underline; } .oap-notice-warning { color: #333; background: #ffe027; border-left: 4px solid #dcc121; } i.oap-notice-icon, img.oap-notice-icon { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; max-width: 18px; } .oap-notice-sm i.oap-notice-icon, .oap-notice-sm img.oap-notice-icon { left: 7px; font-size: 14px; max-width: 16px; } .oap-notice-w-icon.oap-notice-centered i.oap-notice-icon, .oap-notice-w-icon.oap-notice-centered img.oap-notice-icon { position: relative; left: 0; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-right: 2px; } .oap-notice-default .oap-notice-icon, .oap-notice-default-light .oap-notice-icon { color: #708090; } .oap-notice-error .oap-notice-icon { color: #e2615f; } .oap-notice-header { font-size: 16px; font-weight: 600; margin-bottom: 5px; } /* END Notices */ /*DK: no vehicle fitment warning*/ .fitment-yellow { border: 1px #ffe145 solid; background-color: #fdd82f; text-align: center; } .fitment-btn-warning { background-color: #efefef; border-color: #d4a534; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .fitment-btn-warning:visited, .fitment-btn-warning:active, .fitment-btn-warning:hover { background-color: #ddd; } /*END --- no vehicle fitment warning*/ /* Notices sticky */ .oap-sticky-notice-wrapper { max-width: 100%; width: 900px; position: fixed; top: 0; left: 50%; right: 0; z-index: 10000000; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .oap-sticky-notice { position: relative; border-radius: 0; padding: 20px 45px 20px 15px; text-align: center; color: #fff; margin-bottom: 3px; border: none; margin: 10px 10px 20px; font-size: 16px; } .oap-sticky-notice.oap-sticky-notice-error { background-color: rgba(226, 97, 95, 0.96); border-left: 5px solid #a94442; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; } .oap-sticky-notice.oap-sticky-notice-info { background: rgba(112, 128, 144, 0.96); border-left: 4px solid #5a6a79; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; } .oap-sticky-notice.oap-sticky-notice-info-light { background: #fff; border-left: 4px solid #a1a1a1; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; color: #000; } .oap-sticky-notice.oap-sticky-notice-warn { background: rgba(255, 224, 39, 0.96); border-left: 4px solid #d2b507; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; color: #333; } .oap-sticky-notice.oap-sticky-notice-success { background: rgba(95, 195, 134, 0.96); border-left: 4px solid #479465; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 10px; } .oap-sticky-notice a, .oap-sticky-notice a:link, .oap-sticky-notice a:visited, .oap-sticky-notice a:hover, .oap-sticky-notice a:active { color: #fff; text-decoration: underline; } .oap-sticky-notice.oap-sticky-notice-warn a, .oap-sticky-notice.oap-sticky-notice-warn a:link, .oap-sticky-notice.oap-sticky-notice-warn a:visited, .oap-sticky-notice.oap-sticky-notice-warn a:hover, .oap-sticky-notice.oap-sticky-notice-warn a:active { color: #333; } .oap-sticky-notice-header { font-size: 18px; font-weight: 500; margin-bottom: 10px; } .oap-sticky-notice .close { opacity: 0.9; color: #fff !important; position: absolute; right: 20px; top: 20px; font-size: 17px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .oap-sticky-notice.oap-sticky-notice-warn .close, .oap-sticky-notice.oap-sticky-notice-info-light .close { color: #333 !important; } /* END -- Warning Notes sticky */ /* Checkout */ .checkout-change-to-standard-address { background: #f5f5f5; padding: 15px; border-radius: 8px; margin: 20px 0; color: #333; text-align: center; cursor: pointer; } .checkout-change-to-standard-address:hover { background: #f0f0f0; } .checkout-footer-container { max-width: 1200px; margin: 0 auto; font-weight: 400; padding: 40px 20px; color: #999; } .checkout-footer-condition-header { font-size: 14px; font-weight: 500; font-style: normal; } .checkout-footer-container img { max-height: 23px; margin-right: 5px; top: -3px; position: relative; } .checkout-footer-container a { color: #999; } .checkout-footer-container ul { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } .checkout-footer-container li:last-child { text-align: center; } #checkout-footer { background: #f5f5f5; } @media screen and (max-width: 991px) { .checkout-footer-container { padding: 40px 20px 160px 20px; } } .checkout-footer-container ul li { font-style: italic; margin-top: 10px; } #cart-footer { border-top: 1px solid #e5e5e5; margin-top: 30px; } #cart-footer ul { border-bottom: none; padding-bottom: 20px; } #cart-footer .checkout-footer-container { padding: 30px 20px; } .checkout-confirm-btn-js { display: none; } .checkout-back-to-shopping-cart { margin-top: 10px; } .checkout-back-to-shopping-cart a { font-size: 16px; font-weight: 500; } .checkout-back-to-shopping-cart i { font-size: 14px; } .checkout-cart-icon { margin-left: 10px; } .checkout-page-wrapper #page-title { margin: 10px 0 30px; } .checkout-steps-top-nav-indicator { text-align: center; max-width: 650px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout-steps-indicator { color: #fff; background: #708090; border-radius: 6px; font-size: 14px; height: 44px; display: inline-block; position: relative; margin-right: 20px; cursor: pointer; opacity: 0.6; font-weight: 400; width: calc(33.33% - 20px); max-width: calc(33.33% - 20px); vertical-align: middle; } .checkout-steps-indicator span, .checkout-steps-indicator i { cursor: pointer; } .checkout-steps-indicator-number i { font-size: 13px; margin-left: 3px; } .checkout-steps-indicator.active { background: #0099da; } .checkout-steps-indicator .checkout-steps-indicator-arrow, .checkout-steps-indicator .checkout-steps-indicator-arrow-active { height: 100%; width: 20px; position: absolute; right: -14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-steps-indicator .checkout-steps-indicator-arrow-active { display: none; } .checkout-steps-indicator.active .checkout-steps-indicator-arrow { display: none; } .checkout-steps-indicator.active .checkout-steps-indicator-arrow-active { display: inline-block; } .checkout-steps-indicator.focused { height: 54px; font-weight: 600; font-size: 16px; text-decoration: underline; opacity: 1; } .checkout-steps-indicator-number { position: absolute; top: 0; left: 0; width: 40px; height: 100%; border-right: 2px solid rgba(255, 255, 255, 0.6); background: rgba(0, 0, 0, 0.15); border-radius: 6px 0 0 6px; } .checkout-steps-indicator-number-inner { position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-steps-indicator-text { padding: 8px 6px 8px 6px; width: calc(100% - 40px); display: block; position: absolute; top: 50%; left: calc(50% + 20px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 767px) { .checkout-steps-indicator { font-size: 13px; } .checkout-steps-indicator.focused { font-size: 15px; } .checkout-steps-indicator-number { display: none; } .checkout-steps-indicator-text { left: 50%; width: 100%; } } .checkout-steps-col { margin-top: 5px; } .checkout-step { /* display: none; */ padding-left: 70px; position: relative; margin-bottom: 40px; } .checkout-step.disabled { opacity: 0.6; pointer-events: none; } @media screen and (max-width: 767px) { .checkout-step { padding-left: 0; /* margin-bottom: 60px; */ } } .checkout-step .panel { border: 2px solid #708090; } .checkout-step-number { position: absolute; left: 0; top: 30px; background: #0099da; font-size: 20px; border-radius: 6px; color: #fff; height: 50px; width: 50px; font-weight: 500; } .checkout-step-number-text-wrap { position: relative; display: block; height: 100%; width: 100%; } .checkout-step-number-text { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .checkout-step-number-mobile { display: none; } @media screen and (max-width: 767px) { .checkout-step-number-desktop { display: none; } } .checkout-step-container { position: relative; font-size: 16px; font-weight: 500; color: #708090; border: 2px #bbb solid; border-radius: 4px; } .checkout-step-edit { margin-right: 5px; margin-top: 5px; float: right; font-size: 14px; font-weight: 500; } @media screen and (max-width: 500px) { .checkout-step-edit { position: absolute; bottom: -23px; right: 5px; } } .checkout-step-edit i { font-size: 12px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .checkout-step-edit.active i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media screen and (max-width: 500px) { .checkout-step-edit.active i { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } } .checkout-step-title { float: left; color: #708090; font-weight: 500; font-size: 20px; } .checkout-step-header { margin-bottom: 5px; } .checkout-step-sub-header { border-bottom: 2px solid #f5f5f5; margin-bottom: 15px; font-size: 18px; } .checkout-select-list-border-header { border-top: 2px solid #f5f5f5; padding-top: 20px; } .checkout-step-top { /* display: none; */ padding: 20px 100px 20px 20px; position: relative; cursor: pointer; } .checkout-step-top span, .checkout-step-top div, .checkout-step-top i { cursor: pointer; } @media screen and (max-width: 500px) { .checkout-step-top { padding: 20px 65px 20px 20px; } } .checkout-step-top i { color: #acb6c1; } .checkout-sub-step { margin-top: 40px; } .shopping-cart-step-btn, .checkout-show-totals-btn { -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; border-radius: 4px; font-weight: 500; font-size: 15px; background-color: #0099da; border: 2px solid #0099da; color: #fff; } .shopping-cart-step-btn:visited, .shopping-cart-step-btn:focus, .shopping-cart-step-btn:hover, .checkout-show-totals-btn:visited, .checkout-show-totals-btn:focus, .checkout-show-totals-btn:hover { background-color: #3781c1; border-color: #3781c1; color: #fff; } .shopping-cart-step-btn i, .checkout-show-totals-btn i { font-size: 12px; } .checkout-sticky-confirm-payment-wrap { text-align: right; padding-top: 25px; padding-bottom: 10px; border-top: 2px solid #f0f0f0; } .checkout-step-hidden { border-top: 2px solid #ddd; display: none; background: #fcfcfc; padding: 20px; } .checkout-step-items .checkout-step-hidden { padding: 0px; } .checkout-step-items .shopping-cart-products-wrap { border: none; border-radius: 0; } .checkout-step-items-close { padding: 0 20px 20px; } .checkout-select-list .row { margin-bottom: 10px; } .checkout-closable-select-list { margin: 0px -20px; padding: 0px 20px; } .checkout-select-list-item { position: relative; padding: 10px; border-radius: 8px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 500; border: 2px solid #f0f0f0; margin: 20px 0; cursor: pointer; } .checkout-select-list-item div, .checkout-select-list-item span, .checkout-select-list-item input { cursor: pointer; } .checkout-select-list-item.active { background: #f0f0f0; border: 2px solid #777; } .checkout-select-list-item.active .selection-tick { color: #5fc386; } .checkout-select-list-item.error { border: 2px solid #e2615f; } .checkout-select-list-item.disabled { pointer-events: none; opacity: 0.6; } .checkout-select-list-item-error-text { color: #e2615f; } @media screen and (max-width: 500px) { .checkout-step-delivery .checkout-select-list-text-address { padding: 0 60px 0 0; } } @media screen and (max-width: 500px) { .checkout-step-delivery .checkout-select-list-text-time { display: block; } .checkout-step.checkout-step-delivery .checkout-step-selected-shipping-selected-cost { text-align: left; font-size: 16px; margin-top: 8px; } .checkout-step-delivery .checkout-step-selected-shipping-selected-info { padding-right: 0; } } .checkout-select-list-item:hover { background: #f0f0f0; } .checkout-select-list-radio { position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-select-list-text-main { color: #333; font-size: 16px; } @media screen and (max-width: 500px) { .checkout-select-list-text { font-size: 14px; } } .checkout-select-list-edit { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-step-close { text-align: right; } .checkout-select-list-header { font-size: 18px; margin-bottom: 10px; } @media screen and (max-width: 500px) { .checkout-select-list-header { padding-left: 0; } } .checkout-step-terms { font-size: 12px; font-style: italic; margin-top: 5px; } .checkout-step-nav, .checkout-step-nav-order-total { margin-top: 5px; margin-bottom: 20px; } .checkout-step-nav-order-total { text-align: right; } .next-btn-wrap { text-align: center; padding-left: 70px; } @media screen and (max-width: 767px) { .next-btn-wrap { padding-left: 0; margin: 10px 0; } } .checkout-step-nav-btn { background: #708090; -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; border-radius: 4px; border: 2px solid #708090; color: #fff; font-weight: 500; font-size: 15px; } .checkout-next-step-btn { background-color: #0099da; border-color: #0099da; } .checkout-enquiry-btn, .checkout-enquiry-btn:link { border-color: #5bc0de; background: #5bc0de; color: #fff; -webkit-box-shadow: none; box-shadow: none; padding: 10px 15px; border-radius: 4px; font-weight: 500; font-size: 15px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; } .checkout-enquiry-btn:hover { border-color: #53acc7; background: #53acc7; color: #fff; text-decoration: none; } .checkout-step-nav .checkout-show-totals-btn { float: right; } @media screen and (min-width: 992px) { .checkout-step-nav .checkout-show-totals-btn { display: none !important; } } .checkout-steps-top-nav-col { margin-top: 15px; } .checkout-steps-top-nav-col:last-child { text-align: right; } .checkout-steps-top-nav { margin-bottom: 30px; font-size: 16px; font-weight: 500; } @media screen and (max-width: 767px) { .checkout-steps-top-nav-desktop, .checkout-page-wrapper #page-title { margin-bottom: 20px; } } .checkout-steps-top-nav i { font-size: 13px; } .shipping-register-acknowledgments { background: none; color: #333; padding: 10px 0; } .checkout-no-shipping { font-size: 16px; font-weight: 500; color: #708090; } .checkout-next-step-btn.disabled, .checkout-next-step-btn-js.disabled { pointer-events: none; opacity: 0.5; } .checkout-edit-icon { color: #acb6c1; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 25px; text-align: center; cursor: pointer; } .checkout-edit-icon span, .checkout-edit-icon i { cursor: pointer; } .checkout-edit-icon-text { font-size: 15px; display: block; } .checkout-step-top .checkout-edit-icon-arrow { color: #708090; } .checkout-edit-icon i:last-child { display: block; } .checkout-edit-icon i:last-child { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .checkout-edit-icon.active i:last-child { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .checkout-footer-links { text-align: center; margin-top: 30px; margin-bottom: 10px; } .shopping-cart-prod-qty-price { display: inline-block; padding: 3px 6px 1px 6px; background: #708090; color: #fff; border-radius: 3px; text-align: center; margin-right: 5px; font-size: 12px; display: none; } @media screen and (max-width: 500px) { .checkout-edit-icon { right: 20px; font-size: 20px; } } .checkout-step-close-link { cursor: pointer; } .checkout-show-summary { font-size: 14px; float: right; margin-top: 5px; } .checkout-show-summary i { font-size: 12px; } .checkout-text-area-order-notes-btn { margin-top: 10px; } .checkout-button-confirm { padding: 10px 15px; font-size: 15px; } .checkout-button-confirm.disabled { opacity: .5; pointer-events: none; } .checkout-body textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 0.6; font-style: italic; } .checkout-body textarea::-moz-placeholder { /* Firefox 19+ */ opacity: 0.6; } .checkout-body textarea:-ms-input-placeholder { /* IE 10+ */ opacity: 0.6; } .checkout-body textarea:-moz-placeholder { /* Firefox 18- */ opacity: 0.6; } /* Sticky totals */ .checkout-show-sticky-totals-details { display: inline-block; text-decoration: none !important; } .checkout-show-sticky-totals-details i { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .checkout-show-sticky-totals-details.active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #shopping-cart-totals-sticky.shopping-cart-totals-sticky-checkout { max-height: 100%; overflow-y: scroll; overflow-x: hidden; } .shopping-cart-totals-summary-sticky { padding-top: 60px; position: relative; display: none; } .shopping-cart-totals-summary-sticky-close, .shopping-cart-totals-summary-sticky-close:link { position: absolute; right: 15px; top: 15px; color: #fff; font-size: 25px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .shopping-cart-totals-summary-sticky-close:visited, .shopping-cart-totals-summary-sticky-close:hover, .shopping-cart-totals-summary-sticky-close:active { color: #fff; opacity: 0.8; } #shopping-cart-totals-sticky .shopping-cart-totals-summary-sticky table { color: #333; } .shopping-cart-totals-summary-sticky .checkout-cart-panel { border: none; } #shopping-cart-totals-sticky .shopping-cart-totals-summary-sticky .cost-overview-amounts, #shopping-cart-totals-sticky .shopping-cart-totals-summary-sticky .cost-overview-labels { font-size: 16px; } .shopping-cart-totals-summary-sticky #orderNotes2 { color: #333; } /* END -- Sticky totals */ /* Checkout Address */ .checkout-step-selected-address-open-message { display: none; padding: 10px 0; } .checkout-step-delivery .checkout-step-top { display: block; } .checkout-step-delivery .checkout-sub-step .checkout-select-list-shipping .checkout-select-list-text { padding: 0 0 0 60px; } .checkout-select-list-text .checkout-delivery-option-img { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-step-selected-address-same-js { position: relative; padding-left: 24px; } .checkout-step-selected-address-same-js i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-step-address-new { margin: 10px 0 30px 0; padding-top: 20px; border-top: 2px solid #eee; color: #333; } .checkout-step-address-new-link { display: inline-block; color: #333; cursor: pointer; } .checkout-step-address-new-link i { margin-right: 5px; cursor: pointer; } .checkout-step-selected-address { position: relative; padding-left: 50px; } @media screen and (max-width: 500px) { .checkout-step-selected-address { padding-left: 0; } } .checkout-step-selected-address > i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; } @media screen and (max-width: 500px) { .checkout-step-selected-address > i { display: none; } } .checkout-step-selected-address-header { font-size: 18px; margin-bottom: 5px; } .checkout-step-selected-address-text { color: #333; } .checkout-billing-same-as-delivery-wrap { position: relative; margin-bottom: 10px; padding: 20px 0 20px 30px; } .checkout-billing-same-as-delivery-checkbox { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; cursor: pointer; } .checkout-billing-same-as-delivery-checkbox span { cursor: pointer; } .checkout-billing-same-as-delivery-checkbox input { margin-right: 0; cursor: pointer; } .checkout-billing-same-as-delivery-text label { float: none; width: auto; margin-bottom: 0; cursor: pointer; } .checkout-shipping-error-message { margin-top: 10px; font-weight: 500; font-size: 14px; } .checkout-shipping-error-message-no-options { font-size: 14px; font-weight: 500; } .checkout-step-selected-address-col-delivery { margin-bottom: 20px; } /* END --- Checkout Address */ /* Payment Method */ .checkout-step-selected-payment-method { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 35px; position: relative; } .checkout-step-selected-payment-method > i { font-size: 31px; padding: 2px 0; vertical-align: middle; color: #279bff; } .checkout-step-selected-payment-method > img { max-height: 34px; } .checkout-step-selected-payment-method > i.disabled { color: #ddd; } .checkout-step-selected-payment-method > * { vertical-align: middle; display: inline-block; } .checkout-step-selected-payment-method-type { display: inline-block; } .checkout-step-selected-payment-method-type:nth-child(2) { margin-left: 10px; padding-left: 10px; border-left: 2px solid #708090; } .checkout-step-selected-payment-method-info { float: right; } .checkout-step-selected-payment-method-icon-direct-deposit { display: inline-block; text-align: left; text-transform: uppercase; font-weight: 700; vertical-align: middle; } .checkout-step-selected-payment-method-icon-direct-deposit > span { display: block; font-size: 14px; line-height: normal; font-weight: 600; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; } .braintree-wrapper { display: none; background: #fafafa; border-top: 1px #ddd solid; padding: 20px; border-radius: 0 0 6px 6px; margin: 10px -10px -10px; } @media screen and (max-width: 400px) { .braintree-wrapper { padding: 10px; } } .payment-method-not-supported { display: none; } .payment-method-not-supported-text { font-size: 14px; padding: 15px 0; color: #333; border-bottom: 1px solid #eee; display: inline-block; } .braintree-instance-failed-message { display: none; text-align: center; color: #e2615f; } .checkout-select-list-item.active .braintree-wrapper { display: block; } .braintree-payment-logos { display: block; } .checkout-select-list-item.active .braintree-payment-logos { display: none; } .braintree-payment-header { display: none; } /* braintree dropin style override for choose another way to pay button */ [data-braintree-id="toggle"] { background: #e6e6e6; } [data-braintree-id="toggle"]:hover { background: #e0e0e0; } /* END */ .checkout-select-list-item.active .braintree-payment-header { display: block; } .hidden-payment-logo { display: none; } .store-payment-details-wrap { margin-top: 15px; } .store-payment-details-wrap label { font-size: 14px; font-weight: 500; } .coupons-and-promotions-summary .promotion-codes .promotion-codes-input { width: 200px; max-width: 100%; margin: 5px auto 0; } .coupons-and-promotions-summary .promotion-codes-update-btn { margin-top: 10px; } .coupons-and-promotions-summary { margin: 10px -15px 0 -15px; } .coupons-and-promotions-summary .promotion-codes-field { font-size: 16px; font-weight: 500; color: #708090; padding: 15px 0; margin: 0 15px; text-align: center; } .coupons-and-promotions-summary .promotion-codes-credit-field { border-top: 2px solid #f0f0f0; } .coupons-and-promotions-summary .promotion-codes { border-top: 2px solid #bbb; } .checkout-select-list-text-desc { margin-left: 10px; border-left: 2px solid #708090; padding-left: 10px; display: inline-block; max-width: calc(100% - 90px); vertical-align: middle; } .checkout-payment-method-unavailable-msg { font-size: 90%; font-style: italic; color: #e61b18; display: inline-block; padding-top: 5px; } .checkout-select-list-text img, .checkout-select-list-text i { padding: 0 3px; height: 30px; } .checkout-select-list-text > i { font-size: 30px; vertical-align: middle; color: #0099da; } /* END --- Payment Method*/ /* Items */ .checkout-step-items-top { padding: 5px 0; vertical-align: middle; } .checkout-step-items-top i { margin-right: 10px; font-size: 30px; vertical-align: middle; } @media screen and (max-width: 500px) { .checkout-step-items-icon { display: none !important; } } .checkout-shipping-cart { margin-bottom: 20px; } @media screen and (max-width: 600px) { .checkout-step-items .shopping-cart-products-wrap { border: none; border-radius: 0; } } /* END --- Items */ /* Shipping */ .checkout-step-selected-shipping-top { position: relative; } .checkout-step-selected-shipping-top > i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-right: 10px; font-size: 28px; vertical-align: middle; } .checkout-step-selected-shipping-top-text { padding-left: 70px; } .checkout-step-selected-shipping-top-text-wrap { position: relative; } .checkout-step-selected-shipping-top-img { width: 48px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-step-selected-shipping-top-img-mob { display: none; } .checkout-step-selected-shipping-top-img img { width: 48px; } .checkout-step-selected-shipping-top-img img.checkout-delivery-option-img-pickup { width: 45px; } .checkout-step-selected-shipping-top-text .checkout-step-selected-shipping-selected-delivery, .checkout-step-selected-shipping-selected-delivery.checkout-step-selected-shipping-selected-delivery-pickup { max-width: 100%; } @media screen and (max-width: 500px) { .checkout-step-selected-shipping-top-img, .checkout-step-selected-shipping-top-desk > i { display: none; } .checkout-step-selected-shipping-top-text-wrap { padding-left: 65px; } .checkout-step-selected-shipping-top-img-mob { display: inline-block; } .checkout-step-selected-shipping-top-text { padding-left: 0; } } .checkout-sub-step .checkout-select-list, .checkout-sub-step .checkout-text-area { margin-bottom: 10px; } .checkout-sub-step .checkout-select-list-shipping { margin-bottom: 40px; } .delivery-notes-counter-wrapper { height: 30px; } .checkout-view-products { font-weight: 500; text-decoration: underline; cursor: pointer; } .checkout-sub-step .checkout-step-top { padding: 30px 100px 30px 20px; } @media screen and (max-width: 500px) { .checkout-sub-step .checkout-step-top { padding: 20px 65px 20px 20px; } } .checkout-step-selected-shipping-selected-auth { position: relative; padding-left: 24px; line-height: 16px; margin-bottom: 5px; } .checkout-step-selected-shipping-selected-auth i { color: #5fc386; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .checkout-step-selected-shipping-selected-notes, .checkout-step-selected-shipping-selected-order-notes { font-weight: 400; font-size: 13px; padding-top: 2px; } .selected-delivery-notes-comment { font-weight: 600; } .checkout-text-area textarea { display: block; float: none; width: 100%; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .checkout-select-list-text-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout-select-list-text-time, .checkout-select-list-text-cost { color: #333; font-size: 14px; } .checkout-step-delivery .checkout-step-selected-shipping-selected-delivery { color: #555; margin: 5px 0; } .checkout-step .checkout-step-selected-shipping-selected-cost { min-width: 90px; font-size: 15px; text-align: center; font-weight: 600; } .checkout-step-selected-shipping-selected-info { margin-top: 2px; padding-right: 10px; color: #333; } .checkout-step-selected-shipping-selected-extra-info { border-top: 2px solid #f5f5f5; padding-top: 9px; margin-top: 10px; font-size: 14px; line-height: 22px; } .checkout-shipping-no-options-actions { margin-bottom: 30px; padding: 20px 10px 10px; border-bottom: 2px solid #e2615f; background: #f7f7f7; } .checkout-shipping-no-options-actions .btn { margin-bottom: 10px; } .checkout-shipping-no-options-actions .btn:first-child { margin-right: 10px; } .checkout-shipping-error-message-no-options-notice { color: #fff; margin-top: 20px; font-weight: 500; background: #e2615f; border-left: 5px solid #a94442; padding: 5px 10px; font-size: 14px; } /* END --- Shipping */ /* Summary */ .checkout-summary-title { color: #708090; font-weight: 500; font-size: 20px; padding: 5px 0; } .shopping-cart-totals-row-ot_total .cost-overview-amounts { font-weight: 600; } /* END --- Summary */ /* END --- Checkout */ /* Checkout Finished */ .survey-modal.modal-backdrop { z-index: 9999 !important; } .survey-modal.modal { z-index: 10000 !important; } /* END --- Checkout Finished */ /* Custom Radio Input */ input.oap-custom-radio { opacity: 0; width: 20px; height: 20px; z-index: 100; position: relative; margin-top: 0; /* overwrite kk style */ } .oap-custom-radio + span { display: inline-block; width: 20px; height: 20px; border: 2px solid #708090; border-radius: 10000px; position: relative; margin-left: -20px; } .oap-custom-radio:checked + span:after { content: ""; position: absolute; display: inline-block; width: 8px; height: 8px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #708090; border-radius: 1000px; } /* END --- Custom Radio Input */ /* Custom Checkbox Input */ .oap-checkbox-wrap { position: relative; } .oap-checkbox-input { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 20px; } .oap-checkbox-label { display: inline-block; margin-left: 30px; margin-bottom: 0; } input.oap-custom-checkbox { opacity: 0; width: 20px; height: 20px; z-index: 100; position: relative; margin-right: 0; /* overwrite kk style */ } .oap-custom-checkbox + span { display: inline-block; width: 20px; height: 20px; border: 2px solid #708090; position: relative; margin-left: -20px; } .oap-custom-checkbox:checked + span:after { content: "\f00c"; position: absolute; display: inline-block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 13px; color: #708090; } .oap-vert-align-label { vertical-align: top; margin-left: 5px; margin-top: 3px; } /* END --- Custom Radio Input */ .error-border { -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 6px #cc6029 !important; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 6px #cc6029 !important; border-color: #e2615f !important; } /* input validation message error */ .oap-validation-message { color: #fff; padding: 3px 8px 3px 26px; font-weight: 500; font-size: 13px; display: inline-block; margin-top: 5px; position: relative; text-align: left; } .oap-validation-message i { font-size: 14px; position: absolute; top: 50%; left: 6px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .oap-validation-message.error { background-color: #e2615f; border-left: 3px solid #a94442; } .oap-validation-message.warning { color: #333; background: #ffe027; border-left: 4px solid #dcc121; } .oap-validation-message.warning a { color: #333; text-decoration: underline; } .oap-validation-message.success { background-color: #5fc386; border-left: 3px solid #479465; } /* END input validation message error */ .promotion-notification-table { width: 100%; margin: 0 auto; max-width: 1200px; float: none; } /* Exception Page */ .exception-page-links { text-align: center; margin-top: 20px; } .exception-page-links .btn:first-child { margin-right: 10px; } .exception-page-contact-text { margin-top: 5px; } /* END - Exception Page */ /* CMS 404 */ .cms-404-body { font-size: 18px; font-weight: 500; padding-top: 40px; border-top: 2px solid #eee; } /* END - CMS 404 */ /* OAP Loader */ .oap-loader-bg { position: fixed; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; width: 100%; height: 100%; z-index: 100100; } .oap-loader-wrap { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.7); padding: 60px; border: 2px solid #333; text-align: center; z-index: 10000000; } .oap-loader-wrap-relative { background: rgba(0, 0, 0, 0.7); padding: 60px; border: 2px solid #333; text-align: center; display: inline-block; } .oap-loading-text, .oap-laoding-text { font-weight: 500; color: #fff; } .oap_loader { width: 40px; height: 40px; } .oap_loader_small { width: 20px; height: 20px; } .oap-loading { text-align: center; } .oap-inline-loader-wrap { background: #333; display: inline-block; padding: 20px; border-radius: 4px; } /* the below code is just a reference the style are included inside the svg object as they will not apply externally .oap-tacho .oap-tacho-seg-0 { -webkit-animation: oap-pulse 2s infinite backwards; animation: oap-pulse 2s infinite backwards; } .oap-tacho .oap-tacho-seg-1 { -webkit-animation: oap-pulse 2s infinite 0.2s backwards; animation: oap-pulse 2s infinite 0.2s backwards; } .oap-tacho .oap-tacho-seg-2 { -webkit-animation: oap-pulse 2s infinite 0.4s backwards; animation: oap-pulse 2s infinite 0.4s backwards; } .oap-tacho .oap-tacho-seg-3 { -webkit-animation: oap-pulse 2s infinite 0.8s backwards; animation: oap-pulse 2s infinite 0.8s backwards; } .oap-tacho .oap-tacho-seg-4 { -webkit-animation: oap-pulse 2s infinite 1s backwards; animation: oap-pulse 2s infinite 1s backwards; } @-webkit-keyframes oap-pulse { 0% { opacity: 0; } 8% { opacity: 0; } 50% { opacity: 1; } 92% { opacity: 0; } 100% { opacity: 0; } } @keyframes oap-pulse { 0% { opacity: 0; } 8% { opacity: 0; } 50% { opacity: 1; } 92% { opacity: 0; } 100% { opacity: 0; } } */ /* END - OAP Loader */ /* DK: Reviews */ .reviews-io-modal-body { font-size: 16px; text-align: center; font-weight: 500; } .reviews-io-modal-body .oap-notice-w-icon { margin-bottom: 10px; } .reviews-io-wrapper-btn { margin-top: 15px; } .reviews-io-wrapper-btn .btn { font-size: 16px; font-weight: 500; } .reviews-io-wrapper iframe { visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; height: 0; } .reviews-io-wrapper iframe.loaded { visibility: visible; opacity: 1; width: 100%; height: 600px; border: 2px #eee solid; } .reviews-io-loader { text-align: center; } .reviews-io-form { text-align: center; } @media screen and (max-width: 450px) { .reviews-io-wrapper iframe#reviews-io-iframe, .reviews-io-wrapper iframe.reviews-io-iframe { width: calc(100% + 80px); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-left: -40px; margin-top: -40px; margin-bottom: -40px; } } .shopping-rating-icon { width: 100px; margin-bottom: 20px; } /* Bootstrap clearfix workaround */ /* Bootstrap Clearfix */ /* Tablet */ @media (min-width: 767px) { /* Column clear fix */ .clear-children .col-lg-1:nth-child(12n + 1), .clear-children .col-lg-2:nth-child(6n + 1), .clear-children .col-lg-3:nth-child(4n + 1), .clear-children .col-lg-4:nth-child(3n + 1), .clear-children .col-lg-6:nth-child(2n + 1), .clear-children .col-md-1:nth-child(12n + 1), .clear-children .col-md-2:nth-child(6n + 1), .clear-children .col-md-3:nth-child(4n + 1), .clear-children .col-md-4:nth-child(3n + 1), .clear-children .col-md-6:nth-child(2n + 1) { clear: none; } .clear-children .col-sm-1:nth-child(12n + 1), .clear-children .col-sm-2:nth-child(6n + 1), .clear-children .col-sm-3:nth-child(4n + 1), .clear-children .col-sm-4:nth-child(3n + 1), .clear-children .col-sm-6:nth-child(2n + 1) { clear: left; } } /* Medium Desktop */ @media (min-width: 992px) { /* Column clear fix */ .clear-children .col-lg-1:nth-child(12n + 1), .clear-children .col-lg-2:nth-child(6n + 1), .clear-children .col-lg-3:nth-child(4n + 1), .clear-children .col-lg-4:nth-child(3n + 1), .clear-children .col-lg-6:nth-child(2n + 1), .clear-children .col-sm-1:nth-child(12n + 1), .clear-children .col-sm-2:nth-child(6n + 1), .clear-children .col-sm-3:nth-child(4n + 1), .clear-children .col-sm-4:nth-child(3n + 1), .clear-children .col-sm-6:nth-child(2n + 1) { clear: none; } .clear-children .col-md-1:nth-child(12n + 1), .clear-children .col-md-2:nth-child(6n + 1), .clear-children .col-md-3:nth-child(4n + 1), .clear-children .col-md-4:nth-child(3n + 1), .clear-children .col-md-6:nth-child(2n + 1) { clear: left; } } /* Large Desktop */ @media (min-width: 1200px) { /* Column clear fix */ .clear-children .col-md-1:nth-child(12n + 1), .clear-children .col-md-2:nth-child(6n + 1), .clear-children .col-md-3:nth-child(4n + 1), .clear-children .col-md-4:nth-child(3n + 1), .clear-children .col-md-6:nth-child(2n + 1), .clear-children .col-sm-1:nth-child(12n + 1), .clear-children .col-sm-2:nth-child(6n + 1), .clear-children .col-sm-3:nth-child(4n + 1), .clear-children .col-sm-4:nth-child(3n + 1), .clear-children .col-sm-6:nth-child(2n + 1) { clear: none; } .clear-children .col-lg-1:nth-child(12n + 1), .clear-children .col-lg-2:nth-child(6n + 1), .clear-children .col-lg-3:nth-child(4n + 1), .clear-children .col-lg-4:nth-child(3n + 1), .clear-children .col-lg-6:nth-child(2n + 1) { clear: left; } } .finished-checkout-button-wrap { width: 100%; text-align: center; } .finished-checkout-button-wrap .btn { display: block; max-width: 200px; margin: 5px auto; } .success-header-icon i { display: block; color: #5fc386; font-size: 45px; margin-bottom: 10px; } /* Hide criteo cookies message */ #cto_cookies_header_message { display: none !important; } /* center text helper class */ .oap-center { text-align: center; } /* success tick */ i.oap-success-tick { color: #5fc386; } /* border-bottom helper class */ .oap-border-bottom-1 { border-bottom: 1px solid; } /* Margin helper classes */ .oap-margin-bottom-5 { margin-bottom: 5px; } .oap-margin-bottom-10 { margin-bottom: 10px; } .oap-margin-bottom-15 { margin-bottom: 15px; } .oap-margin-bottom-20 { margin-bottom: 20px; } .oap-margin-bottom-30 { margin-bottom: 30px; } .oap-margin-bottom-40 { margin-bottom: 40px; } .oap-margin-bottom-50 { margin-bottom: 50px; } .oap-margin-top-0 { margin-top: 0; } .oap-margin-top-5 { margin-top: 5px; } .oap-margin-top-10 { margin-top: 10px; } .oap-margin-top-15 { margin-top: 15px; } .oap-margin-top-20 { margin-top: 20px; } .oap-margin-top-30 { margin-top: 30px; } .oap-margin-top-40 { margin-top: 40px; } .oap-margin-top-50 { margin-top: 50px; } .oap-margin-right-5 { margin-right: 5px; } .oap-margin-right-10 { margin-right: 10px; } .oap-margin-right-15 { margin-right: 15px; } /* Optional tag helper class */ .oap-optional-label { opacity: 0.7; } /* footer reviews */ .oap-footer-reviews-row { background: #383838; padding: 15px 10px; } .oap-footer-reviews-row #text-banner-widget iframe { width: 100% !important; } /* END: footer reviews */ #enquiry-modal-body input.disabled, #enquiry-modal-body select.disabled { pointer-events: none; opacity: 0.5; } .old-promotions-terms { display: none; } .show-all-promotions { margin-top: 20px; margin-bottom: 10px; display: inline-block; font-weight: 500; -webkit-tap-highlight-color: transparent; } .show-all-promotions:link, .show-all-promotions:visited, .show-all-promotions:hover, .show-all-promotions:active { background: none; } .show-all-promotions i { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .show-all-promotions.active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .old-promotions-terms { padding: 0px 20px 20px 20px; background: rgb(247, 247, 247); } .old-promotions-terms h3 { font-size: 17px; } .old-promotions-terms h2 { font-size: 21px; } .promotion-validation-container { max-width: 280px; margin: 0 auto; } .promotion-validation-container.right { margin-left: auto; } .order-total-savings { text-align: center; font-size: 16px; font-weight: 500; color: #0099da; padding: 2px 5px; margin: 5px 0px 5px; } .aud-prefix { font-size: 80%; } .oap-wrap { white-space: normal; } /* Handling and Delivery Page */ #handling-delivery { margin-bottom: 50px; } #handling-delivery h3, #handling-delivery h2 { font-size: 22px; margin: 1px 0; padding-right: 30px; position: relative; cursor: pointer; } .oap-accordion-button { cursor: pointer; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .oap-accordion-button i { cursor: pointer; } .oap-accordion-button-js.active .oap-accordion-closed-icon { display: none; } .oap-accordion-button-js .oap-accordion-open-icon { display: none; } .oap-accordion-button-js.active .oap-accordion-open-icon { display: inline-block; } .oap-accordion-content { display: none; } #handling-delivery p { font-size: 16px; line-height: 1.5; color: #666; } #handling-delivery #page-title { font-size: 30px; } .oap-header-row { margin-bottom: 20px; } @media screen and (max-width: 767px) { #handling-delivery #page-title { font-size: 28px; margin-bottom: 0; } .oap-header-row { margin-bottom: 0; } } .oap-section-row { padding-bottom: 30px; padding-top: 30px; border-bottom: 1px solid #eee; } .oap-section-row ul { font-size: 16px; line-height: 1.5; list-style: disc; padding-left: 20px; } .oap-section-row p:last-child, .oap-section-row ul:last-child { margin-bottom: 0; } .delivery-est-table { font-size: 16px; max-width: 450px; float: none; border-bottom: 2px solid #137fb6; margin: 0 auto; } .delivery-est-table th, .delivery-est-table td { padding: 8px 10px; } .delivery-est-table th { background: #137fb6; color: #fff; border-right: 2px solid #fff; } .delivery-est-table th:last-child { border-right: none; } .delivery-est-table tr:nth-child(2n) td { background: #eee; } .delivery-est-table th:last-child, .delivery-est-table td:last-child { text-align: right; } .delivery-est-table td:first-child { font-weight: 500; } .delivery-est-table caption { font-size: 16px; font-weight: 500; padding-bottom: 10px; } #handling-delivery .delivery-est-table .delivery-est-state { text-align: left; text-transform: uppercase; font-weight: 600; background: #4ea8d6; color: #fff; border-top: 2px solid #fff; } .smooth-scroll-to-div-js { text-decoration: underline; cursor: pointer; } #handling-delivery #delivery-country { width: auto; max-width: 100%; } .country-delivery-check { margin-top: 10px; display: none; } .store-credit-success-notice small { font-weight: 400; } .store-credit-container { width: 300px; max-width: 100%; margin: 0 auto; } .store-credit-container input { width: 100%; } .store-credit-header { font-weight: 600; margin-bottom: 5px; } .store-credit-applied { color: #333; font-size: 16px; margin-bottom: 10px; } /* Invisiable reCaptcha */ .hide-recaptcha-badge > div, .grecaptcha-badge { display: none !important; } /* footer categories */ .footer-categories li { font-size: 16px; margin-bottom: 5px; } .footer-categories li > i { font-size: 12px; margin-left: 5px; cursor: pointer; padding: 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-categories li.active > i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer-categories-l1 > li { margin-bottom: 10px; } .footer-categories-l2, .footer-categories-l3 { display: none; padding-left: 20px; margin-top: 5px; } /* we ship notification */ .ship-to-user-country { padding: 25px 15px 25px 15px; } .ship-to-user-country > i { font-size: 40px; } .ship-to-user-country-header { margin: 10px 0; font-size: 20px; font-weight: 500; } .ship-to-user-country-header strong { text-transform: uppercase; } .ship-to-user-country-body { font-size: 16px; } .ship-to-user-country-body i { margin-right: 5px; } .oap-sticky-notice.ship-to-user-country .close { top: 20px; } /* global */ .oap-img-hover { cursor: pointer; } .country-code-selector { max-width: 100px; margin-bottom: 5px; } .small-text { font-size: 14px; } .oap-separator { border-bottom: 1px solid #ccc; margin: 0 20px; } .sup-80 { font-size: 80%; vertical-align: super; line-height: 1; } .oap-input { border: 1px solid #ddd; display: inline-block; padding: 10px; width: 200px; max-width: 100%; font-weight: 500; font-size: 14px; } .oap-feature-link { text-transform: uppercase; font-weight: 600; font-size: 16px; cursor: pointer; } .oap-feature-link > i { font-size: 90%; cursor: pointer; } .oap-btn-outlined { display: inline-block; font-size: 14px; background: none; border-width: 1px; border-style: solid; padding: 10px 15px; border-radius: 4px; font-weight: 600; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .oap-btn-outlined:hover { text-decoration: none; } .oap-btn-outlined i { margin-right: 8px; cursor: pointer; } .oap-btn-outlined.oap-btn-light { font-weight: 400; } .oap-btn-outlined.oap-btn-outlined-primary { border-color: #0099da; color: #0099da; } .oap-btn-outlined.oap-btn-outlined-primary:hover { background: rgba(0, 153, 218, 0.1); } .oap-btn-outlined.oap-btn-outlined-default { border-color: #333; color: #333; } .oap-btn-outlined.oap-btn-outlined-default:hover { background: rgba(51, 51, 51, 0.1); } .oap-btn-outlined.oap-btn-outlined-white { border-color: #fff; color: #fff; } .oap-btn-outlined.oap-btn-outlined-white:hover { background: rgba(255, 255, 255, 0.1); } .oap-btn { font-size: 14px; border: none; background: none; display: inline-block; padding: 10px 15px; font-weight: 500; text-transform: uppercase; border-radius: 4px; border-width: 1px; border-style: solid; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .oap-btn:hover { text-decoration: none; } .oap-btn-primary { background: #0099da; border-color: #0099da; color: #fff; } .oap-btn-white { background: #fff; border-color: #fff; color: #0099da; } .oap-btn-white:hover { background: #f5f5f5; border-color: #f5f5f5; } .oap-btn-primary:hover { background: #038ec9; border-color: #038ec9; color: #fff; text-decoration: none; } .oap-btn-lrg { padding: 20px 25px; font-size: 18px; border-radius: 8px; } .oap-btn-sm { font-size: 12px; } .oap-text-link { font-weight: 500; color: #0099da; text-transform: uppercase; cursor: pointer; display: inline-block; } .oap-text-link.oap-text-link-bold { font-weight: 600; } .oap-text-link.oap-text-link-white { color: #fff; } .oap-text-link.oap-text-link-black { color: #000; } .oap-simple-text-link { font-size: 12px; color: #333; text-decoration: underline; cursor: pointer; display: inline-block; margin-left: 10px; margin-right: 10px; } .oap-container { max-width: 1200px; margin: 0 auto; } .selection-tick { position: absolute; left: 0; top: 0; color: #ddd; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 26px; background: #fff; border: 2px solid #fff; border-radius: 200px; } .oap-hover, .oap-hover img, .oap-hover div, .oap-hover span { cursor: pointer; } .oap-label { display: inline-block; padding: 5px 9px; background: #e5e5e5; color: #000; font-weight: 500; font-size: 12.5px; text-align: center; text-transform: uppercase; margin-left: 10px; border-radius: 400px; } .oap-label:first-child { margin-left: 0; } .oap-label.oap-label-sm { margin-left: 5px; padding: 3px 7px 2px 7px; font-size: 12px; } .oap-label:first-child.oap-label-sm { margin-left: 0; } .oap-label.oap-label-err { background: #e2615f; color: #fff; } /* END global */ .oap-section { padding: 40px 0; } .oap-section-light { background: #eee; padding: 40px; } .section-header { font-weight: 600; font-size: 20px; margin-bottom: 10px; } /* about us page */ .about-us-content { font-size: 16px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; } @media screen and (max-width: 991px) { .about-right-content { padding-top: 10px; } } /* END about us page */ /*shop with confidence*/ .shop-with-confidence-section { padding: 30px 0 30px 160px; position: relative; } .shop-with-confidence-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 115px; height: 95px; } .shop-with-confidence-icon.match-fit { padding-right: 17px; } .shop-with-confidence-icon.support { padding-right: 21px; } .shop-with-confidence-icon.md { width: 95px; height: 85px; } .shop-with-confidence-header { font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; } .shop-with-confidence-body { font-size: 16px; } /*paymnt methods*/ .product-payment-method { display: inline-block; text-align: left; text-transform: uppercase; font-weight: 700; color: #fff; max-height: none; /* height: auto; */ max-height: 36px; margin: 3px 8px; vertical-align: middle; } .product-payment-method.direct-deposit-dark { color: #333; } .product-payment-method.sm { max-height: 20px; margin: 3px; } .product-payment-method > span { display: block; font-size: 12px; line-height: normal; font-weight: 600; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-payment-method.sm > span { font-size: 9px; } @media screen and (max-width: 767px) { .shop-with-confidence-section { padding: 30px 0 30px 0; text-align: center; } .shop-with-confidence-icon { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; left: auto; margin-bottom: 15px; } .shop-with-confidence-icon.match-fit { padding-right: 0; } .shop-with-confidence-header { margin-bottom: 15px; } .shop-with-confidence-body { text-align: left; } .product-payment-methods { text-align: center; } } /* delivery widget */ .product-delivery-widget-step { display: none; text-align: center; padding: 20px; } @media screen and (max-width: 500px) { .product-delivery-widget-step { padding: 15px; } } .product-delivery-widget-step[data-step="1"] { display: block; } .product-delivery-widget-step-header { font-weight: 500; font-size: 15px; margin-bottom: 20px; } .product-delivery-widget-step-select select, .product-delivery-widget-step-input input { border: 1px solid #ddd; display: inline-block; padding: 5px 10px; width: 200px; font-weight: 500; margin-bottom: 10px; font-size: 14px; } .product-delivery-widget-step-select select.has-error, .product-delivery-widget-step-input input.has-error { border-color: #e2615f; } .product-delivery-widget-selected-address { max-width: 260px; margin: 0 auto; padding-left: 70px; position: relative; } .product-delivery-widget-selected-address img { max-height: 50px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-delivery-widget-selected-address-info { text-align: left; font-size: 14px; line-height: 1.5; } .product-delivery-widget-selected-address-info-button a { margin-top: 5px; display: inline-block; } .delivery-options-container { max-width: 100%; width: 550px; margin: 0 auto; } .delivery-options-divider { border-top: 2px solid #eee; margin-top: 20px; margin-bottom: 20px; } .delivery-option { padding: 10px 5px; text-align: left; font-size: 14px; position: relative; } .delivery-option-selectable { padding: 15px 20px; border-radius: 8px; border: 2px solid #eee; margin-bottom: 20px; cursor: pointer; } @media screen and (max-width: 767px) { .delivery-option-selectable { padding: 10px 15px; } } .delivery-option-selectable div { cursor: pointer; } .delivery-option-selectable:hover { background: #f5f5f5; } .delivery-option-selectable.select { background: #eee; border-color: #ccc; } .delivery-option-selectable.select .selection-tick { color: #5fc386; } .delivery-option-header { font-weight: 600; font-size: 16px; color: #333; } .delivery-option-error { margin: 5px 0; } .delivery-option-name { vertical-align: middle; text-align: left; padding-right: 10px; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; padding-left: 60px; position: relative; } .delivery-option-name img { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 30px; } .delivery-option-name .pickup-icon { height: 34px; } .delivery-option-time { margin-top: 3px; } .delivery-option-time i { margin-right: 5px; color: #777; } .delivery-option-price { vertical-align: middle; font-weight: 600; font-size: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 110px; text-align: center; } .delivery-option-location { margin-top: 3px; } .selected-delivery-option { font-size: 16px; } .selected-delivery-option-price { margin-bottom: 10px; padding-top: 30px; border-top: 2px solid #eee; } .selected-delivery-option-label { display: inline-block; width: 150px; vertical-align: top; text-align: left; } .selected-delivery-option-text { width: calc(100% - 150px); display: inline-block; vertical-align: top; text-align: right; font-weight: 500; } .selected-shipping-cost-text { margin-top: 30px; font-style: italic; } .find-delivery-options-btn.disabled { opacity: 0.3; pointer-events: none; } .delivery-option { opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .delivery-option.active { opacity: 1; visibility: visible; } .delivery-option.active.disabled { opacity: 0.6; pointer-events: none; } .delivery-options-loader { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .delivery-options-error-messages { display: none; font-weight: 500; } .delivery-disclaimer { font-style: italic; font-weight: 500; } @media screen and (max-width: 991px) { .delivery-option-name { width: calc(100% - 85px); } } @media screen and (max-width: 500px) { .delivery-option { display: block; } .delivery-option-name { width: 100%; } .delivery-option-price { text-align: left; padding-left: 60px; margin-top: 5px; } } .no-shipping-options-found { display: none; border-top: 2px solid #eee; margin-top: 15px; text-align: center; color: #333; } .no-shipping-options-found.no-pickup { border-top: none; margin-top: 0; } .no-shipping-options-found-cart { border-bottom: 2px solid #eee; padding-bottom: 20px; margin-bottom: 20px; } .no-shipping-options-found-msg { padding: 20px 0; font-size: 16px; font-weight: 400; } .no-shipping-options-found.no-pickup .no-shipping-options-found-msg { padding-top: 0; } .no-shipping-options-reason { margin: 10px 0; background: #f5f5f5; padding: 15px; border-radius: 8px; } .no-shipping-options-reason-prod { margin-top: 8px; } .no-shipping-options-reason-prod-name { font-weight: 500; } .no-shipping-options-found-msg > strong { font-size: 18px; display: block; margin-bottom: 20px; } .no-shipping-options-reason-or { font-size: 18px; font-weight: 600; margin: 10px 0; } /* delivery widget */ .delivery-pickup-time { font-size: 12px; } .delivery-pickup-estimate { display: block; margin-bottom: 5px; } .delivery-pickup-location { display: inline-block; font-weight: 400; } /* shopping cart */ .fit-with-check-icon { color: #5fc386; } /* END shopping cart */ /* checkout finished */ #checkout-finished{ padding-top:30px; text-align: center; } .checkout-finished-matchfit-banner { font-size: 20px; text-align: center; padding: 20px; } .checkout-finished-matchfit-banner img { max-width: 35px; } .checkout-finished-point { text-align: center; margin: 10px 0; } .checkout-finished-point-heading { text-align: center; font-size: 21px; font-weight: 500; } .checkout-finished-point-heading > img { max-height: 25px; vertical-align: bottom; margin-right: 5px; } .checkout-finished-point-text { margin-top: 10px; font-size: 18px; text-align: center; } .checkout-finished-point-subtext { margin-top: 5px; font-size: 16px; text-align: center; color:gray; } .bank-details { border: 1px solid #ddd; padding: 10px; font-size: 16px; margin-top: 15px; } /* END checkout finished */ /* add vehicle icon */ .add-vehicle-icon { font-size: 20px; font-weight: 300; } /* END add vehicle icon */ /* Cloudflare settings page */ .cloudflare-settings { padding: 40px 0; border-top: 1px solid #eee; margin-top: 20px; } .cloudflare-setting { font-size: 16px; margin-bottom: 10px; } /* END Cloudflare settings page */ /* Make Enquiry Page */ .selected-vehicle-info-main { font-size: 16px; font-weight: 600; } .enquiry-postcode-col { padding: 0; } /* END Make Enquiry Page */ /* Checkout Finished */ .order-confirmation-list li { margin: 10px 0; } /* END Checkout Finished */ /* Shopping Cart */ .shopping-cart-messages { position: fixed; right: 140px; left: 140px; top: 19px; z-index: 1; text-align: center; } @media screen and (max-width: 768px) { .shopping-cart-messages { right: 10px; left: 10px; top: 43px; } } .shopping-cart-title { font-size: 25px; text-align: center; font-weight: 500; margin-top: 30px; } .shopping-cart-background { position: fixed; right: 0; top: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .shopping-cart-background.active { opacity: 1; visibility: visible; } .shopping-cart { position: fixed; right: 0; top: 0; background: #fff; width: 900px; max-width: 90%; height: 100%; z-index: 1000001; padding: 30px; overflow: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .shopping-cart.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .shopping-cart-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .shopping-cart-scroll-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow-y: auto; position: relative; } .shopping-cart-scroll-container-content { padding: 30px 60px 20px 60px; } .shopping-cart-scroll-container.inactive { overflow: hidden; } .shopping-cart-scroll-container.inactive .shopping-cart-scroll-container-content { opacity: 0.15; position: relative; } .shopping-cart-scroll-container.inactive:before { display: block; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 1; } .shopping-cart-scroll-container.inactive .shopping-cart-scroll-container-content * { pointer-events: none; } .shopping-cart-action-container { -webkit-box-shadow: #ddd -8px 2px 15px; box-shadow: #ddd -8px 2px 15px; padding: 50px 30px; position: fixed; bottom: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background: #fff; z-index: 1; max-height: 100%; width: 100%; overflow-y: auto; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .shopping-cart-action-container.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .shopping-cart-action-container.hide { position: relative; } .shopping-cart-scroll-msg { position: absolute; top: 0; text-align: center; left: 0; right: 0; background: rgba(255, 255, 255, 0.85); padding: 10px; font-size: 14px; font-weight: 500; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; color: #353535; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: #ddd -8px 2px 15px; box-shadow: #ddd -8px 2px 15px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } .shopping-cart-scroll-msg-icon { font-size: 13px; vertical-align: middle; margin-left: 2px; cursor: pointer; } .shopping-cart-scroll-msg.active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .shopping-cart-loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shopping-cart-action-loader { position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); } .shopping-cart-action-button { font-size: 15px; cursor: pointer; background: rgba(255, 255, 255, 0.8); border-radius: 4px; border: 2px solid #fff; padding: 5px 15px; -webkit-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .shopping-cart-action-button:hover { border-color: #333; } .shopping-cart-action-hide { position: absolute; right: 25px; top: 20px; z-index: 10; display: none; } .shopping-cart-action-hide.active { display: inline-block; } .shopping-cart-close { position: absolute; left: 25px; top: 20px; z-index: 10; } @media screen and (max-width: 767px) { .shopping-cart-close { left: 5px; top: 5px; } .shopping-cart-action-hide { right: 5px; top: 5px; } .shopping-cart-action-container { padding: 50px 0px; } .shopping-cart-title { margin-top: 40px; } } .shopping-cart-sticky-bar { position: relative; background: #fff; -webkit-box-shadow: #ddd -8px 2px 15px; box-shadow: #ddd -8px 2px 15px; z-index: 10; } .shopping-cart-sticky-bar-actions { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 10; position: relative; background: #fff; } .shopping-cart-sticky-bar-action { width: 50%; text-align: center; padding: 20px 10px; border: 1px solid #eee; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .shopping-cart-sticky-bar-action div { cursor: pointer; } .shopping-cart-sticky-bar-action:hover { background: #f5f5f5; } .shopping-cart-applied-code { font-size: 16px; font-weight: 600; text-align: left; margin-bottom: 5px; } @media screen and (max-width: 767px) { .shopping-cart-applied-code { font-size: 13px; } } .shopping-cart-applied-code i { color: #5fc386; margin-right: 2px; } .shopping-cart-sticky-bar-checkout-container { border-top: 1px solid #eee; padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 10; position: relative; background: #fff; } .shopping-cart-sticky-bar-total { width: 50%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .shopping-cart-total-label { font-size: 20px; text-transform: uppercase; font-weight: 500; } .shopping-cart-total-amount-wrap { display: inline-block; } .shopping-cart-total-amount { font-size: 32px; font-weight: 500; line-height: 30px; } .shopping-cart-total-amount-prefix { font-size: 26px; } .shopping-cart-total-gst { font-size: 13px; font-weight: 500; text-align: right; } .shopping-cart-sticky-bar-checkout { width: 50%; text-align: right; display: flex; flex-direction: column; align-items: flex-end; justify-content: center; } .shopping-cart-sticky-bar-checkout-btn { padding: 20px 90px; } @media screen and (max-width: 767px) { .shopping-cart-scroll-container-content { padding: 0 20px; } .shopping-cart { max-width: 95%; } .shopping-cart-sticky-bar-checkout-btn { padding: 20px 70px; } .shopping-cart-sticky-bar-checkout .product-payment-methods { text-align: right; } .shopping-cart-sticky-bar-checkout .product-payment-method.sm { max-height: 17px; } .shopping-cart-sticky-bar-checkout .product-payment-method.sm > span { font-size: 7px; } } @media screen and (max-width: 575px) { .shopping-cart-sticky-bar-checkout-btn { padding: 20px 30px; } .shopping-cart-sticky-bar-checkout .product-payment-methods { display: none; } } @media screen and (max-width: 500px) { .shopping-cart-sticky-bar-checkout-btn { padding: 17px 25px; font-size: 17px; } .shopping-cart-total-label { font-size: 16px; } .shopping-cart-total-amount { font-size: 26px; line-height: 26px; } .shopping-cart-total-amount-prefix { font-size: 17px; } .shopping-cart-total-gst { font-size: 13px; } .shopping-cart-sticky-bar-checkout-container { padding: 10px; } .shopping-cart-sticky-bar-action { padding: 13px 10px 10px; } .shopping-cart-sticky-bar-action .oap-btn-outlined { padding: 7px 10px; font-size: 12px; } .shopping-cart-sticky-bar-action .oap-btn-outlined i { margin-right: 3px; } } @media screen and (max-width: 400px) { .shopping-cart-sticky-bar-checkout-btn { padding: 15px 20px; font-size: 13px; } .shopping-cart-total-label { font-size: 14px; } .shopping-cart-total-amount { font-size: 20px; line-height: 18px; } .shopping-cart-total-amount-prefix { font-size: 14px; } .shopping-cart-total-gst { font-size: 11px; } } .shopping-cart-sticky-bar-checkout-btn > i { margin-right: 10px; } body.cartActive { overflow: hidden; } .shopping-cart-message { font-size: 20px; margin-top: 20px; margin-bottom: 30px; } .shopping-cart-message-icon { font-size: 50px; color: #ddd; margin-top: 20px; } .shopping-cart-no-items-msg { display: none; } .shopping-cart-message-action { display: none; border-top: 2px solid #ddd; padding-top: 20px; } .shopping-cart-message-action-text { font-size: 16px; margin-bottom: 15px; } .available-credit { width: 200px; display: inline-block; text-align: left; font-size: 14px; font-weight: 600; margin-bottom: 5px; } .shopping-cart-action-row { text-align: center; } .shopping-cart-action-row.credit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .shopping-cart-action-row.credit .shopping-cart-action-col { width: 50%; } .coupon-divider { display: none; height: 2px; margin: 30px auto; background: #eee; max-width: 260px; } @media screen and (max-width: 767px) { .coupon-divider { display: block; } .shopping-cart-action-row.credit { display: block; } .shopping-cart-action-row.credit .shopping-cart-action-col { width: 100%; } } .shopping-cart-error { max-width: 100%; width: 400px; margin: 30px auto 50px; text-align: center; } .shopping-cart-error-image { font-size: 70px; color: #4084bf; } .shopping-cart-error-image .no-cart-items { color: #ddd; } .shopping-cart-error-image img { max-height: 80px; } .shopping-cart-error-message { font-size: 16px; font-weight: 300; margin-top: 20px; } .shopping-cart-error-message-content:not(:last-child) { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #eee; } .shopping-cart-share-button { display: none; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 0 6px 6px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 10px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 10px; z-index: 1000; background: rgba(255, 255, 255, 0.8); text-align: center; padding: 8px 12px; font-size: 12px; border-left: none; } .shopping-cart-share-button.oap-btn-outlined.oap-btn-outlined-primary:hover { background: rgba(236, 246, 255, 0.8); } @media screen and (max-width: 500px) { .shopping-cart-share-button { padding: 5px; font-size: 12px; } } .shopping-cart-share-link { display: none; position: absolute; z-index: 1000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(240, 240, 240, 0.8); } .shopping-cart-share-link.active { display: block; } .shopping-cart-share-link-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; padding: 50px 20px; background: #fff; border: 2px solid #ddd; width: 80%; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 15px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 15px; } @media screen and (max-width: 500px) { .shopping-cart-share-link-container { width: 95%; padding: 50px 10px; } } .shopping-cart-share-close { position: absolute; top: 15px; right: 22px; text-transform: uppercase; font-weight: 600; cursor: pointer; } .shopping-cart-share-close i { margin-right: 5px; cursor: pointer; } .shopping-cart-share-link-text { margin-bottom: 10px; font-weight: 500; font-size: 16px; } .shopping-cart-share-link-url-wrap { display: inline-block; text-align: right; max-width: 100%; } .shopping-cart-share-link-url { border: 2px solid #eee; padding: 8px 15px; display: inline-block; font-size: 14px; margin-bottom: 3px; max-width: 100%; overflow-wrap: break-word; } @media screen and (max-width: 500px) { .shopping-cart-share-link-text { font-size: 14px; } .shopping-cart-share-link-url { padding: 8px 10px; font-size: 13px; } } .shopping-cart-share-link-url-msg { display: none; } .shopping-cart-share-link-url-copy-success { display: inline-block; background: #5fc386; color: #fff; text-transform: uppercase; font-weight: 500; padding: 3px 5px; vertical-align: middle; } .shopping-cart-share-link-url-copy-success i { margin-right: 7px; } .shopping-cart-share-button .oap-icon-circle { color: #0099da; font-size: 18px; } /* END Shopping Cart */ /* Delivery Calculator */ .selected-delivery { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selected-delivery-icon { height: 35px; } .selected-delivery-info { text-align: left; padding-left: 15px; } .selected-delivery-name { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .selected-delivery-time { font-size: 12px; max-width: 220px; } .selected-delivery-cost { font-size: 19px; font-weight: 600; padding-left: 20px; } .change-action-link { font-size: 14px; margin-top: 7px; } @media screen and (max-width: 767px) { .selected-delivery-name { padding-left: 45px; margin-bottom: 10px; position: relative; font-size: 13px; } .selected-delivery-icon { height: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .selected-delivery-info { padding-left: 0; } .change-action-link { font-size: 12px; } } /* END Delivery Calculator */ /* Order Details */ .order-details-promo { background: #0099da; color: #fff; display: inline-block; padding: 3px 5px; margin-right: 5px; } .order-details-promo-price { display: inline-block; } /* END Order Details */ /* free delivery message */ .free-delivery-message { display: none; background: #0099da; color: #fff; font-size: 16px; font-weight: 500; padding: 5px 10px 4px 10px; text-align: center; } /* Easy Collect Widget */ #locationFinderPopover { z-index: 1000003 !important; } .easy-collect-widget { padding: 10px 0 0; } .easy-collect-selected-view { display: none; padding: 20px 0 10px 0px; border-top: 2px solid #efefef; } .easy-collect-init-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; background: #f5f5f5; border-radius: 8px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .easy-collect-init-view:hover { background: #f0f0f0; } .easy-collect-init-view img { max-width: 250px; width: 100%; } .easy-collect-init-view button { margin-left: 10px; } .easy-collect-change-address { font-size: 14px; margin-top: 10px; } @media screen and (max-width: 450px) { .easy-collect-init-view { display: block; text-align: center; } .easy-collect-init-view button { margin-left: 0; margin-top: 15px; } } .easy-collect-init-image-text { font-style: italic; font-size: 12px; font-weight: 500; color: #333; } .easy-collect-widget-selected-address { font-size: 16px; margin: 10px 0 5px 0; } .easy-collect-widget-logo { max-height: 40px; margin-bottom: 5px; } .easy-collect-widget-logo.easy-collect-widget-logo-cart { margin-bottom: 20px; } .easy-collect-widget-selected-address-checkout-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .easy-collect-widget-selected-address-checkout-wrap img { height: 35px; width: 35px; margin-right: 10px; } .easy-collect-widget-selected-address-checkout { font-size: 14px; color: #333; text-align: left; } .easy-collect-init-view-img-wrap { font-size: 13px; text-align: center; } /* END - Easy Collect Widget */ /* Easy Collect Address (Edit/First Address pages) */ .easy-collect-address-field { font-size: 14px; margin-bottom: 2px; } .easy-collect-address-field.easy-collect-address-label { font-size: 18px; font-weight: 500; } .ec-address-label { color: #d71635; } .ec-widget-container [class^="modalstyles__Container"]{ width: 100%; transform: none; position: relative; left: 0; top: 0; } .ec-widget-container.ec-widget-container-scroll{ overflow-y: auto; } .ec-widget-container [class^="modalstyles__Container"] >button{ display: none; } .ec-widget-container [class^="modalstyles__Background"]{ display: none; } .ec-loader { text-align: center; padding: 20px; } /* END - Easy Collect Address */ /* Phone update Confirmation - address jsps */ .phone-container { border: 2px solid #e0e0e0; border-radius: 8px; padding: 10px; text-align: center; max-width: 300px; margin: 20px auto 0; } .phone-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .phone-items-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .phone-item { font-size: 14px; } .phone-item-new { color: #0099da; } /* END - Phone update Confirmation */ /* Pickup Window */ .box-options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: stretch; } .box-options.box-options-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box-options.box-options-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-option { height: 72px; color: #333; border: 2px solid #ddd; border-radius: 8px; background: #fff; padding: 15px; margin: 5px; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box-option * { cursor: pointer; } .box-option.active { color: #0099da; border: 2px solid #0099da; } .box-option:hover:not(.active) { border-color: #aaa; } .box-options-2 .box-option { width: calc(50% - 10px); } .box-options-3 .box-option { width: calc(33.33% - 10px); } .box-options-4 .box-option { width: calc(25% - 10px); } .pickup-window-date-options i { color: #0099da; margin-right: 5px; font-size: 19px; vertical-align: middle; } .pickup-window-date-options .form-control { border: 2px solid #ccc; max-width: 200px; display: inline-block; } .box-option-sub-text { font-size: 14px; } .pickup-disclaimer { margin-top: 30px; font-style: italic; } .order-totals-pickup-message { display: block; font-size: 13px; margin-top: 5px; font-weight: 600; cursor: pointer; text-decoration: underline; } .pickup-sms-msg { font-size: 90%; } .pickup-notice-msg { margin: 0 -30px; } @media screen and (max-width: 768px) { .pickup-notice-msg { margin: 0 -15px; } } @media screen and (max-width: 550px) { .box-options-sm-2 .box-option { width: calc(50% - 10px); } .box-options-sm-1 .box-option { width: calc(100% - 10px); } } /* END Pickup Window */ /* Indonesian Identification - Checkout */ .indonesian-id-form { margin-top: 20px; } /* END Indonesian Identification - Checkout */ /* cart */ .paypal-banner-cart { margin: 20px 0; } /* END - cart */ /* AG: Podium WebChat Styles */ iframe#podium-bubble, iframe#podium-prompt { display: none !important; } .show-podium-button-icon-wrap { position: relative; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; } .show-podium-button { position: fixed; right: 10px; top: 55%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1000; background: rgba(0, 153, 218, 0.8); border: 2px solid #33ade1; border-radius: 500px; color: #fff; padding: 12px; font-size: 20px; cursor: pointer; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; text-align: center; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } /* Hide podium button if modal is open */ .overlay-active .show-podium-button, .cdk-global-scrollblock .show-podium-button, .modal-open .show-podium-button { display: none !important; } .show-podium-button-text, .show-podium-button-icon { cursor: pointer; } .show-podium-button-text { white-space: nowrap; overflow: hidden; width: 0; font-size: 16px; font-weight: 500; color: #fff; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; } .show-podium-button-icon { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .show-podium-button:hover .show-podium-button-text { width: 70px; } .show-podium-button:hover .show-podium-button-icon-wrap { width: 34px; } /* End Podium webchat Styles */ /* Fix 3ds modal display on iphone */ #Cardinal-Modal { max-width: calc(100vw - 20px) !important; overflow-x: auto !important; } @media screen and (max-width: 850px) and (min-resolution: 192dpi), screen and (max-width: 850px) and (-webkit-min-device-pixel-ratio: 2) { #Cardinal-CCA-IFrame { max-width: 390px !important; } } @media screen and (max-width: 750px) and (min-resolution: 192dpi), screen and (max-width: 750px) and (-webkit-min-device-pixel-ratio: 2) { #Cardinal-CCA-IFrame { max-width: 350px !important; } } @media screen and (max-width: 640px) and (min-resolution: 192dpi), screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) { #Cardinal-CCA-IFrame { max-width: 300px !important; } } /* END - Fix 3ds modal display on iphone */ .privacy-collection-notice-non-ng { border-top: 2px solid #eee; padding: 1rem; margin-top: 1rem; text-align: center; } .shopping-cart-position { background: #eee; padding: 5px 15px; border-radius: 100px; font-weight: 500; font-size: 14px; display: inline-block; text-align: center; text-transform: uppercase; margin-top: 10px; } .ng-footer { margin: 0 -15px; }