/* ========= LAYOUT DETAILS COMPONENT ========= */ /*** import Bootstrap Style Start ***/ @import url(framework.css); /*** import Bootstrap Style End ***/ @font-face { font-family: "open_sansregular"; src: url("OpenSans-Regular-webfont.eot"); src: url("OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-Regular-webfont.woff") format("woff"), url("OpenSans-Regular-webfont.ttf") format("truetype"), url("OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sansitalic"; src: url("OpenSans-Italic-webfont.eot"); src: url("OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-Italic-webfont.woff") format("woff"), url("OpenSans-Italic-webfont.ttf") format("truetype"), url("OpenSans-Italic-webfont.svg#open_sansitalic") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sanslight"; src: url("OpenSans-Light-webfont.eot"); src: url("OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-Light-webfont.woff") format("woff"), url("OpenSans-Light-webfont.ttf") format("truetype"), url("OpenSans-Light-webfont.svg#open_sanslight") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sanslight_italic"; src: url("OpenSans-LightItalic-webfont.eot"); src: url("OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-LightItalic-webfont.woff") format("woff"), url("OpenSans-LightItalic-webfont.ttf") format("truetype"), url("OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sansbold"; src: url("OpenSans-Bold-webfont.eot"); src: url("OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-Bold-webfont.woff") format("woff"), url("OpenSans-Bold-webfont.ttf") format("truetype"), url("OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sansbold_italic"; src: url("OpenSans-BoldItalic-webfont.eot"); src: url("OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-BoldItalic-webfont.woff") format("woff"), url("OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sansextrabold"; src: url("OpenSans-ExtraBold-webfont.eot"); src: url("OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-ExtraBold-webfont.woff") format("woff"), url("OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sansextrabold_italic"; src: url("OpenSans-ExtraBoldItalic-webfont.eot"); src: url("OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sanssemibold"; src: url("OpenSans-Semibold-webfont.eot"); src: url("OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-Semibold-webfont.woff") format("woff"), url("OpenSans-Semibold-webfont.ttf") format("truetype"), url("OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: "normal"; font-style: "normal"; } @font-face { font-family: "open_sanssemibold_italic"; src: url("OpenSans-SemiboldItalic-webfont.eot"); src: url("OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg"); font-weight: "normal"; font-style: "normal"; } /*** Typography Start ***/ body { font-size: 14px; font-family: "open_sansregular"; color: #1c1e29; overflow-x: hidden; } a { text-decoration: underline; } p { font-size: 14px; font-family: "open_sansregular"; color: #1c1e29; } b, strong { font-family: "open_sanssemibold"; font-weight: regular; } h1 { text-align: center; font-size: 32px; font-family: "open_sanslight"; } h2 { font-family: "open_sansregular"; font-size: 18px; color: black; text-transform: uppercase; } h3 { font-family: "open_sansregular"; font-size: 16px; color: #000000; text-transform: uppercase; } h4, h5 { font-family: "open_sansregular"; font-size: 14px; color: #000000; } a { font-family: 'open_sanssemibold'; } a:hover { text-decoration: none; color: #aea8a5; } @media (min-width: 768px) { p { font-size: 13px; } h1 { font-family: 'open_sanslight'; text-transform: uppercase; } #breadcrumbs > h1 { display: none; } h2 { font-family: 'open_sanssemibold'; font-size: 22px; } h3 { font-family: 'open_sanslight'; font-size: 18px; } h4, h5 { font-family: 'open_sanslight'; font-size: 14px; } } /*** Layout Detail Start ***/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, ul, ol, li, p, dl, dd, dt, tr, th, td, h1, h2, h3, h4, h5, a, span { border: 0 solid #edecec; border-radius: 0; } ol, ul { list-style: none; padding-left: 0; } .collapse.in { display: block !important; } /***** PRICING *****/ .price { color: #717171; height: 20px; } .price.was { text-decoration: line-through; color: #aea8a5; margin-bottom: 0; margin-right: 10px; } .price.now { color: #6a0700; } .price.was, .price.now { display: inline-block; margin-bottom: 0; } .price.save, .price.tax { display: none !important; } .price.special .price-display:before { content: " "; } /* POPOVER */ *[data-toggle=popover] { cursor: pointer; } .popover { color: #000000; border-radius: 0; min-width: 200px; font-size: 12px; max-width: inherit; padding: 0; } .popover.top > .arrow:after { border-top-color: #edecec !important; } .popover-content { text-align: left; padding: 10px 12px; white-space: pre-line; background-color: #FFFFFF; } .popover-title { background-color: #FFFFFF; border-bottom: 0; padding: 13px 12px 0 22px; color: #000000; font-weight: normal; } /*** OVERLAYS ***/ figure { position: relative; } .overlay { position: absolute; } .item figure .overlay img { width: 33%; display: inline-block; } .left-vertical, .right-vertical { width: 33%; top: 0; } .item figure .overlay.left-vertical img, .item figure .overlay.right-vertical img { width: 100%; } .left-vertical { left: 0; } .right-vertical { right: 0; } .top-horizontal { left: 0; top: 0; width: 100%; } .bottom-horizontal { left: 0; bottom: 0; width: 100%; } .product-detail .left-vertical, .product-detail .right-vertical { width: 20%; } .product-detail figure .overlay.top-horizontal img, .product-detail figure .overlay.bottom-horizontal img { width: 20%; } .product-detail figure .overlay.overlay.left-vertical img, .product-detail figure .overlay.right-vertical img { width: 100%; } /**** FORM ELEMENTS ****/ ::-webkit-input-placeholder { color: #aea8a5; text-transform: capitalize; } :-moz-placeholder { color: #aea8a5; text-transform: capitalize; } ::-moz-placeholder { color: #aea8a5; text-transform: capitalize; } :-ms-input-placeholder { color: #aea8a5; text-transform: capitalize; } *:focus { outline: 0 none; } .cartbutton .cartbutton { background-color: #000000 !important; } button[type=submit].add-wishlist:focus { background-color: #edd6c4; } .click-and-collect button[data-toggle=tooltip] { background-color: #FFFFFF; color: #000000; } /* Fix number input spinner */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } input[type="radio"], input[type="checkbox"] { margin: 4px 5px 0 0; } form input[type="file"] { height: auto; } form textarea, form input[type="text"], form input[type="password"], form input[type="email"], form input[type="number"], form input[type="tel"], form input[type="time"], form input[type="date"] { -webkit-appearance: none; box-shadow: none; -webkit-box-shadow: none; font-size: 16px; } form fieldset { margin-top: 20px; } form fieldset ol li select { font-size: 16px; } form legend { font-family: "open_sanssemibold"; color: #1c1e29; text-transform: uppercase; font-size: 18px; } form label { display: block; font-weight: normal; font-family: "open_sanslight"; } form input:not([type="checkbox"], [type="radio"]), form select { height: 40px !important; } form input + label { display: inline-block; } form .details textarea, form .comment textarea { height: 100px; vertical-align: top; } form .security-code input { width: 40%; } form .telephone input { display: inline-block; } form .telephone input:last-child { margin-right: 0; } form em, .note em { color: #6a0700; } fieldset .note { margin-top: 5px; } .note { font-size: 12px; } button, .map-link a, .post-link a, .reply-link a { background-color: #101820; color: #FFFFFF; } button:hover, .map-link a:hover, .post-link a:hover, .reply-link a:hover { background-color: #000000; } /* MAIN BUTTONS */ .btn, button, .map-link a, .post-link a, .reply-link a, .options a { transition: background-color 200ms; border: 0 solid transparent; border-radius: 0; text-transform: uppercase; font-family: "open_sanslight"; padding: 10px 20px; width: 100%; height: 50px; font-size: 18px; text-decoration: none; line-height: 28px; } .options a { display: inline-block; text-align: center; } /* SECONDARY BUTTONS */ .btn.prev, button.prev, .map-link a.prev, .post-link a.prev, .reply-link a.prev, .new-cust, .guest, .compare, .wishlist .btn.popup-link, .wishlist .update-quantity button, .additional-options a.prev, button.add-wishlist, .map-link a.add-wishlist, .post-link a.add-wishlist, .reply-link a.add-wishlist, .autocomplete li > a, .summary-block .modify a, .login #sign-in .options a, .additional-options > button, .promo-code button, .update button, .reply-link a { background: #edd6c4; border: 0 solid #edd6c4; border-radius: 0; color: #101820; font-size: 14px; } .btn.prev:hover, .btn.prev.active[type=submit]:hover, button.prev:hover, .map-link a.prev:hover, .post-link a.prev:hover, .reply-link a.prev:hover, button.prev.active[type=submit]:hover, .map-link a.prev.active[type=submit]:hover, .post-link a.prev.active[type=submit]:hover, .reply-link a.prev.active[type=submit]:hover, .new-cust:hover, .new-cust.active[type=submit]:hover, .guest:hover, .guest.active[type=submit]:hover, .compare:hover, .compare.active[type=submit]:hover, .wishlist .btn.popup-link:hover, .wishlist .btn.popup-link.active[type=submit]:hover, .wishlist .update-quantity button:hover, .wishlist .update-quantity button.active[type=submit]:hover, .additional-options a.prev:hover, .additional-options a.prev.active[type=submit]:hover, button.add-wishlist:hover, .map-link a.add-wishlist:hover, .post-link a.add-wishlist:hover, .reply-link a.add-wishlist:hover, button.add-wishlist.active[type=submit]:hover, .map-link a.add-wishlist.active[type=submit]:hover, .post-link a.add-wishlist.active[type=submit]:hover, .reply-link a.add-wishlist.active[type=submit]:hover, .autocomplete li > a:hover, .autocomplete li > a.active[type=submit]:hover, .summary-block .modify a:hover, .summary-block .modify a.active[type=submit]:hover, .login #sign-in .options a:hover, .login #sign-in .options a.active[type=submit]:hover, .additional-options > button:hover, .additional-options > button.active[type=submit]:hover, .promo-code button:hover, .promo-code button.active[type=submit]:hover, .update button:hover, .update button.active[type=submit]:hover, .reply-link a:hover, .reply-link a.active[type=submit]:hover { background-color: #e1bb9d !important; color: #101820; } .inline-error { display: inline-block; margin: 5px 0 0 0; } .inline-error .error { margin-bottom: 5px; } .message.incentive { padding: 0; } .next-previous a + button, .next-previous a + a { margin-top: 15px; } /*** Main Content ***/ .main-container { position: relative; z-index: 1; } .main-container h1 { font-size: 30px; text-transform: uppercase; padding-bottom: 10px; /*margin-top: 3px;*/ } main .content ul { list-style: disc outside; } main .content ol { list-style: decimal outside; } main .content ol, main .content ul { padding-left: 40px; } /*** Popups ***/ .modal .modal-content .modal-header button { width: auto; } .modal .modal-content .modal-header button { height: auto; } .modal .modal-content .modal-header button:hover { background: none; } .modal .modal-content .modal-body video { width: 100%; } .modal .modal-content .modal-footer { clear: both; display: none; } /*CrossSell*/ .modal .cross-sell { display: none; } .popup-data:not(.collapse):not(.collapsing) { display: none; } /*** BACK TO TOP LINK ***/ #back-top { right: 10px; opacity: 0; display: block !important; /*-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; */ } .scrolled-down #back-top { position: fixed; bottom: 0; /*background: $concrete-grey;*/ border: 1px solid #c4c4c4; background: #e7e5e4 url(sprite.png) no-repeat 13px -1028px; opacity: .9; z-index: 999; /*border-radius: 5px 5px 0 0; */ } .scrolled-down #back-top a { display: block; padding: 10px 15px 15px; opacity: 0; } /*** HOMEPAGE ***/ .homepage #page-content { width: 100%; } .homepage .featured { border-bottom: 0; } .homepage #left-nav { display: none; } .homepage .main-container { width: 100% !important; } .homepage .container-fluid, .homepage .main-container { padding: 0 !important; } .homepage .top-links { max-height: 52px; } .homepage .content { display: none; } .homepage .slick-prev, .homepage .slick-next { height: 40px; width: 40px; } .homepage .slick-prev:before, .homepage .slick-next:before { display: block; height: 100%; width: 100%; } @media (min-width: 768px) { .homepage .main-container { padding: 0 !important; } .homepage .top-links { max-height: 50px; } .homepage .slick-prev, .homepage .slick-next { min-width: 0 !important; height: 60px; } .homepage .slick-prev:before, .homepage .slick-next:before { padding: 0; } } @media (min-width: 1200px) { .homepage .container { width: 97%; } } .homepage.jqueryloaded .content { display: block; } .homepage.jqueryloaded .top-links { max-height: none; } /*** INFOPAGES/ General page structure ***/ .infopage #main, .career #main, .storelocator #main, .cartpage #main, .searchpage #main { padding: 20px 0; } .infopage #page-content h1, .career #page-content h1, .storelocator #page-content h1, .cartpage #page-content h1, .searchpage #page-content h1 { margin: 10px 0 20px; } .infopage main .content table td, .infopage main .content table th { padding: 5px; } .infopage main .content table tr:nth-of-type(2n) td { background-color: #e7e5e4; } .infopage #page-content img { max-width: 100%; height: auto; display: block; } .nav.nav-tabs > li > a { text-decoration: none; } .nav.nav-tabs > li > a:hover { background-color: #e7e5e4; text-decoration: none; } .nav.nav-tabs > li.active > a { color: #1c1e29; } .nav.nav-tabs > li.active > a:hover { background-color: #FFFFFF; } /*** review stars ***/ .stars-container { margin-bottom: 5px; } .stars-container span { vertical-align: middle; display: inline-block; } .stars-container span.full, .stars-container span.half, .stars-container span.empty { width: 15px; height: 15px; margin-right: 2px; background: url(sprite.png) center -1021px no-repeat; background-size: 40px; } .stars-container span.half { background-position: center -1084px; } .stars-container span.empty { background-position: center -1146px; } /*** Fake Select ***/ .fake-select { position: relative; /*width: 100%;*/ float: left; background-color: #f9f9fa; /*span, a{vertical-align:middle;}*/ } .fake-select label { font-weight: normal; } .fake-select .selected { border: 1px solid #edecec; border-radius: 0; z-index: 2; position: relative; background: url(sprite.png) no-repeat 0 -399px; background-size: 35px; cursor: pointer; padding: 6px 12px; background-repeat: no-repeat; background-position-x: right; font-size: 16px; } .fake-select .selected span:first-child { margin-right: 5px; } .fake-select .selected span:first-child:empty { display: none !important; } .fake-select .dummy { margin-top: 7px; } .fake-select ul { position: absolute; z-index: 4; margin-top: -2px; height: 0; width: 100%; overflow: hidden; left: 0; display: block !important; } .fake-select li { background-color: #f9f9fa; margin: 0; } .fake-select li.on { visibility: hidden; height: 0; } .fake-select li img, .fake-select .selected img { height: 15px; margin-right: 5px; border: 1px solid #edecec; border-radius: 0; } .fake-select label:hover, .fake-select li > a:hover { background-color: #f9f9fa; text-decoration: none; } .fake-select label, .fake-select li > a, .fake-select li > span { cursor: pointer; /* it is needed for product page select size and curency select */ padding: 6px 12px; position: relative; z-index: 2; margin: 0; width: 100% !important; background-color: #f9f9fa; } .fake-select label, .fake-select li > a { display: block; } .fake-select input { position: absolute; z-index: 1; left: 10px; top: 0; } .fake-select.open { z-index: 10; } .fake-select.open ul { height: auto; border-width: 0 1px 1px 1px; border-radius: 0; } .fake-select.single .selected { cursor: default; background-image: none; border-width: 0; } .fake-select.single ul { border: 0; } .actions .remove a, .wishlist-products .cartbutton a, .subscriptions-table .actions a { color: #000000; font-size: 0 !important; } .actions .remove a:before, .wishlist-products .cartbutton a:before, .subscriptions-table .actions a:before { content: "X"; font-size: 14px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 17px; border: 1px solid #edecec; border-radius: 0; } .actions .remove a:hover, .wishlist-products .cartbutton a:hover, .subscriptions-table .actions a:hover { opacity: 0.5; filter: alpha(opacity=50); /*IE8*/ } /**** accordion basic styling ****/ .eso-accordion-indicator { display: inline-block; position: absolute; width: 15px; cursor: pointer; padding-left: 8px; right: 15px; top: 5px; height: 30px; background: none; } .eso-accordion-indicator:after, .eso-accordion-indicator:before { content: ''; position: absolute; height: 2px; width: 15px; top: 50%; left: 0; right: 0; margin: 0 auto 0; background: rgba(105, 105, 105, 0.7); } .eso-accordion-indicator:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .eso-accordion li ul li a { color: #1c1e29; font-family: "open_sanssemibold"; } .eso-accordion-trigger.collapsed .eso-accordion-indicator:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } /**** Slick Slider ****/ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-bottom: 30px; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url("ajax-loader.gif") center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 45%; padding: 0; z-index: 2; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { line-height: 1; color: white; opacity: 0.75; background: url(sprite.png) #fff; background-size: 35px; } .slick-prev { left: 0px; } [dir="rtl"] .slick-prev { left: auto; right: 0px; } .slick-prev:before { content: ""; background-position: 4px -249px; } [dir="rtl"] .slick-prev:before { content: ""; background-position: 0 -442px; } .slick-next { right: 0; } [dir="rtl"] .slick-next { left: 0px; right: auto; } .slick-next:before { content: ""; background-position: 6px -296px; } [dir="rtl"] .slick-next:before { background-position: 0 -380px; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\00b7"; width: 20px; height: 20px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .errorpage .redirect-message { font-family: "open_sanssemibold"; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .options a, .quickview a { font-size: 14px; } .slick-arrow:hover { font-size: 0; } .buy-now form button { font-size: 14px; } .page-container { padding: 0; } .errorpage #page-header { height: 160px; } .btn, button, .map-link a, .post-link a, .reply-link a { width: auto; } #main .btn, #main button, #main button, #main .map-link a, .map-link #main a, #main .post-link a, .post-link #main a, #main .reply-link a, .reply-link #main a { min-width: 200px; } #sign-in .customer.new { width: 100%; } #main .cross-sell .item button, #main .featured .item button { min-width: inherit; } #page-content { /*width: 75%;*/ float: left; margin-left: 0; margin-right: 0; } .fake-select .selected span + span { padding-right: 8px; margin-right: 3px; } .next-previous a + button, .next-previous a + a { margin-top: 0; } .slick-prev:before, .slick-next:before { padding: 30px 41px; background-size: inherit; } .slick-prev { left: 1px; } .slick-prev:before { background-position: -4px -415px; } .slick-next { right: 0; } .slick-next:before { background-position: -5px -505px; } .infopage #page-content, .career #page-content, .storelocator #page-content, .cartpage #page-content { width: 100%; } .infopage #page-content h1, .career #page-content h1, .storelocator #page-content h1, .cartpage #page-content h1 { text-align: left; } .fake-select .selected { background-position: 170px -399px; height: 34px; font-size: 14px; font-weight: 100; } .fake-select ul { top: 34px; } .fake-select ul li { font-size: 14px; } } /*** DESKTOP ***/ @media (min-width: 1200px) { .main-container { padding: 10px 0; } .main-container:before, .main-container:after { content: ""; display: table; } .main-container:after { clear: both; } .fake-select .selected { background-position: 304px -589px; background-size: 15%; } .page-container > h1 { display: none; } #breadcrumbs > h1 { display: block; } } .errorpage .logo a { background: url(/images/assetimages/m-logo.png) center no-repeat; } .errorpage #page-content { width: 100%; font-family: "open_sanslight"; } .errorpage .error-content { padding: 30px; text-align: center; } .errorpage .error-content .error_detail { margin-top: 15px; } .errorpage .error-content span#sec { display: block; margin: 10px 0; font-size: 40px; } .errorpage .error-content span#sec:before { content: "("; } .errorpage .error-content span#sec:after { content: ")"; } .errorpage .error-content h1 { margin-bottom: 30px; } .errorpage .error-content p { margin: 14px auto; font-size: 16px; } .errorpage .error-content a { text-decoration: underline; } .errorpage .error-content ahover { text-decoration: none; } /* ========= LAYOUT DETAILS COMPONENT END ========= */ /* ========= HEADER COMPONENT ========= */ .print-header { display: none; } #page-header { z-index: 2; position: relative; border-bottom: 1px solid #edecec; height: 217px; } #page-header * { visibility: hidden !important; } #page-header a:hover { text-decoration: none; } #page-header .content.header-top { display: none; } #page-header .page-header-container { padding: 0; position: relative; margin-bottom: 10px; } #page-header .page-header-container .logo { width: 100%; border: 1px solid #edecec; border-radius: 0; border-left: 0; border-right: 0; padding: 15px; } #page-header .page-header-container .logo:before, #page-header .page-header-container .logo:after { content: ""; display: table; } #page-header .page-header-container .logo:after { clear: both; } #page-header .page-header-container .logo img { display: none; } #page-header .page-header-container .logo a { display: block; width: 100%; background: url(/images/assetimages/m-logo.png) center no-repeat; height: 30px; background-size: contain; position: relative; margin: 0 auto; } #page-header .page-header-container .logo:after { content: ''; border-bottom: 1px solid #edecec; } #page-header .page-header-container .fake-select .selected span + span { padding-right: 0; margin-right: 0; display: block; line-height: 19px; } .jqueryloaded #page-header { height: auto; } .jqueryloaded #page-header * { visibility: visible !important; } /* MOBILE TRIGGERS - HEADER ICONS */ .mobile-triggers { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; } .mobile-triggers a { height: 54px; width: 55px; border-radius: 0; margin: 0; padding: 0; display: inline-block; } .mobile-triggers a.icon-menu { background: url(menu_icon.png) center no-repeat; background-size: 42px; } .mobile-triggers a.icon-menu.active { background-color: #edd6c4; } .mobile-triggers a.icon-contact { background: url(phone_icon.png) center no-repeat; background-size: 42px; } .mobile-triggers a.icon-account { background: url(user_icon.png) center no-repeat; background-size: 42px; } .mobile-triggers a.icon-account:not(.collapsed) { background-color: #edd6c4; } .mobile-triggers a.icon-truck { background: url(truck_icon.png) center no-repeat; background-size: 42px; } .mobile-triggers a.icon-cart { background: url(bag_icon.png) center no-repeat; background-size: 42px; } .mobile-triggers .badge { position: absolute; right: 4px; top: 5px; background-color: #edd6c4; color: #FFFFFF; } /* MOBILE TRIGGER - SUB MENU */ .mobile-trigger { position: absolute; right: 10px; width: 40px; top: 0; height: 40px; color: #FFFFFF; cursor: pointer; z-index: 5; background: url(sprite.png) no-repeat 13px -662px; background-size: 62px; } li.active > a + .mobile-trigger, li.active > span + .mobile-trigger { background-position: 13px -610px; } #currency-menu .selected { border: 1px solid #edecec; border-radius: 0; padding: 1px 21px 0 10px; height: 50px; background: #f4f2f2 url(sprite.png) 16px -143px no-repeat; background-size: 83px; text-align: left; } #currency-menu .selected span { line-height: 18px; display: block; } #header-nav { width: 100%; background-color: white; display: none; border: 0; z-index: 1; position: absolute; top: 55px; } #header-nav #currency-menu { display: block; } #header-nav .header-nav-container { padding: 0; text-align: center; } #header-nav .header-nav-container > ul { padding: 0; text-align: left; margin: 0; z-index: 1; } #header-nav .header-nav-container > ul li { width: a, span; width-text-align: center; width-font-family: "open_sanslight"; } #header-nav .header-nav-container > ul > li { border-top: 1px #FFFFFF solid; position: relative; } #header-nav .header-nav-container > ul > li:first-child { border: 0; } #header-nav .header-nav-container > ul > li.on > a, #header-nav .header-nav-container > ul > li:hover > a { border-bottom: 3px solid #000000; } #header-nav .header-nav-container > ul.dropdown.in { display: block; background: #000000; } #header-nav .header-nav-container > ul li.with-children > ul { display: none; } #header-nav .header-nav-container > ul li.active > ul { display: block; } #header-nav .header-nav-container > ul > li > a, #header-nav .header-nav-container > ul > li > span, #header-nav .header-nav-container > ul li.active > a, #header-nav .header-nav-container > ul li.active > span { background-color: #edd6c4; } #header-nav .header-nav-container ul > li a { text-decoration: none; color: #101820; } #header-nav .header-nav-container ul > li a:hover, #header-nav .header-nav-container ul > li a.on { color: #000000; } #header-nav .header-nav-container ul > li ul > li > a, #header-nav .header-nav-container ul > li ul .header-nav-container ul > li ul > li > .structural { display: block; padding: 10px 20px; font-size: 16px; text-transform: uppercase; } #header-nav .header-nav-container .submenu { display: none; } #header-nav .header-nav-container .submenu li { display: block; padding: 0; position: relative; } #header-nav .header-nav-container .active .submenu { display: block; border: 0; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } #header-nav .submenu-content { padding-bottom: 10px; } #header-nav .submenu-content a { font-family: "open_sanslight"; } #header-nav .header-nav-container > ul > li > a, .m-nav-links a, #header-nav .header-nav-container > ul > li > .structural, .header-nav-container .selected span, .header-nav-container .fake-select ul li span { padding: 15px 10px 15px 15px; text-transform: uppercase; display: block; font-size: 16px; font-family: "open_sanslight"; } .header-nav-container #currency-menu ul { top: 51px; } .header-nav-container .fake-select .selected { padding: 0 !important; } .header-nav-container .fake-select .selected img { display: none; } .header-nav-container .fake-select .selected span { background-color: #edd6c4; display: block; position: relative; } .header-nav-container .fake-select .selected span:before { content: ''; background: url(sprite.png) no-repeat 2px -678px; background-size: 62px; width: 20px; height: 20px; display: inline-block; position: absolute; right: 18px; } .header-nav-container .fake-select.open .selected span:before { background-position: 2px -625px; } .header-nav-container .fake-select ul li label img { display: none; } .header-nav-container .fake-select ul li label span { padding: 5px !important; } .m-nav-links { border-top: 1px solid #edecec; } .m-nav-links a { color: #aea8a5; text-align: left; } .icon-menu, .icon-link { float: none; cursor: pointer; } .navbar { margin-bottom: 0; } .header-account { z-index: 2; width: 100%; float: left; } .header-account:before, .header-account:after { content: ""; display: table; } .header-account:after { clear: both; } .header-account #account-menu { padding: 0; margin: 0 auto; } .header-account #currency-menu { display: none; } .header-account ul { display: none; padding-left: 0; background-color: #edd6c4; } .header-account ul li { background-color: #edd6c4; padding: 6px 30px; border-bottom: 1px #FFFFFF solid; } .header-account ul li a { width: 100%; display: inline-block; text-align: center; text-decoration: none; line-height: 40px; font-size: 16px; text-transform: uppercase; } .header-account ul li a span.badge { display: none; } .header-cart { float: right; } .header-cart:before, .header-cart:after { content: ""; display: table; } .header-cart:after { clear: both; } .header-account, .header-compare, .header-cart, .currency-estimator, .search { position: relative; } .header-account .icon-link, .header-cart .icon-link, .currency-estimator .icon-link, .header-search .icon-link, .header-compare.empty, .header-cart-summary .ajax-content { display: none; } /* Currency Menu */ #currency-menu .fake-select { width: 100%; } #currency-menu .fake-select input { left: 1px; top: 1px; height: 5px; } #currency-menu ul { display: none; border: 0; top: 27px; } #currency-menu .selected { height: 48px; background-position: 100% -657px; } #currency-menu .selected span:first-child { margin: 0; } #currency-menu li { position: relative; background: #FFFFFF; padding: 0; } #currency-menu form > label { display: none; padding-top: 4px; float: left; width: auto; margin-right: 5px; } #currency-menu .open ul { display: block; float: left; padding: 0; width: 100%; -webkit-box-shadow: 0 5px 16px 0 rgba(204, 204, 207, 0.31); -moz-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); box-shadow: 0 5px 16px 0 rgba(163, 163, 163, 0.31); } .login #sign-in { display: none; font-size: 14px; background: #FFFFFF; width: 320px; position: absolute; z-index: 10; top: 30px; border-top: 0; left: 0; padding: 15px; -webkit-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); -moz-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); } .login #sign-in button, .login #sign-in .btn { width: 100%; text-transform: uppercase; line-height: 40px; padding: 0; font-size: 14px; } .login #sign-in a:hover:not(.btn) { color: #aea8a5; } .login #sign-in #header-retrieve-password { display: none; } .login #sign-in h2 { font-size: 24px; } .login #sign-in li.forgotten { margin-bottom: 0; } .login #sign-in li.forgotten a { font-size: 11px; text-decoration: underline; text-transform: capitalize; line-height: normal; } .login #sign-in .signup { border-top-width: 1px; padding-top: 10px; margin-top: 10px; } .login #sign-in .signup p:first-child { text-align: left; display: inline-block; } .login #sign-in .note { display: none; } .login.on #sign-in { display: block; } .nav-trigger { display: inline-block; height: 10px; width: 10px; background-color: #aea8a5; } /*ajax cart*/ .header-cart-summary { margin-top: -3px; } .header-cart-summary > a { display: none; } .header-cart-summary .ajax-content { width: 330px; position: absolute; top: 0; right: 0; z-index: 10; font-size: 14px; background: #FFFFFF; clear: both; padding: 10px; -webkit-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); -moz-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); } .header-cart-summary .ajax-content .next-previous a { width: 100%; margin-bottom: 0; } .header-cart-summary .ajax-content .click-and-collect { display: none; } .header-cart-summary .ajax-content h3 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #bcbdc0; } .header-cart-summary .ajax-content tr:not(.modified-item) { display: none; } .header-cart-summary .summary-table td { margin: 5px 0 0 0; } .header-cart-summary .summary-table p { margin-bottom: 0; } .header-cart-summary .summary-table td.pricing { margin-top: 0; } .header-cart-summary .summary-table .total:before { content: "Item Sub Total: "; } .header-cart-summary .summary-table .total { margin-bottom: 10px; } .header-cart-summary .summary-table .item-detail, .header-cart-summary .summary-table .qty, .header-cart-summary .summary-table .pricing, .header-cart-summary .summary-table .total { float: right; clear: right; width: 70%; max-width: none; text-align: left; } .header-cart-summary .summary-table p.price { font-family: "open_sanssemibold"; } .header-cart-summary .summary-table .item-detail span, .header-cart-summary .summary-table p.price, .header-cart-summary .summary-table td { text-transform: uppercase; font-size: 12px; } .header-cart-summary .summary-table .click-and-collect { padding: 10px 0; } .header-cart-summary .summary-table .click-and-collect h4 { margin-bottom: 0; font-size: 18px; text-transform: uppercase; } .header-cart-summary .summary-table .click-and-collect p { text-transform: none; } .header-cart-summary .summary-table .click-and-collect .popover-title { background-color: #FFFFFF; border-bottom: 0; padding: 13px 12px 0 22px; color: #000000; font-weight: normal; } .header-cart-summary .summary-table #main .cc-delivery-method .tab-content li { width: 100%; } .header-cart-summary .subtotal span:nth-child(2), .header-cart-summary .gstonorder span:nth-child(2) { color: #000000; } .header-cart-summary .gstonorder span, .header-cart-summary .subtotal span { font-family: "open_sanssemibold"; } .header-cart-summary > h3 { border-bottom-width: 1px; padding-bottom: 10px; margin-top: 10px; } .header-cart-summary h4 { margin-top: 0; } .header-cart-summary h4 a { color: #000000; font-family: "open_sanssemibold"; font-size: 14px; display: inline-block; } .header-cart-summary h4 a:hover { color: #aea8a5; } .header-cart-summary table { width: 100%; } .header-cart-summary thead { display: none; } .header-cart-summary tr { border-bottom-width: 1px; padding-right: 8%; display: block; position: relative; padding-bottom: 10px; margin-bottom: 10px; } .header-cart-summary tr:before, .header-cart-summary tr:after { content: ""; display: table; } .header-cart-summary tr:after { clear: both; } .header-cart-summary td { border: 0; padding: 0; } .header-cart-summary .item { width: 100%; display: block; } .header-cart-summary .item a { font-weight: bold; } .header-cart-summary .item figure { margin-right: 10px; width: 60px; } .header-cart-summary .next-previous a { width: 100%; margin: 10px 0 5px; } .header-cart-summary .qty:before { content: "Qty: "; } .header-cart-summary td.actions li.remove { position: absolute; top: 5px; right: 0; } .header-cart-summary td.actions li.remove a { width: 20px; display: inline-block; overflow: hidden; height: 20px; } .header-cart-summary .cart-total { margin-top: 0; width: 100%; } .header-cart-summary .cart-total span.hint { font-weight: normal; } .header-cart-summary .cart-total .hint { font-size: 12px; } .header-cart-summary .loading, .login #sign-in.loading { min-height: 40px; background: #FFFFFF url(ajax-loader.gif) center no-repeat; display: block; position: absolute; } .header-cart-summary.on .ajax-content { display: block; } .loggedin .logout, .loggedin .account, .loggedin .history { padding-top: 0; } .header-account a { font-family: "open_sanslight"; } #header-nav .header-nav-container li.active.with-children > a, #header-nav .header-nav-container > ul > li.on > a, #header-nav .header-nav-container > ul > li:hover > a { border-bottom: none; } /* Header Search */ .header-search { width: 100%; padding: 15px 15px 0; } #search-menu { background-color: #f4f2f2; position: relative; } #search-menu label { display: none; } #search-menu input { padding: 0 50px 0 10px; width: 100%; height: 38px; border: 0; border-radius: 0; background-color: #f4f2f2; font-size: 16px; } #search-menu button { width: 40px; height: 38px; background: url(sprite.png) center 14px no-repeat #edd6c4; text-indent: -9999px; padding: 10px 20px; float: right; position: absolute; right: 0; background-size: 60px; } #search-menu.in { margin-bottom: 15px; } .autocomplete { position: absolute; width: 100%; left: 0; background: #FFFFFF; z-index: 2; border-top-width: 1px; -webkit-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); -moz-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); } .autocomplete .description { width: 250px; } .autocomplete .item { width: 100%; } .autocomplete .item .style-number { display: none; } .autocomplete .offer, .autocomplete .buy-now, .autocomplete .colours, .autocomplete .reviews, .autocomplete .options, .autocomplete .quickview { display: none; } .autocomplete .item figure, .autocomplete h4, .autocomplete .reviews, .autocomplete .pricing { display: block; } .autocomplete .item { margin-top: 0; } .autocomplete .item figure { position: relative; margin-right: 10px; width: 73px; float: left; } .autocomplete .item figure > a > img { width: 75px; border: 0; } .autocomplete .item-detail { float: right; width: 70%; } .autocomplete h4 a { margin: 0; color: #000000; } .autocomplete h4 a:hover { color: #aea8a5; } .autocomplete > li { border-width: 0 1px; } .autocomplete li { margin-bottom: 0; } .autocomplete li:before, .autocomplete li:after { content: ""; display: table; } .autocomplete li:after { clear: both; } .autocomplete li h3, .autocomplete li p { margin: 0; } .autocomplete li li { padding: 5px; border-bottom-width: 1px; } .autocomplete li li:hover { background: #e7e5e4; } .autocomplete .thumbnail { float: left; margin: 0 10px 0 0; } .autocomplete .thumbnail img { width: 30px; } .autocomplete .view-all li:hover { background: #FFFFFF; } .autocomplete .view-all a { text-align: center; display: block; padding: 10px 20px; text-decoration: none; } .autocomplete .articles h4 { width: auto; float: none; font-size: 14px; color: #000000; } .autocomplete .products { padding: 0; } .autocomplete a:hover, .autocomplete .articles h4:hover { color: #000000; } /* Header content 3 */ .content.header-bottom { background-color: #aea9a6; width: 100%; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { #account-menu > li > a { border-right: 1px solid #101820; } #account-menu > li.account a:after, #account-menu > li.wishlist a:after { content: ''; margin-left: 5px; display: inline-block; height: 14px; vertical-align: middle; } #account-menu > li.account a:after { background: url(sprite.png) 50% -382px no-repeat; background-size: 21px; margin: 0 0 0 5px; width: 17px; opacity: 0.5; } #account-menu > li.wishlist a:after { background: url(sprite.png) no-repeat left -534px; background-size: 32px; width: 14px; } #currency-menu .fake-select { margin-top: -5px; width: 70px; } .header-cart-summary, .page-header-container ul li a, .header-cart-summary .badge { font-size: 10px; } #page-header { border-width: 0; } #page-header .page-header-container { width: 100%; padding: 0 15px; position: relative; font-size: 10px; margin-bottom: 0; } #page-header .page-header-container .header-search { width: 40%; padding: 0; margin-top: 10px; clear: right; float: right; } #page-header .page-header-container .header-account > ul > li:first-child, #page-header .page-header-container .header-options > ul > li:first-child { margin-left: 0; } #page-header .page-header-container .logo { clear: left; border: 0; float: left; width: 50%; padding: 15px 0; } #page-header .page-header-container .logo a { max-width: 400px; height: 44px; } #page-header .page-header-container .header-account { width: 51%; padding-right: 20px; } #page-header .page-header-container .header-account #currency-menu { display: block; } #page-header .page-header-container .header-account ul { background-color: transparent; } #page-header .page-header-container .header-account ul#account-menu li { background-color: transparent; padding: 0; border: 0; } #page-header .page-header-container .header-account ul#account-menu li > a { padding: 0 10px; line-height: 12px; } #page-header .page-header-container .header-account ul#account-menu li:first-child a { padding-left: 0; } #page-header .page-header-container a { text-decoration: none; font-family: "open_sanssemibold"; text-transform: uppercase; } #page-header .page-header-container .forgotten a { margin-bottom: 10px; } #page-header .page-header-container .forgotten a:hover { color: #aea8a5; text-decoration: none; } #page-header .content.header-top { display: inline-block; float: left; } #page-header .content.header-top ul { margin: 0; } #page-header .content.header-top ul li { float: left; } #page-header .content.header-top ul li a { padding: 0 10px; } #page-header .content.header-top ul li:first-child a { border-right: 1px solid #101820; padding-left: 0; } #page-header .content.header-middle { clear: both; } #page-header .mobile-triggers, #page-header .mobile-trigger { display: none; } #page-header #header-nav { position: relative; top: auto; display: block; } #page-header #header-nav .container ul ul { display: none; } #page-header #header-nav #currency-menu { display: none; } #page-header #header-nav .header-nav-container { width: 100%; padding: 0 0 3px 0; } #page-header #header-nav .header-nav-container ul { text-align: center; z-index: 100; padding-bottom: 14px; position: relative; } #page-header #header-nav .header-nav-container ul > li { border: 0; display: inline-block; float: none; padding: 0; position: initial; } #page-header #header-nav .header-nav-container ul > li ul { display: inline-block; width: 50%; padding: 20px 0; float: left; } #page-header #header-nav .header-nav-container ul > li ul li { width: 100%; } #page-header #header-nav .header-nav-container ul > li ul li a:hover { color: #d5b193; } #page-header #header-nav .header-nav-container .content.nav-flyout { display: inline-block; width: 49%; border-left: 1px #edecec solid; } #page-header #header-nav .header-nav-container .goeshome { display: none; } #page-header #header-nav .header-nav-container ul > li > a, #page-header #header-nav .header-nav-container ul > li > .structural { padding: 4px 20px 10px 20px; border-bottom: 3px solid #FFFFFF; font-size: 16px; background: #FFFFFF; cursor: pointer; } #page-header #header-nav .header-nav-container ul > li > a:hover, #page-header #header-nav .header-nav-container ul > li > .structural:hover { color: #d5b193; } #page-header #header-nav .header-nav-container ul > li.on > a, #page-header #header-nav .header-nav-container ul > li.on > .structural { color: #d5b193 !important; font-family: "open_sanssemibold"; } #page-header #header-nav .header-nav-container .active .submenu { position: absolute; left: 0; right: 0; margin: 0 auto; background: #FFFFFF; width: 815px; text-align: left; z-index: 10; border-top: 1px #edecec solid; } #page-header #header-nav .header-nav-container ul > li ul > li > a, #page-header #header-nav .header-nav-container ul > li ul > li > .structural { color: #000000; padding: 10px; border: 0; font-size: 14px; } #page-header #header-nav.dropdown.in { background: none; } #page-header #header-nav .submenu-content { padding-bottom: 0; } #sign-in input { width: 100%; } .header-account, .header-cart { margin-top: 15px; } .header-cart { display: block; width: 40%; } .header-cart-summary { display: block; float: right; } .header-cart-summary > a { display: block; } .header-cart-summary .summary-amount, .header-cart-summary .badge { font-family: "open_sanslight"; } .header-cart-summary .badge:before { content: "("; } .header-cart-summary .badge:after { content: ")"; } .header-cart-summary > a { padding: 0; background-size: 30px; } .header-cart-summary > a:after { content: ''; background: url(sprite.png) 50% -83px no-repeat; display: inline-block; background-size: 21px; width: 20px; height: 20px; vertical-align: middle; margin: -5px 0 0 5px; } .header-cart-summary.on { margin-top: -3px; } .header-cart-summary.on .loading .ajax-content { display: none; } .header-cart-summary.on .ajax-content { top: 21px; } .header-cart-summary .ajax-content:not(.modified-item) tr { display: block; } .header-cart-summary .badge { color: #101820; height: 20px; } .header-account ul, #header-nav ul, #search-menu { display: block; visibility: visible; } .header-account > ul > li, .header-options > ul > li, #header-nav .container > ul > li { float: left; } .header-account ul { padding-top: 8px; } .header-account a:hover { color: #101820; } .header-account ul#account-menu { padding-top: 0; float: left; } .header-account ul#account-menu li > a { line-height: 43px; } .header-account ul#account-menu li:last-child > a { border-right: 0; } .header-account ul#account-menu .password label, .header-account ul#account-menu .email label { width: 100%; } .header-cart > a { float: right; margin: 20px; } .nav-trigger, .m-nav-links { display: none; } #search-menu { float: none; height: 40px; border: 1px solid #edecec; border-radius: 0; } .autocomplete { display: block; } .autocomplete .products { padding: 11px 40px; } .autocomplete li li { padding: 10px; } /* Currency Menu */ #currency-menu .selected { height: 22px; background: #f4f2f2 url(sprite.png) 51px -407px no-repeat; background-size: 35px; margin-bottom: 2px; font-size: 12px; } #currency-menu .selected img { display: none; } #currency-menu .open ul { float: left; padding-left: 0; border: 0; width: 70px; -webkit-box-shadow: 0 5px 16px 0 rgba(204, 204, 207, 0.31); -moz-box-shadow: 0 5px 16px 0 rgba(50, 50, 51, 0.31); box-shadow: 0 5px 16px 0 rgba(163, 163, 163, 0.31); } .summary-table .item-detail .click-and-collect h4 { text-transform: uppercase; font-size: 14px; } } /*** tablet only ***/ @media (min-width: 768px) and (max-width: 1200px) { #page-header .page-header-container .logo a { margin: 0; } } @media (min-width: 1200px) { #page-header .header-cart-summary, #page-header .page-header-container ul li a, #page-header .header-cart-summary .badge { font-size: 11px; } #page-header .page-header-container { padding: 0 30px; } #page-header .page-header-container .logo { width: 100%; margin: 0 auto; text-align: center; float: none; padding-top: 5px; } #page-header .page-header-container .header-cart, #page-header .page-header-container .header-search { width: 30%; } #page-header .page-header-container .header-search { padding: 0; margin-top: -58px; } #page-header .page-header-container .header-search #search-menu input { width: 85%; } #page-header .page-header-container .header-account ul#account-menu li > a { padding: 0 20px; } #header-nav .header-nav-container { padding: 20px 0 0; } #header-nav .header-nav-container .active .submenu { max-width: 815px; } #header-nav .header-nav-container .submenu li a { padding: 10px 15px; } #header-nav .header-nav-container ul > li > a, #header-nav .header-nav-container ul > li > .structural { font-size: 16px; } } @media (min-width: 1400px) { .header-cart, .header-search { width: 26%; } #page-header .page-header-container .logo a { max-width: 485px; } } /* ========= HEADER COMPONENT END ========= */ /* ========= BREADCRUMB COMPONENT ========= */ #breadcrumbs { display: none; border-bottom: 1px #c4c4c4 solid; } .breadcrumb-container { padding: 11px 0; } .breadcrumb-container .sort-by li, .breadcrumb-container .sort-by h2 { border-bottom: 0; } .breadcrumb-container .breadcrumb { padding: 0; margin-bottom: 0; list-style: none; z-index: 1;} .breadcrumb-container .breadcrumb a:hover { color: #000000; text-decoration: none; } .breadcrumb-container .breadcrumb > li { font-size: 12px; display: inline-block; text-transform: uppercase; } .breadcrumb-container .breadcrumb > li + li:before { content: "/ "; padding: 0 3px 0 10px; color: #aea8a5; } .breadcrumb-container .breadcrumb > .active * { color: #aea8a5; } .breadcrumb-container .breadcrumb li, .breadcrumb-container .breadcrumb a { color: #aea8a5; } .breadcrumb-container .breadcrumb a { text-decoration: none; } /* Cart pages */ .cartpage.loggedin #breadcrumbs .login { display: none; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { #breadcrumbs { display: block; } #breadcrumbs h1 { font-size: 32px; } } @media (min-width: 1200px) { .breadcrumb-container .breadcrumb { padding: 18px 0 18px; } #breadcrumbs h1 { position: absolute; left: 0; right: 0; } } /* ========= BREADCRUMB COMPONENT END ========= */ /* ========= LEFT NAV COMPONENT ========= */ .cataloguepage #left-nav .menu.dynamic li, .searchpage #left-nav .menu.dynamic li, .infopage #left-nav .menu.dynamic li { display: none; } .cataloguepage #left-nav .left-nav-container .menu > ul > li.on > a, .cataloguepage #left-nav .left-nav-container .menu li.on > span, .searchpage #left-nav .left-nav-container .menu > ul > li.on > a, .searchpage #left-nav .left-nav-container .menu li.on > span, .infopage #left-nav .left-nav-container .menu > ul > li.on > a, .infopage #left-nav .left-nav-container .menu li.on > span { font-family: "open_sanssemibold"; border-bottom-width: 1px; padding-bottom: 10px; display: block; text-transform: uppercase; color: #000000; display: none; } .cataloguepage #left-nav .sort-by h2, .cataloguepage #left-nav .filter-by h2, .searchpage #left-nav .sort-by h2, .searchpage #left-nav .filter-by h2, .infopage #left-nav .sort-by h2, .infopage #left-nav .filter-by h2 { position: relative; margin: 0px; padding: 15px 13px; } .cataloguepage #left-nav .sort-by .filter ul, .cataloguepage #left-nav .sort-by > div > .info-container, .cataloguepage #left-nav .filter-by .filter ul, .cataloguepage #left-nav .filter-by > div > .info-container, .searchpage #left-nav .sort-by .filter ul, .searchpage #left-nav .sort-by > div > .info-container, .searchpage #left-nav .filter-by .filter ul, .searchpage #left-nav .filter-by > div > .info-container, .infopage #left-nav .sort-by .filter ul, .infopage #left-nav .sort-by > div > .info-container, .infopage #left-nav .filter-by .filter ul, .infopage #left-nav .filter-by > div > .info-container { padding: 0px 18px; } .cataloguepage #left-nav .menu li.on, .cataloguepage #left-nav .menu li.on li, .searchpage #left-nav .menu li.on, .searchpage #left-nav .menu li.on li, .infopage #left-nav .menu li.on, .infopage #left-nav .menu li.on li { display: inline-block; margin: 0px 10px 0px 10px; } #left-nav { padding: 0; font-size: 14px; } #left-nav .content { margin-bottom: 10px; } #left-nav .menu { display: none; padding: 0 20px 0 0; } #left-nav .menu > ul { padding: 0; } #left-nav .menu ul ul li > ul { margin-left: 15px; } #left-nav .menu ul li li.on > a { font-family: "open_sanssemibold"; color: #d5b193; } #left-nav .menu li { /*padding:5px 0 0;*/ } #left-nav .filter-by { margin-top: 10px; } #left-nav .filter-by h2 { margin-bottom: 0; border-bottom: 0; padding-bottom: 15px; } #left-nav .filter-by .filter h3 { margin: 0; padding: 13px 0; border-top-width: 1px; cursor: pointer; font-size: 14px; } #left-nav .filter-by .filter > li { padding: 10px 0; } #left-nav .filter-by .filter ul li { padding: 2px 0; } #left-nav .filter-by .filter ul li a { color: #000000; } #left-nav .filters { margin-top: 5px; margin-bottom: 20px; position: relative; } #left-nav .filters:before, #left-nav .filters:after { content: ""; display: table; } #left-nav .filters:after { clear: both; } #left-nav .filters h2, #left-nav .filters h3:not(:first-child), #left-nav .filters li, #left-nav .filters > h3, #left-nav .filters .sort-label, #left-nav .filters .filter-label { font-size: 14px; padding: 10px 0 10px 13px; margin: 0; position: relative; } #left-nav .filters > h3 { padding: 13px 0; margin: 0; text-transform: none; cursor: pointer; } #left-nav .filters .filter { margin-bottom: 0; position: relative; } #left-nav .filters .filter h3 { cursor: pointer; text-transform: uppercase; } #left-nav .filters .filter li a:hover { text-decoration: none; } #left-nav .filters .filter li > a:before, #left-nav .filters .filter-by li.on .title:before { content: " "; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border: 1px solid #edecec; border-radius: 0; } #left-nav .filters .filter li.on .title:before, #left-nav .filters .filter li.on > a:before, #left-nav .filters .filter li > a:hover:before { border-color: #000000; background-color: #000000; } #left-nav .filters .filter-by, #left-nav .filters .sort-by { display: block; clear: both; border-width: 1px; } #left-nav .filters .filter-title { display: block; cursor: pointer; } #left-nav .filters .fake-select, #left-nav .filters .fake-select ul { width: 100%; } #left-nav .filters .fake-select { float: none; } #left-nav .filters .fake-select .selected { background: url(/Assets/sprite.png) no-repeat 96% -338px; background-size: 20px; } #left-nav .filters .filter-by .filter ul li:last-child { padding-bottom: 10px; } .count { display: inline-block; padding-left: 5px; } .count:before { content: "("; } .count:after { content: ")"; } .accountpage #left-nav li.on > a { color: #000000; font-family: "open_sanssemibold"; } /*** DESKTOP ***/ @media (min-width: 768px) { .cataloguepage #left-nav { /*margin-top: 20px;*/ } #left-nav { width: 100%; /*float: left;*/ /*margin-left: 0;*/ /*margin-right: 7%;*/ } #left-nav .menu { display: block; margin-bottom: 30px; text-align: center; } #left-nav .menu li ul li a { text-decoration: none; text-transform: uppercase; text-align: center; font-size: 14px; font-family: "open_sanslight"; } #left-nav .menu li ul li a:hover { color: #d5b193; } .filter-by .filter:last-child { border-bottom-width: 1px; } #left-nav .filters { border-top: none; border-bottom: none; margin-bottom: 20px; padding: 0; } #left-nav .filters > .collapse { display: block; visibility: visible; height: auto !important; } #left-nav .filters > h3, #left-nav .filters .sort-by { display: none; } #left-nav .filters .filter-by > h2, #left-nav .filters .filter-by h3 { font-size: 14px; } #left-nav .filters .filter-by .filter ul li:last-child { padding-bottom: 10px; } .left-nav-container { padding: 0; } .left-nav-container .filters.filter > h3 > .eso-accordion-indicator:first-of-type { position: absolute; top: 18px; right: 0px; } } /* ========= LEFT NAV COMPONENT END ========= */ /* ========= FOOTER COMPONENT ========= */ #page-footer .page-footer-container { width: 100%; } #page-footer .content { clear: both; width: 100%; } #page-footer .content.footer-top { padding-bottom: 0px; /*.row{ // display: flex; // width: 100%; border-style: solid; border-top: thin double $bcolor; a {font-family: $light} >:first-child{ border-bottom: thin double $bcolor; >h2{ font-size: $basefont +8; } } > div{ justify-content: center; text-align: center; text-transform: uppercase; padding-bottom: 35px; >h2{ font-family:$bold; margin-bottom: 0px; font-size: $basefont + 2; margin-top: 40px; } >h3{ text-decoration: underline; font-size: $basefont + 2; margin: 5px; } >form { >h2{ margin-bottom: 10px; font-size: $basefont + 2; margin-top: 35px; } >input{ background-color:$bcolor; border: thin double $concrete-grey; padding: 14px; text-align: center; width: 90%; max-width: 350px; height: 40px; font-size: $basefont + 2; font-family: $light; margin: 0 auto; border-radius: 0; margin-bottom: 10px; } >button{ background-color: $mnrBtn; border-radius: 0; width: 90%; max-width: 350px; height: 40px; padding: 0px; margin: 0 auto; font-size: $basefont + 2; font-family: $light; color: $black; } } } }*/ } #page-footer .content.footer-bottom { background-color: #edecec; margin: 0 auto; width: 100%; padding: 15px 0px 30px 0px; /*> ul {margin-bottom: 20px;} ul{ display: flex; justify-content: space-between; width: 100%; max-width: 300px; margin: 0 auto; li { img{ cursor: pointer; margin-bottom: 10px; width: 60px; height: 60px; &:hover{opacity: 0.8;} } } }*/ } .page-footer-container { margin: 0px !important; padding: 0px !important; } .footer-nav-container > ul { background-color: #edecec; padding: 20px 40px; margin-bottom: 0px; } .footer-nav-container > ul > li { padding: 5px 0; position: relative; border-bottom-width: 1px; border-bottom-color: #aea8a5; font-size: 16px; /*font-family: "open_sanslight";*/ font-family: "open_sanslight"; } .footer-nav-container > ul > li > a, .footer-nav-container > ul > li > span { font-size: 19px; text-transform: uppercase; } .footer-nav-container li a, .footer-nav-container li span { display: inline-block; padding: 5px 0; color: #1c1e29; text-decoration: none; text-transform: uppercase; } .footer-nav-container li span { cursor: pointer; } .estar .container { text-align: center; padding: 20px 0; font-size: 14px; } .estar .container p { font-size: 14px; padding: 5px; } .estar .container a { color: #1c1e29; text-decoration: none; } .estar .container ul { list-style: none; /*font-size: $basefont - 10;*/ text-transform: uppercase; font-family: "open_sanssemibold"; font-size: 16px; } .estar .container ul li { display: inline; padding: 0px 10px 0px 10px; border-right: 1px solid #000000; } .estar .container ul li:last-child { border-right: none; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { #footer-nav { float: left; width: 100%; background-color: #edecec; padding-bottom: 15px; } /*#page-footer .content.footer-top { .row{ width: 100%; border-bottom: thin double $bcolor; margin-bottom: 20px; >:first-child{ border-bottom: none; border-right: thin double $bcolor; margin-top: 15px; height: 157px; padding: 10px; >h2{font-size: $basefont +10;} } >div{ >h2 {font-size: $basefont +2;} >h3 {font-size: $basefont +6;} >form{ >h2 {font-size: $basefont +2;} >input {font-size: $basefont +2;} >button {font-size: $basefont +2;} } } } }*/ #page-footer .content.footer-bottom { float: right; width: 20%; clear: none; max-width: 220px; margin-right: 40px; /*ul li img{ width: 50px; height: 50px; }*/ } .footer-nav-container > ul { border-top-width: 0; margin: 0; } .footer-nav-container .eso-accordion li ul li a { color: #1c1e29; font-family: "open_sanssemibold"; font-size: 13px; } .footer-nav-container .eso-accordion li ul li a:hover { color: #aea8a5; } .footer-nav-container .collapse.eso-accordion { display: block; visibility: visible; height: auto !important; } .footer-nav-container .collapsing.eso-accordion { height: auto !important; } .footer-nav-container > ul > li { width: 25%; float: left; border: 0; } .footer-nav-container > ul > li span { cursor: default; font-size: 16px; } .footer-nav-container > ul > li span.eso-accordion-indicator { display: none; } .estar .container { font-size: 13px; text-align: left; width: 100%; padding: 15px 40px 40px 40px; } .estar .container p { display: inline; font-size: 13px; } .estar .container p:before { content: " | "; } .estar .container ul { float: right; } .estar .container ul li a { font-size: 13px; } } @media (max-width: 992px) and (min-width: 768px) { /*#page-footer .content.footer-top { .row{ >:first-child{border-bottom: thin double $bcolor;} } }*/ } /*** DESKTOP ***/ @media (min-width: 1200px) { .footer-nav-container, #page-footer .content { padding: 0; } } /* ========= FOOTER COMPONENT END ========= */ /* ========= CATALOGUE LISTING COMPONENT ========= */ .page-container p img .cat-top p { display: none; } .cataloguepage .compare { display: none; } .cataloguepage .style-number { display: none; } .cataloguepage .fake-select ul li { font-size: 13px; } .cataloguepage .fake-select { /*span{vertical-align: baseline}*/ } .cataloguepage .fake-select li { padding: 0 23px 0 12px; } .cataloguepage .fake-select li > span { width: auto !important; padding: 0; } .cataloguepage .fake-select li > a { padding: 0; } .cataloguepage .fake-select li.on { visibility: visible; height: auto; } .cataloguepage .fake-select.single .selected { background: none !important; border-width: 1px; } .cataloguepage .toolbar { display: none; } .cataloguepage.jqueryloaded .toolbar { display: block; } /*** tool bar filters ***/ .toolbar:before, .toolbar:after { content: ""; display: table; } .toolbar:after { clear: both; } .toolbar .filters { display: inline-block; margin-bottom: 10px; font-size: 14px; } .toolbar .filters .sort-by .filter, .toolbar .filters .sort-by h2 { display: inline-block; vertical-align: middle; margin: 0 0 0 0; } .toolbar .filters .sort-by h2 { padding: 0 5px 0 0; /*margin: 4px 0 0;*/ font-size: 11px; } .cataloguepage #toolbar-filter-category, .cataloguepage #leftnav-filter-category { display: none; } /***accordian menu***/ .toolbar .menu, .toolbar .active-filters, .toolbar .filters { display: none; } #left-nav { /*margin-top: 10px;*/ } #left-nav .filter h3 { text-transform: uppercase; text-decoration: none; color: #1c1e29; } #left-nav .left-nav-container > .filters > h3 { display: none; } #left-nav .filters { text-align: left; line-height: 1.6; } #left-nav .filters a { text-decoration: none; font-size: 16px; line-height: 30px; } #left-nav .filters .sort-by h2 > .eso-accordion-indicator, #left-nav .filters .filter-by h2 > .eso-accordion-indicator { top: 7px; } #left-nav .filters .filter li.on .title:before, #left-nav .filters .filter li.on > a:before, #left-nav .filters .filter li > a:hover:before { background-color: #edd6c4; border-color: #edd6c4; } #left-nav .filters .filter li > a:before, #left-nav .filters .filter-by li.on .title:before { background-color: #e7e5e4; } .cataloguepage .eso-accordion-indicator { right: 10px; top: 5px; } /***accordian menu end***/ .result-summary { display: none; float: left; margin-top: 10px; } .featured { clear: both; margin-top: 15px; padding-top: 15px; border-bottom-width: 1px; border-top-width: 1px; } .featured .item { margin-top: 0; } .featured h2 { font-size: 18px; } .item figure img { width: 100%; border-bottom: 1px solid #c4c4c4; padding-bottom: 35px; } .item h4 a { font-size: 13px; color: #181c27; text-decoration: none; text-transform: uppercase; font-family: "open_sanslight"; } .item .item-brand { display: none; position: absolute; right: 0; top: -45px; height: 30px; text-indent: -9999px; } .item .item-brand img { height: 100%; display: block; } .item .options { clear: both; position: absolute; bottom: 0; /*width: 100%;*/ right: 0; padding: 5px 0; } .item .options:before, .item .options:after { content: ""; display: table; } .item .options:after { clear: both; } .item .options .add-wishlist { text-decoration: none; background: url(sprite.png) no-repeat left -838px; background-size: 50px; width: 19px; height: 19px; position: relative; float: right; text-indent: -9999px; padding: 0; margin-bottom: 6px; } .item .options .selected, .item .options .added { background: url(sprite.png) no-repeat left -872px; background-size: 50px; } .item .options a + a { margin-left: 10px; } .item .item-asset { clear: both; } .item .quickview { background-color: #e7e5e4; opacity: 0.9; border: 1px solid #ccc; width: 50%; min-width: none; height: 30px; padding: 0px 0px 0px 0px; display: none; margin-top: -30px; position: relative; z-index: 1; } .item .quickview a, .item .quickview a:hover { text-decoration: none; color: #1c1e29; font-size: 12px; } .item .quickview :hover { color: #000000; } .item .buy-now { display: none; } .item .buy-now button, .item .quickview .btn, .item .options a { width: 100%; } .item .colours { margin-top: 15px; } .item .colours:before, .item .colours:after { content: ""; display: table; } .item .colours:after { clear: both; } .item .colours li { float: left; margin: 0 5px 5px 0; border: 1px solid #FFFFFF; border-radius: 0; border-color: #d0d0d0; border-radius: 100px; } .item .colours li.on { border-color: #939393; border-radius: 100px; } .item .colours li span { display: none; } .item .colours li img { width: 40px !important; height: 40px; display: block; border: 3px solid #FFFFFF; border-radius: 0; border-radius: 100px; } .item .colours li.no-image { display: none; } .item .price { font-size: 13px; } .item .offer { background-color: #edd6c4; /*height: 30px;*/ padding: 10px; text-transform: uppercase; font-size: 13px; text-align: center; margin-top: 15px; margin-bottom: 15px; } .item .offer a { text-decoration: none; } #main .products { padding-bottom: 20px; /*border-bottom: 1px solid $bcolor;*/ margin-bottom: 20px; } #main .products:before, #main .products:after { content: ""; display: table; } #main .products:after { clear: both; } #main .products .item { width: 48%; float: left; margin-left: 4%; margin-bottom: 10px; } #main .products .item .quickview a { line-height: 30px; height: auto; padding: 0; } #main .products .btn { min-width: 100%; padding: 6px; } #main .products .btn a:hover { color: #000000; } #main .products .item:nth-of-type(2n+1) { clear: both; margin-left: 0%; } #main .products .next_link { clear: both; } .loading-message { text-align: center; width: 100%; clear: both; display: none; } .loading-message span { display: inline-block; padding-left: 30px; background: url("/Assets/ajax-loader.gif") 0 0 no-repeat; } .next_link + .loading_message { display: block; } /*.bottom .page-numbers {display: none;}*/ /*.bottom .active-filters {display: none;}*/ .bottom .page-numbers { float: right; margin-bottom: 30px; } .page-numbers { display: block; margin-bottom: 10px; font-size: 16px; text-align: center; width: 100%; } .page-numbers:before, .page-numbers:after { content: ""; display: table; } .page-numbers:after { clear: both; } .page-numbers a, .page-numbers span { font-style: normal; width: 100%; padding: 10px 0 0; display: inline-block; text-decoration: none; } .page-numbers .next-prev a { background: url("/images/assetimages/pagenation_prev.png"); background-size: contain; text-indent: -9999px; height: 40px; width: 40px; } .page-numbers .next-prev.next a { background: url("/images/assetimages/pagenation_next.png"); background-size: contain; } .page-numbers .view-all { font-size: 14px; text-transform: uppercase; text-decoration: underline; font-family: "open_sanssemibold"; } .page-numbers p { display: none; } .page-numbers ul { display: flex; width: 100%; justify-content: space-between; max-width: 400px; margin: 0 auto; } .page-numbers li { width: 40px; height: 40px; display: inline-block; } .page-numbers .page-numbers li:first-of-type { margin-left: 0; } .page-numbers .on { font-family: "open_sanssemibold"; color: #aea8a5; } .autoscroll .page_numbers { display: none; } #page-content .compare { display: none; } #page-content .style-number { display: none; } .header-cart-summary figure img { border: none; } #breadcrumbs .breadcrumb-container { /*padding: 15px 0 15px;*/ display: flex; align-items: center; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .cataloguepage .main-container, .cataloguepage .breadcrumb-container { width: 100%; padding: 11px 40px; } .cataloguepage main .content, .cataloguepage .toolbar { /*margin-bottom:20px;*/ } .cataloguepage main .content:before, .cataloguepage main .content:after, .cataloguepage .toolbar:before, .cataloguepage .toolbar:after { content: ""; display: table; } .cataloguepage main .content:after, .cataloguepage .toolbar:after { clear: both; } .cataloguepage #page-content { padding-top: 20px; width: 100%; /*h1:first-child{margin-top: -89px !important;}*/ /*margin-bottom: 40px;}*/ } .cataloguepage #left-nav .filters { display: none; } #main .products .item { margin-left: 2%; border: 1px solid #FFFFFF; border-radius: 0; width: 32%; } #main .products .item:nth-of-type(2n+1) { clear: none; margin-left: 2%; } #main .products .item:nth-of-type(3n+1) { clear: both; margin-left: 0%; } #main .products .item:hover .quickview { color: #1c1e29; display: block; } .item h4 { width: 80%; } .item h4 a { font-family: "open_sanssemibold"; } .item figure img { padding-bottom: 0px; } .item .options { bottom: -30px; } .item .options .add-wishlist { background: url(sprite.png) no-repeat left -837px; background-size: 50px; width: 18px; height: 17px; margin-bottom: 0px; } .item .options .selected, .item .options .added { background: url(sprite.png) no-repeat left -872px; background-size: 50px; } /***toolbar top***/ .toolbar img { display: none; } .toolbar .menu { /*display: block;*/ text-align: center; margin-bottom: 28px; } .toolbar .menu :hover { color: #d5b193; } .toolbar .menu ul li.on a { color: #d5b193; } .toolbar .menu ul li { display: inline-block; margin: 0px 10px 0px 10px; } .toolbar .menu ul li a { text-decoration: none; text-transform: uppercase; text-align: center; font-size: 14px; font-family: "open_sanslight"; } .toolbar .active-filters { display: flex; /*margin-top: 20px;*/ text-transform: uppercase; font-size: 13px; font-family: "open_sanslight"; } .toolbar .active-filters .resetall { font-family: "open_sanslight"; } .toolbar .active-filters .on:before { content: "|"; margin-right: 12px; } .toolbar .active-filters .on:last-child:after { content: "|"; margin-left: 18px; } .toolbar .active-filters h4 { margin: 2px 0 0 0; font-size: 14px; font-family: "open_sanssemibold"; } .toolbar .active-filters ul li { display: inline-flex; margin: 0px 10px 0px 10px; } .toolbar .count { visibility: hidden; width: 13px; padding-left: 12px; } .toolbar .count :after { content: "X"; visibility: visible; display: block; position: absolute; margin-top: -17px; font-family: "open_sanssemibold"; } .toolbar .filters { display: block; float: left; margin-bottom: 0; text-transform: uppercase; width: 100%; } .toolbar .filters > h3 { display: block; } .toolbar .filters .filter-by { display: flex; margin-bottom: 40px; /*max-width: 900px;*/ flex-wrap: wrap; } .toolbar .filters .filter-by h2 { display: none; } .toolbar .filters .filter-by > div { margin-right: 15px; margin-bottom: 10px; min-width: 180px; } .toolbar .filters .filter-by h3 { display: none; } .toolbar .filters .sort-by { float: right; right: 0px; } .toolbar .filters .sort-by li { padding: 0 12px; } .toolbar .filters .sort-by ul { text-decoration: none; } .toolbar .filters .sort-by .fake-select .selected { min-width: 175px; background-position: 160px -343px !important; } .toolbar .filters .filter { /*min-width: 160px;*/ width: auto; border: none; } .toolbar .filters .filter .fake-select { min-width: 180px; background-color: #f9f9fa; } .toolbar .filters .filter .fake-select .selected { border-radius: 0px; background: url(sprite.png) 160px -342px; background-size: 30px; background-repeat: no-repeat; white-space: nowrap; font-size: 13px; } .toolbar .filters .filter .fake-select li .count { display: none; } .toolbar .filters .filter .fake-select li .open ul { background-color: #f9f9fa; } .toolbar .filters .filter .fake-select .on > .count { display: inline-block; right: 0; padding: 0; margin: 0 10px; width: 10px !important; position: absolute; } .toolbar .filters .filter .fake-select li:first-child { border-top: 1px solid #e7e5e4; padding-top: 10px; } .toolbar .filters .filter .fake-select li:last-child { padding-bottom: 10px; } .toolbar .filters .filter .fake-select label, .toolbar .filters .filter .fake-select li > a { text-decoration: none; font-size: 13px; font-family: "open_sanslight"; padding-top: 2px; padding-bottom: 2px; } .filters .filter li.on .title:before, .filters .filter li.on > a:before, .filters .filter li > a:hover:before { content: " "; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border-radius: 0; margin-top: 3px; background-color: #edd6c4; border-color: #edd6c4; } .filters .filter li > a:before, .filters .filter li .filters .filter-by li.on .title:before { background-color: #e7e5e4; } .toolbar .filters .filter .fake-select label, .toolbar .filters .filter .fake-select li > a:before { content: " "; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border-radius: 0; margin-top: 3px; } /*** toolbar top end***/ .top .page-numbers { display: none; } .page-numbers { width: auto; padding: 0; position: relative; margin-bottom: 0; display: inline-flex; margin-left: auto; /*li {padding:5px 0}*/ } .page-numbers span, .page-numbers a { font-size: 12px; } .page-numbers ul { position: relative; left: 0; padding: 0 0 0 15px; /*>:first-child, :last-child{width: 0px;}*/ } .page-numbers .on { /*padding:5px 10px;*/ width: 40px !important; text-align: center; font-family: "open_sanssemibold"; } .page-numbers .view-all { margin-left: 15px; float: left; /*padding-top: 13px;*/ font-size: 12px; } .bottom .active-filters { display: none; } /*.next-prev a{display: none;}*/ } /*** Desktop ***/ @media (min-width: 1200px) { #main .products .item { margin-left: 2%; border: 1px solid #FFFFFF; border-radius: 0; width: 23.5%; /*h4 {width: 75%;}*/ } #main .products .item:nth-of-type(2n+1) { clear: none; margin-left: 2%; } #main .products .item:nth-of-type(3n+1) { clear: none; margin-left: 2%; } #main .products .item:nth-of-type(4n+1) { clear: both; margin-left: 0%; } } /* ========= CATALOGUE LISTING COMPONENT END ========= */ /* ========= SEARCH COMPONENT ========= */ .searchpage { /*.page-numbers {display: none;}*/ /*.page-numbers:only-of-type {display: block;}*/ } .searchpage.products-showing .breadcrumb-container div:nth-of-type(2) { display: none; } .searchpage.articles-showing .breadcrumb-container div:nth-of-type(1) { display: none; } .searchpage p.related a:first-child { padding-left: 8px; } .searchpage .did-you-mean { font-family: "open_sanssemibold"; } .searchpage .zero-results ul a { padding-top: 15px; display: inline-block; } .searchpage .search-info { margin-bottom: 20px; } .searchpage .popular { margin-bottom: 20px; } .searchpage .toolbar { display: none; } .searchpage .alphabet-links { border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; } .searchpage .alphabet-links a { display: inline-block; padding: 6px; } .searchpage .articles .item a { width: 100%; display: block; padding: 10px; margin: 5px auto; font-family: "open_sanssemibold"; border-width: 1px; text-align: center; } .searchpage .articles .item a h4 { font-size: 14px; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .searchpage #left-nav { display: none; } .searchpage .tab-content #left-nav, .searchpage #left-nav .filters .sort-by { display: block; } .searchpage #page-content { padding-bottom: 30px; } .searchpage .toolbar .page-numbers { position: absolute; right: 0; } .searchpage .toolbar.top .page-numbers { top: 30px; } .searchpage .toolbar.bottom .page-numbers { bottom: 8px; } .searchpage .articles { padding: 20px 0; } .searchpage .articles .item { width: 24%; margin: .5%; vertical-align: top; display: inline-block; } .searchpage .articles .item:nth-child(4n) { clear: left; } .searchpage .popular { float: right; } .searchpage #page-content { width: 100%; } .searchpage .toolbar.top { width: 17%; float: left; margin-left: 0; margin-right: 8%; } .searchpage .products { width: 100%; float: none; } .searchpage .related { margin-bottom: 25px; } } /* ========= SEARCH COMPONENT END ========= */ /* ========= PRODUCT DETAIL COMPONENT ========= */ .product:before, .product:after, .alternate-images:before, .alternate-images:after, .reviews:before, .reviews:after, .product-detail .review:before, .product-detail .review:after, .review-group:before, .review-group:after, .cart-options:before, .cart-options:after, .additional-info-links:before, .additional-info-links:after { content: ""; display: table; } .product:after, .alternate-images:after, .reviews:after, .product-detail .review:after, .review-group:after, .cart-options:after, .additional-info-links:after { clear: both; } .productpage { /* MAIN BUTTONS */ } .productpage .content.long-description p { text-align: center; } .productpage .content.long-description > p a { text-transform: uppercase; font-family: "open_sanssemibold"; } .productpage .content.long-description table { width: 100% !important; } .productpage .content.long-description table tbody { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .productpage .content.long-description table tbody tr { display: inline-block; } .productpage .content.long-description table tbody tr td { display: inline-block; } .productpage .content.long-description table tbody tr td h3 { text-transform: none; font-size: 14px; font-family: "open_sanslight"; line-height: 0; margin-right: 5px; } .productpage .content.long-description table tbody tr td:nth-child(2) { display: none; } .productpage #page-content { width: 100%; /*Slick slider*/ } .productpage #page-content .alternate-images { margin: 0; width: 100%; } .productpage #page-content .alternate-images button { height: 40px; width: 40px; } .productpage #page-content .alternate-images button:before { padding: 0; width: 100%; height: 100%; display: block; } .productpage #page-content .alternate-images .video .indicator { background: url(video_play.png) no-repeat center center; position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.7; } .productpage #page-content .alternate-images a { display: block; position: relative; background-size: cover; margin: 0 auto; } .productpage #page-content .alternate-images a:hover, .productpage #page-content .alternate-images a:focus { outline: none; } .productpage #page-content .alternate-images a img { margin: 0 auto; visibility: hidden; } .productpage #page-content .page-container > div > section:first-child { padding-top: 60px; } .productpage #page-content .additional-options .add-wishlist { width: 100%; } .productpage #left-nav { display: none; } .productpage #breadcrumbs .breadcrumb-container { border: none; } .productpage .childproducts .product-img { width: 100%; margin-right: 10%; } .productpage .childproducts .product-img:empty { display: none; } .productpage .childproducts .product-img img { max-height: 744px; } .productpage .childproducts .product-content { width: 100%; float: left; } .productpage .childproducts .product-content .additional-options .add-wishlist { width: 100%; } .productpage .childproducts .product-content h2 a, .productpage .childproducts .product-content h2 { color: #000000; font-size: 20px; } .productpage .childproducts .product-img:empty + .product-content { width: 100%; } .productpage .childproducts .product { border: 1px solid #edecec; margin: 5px 0 20px 0; padding: 20px; } .productpage .childproducts header { font-size: 30px; font-family: "open_sanssemibold"; } .productpage .childproducts .reviews .links a { margin: 0 10px 0 0; } .productpage .childproducts .reviews p { width: 100%; } .productpage .childproducts .product-selector label { display: inline-block; } .productpage .childproducts .product-selector input { float: left; } .productpage .slick-prev, .productpage .slick-next { top: 50%; width: 36px; height: 36px; overflow: hidden; } .productpage .slick-next { right: -15px; } .productpage .slick-prev { left: -15px; } .productpage .slick-prev:before { background-position: -9px -441px; } .productpage .slick-prev:before, .productpage .slick-next:before { padding: 19px 40px; background-size: 60px; background-color: #eeeded; } .productpage .slick-next:before { background-position: -6px -522px; } .productpage .overlay { position: absolute; z-index: 1; } .productpage .overlay.top_left { top: -15px; left: -15px; } .productpage .overlay.top_right { top: -15px; right: -15px; } .productpage .overlay.bottom_left { bottom: -15px; left: -15px; } .productpage .overlay.top_right { bottom: -15px; right: -15px; } .productpage .compare { height: 50px; float: left; margin-top: 15px; } .productpage .compare a { text-align: center; display: block; line-height: 50px; font-family: "open_sanslight"; color: #000000; text-transform: uppercase; text-decoration: none; } .productpage .btn, .productpage .options a { font-size: 20px; } .productpage .btn:hover, .productpage .options a:hover { font-size: 20px; } .productpage .btn.prev, .productpage .new-cust, .productpage .guest, .productpage .compare, .productpage .wishlist .popup-link, .productpage .additional-options a.prev, .productpage .autocomplete li > a, .productpage .summary-block .modify a, .productpage .login #sign-in .options a, .productpage .additional-options > button, .productpage .promo-code button, .productpage .update button, .productpage .reply-link a { font-size: 14px; } .productpage .btn.prev:hover, .productpage .new-cust:hover, .productpage .guest:hover, .productpage .compare:hover, .productpage .wishlist .popup-link:hover, .productpage .additional-options a.prev:hover, .productpage .autocomplete li > a:hover, .productpage .summary-block .modify a:hover, .productpage .login #sign-in .options a:hover, .productpage .additional-options > button:hover, .productpage .promo-code button:hover, .productpage .update button:hover, .productpage .reply-link a:hover { font-size: 14px; } .productpage .form-item.colour ul { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; } .productpage .form-item.colour ul li { margin-right: 20px; background-color: #FFFFFF; position: relative; padding: 1px 1px 0px 1px; display: inline-block; max-height: 44px; border: 1px solid #edecec; border-radius: 45px; } .productpage .form-item.colour ul li:last-child { margin-right: 0; } .productpage .form-item.colour ul li.on { border: 1px solid #101820; border-radius: 45px; } .productpage .form-item.colour ul li input { position: absolute; top: 20%; left: 50%; z-index: -1; } .productpage .form-item.colour ul li img { width: 40px; height: 40px; border: 1px solid #edecec; border-radius: 35px; } .productpage .form-item.colour ul li img + span { display: none; } .productpage .form-item.colour ul li span { font-size: 12px; text-align: center; display: block; padding: 5px 10px 0 10px; line-height: 13px; } .productpage .fake-select { font-size: 16px; width: 100%; } .productpage .fake-select .selected { background-color: #f9f9fa; height: 40px; line-height: 25px; } .productpage label[for="[0][clID]0"] { width: 40px; } .productpage .product-img .pd-video { position: absolute; width: 100%; padding-top: 156.95%; top: 0; z-index: 2; left: 0; background-color: #FFFFFF; border: 1px solid #c4c4c4; border-radius: 0; } .productpage .product-img .pd-video video { width: 100%; height: 100%; position: absolute; right: 0px; top: 0px; } #page-content .product-content { clear: both; border: 1px solid #c4c4c4; border-radius: 0; padding: 15px; } #page-content .product-content h1 { padding-bottom: 15px; line-height: 22px; font-size: 17px; } #page-content .product-content .style-number { color: #aea8a5; display: none; } #page-content .product-content .incentive { text-align: center; } #page-content .product-content .form-item.size { display: inline-block; width: 70%; float: left; } #page-content .product-content .form-item.size ul { margin-bottom: 0; } #page-content .product-content .form-item { margin-bottom: 10px; } #page-content .product-content .form-item:before, #page-content .product-content .form-item:after { content: ""; display: table; } #page-content .product-content .form-item:after { clear: both; } #page-content .product-content .form-item .open ul { display: block; } #page-content .product-content .form-item ul { margin-bottom: 5px; } #page-content .product-content .form-item ul li { margin-bottom: 0; } #page-content .product-content .form-item.quantity { display: inline-block; width: 25%; float: right; position: relative; } #page-content .product-content .form-item.quantity input { text-align: center; font-size: 16px; } #page-content .product-content .form-item.cartbutton { margin-top: 22px; float: left; } #page-content .product-content .form-item.cartbutton button.loading { background-image: url(/Assets/ajax-loader.gif); background-repeat: no-repeat; background-position: 90% center; } #page-content .product-content .form-item.cartbutton, #page-content .product-content .additional-options { display: inline-block; margin: 0; width: 100%; } #page-content .product-content .brand { float: right; } #page-content .product-content .brand span { display: none; } #page-content .product-content .prices { text-align: center; } #page-content .product-content .prices .price { font-size: 16px; text-align: center; font-family: "open_sanssemibold"; } #page-content .product-content .ESO_number_wrapper { text-align: center; } #page-content .product-content .ESO_number_wrapper a { position: absolute; height: 35px; width: 35px; line-height: 30px; text-align: center; font-size: 20px; border: 1px solid #edecec; border-radius: 0; background-color: #f9f9fa; top: 0; color: #000000; transition: background-color 200ms; text-decoration: none; } #page-content .product-content .ESO_number_wrapper a:hover { text-decoration: none; background-color: #aea8a5; } #page-content .product-content .ESO_number_wrapper a.minus { left: 0; line-height: 34px; } #page-content .product-content .ESO_number_wrapper a.plus { right: 0; line-height: 38px; } #page-content .product-content .ESO_number_wrapper .plus, #page-content .product-content .ESO_number_wrapper .minus { display: none; } #page-content .product-content .afterpay-widget .afterpay-price { text-align: center; } #page-content .product-content .afterpay-widget .afterpay-price .price { color: #000000; font-size: 14px; } #page-content .product-content .afterpay-widget .afterpay-moreinfo .popup-link { text-align: center; display: block; } .product-detail .review .date { color: #aea8a5; } .product-detail .reviewer strong { margin-left: 5px; } .product-detail .review { margin-top: 15px; padding-top: 15px; border-top-width: 1px; } .product-detail .additional-options .add-registry-form .add-registry { margin-top: 15px; } .product-detail .additional-options .submitter + .added-to-wishlist { height: 50px; width: 100%; float: left; line-height: 48px; text-align: center; background-color: #edd6c4; font-size: 14px; text-decoration: none; font-family: "open_sanslight"; text-transform: uppercase; } .product-detail .reviews { margin-bottom: 10px; } .product-detail .reviews > h3 { display: none; } .product-detail .reviews .avg { float: left; } .product-detail .reviews .reviewer { float: left; margin-right: 5px; } .product-detail .reviews .comment { clear: both; } .product-detail .reviews .stars-container { float: left; clear: both; } .product-detail .reviews .links, .product-detail .reviews .no-reviews { float: left; margin: 2px 0 0; } .product-detail .reviews .no-reviews { margin-right: 5px; } .product-detail .reviews .no-reviews + .links a { margin-left: 0; } .product-detail .reviews .review-group { clear: both; } .product-detail .additional-info-content .reviews .stars-container { float: none; } .product-detail .additional-info-content .reviews .avg + .btn { float: right; } .product-detail .product-title h2 { text-transform: uppercase; font-size: 36px; } .product-detail .form-item.cartbutton:before, .product-detail .form-item.cartbutton:after { content: ""; display: table; } .product-detail .form-item.cartbutton:after { clear: both; } .product-detail .social-media { display: none; margin-top: 20px; } .product-detail .social-media:before, .product-detail .social-media:after { content: ""; display: table; } .product-detail .social-media:after { clear: both; } .product-detail .social-media > div { float: left; margin-right: 10px; } #body-wrapper .product-detail .links a { margin-left: 10px; } .childproducts a#write-a-review-9 { margin-left: 0 !important; } .additional-options .find-in-store { display: none; } .product .click-and-collect a { transition: background-color 200ms; height: 50px; width: 100%; float: left; line-height: 48px; text-align: center; background-color: #cfd0d2; font-size: 18px; text-decoration: none; font-family: "open_sanslight"; text-transform: uppercase; color: #FFFFFF; } .product .click-and-collect a:hover { background-color: #aea9a6; } .additional-info-links { height: 40px; position: relative; display: block; clear: both; } .additional-info-links li { padding: 0 16px; border-right: 1px #000000 solid; text-transform: uppercase; height: 12px; display: inline-block; line-height: 12px; } .additional-info-links li:first-child { padding-left: 0; } .additional-info-links li:last-child { border-right: 0; } .additional-info-links li a { font-family: "open_sanssemibold"; font-size: 13px; } .additional-info { clear: both; padding-top: 40px; } .additional-info .nav { display: none; margin-bottom: 15px; } .additional-info .info-item { display: block; visibility: visible; margin: 0px 0; } .additional-info .info-item h2 { position: relative; font-size: 14px; font-family: "open_sanssemibold"; text-transform: uppercase; margin: 0; padding: 15px 30px 15px 0; border-top-width: 1px; cursor: pointer; } .additional-info .info-item .info-content { padding-bottom: 15px; display: none; } .additional-info .info-item .animated-content { margin: 20px 0; } .additional-info .info-item.open .animated-content { display: block !important; } .additional-info .info-item.open h2 { background: url(sprite.png) 102% -994px no-repeat; background-size: 40px; } .additional-info .additional-info-content > div { padding: 0; } .add-to-cart { position: relative; } .add-to-cart .availability { color: #aea8a5; display: none; font-family: "open_sanssemibold"; font-size: 12px; } .add-to-cart .cart-options { position: relative; padding: 15px 0; } .add-to-cart .cart-options .form-item > label { text-transform: uppercase; } .add-to-cart .cart-options .form-item.cartbutton button { margin-bottom: 15px; } #main .cross-sell .nav { display: none; } #main .cross-sell .tab-content > div h2 { font-size: 30px; margin-bottom: 20px; text-align: center; padding: 10px; width: 100%; } #main .cross-sell .cross-sell-wrapper > .tab-pane { display: block; } #main .cross-sell .cross-sell-wrapper button { min-width: 0; width: 40px; height: 40px; } #main .cross-sell .cross-sell-wrapper button:before { padding: 0; width: 100%; height: 100%; display: block; } #main .cross-sell .tab-pane { padding: 0; } #main .cross-sell .products { padding: 0; border: none; } #main .cross-sell .products .slide-item { margin: 0; width: auto; } #main .cross-sell .products .item { width: auto; clear: none; margin: 5%; border: none; overflow: visible; float: none; } #main .cross-sell .products .item img { display: block; width: 100%; } #main .cross-sell h2 { text-align: center; padding: 35px 0 40px; } #main .cross-sell .slick-prev, #main .cross-sell .slick-next { top: 17%; } .long-description.has-content:before { content: 'Product Description'; display: block; font-family: "open_sanssemibold"; padding: 15px 0; border-bottom-width: 1px; text-transform: uppercase; margin-bottom: 20px; } .long-description { padding-top: 20px; margin-top: 40px; border-top: 1px #edecec solid; } .product-img { position: relative; width: 100%; } .product-img figure:before, .product-img figure:after { content: ""; display: table; } .product-img figure:after { clear: both; } .product-img .medium-image { display: none; position: relative; } .product-img a > img { position: relative; width: 100%; } .product-img .cross-sell { padding-top: 20px; } .modal .email-a-friend .image, .modal .rating-form .image { margin-bottom: 10px; text-align: center; } .modal .email-a-friend .image img, .modal .rating-form .image img { width: 100%; } .modal .email-a-friend form, .modal .rating-form form { clear: both; padding-top: 10px; } .availability { text-align: left; padding-bottom: 5px; } /*Search aspects*/ .aspects { display: none; margin: 30px 0; } .aspects dt:nth-child(1), .aspects dd:nth-child(2) { border-top-width: 1px; } .aspects dl { margin-bottom: 0; } .aspects dl:before, .aspects dl:after { content: ""; display: table; } .aspects dl:after { clear: both; } .aspects dt, .aspects dd { float: left; border-bottom-width: 1px; padding: 15px 0; } .aspects dt { clear: left; width: 30%; } .aspects dd { width: 70%; } /*Pricing Matrix*/ .full-pricing { margin-bottom: 15px; text-align: center; } .modal .price-matrix .matrix th, .modal .price-matrix .matrix td { border-bottom-width: 1px; } .modal .price-matrix .matrix .available .pricing { cursor: pointer; } .modal .price-matrix th img, .modal .price-matrix .selection img { border: 1px solid #edecec; border-radius: 0; } .modal .price-matrix h4 { float: left; clear: left; } .modal .price-matrix .selection span:first-child, .modal .price-matrix .selection img { margin-right: 5px; } .modal .price-matrix .selection span:first-child { display: inline-block; width: 50px; } .modal .price-matrix .selection img { width: 20px; } .modal .price-matrix thead img + span { display: none; } .modal .price-matrix .row { margin: 0; } .modal .price-matrix table, .modal .price-matrix tbody, .modal .price-matrix tr, .modal .price-matrix td { display: block; } .modal .price-matrix td:before, .modal .price-matrix td:after { content: ""; display: table; } .modal .price-matrix td:after { clear: both; } .modal .price-matrix th, .modal .price-matrix td { padding: 8px 10px; } .modal .price-matrix th, .modal .price-matrix thead { display: none; } .modal .price-matrix p { margin-bottom: 0; } .modal .price-matrix .unavailable .pricing, .modal .price-matrix .unavailable .price { color: #aea8a5; } .modal .price-matrix .pricing h4 { font-size: 14px; } .modal .price-matrix .pricing h4 span + span { margin-left: 5px; } .modal .price-matrix .price { float: right; } .modal .price-matrix .price .now { margin-left: -4px; } .modal .price-matrix .availabilitykey { margin-top: 20px; } /*Quickview Modal Popup*/ .modal-dialog .product-content .form-item, .modal-dialog .product-detail .additional-options { width: 100% !important; } .modal-dialog .fake-select { width: 100%; } .modal-dialog .fake-select .selected { background-position: 186px -350px; } .modal-dialog .fake-select input[type="radio"] { opacity: 0; } .modal-dialog .medium-image { width: 100%; } .modal-dialog .alternate-images { height: 378px; max-height: 378px; display: none; } .modal-dialog .alternate-images li a img { padding-bottom: 5px; } .modal-dialog .product-img .medium-image { width: 100% !important; } .modal-dialog .additional-options { padding-bottom: 10px; } .modal-dialog .form-item.quantity { padding-bottom: 15px; } .modal-dialog .magnify-holder { display: none !important; } .modal-dialog .additional-info-links li { padding: 0 15px; } .modal-dialog .additional-info-links li:first-child { padding-left: 0; } .modal-dialog .additional-info-links li:last-child { padding-right: 0; } .modal-dialog .additional-info-links li a { font-size: 10px; } .modal-dialog .popup-data { border-width: 1px 0; border-style: solid; border-color: #edecec; padding: 0; } .modal-dialog .popup-data > * { padding: 10px 0; } .modal-dialog .popup-data img { max-width: 100%; } .additional-options .add-wishlist { width: 100%; } .ajax-content.productpage .fake-select .selected { background-color: #f9f9fa; } .ajax-content.productpage .ESO_number_wrapper { display: inline-block; width: 100%; position: relative; } .ajax-content.productpage .ESO_number_wrapper input { display: inline-block; height: 35px !important; width: 119px; line-height: 30px; text-align: center; font-size: 20px; border: 1px solid #edecec; border-radius: 0; background-color: #f9f9fa; color: #000000; margin-left: 9px; padding: 0 !important; } .ajax-content.productpage .ESO_number_wrapper a { display: inline-block; text-decoration: none; transition: background-color 200ms; height: 35px; width: 35px; line-height: 30px; text-align: center; font-size: 20px; border: 1px solid #edecec; border-radius: 0; background-color: #f9f9fa; } .ajax-content.productpage .ESO_number_wrapper a:hover { text-decoration: none; background-color: #aea8a5; } .ajax-content.productpage .ESO_number_wrapper a.minus { float: left; } .ajax-content.productpage .ESO_number_wrapper a.plus { float: right; } .ajax-content.productpage .alternate-images li a > img { width: 41px !important; } /*slick slider breakpoint*/ /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .productpage #page-content .product-content { margin-bottom: 60px; } .productpage #page-content .product-content h1 { font-size: 28px; line-height: 34px; } .productpage #page-content .product-content .price { color: #000000; font-size: 22px; } #main h4 button.btn { top: -15px; right: 168px; min-width: 20px; } #main h4 button.btn:hover { background-color: #FFFFFF; } .product-detail .social-media { float: left; clear: left; width: 100%; } .product-detail .form-item.cartbutton { width: 100%; } .product-detail .form-item.cartbutton button { width: 100%; } .product-detail .medium-image, .product-detail .alternate-images { border: 1px solid #c4c4c4; border-radius: 0; } .product-detail .medium-image { display: Block; width: 84.9%; float: right; border: none; } .product-detail .alternate-images { border-width: 0 1px 0 0; padding: 40px 0 40px 0 !important; width: 15% !important; float: left; height: 479px; max-height: 479px; position: relative; margin-bottom: 0; } .product-detail .alternate-images li { clear: both; margin-bottom: 0; height: auto; border: 0; } .product-detail .alternate-images li a { margin: 0 auto 5px !important; background: none !important; padding: 0; width: auto !important; display: block !important; } .product-detail .alternate-images li a > img { visibility: visible !important; width: 47px !important; max-width: 100%; } .product-detail .alternate-images .slick-prev, .product-detail .alternate-images .slick-next { min-width: 0 !important; } .product-detail .alternate-images .slick-prev:before, .product-detail .alternate-images .slick-next:before { background-color: transparent; } .product-detail .alternate-images .slick-prev { top: 0px; left: 50%; margin-left: -20px; } .product-detail .alternate-images .slick-next { top: auto; bottom: 0; right: auto; left: 50%; margin-left: -20px; } .product-detail .alternate-images .slick-next:before { background-position: 8px -777px; } .product-detail .alternate-images .slick-prev:before { background-position: 8px -739px; } .product-detail .alternate-images .slick-track { display: inline-block; } .product-detail .alternate-images .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .product-detail .alternate-images .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .product-detail .alternate-images .video { position: relative; display: block; } .product-detail .alternate-images .video .indicator { background-size: 40px !important; left: 2px; } .product-detail .additional-options { width: 100%; } .product-detail .additional-options .add-registry-form { float: right; width: 47%; } .product-detail .additional-options .add-registry-form button { width: 100%; } .product-detail .additional-options .add-registry { margin-top: 0px; } .product-detail .additional-options .submitter + .added-to-wishlist { font-size: 18px; } #modal-popup .product-detail .links a { margin-right: 5px; } #page-content .product-content h1 { font-size: 14px; } .magnify-zoomed { border-width: 1px; width: 587px !important; } .product-content { clear: none !important; float: right; width: 47%; padding: 30px !important; } .product-content h1 { margin-bottom: 0; padding: 0; } .product-content .reviews { clear: both; } .product-content .form-item.colour { width: 100%; margin-right: 6%; } .product-content .form-item.size { width: 70%; } .product-content .form-item.colour, .product-content .form-item.size { display: inline-block; color: #000000; } .product-content .ESO_number_wrapper { padding: 0; } .product-content .form-item.quantity label { display: block; width: 100%; } .product-img { float: left; width: 50%; } .product-img figure { border: 1px solid #c4c4c4; } .modal .rating-form .image, .modal .email-a-friend .image { float: left; width: 40%; } .modal .rating-form .pricing, .modal .rating-form .long-description, .modal .email-a-friend .pricing, .modal .email-a-friend .long-description { width: 55%; float: right; } .form-item.quantity input { width: 70px; } /*Pricing Matrix*/ .modal .price-matrix h4 { display: none; } .modal .price-matrix thead { display: table-header-group; } .modal .price-matrix tbody { display: table-row-group; } .modal .price-matrix tr { display: table-row; } .modal .price-matrix th, .modal .price-matrix td { display: table-cell; } .modal .price-matrix .price { font-size: 14px; } .modal .price-matrix .price-display { margin-left: 5px; } .modal .price-matrix .matrix th, .modal .price-matrix .matrix td { text-align: center; } .modal .price-matrix .matrix td.available:hover { background-color: #aea8a5; } .modal .price-matrix table { display: table; } .modal .price-matrix table.matrix { display: block; overflow-x: scroll; } .modal .price-matrix .price { float: none; } .modal .price-matrix th img { max-width: 30px; } .additional-info .info-item .info-content { display: none; } #main .cross-sell { float: left; width: 100%; padding-bottom: 60px; } #main .cross-sell:before, #main .cross-sell:after { content: ""; display: table; } #main .cross-sell:after { clear: both; } #main .cross-sell .cross-sell-wrapper > div h2 { display: none; } #main .cross-sell .cross-sell-wrapper > .tab-pane { display: none; padding: 20px; } #main .cross-sell .cross-sell-wrapper > .active { display: block; } #main .cross-sell .nav { display: block; position: relative; display: block; } #main .cross-sell .nav a { padding: 15px 20px; display: inline-block; background: #e7e5e4; margin-right: 5px; border-left: solid 1px #edecec; border-right: solid 1px #edecec; border-top: solid 1px #edecec; position: relative; text-transform: uppercase; margin-bottom: -1px; transition: all 0s ease; font-size: 13px; text-decoration: none; font-weight: normal; font-family: "open_sansregular"; } #main .cross-sell .nav .active a { border-left: solid 1px #edecec; border-right: solid 1px #edecec; border-top: solid 1px #edecec; padding: 15px 20px 16px; background: #FFFFFF; } #main .cross-sell .cross-sell-wrapper > div { border: 1px solid #edecec; border-radius: 0; border-top: none; } #main .cross-sell .slick-next, #main .cross-sell .slick-prev { background-color: transparent; } #main .cross-sell .products { margin-bottom: 0; } #main .cross-sell .products .item figure { border-width: 0; padding-bottom: 0; } #main .cross-sell .products .item .options .add-wishlist { margin: 0; } #page-content h1 { margin-top: 0 !important; } .productpage .product-img .pd-video { width: 85%; padding-top: 132.45%; left: 54px; z-index: 999; } .productpage .product-img .pd-video video { z-index: 999; } } /*** TABLETS ***/ @media (min-width: 768px) and (max-width: 1150px) { .product-group .childproducts .additional-options .add-wishlist { font-size: 12px; } } /** 992px **/ @media (min-width: 992px) { .product-detail .alternate-images { height: 626px; max-height: 626px; } .product-detail .alternate-images li a { margin: 0 auto 15px !important; } .product-detail .alternate-images li a img { padding: 0 8px; width: auto !important; height: 95px !important; } .productpage .product-detail .form-item.cartbutton button, .product .click-and-collect a { font-size: 22px; } .productpage .product-img .pd-video { width: 85%; padding-top: 132.85%; left: 70.8px; } } /*** DESKTOP ***/ @media (min-width: 1200px) { .product-detail .alternate-images { height: 780px; max-height: 780px; } .product-detail .alternate-images li a img { height: 125px !important; } .productpage { /* MAIN BUTTONS */ } .productpage .main-container { padding-top: 0; } .productpage .product.product-top .magnify-holder { display: block; } .productpage .childproducts .product-img { width: 30%; } .productpage .childproducts .product-content { width: 60%; } .productpage .btn, .productpage .options a { font-size: 22px; } .productpage .btn:hover, .productpage .options a:hover { font-size: 22px; } .productpage .btn.prev, .productpage .new-cust, .productpage .guest, .productpage .compare, .productpage .wishlist .popup-link, .productpage .additional-options a.prev, .productpage .autocomplete li > a, .productpage .summary-block .modify a, .productpage .login #sign-in .options a, .productpage .additional-options > button, .productpage .promo-code button, .productpage .update button, .productpage .reply-link a { font-size: 18px; width: 100%; } .productpage .btn.prev:hover, .productpage .new-cust:hover, .productpage .guest:hover, .productpage .compare:hover, .productpage .wishlist .popup-link:hover, .productpage .additional-options a.prev:hover, .productpage .autocomplete li > a:hover, .productpage .summary-block .modify a:hover, .productpage .login #sign-in .options a:hover, .productpage .additional-options > button:hover, .productpage .promo-code button:hover, .productpage .update button:hover, .productpage .reply-link a:hover { font-size: 18px; } .additional-options .add-wishlist { float: left; } #page-content .product-content .form-item.quantity { width: 27%; height: 40px; margin: 5px 0 0 0; } #page-content .product-content .form-item.quantity input { width: 54px; position: absolute; top: 0; left: 30%; } #page-content .product-content .ESO_number_wrapper .plus, #page-content .product-content .ESO_number_wrapper .minus { display: inline-block; height: 40px; } #main .cross-sell .slick-prev, #main .cross-sell .slick-next { top: 30%; } .productpage .product-img .pd-video { position: absolute; padding-top: 133.05%; top: 0; z-index: 999; left: 88px; } } .availability-email-container:not(.all-unavailable) { display: none; } .availability-email-prompt { color: #6a0700; } .availability-email-form { display: none; } .availability-email-form legend { padding-bottom: 10px; font-size: 14px; } .availability-email-form ol { margin-bottom: 0; } .availability-email-form li:last-child { margin-bottom: 0; } .availability-email-form li.submit button.loading { background-image: url(button-ajax-loader.gif); background-position: 90% 50%; background-repeat: no-repeat; } .availability-email-active .availability-email-container, .availability-email-active .availability-email-form { display: block; } .availability-email-active .availability-email-container { padding: 15px 0; margin: -25px 0 15px; border-top: 1px #edecec solid; border-bottom: 1px #edecec solid; } .availability-email-active .form-item.cartbutton, .availability-email-active button.add-wishlist, .availability-email-active button.add-registry, .availability-email-active .form-item.quantity *, .availability-email-active .childproducts, .availability-email-all-items .form-item.cartbutton, .availability-email-all-items button.add-wishlist, .availability-email-all-items button.add-registry, .availability-email-all-items .form-item.quantity *, .availability-email-all-items .childproducts { display: none !important; } @media (min-width: 768px) { .availability-email-form li.submit { text-align: right; } .availability-email-form li.submit button { width: 100%; } } /* ========= PRODUCT DETAIL COMPONENT END ========= */ /* ========= ONLINE BOOKS COMPONENT ========= */ .onlinebooks #left-nav { display: none; } .onlinebooks #page-content { width: 100%; float: none; } .onlinebooks .book-list img { max-width: 100%; width: 100%; display: block; } .onlinebooks .book-list ul { margin: 0 -15px; padding: 0; } .onlinebooks .book-list ul:after { content: ""; height: 0; display: block; clear: left; } .onlinebooks .book-list ul li { float: left; width: 50%; padding: 0 15px; margin-bottom: 20px; } .onlinebooks .book-list ul a { display: block; text-align: center; } .onlinebooks .book-list ul .cover-image + a { margin: 10px 0; } @media (min-width: 480px) { .onlinebooks .book-list ul li { width: 33.333333%; } } @media (min-width: 768px) { .onlinebooks .book-list ul li { width: 25%; } .onlinebooks .slick-prev:before, .onlinebooks .slick-next:before { padding: 30px 21px; } } @media (min-width: 992px) { .onlinebooks .book-list ul li { width: 20%; } } .onlinebooks #page-content { width: 100%; float: none; } .onlinebooks #main .products { display: none; margin-top: 30px; } .onlinebooks .print-onlinebook { margin-bottom: 10px; background-color: #edd6c4; } .onlinebooks .download-onlinebook { display: none; margin-bottom: 10px; } .onlinebooks .download-onlinebook:disabled { background-color: #aea8a5; cursor: default; color: #000000; } .onlinebooks .book-detail { position: relative; } .onlinebooks .book-detail button { min-width: 0 !important; } .onlinebooks .book-detail.loading { display: block; visibility: visible; width: 100%; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #FFF; } .onlinebooks .slick-slide img { max-width: 100%; width: 100%; } .onlinebooks .slick-active .slick-loading { width: 100%; visibility: visible; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #fff; } .onlinebooks .top-navigation { border-top: 3px solid #e5e5e5; } .onlinebooks .top-navigation ul { text-align: center; margin: 10px 0; } .onlinebooks .top-navigation li { display: inline-block; vertical-align: middle; } .onlinebooks .top-navigation label { width: auto; margin: 0; } .onlinebooks .top-navigation .slick-prev { left: 0; } .onlinebooks .top-navigation .slick-prev:before { background-position: 2px -256px; } .onlinebooks .top-navigation .slick-next { right: 4px; } .onlinebooks .top-navigation .slick-next:before { background-position: 10px -304px; } .onlinebooks .top-navigation .slick-prev, .onlinebooks .top-navigation .slick-next { position: relative; margin: 0; min-width: 0; } .onlinebooks .top-navigation .slick-prev:before, .onlinebooks .top-navigation .slick-next:before { display: block; color: white; padding: 12px 17px; } .onlinebooks .top-navigation .slick-start, .onlinebooks .top-navigation .slick-end { display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; outline: none; z-index: 2; min-width: 0; text-indent: -999999px; border-radius: 0; outline: none; } .onlinebooks .top-navigation .slick-start:before, .onlinebooks .top-navigation .slick-end:before { display: block; content: ""; color: white; opacity: 0.75; padding: 12px 20px; background-repeat: no-repeat; background-image: url(/Assets/sprite.png); } .onlinebooks .top-navigation .slick-start:hover:before, .onlinebooks .top-navigation .slick-end:hover:before { opacity: 1; } .onlinebooks .top-navigation .slick-start.slick-disabled:before, .onlinebooks .top-navigation .slick-end.slick-disabled:before { opacity: 0.25; } .onlinebooks .top-navigation .slick-start:before { background-position: -5px -1262px; } .onlinebooks .top-navigation .slick-end:before { background-position: -5px -1222px; } .onlinebooks .bottom-navigation ul { text-align: right; margin: 10px 0; } .onlinebooks .bottom-navigation li { display: inline-block; vertical-align: middle; } .onlinebooks .catalouge-slider { border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; } .onlinebooks .catalouge-slider button { border: 1px solid #e5e5e5; } .onlinebooks .catalouge-slider-thumbs { border-bottom: 3px solid #e5e5e5; border-top: 3px solid #e5e5e5; } .onlinebooks .catalouge-slider-thumbs button { border: 1px solid #e5e5e5; } .onlinebooks .slick-slide { position: relative; } .onlinebooks .catalouge-nav-slider .slick-track { margin: 0 auto; } .onlinebooks .catalouge-nav-slider .slick-slide > img { cursor: pointer; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .onlinebooks .slick-slide .slider-hotspots a { text-indent: -99999px; position: absolute; cursor: pointer; } .onlinebooks .add-slides ul { text-align: center; margin: 0 0 30px; padding: 0; list-style: none; } .onlinebooks .tooltip { font-size: smaller; padding: 5px; position: absolute; width: 100px; min-height: 160px; height: auto; border: 1px solid #e5e5e5; background: #fff; z-index: 99; opacity: 1; } .onlinebooks .tooltip.alignLHS { right: 120%; } .onlinebooks .tooltip.alignRHS { left: 120%; } .onlinebooks .tooltip .tooltipHeading { text-indent: initial; } .onlinebooks .tooltip img { border: 0; max-width: 100%; width: 100%; height: auto; display: block; } .onlinebooks .tooltip.loading { display: block; visibility: visible; width: 100px; min-height: 160px; background: url("/Assets/ajax-loader.gif") no-repeat center #FFF; } @media (min-width: 768px) { .tooltip { width: 150px; min-height: 210px; } .tooltip img { max-width: 100%; width: 100%; height: auto; } .onlinebook-buttons { text-align: right; } .print-onlinebook { margin-left: 10px; margin-bottom: 0; } } @media print { .onlinebooks #main .products { page-break-before: always; display: block; } .onlinebooks img { max-width: 100% !important; } .onlinebooks .book-detail .slick-track { width: 100% !important; transform: none !important; } .onlinebooks .book-detail .slick-slide { display: none; } .onlinebooks .book-detail .slick-active { width: 50% !important; display: block !important; } .onlinebooks .book-detail .top-navigation, .onlinebooks .book-detail .catalouge-nav-slider, .onlinebooks .book-detail .slider-hotspots, .onlinebooks .book-detail .slick-loading { display: none; } .onlinebooks .onlinebook-buttons { display: none; } .onlinebooks footer, .onlinebooks header, .onlinebooks .back-top { display: none; } } /* ========= ONLINE BOOKS COMPONENT ========= */ /* ========= SITEMAP COMPONENT ========= */ .sitemap.infopage .sitemap-content a { color: #1c1e29; text-decoration: none; } .sitemap.infopage .sitemap-content a:hover { text-decoration: underline; color: #aea8a5; } .sitemap.infopage .sitemap-content > ul > li { border-top-width: 1px; padding: 15px 0 0; margin: 15px 0 0; font-size: 20px; text-transform: uppercase; /*span{text-transform: uppercase;}*/ } .sitemap.infopage .sitemap-content > ul > li > a { font-family: "open_sanslight"; } .sitemap.infopage .sitemap-content ul li, .sitemap.infopage .sitemap-content > ul > li > ul > li { font-family: "open_sanslight"; } .sitemap.infopage .sitemap-content ul li li { font-weight: normal; font-size: 14px; } .sitemap.infopage .sitemap-content > ul > li > ul { margin-top: 15px; } .sitemap.infopage .sitemap-content > ul > li > ul > li { margin-bottom: 10px; } .sitemap.infopage #left-nav { display: none; } .sitemap.infopage #page-content { width: 100%; } @media (min-width: 768px) { .sitemap.infopage .sitemap-content > ul > li { float: left; width: 33%; } .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: both; } } @media (min-width: 1200px) { .sitemap.infopage .sitemap-content > ul > li { width: 25%; } .sitemap.infopage .sitemap-content > ul > li:nth-child(3n+1) { clear: none; } .sitemap.infopage .sitemap-content > ul > li:nth-child(4n+1) { clear: both; } } /* ========= SITEMAP COMPONENT END ========= */ /* ========= CUSTOMER COMPONENT ========= */ .login.accountpage fieldset .note, .login.cartpage fieldset .note { display: none; } .accountpage .order-summary { margin-bottom: 40px; } .accountpage .birthday select { width: auto; display: inline-block; margin-right: 5px; } .accountpage .change-password { background-color: #f4f2f2; padding: 10px; text-align: center; text-transform: uppercase; } .accountpage .change-password input[type="radio"], .accountpage .change-password input[type="checkbox"] { display: none; } .accountpage .next-previous { clear: both; } .accountpage .next-previous:first-of-type { display: none; } .customer.existing, #sign-in { /*li.email:before, li.password:before{ position: absolute; height: 40px; width: 40px; background:url(/Assets/sprite.png) $blush; content:''; border-radius: 4px 0 0 4px; } li.email:before{background-position: 7px 98px} li.password:before{ background-position: 7px 58px} li input{ padding-left:50px; font-size: $basefont + 2;} */ } .customer.existing li > label, #sign-in li > label { display: none; } .history main .order-summary .total { text-align: right; } .history .item figure img { padding: 0; border: 0; } .history .item h4 a { font-size: 14px; } .history .item .selections p span { font-family: "open_sanssemibold"; font-weight: normal; } .history .pricing p { font-family: "open_sanssemibold"; font-weight: normal; } .history .pricing p span { font-family: "open_sansregular"; font-weight: normal; } .history .qty:before, .history .total span:before { font-family: "open_sanssemibold"; font-weight: normal; } .history .eso-accordion-indicator { top: 0; height: 15px; } .history .summary-block .info-container { padding-top: 10px; } /*Interest Groups*/ form .interest-groups .column { float: left; max-width: 300px; width: 45%; } form .interest-groups .column-1 { margin-right: 3%; } form .interest-groups label + .note { margin: 0 0 25px 0; } form .interest-groups p + ol > li { margin-bottom: 15px; } form .interest-groups p + ol > li:before, form .interest-groups p + ol > li:after { content: ""; display: table; } form .interest-groups p + ol > li:after { clear: both; } form .interest-groups input + label { width: 90%; } form .interest-groups .column input + label { width: 75%; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .accountpage .change-password { height: 40px; margin-top: 25px; } .accountpage #page-content { width: 100%; /*h1{margin-top: -55px !important; margin-bottom: 26px !important;}*/ } .accountpage #left-nav { width: 100%; text-align: center; /*margin-right: 0px;*/ font-size: 14px; } .accountpage #left-nav .menu { padding: 0; margin: 15px 0; } .accountpage #left-nav .menu > ul { display: inline-flex; text-transform: uppercase; } .accountpage #left-nav .menu > ul :hover { color: #d5b193; } .accountpage #left-nav .menu > ul li a { margin: 11px; text-decoration: none; font-family: "open_sanslight"; } .accountpage #left-nav .menu > ul li.on a { color: #d5b193; font-family: "open_sanssemibold"; } .login.accountpage #page-content { width: 100%; float: none; } .login.accountpage #left-nav { display: none; } .accountpage .birthday, .accountpage .Birthday { width: 100%; } .accountpage .Birthday input { width: 47%; } .accountpage #main .customer.existing { width: 45%; float: left; margin-right: 10%; } .accountpage #main .customer.new { float: left; padding: 20px; text-align: left; } .accountpage #main .customer.new .new-cust { width: 100%; padding: 10px; } .history .rebuild { text-align: right; } .history .rebuild-options { text-align: right; padding: 10px 0; border-bottom-width: 1px; } .history .rebuild-options a { margin-left: 10px; } /*Interest Groups*/ form .interest-groups p + ol > li { width: 47%; } } /*** DESKTOP ***/ @media (min-width: 1200px) { .accountpage .Birthday input { width: 40%; } form .interest-groups p + ol > li { width: 40%; } } @media print { a[href]:after { display: none; } } /* ========= CUSTOMER COMPONENT END ========= */ /* ========= SHOPPING CART COMPONENT ========= */ .cartpage .next-previous { clear: both; margin-top: 20px; } .cartpage .next-previous:first-of-type { margin: 10px 0px; padding: 0px; } .cartpage.login .next-previous:first-of-type { display: none; } .cartpage.review .gstonorder { display: none; } .cartpage .cart-summary-panel .item-summary .total { text-align: right; } .cartpage .gift-info li.text-field input + label { width: 80px; } .cartpage #page-content { width: 100%; } .cartpage #left-nav { display: none; } .cartpage .page-container .hint { font-size: 12px; margin-bottom: 5px; display: inline-block; font-weight: normal; } .cartpage .page-container .hint.popup-link { display: inline-block; padding-left: 5px; } .cartpage .empty { margin: 10px 0; } .cartpage .customer { margin-top: 15px; background-color: #f4f2f2; padding: 20px; } .cartpage .customer.new { text-align: center; } .cartpage .customer.new p.options :first-child:hover { background-color: #000000; } .cartpage .customer.new p.options :last-child:hover { background-color: #000000; } .cartpage .fake-select { width: 100%; } .cartpage .fake-select ul li { width: 100% !important; line-height: 30px; border-top-width: 1px; } .cartpage .fake-select ul li.on { visibility: inherit; } .cartpage .fake-select .selected { background-position: 104% -399px; background-size: 35px; height: 40px; line-height: 27px; } .cartpage .card-expiry select { width: 48%; display: inline-block; } .cartpage .card-expiry select + select { margin-left: 4%; } .cartpage .card-expiry select .main-container .customer.existing p.note { display: none; } .freight-provider { padding-left: 10px; display: none; } .history .cart-summary h2 { font-size: 18px; } .cart-summary .next-previous a { font-family: "open_sanslight" !important; } .cart-summary .summary-block { padding-bottom: 10px; border-top-width: 1px; } .cart-summary .summary-block .confirm-summary tr td { padding-bottom: 5px; } .cart-summary .summary-block .confirm-summary tr td:first-child { padding-right: 15px; } .cart-summary .summary-block .summary-block p { margin-bottom: 5px; } .cart-summary .summary-block:last-child { border-bottom-width: 1px; margin-bottom: 15px; } .cart-summary .summary-block h2 { font-size: 14px; position: relative; margin: 15px 0 5px; } .cart-summary .summary-block h2.eso-accordion-trigger { cursor: pointer; } .cart-summary .item-summary { width: 100%; } .cart-summary #zipRepayCalc { margin-bottom: 10px; } .cart-summary .eso-accordion-indicator { margin-top: -8px; } .cart .content h2 { font-size: 16px; } .cart .masterpass-express, .cart .afterpay-pm-padding { display: block; margin-top: 15px; } .cart .click-and-collect { padding: 10px 0; text-align: left; display: none; } .cart .click-and-collect a[data-toggle=popover] { font-size: 11px; vertical-align: super; text-decoration: none; cursor: pointer; } .cart .click-and-collect h4 { display: inline-block; position: relative; text-transform: uppercase; font-size: 16px; font-family: "open_sanssemibold"; margin: 0; padding: 0; } .cart .click-and-collect h4 button { background-color: #FFFFFF; color: #000000; min-width: 0px !important; width: 20px; height: 20px; padding: 0 0 0 0; vertical-align: super; font-size: 11px !important; } .cart .click-and-collect h4 button:hover { background-color: #FFFFFF; color: #000000; } .cart .click-and-collect .popover { min-width: 270px; } .item .cart-summary:nth-child(n+2) td { padding-top: 15px; } .cart-extras { clear: both; padding: 25px 0 15px; text-align: center; } .cart-extras a:first-child { margin-right: 1em; } .postcode button { width: auto; } main table.summary-table, #cart-item-added table, .order-summary { width: 100%; } main table.summary-table tr, #cart-item-added table tr, .order-summary tr { position: relative; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; } main table.summary-table img { width: auto; max-width: 100px; border: none; } main table.summary-table tr:before, main table.summary-table tr:after { content: ""; display: table; } main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total { float: right; clear: right; width: 57%; } main table.summary-table .actions ul, main table.summary-table .actions li { margin-bottom: 0; } main table.summary-table #cart-item-added table .item-detail, main table.summary-table #cart-item-added table .qty, main table.summary-table #cart-item-added table .pricing, main table.summary-table #cart-item-added table .total { float: right; clear: right; width: 57%; } main table.summary-table .order-summary .item-detail, main table.summary-table .order-summary .qty, main table.summary-table .order-summary .pricing, main table.summary-table .order-summary .total { float: right; clear: right; width: 57%; } main table.summary-table main table.summary-table .total, main table.summary-table main table.summary-table .pricing, main table.summary-table main table.summary-table .qty { margin-top: 10px; } main table.summary-table #cart-item-added table .actions ul, main table.summary-table #cart-item-added table .actions li { margin-bottom: 0; } main table.summary-table #cart-item-added table .total, main table.summary-table #cart-item-added table .pricing, main table.summary-table #cart-item-added table .qty { margin-top: 10px; } main table.summary-table .order-summary .actions ul, main table.summary-table .order-summary .actions li { margin-bottom: 0; } main table.summary-table .order-summary .total, main table.summary-table .order-summary .pricing, main table.summary-table .order-summary .qty { margin-top: 10px; } main table.summary-table .pricing p, main table.summary-table #cart-item-added table .pricing p, main table.summary-table .order-summary .pricing p { margin-bottom: 0; } main table.summary-table .total .price > span:before, main table.summary-table #cart-item-added table .total span:before, main table.summary-table .order-summary .total span:before { content: "Sub Total: "; } main table.summary-table .qty input, main table.summary-table #cart-item-added table .qty input, main table.summary-table .order-summary .qty input { text-align: center; } main table.summary-table .actions, main table.summary-table #cart-item-added table .actions, main table.summary-table .order-summary .actions { clear: right; width: 55%; float: right; } main table.summary-table .actions .remove, main table.summary-table #cart-item-added table .actions .remove, main table.summary-table .order-summary .actions .remove { position: absolute; right: 0; top: 0; } main table.summary-table .item-detail { padding-right: 8%; } main table.summary-table .qty input { width: 50%; display: inline; font-size: 16px; } #cart-item-added table tr:before, #cart-item-added table tr:after { content: ""; display: table; } .order-summary tr:before, .order-summary tr:after { content: ""; display: table; } main table.summary-table tr:after, #cart-item-added table tr:after, .order-summary tr:after { clear: both; } main table.summary-table td, #cart-item-added table td, .order-summary td { display: block; } main table.summary-table th, #cart-item-added table th, .order-summary th { display: none; } main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure { width: 35%; margin-right: 10px; } main table.summary-table .item-detail h4, #cart-item-added table .item-detail h4, .order-summary .item-detail h4 { margin-top: 0; } table.summary-table td.item figure, #cart-item-added table td.item figure { float: left; } table.summary-table td.item .brand, #cart-item-added table td.item .brand { margin-top: 0; } table.summary-table td.item .brand span, #cart-item-added table td.item .brand span { display: none; } table.summary-table td.item .selections p, #cart-item-added table td.item .selections p { margin-bottom: 0; } main .cart .promo-code { padding: 15px 0; border-width: 1px 0; margin: 30px 0; width: 100%; } main .cart .promo-code label, main .cart .promo-code .hint { display: none; } main .cart .promo-code input { font-size: 16px; display: inline-block; } main .cart .promo-code input, main .cart .promo-code label { width: 100%; } main .cart .promo-code ul { margin-bottom: 0; } main .cart .promo-code ul li { display: inline-block; } main .cart .promo-code ul li:first-child { width: 70%; margin-right: 2%; min-width: 220px; } main .cart .promo-code ul li:last-child { width: 28%; } .cart-total { margin-top: 10px; } .cart-total:before { content: ""; display: table; } .cart-total:after { content: ""; display: table; clear: both; } .cart-total span { float: left; font-family: "open_sanssemibold"; } .cart-total span + span { float: right; } .cart-total li { border-bottom-width: 1px; padding-bottom: 10px; margin-bottom: 10px; clear: both; } .cart-total li:before { content: ""; display: table; } .cart-total li:after { content: ""; display: table; clear: both; } .cart-total .total { font-size: 18px; text-transform: uppercase; } .cart_summary_panel table { width: 100%; } .cart_summary_panel table.totals { margin-bottom: 10px; } .cart_summary_panel p.qty { margin-bottom: 0; } .cart_summary_panel td { vertical-align: bottom; border-bottom-width: 1px; padding: 2px 0; } .cart_summary_panel td.total { text-align: right; } .total { vertical-align: top; } #retrieve-password, #header-retrieve-password, #billing-form { display: none; } .complete .cart h2, .history .cart h2 { font-size: 18px; font-family: "open_sanssemibold"; } .complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before { content: "Qty: "; } .security-logos span { margin-bottom: 15px; display: inline-block; } .security-logos span.dpsexpress img { max-width: 130px; } .security-logos span.estarsecure { margin: 0 10px; } .hint-content:before { content: ""; display: table; } .hint-content:after { content: ""; display: table; clear: both; } .print .main-container .cart-summary { width: 100%; } .print .cart-summary { float: none; } .print .cart-summary .summary-block { float: left; width: 32%; margin-left: 2%; } .print .cart-summary .summary-block td { padding-right: 15px; } .print .cart-summary .summary-block:first-child { margin-left: 0; } .print .cart-summary p, .print .cart-summary td { margin-bottom: 0; padding-bottom: 5px; } .print .cart { clear: both; width: 100%; margin: 15px auto; float: none; } .print .cart-summary { width: 100%; margin: 15px auto; float: none; } .cartpage .cart .account-details input[type="checkbox"], .cartpage .cart .account-details .accountpage .account-details input[type="checkbox"], .cartpage .cart .account-details .login.accountpage input[type="checkbox"], .cartpage .cart .account-details .wishlist .page-container input[type="checkbox"] { vertical-align: top; text-transform: uppercase; } .login.cartpage .error { margin-bottom: 20px; } .login.cartpage #main .cart-summary { display: none; } .delivery.cartpage .summary-block .modify a { width: 100%; } .cartpage .cart .customer.existing ol { display: flex; flex-direction: column; } .cartpage .cart .customer.existing ol li.email { order: 1; } .cartpage .cart .customer.existing ol li.password { order: 2; } .cartpage .cart .customer.existing ol li.forgotten { order: 3; } .cartpage .cart .customer.existing ol li.submit { order: 4; } .cartpage .cart .customer.existing li.email > label, .cartpage .cart .customer.existing li.password > label { display: none; } #sign-in li.email > label, #sign-in li.password > label { display: none; } .accountpage .customer.existing li.email > label, .accountpage .customer.existing li.password > label { display: none; } /*Style for AccountPage*/ .cartpage .main-container .customer.new { width: 100%; } .cartpage .main-container .customer.new .options { display: flex; flex-direction: column-reverse; } .cartpage .main-container .customer.new .options span { display: inline-block; padding: 5px 0; text-align: center; font-size: 12px; } .cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span { width: 100%; } .modify { display: block; } /* Additional Style for Paypal */ .payment-method .fake-select li > a { text-decoration: none; font-family: "open_sansregular"; } .payment-method .fake-select li > a:hover { background-color: #e7e5e4; color: #000000; } .payment.loggedin .cart .account-details .payment-options .paypal-method { margin-right: 15px; } .payment.loggedin .cart .account-details .payment-method ol li:first-of-type ul { display: none; } .payment.loggedin .cart .account-details .payment-method ol li:first-of-type .fake-select { display: inline-block; float: none; } .page-container .sameas label, .payment-method label, .delivery-method li label { width: 90%; } .page-container .sameas label { vertical-align: middle; cursor: pointer; } /*** Shopping cart CLICK AND COLLECT ***/ .cartpage.review .cc-delivery-method { width: 100%; } .cartpage.review .cc-delivery-method .delivery-type .active label { background-color: #edd6c4; border-bottom: 1px solid #FFFFFF; } .cartpage.review .cc-delivery-method .delivery-type a[data-toggle=popover] { text-align: center; display: inline-block; margin-left: 5px; } .cartpage.review .cc-delivery-method legend { display: none; } .cartpage.review .cc-delivery-method.storeselected .selected-store { display: block; } .cartpage.review .cc-delivery-method.storeselected .changestore { display: block; } .cartpage.review .delivery-type { border-bottom: 1px solid #c4c4c4; } .cartpage.review .delivery-type .active label { background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; } .cartpage.review .delivery-type p { text-align: center; font-size: 12px; font-family: "open_sanslight"; line-height: 20px; } .cartpage.review .delivery-type a[data-toggle=popover] { padding: 0; display: block; border: none; margin: 0; border-radius: 0; background: none; cursor: pointer; font-weight: normal; outline: none; } .cartpage.review .delivery-type .selected-store { display: none; font-family: "open_sanssemibold"; } .cartpage.review .delivery-type .selected-store .storename, .cartpage.review .delivery-type .selected-store .storeaddress { display: block; } .cartpage.review .delivery-type .selected-store.loading { min-height: 40px; background: url("ajax-loader.gif") center no-repeat; } .cartpage.review legend { display: none; } .cartpage.review.storeselected .selected-store { display: block; } .cartpage.review.storeselected .changestore { display: block; } .cartpage #clickandcollectlayer { display: none; } .cartpage #clickandcollectlayer.active { display: block; } .cartpage .clickandcollect .store-links .store-details a { font-size: 13px; text-transform: none; text-decoration: none; padding: 0; } .cartpage .cc-delivery-method .delivery-type { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .cartpage .cc-delivery-method .delivery-type:before, .cartpage .cc-delivery-method .delivery-type:after { display: none; } .cartpage .cc-delivery-method .delivery-type li { width: 49% !important; text-align: center; padding-bottom: 10px; } .cartpage .cc-delivery-method .delivery-type li label { position: relative; background: #FFFFFF; border: 1px solid #edecec; width: 100%; vertical-align: middle; font-weight: normal; text-transform: uppercase; margin: 0 0 9px; cursor: pointer; text-align: center; line-height: 40px; } .cartpage .cc-delivery-method .delivery-type li a { padding-left: 6.5%; } .cartpage .cc-delivery-method .delivery-type li a, .cartpage .cc-delivery-method .delivery-type li.active a { border: 0; cursor: pointer; border-radius: 0; padding: 0; } .cartpage .cc-delivery-method .delivery-type li a:hover, .cartpage .cc-delivery-method .delivery-type li.active a:hover { text-decoration: none; } .cartpage .cc-delivery-method .delivery-type input[type="radio"] { vertical-align: middle; position: absolute; left: -999em; } .cartpage .cc-delivery-method .delivery-type input[type="radio"] + span:before { /*content: '';*/ display: inline-block; width: 14px; height: 14px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #FFFFFF; border: 4px solid #fff; margin-right: 5px; vertical-align: sub; } .cartpage .cc-delivery-method .delivery-type .active label { background-color: #edd6c4; } .cartpage .cc-delivery-method .delivery-type .active input[type="radio"] + span:before { background-color: #aea8a5; } .cartpage .cc-delivery-method .delivery-type .store-availability { display: inline-block; font-weight: normal; } .cartpage .cc-delivery-method .delivery-type .store-availability-selected { display: none; font-weight: normal; } .cartpage .cc-delivery-method .delivery-type .changestore { display: none; text-decoration: underline; } .cartpage .cc-delivery-method.storeselected .store-availability { display: none; } .cartpage .cc-delivery-method.storeselected .store-availability-selected { display: inline-block; } .cartpage .cc-search ul { -webkit-flex-direction: column; flex-direction: column; } .cartpage .cc-search .postcode { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; } .cartpage .cc-search label { display: none; } .cartpage .cc-search input { padding: 6px 6px 6px 18px; max-width: 73%; font-size: 16px; height: 50px; margin-right: 5%; } .cartpage .cc-search button { margin: 0; background-color: #000000; color: #ffffff; min-width: 120px !important; } .cartpage .cc-search .opening-hours { text-decoration: underline; margin-top: 5px; display: none; } .cartpage .cc-search .store-location.selected .opening-hours { display: inline-block; } .cartpage .cc-search-info { margin: -25px 0 0 0; } .cartpage.delivery #main .delivery-info .btn { width: 100%; } .cartpage.delivery .cc-delivery-method { margin-bottom: 0; margin-top: 20px; } .cartpage.delivery .cc-delivery-method .selected-store, .cartpage.delivery .cc-delivery-method .changestore, .cartpage.delivery .cc-delivery-method .no-store-selected { display: none; } .cartpage.delivery .cc-delivery-method .delivery-type > li, .cartpage.delivery .cc-delivery-method .delivery-type label { margin: 0; } .cartpage.delivery .cc-delivery-method .delivery-type p { display: none; } .cartpage.delivery .ccNominate { width: 100%; } .cartpage.delivery .ccNominate label { width: 90%; } .cartpage.delivery .delivery-store-details { margin: 0; width: 100%; display: none; } .cartpage.delivery .delivery-store-details.active { display: initial; } .cartpage.delivery .delivery-store-details.loading > label { min-height: 40px; display: inline-block; background: url("ajax-loader.gif") center no-repeat; } .cartpage.delivery .delivery-store-details.storeselected > label { display: inline-block; } .cartpage.delivery .delivery-store-details label { position: relative; display: none; padding: 0; margin: 0; } .cartpage.delivery .delivery-store-details #delivery-store input { display: none; } .cartpage.delivery .delivery-store-details label p { display: inline; font-weight: normal; margin: 0; } .cartpage.delivery .delivery-store-details label .no-store-selected { display: inline; } .cartpage.delivery .delivery-store-details label .selected-store { display: none; } .cartpage.delivery .delivery-store-details label.itemsCollasped span { display: inline; } .cartpage.delivery .delivery-store-details p { font-family: "open_sanssemibold"; margin: 0; } .cartpage.delivery .delivery-store-details .no-store-selected { font-weight: normal; } .cartpage.delivery .delivery-store-details .changestore { display: none; text-decoration: underline; white-space: nowrap; font-size: 11px; font-weight: normal; padding-left: 5px; } .cartpage.delivery .delivery-store-details.storeselected label { padding: 10px 5px 10px 0; } .cartpage.delivery .delivery-store-details.storeselected #delivery-store.collapsed .changestore { display: inline; } .cartpage.delivery .delivery-store-details.storeselected #delivery-store input { display: inline-block; } .cartpage.delivery .delivery-store-details.storeselected #delivery-store .selected-store { display: inline; } .cartpage.delivery .delivery-store-details.storeselected .no-store-selected { display: none; } .cartpage.delivery .delivery-store-details label, .cartpage.delivery .ccNominate label { cursor: pointer; } .cartpage.delivery fieldset.cc-search-info { margin-top: 0; } .cartpage.delivery .delivery-method .cc-freightmethod { display: none; } .cartpage.delivery .delivery-method.clickandcollect-delivery-active { display: none; } .cartpage .selected-store span:after { content: ', '; } .cartpage .selected-store span.storepostcode:after { content: ''; } .cartpage .selected-store span.storecity, .cartpage .selected-store span.storecountry, .cartpage .selected-store span.storephone { display: none; } /* click and collect pop up - store selection and map */ #clickandcollect .modal-body { min-height: 290px; } .clickandcollect { position: relative; } .clickandcollect:before, .clickandcollect:after { content: ""; display: table; } .clickandcollect:after { clear: both; } .clickandcollect .puis div.form-item-search button { margin: 12px 0; } .clickandcollect .store > .images { display: none; } .clickandcollect .store-links h2 { font-size: 16px; margin: 0 0 10px; border-bottom: 2px solid #000; line-height: 2em; } .clickandcollect .store-links li { font-size: 12px; } .clickandcollect .store-links li:before, .clickandcollect .store-links li:after { content: ""; display: table; } .clickandcollect .store-links li:after { clear: both; } .clickandcollect .store-links h3 { position: relative; padding-left: 40px; margin-top: 0; float: left; width: 63.5%; font-size: 14px; font-weight: normal; } .clickandcollect .store-links h3 img { position: absolute; left: 0; } .clickandcollect .store-links .store-name { font-family: "open_sanssemibold"; } .clickandcollect .store-links .store-details, .clickandcollect .store-links .store-name, .clickandcollect .store-links .store-address { display: block; } .clickandcollect .store-links .store-details a, .clickandcollect .store-links .store-details a:hover, .clickandcollect .store-links .store-name a, .clickandcollect .store-links .store-name a:hover, .clickandcollect .store-links .store-address a, .clickandcollect .store-links .store-address a:hover { text-decoration: underline; } .clickandcollect .store-links .store-select { display: block; } .clickandcollect .store-links .store-select a { white-space: normal; line-height: 20px; height: auto; width: 100%; } .clickandcollect .stores { display: none; position: relative; } .clickandcollect .stores h3 { font-size: 16px; padding-left: 40px; } .clickandcollect .stores h3 img { position: absolute; left: 0; } .clickandcollect .stores .back.btn { margin-top: 20px; white-space: normal; line-height: 20px; height: auto; width: 100%; } .clickandcollect .stores .store .directions { width: 100%; float: none; } .clickandcollect .stores .store h4 { font-size: 14px; } .clickandcollect .stores .store .store-name { position: relative; margin: 0px 0 10px; padding: 0 0 10px; font-family: "open_sanssemibold"; } .clickandcollect .stores .store .store-name span.distance { font-size: 14px; text-align: right; } .clickandcollect .stores .store .store-name img { margin-right: 10px; width: 15px; } .clickandcollect .stores .store .store-info { display: none; } .clickandcollect .stores .store .store-info .store-address { padding-bottom: 10px; } .clickandcollect .stores .store .store-info .store-address ul { padding-left: 40px; } .clickandcollect .stores .store .store-info .store-address ul li.storecountry, .clickandcollect .stores .store .store-info .store-address ul li.storephone, .clickandcollect .stores .store .store-info .store-address ul li.storeaddress { display: block; } .clickandcollect .stores .store .store-details { display: none; } .clickandcollect .stores .store .store-details ul { margin-bottom: 20px; list-style: none; padding: 0; } .clickandcollect .stores .store .store-details ul li { margin-bottom: 5px; } .clickandcollect .stores .store .store-details .store-select { display: block; padding-top: 20px; } .clickandcollect .stores.showstore .store h3 { display: none; } .clickandcollect .stores.showstore .store .store-info, .clickandcollect .stores.showstore .store .store-details { display: block; } .clickandcollect .stores.showstore .store .store-address ul { padding-left: 0; } .clickandcollect .stores.showstore .store .store-address ul li { margin-bottom: 0; display: inline; } .clickandcollect .stores.showstore .store .store-address ul li label { display: inline; font-family: inherit; } .clickandcollect .map-link a { display: block; text-align: center; } .clickandcollect .map-container { position: relative; padding-top: 60%; display: none; } .modal#storedetail .storedetail .store > h1 { display: none; } .modal#storedetail .storedetail .address { border: 0; padding: 0; } .modal#storedetail .storedetail .address, .modal#storedetail .storedetail .opening-hours, .modal#storedetail .storedetail .directions { width: 100%; } .modal#storedetail .storedetail .map-link a { display: inline-block; width: auto; } .suburb-select .clickandcollect .map-container, .stores-display .clickandcollect .map-container { display: block; } .suburb-select .clickandcollect .results, .stores-display .clickandcollect .results { margin-bottom: 30px; } .delivery .customer-info .tel, .delivery .nominated-person .tel, .delivery .delivery-info .tel, .accountpage .customer-info .tel, .accountpage .nominated-person .tel, .accountpage .delivery-info .tel { width: 100%; } .delivery .nominated-person ol li:nth-child(2), .accountpage .nominated-person ol li:nth-child(2) { display: block; width: 100% !important; } /*** Frieght Estimator ***/ .shipping-calculator .delivery-method.loading { height: 40px; background: url("/Assets/ajax-loader.gif") center no-repeat; } .review .cart-summary { display: none; } .payment-options ol li select { font-size: 16px; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .cartpage .breadcrumb-container .breadcrumb { position: relative; border-bottom: none; display: flex; width: 100%; justify-content: space-between; } .cartpage .breadcrumb-container .breadcrumb:after { content: ""; display: block; position: absolute; height: 1px; background: #c5c6c7; z-index: -999; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .cartpage .breadcrumb-container .breadcrumb .on { font-weight: bold; } .cartpage .breadcrumb-container .breadcrumb .homelink { display: none; } .cartpage .breadcrumb-container .breadcrumb li:before { content: initial; } .cartpage .breadcrumb-container .breadcrumb li:first-child li:after { content: " "; background-color: #e7e5e4; position: absolute; height: 1px; width: 100px; } .cartpage .breadcrumb-container .breadcrumb li { background-color: #f9f9fa; border: 1px solid #e7e5e4; padding: 10px; width: 19%; text-align: center; color: #000000; } .cartpage .breadcrumb-container .breadcrumb li.on { background-color: #edd6c4; border: 0px solid #edd6c4; } .review.cartpage #page-content { width: 100%; float: none; } .review.cartpage #page-content .cart { width: 100%; } .review.loggedin.cartpage #page-content .summary-block { display: none; } main table.summary-table .item figure, #cart-item-added table .item figure, .order-summary .item figure { width: 25%; } .cartpage.review .cc-delivery-method { width: 50%; clear: right; float: right; } .cartpage.review .summary-table .total .price { margin: 0; } .cartpage.review .summary-table .total .price > span:before { content: ""; } .cartpage.login #main li.email, .cartpage.login #main li.password, .cartpage.login #main .options .btn, .cartpage.login .options span { width: 100%; max-width: 360px; } .cartpage #currency-menu .selected span { line-height: 18px; display: block; } .login.cartpage .cart { width: 100%; display: flex; flex-wrap: wrap; } .cartpage .main-container .customer { float: left; padding: 40px; } .cartpage .main-container .customer.existing { width: 48%; margin-right: 4%; } .cartpage .main-container .customer.new { width: 48%; } .cartpage .main-container .customer.new p.options { padding-top: 42px; max-width: 365px; margin: 0 auto; } .cartpage .main-container .customer.new .btn { width: 100%; } .security-logos { text-align: right; } main .cart .promo-code { border-top: 0; margin: 0; } main .cart .promo-code button { min-width: inherit !important; width: 120px; } main .cart .promo-code ul li { margin-bottom: 0; } main .cart .promo-code ul li:first-child { margin-right: 5px; width: auto; } main .cart .promo-code ul li:last-child { width: auto; } main .cart .promo-code { width: 50%; clear: right; float: right; text-align: right; } main .cart-extras { float: right; } main .cart .cart-total { width: 50%; clear: right; float: right; } main .cart .masterpass-express, main .cart .afterpay-pm-padding { display: inline-block; margin-right: 1em; } main table.summary-table .total span:before { content: ""; } main table.summary-table tr { border: 0; margin: 0; padding: 0; display: table-row; } main .order-summary tr { border: 0; margin: 0; padding: 0; display: table-row; } main table.summary-table .total, main table.summary-table .actions { text-align: right; } main table.summary-table .pricing, main table.summary-table .total { width: 18%; } main table.summary-table .item-detail, main table.summary-table .qty, main table.summary-table .pricing, main table.summary-table .total { float: none; clear: none; width: auto; vertical-align: middle; } main table.summary-table td, main table.summary-table th { display: table-cell; border-bottom-width: 1px; padding: 10px 0 10px 0; } main .order-summary .item-detail, main .order-summary .qty, main .order-summary .pricing, main .order-summary .total { float: none; clear: none; width: auto; } main .order-summary th, main .order-summary td { display: table-cell; } main .order-summary td, main .order-summary th { border-bottom-width: 1px; padding: 10px 0; } main .order-summary .pricing, main .order-summary .total { width: 18%; } main .order-summary .total, main .order-summary .actions { text-align: right; } main table.summary-table td, main .order-summary td { padding-right: 5px; vertical-align: middle; } main table.summary-table tr:after, main .order-summary tr:after { content: ""; display: none; clear: none; } main table.summary-table .item .item-detail, main .order-summary .item .item-detail { float: left; max-width: 62%; } main table.summary-table .actions, main .order-summary .actions { clear: none; width: auto; float: none; } main table.summary-table .actions .remove, main .order-summary .actions .remove { position: relative; } main table.summary-table .qty, main .order-summary .qty { text-align: center; min-width: 60px; } main table.summary-table .qty input, main .order-summary .qty input { width: 50px; } main table.summary-table .price.now, main .order-summary .price.now { padding-left: 0; } .cartpage .payment { float: none; } .cartpage .clickandcollect .puis:before, .cartpage .clickandcollect .puis:after { content: ""; display: table; } .cartpage .clickandcollect .puis:after { clear: both; } .cartpage .clickandcollect .puis .form-item-search { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; } .cartpage .clickandcollect .puis .form-item-search input { width: 60%; height: 50px; } .cartpage .clickandcollect .puis .form-item-search button { margin: 0; } .cartpage .clickandcollect .store .store-select { float: right; } .cartpage .clickandcollect .store .store-select a { width: auto; } .cartpage .clickandcollect .map-holder { width: 42.5%; position: absolute; right: 0; top: 0; } .cartpage .clickandcollect .map-container { padding-top: 80%; } .cartpage .clickandcollect .store-info.content p, .cartpage .clickandcollect .store-info.content li:not(.storecountry), .cartpage .clickandcollect .store-info.content a { margin: 0; } .cartpage .clickandcollect .store-info.content label { display: inline-block; } .cartpage .clickandcollect .store-info.content h4 { font-size: 15px; font-family: "open_sanssemibold"; margin: 0 0 3px; } .cartpage .clickandcollect a.back.btn { margin: 15px 0; width: auto; } .cartpage.review .cc-search ul li.postcode button { margin: 0; } .suburb-select .clickandcollect form.puis > p, .suburb-select .clickandcollect form.puis > div, .stores-display .clickandcollect form.puis > p, .stores-display .clickandcollect form.puis > div { width: 50%; float: left; clear: left; } .accountpage #main .next-previous { padding: 40px 0 20px; } .cartpage #main .next-previous .next, .accountpage #main .next-previous .next { float: right; padding: 10px 20px; } .cartpage #main .next-previous:before, .cartpage #main .next-previous:after { content: ""; display: table; } .cartpage #main .next-previous .btn, .cartpage #main .next-previous .next { min-width: 190px; } .accountpage #main .next-previous:before, .accountpage #main .next-previous:after { content: ""; display: table; } .cartpage #main .next-previous:after, .accountpage #main .next-previous:after { clear: both; } .cart-total span:not(.hint):last-child { margin-left: 10px; } .cart-total .price-display span.price-amount { margin-left: 0px; } .cart-extras:before { content: ""; display: table; text-align: right; } .cart-extras:after { content: ""; display: table; clear: both; } .update { border-bottom-width: 1px; margin: 15px 0 0; padding-bottom: 15px; text-align: right; float: right; width: 50%; } .update span { margin-right: 5px; } .hint-content .csc-type { float: left; width: 45%; } .hint-content .csc-type + .csc-type { margin-left: 10%; } .complete .cart .summary-table .qty:before, .history .cart .summary-table .qty:before, .review .cart .summary-table .qty:before { content: ""; } /*** Frieght Estimator ***/ .shipping-calculator { width: 50%; float: left; } .shipping-calculator fieldset ul { display: block !important; } .shipping-calculator label { text-align: left; display: block; width: auto; } .shipping-calculator ul li { display: inline-block; margin: 0 5px 10px 0; } .shipping-calculator .postcode-btn { width: 100%; min-width: 0; } .shipping-calculator .calculator-label { display: block; width: 100%; } .shipping-calculator .calculator-input input, .shipping-calculator .country select, .shipping-calculator .state select { width: 100%; vertical-align: middle; display: inline-block; } .shipping-calculator .country { float: left; } .shipping-calculator .delivery-method li { margin: 0; } .shipping-calculator .delivery-method li label { width: auto; display: inline-block; } .review .cc-delivery-method { width: 50%; } .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.payment-method):not(.masterpass-account) ul, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.payment-method):not(.masterpass-account) ol, .cartpage:not(.login) main form fieldset:not(.interest-groups):not(.payment-method) ul, .cartpage:not(.login) main form fieldset:not(.interest-groups):not(.payment-method) ol, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.masterpass-account) ul, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups):not(.masterpass-account) ol, .cartpage:not(.login) main form fieldset:not(.interest-groups) ul, .cartpage:not(.login) main form fieldset:not(.interest-groups) ol, .career main form .job-details ul, .career main form .job-details ol { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; } .cartpage main form fieldset:not(.interest-groups):not(.payment-method) ul, .cartpage main form fieldset:not(.interest-groups) ul { flex-direction: column; -webkit-flex-direction: column; } .delivery main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .delivery main form .fieldset.customer-info li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .accountpage:not(.login):not(.wishlist) main form .fieldset.customer-info li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .payment main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .payment main form .fieldset.customer-info li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .career main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .career main form .fieldset.customer-info li:not(.sameas):not(.birthday):not(.updateship):not(.updatebill):not(.Birthday):not(.ccNominate):not(.delivery-store-details) { width: 47%; } .delivery main form fieldset:not(.interest-groups) li.sameas, .delivery main form fieldset:not(.interest-groups) li.updateship, .delivery main form fieldset:not(.interest-groups) li.updatebill, .delivery main form .fieldset.customer-info li.sameas, .delivery main form .fieldset.customer-info li.updateship, .delivery main form .fieldset.customer-info li.updatebill, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li.updateship, .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li.updatebill, .accountpage:not(.login):not(.wishlist) main form .fieldset.customer-info li.sameas, .accountpage:not(.login):not(.wishlist) main form .fieldset.customer-info li.updateship, .accountpage:not(.login):not(.wishlist) main form .fieldset.customer-info li.updatebill, .payment main form fieldset:not(.interest-groups) li.sameas, .payment main form fieldset:not(.interest-groups) li.updateship, .payment main form fieldset:not(.interest-groups) li.updatebill, .payment main form .fieldset.customer-info li.sameas, .payment main form .fieldset.customer-info li.updateship, .payment main form .fieldset.customer-info li.updatebill, .career main form fieldset:not(.interest-groups) li.sameas, .career main form fieldset:not(.interest-groups) li.updateship, .career main form fieldset:not(.interest-groups) li.updatebill, .career main form .fieldset.customer-info li.sameas, .career main form .fieldset.customer-info li.updateship, .career main form .fieldset.customer-info li.updatebill { width: 100%; } } @media (min-width: 992px) { .main-container .cart-summary { width: 23%; float: right; padding-top: 67px; } main .cart { width: 70%; float: left; } #main .next-previous { padding: 40px 0 20px; } #main .next-previous:first-of-type { padding: 0px; } } @media (max-width: 1150px) { .cart li.text-field label { width: 100%; } } /*** DESKTOP ***/ @media (min-width: 1200px) { main .cart table.summary-table tbody .item { height: 177px; } main .cart table.summary-table .item .item-detail { vertical-align: middle; max-width: 70%; width: 100%; padding: 0; } main .cart table.summary-table .item .item-detail h4 { width: 282px; margin-right: 10%; display: inline-block; vertical-align: middle; margin-bottom: 0; } main .cart table.summary-table .item .item-detail .selections { display: inline-block; width: 155px; vertical-align: middle; } main .cart table.summary-table .item .item-detail .selections .color { margin-right: 20px; width: 100px; word-wrap: break-word; } main .cart table.summary-table .item .item-detail .selections p { display: inline-block; vertical-align: middle; } main .cart table.summary-table .item .item-detail .selections p span { display: none; } main .cart table.summary-table .item figure, main .cart table.summary-table .item .item-detail { float: none; display: inline-block; } main .cart table.summary-table .item figure { display: inline-block; float: none; } .cartpage .main-container .customer.new .btn { display: inline-block; width: auto; } .cartpage .card-expiry select { width: 34%; } .cartpage .card-expiry select + select { margin-left: 2%; } #clickandcollect .modal-dialog { width: 800px; } /*** Frieght Estimator ***/ main #page-content .shipping-calculator .postcode-btn { width: auto; min-width: 0; } .accountpage:not(.login):not(.wishlist) main form fieldset:not(.interest-groups) li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details), .career .fieldset.customer-info li:not(.sameas):not(.birthday):not(.Birthday):not(.ccNominate):not(.delivery-store-details) { width: 40%; } .cartpage main form fieldset:not(.interest-groups) li.sameas, .accountpage:not(.login) main form fieldset:not(.interest-groups) li.sameas { width: 100%; } main table.summary-table .item figure { width: 15%; } } /* Gift Card specific styles on the payment page */ .payment main form .gift-card-options .price-amount { margin-right: 5px; } .payment main form .gift-card-options > div { margin-bottom: 15px; } .payment main form .gift-card-options .giftcard-amount > label { margin-bottom: 15px; } .payment main form .gift-card-options .giftcard-amount ol { display: block; } .payment main form .gift-card-options .giftcard-amount ol:before { content: ""; display: table; } .payment main form .gift-card-options .giftcard-amount ol:after { content: ""; display: table; clear: both; } .payment main form .gift-card-options .giftcard-amount ol li { display: inline-block; float: left; width: 16%; margin: 0 2% 0 0; } .payment main form .gift-card-options .giftcard-amount ol li:last-of-type { margin-right: 0; } .payment main form .gift-card-options .giftcard-amount ol li label, .payment main form .gift-card-options .giftcard-amount ol li p { font-size: 12px; font-family: "open_sanssemibold"; display: block; margin-bottom: 5px; max-width: 100%; } .payment main form .gift-card-options .giftcard-amount ol .giftcard-number, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security, .payment main form .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main form .gift-card-options .giftcard-amount ol .giftcard-security-label { width: 28%; margin-right: 4%; } .payment main form .gift-card-options .giftcard-another { display: none; } @media (min-width: 480px) { .payment main .account-details .gift-card-options .giftcard-amount ol li { width: 14%; margin: 0 2% 0 0; } .payment main .account-details .gift-card-options .giftcard-amount ol li:nth-of-type(2n) { margin-right: 2%; } .payment main .account-details .gift-card-options .giftcard-amount ol li:last-of-type { margin-right: 0; } .payment main .account-details .gift-card-options .giftcard-amount ol li label, .payment main .account-details .gift-card-options .giftcard-amount ol li p { font-size: 14px; } .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-number-label, .payment main .account-details .gift-card-options .giftcard-amount ol .giftcard-security-label { width: 32%; } } /*** TABLETS ***/ @media (min-width: 768px) and (max-width: 1150px) { .cartpage .info-container .modify a { font-size: 11px; } .login .email, .login .password { width: 100%; } } /* ========= SHOPPING CART COMPONENT END ========= */ /* ========= WISHLIST COMPONENT ========= */ .wishlist #left-nav .menu.dynamic + .menu.dynamic { display: none; } .wishlist .cross-sell { display: none; } .wishlist .wishlist-summary { clear: both; } .wishlist .wishlist-summary:before, .wishlist .wishlist-summary:after { content: ""; display: table; } .wishlist .wishlist-summary:after { clear: both; } .wishlist .form-item:not(.quantity):not(.update-quantity):not(.cartbutton) { margin-bottom: 0; } .wishlist .add-to-cart, .wishlist .add-to-cart .cart-options { position: inherit; } .wishlist .add-to-cart .cart-options { padding: 0; } .wishlist .product { clear: both; position: relative; margin-top: 15px; padding-top: 15px; } .wishlist .childproducts .product-content { width: auto; float: none; clear: both; } .wishlist .product-img { width: 25%; float: left; } .wishlist .product-content { width: 70%; float: right; margin: 0 !important; clear: none !important; } .wishlist .product-content .form-item ul { display: inline-block; } .wishlist .product-content h2 { margin: 0 20px 15px 0; } .wishlist .product-content h2 a { color: #000000; font-size: 16px; text-decoration: none; } .wishlist .details-occassion { margin-top: 0; } .wishlist .details-occassion legend { display: none; } .wishlist .details-occassion + button { float: right; } .wishlist .add-to-cart .cartbutton a { position: absolute; top: 19px; right: 1%; } .wishlist .add-to-cart .cartbutton button { margin-bottom: 0 !important; } .wishlist .add-to-cart .cart-options .form-item > label { display: inline-block; margin-right: 5px; } .wishlist .add-to-cart .cart-options { line-height: normal; } .wishlist .add-to-cart button[disabled] { display: none; } .wishlist .note { display: block; margin-bottom: 5px; } .wishlist .form-item.size { border: 1px solid #edecec; border-radius: 0; background-color: #f9f9fa; position: relative; cursor: pointer; padding: 6px 12px; } .wishlist .form-item.size ul li span { line-height: 23px; } .wishlist #page-content .product-content .form-item.colour ul { display: inline-block; } .wishlist .form-item.update-quantity button { color: #000000; } .wishlist .form-item.update-quantity button:hover { color: #000000; } .wishlist .popup-link { margin: 15px 0; } .wishlist .modal-dialog .add-to-cart .cart-options .form-item > label { display: none; } .wishlist .modal-dialog .product-content .form-item ul { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .wishlist .modal-dialog .form-item.size { display: inline-block; border: 0 solid #edecec; border-radius: 0; background-color: transparent; position: inherit; padding: 0 0 10px 0; } .wishlist .modal-dialog .fake-select .selected { background-position: 103% -399px; } .wishlist .modal-dialog .form-item.quantity input { width: 64%; } .wishlist .modal-dialog .form-item.quantity .plus, .wishlist .modal-dialog .form-item.quantity .minus { width: 15%; } .wishlist .modal-dialog .form-item.cartbutton { width: 100% !important; } .wishlist .modal-dialog .click-and-collect { padding-top: 20px; } .wishlist .modal-dialog .product-content { width: 100%; } .wishlist .productpage .compare { width: 100%; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .wishlist .childproducts .product-content { width: 100%; } .wishlist button { width: 100%; } .wishlist .form-item.quantity input { width: 100%; } .wishlist .form-item.update-quantity { position: relative; } .wishlist .form-item.update-quantity button { display: inline-block; width: 47%; float: left; position: absolute; bottom: -60px; left: 0; } .wishlist .details-occassion { margin-top: 030px; } .wishlist .form-item.cartbutton { width: 47% !important; float: right !important; } .wishlist .modal-dialog .product-content { width: 74%; padding-top: 0 !important; } .wishlist .modal-dialog .fake-select .selected { background-position: 334px -399px; } .wishlist .modal-dialog .form-item.quantity input { width: 65%; } .wishlist .modal-dialog .form-item.quantity input .plus, .wishlist .modal-dialog .form-item.quantity input .minus { width: 15%; } .wishlist .add-to-cart .cartbutton a { top: 22px; } } /*** DESKTOP ***/ @media (min-width: 1200px) { .wishlist button { width: 100%; } .wishlist .page-container > form { width: 30%; float: right; } .wishlist .page-container .wishlist-summary { float: left; width: 65%; clear: none; } .wishlist #page-content .product-content .form-item.quantity { margin-top: 0; } .wishlist #page-content .product-content .form-item.quantity input { width: 51px; } .wishlist .modal-dialog .fake-select .selected { background-position: 328px -623px; } } /* ========= WISHLIST COMPONENT END ========= */ /******** GIFT VOUCHERS COMPONENT: START ********/ .giftvoucher #main .instructions .intro { font-family: "open_sanssemibold_italic"; } .giftvoucher #main .gift-voucher:not(:-moz-handler-blocked) fieldset { display: table-cell; } .giftvoucher #main .gift-voucher .voucher-carousel { position: relative; margin-bottom: 0; } .giftvoucher #main .gift-voucher .voucher-carousel li { margin-bottom: 0; position: relative; } .giftvoucher #main .gift-voucher .voucher-carousel li input[type=radio] { position: absolute; z-index: -2; margin: 0; } .giftvoucher #main .gift-voucher .voucher-carousel li label { width: 100%; } .giftvoucher #main .gift-voucher .voucher-carousel li label img { width: 100%; } .giftvoucher #main .gift-voucher .value input { width: 40%; margin-left: 5px; display: inline-block; } .giftvoucher #main .gift-voucher figure { margin: 15px 0; } .giftvoucher #main .gift-voucher figure img { width: 100%; max-width: 530px; } .giftvoucher #main .next-previous button { margin-bottom: 15px; } @media (min-width: 768px) { .giftvoucher #main .gift-voucher .value input { width: 30%; } .giftvoucher #main .next-previous .prev.preview { float: left; } .giftvoucher #main .next.add { float: right; } } @media (min-width: 1150px) { .giftvoucher #main .instructions { float: right; width: 35%; margin-top: 80px; } .giftvoucher #main .instructions + form { float: left; width: 55%; } .giftvoucher #main .next-previous .next { float: right; } .giftvoucher #main .next-previous .prev { float: left; } } /******** GIFT VOUCHERS COMPONENT: END ********/ /* ========= CUSTOM FORM CCONTACT COMPONENT ========= */ .contact-form-holder { border-top-width: 1px; padding-top: 10px; margin-top: 10px; } .contact-form-holder input[type="tel"] { width: 30%; display: inline-block; } .contact-form-holder input[type="tel"]:last-of-type { margin-right: 0; } .customform #main form .telephone input[type="tel"] { width: 100%; } .customform #main li input, .customform #main li textarea { font-size: 12px; } .customform #main h3 { margin-top: 4px; font-size: 18px; } .customform #main #contact-form .error { color: #6a0700; } @media (min-width: 320px) { .contact-form-holder input[type="tel"] { width: 32%; margin-right: 2%; } } @media (min-width: 768px) { .contact-form-holder { float: right; width: 50%; } .contact-form-holder input[type="tel"] { width: 32%; margin-right: 2%; } .customform #main .page-container .content { float: left; width: 45%; } } /*** DESKTOP ***/ @media (min-width: 1200px) { .customform #main:before, .customform #main:after { content: ""; display: table; } .customform #main:after { clear: both; } .customform #main .main-container h1 { margin-bottom: 20px; } .contact-form-holder { float: right; width: 50%; margin-left: 5%; border-top-width: 0; padding-top: 0; margin-top: 0; } .contact-form-holder fieldset { margin-top: 0; } .contact-form-holder input[type="tel"] { width: 22.5%; margin-right: 1.25%; } .contact-form-holder .security-message label, .contact-form-holder .security-code label { width: 75%; } .contact-form-holder .security-code input, .contact-form-holder .security-message .security-code img { width: 20%; } } /* ========= CUSTOM FORM COMPONENT END ========= */ /* ========= STORE LOCATOR COMPONENT ========= */ .storelocator #page-content { float: none; width: 100%; } .storelocator #left-nav { display: none; } .storelocator .page-container ul li { position: relative; } .storelocator .page-container ul ul li a, .storelocator li.location li a { padding-left: 15px; } .storelocator .page-container li.location ul li { border: 0; } .storelocator .page-container ul ul ul { padding-left: 0px !important; } .storelocator .page-container ul li > a { width: 100%; display: block; padding: 15px 0; text-decoration: none; } .storelocator .page-container ul li > a:hover { text-decoration: underline; } .storelocator .store-locator > li > a { text-transform: uppercase; } .storelocator .store-locator > li > a, .storelocator .store-locator > li > ul > li > a { font-family: "open_sanssemibold"; } .storelocator .store-locator > li, .storelocator .store-locator > li > ul > li { border-bottom-width: 1px; } .storelocator .store-locator { padding-left: 0; border-top-width: 1px; } .storelocator .store-map-holder { position: relative; margin-top: 0; padding-top: 100%; width: 100%; } .storelocator #store-map { margin-top: 25px; } .storedetail .store .images ul { list-style: none; margin: 0; padding: 0; } .storedetail .store .images ul:before, .storedetail .store .images ul:after { content: ""; display: table; } .storedetail .store .images ul:after { clear: both; } .storedetail .store .images li { width: 50%; display: inline-block; padding: 10px 1% 15px 0; } .storedetail .store .images img { width: 100%; height: auto; max-width: 450px; } .storedetail .store .address, .storedetail .store .opening-hours, .storedetail .store .directions { margin-bottom: 15px; } @media (min-width: 769px) { .storelocator ul.store-locator { padding: 0; width: 35%; float: left; } .storelocator .store-map-holder { width: 60%; float: right; padding-top: 45%; } .storelocator #store-map { margin-top: 0px; } .storedetail .store .images { float: left; width: 400px; } .storedetail .store .images li { width: 100%; display: inline-block; padding: 10px 1% 15px 0; } .store .address, .store .opening-hours, .store .directions { float: left; padding: 0; width: 35%; clear: left; } } @media (min-width: 1200px) { .storelocator .store-map-holder { padding-top: 66%; } } /* ========= STORE LOCATOR COMPONENT END ========= */ /* ========= BLOG COMPONENT ========= */ .blogpage #main #page-content { width: 100%; } .blogpage #main #left-nav { display: none; } .blogpage #main .blog-header { margin-bottom: 20px; } .blogpage #main span.security-code { display: inline-block; } .blogpage #main .blog-content h1 { border-bottom-width: 1px; } .blogpage #main .page-numbers { clear: both; } .blogpage #main .blog-sidebar { width: 100%; margin-bottom: 20px; } .blogpage #main .blog-sidebar ul { margin-bottom: 15px; } .blogpage #main .blog-sidebar ul li { margin-top: 15px; } .blogpage #main .blog-sidebar ul li:before, .blogpage #main .blog-sidebar ul li:after { content: ""; display: table; } .blogpage #main .blog-sidebar ul li:after { clear: both; } .blogpage #main .blog-sidebar ul li a, .blogpage #main .blog-sidebar ul li span { margin-right: 3px; } .blogpage #main .blog-sidebar ul li .post-date, .blogpage #main .blog-sidebar ul li .post-author { font-size: 12px; } .blogpage #main .blog-sidebar ul li a.post-author { margin-bottom: 10px; } .blogpage #main .blog-sidebar ul li a.post-author:before { content: "By "; } .blogpage #main .blog-sidebar ul li a.post-name { display: block; } .blogpage #main .blog-sidebar .more-link { cursor: pointer; } .blogpage #main .blog-sidebar .sidebar-section { position: relative; } .blogpage #main .blog-sidebar .sidebar-section:before, .blogpage #main .blog-sidebar .sidebar-section:after { content: ""; display: table; } .blogpage #main .blog-sidebar .sidebar-section:after { clear: both; } .blogpage #main .blog-sidebar .sidebar-section h3 { cursor: pointer; margin: 0; padding: 10px 0; border-top-width: 1px; font-size: 16px; } .blogpage #main .blog-sidebar .sidebar-section h4 { margin: 0; padding: 5px 0; } .blogpage #main .blog-sidebar .sidebar-section:last-child { border-bottom-width: 1px; } .blogpage #main .blog-sidebar .sidebar-section .products { border-bottom: 0; padding-bottom: 0; } .blogpage #main .blog-sidebar .sidebar-section .products .item { width: 100%; margin: 0; float: none; } .blogpage #main .blog-sidebar .sidebar-section .products .item .options { display: none; } .blogpage #main .blog-sidebar .sidebar-section .products .item .buy-now { float: none; } .blogpage #main .blog-sidebar .sidebar-section .products .item button { min-width: 100%; } .blogpage #main .blog-sidebar .blogger-profile .blogger-link { display: none; } .blogpage #main .blog-sidebar .blogger-profile figure { float: left; } .blogpage #main .blog-sidebar .blogger-profile figure img { width: 50px; } .blogpage #main .blog-sidebar .blogger-profile h4 { float: right; width: 75%; font-weight: normal; font-size: 14px; } .blogpage #main .blog-content { width: 100%; float: left; } .blogpage #main .blog-content .blogger-name { margin-left: 5px; } .blogpage #main .blog-content figure img { display: none; } .blogpage #main .blog-content .meta-data p { margin-right: 10px; } .blogpage #main .blog-content .meta-data span, .blogpage #main .blog-content .meta-data a { margin-right: 5px; } .blogpage #main .blog-content .post-date, .blogpage #main .blog-content .post-author { display: inline-block; margin-right: 10px; font-family: "open_sanssemibold"; } .blogpage #main .blog-content .blog-list-item { margin: 0 0 20px 0; border-bottom-width: 4px; } .blogpage #main .blog-content .blog-list-item h2 { margin-bottom: 0; } .blogpage #main .blog-content .blog-list-item h2 a { color: #000000; } .blogpage #main .blog-content .blog-list-item .post-author { font-family: "open_sanssemibold"; } .blogpage #main .blog-content .blog-list-item .post-author:before, .blogpage #main .blog-content .blog-list-item .post-author:after { content: ""; display: table; } .blogpage #main .blog-content .blog-list-item .post-author:after { clear: both; } .blogpage #main .blog-content .post-link, .blogpage #main .blog-content .entry { margin: 20px 0; } .blogpage #main .blog-content .blog-list-item:first-child { border-top-width: 1px; margin-top: 20px; padding-top: 10px; } .blogpage #main .blog-content .post-navigation > div { display: inline-block; } .blogpage #main .blog-content .post-navigation span { display: none; margin-right: 3px; } .blogpage #main .blog-content .post-navigation .previous a, .blogpage #main .blog-content .post-navigation .next a { background: url(sprite.png) center -1021px no-repeat; background-size: 20px; } .blogpage #main .blog-content .post-navigation .previous a { padding-left: 15px; background-position: -5px -221px; } .blogpage #main .blog-content .post-navigation .next a { padding-right: 15px; background-position: 102% -190px; } .blogpage #main .blog-content .post-navigation .next { float: right; } .blogpage #main .blog-content #comments { margin: 30px 0 0; } .blogpage #main .blog-content .blog-reply:before, .blogpage #main .blog-content .blog-reply:after { content: ""; display: table; } .blogpage #main .blog-content .blog-reply:after { clear: both; } .blogpage #main .blog-content .blog-reply h3 { font-size: 20px; } .blogpage #main .blog-content .blog-reply button { float: right; } .blogpage #main .blog-content .blog-reply li.notify label, .blogpage #main .blog-content .blog-reply li.updates label { font-size: 12px; font-weight: normal; } .blogpage #main .blog-content input[type=checkbox] { margin-top: 0; vertical-align: middle; } .blogpage #main .blog-content .reply-link { text-align: right; } .blogpage #main .subscriptions-table { width: 100%; margin-bottom: 20px; } .blogpage #main .subscriptions-table thead { display: none; } .blogpage #main .subscriptions-table tr { border-bottom-width: 1px; margin: 0; padding: 10px 0 15px; position: relative; display: block; } .blogpage #main .subscriptions-table td { padding: 5px 0; display: block; } .blogpage #main .subscriptions-table td.subscription { font-family: "open_sanssemibold"; } .blogpage #main .subscriptions-table td.actions { position: absolute; top: 10px; right: 0; } .blogpage #main .subscriptions-table select { width: 100%; } .blogpage #main button.btn.subscribe { margin-bottom: 10px; width: 100%; } .blogpage #main .blog-comment { display: block; margin: 20px 0; background-color: #aea8a5; padding: 15px; position: relative; } .blogpage #main .blog-comment:before, .blogpage #main .blog-comment:after { content: ""; display: table; } .blogpage #main .blog-comment:after { clear: both; } .blogpage #main .blog-comment .blog-comment { border-width: 0 0 1px 3px; } .blogpage #main .blog-comment .blog-reply { display: none; } .blogpage #main .blog-comment .author, .blogpage #main .blog-comment .comment-date { font-family: "open_sanssemibold"; display: inline-block; margin-right: 5px; } .blogpage #main .blog-comment .comment-body { clear: both; margin-bottom: 15px; } .blogpage #main .profile .blogger-profile { border-top-width: 1px; padding: 15px 0; } .blogpage #main .profile .blogger-profile:before, .blogpage #main .profile .blogger-profile:after { content: ""; display: table; } .blogpage #main .profile .blogger-profile:after { clear: both; } .blogpage #main .profile .blogger-profile h2, .blogpage #main .profile .blogger-description, .blogpage #main .profile .blog-recent { margin-top: 0; float: right; width: 65%; } .blogpage #main .profile .blogger-profile h3 { font-size: 18px; } .blogpage #main .profile .blogger-profile figure { width: 30%; float: left; border-width: 1px; } .blogpage #main .profile .blogger-profile figure img { width: 100%; } .blogpage #main .profile .blogger-profile .blog-recent ul { margin: 0 0 10px 0; } .blogpage #main .profile .blogger-profile .blog-recent li { padding-bottom: 5px; } .blogpage #main .profile .blogger-profile .blog-recent li:before, .blogpage #main .profile .blogger-profile .blog-recent li:after { content: ""; display: table; } .blogpage #main .profile .blogger-profile .blog-recent li:after { clear: both; } .blogpage #main .profile .blogger-profile .blog-recent a, .blogpage #main .profile .blogger-profile .blog_recent span { padding: 0px 5px 0 0px; } /*** IPAD + DESKTOP ***/ @media (min-width: 768px) { .blogpage #main { /* button.btn.subscribe, .blogpage button.subscribe { margin-top: 10px; width: auto; }*/ } .blogpage #main .blog-content, .blogpage #main .blog.subscriptions { width: 65%; float: left; } .blogpage #main .meta-data { float: left; width: 85%; } .blogpage #main .blog-sidebar { width: 25%; float: right; } .blogpage #main .blog-sidebar .collapse.in { display: block; } .blogpage #main .blog-sidebar .blog-subscribe { padding: 15px; border-width: 1px; border-radius: 4px; margin-top: 20px; } .blogpage #main .blog-sidebar .blog-subscribe h3 { border: 0; padding-top: 0; } .blogpage #main .blog-sidebar .blog-subscribe label { display: block; width: 100%; } .blogpage #main .blog-sidebar .blog-subscribe input, .blogpage #main .blog-sidebar .blog-subscribe button { width: 100%; min-width: 100%; } .blogpage #main .blog-comment button { float: right; } .blogpage #main .blog-content .blog-reply button { margin-top: -55px; } .blogpage #main .profile { width: 70%; float: left; } .blogpage #main .profile .blogger-profile:last-child { border-bottom-width: 1px; } .blogpage #main .profile .blogpage .profile .blogger-profile .blogger-description:empty { display: none; } .blogpage #main .profile .blogger-profile figure { float: left; max-width: 210px; } .blogpage #main .subscriptions-table thead { display: table-header-group; background: #edecec; } .blogpage #main .subscriptions-table thead th { padding: 5px 10px; } .blogpage #main .subscriptions-table tbody td { border-bottom-width: 1px; } .blogpage #main .subscriptions-table tr { display: table-row; padding: 0; border: 0; } .blogpage #main .subscriptions-table td { padding: 10px; width: 25%; display: table-cell; } .blogpage #main .subscriptions-table td.subscription { font-weight: normal; } .blogpage #main .subscriptions-table td.actions { text-align: right; width: 10%; position: relative; top: 0; } .blogpage #main .subscriptions-table select { width: 100%; } } /*** DESKTOP ***/ @media (min-width: 1200px) { .blogpage #main .blog-reply li.notify, .blogpage #main li.updates { margin-left: 29%; width: 48%; display: inline-block; } .blogpage #main .blog-reply li.notify label, .blogpage #main li.updates label { width: 90%; margin: 0; } } /* ========= BLOG COMPONENT END ========= */ /* ========= COMPETITIONS ========= */ .competition { /*.page-container{max-width: 880px; margin: 0 auto;}*/ /*h2{ border-bottom: 1px solid #e5e5e5; padding: 0 0 .5em; //margin-bottom: 1em; //font-size: 1.1em }*/ } .competition #left-nav { display: none; } .competition .comp-form form ol { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; flex-direction: column; -webkit-flex-direction: column; } .competition .comp-form form ol li.telephone input.tel_area { margin-bottom: 1em; } .competition .comp-form form ol li.sec-preview p { display: none; } .competition .comp-form form ol li.new-account-prompt { margin-top: 2em; } .competition .comp-form form ol li.new-account-prompt h2 { margin: 0; } .competition .comp-form form ol .btn { background-color: #edd6c4; } .competition .comp-form form ol .btn:hover { background-color: #d5b193; color: #000000; } .competition:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .competition .progress { border: 1px solid #e5e5e5; margin-bottom: 1em; display: none; /*height: 42px;*/ } .competition .progress p { margin: 0; background: #e5e5e5; padding: 10px 0; text-align: center; } .competition.login .progress p { width: 25%; } .competition.entry .progress p { width: 50%; } .competition.friends .progress p { width: 75%; } .competition.complete .progress p { width: 100%; } .competition form li { margin-bottom: 1em; } .competition .instructions { margin-bottom: 1em; } .competition .promo { margin-bottom: 1em; } .competition .agreement label { width: 90%; display: inline-block; margin-left: 5px; } .competition.entry li.security-message, .competition.entry li.security-message label, .competition.entry li.agreement { width: 100% !important; } .competition.entry #securitycode { width: 100%; } .competition.entry li.security-message .inline-error { display: block; } @media (min-width: 768px) { .competition.entry { /*li.telephone{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; .tel_area{ width: 15%;} label {width: 100%;} }*/ /*li.telephone input{ width: 77% }*/ } .competition.entry #securitycode { width: 100%; } .competition { /*form input {width: 300px;}*/ } } @media (min-width: 992px) { .competition.entry li.security-message .inline-error { width: 47%; } } @media (min-width: 1150px) { .competition.entry .firstname, .competition.entry .lastname, .competition.entry .email, .competition.entry .password, .competition.entry .telephone, .competition.entry .comment { width: 46%; } .competition.entry .comp-form form ol { flex-direction: row; -webkit-flex-direction: row; } .competition.entry li.sec-preview { width: 5.2%; } .competition.entry li.sec-preview img { margin-top: 1.8em; } .competition.entry li.sec-code { width: 32.2%; } .competition.friends .comp-form form ol { flex-direction: row; -webkit-flex-direction: row; } .competition.friends .comp-form form ol li.submit { margin-top: 26px; } } /* ========= COMPETITIONS END ========= */