/* normalize.css v3.0.2 | MIT License | git.io/normalize */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: normal; } dfn { font-style: italic; } del { text-decoration: line-through; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; -ms-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; } @-moz-keyframes fadeInDown { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 100% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } @font-face { font-family: 'clanotultra'; src: url(/_ui/desktop/common/js/build/clanot-ultra-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-ultra-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-ultra-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-ultra-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-ultra-webfont.svg#clanotultra) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotbook'; src: url(/_ui/desktop/common/js/build/clanot-book-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-book-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-book-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-book-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-book-webfont.svg#clanotbook) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnews'; src: url(/_ui/desktop/common/js/build/clanot-news-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-news-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-news-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-news-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-news-webfont.svg#clanotnews) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotbold'; src: url(/_ui/desktop/common/js/build/clanot-bold-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-bold-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-bold-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-bold-webfont.svg#clanotbold) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotthin'; src: url(/_ui/desktop/common/js/build/clanot-thin-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-thin-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-thin-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-thin-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-thin-webfont.svg#clanotthin) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotmedium'; src: url(/_ui/desktop/common/js/build/clanot-medium-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-medium-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-medium-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-medium-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-medium-webfont.svg#clanotmedium) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotblack'; src: url(/_ui/desktop/common/js/build/clanot-black-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-black-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-black-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-black-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-black-webfont.svg#clanotblack) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clan_otnarrow_book_italic'; src: url(/_ui/desktop/common/js/build/clanot-narrbookitalic-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrbookitalic-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrbookitalic-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrbookitalic-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrbookitalic-webfont.svg#clan_otnarrow_book_italic) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clan_otbook_italic'; src: url(/_ui/desktop/common/js/build/clanot-bookitalic-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-bookitalic-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-bookitalic-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-bookitalic-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-bookitalic-webfont.svg#clan_otbook_italic) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrowbook'; src: url(/_ui/desktop/common/js/build/clanot-narrowbook-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrowbook-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrowbook-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrowbook-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrowbook-webfont.svg#clanotnarrowbook) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrowmedium'; src: url(/_ui/desktop/common/js/build/clanot-narrowmedium-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrowmedium-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrowmedium-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrowmedium-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrowmedium-webfont.svg#clanotnarrowmedium) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrowbold'; src: url(/_ui/desktop/common/js/build/clanot-narrowbold-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrowbold-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrowbold-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrowbold-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrowbold-webfont.svg#clanotnarrowbold) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrowthin'; src: url(/_ui/desktop/common/js/build/clanot-narrowthin-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrowthin-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrowthin-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrowthin-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrowthin-webfont.svg#clanotnarrowthin) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrownews'; src: url(/_ui/desktop/common/js/build/clanot-narrownews-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrownews-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrownews-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrownews-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrownews-webfont.svg#clanotnarrownews) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrowultra'; src: url(/_ui/desktop/common/js/build/clanot-narrowultra-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrowultra-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrowultra-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrowultra-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrowultra-webfont.svg#clanotnarrowultra) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'clanotnarrowblack'; src: url(/_ui/desktop/common/js/build/clanot-narrowblack-webfont.eot); src: url(/_ui/desktop/common/js/build/clanot-narrowblack-webfont.eot?#iefix) format('embedded-opentype'), url(/_ui/desktop/common/js/build/clanot-narrowblack-webfont.woff) format('woff'), url(/_ui/desktop/common/js/build/clanot-narrowblack-webfont.ttf) format('truetype'), url(/_ui/desktop/common/js/build/clanot-narrowblack-webfont.svg#clanotnarrowblack) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Open Sans'; src: url(/_ui/desktop/common/js/build/opensans-regular.ttf) format('truetype'); font-weight: normal; font-style: normal; } i { font-style: normal; } /* Colors Variable names from _vars.styl Styleguide 1.0 */ /* Primary Colors #cc0000 - red-1 * Used for: Action icons, buttons, sale prices, savings #3d98b0 - blue-1 * Used for: Header bars, header rules, accents #383838 - darkest-gray * Used for: All text unless otherwise indicated #d9d9d9 - light-gray * Used for: Large fields of gray #f1f2f2 - lightest-gray * Used for: Sort bar fields and optional gray when needed and #d9d9d9 is too dark and #f1f2f2 is too light. #eaeaea - gray-10 * Used for: Sort bar fields and optional gray when needed and #d9d9d9 is too dark and #f1f2f2 is too light. Markup:
Styleguide 1.1 */ /* Secondary Colors #a9a9a9 - medium-gray * Used for: Dividing rules, borders on forms, outlines #4f4f4f - dark-gray * Used for: Top Header functions “Province, Store Locator, Help Centre, Language”, Promotional Header Text, background for footer, header navigation bar #9e0000 - red-2 * Used for: Hover states #fdb813 - orange-1 * Ratings star color #ebf4f7 - blue-2 * Used for specific section backgrounds Markup:
Styleguide 1.2 */ /* Other Colors * Note: should be removed or confirmed #e8e7e7 - gray-13 #e2e2e2 - gray-14 #636363 - gray-9 #3a3a3a - footer list item border color #BBBBBB - captcha-border Markup:
Styleguide 1.3 */ /* Typography Variable names from _vars.styl Styleguide 2 */ /* Fonts clanotbook - main-font clanotnews - header-font clanotmedium - medium-font clanotbold - main-font-bold clanotthin - thin-font clan_otbook_italic - sale-indicator-font Markup:
abcdefghijklmnopqrstuvwxyz1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Styleguide 2.1 */ .bg-gray, .cart-item .not-added { background-color: #f1f2f2; } .bg-blue { background-color: #ebf4f7; } .bg-white { background-color: #fff; } .preloader { position: relative; width: 60px; height: 60px; } .preloader:before, .preloader:after { position: absolute; width: 100%; height: 4px; background: #ed2724; content: ""; } .preloader:before { top: 0; right: 0; left: auto; -webkit-animation: drawframeTop 4s linear infinite; -moz-animation: drawframeTop 4s linear infinite; -o-animation: drawframeTop 4s linear infinite; -ms-animation: drawframeTop 4s linear infinite; animation: drawframeTop 4s linear infinite; } .preloader:after { right: auto; bottom: 0; left: 0; -webkit-animation: drawframeBottom 4s linear infinite 1s; -moz-animation: drawframeBottom 4s linear infinite 1s; -o-animation: drawframeBottom 4s linear infinite 1s; -ms-animation: drawframeBottom 4s linear infinite 1s; animation: drawframeBottom 4s linear infinite 1s; } .preloader span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGZpbGw9IiNlZDI3MjQiIGQ9Ik0zMy41Nzc2LDMzLjA3NDV2OS44MzIxaDI4LjUxOTdjOC41ODk1LDAsMTEuNDIwMiwyLjIxMjksMTEuNDIwMiwxMC43OTgzdjYuMjg3NWMwLDguNTkxMS0yLjgzMDcsMTAuODA0LTExLjQyMDIsMTAuODA0SDMzLjg0MTJjLTguNTkwMSwwLTExLjQyNDItMi4yMTI5LTExLjQyNDItMTAuODA0bC0wLjAwMzQtMy4xODU4bDkuMzkyNi0wLjAwMjJ2NS40MDE5aDMyLjMyOTVWNTEuNzU1N0gzNS42MTQ0Yy04LjU5MTcsMC0xMS4zMzc5LTIuMjE2Ny0xMS4zMzc5LTEwLjc5NjZ2LTUuMDQ5M2MwLTguNTkxMiwyLjc0NjItMTAuODA0LDExLjMzNzktMTAuODA0aDI1Ljk1MjNjOC4xNDYsMCwxMS4zMzc5LDIuMTIxMywxMS4zMzc5LDEwLjAwNzdsLTAuMDQ1NSwzLjE3NWwtOS4zNDQ5LDAuMDEzdi01LjIyN0gzMy41Nzc2eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat center; -webkit-background-size: 60px 60px; -moz-background-size: 60px 60px; background-size: 60px 60px; } .preloader span:before, .preloader span:after { position: absolute; width: 4px; height: 100%; background: #ed2724; content: ""; } .preloader span:before { top: auto; right: 0; bottom: 0; -webkit-animation: drawframeRight 4s linear infinite 0.5s; -moz-animation: drawframeRight 4s linear infinite 0.5s; -o-animation: drawframeRight 4s linear infinite 0.5s; -ms-animation: drawframeRight 4s linear infinite 0.5s; animation: drawframeRight 4s linear infinite 0.5s; } .preloader span:after { top: 0; bottom: auto; left: 0; -webkit-animation: drawframeLeft 4s linear infinite 1.5s; -moz-animation: drawframeLeft 4s linear infinite 1.5s; -o-animation: drawframeLeft 4s linear infinite 1.5s; -ms-animation: drawframeLeft 4s linear infinite 1.5s; animation: drawframeLeft 4s linear infinite 1.5s; } .preloader-small { position: relative; width: 30px; height: 30px; } .preloader-small:before, .preloader-small:after { position: absolute; width: 100%; height: 2px; background: #ed2724; content: ""; } .preloader-small:before { top: 0; right: 0; left: auto; -webkit-animation: drawframeTop 4s linear infinite; -moz-animation: drawframeTop 4s linear infinite; -o-animation: drawframeTop 4s linear infinite; -ms-animation: drawframeTop 4s linear infinite; animation: drawframeTop 4s linear infinite; } .preloader-small:after { right: auto; bottom: 0; left: 0; -webkit-animation: drawframeBottom 4s linear infinite 1s; -moz-animation: drawframeBottom 4s linear infinite 1s; -o-animation: drawframeBottom 4s linear infinite 1s; -ms-animation: drawframeBottom 4s linear infinite 1s; animation: drawframeBottom 4s linear infinite 1s; } .preloader-small span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGZpbGw9IiNlZDI3MjQiIGQ9Ik0zMy41Nzc2LDMzLjA3NDV2OS44MzIxaDI4LjUxOTdjOC41ODk1LDAsMTEuNDIwMiwyLjIxMjksMTEuNDIwMiwxMC43OTgzdjYuMjg3NWMwLDguNTkxMS0yLjgzMDcsMTAuODA0LTExLjQyMDIsMTAuODA0SDMzLjg0MTJjLTguNTkwMSwwLTExLjQyNDItMi4yMTI5LTExLjQyNDItMTAuODA0bC0wLjAwMzQtMy4xODU4bDkuMzkyNi0wLjAwMjJ2NS40MDE5aDMyLjMyOTVWNTEuNzU1N0gzNS42MTQ0Yy04LjU5MTcsMC0xMS4zMzc5LTIuMjE2Ny0xMS4zMzc5LTEwLjc5NjZ2LTUuMDQ5M2MwLTguNTkxMiwyLjc0NjItMTAuODA0LDExLjMzNzktMTAuODA0aDI1Ljk1MjNjOC4xNDYsMCwxMS4zMzc5LDIuMTIxMywxMS4zMzc5LDEwLjAwNzdsLTAuMDQ1NSwzLjE3NWwtOS4zNDQ5LDAuMDEzdi01LjIyN0gzMy41Nzc2eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat center; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; } .preloader-small span:before, .preloader-small span:after { position: absolute; width: 2px; height: 100%; background: #ed2724; content: ""; } .preloader-small span:before { top: auto; right: 0; bottom: 0; -webkit-animation: drawframeRight 4s linear infinite 0.5s; -moz-animation: drawframeRight 4s linear infinite 0.5s; -o-animation: drawframeRight 4s linear infinite 0.5s; -ms-animation: drawframeRight 4s linear infinite 0.5s; animation: drawframeRight 4s linear infinite 0.5s; } .preloader-small span:after { top: 0; bottom: auto; left: 0; -webkit-animation: drawframeLeft 4s linear infinite 1.5s; -moz-animation: drawframeLeft 4s linear infinite 1.5s; -o-animation: drawframeLeft 4s linear infinite 1.5s; -ms-animation: drawframeLeft 4s linear infinite 1.5s; animation: drawframeLeft 4s linear infinite 1.5s; } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes drawframeTop { 0% { right: 0; left: auto; width: 100%; } 12.5% { right: 0; left: auto; width: 0%; } 50% { right: auto; left: 0; width: 0%; } 62.5% { right: auto; left: 0; width: 100%; } 100% { right: auto; left: 0; width: 100%; } } @-webkit-keyframes drawframeTop { 0% { right: 0; left: auto; width: 100%; } 12.5% { right: 0; left: auto; width: 0%; } 50% { right: auto; left: 0; width: 0%; } 62.5% { right: auto; left: 0; width: 100%; } 100% { right: auto; left: 0; width: 100%; } } @-o-keyframes drawframeTop { 0% { right: 0; left: auto; width: 100%; } 12.5% { right: 0; left: auto; width: 0%; } 50% { right: auto; left: 0; width: 0%; } 62.5% { right: auto; left: 0; width: 100%; } 100% { right: auto; left: 0; width: 100%; } } @keyframes drawframeTop { 0% { right: 0; left: auto; width: 100%; } 12.5% { right: 0; left: auto; width: 0%; } 50% { right: auto; left: 0; width: 0%; } 62.5% { right: auto; left: 0; width: 100%; } 100% { right: auto; left: 0; width: 100%; } } @-moz-keyframes drawframeBottom { 0% { right: auto; left: 0; width: 100%; } 12.5% { right: auto; left: 0; width: 0%; } 50% { right: 0; left: auto; width: 0%; } 62.5% { right: 0; left: auto; width: 100%; } 100% { right: 0; left: auto; width: 100%; } } @-webkit-keyframes drawframeBottom { 0% { right: auto; left: 0; width: 100%; } 12.5% { right: auto; left: 0; width: 0%; } 50% { right: 0; left: auto; width: 0%; } 62.5% { right: 0; left: auto; width: 100%; } 100% { right: 0; left: auto; width: 100%; } } @-o-keyframes drawframeBottom { 0% { right: auto; left: 0; width: 100%; } 12.5% { right: auto; left: 0; width: 0%; } 50% { right: 0; left: auto; width: 0%; } 62.5% { right: 0; left: auto; width: 100%; } 100% { right: 0; left: auto; width: 100%; } } @keyframes drawframeBottom { 0% { right: auto; left: 0; width: 100%; } 12.5% { right: auto; left: 0; width: 0%; } 50% { right: 0; left: auto; width: 0%; } 62.5% { right: 0; left: auto; width: 100%; } 100% { right: 0; left: auto; width: 100%; } } @-moz-keyframes drawframeRight { 0% { top: auto; bottom: 0; height: 100%; } 12.5% { top: auto; bottom: 0; height: 0%; } 50% { top: 0; bottom: auto; height: 0%; } 62.5% { top: 0; bottom: auto; height: 100%; } 100% { top: 0; bottom: auto; height: 100%; } } @-webkit-keyframes drawframeRight { 0% { top: auto; bottom: 0; height: 100%; } 12.5% { top: auto; bottom: 0; height: 0%; } 50% { top: 0; bottom: auto; height: 0%; } 62.5% { top: 0; bottom: auto; height: 100%; } 100% { top: 0; bottom: auto; height: 100%; } } @-o-keyframes drawframeRight { 0% { top: auto; bottom: 0; height: 100%; } 12.5% { top: auto; bottom: 0; height: 0%; } 50% { top: 0; bottom: auto; height: 0%; } 62.5% { top: 0; bottom: auto; height: 100%; } 100% { top: 0; bottom: auto; height: 100%; } } @keyframes drawframeRight { 0% { top: auto; bottom: 0; height: 100%; } 12.5% { top: auto; bottom: 0; height: 0%; } 50% { top: 0; bottom: auto; height: 0%; } 62.5% { top: 0; bottom: auto; height: 100%; } 100% { top: 0; bottom: auto; height: 100%; } } @-moz-keyframes drawframeLeft { 0% { top: 0; bottom: auto; height: 100%; } 12.5% { top: 0; bottom: auto; height: 0%; } 50% { top: auto; bottom: 0; height: 0%; } 62.5% { top: auto; bottom: 0; height: 100%; } 100% { top: auto; bottom: 0; height: 100%; } } @-webkit-keyframes drawframeLeft { 0% { top: 0; bottom: auto; height: 100%; } 12.5% { top: 0; bottom: auto; height: 0%; } 50% { top: auto; bottom: 0; height: 0%; } 62.5% { top: auto; bottom: 0; height: 100%; } 100% { top: auto; bottom: 0; height: 100%; } } @-o-keyframes drawframeLeft { 0% { top: 0; bottom: auto; height: 100%; } 12.5% { top: 0; bottom: auto; height: 0%; } 50% { top: auto; bottom: 0; height: 0%; } 62.5% { top: auto; bottom: 0; height: 100%; } 100% { top: auto; bottom: 0; height: 100%; } } @keyframes drawframeLeft { 0% { top: 0; bottom: auto; height: 100%; } 12.5% { top: 0; bottom: auto; height: 0%; } 50% { top: auto; bottom: 0; height: 0%; } 62.5% { top: auto; bottom: 0; height: 100%; } 100% { top: auto; bottom: 0; height: 100%; } } body { background: #fff; font-family: clanotbook; font-size: 0.75rem; position: relative; color: #383838; } form { margin-block-end: 0; } .beacon { width: 0; display: none; } .unshown { display: none; } .word-break { word-wrap: break-word; } .full-width { width: 100%; } #selectPciOption { margin-left: 10px; } #page { overflow: hidden; } #content { padding-bottom: 20px; } .page-homepage #content, .page-search #content, .page-productList #content, .page-category #content, .page-subcategory #content { padding-bottom: 0; } @media only screen and (min-width: 48em) { #content { padding-bottom: 40px; } } .help-container { min-height: 450px; } .help-container .customer-support h2, .help-container .section.small_detail h2 { font-family: clanotnews; font-size: 16px; font-size: 1rem; margin-bottom: 0; } .help-container .content-wrap .main-content { padding-top: 0; } .container, .global-messages { padding-left: 15px; padding-right: 15px; max-width: 1024px; margin: 0 auto; position: relative; *zoom: 1; } .container:before, .global-messages:before, .container:after, .global-messages:after { content: ''; display: table; } .container:after, .global-messages:after { clear: both; } .section { *zoom: 1; } .section:before, .section:after { content: ''; display: table; } .section:after { clear: both; } @media only screen and (max-width: 47.9375em) { .mobile-container { *zoom: 1; padding-left: 15px; padding-right: 15px; position: relative; } .mobile-container:before, .mobile-container:after { content: ''; display: table; } .mobile-container:after { clear: both; } } .desktop-container { padding-left: 15px; padding-right: 15px; outline: none; } @media only screen and (min-width: 48em) { .desktop-container { max-width: 1024px; *zoom: 1; margin: 0 auto; position: relative; padding-left: 15px; padding-right: 15px; } .desktop-container:before, .desktop-container:after { content: ''; display: table; } .desktop-container:after { clear: both; } } @media only screen and (min-width: 75em) { .desktop-container { max-width: 1200px; padding-left: 100px; padding-right: 100px; } } .content-wrap { position: relative; *zoom: 1; } .content-wrap:before, .content-wrap:after { content: ''; display: table; } .content-wrap:after { clear: both; } @media only screen and (max-width: 59.9375em) { .large-desktop-only { display: none !important; } } @media only screen and (max-width: 47.9375em) { .desktop-only { display: none !important; } } @media only screen and (min-width: 60em) { .tablet-only { display: none !important; } } @media only screen and (min-width: 48em) { .mobile-only { display: none !important; } } .visible { display: block; } .invisible { display: none; } img, svg { max-width: 100%; display: inline-block; } h1, h2, h3, h4, h5 { font-weight: normal; } h3 { font-size: 16px; font-size: 1rem; margin: 0 0 10px; } h4 { font-family: clanotnews; margin: 0 0 10px; } dl { color: #383838; font-size: 13px; font-size: 0.8125rem; } dt { font-family: clanotnews; } dd { margin: 0; padding-bottom: 10px; } .page-productDetails .product-detail-sections .product-detail-specs h1, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h1, .page-productDetails .product-detail-sections .product-detail-specs h2, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h2, .page-productDetails .product-detail-sections .product-detail-specs h3, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h3, .page-productDetails .product-detail-sections .product-detail-specs h4, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h4, .page-productDetails .product-detail-sections .product-detail-specs h5, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h5, .page-productDetails .product-detail-sections .product-detail-specs h6, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h6 { background: none; border: 0; color: #4f4f4f; font-family: clanotnews; font-weight: normal; margin: 0 0 10px; padding: 0; } .page-productDetails .product-detail-sections .product-detail-specs h1, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h1 { font-size: 24px; font-size: 1.5rem; } .page-productDetails .product-detail-sections .product-detail-specs h2, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h2 { font-size: 22px; font-size: 1.375rem; } .page-productDetails .product-detail-sections .product-detail-specs h3, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h3 { font-size: 20px; font-size: 1.25rem; } .page-productDetails .product-detail-sections .product-detail-specs h4, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h4 { font-size: 18px; font-size: 1.125rem; } .page-productDetails .product-detail-sections .product-detail-specs h5, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h5 { font-size: 16px; font-size: 1rem; } .page-productDetails .product-detail-sections .product-detail-specs h6, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs h6 { font-size: 14px; font-size: 0.875rem; } .page-productDetails .product-detail-sections .product-detail-specs a, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs a { text-decoration: underline; } .page-productDetails .product-detail-sections .product-detail-specs ul, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs ul, .page-productDetails .product-detail-sections .product-detail-specs ol, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs ol { margin-left: 6px; } .page-productDetails .product-detail-sections .product-detail-specs table, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs table { border: 0; margin-bottom: 10px; } .page-productDetails .product-detail-sections .product-detail-specs table caption, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs table caption { border-bottom: 1px #a5a5a5 solid; font-family: clanotbold; padding: 15px 0; text-align: left; text-transform: uppercase; } .page-productDetails .product-detail-sections .product-detail-specs table tr:nth-child(odd) td, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs table tr:nth-child(odd) td { background: #f6f6f6; } .page-productDetails .product-detail-sections .product-detail-specs table td, .page-cellWithDataPlanDetails .product-detail-sections .product-detail-specs table td { border: 0; color: #000; font-size: 14px; font-size: 0.875rem; padding: 10px 22px; } /* Divider Rule Markup:
Styleguide 14.6 */ hr { border-color: #d9d9d9; border-style: solid; border-top: none; margin: 20px 0; } p { font-size: 14px; font-size: 0.875rem; margin: 0 0 20px; line-height: 130%; } sup { font-size: 6px; font-size: 0.375rem; } strong { font-family: clanotmedium; font-weight: normal; } a { color: #c00; font-family: clanotnews; text-decoration: none; } a.link-invert { color: #383838; font-family: 'Roboto', 'Arial', sans-serif; font-weight: 500; } a.link-dark { color: #383838; } a:hover, a:active, a:focus { color: #9e0000; } ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style-type: none; } .product-detail-section-content ul li { list-style-type: inherit; } .product-detail-section-content ol li { list-style-type: inherit; } .yCmsContentSlot .content ul li { list-style-type: inherit; margin-left: 3%; } .yCmsContentSlot .content ol li { list-style-type: inherit; margin-left: 3%; } .alert.negative { color: #c00; font-family: clanotbold; padding-top: 25px; } .emptyMessage { font-family: clanotbold; } .more { display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #c00; margin-left: 6px; margin-top: -2px; top: -1px; } @media only screen and (max-width: 47.9375em) { .more { margin-left: 5px; } } .view-all-link, .header-wrap a, .promo-text a { color: #fff; background: #c00; position: absolute; bottom: 0; left: 0; width: 100%; display: block; text-align: center; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; padding: 20px; } .view-all-link:hover, .header-wrap a:hover, .promo-text a:hover, .view-all-link:focus, .header-wrap a:focus, .promo-text a:focus { background: #9e0000; color: #fff; } .skip, .skiptocontent, .skiptonavigation { position: absolute; top: 0; left: -99999px; } .skip-main-content-link { background: #dff0d8; border-color: #d6e9c6; color: #3c763d; padding: 5px; position: absolute; top: 10px; left: -99999px; } .skip-main-content-link:focus { color: #3c763d; left: 10px; z-index: 999; } .page-multiStepCheckoutSummaryPage .prim-nav, .page-orderConfirmationPage .prim-nav { display: none; } .header-wrap { margin-bottom: 20px; text-align: left; } .header-wrap .content { display: inline-block; text-align: left; } .header-wrap .section-header { line-height: 100%; margin: 0; vertical-align: middle; } .header-wrap .section-header--wrapped { padding-left: 12px !important; } .header-wrap a { line-height: 40px; padding: 0 14px; margin: 0 5%; width: 90%; } .breadcrumb-module { display: block; max-width: 1024px; margin: 0 auto; padding: 0; position: relative; z-index: 6; *zoom: 1; } .breadcrumb-module:before, .breadcrumb-module:after { content: ''; display: table; } .breadcrumb-module:after { clear: both; } .breadcrumb-module .button { margin-top: 20px; float: none !important; } .page-account .breadcrumb-module { display: none; } .page-batteryFinder .breadcrumb-module { display: none; } @media only screen and (min-width: 48em) { .container.battery-finder-container, .global-messages.battery-finder-container { padding-left: 45px; padding-right: 45px; } } .container.battery-finder-container iframe, .global-messages.battery-finder-container iframe { border: 0px none transparent; } @media only screen and (max-width: 48.6875em) { .best-price.breadcrumb-module ul.breadcrumbs { border-bottom: none; width: 100%; right: inherit; padding-left: 0px; } } @media only screen and (max-width: 37.6875em) { .best-price.breadcrumb-module ul.breadcrumbs:after { content: ' '; width: 110%; border-bottom: 1px solid #d3d3d3; position: relative; right: 5%; } } .best-price +.section.section2 { padding-bottom: 0px; } .breadcrumbs { font-family: clanotbook; color: #383838; margin-bottom: 0; border-bottom: 1px solid #d9d9d9; padding: 15px 0 15px 15px; } @media only screen and (max-width: 47.9375em) { .breadcrumbs { width: 110%; position: relative; right: 5%; padding-left: 30px; } } .breadcrumbs li { display: inline-block; } .breadcrumbs li:before { content: ">"; color: #383838; } .breadcrumbs li:first-child:before { content: none; } .breadcrumbs li:nth-last-child(2) { display: inline-block; } .breadcrumbs li:last-child { color: #a9a9a9; } .breadcrumbs li:last-child span { width: auto; max-width: 200px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 47.9375em) { .breadcrumbs li:last-child span { line-height: 1.21em; } } .breadcrumbs li:last-child:hover { color: #a9a9a9; } .breadcrumbs li:last-child a { color: #a9a9a9; cursor: default; } .breadcrumbs a { color: #383838; font-family: clanotbook; } .breadcrumbs a:hover { color: #383838; } @media only screen and (max-width: 59.9375em) { .breadcrumbs--red-arrow li { max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } @media only screen and (max-width: 47.9375em) { .breadcrumbs--red-arrow { padding-left: 15px !important; padding-right: 15px; width: 100%; right: 0; white-space: normal !important; } .breadcrumbs--red-arrow li { display: none; } .breadcrumbs--red-arrow li:before { display: none; } .breadcrumbs--red-arrow li:not(:last-child):after { content: '❯'; display: inline-block; vertical-align: middle; margin: 0 2px; color: #ef413d; font-size: 0.55rem; line-height: 1; } .breadcrumbs--red-arrow li:last-child { display: inline-block; } .breadcrumbs--red-arrow li:last-child a { color: #383838; } .breadcrumbs--red-arrow li:not(:last-child):not(:nth-last-child(2)) { display: none; } } .red-sidebar-header { background: none; color: #383838; font-family: clanotnews; font-size: 22px; font-size: 1.375rem; padding: 0; text-transform: uppercase; line-height: 120%; margin-top: 22px; margin-bottom: 22px; } .sidebar-header { background: none; color: #383838; font-family: clanotnews; font-size: 18px; font-size: 1.125rem; margin-top: 0; padding: 0; text-transform: uppercase; } .sidebar-wrap { height: 100%; } .sidebar-wrap .breadcrumbs { white-space: nowrap; } .sidebar-wrap .headline { display: none; } .sidebar-subnav { -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25); display: block; margin: 0 0 20px; } .page-subcategory .sidebar-subnav { margin-bottom: 0; } .sidebar-subnav .headline { font-family: clanotnews; text-transform: uppercase; padding-left: 15px; padding-bottom: 15px; } .sidebar-subnav li { border-top: 1px solid #d9d9d9; display: block; font-family: clanotnews; font-size: 15px; font-size: 0.9375rem; line-height: 100%; margin: 0; padding: 0; } .sidebar-subnav li h3 { display: block; font-family: clanotnews; font-size: 15px; font-size: 0.9375rem; line-height: 100%; margin: 0; padding: 0; } .sidebar-subnav li h3.active { font-family: clanotmedium; } .sidebar-subnav li.active a, .sidebar-subnav li .active { font-family: clanotmedium; } .sidebar-subnav a { color: #383838; display: block; font-family: clanotnews; padding: 15px; } .sidebar-subnav a:focus { background: #c00; color: #fff; } .sidebar-ad { display: none; } /* Star Rating * Note: inline styles for styleguide only. Width is dynamically calculated. Markup:
.boldchat-support-link clip rect(0px,1px,1px,0px) position absolute border 0 Styleguide 14.2 */ .stars-wrapper { font-size: 12px; font-size: 0.75rem; } .star-wrap { height: 16px; width: 80px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRDRENEQ0IiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KICAgIDMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) repeat-x left center; -webkit-background-size: 16px 14px; -moz-background-size: 16px 14px; background-size: 16px 14px; *zoom: 1; } .star-wrap:before, .star-wrap:after { content: ''; display: table; } .star-wrap:after { clear: both; } .star-wrap.item-rating { display: inline-block; } .star-img { position: relative; display: inline-block; height: 16px; width: 16px; float: left; } .star-img:after { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCiAgICAgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KICAgIDMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=); -webkit-transform: scale(0.35); -moz-transform: scale(0.35); -o-transform: scale(0.35); -ms-transform: scale(0.35); transform: scale(0.35); display: block; height: 46px; width: 46px; position: absolute; top: -14px; left: -14px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .star-img:after { top: -15px; left: -15px; } } .truncate { overflow: hidden; word-wrap: break-word; } .text-overflow-ellipsis, .popup-payment #cboxContent #cboxTitle { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; } .hidden { display: none; } .hidden-component { display: none !important; } .clear_fix { zoom: 1; } .clear_fix:before, .clear_fix:after { content: ""; display: table; } .clear_fix:after { clear: both; } .original-price { text-align: right; color: #383838; line-height: 140%; font-size: 12px; font-size: 0.75rem; margin-bottom: 4px; } @media only screen and (max-width: 47.9375em) { .original-price { text-align: left; } } .sale-price, .cart-sale-price { text-align: right; font-size: 16px; font-size: 1rem; font-family: clanotmedium; color: #c00; margin-bottom: 2px; } .common-price { color: #4f4f4f !important; } .cart-sale-price { color: #4f4f4f; } .acp-price { font-size: 13px; font-size: 0.8125rem; } .sale-text { font-family: clanotbook; font-size: 12px; font-size: 0.75rem; } .alt-prices { text-align: right; } @media only screen and (max-width: 47.9375em) { .alt-prices { text-align: left; } } /* Availability Icons .in-stock - In stock .out-of-stock - Out of stock .limited-stock - Limited Stock Markup:
Lorem Ipsum
Styleguide 14.4 */ .availability-label { font-size: 14px; font-size: 0.875rem; font-family: clanotnews; margin-bottom: 5px; } .availability-text { position: relative; padding-left: 18px; padding-right: 14px; } .availability-text::before { content: ''; display: block; position: absolute; left: 0; top: 0; } .availability-text.in-stock::before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExLjk2NCA5Ljk1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEuOTY0IDkuOTU3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojMEFBODRCOyIgZD0iTTAsNS4wMzVsMS4wMjMtMC45MTFDMi4yMiw0LjY4MSwyLjk3OSw1LjEwNiw0LjMyNCw2LjAyOUM2Ljg1MywzLjI2NSw4LjUyNCwxLjg2MiwxMS42MzEsMA0KCWwwLjMzMywwLjczOEM5LjQwMiwyLjg5MSw3LjUyNiw1LjI5LDQuODI1LDkuOTU3QzMuMTU4LDguMDY3LDIuMDQ2LDYuODYyLDAsNS4wMzV6Ii8+DQo8L3N2Zz4NCg==); height: 5px; width: 10px; } .availability-text.limited-stock::before { content: '!'; font-family: clanotblack; font-size: 14px; font-size: 0.875rem; color: #fdb814; top: 1px; width: 12px; text-align: center; } .availability-text.out-of-stock::before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwIDEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMCAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0NCMjAyNzsiIGQ9Ik0xMCw4LjI1MUw2Ljc0OCw0Ljk5OUwxMCwxLjc0OEw4LjI1MSwwTDUsMy4yNTJMMS43NDgsMEwwLDEuNzQ4TDMuMjUyLDVMMCw4LjI1MkwxLjc0NywxMEw1LDYuNzQ3DQoJTDguMjUzLDEwTDEwLDguMjUxeiIvPg0KPC9zdmc+DQo=); height: 5px; width: 10px; } .no-touch .view-options { display: none; } .view-options { text-align: center; background: #fff; } .view-options .button { text-align: center; display: block; color: #383838; padding: 10px 0; } .view-options .mobile-site-button { display: none; } .view-options.full-view .full-site-button { display: none; } .view-options.full-view .mobile-site-button { display: block; } .view-options.mobile-view .full-site-button { display: block; } .view-options.mobile-view .mobile-site-button { display: none; } .loading-icon { display: block; margin: 0 auto; } .accesibility-legend { display: block; text-indent: -9999px; white-space: nowrap; overflow: hidden; height: 0; } .page-productList .sidebar-wrap .headline, .page-search .sidebar-wrap .headline { display: block; } @media only screen and (max-width: 47.9375em) { .page-trackOrder .parsley-errors-list .parsley-pattern, .page-trackOrder .breadcrumbs { padding-left: 0; } .page-saved-warranties .account-content .header-wrap .section-header { padding-bottom: 0; margin-bottom: 0; } .page-saved-warranties .account-content .header-wrap .section-header:after { display: none; } .page-saved-warranties .account-content .manage-coupons .page-description { font-size: 13px; font-size: 0.8125rem; } .page-saved-warranties .account-container .breadcrumbs { display: inherit; } .sidebar-header { font-size: 18px; font-size: 1.125rem; font-family: clanotmedium; padding: 24px 15px; margin-bottom: 0; border-bottom: 1px solid #d9d9d9; } .page-multiStepCheckoutSummaryPage .desktop-container, .desktop-container.category-container { padding-left: 0; padding-right: 0; } .breadcrumbs li:before { margin: 0 -2px; } .breadcrumbs li { display: inline-block; } .breadcrumbs li:before { content: ">"; } } @media only screen and (min-width: 48em) { .beacon { width: 768px; } #content { padding-bottom: 60px; min-height: 600px; } h2 { font-size: 20px; font-size: 1.25rem; margin-bottom: 24px; } .view-all-link, .header-wrap a, .promo-text a { display: inline-block; vertical-align: top; position: relative; padding: 15px 15px 16px; width: auto; margin-left: 1px; } .header-wrap a { vertical-align: middle; bottom: 0; margin: 0 auto; width: auto; line-height: 23px; height: 49px; } .header-wrap .section-header { line-height: 100%; } .breadcrumb-module.container { padding: 0 15px; } .breadcrumbs { border-bottom: none; padding: 0; margin: 25px 0 30px; line-height: 1em; } .breadcrumbs li { display: inline-block; } .breadcrumbs li:nth-last-child(2) { margin-left: 0; } .source-banner { *zoom: 1; display: block; position: relative; width: 100%; } .source-banner:before, .source-banner:after { content: ''; display: table; } .source-banner:after { clear: both; } .source-banner .image-wrap { max-height: 90px; margin-bottom: 50px; } .source-banner img { display: block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: none; position: absolute; top: 0; } .main-content { float: right; width: calc(100% - 250px); z-index: 1; max-width: 100%; } .main-content .image-wrap { max-width: 100%; } .sidebar-wrap.hidden + .main-content { padding-left: 0; } .section { overflow: hidden; } .section.section2:empty { display: none; } .sidebar-wrap { left: 0; top: 0; width: 205px; padding-top: 30px; z-index: 5; float: left; } .sidebar-wrap .headline { padding-bottom: 0; padding-left: 0; } .help-container .sidebar-wrap { padding-top: 0px; } .help-container .sidebar-wrap h1.headline { display: block; } .sidebar-subnav { -webkit-box-shadow: none; box-shadow: none; margin: 0 0 40px; } .page-subcategory .sidebar-subnav { margin-bottom: 40px; } .sidebar-subnav ul { display: block; } .sidebar-subnav li { border-top: none; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; } .sidebar-subnav li h3 { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; } .sidebar-subnav li .sub-navigation { padding: 20px 0 0 15px; } .sidebar-subnav a { font-family: clanotbook; padding: 0; margin-bottom: 25px; line-height: 100%; cursor: pointer; } .sidebar-subnav a:hover, .sidebar-subnav a:focus { background: none; color: #9e0000; } .sidebar-subnav .sub-navigation li.active { display: inline-block; margin-bottom: 25px; } .sidebar-ad { display: block; margin-bottom: 60px; width: 208px; } .product-list-container > .hgroup { position: relative; z-index: 2; } .sidebar-header { font-size: 22px; font-size: 1.375rem; margin-bottom: 22px; line-height: 100%; } .col-1of3 { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 31.33333333333333%; margin-left: 0%; margin-right: 3%; } .col-1of3:before, .col-1of3:after { content: ''; display: table; } .col-1of3:after { clear: both; } .col-1of3:last-child { margin-right: 0%; } .col-1of2 { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 48.5%; margin-left: 0%; margin-right: 3%; } .col-1of2:before, .col-1of2:after { content: ''; display: table; } .col-1of2:after { clear: both; } .col-1of2:last-child { margin-right: 0%; } } @media only screen and (min-width: 75em) { .breadcrumbs li:last-child span { width: 600px; } .container, .global-messages { max-width: 1200px; padding-left: 100px; padding-right: 100px; } .breadcrumb-module.container { max-width: 1200px; padding: 0 100px; } } .check-gift-card-container #cboxContent #cboxLoadedContent { margin-bottom: 0; } #cardErrorMsg, .card-error-msg { padding-bottom: 10px; } .ajax-loader { position: relative; width: 30px; height: 30px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; z-index: 1; } .ajax-loader:before, .ajax-loader:after { position: absolute; width: 100%; height: 2px; background: #ed2724; content: ""; } .ajax-loader:before { top: 0; right: 0; left: auto; -webkit-animation: drawframeTop 4s linear infinite; -moz-animation: drawframeTop 4s linear infinite; -o-animation: drawframeTop 4s linear infinite; -ms-animation: drawframeTop 4s linear infinite; animation: drawframeTop 4s linear infinite; } .ajax-loader:after { right: auto; bottom: 0; left: 0; -webkit-animation: drawframeBottom 4s linear infinite 1s; -moz-animation: drawframeBottom 4s linear infinite 1s; -o-animation: drawframeBottom 4s linear infinite 1s; -ms-animation: drawframeBottom 4s linear infinite 1s; animation: drawframeBottom 4s linear infinite 1s; } .ajax-loader span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGZpbGw9IiNlZDI3MjQiIGQ9Ik0zMy41Nzc2LDMzLjA3NDV2OS44MzIxaDI4LjUxOTdjOC41ODk1LDAsMTEuNDIwMiwyLjIxMjksMTEuNDIwMiwxMC43OTgzdjYuMjg3NWMwLDguNTkxMS0yLjgzMDcsMTAuODA0LTExLjQyMDIsMTAuODA0SDMzLjg0MTJjLTguNTkwMSwwLTExLjQyNDItMi4yMTI5LTExLjQyNDItMTAuODA0bC0wLjAwMzQtMy4xODU4bDkuMzkyNi0wLjAwMjJ2NS40MDE5aDMyLjMyOTVWNTEuNzU1N0gzNS42MTQ0Yy04LjU5MTcsMC0xMS4zMzc5LTIuMjE2Ny0xMS4zMzc5LTEwLjc5NjZ2LTUuMDQ5M2MwLTguNTkxMiwyLjc0NjItMTAuODA0LDExLjMzNzktMTAuODA0aDI1Ljk1MjNjOC4xNDYsMCwxMS4zMzc5LDIuMTIxMywxMS4zMzc5LDEwLjAwNzdsLTAuMDQ1NSwzLjE3NWwtOS4zNDQ5LDAuMDEzdi01LjIyN0gzMy41Nzc2eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat center; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; } .ajax-loader span:before, .ajax-loader span:after { position: absolute; width: 2px; height: 100%; background: #ed2724; content: ""; } .ajax-loader span:before { top: auto; right: 0; bottom: 0; -webkit-animation: drawframeRight 4s linear infinite 0.5s; -moz-animation: drawframeRight 4s linear infinite 0.5s; -o-animation: drawframeRight 4s linear infinite 0.5s; -ms-animation: drawframeRight 4s linear infinite 0.5s; animation: drawframeRight 4s linear infinite 0.5s; } .ajax-loader span:after { top: 0; bottom: auto; left: 0; -webkit-animation: drawframeLeft 4s linear infinite 1.5s; -moz-animation: drawframeLeft 4s linear infinite 1.5s; -o-animation: drawframeLeft 4s linear infinite 1.5s; -ms-animation: drawframeLeft 4s linear infinite 1.5s; animation: drawframeLeft 4s linear infinite 1.5s; } .checkout-loader { position: relative; width: 30px; height: 30px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; } .checkout-loader:before, .checkout-loader:after { position: absolute; width: 100%; height: 2px; background: #ed2724; content: ""; } .checkout-loader:before { top: 0; right: 0; left: auto; -webkit-animation: drawframeTop 4s linear infinite; -moz-animation: drawframeTop 4s linear infinite; -o-animation: drawframeTop 4s linear infinite; -ms-animation: drawframeTop 4s linear infinite; animation: drawframeTop 4s linear infinite; } .checkout-loader:after { right: auto; bottom: 0; left: 0; -webkit-animation: drawframeBottom 4s linear infinite 1s; -moz-animation: drawframeBottom 4s linear infinite 1s; -o-animation: drawframeBottom 4s linear infinite 1s; -ms-animation: drawframeBottom 4s linear infinite 1s; animation: drawframeBottom 4s linear infinite 1s; } .checkout-loader span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGZpbGw9IiNlZDI3MjQiIGQ9Ik0zMy41Nzc2LDMzLjA3NDV2OS44MzIxaDI4LjUxOTdjOC41ODk1LDAsMTEuNDIwMiwyLjIxMjksMTEuNDIwMiwxMC43OTgzdjYuMjg3NWMwLDguNTkxMS0yLjgzMDcsMTAuODA0LTExLjQyMDIsMTAuODA0SDMzLjg0MTJjLTguNTkwMSwwLTExLjQyNDItMi4yMTI5LTExLjQyNDItMTAuODA0bC0wLjAwMzQtMy4xODU4bDkuMzkyNi0wLjAwMjJ2NS40MDE5aDMyLjMyOTVWNTEuNzU1N0gzNS42MTQ0Yy04LjU5MTcsMC0xMS4zMzc5LTIuMjE2Ny0xMS4zMzc5LTEwLjc5NjZ2LTUuMDQ5M2MwLTguNTkxMiwyLjc0NjItMTAuODA0LDExLjMzNzktMTAuODA0aDI1Ljk1MjNjOC4xNDYsMCwxMS4zMzc5LDIuMTIxMywxMS4zMzc5LDEwLjAwNzdsLTAuMDQ1NSwzLjE3NWwtOS4zNDQ5LDAuMDEzdi01LjIyN0gzMy41Nzc2eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat center; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; } .checkout-loader span:before, .checkout-loader span:after { position: absolute; width: 2px; height: 100%; background: #ed2724; content: ""; } .checkout-loader span:before { top: auto; right: 0; bottom: 0; -webkit-animation: drawframeRight 4s linear infinite 0.5s; -moz-animation: drawframeRight 4s linear infinite 0.5s; -o-animation: drawframeRight 4s linear infinite 0.5s; -ms-animation: drawframeRight 4s linear infinite 0.5s; animation: drawframeRight 4s linear infinite 0.5s; } .checkout-loader span:after { top: 0; bottom: auto; left: 0; -webkit-animation: drawframeLeft 4s linear infinite 1.5s; -moz-animation: drawframeLeft 4s linear infinite 1.5s; -o-animation: drawframeLeft 4s linear infinite 1.5s; -ms-animation: drawframeLeft 4s linear infinite 1.5s; animation: drawframeLeft 4s linear infinite 1.5s; } .underline { text-decoration: underline; } .underline:hover { color: #9e0000; } .gm-style div[aria-hidden="true"] { display: inherit; } .touch .print { display: none; } .no-touch .print { display: inline-block; } @-ms-viewport { width: device-width; zoom: 1; } @media print { #content { padding-bottom: 20px; } } .a2apage_wide.a2a_wide { display: none; } section:focus, div:focus, aside:focus, article:focus { outline-color: transparent; } #map_canvas *:focus, .storeMap:focus { outline-color: invert; outline-color: currentColor; outline-color: -webkit-focus-ring-color; } .carousel-wrap { -ms-touch-action: pan-y; } .promotional-content { padding: 20px 0; } .colorbox-close { display: block; width: 0px; height: 0px; overflow: hidden; text-indent: -9999px; } .m-b-10 { margin-bottom: 10px; } .m-b-20 { margin-bottom: 20px; } .m-b-40 { margin-bottom: 40px; } span.checkbox-focus, span.errors-container, #find-in-store-error-container, span.star-wrap, span.field-title, span.rating-text { display: block; } @media only screen and (max-width: 47.9375em) { .a-spot-info { padding: 15px; } .page-search footer.sidebar-expanded { position: relative; top: -5px; } } .js .show-if-has-marked-content { display: none; } @media print { .desktop-container { max-width: 1024px; *zoom: 1; margin: 0 auto; position: relative; padding-left: 15px; padding-right: 15px; } .mobile-only { display: none !important; } #product-reviews { display: none; } #product-questions { display: none; } } .account-navigation-section .accordion-content .active a { margin-bottom: 0px; } .alt-user-price { color: #3d98b0; font-family: clanotmedium; font-size: 16px; font-size: 1rem; margin-bottom: 3px; } .alt-user-ehf { font-weight: 400; font-family: clanotbook; font-size: 13px; font-size: 0.8125rem; margin-top: 5px; color: #000; } .alt-user-price-title { font-size: 18px; font-size: 1.125rem; } .alt-user-sale-price { color: #c00; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; margin-top: 3px; } .alt-user-sale-price .pdp-sale-text { font-size: 12px; font-size: 0.75rem; } .productDetailsPanel .pdp-price-wrap.pdp-dealer-price-wrap { width: 100%; } .productDetailsPanel .pdp-price-wrap.pdp-dealer-price-wrap:after { display: none; } .productDetailsPanel .pdp-price-wrap .alt-user-price { font-size: 22px; font-size: 1.375rem; } .productDetailsPanel .pdp-price-wrap .alt-user-future-sale-price { margin-bottom: 10px; font-size: 12px; font-size: 0.75rem; color: #c00; } .prices-duration { margin-bottom: 10px; margin-top: 10px; } .sell-through-price { font-size: 12px; font-size: 0.75rem; font-family: clanotnews; line-height: 140%; margin-bottom: 10px; } .sell-through-price .future-promo-price { color: #c00; } .sell-through-price .future-promo-price span { color: #c00; } .sell-through-duration { font-size: 11px; font-size: 0.6875rem; font-family: clanotbook; display: inline; white-space: nowrap; color: #4f4f4f; margin-bottom: 10px; } .list-view .sell-through-duration, .wishlist-wrapper .sell-through-duration { display: block; } .cart-item-price .alt-user-price { margin-bottom: 10px; } .price-duration { font-size: 11px; font-size: 0.6875rem; font-family: clanotbook; display: inline; color: #4f4f4f; margin-bottom: 10px; } /* Header Styleguide 3.0 */ .site-header { position: relative; background: #f1f2f2; font-family: clanotnews; } .site-header .user-name { font-size: 0.8125rem; color: #4f4f4f; } .site-header .dealer-header { padding: 10px 10px 20px 15px !important; } .site-header .dealer-header .image-wrap-dealer { height: auto !important; } .site-header .dealer-header .image-wrap-dealer img { height: 45px !important; } .site-header .container { padding: 0; min-height: 59px; } .kiosk-header { font-family: clanotbold; position: absolute; font-size: 45px; font-size: 2.8125rem; top: 47px; left: 340px; color: #c90000; } .value-prop { background: #fff; color: #4f4f4f; font-family: clanotmedium; position: relative; text-transform: uppercase; text-align: center; *zoom: 1; } .value-prop:before, .value-prop:after { content: ''; display: table; } .value-prop:after { clear: both; } .value-prop .container { padding: 0; } .value-prop li { padding-left: 6px; margin-left: 25px; display: none; position: relative; } .value-prop li:before { content: "."; position: relative; font-size: 20px; font-size: 1.25rem; height: 12px; left: -15px; bottom: 0.2em; } .value-prop li:first-child { margin-left: 0; margin-right: 0; display: block; } .value-prop li:first-child:before { content: none; } .value-prop li:last-child { margin-right: 0; } .value-prop li a { color: #4f4f4f; font-family: clanotmedium; } .value-prop li a:hover, .value-prop li a:focus { color: #9e0000; } .value-prop li a:hover svg, .value-prop li a:focus svg { fill: #9e0000; } .value-prop .tool-title { display: inline; } .value-prop img { height: 15px; margin-right: 10px; vertical-align: middle; width: auto; } .header-item { display: inline-block; padding: 0 10px; vertical-align: middle; } .header-item a { display: inline-block; } .logo { text-align: left; } .logo img { width: 100%; max-width: 155px; } .utility-nav { text-align: right; } .utility-nav a { color: #383838; text-decoration: none; max-width: 77px; } .utility-nav a:hover, .utility-nav a:focus { color: #9e0000; } .utility-nav img { vertical-align: middle; height: 16px; } @media only screen and (max-width: 47.9375em) { .utility-nav img { height: 20px; } } .utility-nav-list, .utility-nav-list > li > .sortable { list-style: none; padding: 0; font-size: 0; margin: 0; } .utility-nav-list > li, .utility-nav-list > li > .sortable > li { position: relative; display: inline-block; vertical-align: top; text-align: center; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #d9d9d9; font-size: 0; } .utility-nav-list > li:first-child, .utility-nav-list > li > .sortable > li:first-child { padding-left: 0; margin-left: 0; border: none; } .utility-nav-list > li:first-child a, .utility-nav-list > li > .sortable > li:first-child a { max-width: 25px; } .utility-nav-list > li:last-child a, .utility-nav-list > li > .sortable > li:last-child a { max-width: 160px; } .utility-nav-list #miniCartWrapper, .utility-nav-list > li > .sortable #miniCartWrapper { position: relative; } @media only screen and (max-width: 47.9375em) { .utility-nav-list .help-center, .utility-nav-list > li > .sortable .help-center, .utility-nav-list .my-account, .utility-nav-list > li > .sortable .my-account, .utility-nav-list .shop-flyer, .utility-nav-list > li > .sortable .shop-flyer { display: none !important; } } @media only screen and (max-width: 47.9375em) { .location-title, .utility-nav-list .tool-title { display: none !important; } } .tool-title sub { color: #4f4f4f; font-family: clanotmedium; font-size: 11px; font-size: 0.6875rem; bottom: 0; text-transform: none; } .site-info { list-style: none; margin: 0 0 15px 0; padding: 0; text-align: left; font-family: clanotnews; color: #4f4f4f; float: right; width: auto; position: relative; max-height: 30px; zoom: 1; display: table; } @media only screen and (max-width: 47.9375em) { .site-info { display: none !important; } } .site-info:before, .site-info:after { content: ""; display: table; } .site-info:after { clear: both; } .site-info li { position: relative; display: inline-block; vertical-align: bottom; font-size: 0; text-align: left; margin-right: 20px; display: table-cell; padding-right: 20px; } .site-info li:last-child { width: auto; margin-right: 0px; padding-right: 0px; } .site-info li:last-child a { padding-right: 0; } @media only screen and (min-width: 64em) { .site-info li { width: auto !important; max-width: none; } } .site-info a { color: #4f4f4f; font-size: 13px; font-size: 0.8125rem; } .site-info a:hover, .site-info a:focus { color: #9e0000; } .site-info a .dropdown-icon { margin-left: 3px; width: 8px; right: -12px; } .site-info .control-group { margin: 0; } .expanded #desktop-province-link svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mini-cart-count { background: #383838; color: #fff; font-size: 12px; font-size: 0.75rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: absolute; top: -4px; left: -4px; height: 20px; width: 25px; border-radius: 15px; border: 2px solid #f1f2f2; font-family: clanotmedium; } @media only screen and (max-width: 47.9375em) { .mini-cart-count { top: -2px; left: -2px; } } .count-inner { display: inline-block; line-height: 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .count-inner { padding-top: 1px; } } .lang-selector { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0; font-size: 13px; font-size: 0.8125rem; } .lang-selector:hover, .lang-selector:focus { color: #9e0000; } .checkout-header { display: none; background: #fff; -webkit-box-shadow: 0 0px 12px 2px rgba(0,0,0,0.15); box-shadow: 0 0px 12px 2px rgba(0,0,0,0.15); height: 60px; margin-bottom: 50px; overflow: visible; position: relative; } .checkout-header .logo { margin: 10px 0; position: relative; text-align: left; width: auto; z-index: 10; } .checkout-header .logo img { height: 40px; } .checkout-utility-nav { padding: 15px; position: absolute; right: 0; text-align: right; top: 0; width: 100%; z-index: 5; } .checkout-utility-nav .chat { font-family: clanotmedium; font-size: 12px; font-size: 0.75rem; line-height: 100%; padding: 10px 22px 10px 0; position: relative; text-transform: uppercase; width: 4rem; height: 41px; } .checkout-utility-nav .chat .disabled-bold-chat-button { color: #a9a9a9; } .checkout-utility-nav .chat .icon { display: block; height: 12px; position: absolute; right: 0; top: 10px; width: 16px; } .checkout-utility-nav .chat a { color: #383838; display: block; } .checkout-utility-nav .chat a:hover { color: #9e0000; } .checkout-utility-nav .chat .bcText { position: absolute; bottom: 0; right: 0; background: #fff; } .checkout-utility-nav .cart { clear: both; display: block; padding-top: 64px; text-align: left; width: 100%; } .page-orderConfirmationPage .checkout-utility-nav .cart { display: none; } .mini-cart { position: relative; padding-left: 10px; } @media only screen and (max-width: 47.9375em) { .mini-cart { padding-top: 2px; padding-left: 16px; } .mini-cart img { height: 18px; } } @media only screen and (min-width: 48em) { .utility-nav-list, .utility-nav-list > li > .sortable { margin-top: 10px; } .header-item { padding: 0; } .site-header .container { padding: 20px 15px 24px; } .site-header .container .logo { margin-top: -6px; } .value-prop .container { padding: 0 15px; border-bottom: none; } .value-prop .container > ul > li { padding-top: 4px; padding-bottom: 4px; } .value-prop .value-prop-list { height: 38px; text-align: center; white-space: nowrap; width: 100%; } .value-prop .value-prop-list:empty { display: none; } .value-prop li:first-child { display: inline-block; line-height: 33px; text-align: center; } .logo { margin: 0; text-align: left; width: auto; float: left; clear: right; } .logo img { height: 70px; max-width: 145px; } .utility-nav { width: auto; float: right; margin-top: 7px; } .utility-nav a { line-height: 0; } .utility-nav img { height: 26px; display: inline-block; vertical-align: top; } .utility-nav-list li:after, .utility-nav-list > li > .sortable li:after { height: 10px; vertical-align: top; } .utility-nav-list li:first-child a, .utility-nav-list > li > .sortable li:first-child a { -webkit-box-direction: reverse; -moz-box-direction: reverse; -o-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; max-width: 160px; } .utility-nav-list li:last-child a, .utility-nav-list > li > .sortable li:last-child a { max-width: 160px; } .utility-nav-list .location, .utility-nav-list > li > .sortable .location { text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .utility-nav-list .location .tool-title, .utility-nav-list > li > .sortable .location .tool-title { margin-top: 4px; line-height: 1.3; } .utility-nav-list .location img, .utility-nav-list > li > .sortable .location img { margin: 2px 10px 25px 0; } .location-title { font-size: 13px; font-size: 0.8125rem; font-family: clanotbold; color: #383838; } .minicart-activator { position: absolute; height: 50px; width: 100%; right: 0; } .tool-title { display: block; font-size: 10px; font-size: 0.625rem; text-transform: uppercase; font-family: clanotmedium; line-height: 1.3; margin-top: 8px; } .location-wrap { display: inline-block; width: 110px; line-height: 0.9375rem; } .checkout-header { height: 120px; margin-bottom: 25px; overflow: hidden; } .checkout-header .logo { margin-top: 15px; } .checkout-header .logo img { height: 85px; } .checkout-utility-nav { padding: 0; position: absolute; right: 15px; top: 55px; width: 50%; } .checkout-utility-nav .chat { display: block; float: right; font-family: clanotmedium; font-size: 12px; font-size: 0.75rem; line-height: 100%; padding: 0; position: relative; text-transform: uppercase; width: 4rem; height: 41px; } .checkout-utility-nav .chat .icon { display: block; right: 0; height: 22px; margin: 0 auto 7px; position: relative; top: 3px; width: 25px; } .checkout-utility-nav .chat a { color: #383838; font-family: clanotmedium; display: block; } .checkout-utility-nav .chat a:hover { color: #9e0000; } .checkout-utility-nav .chat .bcText { position: absolute; bottom: 0; background: #fff; } .checkout-utility-nav .cart { border-right: 1px solid #d9d9d9; display: inline-block; margin: 0 25px 0 0; padding-right: 20px; padding-top: 27px; width: auto; } } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .utility-nav-list li:after, .utility-nav-list > li > .sortable > li:after { margin-left: 5px; } } @media only screen and (min-width: 53em) { .logo img { height: 70px; width: auto; max-width: 328px; } } @media only screen and (max-width: 47.9375em) { .utility-nav-list, .utility-nav-list > li > .sortable { text-align: right; min-width: 78px; } .utility-nav-list > li, .utility-nav-list > li > .sortable > li { padding: 0; margin: 0; border: none; } .utility-nav-list > li.mini-cart-trigger, .utility-nav-list > li > .sortable > li.mini-cart-trigger { padding-left: 0; } .utility-nav-list > li.mini-cart-trigger > a, .utility-nav-list > li > .sortable > li.mini-cart-trigger > a { width: 22px; } .utility-nav-list > li:first-child a, .utility-nav-list > li > .sortable > li:first-child a { padding-left: 0; } .utility-nav-list { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .utility-nav-list .location { margin-right: 10px; } .utility-nav-list .location img { padding: 0 3px; } } @media only screen and (max-width: 47.9375em) { .logo img { width: 133px; } .lang-selector { padding: 16px 15px; } .site-header .container { display: table; width: 100%; } .site-header .container:before, .site-header .container:after { display: none; } .site-header .container .logo { margin-left: 5px; } .utility-nav { vertical-align: middle; text-align: right; } .table-cell { padding: 0; display: table-cell !important; } .table-cell.utility-nav { padding-right: 13px; } .checkout-utility-nav .chat { display: block; position: absolute; top: 0; right: 43px; } .checkout-utility-nav .chat .icon { top: inherit; right: -23px; } } @media only screen and (min-width: 64.0625em) { .tool-title { font-size: 12px; font-size: 0.75rem; line-height: 1; margin-top: 8px; } .tool-title sub { font-size: 14px; font-size: 0.875rem; } .location-wrap { width: 126px; display: inline-block; text-align: left; padding-top: 2px; } .location-wrap .tool-title { margin: 0; line-height: 0.9; } .utility-nav a { max-width: 90px; } .value-prop .value-prop-list { text-align: right; float: right; } .value-prop .value-prop-list li { display: inline-block; } .site-info { margin-bottom: 0; } .site-info li > a { white-space: nowrap; } } @media only screen and (min-width: 75em) { .site-header .container { padding: 10px 100px 13px; } .site-header .container .logo { margin-top: 5px; } .checkout-utility-nav { right: 100px; } } @media print { .site-header { background-color: transparent; } .site-header .container { margin: 0; max-width: none; } .site-header .site-info { display: none; } .site-header .chat { display: none; } .site-header .utility-nav .utility-nav-list .shop-flyer { display: none; } .site-header .utility-nav .utility-nav-list .desktop-only { display: none; } .checkout-header, .nav-button-wrap { display: none; } .logo { margin: 0; width: auto; text-align: left; } .logo img { height: auto; max-width: 18em; } } @media only screen and (max-width: 48.9375em) and (-ms-high-contrast: none), only screen and (max-width: 48.9375em) and (-ms-high-contrast: active) { .utility-nav-list li:first-child a, .utility-nav-list > li > .sortable li:first-child a { max-width: 139px; } } @media print { .utility-nav-list, .utility-nav-list > li > .sortable { margin-top: 10px; } .header-item { padding: 0; } .site-header .container { padding: 20px 15px 24px; } .site-header .container .logo { margin-top: -6px; } .value-prop .container { padding: 0 15px; border-bottom: none; } .value-prop .container > ul > li { padding-top: 4px; padding-bottom: 4px; } .value-prop .value-prop-list { height: 38px; text-align: center; white-space: nowrap; width: 100%; } .value-prop .value-prop-list:empty { display: none; } .value-prop li:first-child { display: inline-block; line-height: 33px; text-align: center; } .logo { margin: 0; text-align: left; width: auto; float: left; clear: right; } .logo img { height: 70px; max-width: 145px; } .utility-nav { width: auto; float: right; margin-top: 7px; } .utility-nav a { line-height: 0; } .utility-nav img { height: 26px; display: inline-block; vertical-align: top; } .utility-nav-list li:after, .utility-nav-list > li > .sortable li:after { height: 10px; vertical-align: top; } .utility-nav-list li:first-child a, .utility-nav-list > li > .sortable li:first-child a { max-width: 160px; } .utility-nav-list li:last-child a, .utility-nav-list > li > .sortable li:last-child a { max-width: 160px; } .utility-nav-list .location, .utility-nav-list > li > .sortable .location { text-align: left; } .utility-nav-list .location .tool-title, .utility-nav-list > li > .sortable .location .tool-title { margin-top: 4px; line-height: 1.3; } .utility-nav-list .location img, .utility-nav-list > li > .sortable .location img { margin: 2px 7px 25px 0; } .location-title { font-size: 13px; font-size: 0.8125rem; line-height: 50%; font-family: clanotbold; color: #383838; } .mini-cart { position: relative; } .minicart-activator { position: absolute; height: 50px; width: 100%; right: 0; } .mini-cart-count { background: #383838; color: #fff; font-size: 12px; font-size: 0.75rem; display: block; position: absolute; top: -4px; left: -4px; height: 20px; width: 25px; border-radius: 15px; border: 2px solid #f1f2f2; font-family: clanotmedium; } .mini-cart-count .count-inner { position: absolute; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-53%, -50%); -moz-transform: translate(-53%, -50%); -o-transform: translate(-53%, -50%); -ms-transform: translate(-53%, -50%); transform: translate(-53%, -50%); } .tool-title { display: block; font-size: 10px; font-size: 0.625rem; text-transform: uppercase; font-family: clanotmedium; line-height: 1.3; margin-top: 8px; } .location-wrap { display: inline-block; width: 110px; line-height: 0.9375rem; } .checkout-header { height: 120px; margin-bottom: 25px; overflow: hidden; } .checkout-header .logo { margin-top: 15px; } .checkout-header .logo img { height: 85px; } .checkout-utility-nav { padding: 0; position: absolute; right: 15px; top: 55px; width: 50%; } .checkout-utility-nav .chat { display: block; float: right; font-family: clanotmedium; font-size: 12px; font-size: 0.75rem; line-height: 100%; padding: 0; position: relative; text-transform: uppercase; width: 4rem; height: 41px; } .checkout-utility-nav .chat .icon { display: block; right: 0; height: 22px; margin: 0 auto 7px; position: relative; top: 3px; width: 25px; } .checkout-utility-nav .chat a { color: #383838; font-family: clanotmedium; display: block; } .checkout-utility-nav .chat a:hover { color: #9e0000; } .checkout-utility-nav .chat .bcText { position: absolute; bottom: 0; background: #fff; } .checkout-utility-nav .cart { border-right: 1px solid #d9d9d9; display: inline-block; margin: 0 25px 0 0; padding-right: 20px; padding-top: 27px; width: auto; } } nav { max-width: 1024px; margin: 0 auto; } nav .container { padding: 0; z-index: 200; } .nav-button-wrap { position: relative; font-family: clanotnews; z-index: 1; } .nav-button-wrap .dropdown-icon { vertical-align: middle; max-width: 43px; } .nav-button-wrap.mobile { width: 86px; display: inline-block; } .nav-button-wrap.mobile .nav-button { font-size: 14px; font-size: 0.875rem; line-height: 59px; padding-top: 0; } a.nav-button { text-decoration: none; text-transform: uppercase; background: #c00000; color: #fff; text-align: center; display: block; white-space: nowrap; width: 80%; } #mobile-nav-button-opened { display: none; } .navigationbarcollectioncomponent { display: none; top: -64px; max-height: 0; overflow: hidden; font-size: 15px; font-size: 0.9375rem; font-family: clanotnews; } @media only screen and (max-width: 47.9375em) { .navigationbarcollectioncomponent { height: 100%; position: fixed; z-index: 1; top: 58px; max-height: 92% !important; overflow: scroll; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; width: 100%; } } .navigationbarcollectioncomponent .level-3-item.mobile-level { display: none; } @media only screen and (max-width: 59.9375em) { .navigationbarcollectioncomponent .level-3-item.mobile-level { display: block; } .navigationbarcollectioncomponent .level-3-item.desktop-level { display: none; } } .navigationbarcollectioncomponent .nav-site-info { background: #fff; } .navigationbarcollectioncomponent .nav-site-info li .shop-all-departments { color: #fff; background-color: #c00000; } .navigationbarcollectioncomponent .nav-site-info li .main-menu { display: none; color: #fff; background-color: #c00000; position: sticky; top: 0; z-index: 9999; } .navigationbarcollectioncomponent .nav-site-info li a span.user-name { color: #000; } .navigationbarcollectioncomponent .nav-site-info ul.level-1 li.active > a { color: #c00000; } .navigationbarcollectioncomponent .nav-site-info ul.level-1 li.active .level-2-wrap { -webkit-box-shadow: 0px -3px 2px rgba(0,0,0,0.2), 0px 3px 2px rgba(0,0,0,0.2); box-shadow: 0px -3px 2px rgba(0,0,0,0.2), 0px 3px 2px rgba(0,0,0,0.2); position: relative; z-index: 10; background-color: #eee; } .navigationbarcollectioncomponent .nav-site-info .account-options, .navigationbarcollectioncomponent .nav-site-info .loggedIn-options { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-left: 50px; margin-top: 10px; margin-bottom: -10px; } .navigationbarcollectioncomponent .nav-site-info .account-options > a, .navigationbarcollectioncomponent .nav-site-info .loggedIn-options > a, .navigationbarcollectioncomponent .nav-site-info .account-options span, .navigationbarcollectioncomponent .nav-site-info .loggedIn-options span { font-size: 14px; padding: 10px 5px 0 5px; } .navigationbarcollectioncomponent .nav-site-info .account-options span, .navigationbarcollectioncomponent .nav-site-info .loggedIn-options span { color: #ccc; } .navigationbarcollectioncomponent .nav-site-info .loggedIn-options { margin-bottom: 20px; margin-top: -15px; } .navigationbarcollectioncomponent .nav-site-info .loggedIn-options a { color: #c00000 !important; } .navigationbarcollectioncomponent .menu-banner { display: none; } .navigationbarcollectioncomponent li { position: relative; } .navigationbarcollectioncomponent li:after { content: ''; display: block; background: #d9d9d9; height: 1px; } .navigationbarcollectioncomponent li:last-child:after { display: none; } .navigationbarcollectioncomponent a { color: #4f4f4f; padding: 22px 20px; display: block; } .navigationbarcollectioncomponent.expanded { display: block; max-height: 200em; } .navigationbarcollectioncomponent .level-1 { background: #fff; overflow: hidden; } .navigationbarcollectioncomponent .level-2-wrap { background: #fff; max-height: 0; overflow: hidden; } .navigationbarcollectioncomponent .level-2-item a { font-family: clanotbook; } .navigationbarcollectioncomponent .level-3 { max-height: 0; overflow: hidden; background: #a9a9a9; } .navigationbarcollectioncomponent .level-3 a { color: #fff; padding: 16px 10px 16px 30px; } .nav-site-info { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #f1f2f2; } @media only screen and (min-width: 48em) { .nav-site-info { display: none !important; } } .nav-site-info img { vertical-align: middle; margin-top: -5px; margin-right: 22px; height: 22px; width: 22px; } .nav-site-info img.arrow { position: absolute; right: 0px; width: 18px; height: 20px; margin-top: -2px; } .nav-site-info a { color: #c00000; font-family: clanotmedium; } .nav-site-info .tool-link { color: #383838; font-family: clanotnews; } .nav-site-info .tool-link:hover { color: #c00000; } .nav-site-info .welcome-title { color: #383838; } @media only screen and (max-width: 47.9375em) { .nav-site-info.bottom { background: #f1f2f2; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0; -ms-flex: 0; flex: 0; } } .nav-localization { *zoom: 1; } .nav-localization:before, .nav-localization:after { content: ''; display: table; } .nav-localization:after { clear: both; } .nav-localization .control-group { margin-bottom: 0; } .nav-localization li { float: left; width: 50%; } .nav-localization li:after { position: absolute; width: 1px; height: 30px; top: 10px; } .nav-localization a { color: #4f4f4f; text-align: center; font-size: 14px; font-size: 0.875rem; } .nav-localization button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; width: 100%; } .province-selector a .dropdown-icon { display: inline-block; height: 8px; margin-left: 8px; width: 10px; vertical-align: baseline; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgdmlld0JveD0iMCAwIDEwLjAxNCA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC4wMTQgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPg0KPHBhdGggc3R5bGU9ImZpbGw6I2MwMDAwMDsiIGQ9Ik01LjQ2NSw2LjlsNC41NDktMy43OTNWMEw0Ljk4NSw0LjA3M0wwLjAwOSwwTDAsMS4wMDZ2Mi4xMDFsNC40OTYsMy43OQ0KCUM0Ljc5NCw3LjA3Myw1LjE2Nyw3LjA3NCw1LjQ2NSw2Ljl6Ii8+DQo8L3N2Zz4NCg==) 0 0 no-repeat; } .province-selector:hover .dropdown-icon { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgdmlld0JveD0iMCAwIDEwLjAxNCA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC4wMTQgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPg0KPHBhdGggc3R5bGU9ImZpbGw6I2MwMDAwMDsiIGQ9Ik01LjQ2NSw2LjlsNC41NDktMy43OTNWMEw0Ljk4NSw0LjA3M0wwLjAwOSwwTDAsMS4wMDZ2Mi4xMDFsNC40OTYsMy43OQ0KCUM0Ljc5NCw3LjA3Myw1LjE2Nyw3LjA3NCw1LjQ2NSw2Ljl6Ii8+DQo8L3N2Zz4NCg==) 0 0 no-repeat; } .province-selector.expanded a { background: #fff; } .province-selector.expanded .dropdown-icon { -webkit-transform: rotate(0.5turn); -moz-transform: rotate(0.5turn); -o-transform: rotate(0.5turn); -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .trending-now { display: none; } @media only screen and (max-width: 47.9375em) { .nav-localization li.province-selector { padding-bottom: 10px; } .nav-localization li form#lang-form-mobl { padding-top: 8px; } .hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 60px; height: 60px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; -ms-transition: background 0.3s; transition: background 0.3s; } .hamburger:focus { outline: none; } .hamburger span { display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; right: 20px; height: 2px; background: #fff; } .hamburger span::before, .hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; content: ""; } .hamburger span::before { top: -9px; } .hamburger span::after { top: 9px; } .hamburger-x { background-color: #c00000; } .hamburger-x span { -webkit-transition: background 0s 0.2s ease; -moz-transition: background 0s 0.2s ease; -o-transition: background 0s 0.2s ease; -ms-transition: background 0s 0.2s ease; transition: background 0s 0.2s ease; } .hamburger-x span::before, .hamburger-x span::after { -webkit-transition-duration: 0.3s, 0.2s; -moz-transition-duration: 0.3s, 0.2s; -o-transition-duration: 0.3s, 0.2s; -ms-transition-duration: 0.3s, 0.2s; transition-duration: 0.3s, 0.2s; -webkit-transition-delay: 0.2s, 0s; -moz-transition-delay: 0.2s, 0s; -o-transition-delay: 0.2s, 0s; -ms-transition-delay: 0.2s, 0s; transition-delay: 0.2s, 0s; } .hamburger-x span::before { -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -o-transition-property: top, -o-transform; -ms-transition-property: top, -ms-transform; transition-property: top, transform; } .hamburger-x span::after { -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -o-transition-property: bottom, -o-transform; -ms-transition-property: bottom, -ms-transform; transition-property: bottom, transform; } .hamburger-x.is-active { background-color: #c00000; } .hamburger-x.is-active span { background: none; } .hamburger-x.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger-x.is-active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger-x.is-active span::before, .hamburger-x.is-active span::after { -webkit-transition-delay: 0s, 0.2s; -moz-transition-delay: 0s, 0.2s; -o-transition-delay: 0s, 0.2s; -ms-transition-delay: 0s, 0.2s; transition-delay: 0s, 0.2s; } .navigationbarcollectioncomponent { display: none; } .navigationbarcollectioncomponent li .anonymous-display .account-options { padding-left: 64px; margin-left: 0px; margin-bottom: -5px; } .navigationbarcollectioncomponent li .logged-in-display span.user-name { font-family: clanotmedium; color: #c00000; padding-right: 10px; padding-left: 70px; } .navigationbarcollectioncomponent li .logged-in-display .logout { margin-left: -10px; display: inline-block; } .navigationbarcollectioncomponent li .logged-in-display a.my-account { padding-top: 0px; } .navigationbarcollectioncomponent .level-1 { display: none; } .navigationbarcollectioncomponent .level-1 li:first-child a { padding-top: 25px; } .navigationbarcollectioncomponent .level-1 li:first-child > a:before { top: 18px; } .navigationbarcollectioncomponent .level-1-item.parent.active:after { display: none; } .navigationbarcollectioncomponent .level-1-item.parent.active > a:before { content: '—'; } .navigationbarcollectioncomponent .level-1-item.parent:last-child.active:after { content: ''; display: block; background: #d9d9d9; height: 1px; } .navigationbarcollectioncomponent .level-1-item.parent > a:before { content: '+'; display: block; font-size: 24px; font-size: 1.5rem; color: #c00000; position: absolute; right: 15px; top: 6px; } .navigationbarcollectioncomponent .level-1-item.parent > a { font-family: clanotmedium; background: #fff; padding-top: 12px; padding-bottom: 12px; color: #383838; margin-right: 25px; } .navigationbarcollectioncomponent .level-1-item.parent .level-2-wrap { visibility: hidden; } .navigationbarcollectioncomponent .level-1-item.non-expandable > a:before { display: none; } .navigationbarcollectioncomponent .level-1-item:after { content: ''; display: block; background: #d4d4d4; height: 1px; margin-left: 63px; } .navigationbarcollectioncomponent .level-1-item a { margin-left: 43px; } .navigationbarcollectioncomponent .level-1-item.active > a { color: #c00000; background: #fff; font-family: clanotmedium; } .navigationbarcollectioncomponent .level-1-item.active > a:before { color: #c00000; } .navigationbarcollectioncomponent .level-1-item.active .level-2-wrap { max-height: none; visibility: visible; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2-category a { font-family: clanotnews; font-size: 13px; padding-top: 20px; padding-bottom: 12px; color: #383838; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2-category:after { content: ''; display: block; background: #d9d9d9; height: 1px; margin-left: 63px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item:after { content: ''; display: block; background: #d9d9d9; height: 1px; margin-left: 63px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item div a { padding-top: 12px; padding-bottom: 12px; color: #383838; font-family: clanotnews; font-size: 13px; margin-right: 25px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item div ul.level-3 { display: none; position: relative; z-index: 10; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item:last-of-type div a { padding-bottom: 20px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent div > a:before { content: '+'; display: block; font-size: 24px; font-size: 1.5rem; color: #c00000; position: absolute; right: 15px; top: 8px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent div ul.level-3 { display: none; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div:after { display: none; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div > a:before { content: '—'; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div a { color: #c00000; font-weight: bold; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 { display: inline-table; min-width: 100%; -webkit-box-shadow: 0px -3px 2px rgba(0,0,0,0.2), 0px 3px 2px rgba(0,0,0,0.2); box-shadow: 0px -3px 2px rgba(0,0,0,0.2), 0px 3px 2px rgba(0,0,0,0.2); position: relative; z-index: 10; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 li:first-child { padding-top: 25px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 li { background: rgba(218,218,218,0.98); } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 li:after { content: ""; height: 1px; background: #a9a9a9; display: block; margin-left: 63px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 li a { color: #383838; font-family: clanotnews; font-size: 13px; font-weight: normal; padding-top: 12px; padding-bottom: 12px; background-color: rgba(218,218,218,0.98); margin-left: -63px; padding-left: 126px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 li:last-child { padding-bottom: 25px; } .navigationbarcollectioncomponent .level-1-item .level-2-wrap .nav-level-2-list .level-2 .level-2-item.parent.active div ul.level-3 li:last-child:after { display: none; } .navigationbarcollectioncomponent .level-1-item:last-child:after { display: block; } .navigationbarcollectioncomponent.slide-open { display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; background: #fff; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 92%; } } #page.open { position: fixed; width: 100%; z-index: 0; } @media only screen and (min-width: 48em) { .nav-button-wrap.desktop { width: 254px; height: 62px; display: table; } .nav-button-wrap.desktop .nav-button { padding: 0 36px 0 27px; font-size: 17px; font-size: 1.0625rem; text-align: left; white-space: normal; display: table-cell; vertical-align: middle; } @-moz-document url-prefix() { .nav-button-wrap.desktop .nav-button { padding: 0 36px 0 27px; } } .nav-button-wrap.desktop .dropdown-icon { margin-left: 11px; } .province-wrap { width: 327px; position: absolute; top: 27px; left: 0; z-index: 400; text-align: left; } .no-csscolumns .navigationbarcollectioncomponent .level-2 .level-2-item { display: inline-block; width: calc(33% - 20px); max-width: calc(33% - 20px); margin-right: 20px; vertical-align: top; } .navigationbarcollectioncomponent { font-family: clanotbook; position: absolute; top: 0; z-index: 200; } .navigationbarcollectioncomponent:hover, .navigationbarcollectioncomponent.user-expanded { width: 100%; } .navigationbarcollectioncomponent a { padding: 7px 25px 7px 27px; position: relative; } .navigationbarcollectioncomponent .menu-banner a { padding: 0; } .navigationbarcollectioncomponent .menu-banner a img { width: 172px; } .navigationbarcollectioncomponent .level-1 { background: #f1f2f2; overflow: visible; width: 254px; } .navigationbarcollectioncomponent .level-1 .level-1-item { position: static; } .navigationbarcollectioncomponent .level-1 .level-1-item > a { font-family: clanotbook; color: #383838; } .navigationbarcollectioncomponent .level-1 .level-1-item.focusin { margin-top: -1px; } .navigationbarcollectioncomponent .level-1 .level-1-item.focusin > a { background: #c00000; color: #fff; padding-top: 9px; font-family: clanotnews; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded { margin-top: -1px; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover > a, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded > a { background: #c00000; color: #fff; padding-top: 9px; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover > a:before, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded > a:before { content: ''; position: absolute; z-index: 100; margin-top: -8px; top: 50%; left: 246px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #fff transparent transparent; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover:first-child > a, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded:first-child > a { -webkit-box-shadow: inset 0px 2px 0px 0px #fff; box-shadow: inset 0px 2px 0px 0px #fff; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover:after, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded:after { display: none; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover .level-2-wrap, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded .level-2-wrap, .navigationbarcollectioncomponent .level-1 .level-1-item:hover ul, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded ul { height: 100%; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover .level-2, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded .level-2, .navigationbarcollectioncomponent .level-1 .level-1-item:hover ul.level-3, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded ul.level-3 { height: auto; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover .level-2-wrap, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded .level-2-wrap { display: block; max-height: none; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover ul, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded ul { display: block; max-height: none; } .navigationbarcollectioncomponent .level-1 .level-1-item:hover .nav-level-2-list, .navigationbarcollectioncomponent .level-1 .level-1-item.user-expanded .nav-level-2-list { padding: 20px; max-height: none; min-height: 100%; } .navigationbarcollectioncomponent .level-2-wrap { display: none; width: 100%; position: absolute; left: 254px; top: 0; padding-right: 254px; } .navigationbarcollectioncomponent .nav-level-2-list { background: #fff; top: 0; } .navigationbarcollectioncomponent .level-2 { position: absolute; top: 15px; bottom: 50px; left: 15px; right: 465px; line-height: 1.25rem; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-fill: auto; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; -moz-column-fill: auto; overflow: hidden; } .navigationbarcollectioncomponent .level-2 .level-2-item { margin-bottom: 20px; } .navigationbarcollectioncomponent .level-2 .level-2-item.parent { display: list-item; width: 100%; } .navigationbarcollectioncomponent .level-2 .level-2-item:after { display: none; } .navigationbarcollectioncomponent .level-2 .level-2-item div { display: inline-block; } .navigationbarcollectioncomponent .level-2 .level-2-item a { padding: 0 15px 0 0; color: #383838; font-size: 13px; font-size: 0.8125rem; font-family: clanotnews; } .navigationbarcollectioncomponent .level-2 .level-2-item a:active, .navigationbarcollectioncomponent .level-2 .level-2-item a:hover, .navigationbarcollectioncomponent .level-2 .level-2-item a:focus { color: #c00000; } .navigationbarcollectioncomponent .level-2-category { color: #c00000; font-family: clanotnews; font-size: 16px; font-size: 1rem; margin-bottom: 15px; position: absolute; right: 275px; bottom: 0; } .navigationbarcollectioncomponent .level-2-category a { display: inline-block; color: #c00000; padding: 0; } .navigationbarcollectioncomponent .level-2-category a:hover { color: #c00000; } .navigationbarcollectioncomponent .level-3 { background: none; visibility: visible; overflow: visible; } .navigationbarcollectioncomponent .level-3 .level-3-item:after { display: none; } .navigationbarcollectioncomponent .level-3 .level-3-item a { font-family: clanotbook; padding: 0; } } @media only screen and (max-width: 47.9375em) { .explore-more a { position: relative; } .explore-more a:before { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy4wM3B4IiBoZWlnaHQ9IjEwLjAxNHB4IiB2aWV3Qm94PSIwIDAgNy4wMyAxMC4wMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcuMDMgMTAuMDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQoJPHBhdGggc3R5bGU9ImZpbGw6I2MwMDAwMDsiIGQ9Ik02LjksNC41NDhMMy4xMDcsMEgwbDQuMDczLDUuMDI4TDAsMTAuMDA0bDEuMDA2LDAuMDA5aDIuMTAxbDMuNzktNC40OTcNCglDNy4wNzMsNS4yMiw3LjA3NCw0Ljg0Nyw2LjksNC41NDh6Ii8+DQo8L3N2Zz4NCg==) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 7px; height: 10px; display: block; font-size: 24px; font-size: 1.5rem; color: #c00000; position: absolute; right: 19px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media only screen and (min-width: 48em) { .navigationbarcollectioncomponent .menu-banner { display: block; position: absolute; top: 20px; right: 275px; max-width: 20%; } .navigationbarcollectioncomponent .level-2 { right: 465px; } .navigationbarcollectioncomponent .menu-banner-link { padding: 0; } .navigationbarcollectioncomponent .menu-banner-link img { max-width: none; } .navigationbarcollectioncomponent .level-1 .nav-level-2-list { padding-right: 212px; } .navigationbarcollectioncomponent .level-1 .level-2 { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .trending-now { background: #4f4f4f; text-align: right; border-top: 1px solid #383838; display: block; } .trending-now .container { padding: 7px 15px; } .trending-list-container { text-align: right !important; } .trending-list-container .trending-list { display: inline-block; } .trending-list-container .trending-list .cmsimage { height: 16px; width: 17px; margin-right: -16px; } .trending-list-container .trending-list li { display: inline-block; margin-left: 20px; } .trending-list-container .trending-list li:first-child { margin-left: 0; } .trending-list-container .trending-list a { color: #fff; font-size: 14px; font-size: 0.875rem; font-family: clanotbook; border-bottom: 1px solid #a9a9a9; } .trending-list-container .trending-list a:hover { font-weight: bold; } .trending-list-container .content { display: inline-block; color: #fff; text-transform: uppercase; font-family: clanotnews; font-weight: normal; font-size: 0.9375rem; margin-right: 20px; } .trending-list-container .trending-icon img { height: 16px; width: 17px; } } @media only screen and (max-width: 63.9375em) { .navigationbarcollectioncomponent .menu-banner { display: none; } .navigationbarcollectioncomponent .level-2 { right: 270px; } } @media only screen and (min-width: 64.0625em) { .navigationbarcollectioncomponent .level-1 .level-1-item:hover .nav-level-2-list, .navigationbarcollectioncomponent .level-1 .level-1-item.focusin .nav-level-2-list { padding-right: 212px; } } @media only screen and (min-width: 75em) { nav { max-width: 1200px; } .trending-now .container { padding: 6px 100px; } .trending-now .container li p { margin: 0; } } .nav-button-wrap .nav-button:after { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwMHB4IiBoZWlnaHQ9IjgwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1heCI+DQo8cGF0aCBzdHlsZT0iZmlsbDojZmZmZmZmOyIgZD0iTTUuNDY1LDYuOWw0LjU0OS0zLjc5M1YwTDQuOTg1LDQuMDczTDAuMDA5LDBMMCwxLjAwNnYyLjEwMWw0LjQ5NiwzLjc5DQoJQzQuNzk0LDcuMDczLDUuMTY3LDcuMDc0LDUuNDY1LDYuOXoiLz4NCjwvc3ZnPg0K) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 12px; height: 12px; display: inline-block; margin-left: 8px; margin-bottom: 1px; } .nav-button-wrap .nav-button.expanded:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-bottom: 0px; } @media only screen and (min-width: 48em) and (max-width: 47.9375em) { .level-3 { display: none !important; } } @media only screen and (min-width: 48em) and (max-width: 47.9375em) { .trending-now { display: none !important; } } .province-selector.expanded a { background: #fff; } .province-selector.expanded .dropdown-icon { -webkit-transform: rotate(0.5turn); -moz-transform: rotate(0.5turn); -o-transform: rotate(0.5turn); -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); margin-top: 0; } .province-selector .dropdown-icon { margin-top: -5px; vertical-align: middle; display: inline-block; } .province-wrap { display: none; max-height: 100em; font-size: 13px; font-size: 0.8125rem; background: #fff; } .province-wrap.expanded { display: block; -webkit-box-shadow: #a9a9a9 2px 3px 5px 2px; box-shadow: #a9a9a9 2px 3px 5px 2px; } .province-wrap button.primary-button { *zoom: 1; float: left; margin-left: 54%; margin-bottom: 10px; } .province-wrap button.primary-button:before, .province-wrap button.primary-button:after { content: ''; display: table; } .province-wrap button.primary-button:after { clear: both; } .province-wrap legend { color: #383838; font-size: 13px; font-size: 0.8125rem; padding: 15px 15px 0; font-family: clanotnews; } .province-form { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; display: block; padding: 8px 8px 0; margin: 7px 7px 0; } .province-form input { top: 0; } .no-csscolumns .province-form .label-value { padding-right: 15px; } @media only screen and (min-width: 48em) { .province-selector.expanded a { -webkit-box-shadow: 0 -4px 4px 1px rgba(0,0,0,0.18); box-shadow: 0 -4px 4px 1px rgba(0,0,0,0.18); position: relative; z-index: 425; } .province-selector.expanded .province-wrap { -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); width: auto; position: absolute; top: 51px; left: 0; z-index: 400; text-align: left; } } @media only screen and (max-width: 47.9375em) { .province-form span.label-text { display: inline; } .province-form label.radio-button-label { min-height: 25px; } .province-form input[type=radio]:checked+.radio-button-label .radio-button span:before { background: #c00000 !important; border-color: #c00000 !important; } #province-submit-mobile { margin-bottom: 20px; } #province-submit-mobile.primary-button { background: #c00000; } } /* Footer Styleguide 5.0 */ footer { background: #4f4f4f; border-top: 3px solid #3d98b0; position: relative; z-index: 2; } footer .footer-links-wrapper .footer-item.stacked:last-child h1.footer-header { border-bottom: none; } footer .footer-links-wrapper .footer-item.stacked:last-child h1.footer-header.active { border-bottom: 1px solid #777; } footer .footer-links-wrapper .footer-item.stacked:last-child ul.active li:last-child { border-bottom: none; } footer .footer-links-wrapper > section:first-child .footer-item { border-top: none; } /* Footer Column .active - expanded mobile accordion Markup: Styleguide 5.1 */ .footer-item { border-bottom: 1px solid #a9a9a9; border-top: 1px solid #383838; } .footer-item.stacked { border: none; } .footer-item.stacked .footer-header { border-bottom: 1px solid #a9a9a9; border-top: 1px solid #383838; } .footer-item.stacked ul li:last-child { border-bottom: 1px solid #a9a9a9; } .footer-item .footer-header { color: #fff; display: inline-block; position: relative; font-family: clanotbook; font-size: 15px; font-size: 0.9375rem; font-weight: normal; margin: 0; padding: 15px 35px 15px 15px; text-transform: uppercase; width: 100%; } .footer-item .footer-header.active { border-bottom: 1px solid #a9a9a9; } .footer-item .footer-header:after { color: #fff; content: '+'; display: block; font-size: 20px; font-size: 1.25rem; padding-bottom: 10px; position: absolute; right: 18px; top: 11px; } @media only screen and (min-width: 48em) { .footer-item .footer-header:after { display: none !important; } } .footer-item .footer-header.active:after { content: '—'; } @media only screen and (min-width: 48em) { .footer-item .footer-header.active:after { display: none !important; } } .footer-item .footer-header .list-category { display: block; } .footer-item .footer-header .list-trigger { display: inline-block; font-size: 24px; font-size: 1.5rem; padding-right: 3px; text-align: right; width: 20%; } .footer-item ul { border-left: 1px solid #a9a9a9; margin: 0; padding-left: 0px; } .footer-item ul.active { border-left: none; } .footer-item ul.active li { display: block; } .footer-item ul li { display: none; background: #4f4f4f; border-bottom: 1px solid #a9a9a9; font-size: 14px; font-size: 0.875rem; height: 48px; list-style: none; padding: 17px 15px; text-transform: none; } .footer-item ul li:first-child { border-top: 1px solid #383838; } .footer-item ul li:last-child { padding-bottom: 0 !important; border-bottom: none; } .footer-item ul li a { border-top: none; cursor: pointer; color: #f1f2f2; display: block; font-family: clanotbook; text-decoration: none; } .footer-item:first-child li.yCmsComponent { padding-bottom: 11px; } .footer-item:nth-child(3) li { padding-bottom: 11px; } @media only screen and (max-width: 47.9375em) { footer .container { padding: 0; } } .connect-with-us { color: #fff; display: inline-block; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; width: 100%; background: #383838; } .connect-with-us .connect-header { font-size: 16px; font-size: 1rem; } @media only screen and (max-width: 47.9375em) { .connect-with-us .connect-header { display: none !important; } } .connect-with-us .email-signup { background: #383838; font-family: clanotbook; font-size: 12px; font-size: 0.75rem; padding: 1px 15px 15px; text-transform: none; } .connect-with-us .email-signup .email-signup-wrapper { padding: 0; position: relative; width: 100%; } .connect-with-us .email-signup-label { color: #fff; font-family: clanotbook; font-size: 12px; font-size: 0.75rem; margin: 15px 0; } .connect-with-us input[type="text"], .connect-with-us input[type="email"] { color: #4f4f4f; display: block; font-family: clanotbook; font-size: 13px; font-size: 0.8125rem; padding: 10px 30px 11px 13px; width: 100%; border: 0; -webkit-appearance: none; border-radius: 0; height: 40px; } .connect-with-us input[type="text"]::-webkit-input-placeholder, .connect-with-us input[type="email"]::-webkit-input-placeholder { color: #383838; } .connect-with-us input[type="text"]:-moz-placeholder, .connect-with-us input[type="email"]:-moz-placeholder { color: #383838; } .connect-with-us input[type="text"]::-moz-placeholder, .connect-with-us input[type="email"]::-moz-placeholder { color: #383838; } .connect-with-us input[type="text"]:-ms-input-placeholder, .connect-with-us input[type="email"]:-ms-input-placeholder { color: #383838; } .connect-with-us input[type="text"]:hover, .connect-with-us input[type="email"]:hover { font-weight: 700; } .connect-with-us .submit-email { border: none; height: 40px; position: absolute; right: 0px; top: 0px; width: 20px; background: #fff; } .connect-with-us .submit-email[disabled] { padding-left: 1px; padding-right: 1px; } .connect-with-us .submit-email:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjcuMDNweCIgaGVpZ2h0PSIxMC4wMTRweCIgdmlld0JveD0iMCAwIDcuMDMgMTAuMDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3LjAzIDEwLjAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPHBhdGggc3R5bGU9ImZpbGw6IzM4MzgzODsiIGQ9Ik02LjksNC41NDhMMy4xMDcsMEgwbDQuMDczLDUuMDI4TDAsMTAuMDA0bDEuMDA2LDAuMDA5aDIuMTAxbDMuNzktNC40OTcNCglDNy4wNzMsNS4yMiw3LjA3NCw0Ljg0Nyw2LjksNC41NDh6Ii8+DQo8L3N2Zz4NCg==); border: none; height: 40px; position: absolute; left: 0; top: 13px; width: 20px; z-index: 99999; } .connect-with-us .submit-email:hover:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjcuMDNweCIgaGVpZ2h0PSIxMC4wMTRweCIgdmlld0JveD0iMCAwIDcuMDMgMTAuMDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3LjAzIDEwLjAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPHBhdGggc3R5bGU9ImZpbGw6IzllMDAwMDsiIGQ9Ik02LjksNC41NDhMMy4xMDcsMEgwbDQuMDczLDUuMDI4TDAsMTAuMDA0bDEuMDA2LDAuMDA5aDIuMTAxbDMuNzktNC40OTcNCglDNy4wNzMsNS4yMiw3LjA3NCw0Ljg0Nyw2LjksNC41NDh6Ii8+DQo8L3N2Zz4NCg==); } .connect-with-us .submit-email:focus:before { outline: 1px dotted #a9a9a9; outline-offset: -2px; outline: -webkit-focus-ring-color auto 5px; } .connect-with-us .submit-email-status { color: #3d98b0; padding-bottom: 16px; position: relative; top: 15px; } .connect-with-us .submit-email-status.visible { display: inline-block; vertical-align: top; } .connect-with-us .social-icons { padding: 20px 29px 0 0; width: 100%; *zoom: 1; } .connect-with-us .social-icons:before, .connect-with-us .social-icons:after { content: ''; display: table; } .connect-with-us .social-icons:after { clear: both; } .connect-with-us .social-icons a { *zoom: 1; float: left; clear: none; padding-left: 0; padding-right: 0; text-align: inherit; width: 25%; margin-left: 0%; margin-right: 0%; height: 44px; } .connect-with-us .social-icons a:before, .connect-with-us .social-icons a:after { content: ''; display: table; } .connect-with-us .social-icons a:after { clear: both; } .connect-with-us .social-icons a:hover .social-logo rect, .connect-with-us .social-icons a:focus .social-logo rect, .connect-with-us .social-icons a:hover .social-logo path, .connect-with-us .social-icons a:focus .social-logo path, .connect-with-us .social-icons a:hover .social-logo polygon, .connect-with-us .social-icons a:focus .social-logo polygon { fill: #fff; } .connect-with-us .social-icons a:hover .social-circle path, .connect-with-us .social-icons a:focus .social-circle path, .connect-with-us .social-icons a:hover .social-circle circle, .connect-with-us .social-icons a:focus .social-circle circle { fill: #9e0000; } .connect-with-us .social-icons a img { width: 44px; } .connect-with-us .parsley-errors-list { color: #fff; font-family: clanotbold; } /* Discalaimer Markup:

Copyright 2009-2015 The Source (Bell) Electronics Inc. All rights reserved.

This material may not be published, broadcast, rewritten or redistributed in any form without permission from The Source (Bell) Electronics Inc. The images shown do not necessarily reflect the actual image of the product.

Verified by VisaNorton Secured
Styleguide 5.3 */ .view-options a { cursor: pointer; } .disclaimer-wrapper { background: #fff; } .disclaimer-wrapper .disclaimers { background: #fff; color: #4f4f4f; font-family: clanotbook; font-size: 12px; font-size: 0.75rem; padding: 20px 10px 0 0; } .disclaimer-wrapper .disclaimers p { font-size: 12px; font-size: 0.75rem; line-height: inherit; padding-left: 30px; margin-top: 5px; } .disclaimer-wrapper .disclaimers .copyright { margin-bottom: 0; } .disclaimer-wrapper .disclaimers .copyright:before { content: "\00A9"; float: left; line-height: 130%; margin-left: -15px; padding-bottom: 5px; padding-right: 4px; } .disclaimer-wrapper .disclaimer-icons { background: #fff; padding: 0; text-align: center; width: 100%; } .disclaimer-wrapper .disclaimer-icons a { display: inline-block; vertical-align: middle; width: 33%; } .disclaimer-wrapper .disclaimer-icons a:first-child { margin-left: -13px; margin-top: -5px; width: 35%; } .disclaimer-wrapper .disclaimer-icons a:nth-child(2) { width: 34%; } .disclaimer-wrapper .disclaimer-icons a:last-child { margin-top: -22px; text-align: right; width: 30%; } .disclaimer-wrapper .server-id { display: block; margin-right: 15px; text-align: right; color: #fff; } @media only screen and (min-width: 48em) { .footer-links-wrapper { padding-bottom: 14px; } .footer-links-wrapper section { float: left; width: 25%; } .page-multiStepCheckoutSummaryPage .footer-links-wrapper section { float: none; width: inherit; } .footer-item { border-bottom: none; border-top: none; padding-bottom: 10px; } .footer-item ul { border-left: 1px solid #a9a9a9; -webkit-box-shadow: -1px 0px 0px 0px #3a3a3a; box-shadow: -1px 0px 0px 0px #3a3a3a; padding-left: 10px; width: 80%; } .footer-item ul li { background: none; border: none; display: block; height: auto; font-size: 12px; font-size: 0.75rem; padding: 0 10px 7px 0; } .footer-item ul li:first-child { border-top: none; } .footer-item ul li a { display: inline; font-family: clanotnews; } .footer-item ul li a:hover, .footer-item ul li a:focus { color: #f1f2f2; text-decoration: underline; font-weight: 700; } .footer-item .footer-header { font-family: clanotnews; font-size: 13px; font-size: 0.8125rem; margin-right: 0; padding: 11px 0 20px; width: 90%; } .footer-item .footer-header.active { border-bottom: none; } .footer-item .footer-header .list-category { height: 48px; padding-top: 27px; width: 80%; } .footer-item.stacked .footer-header { border-bottom: none; border-top: none; } .footer-item.stacked ul li:last-child { border-bottom: none; } .connect-with-us { background: none; padding-bottom: 40px; } .connect-with-us .connect-header { font-family: clanotnews; font-weight: normal; padding-bottom: 3px; } .connect-with-us .email-signup { border: 1px solid #a9a9a9; margin: 0; padding-top: 0; padding-bottom: 42px; } .connect-with-us .email-signup .email-signup-wrapper { display: inline-block; width: 50%; } .connect-with-us .social-icons { display: inline-block; padding: 0 0 0 5%; vertical-align: top; width: 45%; } .connect-with-us .social-icons a { height: 35px; } .connect-with-us .social-icons a img { position: relative; width: 33px; } .connect-with-us .social-icons a img:hover { top: -1px; left: -1px; width: 35px; } .disclaimer-wrapper .disclaimers { padding-top: 17px; } .disclaimer-wrapper .disclaimers p { display: inline-block; float: left; margin-top: 5px; padding-left: 20px; width: 54%; } .disclaimer-wrapper .disclaimers p + p { margin-bottom: 22px; } .disclaimer-wrapper .copyright { margin-bottom: 0; padding-left: 25px; } .disclaimer-wrapper .disclaimer-icons { display: inline-block; margin-left: 13.5%; margin-top: -9px; width: 28%; } .disclaimer-wrapper .disclaimer-icons a:first-child { margin-left: 14px; margin-top: -7px; width: 30%; } .disclaimer-wrapper .disclaimer-icons a:last-child { margin-top: -7px; width: 24.5%; } .disclaimer-wrapper .server-id { margin-right: 6%; } .page-multiStepCheckoutSummaryPage .footer-item { width: 100%; } .page-multiStepCheckoutSummaryPage .footer-item ul { border-left: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; width: 100%; } .page-multiStepCheckoutSummaryPage .footer-item li, .page-multiStepCheckoutSummaryPage .footer-item li.yCmsComponent { display: inline-block; border-left: 1px solid #636363; -webkit-box-shadow: -1px 0 0 0 #3a3a3a; box-shadow: -1px 0 0 0 #3a3a3a; padding: 0 0 0 10px; width: 30%; } } @media only screen and (min-width: 64.0625em) { .footer-links-wrapper { width: 72%; float: left; } .footer-item.stacked .footer-header { border-bottom: none; border-top: none; } .footer-item.stacked ul li:last-child { border-bottom: none; } .connect-with-us { padding-bottom: 0; padding-right: 0; padding-top: 38px; width: 28%; float: left; } .connect-with-us .email-signup { width: 280px; padding-bottom: 22px; } .connect-with-us .email-signup .email-signup-wrapper { display: block; width: 100%; } .connect-with-us .social-icons { margin-left: 0; width: 86%; padding: 19px 2px 0 1px; } .disclaimer-wrapper .container { padding-left: 80px; } .disclaimer-wrapper .disclaimers p { padding-left: 30px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #signupEmailForm .email-signup-wrapper #signupEmailFormSubmitButton:before { content: ""; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjcuMDNweCIgaGVpZ2h0PSIxMC4wMTRweCIgdmlld0JveD0iMCAwIDcuMDMgMTAuMDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3LjAzIDEwLjAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPHBhdGggc3R5bGU9ImZpbGw6IzM4MzgzODsiIGQ9Ik02LjksNC41NDhMMy4xMDcsMEgwbDQuMDczLDUuMDI4TDAsMTAuMDA0bDEuMDA2LDAuMDA5aDIuMTAxbDMuNzktNC40OTcNCglDNy4wNzMsNS4yMiw3LjA3NCw0Ljg0Nyw2LjksNC41NDh6Ii8+DQo8L3N2Zz4NCg==) no-repeat 45% 10%; } #signupEmailForm .email-signup-wrapper #signupEmailFormSubmitButton:hover:before { content: ""; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjcuMDNweCIgaGVpZ2h0PSIxMC4wMTRweCIgdmlld0JveD0iMCAwIDcuMDMgMTAuMDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3LjAzIDEwLjAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQoJPg0KPHBhdGggc3R5bGU9ImZpbGw6IzllMDAwMDsiIGQ9Ik02LjksNC41NDhMMy4xMDcsMEgwbDQuMDczLDUuMDI4TDAsMTAuMDA0bDEuMDA2LDAuMDA5aDIuMTAxbDMuNzktNC40OTcNCglDNy4wNzMsNS4yMiw3LjA3NCw0Ljg0Nyw2LjksNC41NDh6Ii8+DQo8L3N2Zz4NCg==) no-repeat 45% 10%; } } .item-ehf { font-size: 12px; font-size: 0.75rem; font-family: clanotbook; } .sc-component { clear: both; padding: 0 20px 20px 20px; } @media only screen and (min-width: 48em) { .sc-component { padding-left: 0; padding-right: 0; } } .sc-component hr { border-bottom: 1px solid #3d98b0; margin-bottom: 24px; margin-bottom: 5px; } @media only screen and (max-width: 47.9375em) { .sc-component hr { display: none; } } /* Mini Cart * Note: Inline styles are for styleguide only :hover - hover state Markup:

Recently added to your cart

Total $153.00
< Continue Shopping View cart
Styleguide 15.1 */ .mini-cart-trigger .mini-cart.inactive + .mini-cart-overlay { display: none; } .mini-cart-trigger .mini-cart:hover + .mini-cart-overlay, .mini-cart-trigger .mini-cart:active + .mini-cart-overlay, .mini-cart-trigger .mini-cart:focus + .mini-cart-overlay, .mini-cart-trigger .mini-cart.active + .mini-cart-overlay { display: block; } .mini-cart-overlay { display: none; position: absolute; right: -10px; text-align: left; width: 280px; z-index: 999; padding-top: 10px; } .mini-cart-overlay:hover, .mini-cart-overlay.active { display: block; } .mini-cart-overlay:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 10px; top: -9px; border-color: transparent transparent #fff transparent; right: 14px; } .mini-cart-overlay .mini-cart-content { padding: 16px 10px 16px; background: #fff; border: 1px solid #d9d9d9; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); max-height: 650px; overflow: auto; } .mini-cart-overlay .mini-cart-content .itemDetail .itemName { max-width: none; } @media (min-width: 600px) and (min-height: 400px) and (max-height: 750px) { .mini-cart-overlay .mini-cart-content { max-height: 400px; overflow: auto; } } .mini-cart-overlay .legend { color: #383838; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; padding-bottom: 4px; margin: 0; text-transform: uppercase; vertical-align: top; } .mini-cart-overlay .popupCartItem { border-top: 1px solid #d9d9d9; display: block; min-height: 70px; overflow: hidden; margin: 0 0 15px; padding-top: 15px; position: relative; width: 100%; } .mini-cart-overlay .popupCartItem:after { height: 1px; } .mini-cart-overlay .itemThumb { float: left; margin: 0; width: 75px; height: 56px; } .mini-cart-overlay .itemThumb img { max-width: 75px; max-height: 56px; height: auto; } .mini-cart-overlay .itemDesc { display: block; margin: 0; padding: 0; text-align: left; width: 100%; } .mini-cart-overlay .itemDesc .label { font-family: clanotmedium; margin: 0 5px 0 0; position: relative; bottom: 1px; } @media only screen and (max-width: 47.9375em) { .mini-cart-overlay .itemDesc .label { bottom: 0px; } } .mini-cart-overlay .itemDesc .itemDetail a { max-width: none; display: inherit; } .mini-cart-overlay .itemDetail .itemName { color: #383838; font-family: clanotbook; font-size: 13px; font-size: 0.8125rem; line-height: 0.938rem; margin-bottom: 5px; max-width: 120px; white-space: normal; vertical-align: top; word-break: break-word; } .mini-cart-overlay .itemPrice { color: #383838; font-family: clanotbook; font-size: 13px; font-size: 0.8125rem; line-height: 0.938rem; text-align: left; vertical-align: bottom; float: right; } @media only screen and (max-width: 22.8125em) { .mini-cart-overlay .itemPrice { padding-top: 0px; } } .mini-cart-overlay .itemAdditionals { margin-left: 75px; } .mini-cart-overlay .itemQuantity { color: #383838; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; line-height: 0.938em; padding: 20px 0 0; vertical-align: top; } .mini-cart-overlay .itemPickup { display: none; } .mini-cart-overlay .total { *zoom: 1; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; color: #c00; display: block; font-family: clanotmedium; font-size: 13px; font-size: 0.8125rem; margin: 0; padding: 13px 0 11px; position: relative; text-transform: uppercase; width: 100%; } .mini-cart-overlay .total:before, .mini-cart-overlay .total:after { content: ''; display: table; } .mini-cart-overlay .total:after { clear: both; } .mini-cart-overlay .total:after { height: 1px; } .mini-cart-overlay .total span.right { float: right; } .mini-cart-overlay .links { *zoom: 1; vertical-align: middle; } .mini-cart-overlay .links:before, .mini-cart-overlay .links:after { content: ''; display: table; } .mini-cart-overlay .links:after { clear: both; } .mini-cart-overlay .links a { display: block; height: 40px; line-height: 40px; max-width: 100%; vertical-align: middle; } .mini-cart-overlay .continue-shopping-link { color: #c00; padding-bottom: 0; padding-top: 0; } .mini-cart-overlay .continue-shopping-link:hover, .mini-cart-overlay .continue-shopping-link:focus { color: #9e0000; } .mini-cart-overlay .primary-button { color: #fff; padding-bottom: 0; padding-top: 0; } .mini-cart-overlay .primary-button:hover, .mini-cart-overlay .primary-button:focus { background: #9e0000; color: #fff; } .mini-cart-overlay .banner { margin: 15px 0; } .shopping-cart .mini-cart-overlay .links .button { width: 100%; min-width: 100%; } .popup-content .continue-shopping-link { float: left; } .popup-content .primary-button { float: right; padding-left: 15px; padding-right: 15px; } .mini-cart-placeholder .tool-title-placeholder { display: inline-block; width: 3em; } /* Predictive Search Styleguide 7 */ .search { background: #4f4f4f; position: relative; } .search .search-container { padding: 11px 15px; } .ui-autocomplete { display: block !important; } /* Search Bar * Note: overlap is caused by sidebar and dimmensions are for real site Markup:
All departments Dropdown
Styleguide 7.1 */ .search-wrap { background: #fff; padding: 3px; position: relative; height: 100%; *zoom: 1; } @media only screen and (max-width: 47.9375em) { .search-wrap { height: auto; } } .search-wrap:before, .search-wrap:after { content: ''; display: table; } .search-wrap:after { clear: both; } .search-wrap .controls { display: table; width: 100%; } .search-wrap .header-search-field { display: table-cell; width: 100%; vertical-align: middle; } .search-wrap input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: #f1f2f2; border: 1px solid #d9d9d9; color: #4f4f4f; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; line-height: 120%; margin: 0; padding: 4px 10px 0; height: 39px; width: 100%; } .search-wrap #search-form { margin-bottom: 0; } .search-wrap #search-form .controls label { visibility: hidden; position: absolute; } .site-search-submit { display: table-cell; text-align: center; border: none; border-left: 1px solid #d9d9d9; background: #c00; color: #fff; text-transform: uppercase; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; line-height: 39px; padding: 0 11px; width: auto; max-width: 95px; white-space: nowrap; vertical-align: middle; } @media only screen and (max-width: 47.9375em) { .site-search-submit { height: 39px; } } .site-search-submit:hover, .site-search-submit:active, .site-search-submit:focus { background: #9e0000; } .site-search-submit img { display: inline; vertical-align: middle; margin-top: -2px; height: 19px; width: 19px; min-width: 19px; min-height: 19px; } .site-search-submit span { display: none; } /* Search Results :hover - hover state Markup:
Styleguide 7.2 */ /* Recommendations * note: Recommendations are desktop only * note: inline styles for styleguide only Markup:

Recommended Products

View All
Styleguide 7.3 */ .predictive-search { position: absolute; background: #f1f2f2; width: 100%; z-index: 500; font-size: 14px; font-size: 0.875rem; top: 41px; left: 0; -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.18); box-shadow: 0 4px 4px 1px rgba(0,0,0,0.18); *zoom: 1; } .predictive-search:before, .predictive-search:after { content: ''; display: table; } .predictive-search:after { clear: both; } .predictive-search h4 { font-size: 14px; font-size: 0.875rem; margin: 0; color: #383838; display: inline; } .predictive-search .recommended-header { font-size: 16px; font-size: 1rem; font-family: clanotnews; text-transform: uppercase; } .predictive-search .header-rule { margin: 8px 0 0; } .predictive-search .recommendations { background: #fff; position: relative; padding: 10px 15px; float: left; width: 100%; *zoom: 1; } .predictive-search .recommendations:before, .predictive-search .recommendations:after { content: ''; display: table; } .predictive-search .recommendations:after { clear: both; } @media only screen and (max-width: 47.9375em) { .predictive-search .recommendations { display: none !important; } } .predictive-search .recommendations .ajax-loader { position: absolute; } .predictive-search .recommended-products-search { font-size: 13px; font-size: 0.8125rem; font-family: clanotbook; } .predictive-search .recommended-products-search:after { content: ''; display: block; width: 1px; height: 369px; position: absolute; top: 0; right: 0; background: hr-color; } .predictive-search .recommended-products-search .view-all { font-size: 13px; font-size: 0.8125rem; font-family: clanotnews; float: right; } .predictive-search .recommended-products-search .view-all:hover { color: #9e0000; } .predictive-search .recommended-products-search .view-all:visited { color: #c00; } .predictive-search .categories-wrap { border-top: 1px solid #d9d9d9; line-height: 1.25rem; margin-top: 10px; padding: 7px 0 0; } .predictive-search .categories-wrap.left-col { margin-right: 8%; } .predictive-search .categories-wrap ul { margin-bottom: 15px; } .predictive-search .categories-wrap a { color: #383838; font-family: clanotbook; } .predictive-search .categories-wrap a:hover, .predictive-search .categories-wrap a:active, .predictive-search .categories-wrap a:focus { color: #9e0000; } .predictive-search .categories-wrap .search-banner { display: none; } .predictive-search .categories-wrap .guide { margin: 0; } .predictive-search .categories-wrap .guide li { position: relative; display: inline-block; padding: 2px 5px 2px 8px; word-break: break-all; } .predictive-search .categories-wrap .guide li:after { content: "|"; position: absolute; left: 0; top: 1px; font-size: 11px; color: #000; } .predictive-search .categories-wrap .guide li:first-child { padding-left: 0; } .predictive-search .categories-wrap .guide li:first-child:after { content: ""; } .predictive-search .item-title { display: block; line-height: 130%; margin-bottom: 5px; word-break: break-word; position: relative; } .predictive-search .item-price, .predictive-search sup { font-family: clanotmedium; } .predictive-search .item-price.item-ehf { font-family: clanotbook; } .predictive-search .image-wrap { float: left; height: 56px; width: 75px; } .predictive-search .image-wrap img { height: 100%; } .predictive-search .item-description { padding-left: 10px; display: block; margin-left: 65px; } .predictive-search .original-price { margin: 0 5px 0 0; color: #b4b4b6; text-decoration: line-through; font-size: 0.8125rem; line-height: 100%; } .predictive-search .has-promotion { color: #c00; } .predictive-search .banner { float: right; margin-top: 15px; width: 30%; } .search-list-wrap { background: #f1f2f2; width: 100%; height: 100%; float: left; vertical-align: top; } .search-list-wrap ul { width: auto !important; position: relative !important; } .search-list-wrap li { color: #383838; font-family: clanotnews; padding: 10px 15px; line-height: 100%; display: block; } .search-list-wrap li:hover, .search-list-wrap li:focus, .search-list-wrap li.ui-state-hover, .search-list-wrap li.ui-state-focus { color: #fff; background: #c00; } .search-list-wrap li:hover a, .search-list-wrap li:focus a, .search-list-wrap li.ui-state-hover a, .search-list-wrap li.ui-state-focus a { color: #fff; } .search-list-wrap li:hover:after, .search-list-wrap li:focus:after, .search-list-wrap li.ui-state-hover:after, .search-list-wrap li.ui-state-focus:after { background: #c00; } .search-list-wrap li:after { content: ''; display: block; width: 100%; height: 1px; position: relative; bottom: -10px; background: #d9d9d9; } .search-list-wrap li a { color: #383838; } .search-list-wrap li:last-child:after { display: none; } @media only screen and (max-width: 47.9375em) { #search-form { margin-block-end: 0; } .search .desktop-container { padding: 0; } } @media only screen and (min-width: 48em) { #search-form { margin-block-end: 0; } .search .search-container { top: 50%; right: 0; position: absolute; margin-top: -30px; width: 65%; padding: 10px 15px; } .search .search-wrap input[type="text"] { height: 34px; } .search .site-search-submit { font-size: 17px; font-size: 1.0625rem; line-height: 34px; padding: 0 24px 0 10px; max-width: none; } .search .site-search-submit img { height: 16px; width: 16px; margin-right: 8px; } .search .site-search-submit span { display: inline; } .search .predictive-search .product-list { min-height: 30px; *zoom: 1; } .search .predictive-search .product-list:before, .search .predictive-search .product-list:after { content: ''; display: table; } .search .predictive-search .product-list:after { clear: both; } .search .predictive-search .product-list li { float: left; width: 50%; margin: 20px 0; min-height: 75px; padding-right: 20px; } .search .predictive-search .product-list li:nth-child(3n) { clear: left; } .search .predictive-search .product-list a { color: #383838; display: block; } .search .predictive-search .product-list .item-title { font-family: clanotbook; word-break: break-word; } .search .predictive-search .product-list .item-title:hover, .search .predictive-search .product-list .item-title:focus { color: #9e0000; } .search .predictive-search .pl-item { position: relative; } .search .predictive-search .image-wrap { position: relative; } .search .predictive-search .promo-indicator-circle { font-size: 44px; position: absolute; right: 0px; top: 0px; width: 33px; height: 33px; } } @media only screen and (min-width: 52em) { .search .search-container { width: 68%; right: 1%; } } @media only screen and (min-width: 54em) { .search .search-container { width: 69%; } } @media only screen and (min-width: 57em) { .search .search-container { width: 71%; } } @media only screen and (min-width: 60em) { .search .search-container { width: 72%; } } @media only screen and (min-width: 64.0625em) { .search .search-container { right: 0; width: 73.75%; } .predictive-search .categories-wrap .search-banner { display: block; } } @media only screen and (min-width: 68.75em) { .predictive-search .recommendations { padding: 10px 20px 10px 35px; width: 73%; } .search-list-wrap { width: 27%; } } @media only screen and (min-width: 75em) { .search .search-container { right: 85px; width: 63.4%; } } .paginationBar { display: none; } .paginationBar a { cursor: pointer; } .paginationBar.bottom { display: none; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; float: right; width: 100%; margin-bottom: 1.2rem; background-color: #eaeaea; padding: 10px; } .paginationBar.bottom .filter-options, .paginationBar.bottom .icon-button, .paginationBar.bottom .icon-button-wrap { display: none !important; } .paginationBar.bottom .results-wrap { margin-left: auto; } @media (max-width: 767px) { .paginationBar.bottom .results-wrap { text-align: center; } } .paginationBar.bottom .staticContentTotalResults strong { line-height: 47px; } .paginationBar.bottom .productsTotalResults strong { line-height: 47px; } @media (max-width: 810px) { .paginationBar.bottom .productsTotalResults strong { font-size: 12px; } } .paginationBar.bottom .pagination-top-container { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } @media (max-width: 767px) { .paginationBar.bottom .pagination-top-container { width: 100%; } } .paginationBar.bottom .load-more { border: 1px solid #c00000; text-align: center; padding: 0 15px; display: block; max-width: 165px; margin-left: auto; margin-right: auto; color: #c00000; } @media (min-width: 768px) { .paginationBar.bottom .load-more { display: none; } } .paginationBar.bottom .load-more span { color: inherit; text-transform: capitalize; line-height: 35px; font-weight: 800; font-size: 16px; } @media (max-width: 810px) { .paginationBar.bottom .showPagination { font-size: 12px; } } @media (max-width: 767px) { .paginationBar.bottom .showPagination { font-size: 14px; } } .paginationBar .filter-options { display: inline-block; vertical-align: middle; width: 100%; padding: 0 15px; } .paginationBar .filter-options>strong { display: inline-block; vertical-align: top; line-height: 43px; font-size: 0.875rem; } .paginationBar .sort-form { width: 160px; position: relative; float: none; display: inline-block; } .paginationBar .filter-link { background-color: #fff; vertical-align: middle; border: 1px solid #d9d9d9; width: 140px; height: 40px; text-align: center; position: relative; padding: 10px 25px; margin-left: 6px; font-family: clanotmedium; color: #383838; font-size: 13px; font-size: 0.8125rem; display: none; } .paginationBar .filter-link.expanded .filter-text { display: none; } .paginationBar .filter-link.expanded .done-text { display: inline-block; } .product-list-items .paginationBar .filter-link { display: inline-block; } .paginationBar .filter-link .done-text { display: none; } .paginationBar .filter-icon { left: 0px; top: 6px; float: right; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 10px; height: 8px; position: relative; } .paginationBar .results-wrap { text-align: left; *zoom: 1; } .paginationBar .results-wrap:before, .paginationBar .results-wrap:after { content: ''; display: table; } .paginationBar .results-wrap:after { clear: both; } .paginationBar .totalResults { display: inline-block; padding-right: 0; vertical-align: middle; } .paginationBar .pagination-wrap { display: inline-block; vertical-align: middle; border-left: 1px solid #d9d9d9; } .paginationBar .pagination-wrap form.go-to-page { margin-block-end: 0; margin-bottom: 0; } @media (max-width: 767px) { .paginationBar .pagination-wrap { display: none; } } .paginationBar .pagination-wrap .pagination-input-container { display: inline-block; } .paginationBar .pagination-wrap .showPagination { display: block; padding: 15px 0; text-transform: capitalize; } .paginationBar .pagination-wrap .showAll { margin-right: 20px; display: inline-block; text-transform: capitalize; vertical-align: middle; } .paginationBar .pagination-wrap .pagination-input { background-color: #fff; border: 2px solid #d2d2d2; position: relative; padding: 0 10px; } .paginationBar .pagination-wrap .pagination-input.inactive-input input[type="text"]:hover { cursor: default; } .paginationBar .pagination-wrap .pagination-input.active-input:hover { cursor: pointer; } .paginationBar .pagination-wrap .pagination-input .input-container { font-weight: 800; font-size: 13px; font-family: clanotbook; } .paginationBar .pagination-wrap .pagination-input .input-container form { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .paginationBar .pagination-wrap .pagination-input form ~ span { color: #d2d2d2; } .paginationBar .pagination-wrap .pagination-input #go-to-page ~ span { color: #d2d2d2; } .paginationBar .pagination-wrap .pagination-input input[type="submit"] { display: none; } .paginationBar .pagination-wrap .pagination-input li, .paginationBar .pagination-wrap .pagination-input li span, .paginationBar .pagination-wrap .pagination-input li form { display: inline-block; } .paginationBar .pagination-wrap .pagination-input li form input[type="text"] { border: none; background-color: transparent; outline: none; width: 30px; padding: 0; text-align: center; font-size: inherit; height: 37px; cursor: pointer; } .paginationBar .pagination-wrap .pagination-input li.prev, .paginationBar .pagination-wrap .pagination-input li.next { position: absolute; top: 7px; display: block; width: 15px; height: 15px; } .paginationBar .pagination-wrap .pagination-input li.prev { left: -20px; } .paginationBar .pagination-wrap .pagination-input li.prev a { display: block; width: 15px; height: 15px; border-right: 11px solid #c00; border-top: 11px solid transparent; border-bottom: 11px solid transparent; } .paginationBar .pagination-wrap .pagination-input li.prev.disabled { border-right: 11px solid #d2d2d2; border-top: 11px solid transparent; border-bottom: 11px solid transparent; } .paginationBar .pagination-wrap .pagination-input li.prev.disabled:hover { cursor: default; } .paginationBar .pagination-wrap .pagination-input li.next { right: -20px; } .paginationBar .pagination-wrap .pagination-input li.next a { display: block; width: 15px; height: 15px; border-left: 11px solid #c00; border-top: 11px solid transparent; border-bottom: 11px solid transparent; } .paginationBar .pagination-wrap .pagination-input li.next.disabled { border-left: 11px solid #d2d2d2; border-top: 11px solid transparent; border-bottom: 11px solid transparent; } .paginationBar .pagination-wrap .pagination-input li.next.disabled:hover { cursor: default; } .paginationBar .pagination { display: none; vertical-align: middle; position: relative; } .paginationBar .pagination li { display: inline-block; font-family: clanotmedium; font-size: 12px; font-size: 0.75rem; padding: 0 5px; } .paginationBar .pagination li strong { padding: 15px; } .paginationBar .pagination li a { display: block; padding: 15px; color: #4f4f4f; } .paginationBar .pagination .prev a { padding: 15px 5px; } .paginationBar .pagination .prev a:before { position: absolute; left: 7px; content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDYuOTk4IDEwLjAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi45OTggMTAuMDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojY2MwMDAwOyIgZD0iTTAuMTMsNS40NjVsMy43NzYsNC41NDloMy4wOTNMMi45NDMsNC45ODVsNC4wNTUtNC45NzZMNS45OTcsMEgzLjkwNUwwLjEzMiw0LjQ5Ng0KCUMtMC4wNDMsNC43OTQtMC4wNDQsNS4xNjcsMC4xMyw1LjQ2NXoiLz4NCjwvc3ZnPg0K); } .paginationBar .pagination .prev a:hover:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDYuOTk4IDEwLjAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi45OTggMTAuMDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojOWUwMDAwOyIgZD0iTTAuMTMsNS40NjVsMy43NzYsNC41NDloMy4wOTNMMi45NDMsNC45ODVsNC4wNTUtNC45NzZMNS45OTcsMEgzLjkwNUwwLjEzMiw0LjQ5Ng0KCUMtMC4wNDMsNC43OTQtMC4wNDQsNS4xNjcsMC4xMyw1LjQ2NXoiLz4NCjwvc3ZnPg0K); } .paginationBar .pagination .next a { padding: 15px 5px; } .paginationBar .pagination .next a:before { position: absolute; right: 7px; content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxMCAxNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI2NjMDAwMCIgZD0iTTkuODEyLDcuNzdMNC40MjIsMS4zNDVIMS40MzNMMC4wMDIsMS4zNThsNS43OTUsNy4xMTFMMCwxNS42NTRoNC40Mmw1LjM5Ni02LjUNCglDMTAuMDY0LDguNzI5LDEwLjA2Miw4LjE5Niw5LjgxMiw3Ljc3eiIvPg0KPC9zdmc+DQo=); } .paginationBar .pagination .next a:hover:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxMCAxNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iIzllMDAwMCIgZD0iTTkuODEyLDcuNzdMNC40MjIsMS4zNDVIMS40MzNMMC4wMDIsMS4zNThsNS43OTUsNy4xMTFMMCwxNS42NTRoNC40Mmw1LjM5Ni02LjUNCglDMTAuMDY0LDguNzI5LDEwLjA2Miw4LjE5Niw5LjgxMiw3Ljc3eiIvPg0KPC9zdmc+DQo=); } .paginationBar .pagination .next a a.resultListUrl { padding: 0px; } .paginationBar .pagination .prev { position: relative; } .paginationBar .pagination .prev.disabled:before { position: relative; top: 4px; left: 0; opacity: 0.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDYuOTk4IDEwLjAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNi45OTggMTAuMDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojQUFBQUFBOyIgZD0iTTAuMTMsNS40NjVsMy43NzYsNC41NDloMy4wOTNMMi45NDMsNC45ODVsNC4wNTUtNC45NzZMNS45OTcsMEgzLjkwNUwwLjEzMiw0LjQ5Ng0KCUMtMC4wNDMsNC43OTQtMC4wNDQsNS4xNjcsMC4xMyw1LjQ2NXoiLz4NCjwvc3ZnPg0K); } .paginationBar .pagination .next { position: relative; } .paginationBar .pagination .next.disabled:before { position: relative; top: 4px; right: 0; opacity: 0.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxMCAxNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgMTciIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0FBQUFBQSIgZD0iTTkuODEyLDcuNzdMNC40MjIsMS4zNDVIMS40MzNMMC4wMDIsMS4zNThsNS43OTUsNy4xMTFMMCwxNS42NTRoNC40Mmw1LjM5Ni02LjUNCglDMTAuMDY0LDguNzI5LDEwLjA2Miw4LjE5Niw5LjgxMiw3Ljc3eiIvPg0KPC9zdmc+DQo=); } .paginationBar .icon-button-wrap { display: inline-block; } .paginationBar .icon-button { background-color: #fff; border: 1px solid #d9d9d9; position: relative; height: 40px; width: 40px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 47.9375em) { .paginationBar .icon-button { display: none !important; } } .paginationBar .icon-button.active, .paginationBar .icon-button:hover, .paginationBar .icon-button:active { border: 1px solid #383838; } .paginationBar .icon-button.active .icon-path, .paginationBar .icon-button:hover .icon-path, .paginationBar .icon-button:active .icon-path { fill: #383838; } .paginationBar .icon-button .icon-path { fill: #d9d9d9; } .paginationBar .icon-button svg { display: block; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-manage-coupons .paginationBar .results-wrap { padding-bottom: 10px; } @media only screen and (min-width: 48em) { .paginationBar.top { overflow: hidden; text-align: left; padding: 15px 0; margin-bottom: 20px; } .paginationBar .filter-options { margin-right: 15px; margin-left: 15px; width: auto; padding: 0; } .paginationBar .sort-form { width: auto; } .paginationBar .results-wrap { display: inline-block; } .paginationBar .totalResults { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; } .paginationBar .totalResults strong { font-family: clanotnews; font-weight: bold; line-height: 41px; } .paginationBar .pagination-wrap { border-left: none; margin-right: 15px; } .paginationBar .pagination-wrap .showAll { margin-right: 10px; } .paginationBar .pagination li { font-size: 14px; font-size: 0.875rem; } .paginationBar .pagination li strong, .paginationBar .pagination li a { padding: 15px 5px; font-family: clanotbook; } .paginationBar .pagination li strong:hover, .paginationBar .pagination li a:hover { color: #9e0000; } .paginationBar .pagination li strong { font-family: clanotmedium; } .paginationBar .icon-button-wrap { padding: 15px 0; } .paginationBar .icon-button:last-child { margin-left: 5px; } .product-list-items .paginationBar .filter-link { display: none; } .page-manage-coupons .paginationBar.top .filter-options { margin-left: 0; } } @media only screen and (min-width: 69.375em) { .paginationBar .filter-options { margin-right: 0; margin-left: 0; } .paginationBar .pagination-wrap .showAll { margin-right: 20px; font-size: 13px; font-size: 0.8125rem; } .paginationBar .pagination li strong, .paginationBar .pagination li a { padding: 15px; } .paginationBar .icon-button:last-child { margin-left: 5px; } .page-manage-coupons .paginationBar .filter-options { margin-left: 0; } } #product-list.search-results-list .filter-options, #product-list.search-results-list .icon-button-wrap, #product-list.search-results-list .pagination-top-container .staticContentPagination, #product-list.search-results-list .productsTotalResults, #product-list.search-results-list .productList, #product-list.search-results-list .staticContentTotalResults, #product-list.search-results-list .staticContentList { display: none; } #product-list.product-list .staticContentTotalResults.totalResults { display: none; } .active-product-tab #product-list.search-results-list .filter-options, .active-product-tab #product-list.search-results-list .icon-button-wrap, .active-product-tab #product-list.search-results-list .pagination-top-container .productsPagination, .active-product-tab #product-list.search-results-list .productsTotalResults { display: inline-block; } .active-product-tab #product-list.search-results-list .productList { display: block; } @media (max-width: 767px) { .active-product-tab #product-list.search-results-list .pagination-top-container .productsPagination { display: none; } } .active-content-tab #product-list.search-results-list .filter-options, .active-content-tab #product-list.search-results-list .icon-button-wrap, .active-content-tab #product-list.search-results-list .pagination-top-container .productsPagination, .active-content-tab #product-list.search-results-list .productsTotalResults, .active-content-tab #product-list.search-results-list .productList { display: none; } .active-content-tab #product-list.search-results-list .staticContentTotalResults, .active-content-tab #product-list.search-results-list .staticContentPagination { display: inline-block; } @media (max-width: 767px) { .active-content-tab #product-list.search-results-list .staticContentTotalResults { padding: 15px 0; } } .active-content-tab #product-list.search-results-list .staticContentList { display: block; } .active-content-tab #product-list.search-results-list .product-list-container .paginationBar .productsTotalResults.totalResults { display: none; } @media (max-width: 767px) { .active-content-tab #product-list.search-results-list .staticContentPagination { display: none; } } .active-content-tab .search-results-wrapper .search-results-list .sidebar-wrap { display: none; } .active-product-tab .search-results-wrapper .search-results-list .sidebar-wrap { display: block; } .template-pages-category-productListPage .staticContentPagination { display: none; } .template-pages-storeFinder-storeFinderSearchPage .staticContentPagination.pagination-wrap, .template-pages-CartPageTemplate .staticContentPagination.pagination-wrap, .template-pages-category-brandPage .staticContentPagination.pagination-wrap, .template-pages-account-accountLayoutPage .staticContentPagination.pagination-wrap { display: none; } .page-dealersHighlights .paginationBar .pagination-wrap.staticContentPagination { display: none; } /* Form Elements Styleguide 16.0 */ fieldset { border: none; margin: 0; padding: 0; } label, legend { display: block; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; line-height: 1rem; margin: 0; } p.label, legend.label { display: block; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; line-height: 0.8; margin: 0 0 8px; } .control-group { margin: 0 0 20px; } .control-group .control-label { margin-bottom: 10px; } .kiosk-apm-form-container .control-group .control-label { display: table-cell; width: 200px; vertical-align: middle; overflow: hidden; } .kiosk-apm-form-container .control-group .controls { display: table-cell; width: 200px; } /* Text Input .parsley-error - Error Markup:
Styleguide 16.1 */ #password_text span, #profile-currentPassword span, #profile-newPassword_text span { color: #9e0000 !important; } input[type="text"]::-webkit-input-placeholder { color: #4f4f4f !important; } input[type="text"]::-moz-placeholder { color: #4f4f4f !important; } input[type="text"]:-ms-input-placeholder { color: #4f4f4f !important; } input[type="text"], input[type="password"], input[type="date"], .faux-input { background: #fff; border: 1px solid #d9d9d9; border-radius: 0; color: #383838; display: block; font-size: 14px; font-size: 0.875rem; height: 40px; line-height: 1rem; padding: 0 10px; vertical-align: middle; width: 100%; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { outline: 1px dotted #a9a9a9; outline-offset: -2px; outline: -webkit-focus-ring-color auto 5px; } input[type="text"].parsley-error, input[type="password"].parsley-error, input[type="email"].parsley-error { outline: none; border: 1px solid #c00; } .disabled input, .disabled select, .disabled .custom-select { background: #f1f2f2; } .disabled .control-label { color: #d9d9d9; } /* Quantity Input Markup: Styleguide 16.2 */ input[type="text"].qty-input { width: 44px; height: 44px; display: inline-block; padding: 0; text-align: center; vertical-align: middle; margin: 0; } .faux-input { padding: 0; } .faux-input input[type="text"] { border: none; height: 38px; } .faux-input .button { margin-top: -1px; } .faux-margin { float: left; position: relative; } .faux-margin:before { content: ''; width: 15px; height: 40px; display: block; position: absolute; top: -1px; left: -15px; } .faux-margin.fm-border:before { width: 14px; } textarea { background: #fff; border: 1px solid #d9d9d9; border-radius: 0; color: #383838; display: block; font-size: 13px; font-size: 0.8125rem; min-height: 70px; line-height: 1rem; padding: 10px; vertical-align: middle; width: 100%; } .forgot-password { display: block; font-family: clanotbook; font-size: 12px; font-size: 0.75rem; margin: 0 0 12px; } .noneditable-field p { margin: 0; } .noneditable-field .label { display: block; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; line-height: 1rem; margin: 0 0 6px; } .noneditable-field .value { border: 1px solid #eaeaea; display: block; font-size: 14px; font-size: 0.875rem; line-height: 1rem; margin: 0; padding: 11px 8px; min-height: 38px; } /* Buttons Styleguide 8.0 */ .button-wrap { text-align: center; *zoom: 1; } .button-wrap:before, .button-wrap:after { content: ''; display: table; } .button-wrap:after { clear: both; } @media only screen and (max-width: 47.9375em) { .button-wrap { text-align: left; } } /* Buttons Basic button styles .primary-button - Primary button .secondary-button - Secondary button .disabled-button - Disabled button Markup: Link Styleguide 8.1 */ button { border-radius: 0; } .button { -webkit-appearance: none; background: transparent; border: none; border-radius: 0; color: #c00; display: inline-block; font-size: 12px; font-size: 0.75rem; font-family: clanotnews; line-height: 128%; padding: 0; text-align: left; vertical-align: middle; } .button:visited { color: #c00; } .button:hover, .button:focus { color: #9e0000; } .button.disabled { color: #a9a9a9; } .button--arrow { font-weight: bold; } .button--arrow i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; overflow: hidden; line-height: 1; } .button--arrow i svg { width: 16px; height: 16px; } .button--arrow i svg path { fill: #c00; } .button--arrow:visited svg path { fill: #c00; } .button--arrow:hover svg path, .button--arrow:focus svg path { fill: #9e0000; } .button--arrow.disabled svg path { fill: #a9a9a9; } a.primary-button { color: #fff !important; } .primary-button { background: #c00; color: #fff; font-size: 14px; font-size: 0.875rem; line-height: 1.25rem; min-height: 40px; padding: 10px 25px 8px; text-align: center; } .primary-button--big { padding-left: 25px !important; padding-right: 25px !important; } .primary-button--huge, .primary-button--bigger { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 0.83rem; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media only screen and (max-width: 47.9375em) { .primary-button--huge, .primary-button--bigger { min-height: 50px; } } @media only screen and (min-width: 48em) { .primary-button--bigger { width: 220px; } } @media only screen and (max-width: 47.9375em) { .primary-button--bigger { min-height: 50px; } } .primary-button:visited { color: #fff; } .primary-button:hover, .primary-button:focus { background: #9e0000; color: #fff; } .secondary-button { background: #fff; border: 1px solid #c00; color: #c00; font-size: 14px; font-size: 0.875rem; line-height: 1.25rem; min-height: 40px; padding: 10px 25px 8px; text-align: center; text-align-last: center; } .secondary-button:focus, .secondary-button:hover { border-color: #9e0000; color: #9e0000; } .secondary-button--long { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; min-width: 200px; padding: 8px 5px 6px; } @media only screen and (max-width: 47.9375em) { .secondary-button--long { width: 100%; } } .secondary-button--long.img-button { min-height: auto; } .secondary-button--long.img-button i { width: 24px; height: 24px; margin-right: 10px; display: inline-block; } .secondary-button--long.img-button i img { max-width: 100%; } .details-button { background-color: #3d98b0; color: #fff; font-family: 'Roboto', 'Arial', sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 1px; text-transform: capitalize; padding: 15px 20px; width: 100%; position: relative; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; } .details-button:after { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; content: '^'; margin-top: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 25px; width: 16px; height: 16px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-family: Verdana; font-size: 18px; font-weight: 500; } @media only screen and (max-width: 47.9375em) { .details-button:after { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); margin-bottom: 10px; margin-top: 0; } } .details-button:hover, .details-button:focus { background-color: #2b6a7b; color: #fff; } button[disabled], .disabled-button { background: #a9a9a9; color: #fff; cursor: default; font-size: 14px; font-size: 0.875rem; line-height: 1.25rem; min-height: 40px; padding: 10px 25px 8px; text-align: center; } button[disabled]:visited, .disabled-button:visited { color: #fff; } button[disabled]:hover, .disabled-button:hover { color: #fff; background: #a9a9a9; } .primary-button + .button { padding: 10px 25px 8px; } .primary-button + #cancel-button { padding: 17px 25px 11px; line-height: 100%; } .close-hover:hover { cursor: pointer; } /* Custom button styles Note: image paths are absolute for styleguide only Markup: Styleguide 8.2 */ .negative-button { background: none; border: none; margin-bottom: 10px; font-size: 12px; font-size: 0.75rem; color: #c00; } .negative-button:visited { color: #c00; } .negative-button:focus, .negative-button:hover { color: #9e0000; } .negative-button .remove-icon { display: inline-block; width: 13px; vertical-align: text-top; } .negative-button svg { display: inline-block; margin-bottom: -2px; margin-right: 5px; } /* Checkboxes Markup:
Styleguide 16.4 */ .form-row-wrapper { overflow: hidden; display: table; margin-bottom: 12px; } .form-row-wrapper div { display: table-cell; width: 50%; vertical-align: middle; padding-right: 12px; } .form-row-wrapper a { margin: 0; } .checkbox-wrap { color: #383838; padding-bottom: 10px; min-height: 24px; min-width: 24px; position: relative; } .facet_block .checkbox-wrap { padding-bottom: 0px; } .checkbox-wrap label { position: relative; cursor: pointer; } .checkbox-wrap .label { font-family: clanotbook; } .checkbox-wrap .checkbox-focus { border: 1px solid transparent; min-height: 24px; min-width: 24px; position: relative; } .checkbox-wrap input[type="checkbox"] { left: -9999px; position: absolute; } .checkbox-wrap input[type="checkbox"]:checked ~ .checkbox-focus .check { display: block; border: 2px solid #c00; background: #c00; height: 100%; position: relative; } .checkbox-wrap input[type="checkbox"]:focus ~ .checkbox-focus { border: 1px dotted #a9a9a9; } .checkbox-wrap .checkbox { background: #fff; width: 20px; height: 20px; padding: 3px; border: 1px solid #4f4f4f; position: absolute; left: 1px; } .checkbox-wrap .checkbox .disabled { background-color: #a9a9a9; height: 100%; display: block; } .checkbox-wrap .label { margin-left: 30px; display: block; line-height: 150%; } .checkbox-wrap .label.hidden { display: none; } .showText { color: #c00; display: inline; margin-left: auto; text-decoration: underline; font-weight: bold; } .bellCompanies { font-size: 0.7rem; } .address-details .note { margin-left: 29px; margin-top: -20px; font-family: clanotbook; } .primary-radio-buttons .radio-button-label { margin: 0 0 18px; position: relative; color: #383838; } .primary-radio-buttons input[type=radio] { position: absolute; left: -9999px; top: -9999px; visibility: hidden; } .primary-radio-buttons input[type=radio]:checked + .radio-button-label .radio-button span:before { position: absolute; left: 3px; top: 3px; content: ''; border-radius: 50%; width: 10px; height: 10px; background: #c00; border-color: #c00; } .primary-radio-buttons input[type=radio]:checked + .radio-button-label .radio-hidden-content { max-height: none; } .primary-radio-buttons input[type=radio]:focus + .radio-button-label { outline: 1px dotted #a9a9a9; outline-offset: -1px; } .primary-radio-buttons .label-text { display: inline-block; line-height: 1.25rem; padding: 1px 0 0 0; vertical-align: top; cursor: pointer; } .primary-radio-buttons .radio-button { background: #fff; border: 2px solid #d9d9d9; width: 20px; height: 20px; border-radius: 20px; margin: 0 5px 0 0; text-align: center; vertical-align: top; display: inline-block; float: left; position: relative; } .primary-radio-buttons .radio-button span { display: block; width: 10px; height: 10px; border-radius: 12px; margin: 3px auto 0; background: #fff; border: 1px solid #fff; vertical-align: middle; } .primary-radio-buttons .label-value { padding-left: 25px; display: block; } .primary-radio-buttons .label-value strong { font-size: 16px; font-size: 1rem; } .primary-radio-buttons .note { margin-left: 25px; font-family: clanotbook; } .primary-radio-buttons .radio-hidden-content { max-height: 0; overflow: hidden; *zoom: 1; } .primary-radio-buttons .radio-hidden-content:before, .primary-radio-buttons .radio-hidden-content:after { content: ''; display: table; } .primary-radio-buttons .radio-hidden-content:after { clear: both; } .switch { border: none; display: block; height: 24px; padding: 0; position: relative; } .switch .activation-state { display: inline-block; line-height: 1.5rem; padding-right: 5px; vertical-align: middle; } .switch label { -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; transition: left 0.15s ease-out; background: #a9a9a9; border-radius: 12px; color: transparent; cursor: pointer; display: inline-block; height: 24px; line-height: 1.5rem; margin: 0; position: relative; text-indent: 100%; vertical-align: middle; width: 44px; } .switch label:after { -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; -ms-transition: left 0.15s ease-out; transition: left 0.15s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: #fff; border-radius: 12px; content: ""; display: block; left: 22px; height: 20px; position: absolute; top: 2px; width: 20px; } .switch input { right: 10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); padding: 0; position: absolute; top: 9px; } .switch input:checked + label { background: #3d98b0; } .switch input:checked + label:after { left: 2px; } .form-header { border-bottom: 1px solid #d9d9d9; font-size: 18px; font-size: 1.125rem; font-family: clanotnews; text-transform: uppercase; padding: 0 15px 25px; } .form-sub-header { font-size: 16px; font-size: 1rem; font-family: clanotnews; margin-bottom: 10px; text-transform: uppercase; } .required { font-size: 12px; font-size: 0.75rem; } .user-action .required { padding: 0 15px; } .user-action .page-description { font-size: 13px; font-size: 0.8125rem; line-height: 1.125rem; margin-bottom: 20px; padding: 0 15px; } .generic-form { padding: 15px; max-height: none; } .generic-form p { line-height: 170%; } .generic-form-actions { margin: 30px 0; } .generic-form-section { margin-bottom: 20px; *zoom: 1; } .generic-form-section:before, .generic-form-section:after { content: ''; display: table; } .generic-form-section:after { clear: both; } .user-action-form { display: block; padding: 10px 15px 0; width: 100%; } @media only screen and (min-width: 48em) { .user-action-form { max-width: 410px; } } .user-action-form .generic-form { padding: 0; } .user-action-form .generic-form-actions { margin: 30px 0; } .user-action-form .button-wrap { width: 100%; } .user-action-form .gender-selection { display: inline-block; padding-right: 25px; } .edit-profile input::-webkit-input-placeholder, .address-details-first input::-webkit-input-placeholder, .contactUs input::-webkit-input-placeholder, .b2b-application input::-webkit-input-placeholder { color: #a9a9a9 !important; } .edit-profile input::-moz-placeholder, .address-details-first input::-moz-placeholder, .contactUs input::-moz-placeholder, .b2b-application input::-moz-placeholder { color: #a9a9a9 !important; } .edit-profile input:-ms-input-placeholder, .address-details-first input:-ms-input-placeholder, .contactUs input:-ms-input-placeholder, .b2b-application input:-ms-input-placeholder { color: #a9a9a9 !important; } .i18nAddressForm label { float: none; } .i18nAddressForm .button { display: block; float: none; margin-bottom: 15px; min-height: 40px; text-align: center; width: 100%; } .i18nAddressForm .form-actions .button { display: block; float: none; min-height: 40px; text-align: center; width: 100%; } .i18nAddressForm .form-actions a { padding-top: 10px; } .parsley-error .custom-select.input-container { border: none; } .parsley-error input, .parsley-error select, .parsley-error .custom-select select { border: 1px solid #c00; } .parsley-error input:focus, .parsley-error select:focus, .parsley-error .custom-select select:focus { outline: none; } .parsley-error .input-container, .parsley-error .disabled { border: 1px solid #d9d9d9; } .parsley-error .checkbox { border-color: #c00; } .parsley-error label { color: #c00; } .parsley-errors-list { color: #c00; } .parsley-errors-list li { display: block; font-size: 12px; font-size: 0.75rem; padding-top: 5px; } .help-inline { color: #c00; font-family: clanotbook; margin-bottom: 15px; font-size: 12px; font-size: 0.75rem; } .control-group.error { display: table; width: 100%; } .control-group.error .help-inline + .control-label { display: table-header-group; } .control-group.error .help-inline { font-family: clanotnews; } .control-group.error label { color: #c00; font-family: clanotnews; } .control-group.error .controls > input { border: 1px solid #c00; margin-bottom: 10px; } .control-group.error .controls > input.strength { margin-bottom: 0; } .control-group.error .controls > input.strength .help-inline { margin: 0 0 10px; } .control-group.error .help-inline { margin: 5px 0 0 0; } .pstrength-bar { margin-top: 10px; } @media only screen and (max-width: 47.9375em) { .full-button { margin: 0 auto; max-width: 320px; display: block; } .user-action .page-description { padding: 0; font-size: 13px; font-size: 0.8125rem; } .user-action .required { padding: 0; } .account-content .user-action .mandatory { display: inline-block; } .user-action-form { padding: 10px 0 0; } } @media only screen and (min-width: 48em) { .required { font-size: 14px; font-size: 0.875rem; } .user-action.login .page-description { margin-bottom: 38px; } .user-action .required { padding: 0; } .user-action .page-description { padding: 0; font-size: 14px; font-size: 0.875rem; } .user-action-form { padding: 10px 0 0; } .i18nAddressForm .button { display: inline-block; float: right; margin-left: 15px; min-height: 0; line-height: 40px; margin-bottom: 15px; width: auto; } .i18nAddressForm .button:first-child { margin-left: 0; } .i18nAddressForm .primary-button { line-height: 128%; } .i18nAddressForm .secondary-button { float: left; line-height: 128%; } .i18nAddressForm .form-actions a { padding-top: 0; } .negative-button svg { height: 13px; width: 13px; } } .saveAddress .button { cursor: pointer; } .hidden { display: none; } input[placeholder] { -o-text-overflow: ellipsis; text-overflow: ellipsis; } ::-moz-placeholder { -o-text-overflow: ellipsis; text-overflow: ellipsis; } input:-moz-placeholder { -o-text-overflow: ellipsis; text-overflow: ellipsis; } input:-ms-input-placeholder { -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: normal; } .datepicker { margin: 10px; position: absolute; width: 280px; background-color: #fff; font-family: clanotnews; -webkit-box-shadow: 0 0 3px 1px #828282; -webkit-box-shadow: 0 3px 3px 1px #828282; box-shadow: 0 3px 3px 1px #828282; z-index: 9; } .datepicker div#month-wrap { height: 40px; background-color: #ddd; background-color: #c00; text-transform: uppercase; } .datepicker div#bn_prev { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCA2Ljk5OCAxMC4wMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYuOTk4IDEwLjAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMC4xMyw1LjQ2NWwzLjc3Niw0LjU0OWgzLjA5M0wyLjk0Myw0Ljk4NWw0LjA1NS00Ljk3Nkw1Ljk5NywwSDMuOTA1TDAuMTMyLDQuNDk2DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEMtMC4wNDMsNC43OTQtMC4wNDQsNS4xNjcsMC4xMyw1LjQ2NXoiLz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4NCiAgICAgICAgICAgICAgICAgICAgICAgIA==) no-repeat center center; float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; } .datepicker div#bn_prev svg { height: 14px; vertical-align: middle; } .datepicker div#bn_next { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KICAgICB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTAgMTciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwIDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjgxMiw3Ljc3TDQuNDIyLDEuMzQ1SDEuNDMzTDAuMDAyLDEuMzU4bDUuNzk1LDcuMTExTDAsMTUuNjU0aDQuNDJsNS4zOTYtNi41DQogICAgQzEwLjA2NCw4LjcyOSwxMC4wNjIsOC4xOTYsOS44MTIsNy43N3oiLz4NCjwvc3ZnPg==) no-repeat center center; float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; } .datepicker div#bn_next svg { height: 14px; vertical-align: middle; } .datepicker img.bn_img { margin: 0; padding: 2px; } .datepicker div#month { color: #fff; float: left; width: 200px; height: 40px; text-align: center; font-weight: bold; font-size: 18px; font-size: 1.125rem; text-align: center; line-height: 40px; } .datepicker div#month .year { font-family: clanotbook; } .datepicker thead { display: none; } .datepicker table#cal { width: 280px; font-size: 1.2em; text-align: center; border-spacing: 0; } .datepicker table#cal th, .datepicker table#cal td { width: 40px; height: 40px; padding: 0; } .datepicker table#cal td { color: #383838; cursor: pointer; background-color: #fff; border: 1px solid; border-right: none; border-bottom: none; border-color: #d9d9d9; font-size: 14px; font-size: 0.875rem; overflow: hidden; } .datepicker table#cal td.today { background-color: #fff; position: relative; } .datepicker table#cal td.today:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #c00 transparent transparent; position: absolute; top: 0; right: 0; } .datepicker table#cal td.empty { background-color: #f9f9f9; border-color: #eee; cursor: default; } .datepicker table#cal td:hover, .datepicker table#cal td.focus { border: 1px solid #c00; background-color: #f1f2f2; color: #c00; } .datepicker + td { border-left: none; } .datepicker table#cal td.emptyhover { background-color: #f9f9f9; border-color: #eee; } .offscreen { position: absolute; left: -200em; top: -100em; } [aria-hidden="true"] { display: none; } @media only screen and (min-width: 63.25em) { .user-action.login .page-description { margin-bottom: 20px; } } @media only screen and (max-width: 57.1875em) { .page-login .user-action.login .page-description { margin-bottom: -15px; padding-top: 10px; } } .input-group-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; } .input-group { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 6em; height: 2em; min-width: 6em; padding-top: 0 !important; } .input-group input { width: 33.3333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center !important; border: 0; } .input-group input[type="button"] { font-family: Arial; line-height: 1; cursor: pointer; background-color: #d9d9d9; color: #fff; font-size: 2em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; padding: 0; -webkit-appearance: button; } .input-group input:focus { border: 1px solid #3d98b0; } .input-group input[type="number"]::-webkit-outer-spin-button, .input-group input[type="number"]::-webkit-inner-spin-button { display: none; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .input-group input[type="number"] { -moz-appearance: textfield; } .input-group .quantity-field { font-size: 1em; border: 1px solid #d9d9d9; } .input-status { margin-left: 15px; font-size: 0.9em; } .input-status__loader { display: none; border: 0.125rem solid #c00; border-top: 0.125rem solid transparent; border-radius: 100%; width: 1.25rem; height: 1.25rem; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .input-status__true { display: none; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 47.9375em) { .input-status__true { margin-left: 10px; height: 1.25rem; } } .input-status__true { display: none; position: relative; padding-left: 1.25rem; } .input-status__true:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 1rem; height: 1rem; background: #0aa84b url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPg0KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNyA0bC0xNSAxNS03LTctNSA1IDEyIDEyIDIwLTIweiI+PC9wYXRoPg0KPC9zdmc+DQo=) no-repeat center; -webkit-background-size: 0.8333rem 0.625rem; -moz-background-size: 0.8333rem 0.625rem; background-size: 0.8333rem 0.625rem; border-radius: 100%; padding: 0.3rem; } .input-status__false { display: none; } .input-status__error-message { display: none; } .input-status__error-message span { color: #c00; } .input-status.with-loader .input-status__loader { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .input-status.with-error .input-status__error-message { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .input-status.with-true .input-status__true { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .input-status.with-false .input-status__false { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; } .cart-item--dropdown .cart-item__detail, .cart-item--dropdown .cart-item__img { padding: 7px; } .cart-item--dropdown .input-status { margin-left: 7px; } .cart-item--dropdown .input-status__true span { line-height: 1; } .pdp-availability-wrap .input-status, .pdp-custom .input-status { display: none; } .hero { text-align: center; } .hero .container { padding: 0; } .hero .hero-image img { width: 100%; } .aspot-module { *zoom: 1; } .aspot-module:before, .aspot-module:after { content: ''; display: table; } .aspot-module:after { clear: both; } @media only screen and (max-width: 47.9375em) { .aspot-module .a-spot-header { display: none !important; } } .aspot-module .a-spot-image { display: block; } .aspot-module .section-header { display: inline-block; } .aspot-module h2, .aspot-module h3, .aspot-module p { display: inline-block; } .aspot-module .a-spot-info { display: block; } .page-subcategory .aspot-module .section-header, .page-category .aspot-module .section-header { width: 100%; } @media only screen and (min-width: 48em) { .page-subcategory .aspot-module .section-header, .page-category .aspot-module .section-header { width: inherit; } .hero .hero-image { height: 531px; position: relative; } .hero .hero-image img { max-width: none; } .aspot-module .a-spot-image { margin-bottom: 40px; } .aspot-module h2 { margin: 0 0 1px; } .aspot-module p { font-size: 14px; font-size: 0.875rem; line-height: 150%; vertical-align: top; margin-bottom: 10px; } } /* Alternate Header * Used for: Separate Content (EX: Promo blocks) Markup:

New At The Source

Styleguide 2.2.2 */ .promo-block { background: #a9a9a9; color: #fff; text-align: center; -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); padding-top: 20px; padding-bottom: 20px; } .promo-block .section-header { background: #fff; color: #383838; word-break: break-all; } .promo-block .section-header:after { border-color: transparent transparent #a9a9a9 transparent; } @media only screen and (max-width: 47.9375em) { .promo-block.promo-block-1 .container { padding-bottom: 50px; } } .promo-block.promo-block-1 .container .promo-content { *zoom: 1; background: #fff; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); } .promo-block.promo-block-1 .container .promo-content .promo-text +below(48em) { width: 100%; } .promo-block.promo-block-1 .container .promo-content:before, .promo-block.promo-block-1 .container .promo-content:after { content: ''; display: table; } .promo-block.promo-block-1 .container .promo-content:after { clear: both; } .promo-block.promo-block-1 .image-wrap { display: block; vertical-align: top; position: relative; } .promo-block.promo-block-1 .image-wrap img { display: block; border: 1px solid #cfcfcf; } /* Exclusive Static Image * Note: breakpoints in styleguide may not align correctly due to left navigation Markup:

Monster Superstar HD speaker

Ultra-compact, high-performance Superstar Bluetooth speaker from Monster delivers premium stereo sound.

Get It Now
Styleguide 11.4 */ .promo-text { background: #fff; color: #383838; text-align: left; padding: 20px 15px; display: inline-block; max-width: 767px; position: relative; z-index: 1; } .promo-text p { word-break: break-word; margin-bottom: 0; } .promo-text .promo-header { font-size: 18px; font-size: 1.125rem; margin: 0 0 10px; } .promo-text a { padding: 0 24px; position: relative; line-height: 40px; margin-top: 15px; font-size: 14px; font-size: 0.875rem; min-width: 120px; } .promo-text a:hover { background: #9e0000; } .promo-block-1 .promo-image { margin: 0 auto; max-width: 767px; } /* Solutions Static Image Markup:
Battery Charger Finder Cable Finder
Styleguide 11.3 */ .promo-block-2 .small-promos { margin: 0; vertical-align: top; text-align: left; } .promo-block-2 .small-promos a[href*="cableFinder"], .promo-block-2 .small-promos a[href*="batteryFinder"] { display: none; } .promo-block-2 .small-promos .image-wrap { display: inline-block; max-width: 138px; margin-right: 0; } .promo-block-2 .small-promos .image-wrap:first-child { margin-right: 10px; } .promo-block-2 .small-promos .image-wrap:focus { border: 1px solid #add8e6 3px solid; } .promo-block-2 .large-promos { width: 100%; min-height: 177px; overflow: hidden; } .promo-block-2 .large-promos img { width: 100%; } .promo-block-2 .promo-deal { min-height: 270px; overflow: hidden; margin-top: -3px; } @media only screen and (max-width: 47.9375em) { .promo-block-2 .promo-deal { margin-top: 15px; } } .promo-block-2 .promo-deal img { width: 100%; } .promo-block-2 .promo-deal-sales-failed { min-height: 270px; overflow: hidden; margin-top: -3px; } @media only screen and (max-width: 47.9375em) { .promo-block-2 .promo-deal-sales-failed { margin-top: 15px; } } .promo-block-2 .promo-deal-sales-failed img { width: 100%; } .great-offers { background-color: #f1f2f2; color: #fff; text-align: center; -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); padding-top: 20px; padding-bottom: 20px; } @media only screen and (max-width: 47.9375em) { .great-offers { padding-top: 30px; padding-bottom: 30px; } } .great-offers.promo-block-1 .promo-content { *zoom: 1; background: #fff; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); } .great-offers.promo-block-1 .promo-content:before, .great-offers.promo-block-1 .promo-content:after { content: ''; display: table; } .great-offers.promo-block-1 .promo-content:after { clear: both; } .great-offers.promo-block-1 .image-wrap { display: block; vertical-align: top; position: relative; } .great-offers.promo-block-1 .image-wrap img { display: block; border: 1px solid #cfcfcf; } .great-offers .promo-deal { overflow: hidden; margin-top: -3px; } @media only screen and (max-width: 47.9375em) { .great-offers .promo-deal { margin-top: 15px; } } .great-offers .promo-deal img { width: 100%; } .great-offers .section-header:after { border-color: transparent transparent #f1f2f2 transparent; } .great-offers .header-wrap a { font-family: clanotbook; } .great-offers .promo-deal-sales-failed { overflow: hidden; margin-top: -3px; } @media only screen and (max-width: 47.9375em) { .great-offers .promo-deal-sales-failed { margin-top: 15px; } } .great-offers .promo-deal-sales-failed img { width: 100%; } .great-offers .section-header:after { border-color: transparent transparent #f1f2f2 transparent; } .great-offers .header-wrap a { font-family: clanotbook; } .has-potential-order-promotions .promo { margin-bottom: 20px; } @media only screen and (min-width: 48em) { .container, .global-messages { text-align: left; } .image-wrap { display: inline-block; } .header-item .image-wrap { height: 70px; } .promo-block-1 .promo-text { width: 35.5%; float: right; } .promo-block-1 .promo-text p { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .promo-block-1 .promo-image { display: block; vertical-align: top; position: relative; z-index: 1; width: 64.5%; float: left; } .promo-block-2 .image-wrap { width: 100%; } .promo-block-2 .deal-container { min-height: 221px; } .promo-block-2 .deal-container .image-wrap:focus { border: 3px solid #3d98b0; } .promo-block-2 .small-promos { max-width: 17.5%; display: inline-block; } .promo-block-2 .small-promos a[href*="cableFinder"], .promo-block-2 .small-promos a[href*="batteryFinder"] { display: block; } .promo-block-2 .small-promos .image-wrap { max-width: none; width: auto; margin-right: 20px; } .promo-block-2 .small-promos .image-wrap:first-child { margin-right: 20px; } .promo-block-2 .large-promos { height: auto; display: inline-block; width: 51%; padding-right: 20px; vertical-align: top; } .promo-block-2 .promo-deal { height: auto; display: inline-block; width: 31.5%; margin-top: 0; vertical-align: top; } .promo-block-2 .promo-deal-sales-failed { height: auto; display: inline-block; width: 31.5%; margin-top: 0; vertical-align: top; } .great-offers .image-wrap { width: 100%; } .great-offers .deal-container { min-height: 221px; } .great-offers .deal-container .image-wrap:focus { border: 3px solid #3d98b0; } .great-offers .promo-deal { height: auto; display: inline-block; width: 33.68%; margin-top: 0; vertical-align: top; padding-right: 16px; } .great-offers .promo-deal:last-child { width: 31.6%; } .great-offers .promo-deal:last-child { padding-right: 0px; } .great-offers .promo-deal-sales-failed { height: auto; display: inline-block; width: 33.68%; margin-top: 0; vertical-align: top; padding-right: 16px; } .great-offers .promo-deal-sales-failed:last-child { width: 31.6%; } .great-offers .promo-deal-sales-failed:last-child { padding-right: 0px; } .has-potential-order-promotions .promo { max-width: 540px; display: inline-block; } .has-potential-order-promotions .promo h2 { margin-top: 0; } .promo-text .promo-header { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; } .promo-block .header-wrap a { font-size: 14px; font-size: 0.875rem; font-family: clanotmedium; } } /* Promotional Spot Static Image Markup:
Bell At Home
Styleguide 11.1 */ /* Deal of the Day Markup:
Deal Of The Day
Styleguide 11.2 */ @media only screen and (min-width: 64em) { .promo-text { padding: 40px 30px 10px; width: 358px; } .promo-block-1 { padding-top: 20px; padding-bottom: 20px; } .promo-block-1 .promo-image .image-wrap { overflow: hidden; } .promo-block-1 .promo-image .image-wrap:focus { border: 3px solid #3d98b0; } .promo-block-1 .promo-text p { -o-text-overflow: initial; text-overflow: initial; white-space: normal; height: 56px; overflow: hidden; } .promo-block-2 .small-promos { max-width: 17%; } .promo-block-2 .small-promos a[href*="cableFinder"], .promo-block-2 .small-promos a[href*="batteryFinder"] { display: block; } .promo-block-2 .large-promos { width: 51%; } .promo-block-2 .promo-deal { width: 32%; } .promo-block-2 .promo-deal-sales-failed { width: 32%; } .great-offers .promo-deal { width: 33.7%; padding-right: 20px; } .great-offers .promo-deal:last-child { width: 31.7%; padding-right: 0px; } .great-offers .promo-deal-sales-failed { width: 33.7%; padding-right: 20px; } .great-offers .promo-deal-sales-failed:last-child { width: 31.7%; padding-right: 0px; } } @media print { .container, .global-messages { text-align: left; } .image-wrap { display: inline-block; } .header-item .image-wrap { height: 70px; } .promo-block-1 .promo-text { width: 35.5%; float: right; } .promo-block-1 .promo-text p { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .promo-block-1 .promo-image { display: block; vertical-align: top; position: relative; z-index: 1; width: 64.5%; float: left; } .promo-block-2 .image-wrap { width: 100%; } .promo-block-2 .deal-container { min-height: 221px; } .promo-block-2 .deal-container .image-wrap:focus { border: 3px solid #3d98b0; } .promo-block-2 .small-promos { max-width: 17.5%; display: inline-block; } .promo-block-2 .small-promos a[href*="cableFinder"], .promo-block-2 .small-promos a[href*="batteryFinder"] { display: block; } .promo-block-2 .small-promos .image-wrap { max-width: none; width: auto; margin-right: 20px; } .promo-block-2 .small-promos .image-wrap:first-child { margin-right: 20px; } .promo-block-2 .large-promos { height: auto; display: inline-block; width: 51%; padding-right: 20px; vertical-align: top; } .promo-block-2 .promo-deal { height: auto; display: inline-block; width: 31.5%; margin-top: 0; vertical-align: top; } .promo-block-2 .promo-deal-sales-failed { height: auto; display: inline-block; width: 31.5%; margin-top: 0; vertical-align: top; } .great-offers .image-wrap { width: 100%; } .great-offers .deal-container { min-height: 221px; } .great-offers .deal-container .image-wrap:focus { border: 3px solid #3d98b0; } .great-offers .promo-deal { height: auto; display: inline-block; width: 33.68%; margin-top: 0; vertical-align: top; padding-right: 16px; } .great-offers .promo-deal:last-child { width: 31.6%; } .great-offers .promo-deal:last-child { padding-right: 0px; } .great-offers .promo-deal-sales-failed { height: auto; display: inline-block; width: 33.68%; margin-top: 0; vertical-align: top; padding-right: 16px; } .great-offers .promo-deal-sales-failed:last-child { width: 31.6%; } .great-offers .promo-deal-sales-failed:last-child { padding-right: 0px; } .has-potential-order-promotions .promo { max-width: 540px; display: inline-block; } .has-potential-order-promotions .promo h2 { margin-top: 0; } .promo-text .promo-header { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; } .promo-block .header-wrap a { font-size: 14px; font-size: 0.875rem; font-family: clanotmedium; } } .grid-collection { color: #383838; text-align: center; } .grid-collection .grid-content .grid-list.collapsed { max-height: 420px; overflow: hidden; } .grid-collection .grid-content .grid-list.expanded { max-height: none; } .grid-collection .item-price { font-family: clanotmedium; font-size: 16px; font-size: 1rem; color: #383838; } .grid-collection .item-ehf { font-family: clanotbook; font-size: 12px; font-size: 0.75rem; font-weight: 400; max-width: 180px; } .page-brandPage .grid-collection .header-wrap, .page-category .grid-collection .header-wrap { margin-bottom: 5px; } .grid-collection-categories-wrapper { background-color: #c4e0e7; font-size: 0px; } .top-rated-grid .grid-collection-categories-wrapper { background-color: #3d98b0; } .grid-collection-categories-wrapper .list { float: left; background: #c4e0e7; } .top-rated-grid .grid-collection-categories-wrapper .list { background-color: #3d98b0; } .grid-collection-categories-wrapper .list .product-search-tab a.search-tab { color: #383838 !important; } .grid-collection-categories-wrapper .pdp-section-container, .pageType-ProductPage .grid-collection-categories-wrapper { background: #c4e0e7; color: #383838; } .grid-collection-categories { *zoom: 1; background: none; white-space: nowrap; color: #fff; } .grid-collection-categories:before, .grid-collection-categories:after { content: ''; display: table; } .grid-collection-categories:after { clear: both; } .page-homepage .grid-collection-categories { text-align: center; display: inline-block; } .grid-collection-categories h1, .grid-collection-categories li.owl-tabs-item { float: left; padding: 5px 0 7px; text-align: left; } .grid-collection-categories h1:first-child a:before, .grid-collection-categories li.owl-tabs-item:first-child a:before { display: none; } .grid-collection-categories h1 svg, .grid-collection-categories li.owl-tabs-item svg { overflow: visible; } .grid-collection-categories a { color: #fff; font-family: clanotbook; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; display: inline-block; margin: 2px 0 0; padding: 0 15px; position: relative; } .grid-collection-categories a .gradient-text { width: 100%; } .grid-collection-categories a:focus { outline: 1px dotted #e8e7e7; } .grid-collection-categories a .hidden-text { visibility: hidden; position: absolute; } .grid-collection-categories a .pdp-section-container, .pageType-ProductPage .grid-collection-categories a { color: #383838; font-family: clanotbook; } .grid-collection-categories a:before { background: #fff; content: ''; display: block; height: 25px; position: absolute; vertical-align: sub; top: 0; left: 0; width: 1px; } .pageType-ProductPage .grid-collection-categories a:before { background: #383838; } .grid-collection-categories a.active { color: #383838; font-family: clanotmedium; } .top-rated-grid .grid-collection-categories a.active { color: #fff; } .pageType-ProductPage .grid-collection-categories a.active { color: #383838; } .grid-collection-categories a.active:after { content: ''; position: absolute; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #fff transparent; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .top-rated-grid .grid-content { max-height: 280px; overflow: hidden; } .page-subcategory .top-rated-grid .grid-content { max-height: 480px; } .page-subcategory .top-rated-grid .grid-content + .grid-show-more { padding-top: 0; -webkit-box-shadow: 0 5px 6px #e8e8e8; box-shadow: 0 5px 6px #e8e8e8; padding-bottom: 20px; width: calc(100% + 30px); margin-left: -15px; } @media only screen and (min-width: 48em) { .page-subcategory .top-rated-grid .grid-content { max-height: none; } } .grid-content.active { display: block; left: 0; overflow: hidden; position: relative; } .grid-content.expanded ul { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; } .grid-content > ul { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; position: relative; overflow: hidden; } .grid-content .grid-collection-item { border-bottom: 1px solid #eaeaea; border-collapse: collapse; width: 90%; margin-left: 5%; margin-right: 5%; padding: 20px 0; } .grid-content .grid-collection-item:last-child { border-bottom: none; } .grid-content .grid-collection-item:after { content: ''; display: table; clear: both; } .page-brandPage .grid-content .grid-collection-item:nth-child(n+4) { padding-top: 30px; } .category-container .grid-collection-item { padding: 30px 50px 20px; text-align: left; } .category-container .grid-collection-item .grid-collection-item-img, .category-container .grid-collection-item .grid-collection-item-details { width: 100%; } .category-container .grid-collection-item .grid-collection-link:hover .grid-collection-item-name, .category-container .grid-collection-item .grid-collection-link:focus .grid-collection-item-name { color: #9e0000; } .grid-collection-item-img { display: inline-block; vertical-align: middle; } .grid-collection-item-img img { display: block; } .grid-collection-item-details { display: inline-block; text-align: left; vertical-align: top; } .grid-collection-item-name { font-size: 14px; font-size: 0.875rem; line-height: 130%; margin: 0; font-family: clanotbook; color: #383838; } .grid-collection-subcategory-name { color: #383838; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; } .grid-collection-item-price { color: #383838; font-family: clanotmedium; font-size: 16px; font-size: 1rem; padding-top: 7px; } .grid-collection-item-price.sale { color: #c00; } .page-homepage .grid-collection-item-price, .page-brandPage .grid-collection-item-price { padding-top: 0; } .grid-carousel .grid-collection-item-price { padding-left: 120px; } .grid-collection-item-price .sale-indicator { color: #a9a9a9; font-family: clan_otbook_italic; font-size: 12px; font-size: 0.75rem; padding-right: 9px; } .grid-collection-original-price { font-family: clanotbook; font-size: 12px; font-size: 0.75rem; color: #383838; display: inline; margin-right: 15px; } .grid-collection-sale-price { font-family: clanotmedium; font-size: 16px; font-size: 1rem; color: #c00; display: inline; } .grid-collection-sale-price .sale-text { font-family: clanotbook; font-size: 12px; font-size: 0.75rem; } .grid-collection-alt-price { color: #3d98b0; font-family: clanotmedium; font-size: 16px; font-size: 1rem; margin-top: 5px; } .grid-collection-item-rating { min-height: 16px; margin-bottom: 15px; } .rating-star.gold { display: inline-block; height: 13px; width: 13px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/13px 13px; } .rating-star.white { display: inline-block; height: 13px; width: 13px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRDRENEQ0IiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/13px 13px; } .grid-show-more { color: #c00; cursor: pointer; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; padding-top: 20px; } @media only screen and (min-width: 48em) { .grid-show-more { display: none !important; } } .grid-show-more .less-text { display: none; } .grid-show-more:hover { color: #9e0000; } .grid-show-more.expanded img { -webkit-transform: rotate(0.5turn); -moz-transform: rotate(0.5turn); -o-transform: rotate(0.5turn); -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .grid-show-more.expanded .more-text { display: none; } .grid-show-more.expanded .less-text { display: inline-block; } .grid-show-more img { vertical-align: middle; } .small-grid .grid-collection-item-img { width: 120px; height: 92px; margin-right: 15px; position: relative; float: left; } .small-grid .grid-collection-item-img a { width: 120px; height: 92px; display: block; } .small-grid .grid-collection-item-img img { margin: 0 auto; display: block; max-height: 100%; } .small-grid .grid-collection-item-details { width: 100%; } .page-cartPage .small-grid .grid-collection-item-details { width: 48%; } .large-grid > ul > li { width: 100%; margin-bottom: 40px; } .large-grid > ul .grid-collection-item { padding-bottom: 0; } .large-grid > ul .grid-collection-item-img { position: relative; width: 100%; height: 192px; max-width: 290px; overflow: hidden; } .large-grid > ul .grid-collection-item-img img { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; height: auto; } .large-grid > ul .grid-collection-item-name { font-family: clanotnews; font-size: 18px; font-size: 1.125rem; padding: 10px 0; display: block; } .large-grid > ul .grid-collection-item-details { width: 100%; } .large-grid > ul .subcat-list a { color: #383838; font-size: 16px; font-size: 1rem; font-family: clanotbook; line-height: 3.063rem; } @media only screen and (min-width: 30.625em) { .grid-collection-item-details { width: 70%; } } @media only screen and (min-width: 48em) { .grid-collection-categories-wrapper { margin-bottom: 30px; text-align: left; background: none; } .grid-collection-categories-wrapper.search-results-tab-wrapper { margin-bottom: 0; } .grid-collection-categories { background: #3d98b0; border: none; text-align: left; display: inline-block; } .pageType-ProductPage .grid-collection-categories { display: block; background: #c4e0e7; } .pdp-section-container .grid-collection-categories { background: #c4e0e7; } .grid-collection-categories .list { padding: 9px 0 9px; } .grid-collection-categories .list:first-child { left: 0; padding-left: 13px; } .grid-collection-categories .list:first-child a:before { display: none; } .grid-collection-categories .list:first-child .product-search-tab { padding-left: 0px; } .grid-collection-categories .list:first-child .product-search-tab:before { display: none; } .grid-collection-categories a { font-size: 24px; font-size: 1.5rem; } .grid-collection-categories a:before { top: 0px; } .grid-collection-categories a.active:after { left: 25px; } .top-rated-grid .grid-content { max-height: none; overflow: initial; } .grid-content > ul { max-height: none; font-size: 0; } .category-container .grid-collection-item { text-align: center; } .grid-content .grid-collection-item { *zoom: 1; float: left; clear: none; padding-left: 0; padding-right: 0; text-align: inherit; width: 32.25806451612903%; margin-left: 0%; margin-right: 0%; border-bottom: none; display: block; margin-left: 0; margin-right: 0; position: relative; padding: 30px 15px; } .grid-content .grid-collection-item:before, .grid-content .grid-collection-item:after { content: ''; display: table; } .grid-content .grid-collection-item:after { clear: both; } .page-homepage .grid-content .grid-collection-item { min-height: 168px; } .grid-content .grid-collection-item:nth-child(n+4):after { content: ''; width: 80%; background: #eaeaea; height: 1px; display: block; position: absolute; left: 10%; margin: 0 auto 0; top: 0; } .grid-content .grid-collection-item:nth-child(3n+1):before { display: none; } .grid-content .grid-collection-item:before { content: ''; width: 1px; background: #eaeaea; height: 75%; display: block; position: absolute; top: 12.5%; left: 0px; } .page-cartPage .grid-content .grid-collection-item:before { top: 0; } .grid-content .grid-collection-item .grid-list { max-height: none; } .grid-collection-item-img { padding-left: 0; } .grid-collection-item-details { width: 48%; } .small-grid .grid-collection-item-img { max-width: 120px; height: 92px; } .small-grid .grid-collection-item-img a { height: 92px; } .small-grid .grid-collection-item-img img { max-height: 100%; height: auto; } .large-grid > ul > li { width: 49%; float: left; } .large-grid > ul > li:nth-child(4n+1) { margin-right: 2%; } .large-grid > ul > li:last-child { margin-bottom: 40px; } .large-grid > ul .grid-collection-item-img { position: relative; height: 325px; max-width: none; margin-bottom: 10px; } .large-grid > ul .grid-collection-item-name { line-height: 30px; } .large-grid > ul .subcat-list a { line-height: 1.875rem; } .grid-collection-item-name { font-family: clanotnews; font-size: 14px; font-size: 0.875rem; min-height: 55px; } } @media only screen and (min-width: 64.0625em) { .grid-content .grid-collection-item { width: 33%; } .grid-content .grid-collection-item:nth-child(odd):before { display: block; } .grid-content .grid-collection-item:nth-child(3n+1):before { display: none; } } @media only screen and (min-width: 48em) { .grid-collection.subcategory .grid-content .grid-collection-item:before, .grid-collection.subcategory .grid-content .grid-collection-item:nth-child(n+4):after { display: none; } } .grid-columns-holder { *zoom: 1; margin: 0 0 15px; padding-top: 15px; } .grid-columns-holder:before, .grid-columns-holder:after { content: ''; display: table; } .grid-columns-holder:after { clear: both; } .grid-columns-holder > div { float: left; width: 50%; } .grid-columns-holder .col-1 { padding-right: 10px; } .grid-columns-holder .col-1 > ul li { padding-left: 0px; } .grid-columns-holder .col-2 { padding-left: 10px; } .grid-columns-holder.grid-group_ratio_30_70 .col-1 { width: 30%; } .grid-columns-holder.grid-group_ratio_30_70 .col-2 { width: 70%; } .grid-columns-holder.grid-group_ratio_40_60 .col-1 { width: 40%; } .grid-columns-holder.grid-group_ratio_40_60 .col-2 { width: 60%; } .grid-columns-holder.grid-group_ratio_50_50 .col-1 { width: 50%; } .grid-columns-holder.grid-group_ratio_50_50 .col-2 { width: 50%; } .grid-columns-holder.grid-group_ratio_60_40 .col-1 { width: 60%; } .grid-columns-holder.grid-group_ratio_60_40 .col-2 { width: 40%; } .grid-columns-holder.grid-group_ratio_70_30 .col-1 { width: 70%; } .grid-columns-holder.grid-group_ratio_70_30 .col-2 { width: 30%; } .grid-columns-holder .image-wrap { display: block; } @media only screen and (max-width: 47.9375em) { .grid-columns-holder.leftCellOnTop { margin: 0; } .grid-columns-holder.leftCellOnTop > div { float: none; width: 100%; margin: 0 0 15px; } .grid-columns-holder.leftCellOnTop .col-1, .grid-columns-holder.leftCellOnTop .col-2 { width: 100%; padding: 0; } } @media only screen and (min-width: 48em) { .grid-columns-holder { padding-top: 0; } } /* Grid Collections * Note: inline styles are for styleguide only. * Not: For alternate headers see "Typography" section. Markup:
Promo icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
Add all of the following in the Bundle:
Some image
$4.42

Product title lorem ipsum

(10)
  • Available: In Stock Online
  • Available: In Store
Some image
$4.42

Product title lorem ipsum

(10)
  • Available: In Stock Online
  • Available: In Store
Add all of the following in the Bundle:
Some image
$4.42
Bundle Price $444.42

Product title lorem ipsum

(10)
  • Available: In Stock Online
  • Available: In Store
$1999.99
$1799.99
You save: $200
Styleguide 13.2 */ .bundles-collection { padding: 9px 0; outline: 0; } .bundles-collection .promo-message-block { width: 400px; float: right; *zoom: 1; } .bundles-collection .promo-message-block:before, .bundles-collection .promo-message-block:after { content: ''; display: table; } .bundles-collection .promo-message-block:after { clear: both; } .bundles-collection .promo-message-block .promo-icon { float: left; width: 50px; height: 50px; overflow: hidden; } .bundles-collection .promo-message-block .promo-text { margin-left: 60px; width: auto; padding: 0; display: block; } .bundles-collection .price-block { text-align: right; font-family: clanotmedium; padding: 15px; min-width: 250px; float: right; font-size: 14px; font-size: 0.875rem; } .bundles-collection .price-block .bundle-price { color: #c00; font-size: 22px; font-size: 1.375rem; } .bundles-collection .hgroup h2 { font-size: 24px; margin-bottom: 15px; } .bundles-collection .add-to-cart-block { padding: 15px; float: right; } .bundles-collection .add-to-cart-block .qty-container { width: 34%; } .bundles-collection .add-to-cart-block .actions-container { width: auto; padding: 0; background: none; } .bundles-collection .bundles-tabset-links { height: 31px; line-height: 31px; font-size: 14px; font-size: 0.875rem; background-color: #c4e0e7; list-style: none; white-space: nowrap; *zoom: 1; } .bundles-collection .bundles-tabset-links:before, .bundles-collection .bundles-tabset-links:after { content: ''; display: table; } .bundles-collection .bundles-tabset-links:after { clear: both; } .bundles-collection .bundles-tabset-links li { float: left; } .bundles-collection .bundles-tabset-links li:first-child h2:before { display: none; } .bundles-collection .bundles-tabset-links h2 { cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; margin: 0; padding: 0 10px; position: relative; } .bundles-collection .bundles-tabset-links h2:before { background: #4f4f4f; content: ''; display: block; height: 20px; position: absolute; vertical-align: sub; top: 6px; left: 0; width: 1px; } .bundles-collection .bundles-tabset-links h2 a { color: #383838; font-family: clanotbook; text-transform: uppercase; } .bundles-collection .bundles-tabset-links h2 a:focus { outline: 1px dotted #e8e7e7; } .bundles-collection .bundles-tabset-links h2.active:after { content: ''; position: absolute; bottom: -4px; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #fff transparent; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bundles-collection .bundles-tabset-links h2.active a { font-family: clanotmedium; } .bundles-collection .bundles-collections-list { padding: 9px; outline: 0; } .bundles-collection .bundles-collections-list .bundles-list { margin: 0; } .bundles-collection .bundles-collections-list .bundle-item { position: relative; padding: 9px 0; background: #fff; border-bottom: 1px solid #d9d9d9; margin-bottom: 9px; } .bundles-collection .bundles-collections-list .bundle-item:after { content: ''; clear: both; display: table; zoom: 1; } .bundles-collection .bundles-collections-list .bundle-item:last-child { margin-bottom: 0; } .bundles-collection .bundles-collections-list .item-rating { display: inline-block; } .bundles-collection .bundles-collections-list .star { display: inline-block; height: 15px; width: 15px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/15px 15px; float: left; padding-top: 0; margin-top: 0; } .bundles-collection .bundles-collections-list .star.white { display: inline-block; height: 15px; width: 15px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRDRENEQ0IiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/15px 15px; } .bundles-collection .bundles-collections-list .image-wrapper { width: 120px; overflow: hidden; float: left; } .bundles-collection .bundles-collections-list .bundle-description { margin-left: 125px; } .bundles-collection .bundles-collections-list .bundle-description-item-name { font-family: clanotnews; font-size: 16px; font-size: 1rem; } .bundles-collection .bundles-collections-list .bundle-description-name-link { color: #383838; } .bundles-collection .bundles-collections-list .prices { display: block; padding-left: 160px; text-align: right; width: 100%; } .bundles-collection .bundles-collections-list .item-price { font-family: clanotbook; font-size: 1rem; color: #383838; } .bundles-collection .availability-options li { display: none; } .bundles-collection .availability-options li:first-child { display: block; } @media only screen and (min-width: 48em) { .bundles-collection .bundles-tabset-links { background: #c4e0e7; border: none; text-align: left; display: block; } .bundles-collection .bundles-tabset-links li:first-child { left: 0; } .bundles-collection .bundles-tabset-links h2 { font-size: 14px; font-size: 0.875rem; } .bundles-collection .bundles-tabset-links h2.active:after { left: 25px; } .bundles-collection .bundles-collections-list .prices { padding-left: 0; float: right; width: 28%; text-align: right; } .bundles-collection .bundles-collections-list .bundle-description { border-right: 1px solid #d9d9d9; float: left; margin-left: 0; width: 54.5%; } .bundles-collection .bundles-collections-list .image-wrapper { width: 15%; padding-right: 3%; overflow: hidden; } .bundles-collection .bundles-collections-list .availability-options { width: 54.5%; } .bundles-collection .bundles-collections-list .availability-options li { display: block; } } @media only screen and (max-width: 47.9375em) { .bundles-collection .container .add-to-cart-block { float: none; } .bundles-collection .container .add-to-cart-block .pdp-availability-wrap { background: transparent; } } /* Product Displays Styleguide 13.0 */ /* Carousels Styleguide 13.1 */ /* Homepage Product Carousel Markup:
Styleguide 13.1.1 */ .carousel .container { padding: 16px 0 110px; border-bottom: 1px solid #f1f2f2; } @media only screen and (max-width: 47.9375em) { .page-homepage .carousel:not(.brand-carousel) .container { padding: 6px 0 60px; } .page-homepage .carousel.primary-carousel .container { padding-bottom: 80px; } } .carousel .header-wrap a { font-size: 13px; font-size: 0.8125rem; width: 100%; margin-left: 0; } .merchandizing-carousel .container { padding: 12px 0 110px; } .merchandizing-carousel .container .items-inner-wrapper { overflow: hidden; } .carousel-wrap { width: 100%; position: relative; z-index: 100; } .carousel-wrap .items-container { overflow: hidden; } .carousel-wrap.not-first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(right, rgba(241,242,242,0), #f1f2f2 70%); background: -moz-linear-gradient(right, rgba(241,242,242,0), #f1f2f2 70%); background: -o-linear-gradient(right, rgba(241,242,242,0), #f1f2f2 70%); background: -ms-linear-gradient(right, rgba(241,242,242,0), #f1f2f2 70%); background: linear-gradient(to left, rgba(241,242,242,0), #f1f2f2 70%); } .carousel-wrap .left-hover, .carousel-wrap .right-hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0,0,0,0); } .carousel-wrap .left-hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); height: 100%; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 10px; z-index: 100; cursor: pointer; } .carousel-wrap .left-hover[data-active="true"]:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD7SURBVCiRjdK9LsNRGIDx3zmaiKW3ICSmDhJaQxM3ID6GrtJY3EFdgMRuNAoGiYS1g8QoRdqEcAsGi0UkBj0GWse/Hbzbec6T834d/hlhHOyyk6hl0tOI2GUrcZih18BSKEjLiUtM/qDPxFqNdmkg3TCTOM8kgVaV9rDGDuUS16hk0skizcE5njFR4jSX0CmznZcVZ9nHSsaeI405Pv6I2Cw0vrfAc3EaMXFQYLs9potiSMQuF9jI+D3qVd6HLwb6U9/pHzJxPnCcss1FqPAWWcfL4CLR6NEaps7ruKUeufI79H5itUZ7ZNd3NANHGRrd9SCKvweP47yx8QXZnjiRGfVXRAAAAABJRU5ErkJggg==); } .carousel-wrap .left-hover:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD8SURBVCiRjdIvS0NhFMfxz72CgsFmFrPBpEHwDYhaVscQLibBNKOgYDeK6Db8A4JgWFoQjGIWfQXCgsWgIg7cY/Hqc7cbPO18zzec5/we/llJGWywlTAXSY9DYoO1hFaEXvrMF8QWi4FrjP2gr8BKRifNpSOmA1eRJFDP6PzueM5Ej1vMRNJZRi3v00tGelzEEu7eWY/XSl/Zx1LEuoHKJp8FMaE68PC9jO7gNdLAwQDbPWZqSHxiG+2ITaa0DxkviDv0P6gG7iM+O8ppiJJLYYO3wCqe80Gg0qSe94Vkmizgxt/R+4HljE5Z1rWEkwgNZx3Jhd+DhzKvtL4BAY4/v2uNiJcAAAAASUVORK5CYII=); } .carousel-wrap .left-hover[data-active="false"]:before, .carousel-wrap .left-hover[data-active="false"]:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); cursor: default; } .carousel-wrap .right-hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVCiRjZEhTwNBEEbf9HoCCQmCkBAMQWAJnpAmGFSzWxQWAroaRwKKBIEABKI0t9sqBBi4ALLVSP4BobrtdTDXZns1Hfny9puZHZizxHt/rqpbEyDSNcZcFcXScDh8BHYBAxhVvfTeH88kAnjv91T1FSjnfADsW2vfJ4kAxpg3EakHATHgW63WxpSYy9eqeh/IS6PR6LnRaCxOiQC9Xu8U+ArQZhzHSZqmZSkO3W63V7Is6wCrY6aqNzMiQJIkJyJyG6C/GdE5twZ0geUxE5ELKUgLwCewHeAX4GBqGRF5KEjf/X7/0FqbTRKdc3UgPN1vFEU71Wr1B/LLOOcqeYsolwZAxVr7MX5Vajab68BTIKGqZ6EEUI6i6AhIA9ap1Wp3xd+Yu/4B+hFmAacFh9YAAAAASUVORK5CYII=); position: absolute; right: 0; top: 50%; margin-top: -8px; height: 100%; width: 10px; z-index: 100; cursor: pointer; } .carousel-wrap .right-hover[data-active="true"]:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVCiRndEhSwNhGMDx381NsGsQQVZMgsE50WCSgQirosVkGJjNNoPVICJWix9ggkzRYNnmmmDwI8hA49jOcHfwnjOIT3nhz+8eeN/jjxN1OY5ZzEJMp8rpGOxRHtLGdIAbVS5yEF7YHHGLYtoHEVsV7jNYgGVaEUfBglLMTY+F3MZsOlziIEhvk6wv0f8JS2hhI8h3X2znYIpnJZebC/LZGExxA+dB6v+2cT45zGQt5iQHn5kq8RSxkrWI5jv1YggnuRIgvA7Y3WFYyEo3ece9AH3E1Nf4TDfTphbRxESKBiNqqzxmXxV6lCOuAyTiMERQHLKPhwC1K8kf+t98A+YwO/on8bGFAAAAAElFTkSuQmCC); } .carousel-wrap .right-hover:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEBSURBVCiRndExKIRxGMfxz507UkYGKVlYrBaDSVeSM4pIvBmU2WwzWE2XzslgYFWndMR6NyurXUqX5fAa7l7932OQ3/jt+//1PP+HPyZTYS9mMmCNiIPfxLGYOgYDvh1RSolwwuwnV8h1eAtzETeJmIUNajG7QUEeFxXGU41JjjnCVoAe+5he5SUllsjnqWEmwNdPzKfEjjycby83krCYw55u8ZLmIm8ZFoL5Jn40njL6TgNDQeN+Sjynv8k9pgJcHaCYDcUm5S7poZflJT6+xXL7H1cC6RnFNV47c1KhEFNFslwLhYi75FWuc+uzQJJhZzOQIBezjttgw3rUvtD/8gXuuz0ZXTfk3AAAAABJRU5ErkJggg==); } .carousel-wrap .right-hover[data-active="false"]:before, .carousel-wrap .right-hover[data-active="false"]:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVCiRjZEhTwNBEEbf9HoCCQmCkBAMQWAJnpAmGFSzWxQWAroaRwKKBIEABKI0t9sqBBi4ALLVSP4BobrtdTDXZns1Hfny9puZHZizxHt/rqpbEyDSNcZcFcXScDh8BHYBAxhVvfTeH88kAnjv91T1FSjnfADsW2vfJ4kAxpg3EakHATHgW63WxpSYy9eqeh/IS6PR6LnRaCxOiQC9Xu8U+ArQZhzHSZqmZSkO3W63V7Is6wCrY6aqNzMiQJIkJyJyG6C/GdE5twZ0geUxE5ELKUgLwCewHeAX4GBqGRF5KEjf/X7/0FqbTRKdc3UgPN1vFEU71Wr1B/LLOOcqeYsolwZAxVr7MX5Vajab68BTIKGqZ6EEUI6i6AhIA9ap1Wp3xd+Yu/4B+hFmAacFh9YAAAAASUVORK5CYII=); cursor: default; } .carousel-items { z-index: 2; white-space: nowrap; font-size: 0; font-size: 0rem; } .carousel-items li { display: inline-block; } .carousel-items li:last-child .carousel-item:after { display: none; } .carousel-items img { margin: 0 auto; display: block; max-height: 100%; } .carousel-items .prices { display: inline-block; vertical-align: top; } .carousel-items .prices .item-description { display: block; } .carousel-items .prices .original-price { color: #b4b4b6; text-decoration: line-through; } .carousel-items .prices .has-promotion { color: #c00; } .carousel-items .prices > span { margin: 0 5px 0 0; font-size: 0.75rem; } .carousel-items .cta { display: block; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; margin-bottom: 8px; } .carousel-item { display: block; position: relative; font-size: 0; font-size: 0rem; } .carousel-item:after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 200px; background: #d9d9d9; } .carousel-item .image-wrap { position: relative; height: 75px; width: 100px; font-size: 12px; font-size: 0.75rem; } .carousel-item .item-title { display: block; white-space: normal; font-size: 14px; font-size: 0.875rem; color: #383838; line-height: 1rem; max-height: 2rem; } .carousel-item .item-title:hover { color: #9e0000; } .carousel-item .item-price { font-family: clanotmedium; font-size: 16px; font-size: 1rem; color: #383838; } .carousel-item .alt-user-price { color: #383838; } .carousel-item .item-ehf { font-family: clanotbook; font-size: 12px; font-size: 0.75rem; color: #383838; white-space: normal; } .merchandizing-carousel.responsive { margin-top: 0; padding-bottom: 20px !important; } .merchandizing-carousel { overflow: hidden; outline: 0; margin-top: -53px; } .merchandizing-carousel .viewport { position: relative; margin: 0 5%; } .merchandizing-carousel .header-wrap { margin-bottom: 0; } .merchandizing-carousel .header-wrap .section-header { line-height: 100%; } .merchandizing-carousel .header-wrap a { font-family: clanotbook; } @media only screen and (max-width: 47.9375em) { .page-homepage .merchandizing-carousel .header-wrap a { bottom: 20px; } } .merchandizing-carousel .container { padding-bottom: 90px; } .merchandizing-carousel .carousel-wrap { margin-top: 20px; } .merchandizing-carousel .carousel-wrap.not-first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to left, rgba(255,255,255,0), #fff 70%); } .merchandizing-carousel .carousel-items { padding-left: 10px; } .merchandizing-carousel .carousel-items li:last-child .carousel-item:last-child:after { height: 0; } .merchandizing-carousel li { vertical-align: top; } .merchandizing-carousel .carousel-item { width: 280px; padding: 0 10px 0 10px; } .merchandizing-carousel .carousel-item:after { height: 75px; } .merchandizing-carousel .carousel-item:hover .cta, .merchandizing-carousel .carousel-item:focus .cta { color: #9e0000; } .merchandizing-carousel .carousel-item:hover .cta:after, .merchandizing-carousel .carousel-item:focus .cta:after { border-color: transparent transparent transparent #9e0000; } .merchandizing-carousel .carousel-item .image-wrap { display: block; float: left; } .merchandizing-carousel .section-header { color: #fff; } .merchandizing-carousel .item-title { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; line-height: 1.2em; overflow: hidden; vertical-align: top; margin-bottom: 2px; } .merchandizing-carousel .cta { display: block; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; margin-bottom: 8px; } .merchandizing-carousel .left-hover, .merchandizing-carousel .right-hover { top: 0; } /* Brand Carousel Markup:
  • Lorem
  • Lorem
Styleguide 13.1.3 */ .page-homepage .merchandizing-carousel .carousel-wrap:after { content: none; } .page-homepage .merchandizing-carousel .carousel-wrap.not-first:before { content: none; } .page-homepage .merchandizing-carousel .carousel-wrap.not-first .items-inner-wrapper:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to left, rgba(255,255,255,0), #fff 70%); } .page-homepage .merchandizing-carousel .carousel-wrap.last .items-inner-wrapper:after { content: none; } .page-homepage .merchandizing-carousel .carousel-wrap .items-inner-wrapper:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to right, rgba(255,255,255,0), #fff 70%); } .brand-carousel { outline: 0; padding: 20px 0; background-color: #f1f2f2; -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); } .brand-carousel .viewport { margin: 0 2%; } .brand-carousel .container { padding: 0; } .brand-carousel .container .left-hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); position: absolute; left: 0; top: 45%; height: 93px; z-index: 300; cursor: pointer; } .brand-carousel .container .left-hover[data-active="true"]:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD7SURBVCiRjdK9LsNRGIDx3zmaiKW3ICSmDhJaQxM3ID6GrtJY3EFdgMRuNAoGiYS1g8QoRdqEcAsGi0UkBj0GWse/Hbzbec6T834d/hlhHOyyk6hl0tOI2GUrcZih18BSKEjLiUtM/qDPxFqNdmkg3TCTOM8kgVaV9rDGDuUS16hk0skizcE5njFR4jSX0CmznZcVZ9nHSsaeI405Pv6I2Cw0vrfAc3EaMXFQYLs9potiSMQuF9jI+D3qVd6HLwb6U9/pHzJxPnCcss1FqPAWWcfL4CLR6NEaps7ruKUeufI79H5itUZ7ZNd3NANHGRrd9SCKvweP47yx8QXZnjiRGfVXRAAAAABJRU5ErkJggg==); } .brand-carousel .container .left-hover:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD8SURBVCiRjdIvS0NhFMfxz72CgsFmFrPBpEHwDYhaVscQLibBNKOgYDeK6Db8A4JgWFoQjGIWfQXCgsWgIg7cY/Hqc7cbPO18zzec5/we/llJGWywlTAXSY9DYoO1hFaEXvrMF8QWi4FrjP2gr8BKRifNpSOmA1eRJFDP6PzueM5Ej1vMRNJZRi3v00tGelzEEu7eWY/XSl/Zx1LEuoHKJp8FMaE68PC9jO7gNdLAwQDbPWZqSHxiG+2ITaa0DxkviDv0P6gG7iM+O8ppiJJLYYO3wCqe80Gg0qSe94Vkmizgxt/R+4HljE5Z1rWEkwgNZx3Jhd+DhzKvtL4BAY4/v2uNiJcAAAAASUVORK5CYII=); } .brand-carousel .container .left-hover[data-active="false"]:before, .brand-carousel .container .left-hover[data-active="false"]:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); cursor: default; } .brand-carousel .container .right-hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVCiRndEhSwNhGMDx381NsGsQQVZMgsE50WCSgQirosVkGJjNNoPVICJWix9ggkzRYNnmmmDwI8hA49jOcHfwnjOIT3nhz+8eeN/jjxN1OY5ZzEJMp8rpGOxRHtLGdIAbVS5yEF7YHHGLYtoHEVsV7jNYgGVaEUfBglLMTY+F3MZsOlziIEhvk6wv0f8JS2hhI8h3X2znYIpnJZebC/LZGExxA+dB6v+2cT45zGQt5iQHn5kq8RSxkrWI5jv1YggnuRIgvA7Y3WFYyEo3ece9AH3E1Nf4TDfTphbRxESKBiNqqzxmXxV6lCOuAyTiMERQHLKPhwC1K8kf+t98A+YwO/on8bGFAAAAAElFTkSuQmCC); position: absolute; left: 100%; top: 45%; height: 93px; z-index: 300; cursor: pointer; } .brand-carousel .container .right-hover[data-active="true"]:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVCiRndEhSwNhGMDx381NsGsQQVZMgsE50WCSgQirosVkGJjNNoPVICJWix9ggkzRYNnmmmDwI8hA49jOcHfwnjOIT3nhz+8eeN/jjxN1OY5ZzEJMp8rpGOxRHtLGdIAbVS5yEF7YHHGLYtoHEVsV7jNYgGVaEUfBglLMTY+F3MZsOlziIEhvk6wv0f8JS2hhI8h3X2znYIpnJZebC/LZGExxA+dB6v+2cT45zGQt5iQHn5kq8RSxkrWI5jv1YggnuRIgvA7Y3WFYyEo3ece9AH3E1Nf4TDfTphbRxESKBiNqqzxmXxV6lCOuAyTiMERQHLKPhwC1K8kf+t98A+YwO/on8bGFAAAAAElFTkSuQmCC); } .brand-carousel .container .right-hover:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEBSURBVCiRndExKIRxGMfxz507UkYGKVlYrBaDSVeSM4pIvBmU2WwzWE2XzslgYFWndMR6NyurXUqX5fAa7l7932OQ3/jt+//1PP+HPyZTYS9mMmCNiIPfxLGYOgYDvh1RSolwwuwnV8h1eAtzETeJmIUNajG7QUEeFxXGU41JjjnCVoAe+5he5SUllsjnqWEmwNdPzKfEjjycby83krCYw55u8ZLmIm8ZFoL5Jn40njL6TgNDQeN+Sjynv8k9pgJcHaCYDcUm5S7poZflJT6+xXL7H1cC6RnFNV47c1KhEFNFslwLhYi75FWuc+uzQJJhZzOQIBezjttgw3rUvtD/8gXuuz0ZXTfk3AAAAABJRU5ErkJggg==); } .brand-carousel .container .right-hover[data-active="false"]:before, .brand-carousel .container .right-hover[data-active="false"]:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVCiRjZEhTwNBEEbf9HoCCQmCkBAMQWAJnpAmGFSzWxQWAroaRwKKBIEABKI0t9sqBBi4ALLVSP4BobrtdTDXZns1Hfny9puZHZizxHt/rqpbEyDSNcZcFcXScDh8BHYBAxhVvfTeH88kAnjv91T1FSjnfADsW2vfJ4kAxpg3EakHATHgW63WxpSYy9eqeh/IS6PR6LnRaCxOiQC9Xu8U+ArQZhzHSZqmZSkO3W63V7Is6wCrY6aqNzMiQJIkJyJyG6C/GdE5twZ0geUxE5ELKUgLwCewHeAX4GBqGRF5KEjf/X7/0FqbTRKdc3UgPN1vFEU71Wr1B/LLOOcqeYsolwZAxVr7MX5Vajab68BTIKGqZ6EEUI6i6AhIA9ap1Wp3xd+Yu/4B+hFmAacFh9YAAAAASUVORK5CYII=); cursor: default; } .brand-carousel .section-header:after { border-color: transparent transparent #f1f2f2 transparent; } .brand-carousel .header-wrap a { font-family: clanotbook; } .brand-carousel li { padding: 0 0 0 15px; } @media only screen and (max-width: 47.9375em) { .brand-carousel .optional { display: none !important; } } .brand-carousel .carousel-item { padding: 0; width: 90px; } .brand-carousel .carousel-item:after { content: none; height: 0; width: 0; } .brand-carousel .carousel-item .image-wrap { height: 90px; width: 90px; } .brand-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -moz-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -o-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -ms-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: linear-gradient(to right, rgba(241,242,242,0), #f1f2f2 70%); } .faceted-search-carousel { background: #f1f2f2; padding: 20px 0; outline: 0; } .faceted-search-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -moz-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -o-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -ms-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: linear-gradient(to right, rgba(241,242,242,0), #f1f2f2 70%); } .faceted-search-carousel .viewport { margin: 0 2%; } .faceted-search-carousel .desktop-container .right-hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVCiRjZEhTwNBEEbf9HoCCQmCkBAMQWAJnpAmGFSzWxQWAroaRwKKBIEABKI0t9sqBBi4ALLVSP4BobrtdTDXZns1Hfny9puZHZizxHt/rqpbEyDSNcZcFcXScDh8BHYBAxhVvfTeH88kAnjv91T1FSjnfADsW2vfJ4kAxpg3EakHATHgW63WxpSYy9eqeh/IS6PR6LnRaCxOiQC9Xu8U+ArQZhzHSZqmZSkO3W63V7Is6wCrY6aqNzMiQJIkJyJyG6C/GdE5twZ0geUxE5ELKUgLwCewHeAX4GBqGRF5KEjf/X7/0FqbTRKdc3UgPN1vFEU71Wr1B/LLOOcqeYsolwZAxVr7MX5Vajab68BTIKGqZ6EEUI6i6AhIA9ap1Wp3xd+Yu/4B+hFmAacFh9YAAAAASUVORK5CYII=); right: 0px; top: 50%; margin-top: -8px; z-index: 100; cursor: pointer; } .faceted-search-carousel .desktop-container .right-hover[data-active="true"]:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVCiRndEhSwNhGMDx381NsGsQQVZMgsE50WCSgQirosVkGJjNNoPVICJWix9ggkzRYNnmmmDwI8hA49jOcHfwnjOIT3nhz+8eeN/jjxN1OY5ZzEJMp8rpGOxRHtLGdIAbVS5yEF7YHHGLYtoHEVsV7jNYgGVaEUfBglLMTY+F3MZsOlziIEhvk6wv0f8JS2hhI8h3X2znYIpnJZebC/LZGExxA+dB6v+2cT45zGQt5iQHn5kq8RSxkrWI5jv1YggnuRIgvA7Y3WFYyEo3ece9AH3E1Nf4TDfTphbRxESKBiNqqzxmXxV6lCOuAyTiMERQHLKPhwC1K8kf+t98A+YwO/on8bGFAAAAAElFTkSuQmCC); } .faceted-search-carousel .desktop-container .right-hover:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEBSURBVCiRndExKIRxGMfxz507UkYGKVlYrBaDSVeSM4pIvBmU2WwzWE2XzslgYFWndMR6NyurXUqX5fAa7l7932OQ3/jt+//1PP+HPyZTYS9mMmCNiIPfxLGYOgYDvh1RSolwwuwnV8h1eAtzETeJmIUNajG7QUEeFxXGU41JjjnCVoAe+5he5SUllsjnqWEmwNdPzKfEjjycby83krCYw55u8ZLmIm8ZFoL5Jn40njL6TgNDQeN+Sjynv8k9pgJcHaCYDcUm5S7poZflJT6+xXL7H1cC6RnFNV47c1KhEFNFslwLhYi75FWuc+uzQJJhZzOQIBezjttgw3rUvtD/8gXuuz0ZXTfk3AAAAABJRU5ErkJggg==); } .faceted-search-carousel .desktop-container .right-hover[data-active="false"]:before, .faceted-search-carousel .desktop-container .right-hover[data-active="false"]:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVCiRjZEhTwNBEEbf9HoCCQmCkBAMQWAJnpAmGFSzWxQWAroaRwKKBIEABKI0t9sqBBi4ALLVSP4BobrtdTDXZns1Hfny9puZHZizxHt/rqpbEyDSNcZcFcXScDh8BHYBAxhVvfTeH88kAnjv91T1FSjnfADsW2vfJ4kAxpg3EakHATHgW63WxpSYy9eqeh/IS6PR6LnRaCxOiQC9Xu8U+ArQZhzHSZqmZSkO3W63V7Is6wCrY6aqNzMiQJIkJyJyG6C/GdE5twZ0geUxE5ELKUgLwCewHeAX4GBqGRF5KEjf/X7/0FqbTRKdc3UgPN1vFEU71Wr1B/LLOOcqeYsolwZAxVr7MX5Vajab68BTIKGqZ6EEUI6i6AhIA9ap1Wp3xd+Yu/4B+hFmAacFh9YAAAAASUVORK5CYII=); cursor: default; } .faceted-search-carousel .desktop-container .left-hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); left: 0px; top: 50%; margin-top: -8px; z-index: 100; cursor: pointer; } .faceted-search-carousel .desktop-container .left-hover[data-active="true"]:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD7SURBVCiRjdK9LsNRGIDx3zmaiKW3ICSmDhJaQxM3ID6GrtJY3EFdgMRuNAoGiYS1g8QoRdqEcAsGi0UkBj0GWse/Hbzbec6T834d/hlhHOyyk6hl0tOI2GUrcZih18BSKEjLiUtM/qDPxFqNdmkg3TCTOM8kgVaV9rDGDuUS16hk0skizcE5njFR4jSX0CmznZcVZ9nHSsaeI405Pv6I2Cw0vrfAc3EaMXFQYLs9potiSMQuF9jI+D3qVd6HLwb6U9/pHzJxPnCcss1FqPAWWcfL4CLR6NEaps7ruKUeufI79H5itUZ7ZNd3NANHGRrd9SCKvweP47yx8QXZnjiRGfVXRAAAAABJRU5ErkJggg==); } .faceted-search-carousel .desktop-container .left-hover:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD8SURBVCiRjdIvS0NhFMfxz72CgsFmFrPBpEHwDYhaVscQLibBNKOgYDeK6Db8A4JgWFoQjGIWfQXCgsWgIg7cY/Hqc7cbPO18zzec5/we/llJGWywlTAXSY9DYoO1hFaEXvrMF8QWi4FrjP2gr8BKRifNpSOmA1eRJFDP6PzueM5Ej1vMRNJZRi3v00tGelzEEu7eWY/XSl/Zx1LEuoHKJp8FMaE68PC9jO7gNdLAwQDbPWZqSHxiG+2ITaa0DxkviDv0P6gG7iM+O8ppiJJLYYO3wCqe80Gg0qSe94Vkmizgxt/R+4HljE5Z1rWEkwgNZx3Jhd+DhzKvtL4BAY4/v2uNiJcAAAAASUVORK5CYII=); } .faceted-search-carousel .desktop-container .left-hover[data-active="false"]:before, .faceted-search-carousel .desktop-container .left-hover[data-active="false"]:hover:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); cursor: default; } .faceted-search-carousel .header-wrap a { font-family: clanotbook; } .faceted-search-carousel .section-header:after { border-color: transparent transparent #f1f2f2 transparent; } .faceted-search-carousel .section-header span { background-color: #f1f2f2; font-size: 17px; font-size: 1.0625rem; line-height: 24px; display: none; color: #383838; position: absolute; top: -25px; text-transform: uppercase; } .faceted-search-carousel .best-selling-category { font-size: 16px; font-size: 1rem; margin-left: 0; } .faceted-search-carousel h4 { color: #383838; font-size: 13px; font-size: 0.8125rem; margin-bottom: 5px; } .faceted-search-carousel h4 .accent { color: #c00; } .faceted-search-carousel .carousel-items li { padding-left: 15px; vertical-align: top; } .faceted-search-carousel .carousel-item { background: #fff; padding: 2px 15px; height: auto; min-height: 287px; width: 190px; -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.06); box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.06); } .faceted-search-carousel .carousel-item:after { display: none; } .faceted-search-carousel .carousel-item .image-wrap { overflow: hidden; display: block; height: 75px; width: 100px; margin: 30px auto; } @media only screen and (max-width: 47.9375em) { .faceted-search-carousel .carousel-item .image-wrap { height: inherit; } } @media only screen and (max-width: 47.9375em) { .faceted-search-carousel .carousel-item .item-description .itemholder { margin-bottom: 30px; } .faceted-search-carousel .carousel-item .item-description .itemholder .item-title { height: 40px; } .faceted-search-carousel .carousel-item .item-description .itemholder .stars-wrapper { top: 30px; position: relative; } } .faceted-search-carousel .item-ehf { font-size: 12px; font-size: 0.75rem; font-family: clanotbook; } .faceted-search-carousel .rating { display: inline-block; height: 13px; width: 13px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/13px 13px; } .top-brands-carousel { outline: 0; } .top-brands-carousel li { padding: 0 10px; } .top-brands-carousel .container { border-bottom: none; } .top-brands-carousel .carousel-item { padding: 0; width: 90px; } .top-brands-carousel .carousel-item:after { content: none; height: 0; width: 0; } .top-brands-carousel .carousel-item .image-wrap { height: 90px; width: 90px; } .top-brands-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to right, rgba(255,255,255,0), #fff 70%); } .top-brands-carousel .carousel-wrap.not-first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to left, rgba(255,255,255,0), #fff 70%); } .best-selling-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to right, rgba(255,255,255,0), #fff 70%); } .best-selling-carousel .carousel-wrap .items-container .items-inner-wrapper { position: inherit !important; } .best-selling-carousel .carousel-wrap.not-first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to left, rgba(255,255,255,0), #fff 70%); } .best-selling-carousel .container { padding: 30px 0 70px; border-bottom: none; } .best-selling-carousel .container:focus { outline-color: transparent; } .best-selling-carousel .carousel-item { width: 280px; padding: 0 10px 0 10px; } .best-selling-carousel .carousel-item a { display: block; *zoom: 1; } .best-selling-carousel .carousel-item a:before, .best-selling-carousel .carousel-item a:after { content: ''; display: table; } .best-selling-carousel .carousel-item a:after { clear: both; } .best-selling-carousel .image-wrap { float: left; height: 75px; width: 100px; text-align: center; } .best-selling-carousel .image-wrap img { margin: 0; max-height: 95%; height: auto; padding-top: 2px; display: inline-block; } .best-selling-carousel .item-title { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; line-height: 1.2em; overflow: hidden; vertical-align: top; margin-bottom: 2px; } .best-selling-carousel .star-wrap { margin-bottom: 5px; } .best-selling-carousel sup { font-size: 75%; top: -0.25em; } .best-selling-carousel .carousel-item + .carousel-item { -webkit-box-shadow: inset 1px 0 0 0 #d9d9d9; box-shadow: inset 1px 0 0 0 #d9d9d9; } .more-overflow { position: relative; overflow: hidden; padding-right: 10px; line-height: 1.3em; height: 2.6em; word-wrap: break-word; } .more-overflow:before { content: ''; float: left; height: 100%; width: 28px; } .more-overflow-text { float: right; width: 100%; margin-left: -28px; } .more-overflow-ellipsis { position: relative; float: right; width: 28px; padding-left: 10px; height: 1.3em; top: -1.2em; left: calc(100% - 28px); background-color: #fff; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0px, #fff 10px); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0px, #fff 10px); background: -o-linear-gradient(left, rgba(255,255,255,0) 0px, #fff 10px); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0px, #fff 10px); background: linear-gradient(to right, rgba(255,255,255,0) 0px, #fff 10px); } .more-overflow-ellipsis:after { content: ''; display: inline-block; height: 0; width: 0; margin: 0 0 1px 3px; border: solid 5px #c00; border-right: none; border-color: transparent transparent transparent #c00; cursor: default; } @media only screen and (min-width: 20em) { .merchandizing-carousel { outline: 0; } .merchandizing-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to right, rgba(255,255,255,0), #fff 70%); } } @media only screen and (min-width: 48em) { .carousel .container { padding: 0; min-width: 100%; } .carousel .header-wrap a { width: auto; font-size: 14px; font-size: 0.875rem; font-family: clanotmedium; } .carousel .header-wrap .section-header { line-height: 100%; } .carousel .viewport { max-width: 990px; margin: 0 auto; } .carousel-item .item-description { display: inline-block; padding-left: 10px; width: 160px; } .carousel-item .image-wrap { display: inline-block; float: left; } .merchandizing-carousel { outline: 0; margin-top: -49px; } .merchandizing-carousel .container { padding: 0; } .merchandizing-carousel .carousel-wrap { margin: 20px 0; } .merchandizing-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to right, rgba(255,255,255,0), #fff 70%); } .merchandizing-carousel .header-wrap a { bottom: 0; font-family: clanotmedium; } .brand-carousel .desktop-container { padding-bottom: 2px; } .brand-carousel .desktop-container .right-hover { background-position: 100% 50%; right: 0; } .brand-carousel .desktop-container .right-hover[data-active="true"] { background-position: 100% 50%; } .brand-carousel .desktop-container .right-hover[data-active="true"]:hover { background-position: 100% 50%; } .brand-carousel .desktop-container .left-hover { background-position: 0% 50%; } .brand-carousel .desktop-container .left-hover[data-active="true"] { background-position: 0% 50%; } .brand-carousel .desktop-container .left-hover[data-active="true"]:hover { background-position: 0% 50%; } .brand-carousel .container { padding: 0; } .brand-carousel .carousel-item { width: 150px; } .brand-carousel .carousel-item .image-wrap { height: 150px; width: 150px; } .brand-carousel .carousel-wrap { padding-right: 0; padding-bottom: 0; } .brand-carousel .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -moz-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -o-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: -ms-linear-gradient(left, rgba(241,242,242,0), #f1f2f2 70%); background: linear-gradient(to right, rgba(241,242,242,0), #f1f2f2 70%); } .faceted-search-carousel { outline: 0; } .faceted-search-carousel .viewport { margin: 0 25%; } .faceted-search-carousel .header-wrap { margin-bottom: 15px; } .faceted-search-carousel h4 { font-size: 18px; font-size: 1.125rem; margin-top: 0; } .faceted-search-carousel .left-hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEaSURBVCiRjZI/SwNBEEff3AmCBLvUYm1hpYXgFzjUJmzgIIiN3yAphQj22lmKGhB2uSJccYVgbS3eV0hhYyMEi83YmLj3p/DXzeOxuzOz8M9IG7TWjoC9lSRSNkRr7RlwF6BPYL8iOucOVfUZWP9FXkSOjTFFFJy0rapZICEiQ2NMARABTCaTTSAHusEFj8aYm2WxZq2NgSdgJ5BeO53OefisSFWvgSRgM+99L0mS74ooIoNa41dpms5qjEhEbmvsMsuyrYZYluUFMA1Y13s/zfN8oyKOx+MFMADeAr47n88fVHU15wig3+9/xXF8AnwEcs85N1wW9c0cqOoLf0NfiMiRMaZo7No5d6qq9wFq7nqZ+u8B3tu81vwAIA9fTh1tXHsAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 0% 50%; height: 100%; position: absolute; left: 0; width: 50px; z-index: 100; cursor: pointer; } .faceted-search-carousel .left-hover[data-active="true"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD7SURBVCiRjdK9LsNRGIDx3zmaiKW3ICSmDhJaQxM3ID6GrtJY3EFdgMRuNAoGiYS1g8QoRdqEcAsGi0UkBj0GWse/Hbzbec6T834d/hlhHOyyk6hl0tOI2GUrcZih18BSKEjLiUtM/qDPxFqNdmkg3TCTOM8kgVaV9rDGDuUS16hk0skizcE5njFR4jSX0CmznZcVZ9nHSsaeI405Pv6I2Cw0vrfAc3EaMXFQYLs9potiSMQuF9jI+D3qVd6HLwb6U9/pHzJxPnCcss1FqPAWWcfL4CLR6NEaps7ruKUeufI79H5itUZ7ZNd3NANHGRrd9SCKvweP47yx8QXZnjiRGfVXRAAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 0% 50%; } .faceted-search-carousel .left-hover[data-active="true"]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD8SURBVCiRjdIvS0NhFMfxz72CgsFmFrPBpEHwDYhaVscQLibBNKOgYDeK6Db8A4JgWFoQjGIWfQXCgsWgIg7cY/Hqc7cbPO18zzec5/we/llJGWywlTAXSY9DYoO1hFaEXvrMF8QWi4FrjP2gr8BKRifNpSOmA1eRJFDP6PzueM5Ej1vMRNJZRi3v00tGelzEEu7eWY/XSl/Zx1LEuoHKJp8FMaE68PC9jO7gNdLAwQDbPWZqSHxiG+2ITaa0DxkviDv0P6gG7iM+O8ppiJJLYYO3wCqe80Gg0qSe94Vkmizgxt/R+4HljE5Z1rWEkwgNZx3Jhd+DhzKvtL4BAY4/v2uNiJcAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 0% 50%; } .faceted-search-carousel .right-hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEpSURBVCiRjZEhTwNBEEbf9HoCCQmCkBAMQWAJnpAmGFSzWxQWAroaRwKKBIEABKI0t9sqBBi4ALLVSP4BobrtdTDXZns1Hfny9puZHZizxHt/rqpbEyDSNcZcFcXScDh8BHYBAxhVvfTeH88kAnjv91T1FSjnfADsW2vfJ4kAxpg3EakHATHgW63WxpSYy9eqeh/IS6PR6LnRaCxOiQC9Xu8U+ArQZhzHSZqmZSkO3W63V7Is6wCrY6aqNzMiQJIkJyJyG6C/GdE5twZ0geUxE5ELKUgLwCewHeAX4GBqGRF5KEjf/X7/0FqbTRKdc3UgPN1vFEU71Wr1B/LLOOcqeYsolwZAxVr7MX5Vajab68BTIKGqZ6EEUI6i6AhIA9ap1Wp3xd+Yu/4B+hFmAacFh9YAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 100% 50%; position: absolute; right: 0; height: 100%; width: 50px; z-index: 100; cursor: pointer; } .faceted-search-carousel .right-hover[data-active="true"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEASURBVCiRndEhSwNhGMDx381NsGsQQVZMgsE50WCSgQirosVkGJjNNoPVICJWix9ggkzRYNnmmmDwI8hA49jOcHfwnjOIT3nhz+8eeN/jjxN1OY5ZzEJMp8rpGOxRHtLGdIAbVS5yEF7YHHGLYtoHEVsV7jNYgGVaEUfBglLMTY+F3MZsOlziIEhvk6wv0f8JS2hhI8h3X2znYIpnJZebC/LZGExxA+dB6v+2cT45zGQt5iQHn5kq8RSxkrWI5jv1YggnuRIgvA7Y3WFYyEo3ece9AH3E1Nf4TDfTphbRxESKBiNqqzxmXxV6lCOuAyTiMERQHLKPhwC1K8kf+t98A+YwO/on8bGFAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 100% 50%; } .faceted-search-carousel .right-hover[data-active="true"]:hover { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAARCAYAAADkIz3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEBSURBVCiRndExKIRxGMfxz507UkYGKVlYrBaDSVeSM4pIvBmU2WwzWE2XzslgYFWndMR6NyurXUqX5fAa7l7932OQ3/jt+//1PP+HPyZTYS9mMmCNiIPfxLGYOgYDvh1RSolwwuwnV8h1eAtzETeJmIUNajG7QUEeFxXGU41JjjnCVoAe+5he5SUllsjnqWEmwNdPzKfEjjycby83krCYw55u8ZLmIm8ZFoL5Jn40njL6TgNDQeN+Sjynv8k9pgJcHaCYDcUm5S7poZflJT6+xXL7H1cC6RnFNV47c1KhEFNFslwLhYi75FWuc+uzQJJhZzOQIBezjttgw3rUvtD/8gXuuz0ZXTfk3AAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 100% 50%; } .faceted-search-carousel .carousel-items li { padding: 0 15px; } .faceted-search-carousel .carousel-items:after { height: 100%; top: 0px; } .faceted-search-carousel .carousel-item { padding: 20px; width: 340px; height: 340px; } .faceted-search-carousel .carousel-item .image-wrap { height: 232px; width: 100%; max-height: 100em; margin: 0; margin-bottom: 20px; } .faceted-search-carousel .carousel-item .image-wrap img { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .faceted-search-carousel .pdp-ehf-price { margin-left: 20px; } .faceted-search-carousel .item-ehf { font-size: 12px; font-size: 0.75rem; font-family: clanotbook; } .faceted-search-carousel .rating { display: inline-block; height: 15px; width: 15px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/15px 15px; vertical-align: top; } .faceted-search-carousel .item-description { width: auto; float: none; clear: both; display: block; font-size: 16px; font-size: 1rem; } .faceted-search-carousel .item-description .item-title { font-size: 16px; font-size: 1rem; line-height: 16px; line-height: 1rem; max-height: 16px; margin-bottom: 2px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .faceted-search-carousel .item-description .stars-wrapper { float: left; margin-right: 10px; } .faceted-search-carousel .item-description .itemholder { height: 16px; line-height: 16px; line-height: 1rem; overflow: hidden; } .top-brands-carousel .viewport { max-width: 690px; } .top-brands-carousel .container { padding: 40px 0; } .top-brands-carousel .carousel-item { width: 160px; } .top-brands-carousel .carousel-item .image-wrap { height: 150px; width: 150px; } .best-selling-carousel .viewport { max-width: 690px; } .best-selling-carousel .viewport .section-header { margin-left: 30px !important; } .best-selling-carousel .image-wrap { display: block; float: left; } .best-selling-carousel img { margin: 0; max-height: 100%; height: auto; } .best-selling-carousel .item-description { display: inline-block; padding-left: 10px; width: 150px; text-align: left; } .best-selling-carousel .carousel-items { padding-left: 10px; } .best-selling-carousel .carousel-item:after { height: 95px; } } .search-results-list .merchandizing-carousel .section-header { background-color: #c4e0e7; color: #000; width: 100%; text-align: left; font-size: 1.18em; padding: 8px 15px 9px; margin-bottom: 25px; } .search-results-list .merchandizing-carousel .section-header:after { border-width: 0 7px 7px 7px; left: 24px; } .search-results-list .grid-collection.carousel.merchandizing-carousel .related-grid-container { margin-top: 10px; } .merchandizing-carousel .desktop-container, .merchandizing-carousel .container { z-index: 120; } .carousel-items .itemholder { display: block; height: 52px; } .carousel-items > li { vertical-align: top; } @media only screen and (max-width: 47.9375em) { .top-rated-grid .grid-carousel .owl-wrapper .related-product-component .related-product-item { border-top: none; } .top-rated-grid .grid-carousel .owl-wrapper .related-product-component .related-product-item:after { content: ''; width: 91%; border-top: 1px solid #eaeaea; position: absolute; bottom: 0; right: 0; margin: 0 5%; } .promo-block.promo-block-1 +.top-rated-grid .grid-show-more:before { content: ''; position: absolute; background: #fff; width: 100%; height: 2%; right: 0px; bottom: 70px; } .promo-block.promo-block-1 +.top-rated-grid .grid-show-more.expanded:before { bottom: 60px; } } .carousel:not([class*='-carousel']) .carousel-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(left, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to right, rgba(255,255,255,0), #fff 70%); } .carousel:not([class*='-carousel']) .carousel-wrap.not-first:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 44px; height: 100%; z-index: 50; background: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -moz-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -o-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: -ms-linear-gradient(right, rgba(255,255,255,0), #fff 70%); background: linear-gradient(to left, rgba(255,255,255,0), #fff 70%); } .carousel:not([class*='-carousel']).disabled [class*='hover'] { display: none; } /* Headers Styleguide 2.2 */ /* Primary Header * Used for: Homepage, Cat, Subcat, Shop in Shop, Search Filters) Markup:

New At The Source

Styleguide 2.2.1 */ .section-header { text-transform: uppercase; font-size: 24px; font-size: 1.5rem; font-family: clanotbook; margin-top: 0; background: #3d98b0; display: inline-block; padding: 14px 10px; line-height: 100%; color: #fff; position: relative; } @media only screen and (max-width: 47.9375em) { .section-header { font-size: 18px; font-size: 1.125rem; } } .section-header--smaller { font-family: 'Roboto', 'Arial', sans-serif; font-size: 1rem !important; padding: 16px 40px !important; letter-spacing: 0.5px; } @media only screen and (max-width: 47.9375em) { .section-header--smaller { width: 100%; padding: 16px !important; text-align: center; position: relative; } .section-header--smaller:before { position: absolute; top: 0; bottom: 0; z-index: -1; left: -15px; right: -15px; content: ''; display: inline-block; background-color: #3d98b0; } } .section-header:after { content: ''; position: absolute; bottom: -1px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #fff transparent; } .section-header.with-action:after { display: none; } /* Section Header * Used for: Secondary pages and content header. Markup:

Best Selling

Styleguide 2.2.4 */ .section .header-wrap { border-bottom: 1px solid #3d98b0; margin-bottom: 24px; padding-bottom: 5px; } .section .header-wrap .section-header { background: transparent; color: #383838; display: inline-block; margin: 0; padding: 0 0 6px 0; position: relative; text-transform: uppercase; width: 100%; line-height: 100%; font-size: 22px; font-size: 1.375rem; } @media only screen and (max-width: 47.9375em) { .section .header-wrap .section-header { padding-top: 25px; font-size: 1.125rem; } } .section .header-wrap .section-header:after { border-color: transparent transparent #3d98b0 transparent; border-style: solid; border-width: 0 9px 10px 9px; bottom: -5px; content: ''; display: block; left: 25px; width: 0; height: 0; position: absolute; z-index: 5; } .section .header-wrap .section-header:before { content: ''; display: block; position: absolute; bottom: -6px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #fff transparent; z-index: 10; } .secondary-header .content { display: block; } .secondary-header h2 { text-transform: uppercase; font-size: 14px; font-size: 0.875rem; font-family: clanotnews; margin-bottom: 26px; margin-top: 0; display: block; color: #383838; position: relative; line-height: 46px; } .secondary-header h2:after { content: ''; position: absolute; bottom: 0; left: 25px; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #fff transparent; } .related-grid .secondary-header h2:after, .recent-grid .secondary-header h2:after { bottom: -1px; left: 18px; } .secondary-header .grid-collection-categories li { padding: 0; } .secondary-header .grid-collection-categories h2 { display: inline-block; margin-bottom: 0; padding: 0 12px; } .secondary-header .grid-collection-categories h2:not(.active) { color: #e8e7e7; font-family: clanotbook; } .secondary-header .grid-collection-categories li:after { height: 19px; } .secondary-header .owl-tabs h2:before { top: 12px; } .secondary-header .owl-tabs h2:after { display: none; } .secondary-header .owl-tabs h2.active:after { bottom: 0; display: block; } /* Sub Header Markup:

Gear up for your computer search with The Source

Styleguide 2.2.5 */ .sub-header { color: #383838; font-family: clanotnews; font-size: 16px; font-size: 1rem; text-transform: uppercase; } @media only screen and (min-width: 48em) { .section-header { font-size: 24px; font-size: 1.5rem; padding: 12px 12px 13px; } .secondary-header h2 { line-height: 31px; } .secondary-header h2:after { border-width: 0 6px 6px 6px; } .secondary-header .owl-tabs h2.active:after { bottom: -4px; } .secondary-header .owl-tabs h2:before { top: 5px; } } .related-component-heading.header-wrap .section-header:after { bottom: -12px; } @media only screen and (max-width: 47.9375em) { .related-component-heading.header-wrap .section-header:after { display: none; } } .related-component-heading__title { margin-bottom: 0.83rem; font-family: clanotmedium; } .cart-recommendations-wrapper .related-component-heading { margin-bottom: 0.83rem; } .photo-viewer-wrap { margin-bottom: 30px; position: relative; *zoom: 1; } .photo-viewer-wrap:before, .photo-viewer-wrap:after { content: ''; display: table; } .photo-viewer-wrap:after { clear: both; } .photo-viewer-wrap .promo-indicator-wrapper { margin-right: 40px; } .pdp-section .owl-carousel { padding: 15px; } .pdp-section .owl-carousel .owl-item { overflow: hidden; height: 218px; position: relative; border: 3px solid transparent; padding: 3px; } .pdp-section .owl-carousel .owl-item.active { border: 3px solid #c00; } .pdp-section .owl-carousel .owl-item .vid-item { cursor: pointer; position: relative; } .pdp-section .owl-carousel .owl-item .vid-item .thumb:after { content: ""; position: absolute; display: block; top: 50%; left: 50%; width: 45px; height: 45px; background: url(/_ui/desktop/common/js/build/video-play.png) no-repeat -33px 0px; -webkit-background-size: 90px 136px; -moz-background-size: 90px 136px; background-size: 90px 136px; margin-left: -23px; margin-top: -23px; } .pdp-section .vid-container { display: none; position: relative; padding-bottom: 56.25% /* 16:9 */; padding-top: 25px; height: 0; } .pdp-section .vid-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pdp-section .owl-prev, .pdp-section .owl-next { height: 36px; width: 36px; position: relative; text-indent: 0; padding: 10px; margin-top: 6px; } .pdp-section .owl-prev:hover path, .pdp-section .owl-next:hover path { fill: #9e0000; } .pdp-section .owl-prev path, .pdp-section .owl-next path { fill: #c00; } .pdp-section .owl-prev.disabled path, .pdp-section .owl-next.disabled path { fill: #a9a9a9; } .pdp-section .owl-prev.disabled:hover path, .pdp-section .owl-next.disabled:hover path { fill: #a9a9a9; } .pdp-section .owl-prev svg, .pdp-section .owl-next svg { height: 16px; width: auto; } .pdp-section .owl-prev { padding-left: 0; } .pdp-section .owl-next { margin-right: -10px; } .slide-image-wrap { height: 218px; width: 100%; margin: 0 auto; position: relative; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mobile-photo-viewer:not(.flex-zoom) .slide-image-wrap img { max-height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .flex-zoom .slide-image-wrap img { max-width: none; width: 200%; position: relative; } .owl-prev { float: left; } .owl-next { float: right; -webkit-transform: rotate(0.5turn); -moz-transform: rotate(0.5turn); -o-transform: rotate(0.5turn); -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .zoom-button-wrap { text-align: center; } .zoom-button { color: #383838; font-size: 12px; font-size: 0.75rem; } .zoom-button img { vertical-align: middle; } .zoom-button .zoom-icon { display: inline-block; height: 26px; vertical-align: middle; width: 28px; } .zoom-button.svg-highlight path { fill: #fff; } .zoom-button.svg-highlight:hover path, .zoom-button.svg-highlight:focus path { fill: #fff !important; } .zoom-button.disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .jcarousel[dir=rtl] li { float: right; } .productImage { width: 49%; float: left; padding-right: 42px; position: relative; } @media only screen and (min-width: 48em) { .productImage { margin-bottom: 30px; } } .productImage .promo-indicator-wrapper { margin-right: 62px; margin-top: 5px; } .productImage .productImagePrimary { height: 345px; text-align: center; } .productImage .productImagePrimary img { max-height: 100%; height: auto; } .productImage .gift-image { height: 260px; } .productImage .owl-item { text-align: center; } .productImage .owl-item .thumb { width: 100%; height: 75px; display: block; margin: 0 auto; position: relative; max-width: 100px; } .productImage .owl-item .thumb img { max-height: 100%; height: auto; } .productImage .thumbnail-viewer { padding: 15px 40px; *zoom: 1; } .productImage .thumbnail-viewer:before, .productImage .thumbnail-viewer:after { content: ''; display: table; } .productImage .thumbnail-viewer:after { clear: both; } @media only screen and (min-width: 48em) { .productImage .thumbnail-viewer { padding-bottom: 0; } } .productImage .owl-controls { margin-top: -70px; height: 0; position: relative; } .productImage .zoom-button-wrap { text-align: right; margin-top: 10px; } .productImage .owl-next { right: -36px; } .productImage .owl-prev { left: -36px; } .colorbox-product-image.productImage { width: 100%; float: none; padding: 0; } .colorbox-product-image.productImage .productImagePrimary { border-bottom: none; width: 740px; height: 500px; padding: 20px 50px 0; margin: 0 auto; } .colorbox-product-image.productImage .productImagePrimary .leaflet-container { background-color: #fff; } .colorbox-product-image.productImage .thumbnail-viewer { padding: 15px 40px 30px; min-height: 135px; } .colorbox-product-image .productImageGallery { max-width: 460px; margin: 0 auto; } @media only screen and (min-width: 48em) { .pdp-section .owl-carousel .owl-item { height: 87px; } } #zoom-thumbnail-viewer .owl-buttons div { width: 36px; height: 36px; padding: 10px; margin-top: 6px; } #zoom-thumbnail-viewer .owl-buttons .owl-prev, #zoom-thumbnail-viewer .owl-buttons .owl-next { position: absolute; top: 10px; } #zoom-thumbnail-viewer .owl-buttons .owl-prev svg, #zoom-thumbnail-viewer .owl-buttons .owl-next svg { height: 16px; width: auto; position: absolute; } #zoom-thumbnail-viewer .owl-buttons .owl-prev svg path, #zoom-thumbnail-viewer .owl-buttons .owl-next svg path { fill: #c00; } #zoom-thumbnail-viewer .owl-buttons .owl-prev:hover path, #zoom-thumbnail-viewer .owl-buttons .owl-next:hover path { fill: #9e0000; } #zoom-thumbnail-viewer .owl-buttons .owl-prev.disabled path, #zoom-thumbnail-viewer .owl-buttons .owl-next.disabled path { fill: #a9a9a9; } #zoom-thumbnail-viewer .owl-buttons .owl-prev.disabled:hover path, #zoom-thumbnail-viewer .owl-buttons .owl-next.disabled:hover path { fill: #a9a9a9; } #zoom-thumbnail-viewer .owl-buttons .owl-prev { left: -36px; padding-left: 10px; } #zoom-thumbnail-viewer .owl-buttons .owl-next { right: -36px; margin-right: 0; } #photo-viewer .vid-item { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* Modals Styleguide 15.0 */ /* Custom Modals Note: * .modal-wrap gets the .active class dynamically and should not be added (for styleguide only). * Modifiers are added dynamically and should not be added * Default styling does not exist .left - Left aligned modal for Desktop .right - Right aligned modal for Desktop Markup:

Select Your List

  • This one has a brief description

  • This one has a long description that wraps to a second line

 Styleguide 15.4 */ .modal-parent.left { position: relative; } .modal-parent.left .modal-wrap { position: absolute; right: 100%; overflow: visible; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-parent.left .modal-wrap .custom-modal:before { display: block; bottom: 0; border-color: transparent transparent transparent rgba(169,169,169,0.5); right: -20px; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-parent.left .modal-wrap .custom-modal:after { display: block; bottom: 0; border-color: transparent transparent transparent #fff; right: -19px; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-parent.right { position: relative; } .modal-parent.right .modal-wrap { position: absolute; left: 100%; overflow: visible; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-parent.right .modal-wrap .custom-modal:before { display: block; border-color: transparent rgba(169,169,169,0.5) transparent transparent; left: -20px; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-parent.right .modal-wrap .custom-modal:after { display: block; border-color: transparent #fff transparent transparent; left: -19px; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-parent.middle { position: initial; } .modal-parent.middle .modal-wrap { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: fixed; } .modal-wrap { max-height: 0; overflow: hidden; visibility: hidden; z-index: 9999; } .modal-wrap.active { padding: 15px; max-height: none; visibility: visible; width: 330px; } .modal-wrap.active .custom-modal { position: relative; } .modal-wrap.active .custom-modal:before { display: none; } .modal-wrap.active .custom-modal:after { display: none; } .modal-wrap.active .custom-modal:after.primary-button { margin-left: 0; color: #fff; } .active .custom-modal { background: #fff; color: #a9a9a9; padding: 38px 10px 10px; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); } .active .custom-modal:before, .active .custom-modal:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 10px; } .custom-modal { text-align: left; *zoom: 1; } .custom-modal:before, .custom-modal:after { content: ''; display: table; } .custom-modal:after { clear: both; } .custom-modal .modal-header { border-bottom: 1px solid #d9d9d9; *zoom: 1; } .custom-modal .modal-header:before, .custom-modal .modal-header:after { content: ''; display: table; } .custom-modal .modal-header:after { clear: both; } .custom-modal .modal-header-text { color: #383838; float: left; font-size: 16px; font-size: 1rem; font-family: clanotmedium; margin: 0 0 10px; text-transform: uppercase; } .custom-modal .modal-content { margin-top: 15px; } .custom-modal .modal-content .button-wrap { text-align: left; } .custom-modal.remove-address-modal .address-book-item { border-top: 0; } .custom-modal.terms-and-conditions .modal-content { overflow: auto; height: 380px; } .custom-modal .close-modal.close-icon { display: inline-block; cursor: pointer; position: absolute; top: 10px; right: 10px; margin: 0; } .custom-modal .modal-header-link { float: right; } .custom-modal .modal-list-label, .custom-modal .modal-header-link { margin: 0; padding: 0; border: none; font-family: clanotnews; color: #c00; background-color: transparent; line-height: normal; } .custom-modal .modal-list-label:hover, .custom-modal .modal-header-link:hover, .custom-modal .modal-list-label:focus, .custom-modal .modal-header-link:focus { color: #9e0000; } .custom-modal .modal-list { margin-bottom: 15px; } .custom-modal li { border-bottom: 1px solid #d9d9d9; padding: 10px 0; } .custom-modal .modal-desc { font-size: 12px; font-size: 0.75rem; margin-bottom: 0; margin-top: 2px; word-break: break-word; height: 30px; } .custom-modal .modal-desc.truncate:after { position: absolute; bottom: calc(58% - 1px); right: 23px; } @media only screen and (max-width: 47.9375em) { .custom-modal .modal-desc.truncate:after { display: none; } } .custom-modal .shipping-options { margin-bottom: 15px; } .custom-modal .button { display: inline-block; margin-bottom: 0; margin: 0; } .content-modal { padding: 15px 40px 15px 15px; } .content-modal h1 { margin: 0 0 6px; } .content-modal .button { display: inline-block; margin-bottom: 0; } /* Colorbox Modal For more information on colorbox please see: http://www.jacklmoore.com/colorbox/ Styleguide 15.3 */ .color-box { outline: none; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); } .color-box .custom-modal { padding: 38px 10px 10px; } .color-box .custom-modal.remove-address-modal { padding: 20px 20px 0px; } .color-box .custom-modal.remove-address-modal .modal-header { margin-bottom: 0; } .color-box .custom-modal.remove-address-modal .modal-content { margin-top: 0; } .add-to-wishlist-popup.color-box .custom-modal { padding: 20px; } .color-box .content-modal { padding: 10px; } .terms-and-conditions.color-box .content-modal { padding: 20px; } .color-box.warranty-pop-up-wrapper .warranty-pop-up { height: 100%; overflow: hidden; } .color-box.warranty-pop-up-wrapper .warranty-pop-up hr { margin: 10px 0; border: none; } .color-box.warranty-pop-up-wrapper .warranty-pop-up .alert.negative { padding: 0; } .color-box.warranty-pop-up-wrapper .warranty-pop-up .warranty-plan-content { height: 80%; overflow-y: scroll; padding: 0 10px; } @media only screen and (max-height: 420px) and (min-height: 320px) { .color-box.warranty-pop-up-wrapper .warranty-pop-up .warranty-plan-content { height: 65%; } } .color-box.warranty-pop-up-wrapper .warranty-pop-up .warranty-plan-content ul { margin-left: 16px; margin-top: 5px; } @media (max-width: 767px) { .color-box.warranty-pop-up-wrapper .warranty-pop-up .warranty-plan-content ul { padding-bottom: 40px; } } .color-box.warranty-pop-up-wrapper .warranty-pop-up .warranty-plan-content li { font-size: 12px; font-family: clanotbook; list-style-type: disc; line-height: 20px; } .color-box.warranty-pop-up-wrapper .warranty-pop-up .warranty-plan-content > p { font-family: clanotnews; font-size: 11px; } .color-box .modal-header { margin-bottom: 15px; } .color-box .primary-button { float: right; } .color-box .copyorder-popup { float: right; margin-top: 0; margin-left: 2%; width: 22%; margin-bottom: 2%; font-weight: bold; border: none; } #colorbox.tooltip-like, #colorbox.bundle-list { overflow: inherit; } #colorbox.tooltip-like .custom-modal, #colorbox.bundle-list .custom-modal { padding-top: 10px; padding-bottom: 20px; } #colorbox.tooltip-like .modal-header .modal-header-text, #colorbox.bundle-list .modal-header .modal-header-text { margin: 10px 0; font-size: 14px; font-size: 0.875rem; width: 65%; } #colorbox.tooltip-like .modal-header .modal-header-link, #colorbox.bundle-list .modal-header .modal-header-link { text-align: right; margin: 10px 0; width: 33%; } #colorbox.tooltip-like.added-to-list-popup .button-wrap, #colorbox.bundle-list.added-to-list-popup .button-wrap { text-align: center; } #colorbox.tooltip-like .close-modal.close-icon, #colorbox.bundle-list .close-modal.close-icon { border: 0; padding: 4px; width: 25px; height: 25px; } #colorbox.tooltip-like.create-list-popup .close-modal.close-icon, #colorbox.bundle-list.create-list-popup .close-modal.close-icon, #colorbox.tooltip-like.list-management-popup .close-modal.close-icon, #colorbox.bundle-list.list-management-popup .close-modal.close-icon { display: none; } #colorbox.tooltip-like.create-list-popup button:last-child, #colorbox.bundle-list.create-list-popup button:last-child { margin-right: 10px; } #colorbox.tooltip-like.create-list-popup button, #colorbox.bundle-list.create-list-popup button, #colorbox.tooltip-like.create-list-popup .primary-button, #colorbox.bundle-list.create-list-popup .primary-button { padding: 0px 10px; margin-right: 0; } #colorbox.tooltip-like button, #colorbox.bundle-list button, #colorbox.tooltip-like .primary-button, #colorbox.bundle-list .primary-button { min-height: 24px; font-size: 12px; font-size: 0.75rem; } #colorbox.tooltip-like:after, #colorbox.bundle-list:after { content: ''; position: absolute; width: 0; height: 0; border: 15px solid transparent; border-top-color: #fff; top: 100%; left: 50%; margin-left: -15px; } #colorbox.tooltip-like .button-wrap, #colorbox.bundle-list .button-wrap { text-align: right; } #colorbox.tooltip-like .button-wrap.confirmation-popup a.button, #colorbox.bundle-list .button-wrap.confirmation-popup a.button { padding: 3px 2px 1px 2px; } #colorbox.tooltip-like .button-wrap.confirmation-popup .primary-button, #colorbox.bundle-list .button-wrap.confirmation-popup .primary-button { width: 100%; } #colorbox.tooltip-like .button-wrap.confirmation-popup .primary-button.close-modal, #colorbox.bundle-list .button-wrap.confirmation-popup .primary-button.close-modal { margin-top: 10px; } #colorbox.tooltip-like .close-modal, #colorbox.bundle-list .close-modal { background: #fff; border: 1px solid #c00; color: #c00; line-height: 1.25rem; padding: 0 10px 0; text-align: center; margin-right: 0; } #colorbox.tooltip-like .close-modal:focus, #colorbox.bundle-list .close-modal:focus, #colorbox.tooltip-like .close-modal:hover, #colorbox.bundle-list .close-modal:hover { border-color: #9e0000; color: #9e0000; } #colorbox.tooltip-like .modal-list, #colorbox.bundle-list .modal-list { height: 200px; overflow: auto; } #colorbox.tooltip-like.list-management-popup, #colorbox.bundle-list.list-management-popup { max-height: 300px; } #colorbox.tooltip-like.list-management-popup #cboxWrapper, #colorbox.bundle-list.list-management-popup #cboxWrapper { max-height: 300px; } #colorbox.tooltip-like.list-management-popup .modal-list, #colorbox.bundle-list.list-management-popup .modal-list { height: 170px; overflow-y: auto; } @media only screen and (max-width: 47.9375em) { #colorbox.tooltip-like #cboxLoadedContent, #colorbox.bundle-list #cboxLoadedContent { overflow-y: none; } #colorbox.tooltip-like #cboxLoadedContent .custom-modal .modal-content .button-wrap, #colorbox.bundle-list #cboxLoadedContent .custom-modal .modal-content .button-wrap { display: block; } #colorbox.tooltip-like #cboxLoadedContent .custom-modal .modal-content .button-wrap .button, #colorbox.bundle-list #cboxLoadedContent .custom-modal .modal-content .button-wrap .button { display: inline-block; width: 100%; margin-left: 0px; margin-right: 0px; } #colorbox.tooltip-like #cboxLoadedContent .custom-modal .modal-content .button-wrap .button.primary-button, #colorbox.bundle-list #cboxLoadedContent .custom-modal .modal-content .button-wrap .button.primary-button { position: relative; padding: 10px 4% 8px; bottom: 15px; } #colorbox.tooltip-like #cboxLoadedContent .custom-modal .modal-content .button-wrap .button.primary-button.close-modal, #colorbox.bundle-list #cboxLoadedContent .custom-modal .modal-content .button-wrap .button.primary-button.close-modal { bottom: 5px; margin-top: 0px; } } @media only screen and (max-width: 47.9375em) { .copyorder-button-wrapper { margin-top: 10px; margin-bottom: 10px; border: none; } .copyorder-button-wrapper #cancelBtn { width: 35%; font-weight: bold; } .copyorder-button-wrapper #okBtn { width: 35%; font-weight: bold; } #colorbox .button { margin: 10px 0 0; text-align: center; } #colorbox .button#continueCheckout-3, #colorbox .button.change-delivery-location-button { width: 100%; } #colorbox .button.reset-balance { margin-left: 15px; } #colorbox .confirmation-message { margin-bottom: 15px; } #colorbox .confirmation-popup { display: table-row; } #colorbox .confirmation-popup .button.primary-button { padding: 10px 4% 8px; vertical-align: middle; display: table-cell; margin: 0px 15px 0; } .page-login .custom-modal .modal-header-text { font-size: 18px; font-size: 1.125rem; margin: 0 0 20px; } .page-login #cboxClose { top: 15px; right: 15px; } .page-login #colorbox .forgottenPwd { padding: 20px; } .custom-modal.content-modal.terms-and-conditions .modal-content { height: auto; overflow: auto; } .warranty-option .warranty-price-wrapper { margin-left: 120px; } .buttonwrap { margin-left: 0 !important; padding-top: 10px; width: 100% !important; } } #colorbox .forgottenPwd { padding: 15px; } #colorbox .headline { margin-bottom: 15px; } #cboxOverlay.clear-overlay { background: none; } .wish-list-modal .button-wrap { text-align: left; } .wish-list-modal .button { display: inline-block; float: none; margin-bottom: 0; } .remove-address-modal .address-book-item { border-top: none; } .remove-address-modal p { font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin: 15px 0; } .remove-address-modal .button-wrap { text-align: left; } .remove-address-modal .button { display: inline-block; float: none; margin-bottom: 0; margin-left: 15px; cursor: pointer; } .remove-address-modal .button:first-child { margin-left: 0; } .warranty-pop-up .warranty-offer { *zoom: 1; } .warranty-pop-up .warranty-offer:before, .warranty-pop-up .warranty-offer:after { content: ''; display: table; } .warranty-pop-up .warranty-offer:after { clear: both; } .warranty-pop-up .warranty-image-wrap { width: 100px; float: left; margin-right: 20px; } .warranty-pop-up .warranty-logo img { width: 294px; } .warranty-pop-up .product-title { font-family: clanotnews; font-size: 16px; font-size: 1rem; margin-bottom: 10px; *zoom: 1; } .warranty-pop-up .product-title:before, .warranty-pop-up .product-title:after { content: ''; display: table; } .warranty-pop-up .product-title:after { clear: both; } .warranty-price-wrapper { float: left; margin-top: 15px; text-align: left; } .warranty-price { color: #c00; } .warranty-base-price { color: dark-grey; text-decoration: line-through; display: block; } .warranty-header { font-family: clanotnews; } .warranty-terms-header { font-family: clanotmedium; font-size: 16px; font-size: 1rem; margin-top: 25px; margin-bottom: 8px; text-transform: uppercase; padding-right: 22px; } @media only screen and (max-width: 47.9375em) { .warranty-terms-header { font-size: 15px; font-size: 0.9375rem; } } .warranty-terms { height: 300px; padding: 15px; overflow-y: scroll; border: 1px solid #d4d4d4; } @media (max-width: 767px) { .warranty-terms { height: 180px; } } .warranty-terms p { font-size: 11px; font-size: 0.6875rem; font-family: clanotnews; color: #4f4f4f; } .warranty-terms ol { position: relative; counter-reset: decimal; } .warranty-terms ol li { padding-left: 1.5rem; } .warranty-terms ol li ol { counter-reset: alpha; padding-bottom: 1rem; } .warranty-terms ol li ol li ol { counter-reset: roman; } .warranty-terms ol li ol li ol li:before { counter-increment: roman; content: counter(roman, lower-roman) ". "; } .warranty-terms ol li ol li:before { counter-increment: alpha; content: "(" counter(alpha, lower-alpha) ") "; } .warranty-terms ol li:before { counter-increment: decimal; content: counter(decimal, decimal) ". "; position: absolute; margin-left: -1.5rem; margin-top: 0.05rem; } .warranty-info-link { display: block; margin-bottom: 15px; text-decoration: underline; } .printer-link { display: block; } .warranty-link-wrap { padding: 25px 0 0px; *zoom: 1; } .warranty-link-wrap:before, .warranty-link-wrap:after { content: ''; display: table; } .warranty-link-wrap:after { clear: both; } .warranty-button-wrap { margin-bottom: 20px; } @media only screen and (max-width: 47.9375em) { .warranty-button-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .warranty-button-wrap .button { float: none; width: 25%; margin-right: 10px; } @media only screen and (max-width: 47.9375em) { .warranty-button-wrap .button { width: 50%; } .warranty-button-wrap .button:first-child { margin-right: 10px !important; } } .alert .negative { padding-top: 0px; height: 15px; margin-bottom: 5px; } .warranty-option { font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; } .warranty-option .buttonwrap { margin-left: 120px; } .warranty-option .button { display: inline; margin-bottom: 10px; margin-top: 15px; width: 100%; min-width: 50%; } .cellular-plan-modal .product-image { float: left; margin: 0 15px 15px 0; width: 20%; } .cellular-plan-modal .product-details { float: right; width: 75%; } .cellular-plan-modal .location { border-top: 1px solid #d9d9d9; clear: both; padding-top: 15px; } .cellular-plan-modal .order-cta { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; display: block; margin: 15px 0; } .cellular-plan-modal .order-cta img { display: block; margin: 0 auto; } .cellular-plan-modal table { width: 100%; } .cellular-plan-modal thead { background: #3d98b0; } .cellular-plan-modal th { color: #fff; font-size: 14px; font-size: 0.875rem; padding: 3px 15px; text-align: left; } .cellular-plan-modal td { color: #4f4f4f; font-size: 14px; font-size: 0.875rem; padding: 10px 15px; text-align: left; vertical-align: top; } .cellular-plan-modal .store-search-results { border: none; margin: 0; padding: 10px 15px; } .cellular-plan-modal .store-search-results .store-info.address { float: none; padding: 0; width: 100%; } .popup-content { background: #fff; } .store-confirmation-modal.custom-modal { padding: 20px 10px 20px 10px; } .store-confirmation-modal .address-list { font-size: 14px; font-size: 0.875rem; padding: 15px; margin-bottom: 15px; } .store-confirmation-modal .address-list > h2 { text-transform: uppercase; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; margin: 0; } .store-confirmation-modal .address-list .addressEntry { padding: 15px 0; } .store-confirmation-modal .address-list li { border-bottom: none; padding: 0; } .store-confirmation-modal .button { float: none; } .store-confirmation-modal .button.secondary-button { border: none; padding: 10px 15px 8px; } .store-confirmation-modal .button-table { margin: 0 auto; } .store-confirmation-modal .button-table .or-button { padding: 10px; } .store-confirmation-modal .button-table .secondary-button { padding-left: 0px; padding-right: 0px; } .session-modal { width: 100%; min-height: 150px; padding: 27px 30px; } .session-modal .btn-wrapper { text-align: center; } .session-modal .btn-wrapper .button { display: block; width: 100%; } .session-modal .legend { border-bottom: 1px solid #d9d9d9; color: #383838; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; padding-bottom: 4px; text-transform: uppercase; vertical-align: top; } @media only screen and (min-width: 48em) { .modal-wrap.active .custom-modal .close-modal { width: auto; text-align: center; } .session-modal .btn-wrapper .button { display: inline-block; width: auto; } .custom-modal .button { margin-right: 15px; } .custom-modal .button:last-child { margin-right: 0; } .warranty-pop-up-wrapper #cboxClose { right: 25px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .custom-modal .modal-desc.truncate:after { bottom: calc(58% - 2px); } } /* Tooltip * Note: #tooltip element is dynamically added and should not be used (for styleguide visual only). * Note: Tooltip is triggered by rel attribute and title attribute * Note: Inline styles are for styleguide only Markup: info
Explanation of why phones can only
be purchased in-store goes here.
Styleguide 15.2 */ .tooltip { text-align: center; color: #4f4f4f; background: #fff; position: absolute; z-index: 100; padding: 15px; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); font-family: clanotnews; font-size: 12px; font-size: 0.75rem; line-height: 1rem; } .tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } .tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #fff; top: -20px; bottom: auto; } .tooltip.left:after { left: 10px; margin: 0; } .tooltip.right:after { right: 10px; left: auto; margin: 0; } .accordion-wrapper .accordion-trigger-holder.active + .accordion-content { max-height: none; padding: 15px 15px 20px; } .accordion-wrapper .accordion-trigger { background: #fff; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; color: #383838; font-family: clanotnews; line-height: 100%; margin: -1px 0 0; padding: 15px 30px 14px 15px; position: relative; text-transform: uppercase; vertical-align: middle; cursor: pointer; } @media only screen and (max-width: 47.9375em) { .accordion-wrapper .accordion-trigger:after { border: none; color: #c00; content: '+'; display: block; font-size: 24px; font-size: 1.5rem; left: auto; position: absolute; right: 15px; top: 30%; } .accordion-wrapper .accordion-trigger.active { background: #c00; border-bottom: 1px solid #c00; border-top: 1px solid #c00; color: #fff; } .accordion-wrapper .accordion-trigger.active:after { color: #fff; content: '—'; } .accordion-wrapper .accordion-trigger.active.headline { padding-bottom: 15px; padding-top: 16px; } } .accordion-wrapper .accordion-content { max-height: 0px; overflow: hidden; padding: 0 15px; } .accordion-wrapper .accordion-content.active { max-height: none; padding: 15px 15px 20px; } .accordion-wrapper .accordion-content table { display: table; } @media only screen and (min-width: 48em) { .accordion-wrapper .accordion-trigger { background: none; border: none; padding: 0; height: auto; } .accordion-wrapper .accordion-trigger.active { background: none; border: none; color: #383838; } .accordion-wrapper .accordion-content { max-height: none; padding: 0; } } .toggle-wrap__header { position: relative; display: block; font-size: 0.9rem; font-family: clanotmedium; color: #4f4f4f !important; padding: 20px 30px 20px 15px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-transform: uppercase; } .toggle-wrap__header:after { position: absolute; top: 50%; right: 15px; font-size: 1.5rem; font-family: Verdana; font-weight: 500; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: '-'; color: #c00; z-index: -1; -webkit-transition: all 0.35 ease-out; -moz-transition: all 0.35 ease-out; -o-transition: all 0.35 ease-out; -ms-transition: all 0.35 ease-out; transition: all 0.35 ease-out; } .toggle-wrap__header.is-closed:after { content: '+'; font-size: 1rem; } .toggle-wrap__main.is-closed { display: none; } @media print { .accordion-wrapper .accordion-content { max-height: none; padding: 15px 15px 40px; } .accordion-wrapper .accordion-trigger:after { display: none; } } /* The Source Icons * For absolute positioning use one of the following on wrapper: .top-left - Top Left .top-right - Top Right .bottom-left - Bottom Left .bottom-right - Bottom Right Markup:
Styleguide 14.5 */ .promo-indicator-wrapper { z-index: 1; } .promo-indicator-wrapper.top-left { position: absolute; top: 0; left: 0; } .promo-indicator-wrapper.top-right { position: absolute; top: 0; right: 0; } .promo-indicator-wrapper.bottom-left { position: absolute; bottom: 0; left: 0; } .promo-indicator-wrapper.bottom-right { position: absolute; bottom: 0; right: 0; } .promo-indicator-wrapper.small { width: 50px; } .promo-indicator-wrapper.large { width: 85px; } .grid-collection-item .promo-indicator-wrapper.top-right { top: 30px; right: 35px; } .promo-indicator { position: relative; width: 40px; height: 40px; } .small .promo-indicator { height: 48px; } .large .promo-indicator { height: 87px; } .promo-indicator-circle { width: 100%; height: 100%; } .promo-indicator-copy { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; text-transform: uppercase; color: #ed2924; font-size: 11px; font-size: 0.6875rem; font-weight: bold; } .thumb__badge { position: absolute; top: 0; left: -33px; width: 28px; height: 28px; } @media only screen and (max-width: 67.9375em) { .thumb__badge { top: -10px; left: -10px; } } @media only screen and (max-width: 47.9375em) { .thumb__badge { top: -5px; } } .thumb__badge .promo-indicator { width: 28px !important; height: 28px !important; } @media only screen and (min-width: 48em) { .grid-collection-item .promo-indicator-wrapper.top-right { top: 10px; right: 10px; } } /* Online Only - English .small - Small .large - Large Markup:
Online Only
Styleguide 14.5.1 */ /* Online Only - French .small - Small .large - Large Markup:
En ligne seulement
Styleguide 14.5.2 */ .promo-online-only .promo-indicator-circle .text { font-size: 46px; font-size: 2.875rem; fill: #fff; } .promo-online-only .promo-indicator-circle .text.fr { font-size: 40px; font-size: 2.5rem; } .promo-online-only .promo-indicator-circle .text.small { font-size: 27px; font-size: 1.6875rem; } .promo-online-only .promo-indicator-circle.small .promo-indicator-copy { font-size: 9px; font-size: 0.5625rem; } .promo-online-only .promo-indicator-circle.small .promo-indicator-copy.fr { font-size: 6px; font-size: 0.375rem; } .promo-online-only .promo-indicator-circle.large .promo-indicator-copy { font-size: 16px; font-size: 1rem; } .promo-online-only .promo-indicator-circle.large .promo-indicator-copy.fr { font-size: 10px; font-size: 0.625rem; } .promo-online-only .promo-indicator-circle.cyan { fill: #009cb3; } .promo-online-only .promo-indicator-copy { font-family: clanotbold; font-size: 12px; font-size: 0.75rem; line-height: 120%; } .promo-online-only .promo-indicator-copy.fr { font-size: 7px; font-size: 0.4375rem; } /* Deal / New - English * Only "Deal" is shown here. "New" has the same styling. .small - Small .large - Large Markup:
Deal
Styleguide 14.5.3 */ /* Exclusive - English * Only "Exclusive" is shown here. .small - Small .large - Large Markup:
Exclusive
Styleguide 14.5.3 */ /* Deal / New - English * Only "New" is shown here. "Deal" has the same styling. .small - Small .large - Large Markup:
New
Styleguide 14.5.3 */ /* Deal / New - French .small - Small .large - Large Markup:
Aubaine
Styleguide 14.5.4 */ .promo-deal.small .promo-indicator { height: 50px; width: 50px; } .promo-deal.small .promo-indicator.fr { width: 55px; height: 55px; } .promo-deal.small .promo-indicator-copy { font-size: 10px; font-size: 0.625rem; } .promo-deal.small .promo-indicator-copy.fr { font-size: 9px; font-size: 0.5625rem; } .promo-deal.large .promo-indicator-copy { font-size: 18px; font-size: 1.125rem; } .promo-deal.large .promo-indicator-copy.fr { font-size: 12px; font-size: 0.75rem; } .promo-deal .promo-indicator-circle .semi-circle-larger { stroke: #c00; } .promo-deal .promo-indicator-circle .semi-circle-smaller { stroke: #fdb814; } .promo-deal .promo-indicator-circle .text { font-size: 63px; font-size: 3.9375rem; fill: #fff; } .promo-deal .promo-indicator-circle.red { fill: #ed2924; } .promo-deal .promo-indicator-circle.fr .text { font-size: 48px; font-size: 3rem; } .promo-deal .promo-indicator-copy { font-family: clanotnews; font-size: 14px; font-size: 0.875rem; } .promo-deal .promo-indicator-copy.fr { font-size: 8px; font-size: 0.5rem; } /* Only @ The Source - English .large - Large Markup:
Only@ The Source
Styleguide 14.5.7 */ /* Only @ The Source - French .large - Large Markup:
Seulement@ The Source
Styleguide 14.5.8 */ .promo-source-only { line-height: 80%; } .promo-source-only.large { line-height: 110%; } .promo-source-only.large .top-row { font-size: 17px; font-size: 1.0625rem; } .promo-source-only.large .fr .top-row { font-size: 9px; font-size: 0.5625rem; } .promo-source-only.large .bottom-row { font-size: 10px; font-size: 0.625rem; } .promo-source-only .semi-circle-larger { stroke: #383838; } .promo-source-only .semi-circle-smaller { stroke: #fdb814; } .promo-source-only .top-row { display: block; font-family: clanotbook; font-size: 12px; font-size: 0.75rem; } .promo-source-only .fr .top-row { font-size: 7px; font-size: 0.4375rem; } .promo-source-only .bottom-row { font-family: clanotbold; font-size: 7px; font-size: 0.4375rem; } .promo-badge { width: 50px; height: 50px; border-radius: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; text-transform: uppercase; font-size: 9px; letter-spacing: 0.8px; font-weight: bold; } .promo-badge.color-white { color: #fff; } .promo-badge.color-red { color: #c00; } .promo-badge.bg-green { background-color: #0aa84b; } .promo-badge.bg-yellow { background-color: #fbc218; } .promo-badge.bg-blue { background-color: #3d98b0; } .promo-badge--ellipse { width: 72px; height: 56px; } .promo-badge__text { text-align: center; } .promo-deal-sales-failed.small .promo-indicator { height: 50px; width: 50px; } .promo-deal-sales-failed.small .promo-indicator.fr { width: 55px; height: 55px; } .promo-deal-sales-failed.small .promo-indicator-copy { font-size: 10px; font-size: 0.625rem; } .promo-deal-sales-failed.small .promo-indicator-copy.fr { font-size: 9px; font-size: 0.5625rem; } .promo-deal-sales-failed.large .promo-indicator-copy { font-size: 18px; font-size: 1.125rem; } .promo-deal-sales-failed.large .promo-indicator-copy.fr { font-size: 12px; font-size: 0.75rem; } .promo-deal-sales-failed .promo-indicator-circle .semi-circle-larger { stroke: #c00; } .promo-deal-sales-failed .promo-indicator-circle .semi-circle-smaller { stroke: #fdb814; } .promo-deal-sales-failed .promo-indicator-circle .text { font-size: 39.96px; font-size: 2.4975rem; fill: #fff; text-transform: uppercase; font-weight: 900; } .promo-deal-sales-failed .promo-indicator-circle .text.fr { font-size: 28.8px; font-size: 1.8rem; } .promo-deal-sales-failed .promo-indicator-circle.red { fill: #ed2924; } .promo-deal-sales-failed .promo-indicator-copy { font-family: clanotnews; font-size: 14px; font-size: 0.875rem; } .promo-deal-sales-failed .promo-indicator-copy.fr { font-size: 8px; font-size: 0.5rem; } .global-messages.errors-container .alert { margin-top: 0; } .global-messages .alert { padding: 15px; margin-top: 30px; border: 1px solid transparent; font-family: clanotnews; } .global-messages .positive, .global-messages .neutral { background: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .global-messages .negative { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } @media only screen and (max-width: 47.9375em) { .global-messages { padding-top: 10px; padding-bottom: 10px; } .container .global-messages { padding: 0; } .container .global-messages.errors-container .alert { margin-top: 10px; margin-bottom: 10px; } } @media only screen and (min-width: 48em) { .global-messages { margin-top: 10px; } .alert { margin-bottom: 30px; } } @media print { .global-messages.errors-container { display: none; } } .hero #cycle-pager { height: 1.8em; min-width: 100px; max-width: 80%; padding: 5px 10px; position: absolute; bottom: inherit; top: 0; right: 0; z-index: 199; background: rgba(255,255,255,0.8); opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); font-size: 1.5em; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left; } @media only screen and (min-width: 48em) { .hero #cycle-pager { top: auto; bottom: 5px; max-width: 45%; } } .hero #cycle-pager a { display: inline; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); padding: 0 5px; } .hero #cycle-pager a.cycle-pager-active { opacity: 1; -ms-filter: none; filter: none; font-family: clanotmedium; } .hero:empty { display: none; } .hero .cycle-slideshow span { display: block; width: 100%; } .hero .cycle-slideshow .cycle-slide { width: 100%; } .hero .cycle-slideshow li.cycle-slide.cycle-slide-active { visibility: visible !important; } @media only screen and (min-width: 48em) { .hero { height: auto; } .hero .hero-image .image-wrap img { height: 100%; width: auto; } } .hero .container, .hero .hero-image, .hero .image-wrap, .hero .image-wrap > div { position: relative; height: 100%; } .hero .image-wrap { width: 100%; display: block; } .hero .image-wrap span { display: block; } .hero .hero-image img { height: auto; width: 100%; display: block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (min-width: 120em) { .hero .hero-image img { left: auto; position: static; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; margin: 0 auto; } } .predictive-search .banner { height: 122px; width: 144px; overflow: hidden; } .predictive-search .banner .image-wrap { width: 100%; height: 100%; } .predictive-search .banner .image-wrap img { min-width: 100%; height: auto; } .related-product-component { overflow: hidden; margin-top: 20px; } .related-product-component.no-paddings { padding: 0 !important; } @media only screen and (min-width: 48em) { .related-product-component { margin-top: 0px; margin-bottom: 25px; } .owl-carousel .related-product-component { margin-bottom: 0px; } } .related-product-component > div { border-top: 1px solid #eaeaea; } .related-product-component > div:first-child { border-top: none; } @media only screen and (min-width: 48em) { .related-product-component > div { *zoom: 1; float: left; clear: none; padding-left: 0; padding-right: 0; text-align: inherit; width: 33.33333333333333%; margin-left: 0%; margin-right: 0%; float: left; border-left: 1px solid #eaeaea; border-top: none; } .related-product-component > div:before, .related-product-component > div:after { content: ''; display: table; } .related-product-component > div:after { clear: both; } .related-product-component > div:nth-child(4) { border: none; } .related-product-component > div:first-child { border-left: none; } } .related-product-component .related-product-item { padding: 15px 10px; height: 127px; position: relative; } .related-product-component .related-product-item > a { text-decoration: none; } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .related-product-component .related-product-item { height: auto; min-height: 172px; } } @media only screen and (min-width: 64em) { .related-product-component .related-product-item { height: 117px; } } @media only screen and (min-width: 48em) { .related-product-component .related-product-item { padding: 10px; position: relative; } .related-product-component .related-product-item:nth-child(3n+1) { border-left: 0; } .related-product-component .related-product-item:nth-child(n+4) { margin-top: 40px; } .related-product-component .related-product-item:nth-child(n+4):after { content: ''; position: absolute; width: 80%; height: 1px; display: block; top: -20px; left: 10%; border-top: 1px solid #eaeaea; } } .page-subcategory .related-product-component .related-product-item { padding: 15px 20%; } @media only screen and (min-width: 48em) { .page-subcategory .related-product-component .related-product-item { padding: 10px; } } .related-product-component .related-product-image { margin-right: 10px; width: 120px; height: 92px; float: left; } .related-product-component .related-product-image img { display: block; height: 100%; width: auto; margin: auto; } .related-product-component .related-product-title { text-align: left; font-size: 14px; font-size: 0.875rem; line-height: 16px; line-height: 1rem; max-height: 32px; overflow: hidden; color: #383838; } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .related-product-component .related-product-title { display: inline-block; margin-top: 15px; } } .related-product-component .related-product-title:hover { color: #9e0000; } @media only screen and (min-width: 48em) { .related-product-component .related-product-title { max-width: 180px; } } .related-product-component .related-product-content { text-align: left; } .related-product-component .related-product-price { font-size: 16px; font-size: 1rem; font-family: clanotmedium; color: #383838; } @media only screen and (min-width: 64em) { .related-product-component .related-product-price { position: absolute; left: 140px; top: 65px; } } .related-product-component .related-product-price > span { margin: 0 5px 0 0; } .related-product-component .related-product-price span { font-size: 0.75rem; } .related-product-component .related-product-price .original-price { color: #b4b4b6; text-decoration: line-through; } .related-product-component .related-product-price .sale-price { color: #383838; } .related-product-component .related-product-price .has-promotion { color: #c00; } .related-product-component .related-item-ehf { color: #a9a9a9; font-size: 12px; font-size: 0.75rem; font-family: clanotbook; } @media only screen and (min-width: 48em) { .related-component-heading { margin-bottom: 25px; } } .section .related-component-heading.header-wrap .section-header::before { bottom: -15px; } .section .related-component-heading.header-wrap .section-header::after { bottom: -14px; } .related-grid-view .related-product-image { float: none; clear: both; margin-bottom: 20px; } .related-grid-view .related-product-component .related-product-title { float: none; clear: both; max-width: none; } .related-grid-view .related-product-component .related-product-item { height: 264px; position: relative; } .page-subcategory .related-grid-view .related-product-component .related-product-item { height: 230px; } .page-subcategory .related-grid-view .related-product-component .related-product-item .item-price { display: table; text-align: left; } .page-subcategory .related-grid-view .related-product-component .related-product-item .original-price { display: table-footer-group; color: #666; font-size: 0.65rem; } .page-subcategory .related-grid-view .related-product-component .related-product-item .original-price span { font-size: 0.65rem; } .page-subcategory .related-grid-view .related-product-component .related-product-item .sale-price { display: table-header-group; } @media only screen and (min-width: 48em) { .page-subcategory .related-grid-view .related-product-component .related-product-item { height: 264px; } } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .page-subcategory .related-grid-view .related-product-component .related-product-item { height: 295px; } } .related-grid-view .related-product-component .related-product-item .button-wrap { position: absolute; bottom: 0px; width: 80%; } .related-grid-view .related-product-component .related-product-content { margin-bottom: 10px; } .related-grid-view .related-product-component .related-product-price { position: static; margin-top: 10px; } .related-grid-view .related-product-component .product-store-availability { display: block; padding: 10px 5px 8px; } .related-grid-view .related-product-component > div:nth-of-type(3n+1) { border-left: none; } .compare-component { float: none; clear: both; display: none; } @media only screen and (min-width: 48em) { .compare-component { display: block; } } .compare-component > div { *zoom: 1; float: left; clear: none; padding-left: 0; padding-right: 0; text-align: inherit; width: 20%; margin-left: 0%; margin-right: 0%; } .compare-component > div:before, .compare-component > div:after { content: ''; display: table; } .compare-component > div:after { clear: both; } .membershipCard-popup h1 { margin: 0; padding: 15px 30px; background-color: #c4e0e7; text-transform: uppercase; } .membershipCard-popup .membership-card-wrapper { padding: 30px; } .membershipCard-popup .button-wrapper { text-align: center; vertical-align: top; margin-top: 10px; } .membershipCard-popup .button-wrapper a.print-page, .membershipCard-popup .button-wrapper a.download { display: inline-block; width: 250px; height: 50px; line-height: 50px; color: #fff; background-color: #c00; vertical-align: top; text-align: center; font-size: 20px; } html[lang|="fr"] .membershipCard-popup .button-wrapper a.print-page, html[lang|="fr"] .membershipCard-popup .button-wrapper a.download { width: 275px; } .membershipCard-popup .button-wrapper a.print-page img, .membershipCard-popup .button-wrapper a.download img { margin-bottom: -7px; } .membershipCard-popup .button-wrapper a.print-page svg, .membershipCard-popup .button-wrapper a.download svg { margin-bottom: -3px; } @media print { .membershipCard-popup .button-wrapper a.print-page, .membershipCard-popup .button-wrapper a.download { display: none; } } .membershipCard-popup .button-wrapper a.print-page span, .membershipCard-popup .button-wrapper a.download span { vertical-align: top; } @media print { .membershipCard-popup .profile-link { display: none; } } .membershipCard-popup .svg-highlight path { fill: #fff; } @media print { .page-eppLandingPage * { visibility: hidden; } #cboxClose { display: none; } #colorbox { left: 0 !important; top: 100px !important; position: absolute; } #colorbox * { visibility: visible; } } .deal-message { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 15px 0; width: 100%; } .deal-message em { font-weight: bold; font-style: normal; } .deal-message strong { text-transform: uppercase; font-weight: bold; font-style: normal; color: #c00; } .narrow-deal-message.deal-message { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .narrow-deal-message.deal-message .deal-message-button-wrapper { width: 100%; margin-top: 10px; } #addToCartLayer .deal-message { -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #addToCartLayer .deal-message-button-wrapper { width: auto; } #addToCartLayer .promo-list .legend { margin-top: 30px; } .deal-message-body-wrapper { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; width: 100%; padding-right: 10px; } .deal-message-body-wrapper > * { margin-left: 10px; } .message-icon { width: 50px; } .message-text { font-size: 13px; font-size: 0.8125rem; word-break: break-word; min-width: 100px; width: 100%; margin-left: 20px; } .message-text a { color: #c00; font-family: inherit; } .promo-image-wrapper { width: 60px; min-width: 60px; line-height: 0; } .deal-message-button-wrapper { width: 100%; margin-top: 10px; } .deal-message-button-wrapper button { width: 100%; white-space: nowrap; } .deal-message-button-wrapper button.primary-button { margin-bottom: 0; } .deal-description { margin-bottom: 30px; font-size: 10px; word-break: break-all; } .message-text-header { text-transform: uppercase; font-weight: bold; } .message-text-body { margin-top: 6px; font-weight: bold; } .message-text-footer { margin-top: 6px; } .has-special-offer { border-bottom: none; } .pdp-promo-list li { margin-bottom: 15px; } .pdp-promo-list li:last-child { margin-bottom: 0px; } .pdp-section .deal-message-body-wrapper { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .pdp-section .promo-image-wrapper { padding-top: 10px; padding-bottom: 10px; } .pdp-deal-descriptions { border-top: 1px solid #d9d9d9; padding-top: 20px; } .pdp-deal-descriptions .deal-description { margin-top: 0; margin-bottom: 10px; margin-right: 0; } .pdp-deal-descriptions .deal-description:last-child { margin-bottom: 0; } .cart-order-wrapper .rtable { width: 100%; } @media only screen and (min-width: 48em) { .deal-message { -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .deal-message-button-wrapper { width: auto; margin-top: 0; } .deal-description { margin-top: 15px; margin-left: 10px; margin-right: 140px; word-break: break-all; } .pdp-section .deal-message { border: 1px solid #d9d9d9; } .pdp-deal-descriptions { border: none; } .cart-order-wrapper .promo-list { margin-top: 10px; } .cart-order-wrapper .promo-list li { padding-left: 95px; margin: 0; } .cart-order-wrapper .has-acp .deal-message { margin-bottom: 0; } .cart-order-wrapper .has-special-offer .rtable-td { padding-bottom: 0; } } @media only screen and (max-width: 47.9375em) { .cart-order-wrapper .rtable { border-bottom: none; } } .promo-legacy-text { font-size: 0.7rem; font-family: clanotnews; } .popup-legacy-text { margin-bottom: 5px; font-size: 0.5rem; font-family: clanotnews; } .multi-target-image-wrap { position: relative; } .multi-target-image-wrap .image-wrap { display: block; } .multi-target-image-wrap span img { width: 100%; height: auto; } .multi-target-image-wrap a { position: absolute; } [data-cms-component] .multi-target-image-wrap a { background-color: #f00; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } [data-cms-component] .multi-target-image-wrap a::after { content: attr(name) " <" attr(href) "> " attr(style); color: #fff; } .yCmsComponent[data-cms-component-type="MultiTargetResponsiveImageBannerComponent"]:empty { border: 1px dashed #33ba31 !important; } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9000; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #cboxOverlay { background-color: rgba(0,0,0,0.56); opacity: 1 !important; -ms-filter: none !important; filter: none !important; } #cboxContent { background: #fff; overflow: hidden; } #cboxContent #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxContent #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxContent #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxContent #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxContent #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK8AAAAyCAMAAAAdtHvaAAAA+VBMVEX///////8AAAA1QFQaGhwVJkI8SF75+vtXV1dpa2urq6suLi5zfIoiMUrW1ta1uLhCQkJ9fX3MzMzy9Pfe4+jBxMk6RVfW2d6vtL5mZma/v7+WlpZVX3B8hpS1tbUbKkXf5Oq9w8pqd4txfY63vcgxPVLb3eEdLEZhbYFCTWJYYXLGys+0u8WKkZxLVWdfaXrh5euBiZezuMH09firsbxXYnaPmKhJVGeDjJyCi5taY3NGUme8v8br6+sZKUSPlqIrOE5QXHHGydBTXnDj5+ygprIoN1N7hpfCxs7q6+1DUmuts74nNEwoNk2wuMObo68vO1Boc4QtOU8zGDcYAAAAAXRSTlMAQObYZgAAAeBJREFUeF7t2tWOIzEQheGcY7s5yDAMi8zMzPD+D7OWNhdpp6KZ1s6sezX+bi1L/2VZ5QZLcCoaCzxSY2EpgCX/sJfHUpdeHlstellBDXpZSeitpsGKzlJvO0naQJqkEMwHkGVYwsr+ondAcpCScwgStiHJtbdetMkOmcM1y7IsJzOsaGkys/z0IqU1gCvhHwkcbS546n1KMsXaXnZQMqPnXk2rBVe+7lLXb2+X7EhHXa01yUS8QXvYWds77WFJb3qSvS2SSMkcAs05BBmJJXRswbF1gr2p1jMg1xqCdAZRSwu9Yq4c7Hd+YMkUgml9e3sQ9OrbC1HoDb2hN/SG3tAbekNv1XnnzM6T34piF/HNYvM2Vr3dgeyOt3l9R6nRm6tKfYegGF2GIH500dt7CFeUuq7URgzHh8lksqHULaw4d02p4XD4xMt7E9hUSh3egKtQlvp1/iccuyNlHTaNn/c8PqofzX1IvbbWGHMXJa8WtcZX7/1tGzWG69KX5jNjfe2jJH7womlveOt9bswnY5oxHA+jKLJdF2K43ttWe/jSS+/YmO3+njGvIYjMPQg+GwPLS+9+FB0gfhxFfazaO4Bo/M5H79FiyND/b/YXcd33LWH/Fvaxp7nvDv8JPP7X+A0AeEUBh2S4/AAAAABJRU5ErkJggg==) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxContent #cboxPrevious.hover { background-position: -75px -25px; } #cboxContent #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK8AAAAyCAMAAAAdtHvaAAAA+VBMVEX///////8AAAA1QFQaGhwVJkI8SF75+vtXV1dpa2urq6suLi5zfIoiMUrW1ta1uLhCQkJ9fX3MzMzy9Pfe4+jBxMk6RVfW2d6vtL5mZma/v7+WlpZVX3B8hpS1tbUbKkXf5Oq9w8pqd4txfY63vcgxPVLb3eEdLEZhbYFCTWJYYXLGys+0u8WKkZxLVWdfaXrh5euBiZezuMH09firsbxXYnaPmKhJVGeDjJyCi5taY3NGUme8v8br6+sZKUSPlqIrOE5QXHHGydBTXnDj5+ygprIoN1N7hpfCxs7q6+1DUmuts74nNEwoNk2wuMObo68vO1Boc4QtOU8zGDcYAAAAAXRSTlMAQObYZgAAAeBJREFUeF7t2tWOIzEQheGcY7s5yDAMi8zMzPD+D7OWNhdpp6KZ1s6sezX+bi1L/2VZ5QZLcCoaCzxSY2EpgCX/sJfHUpdeHlstellBDXpZSeitpsGKzlJvO0naQJqkEMwHkGVYwsr+ondAcpCScwgStiHJtbdetMkOmcM1y7IsJzOsaGkys/z0IqU1gCvhHwkcbS546n1KMsXaXnZQMqPnXk2rBVe+7lLXb2+X7EhHXa01yUS8QXvYWds77WFJb3qSvS2SSMkcAs05BBmJJXRswbF1gr2p1jMg1xqCdAZRSwu9Yq4c7Hd+YMkUgml9e3sQ9OrbC1HoDb2hN/SG3tAbekNv1XnnzM6T34piF/HNYvM2Vr3dgeyOt3l9R6nRm6tKfYegGF2GIH500dt7CFeUuq7URgzHh8lksqHULaw4d02p4XD4xMt7E9hUSh3egKtQlvp1/iccuyNlHTaNn/c8PqofzX1IvbbWGHMXJa8WtcZX7/1tGzWG69KX5jNjfe2jJH7womlveOt9bswnY5oxHA+jKLJdF2K43ttWe/jSS+/YmO3+njGvIYjMPQg+GwPLS+9+FB0gfhxFfazaO4Bo/M5H79FiyND/b/YXcd33LWH/Fvaxp7nvDv8JPP7X+A0AeEUBh2S4/AAAAABJRU5ErkJggg==) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxContent #cboxNext.hover { background-position: -50px -25px; } #cboxContent #cboxLoadingOverlay, #cboxContent #cboxLoadingGraphic { position: relative; width: 30px; height: 30px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; z-index: 1; } #cboxContent #cboxLoadingOverlay:before, #cboxContent #cboxLoadingGraphic:before, #cboxContent #cboxLoadingOverlay:after, #cboxContent #cboxLoadingGraphic:after { position: absolute; width: 100%; height: 2px; background: #ed2724; content: ""; } #cboxContent #cboxLoadingOverlay:before, #cboxContent #cboxLoadingGraphic:before { top: 0; right: 0; left: auto; -webkit-animation: drawframeTop 4s linear infinite; -moz-animation: drawframeTop 4s linear infinite; -o-animation: drawframeTop 4s linear infinite; -ms-animation: drawframeTop 4s linear infinite; animation: drawframeTop 4s linear infinite; } #cboxContent #cboxLoadingOverlay:after, #cboxContent #cboxLoadingGraphic:after { right: auto; bottom: 0; left: 0; -webkit-animation: drawframeBottom 4s linear infinite 1s; -moz-animation: drawframeBottom 4s linear infinite 1s; -o-animation: drawframeBottom 4s linear infinite 1s; -ms-animation: drawframeBottom 4s linear infinite 1s; animation: drawframeBottom 4s linear infinite 1s; } #cboxContent #cboxLoadingOverlay span, #cboxContent #cboxLoadingGraphic span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOTYgOTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk2IDk2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGZpbGw9IiNlZDI3MjQiIGQ9Ik0zMy41Nzc2LDMzLjA3NDV2OS44MzIxaDI4LjUxOTdjOC41ODk1LDAsMTEuNDIwMiwyLjIxMjksMTEuNDIwMiwxMC43OTgzdjYuMjg3NWMwLDguNTkxMS0yLjgzMDcsMTAuODA0LTExLjQyMDIsMTAuODA0SDMzLjg0MTJjLTguNTkwMSwwLTExLjQyNDItMi4yMTI5LTExLjQyNDItMTAuODA0bC0wLjAwMzQtMy4xODU4bDkuMzkyNi0wLjAwMjJ2NS40MDE5aDMyLjMyOTVWNTEuNzU1N0gzNS42MTQ0Yy04LjU5MTcsMC0xMS4zMzc5LTIuMjE2Ny0xMS4zMzc5LTEwLjc5NjZ2LTUuMDQ5M2MwLTguNTkxMiwyLjc0NjItMTAuODA0LDExLjMzNzktMTAuODA0aDI1Ljk1MjNjOC4xNDYsMCwxMS4zMzc5LDIuMTIxMywxMS4zMzc5LDEwLjAwNzdsLTAuMDQ1NSwzLjE3NWwtOS4zNDQ5LDAuMDEzdi01LjIyN0gzMy41Nzc2eiIvPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat center; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; } #cboxContent #cboxLoadingOverlay span:before, #cboxContent #cboxLoadingGraphic span:before, #cboxContent #cboxLoadingOverlay span:after, #cboxContent #cboxLoadingGraphic span:after { position: absolute; width: 2px; height: 100%; background: #ed2724; content: ""; } #cboxContent #cboxLoadingOverlay span:before, #cboxContent #cboxLoadingGraphic span:before { top: auto; right: 0; bottom: 0; -webkit-animation: drawframeRight 4s linear infinite 0.5s; -moz-animation: drawframeRight 4s linear infinite 0.5s; -o-animation: drawframeRight 4s linear infinite 0.5s; -ms-animation: drawframeRight 4s linear infinite 0.5s; animation: drawframeRight 4s linear infinite 0.5s; } #cboxContent #cboxLoadingOverlay span:after, #cboxContent #cboxLoadingGraphic span:after { top: 0; bottom: auto; left: 0; -webkit-animation: drawframeLeft 4s linear infinite 1.5s; -moz-animation: drawframeLeft 4s linear infinite 1.5s; -o-animation: drawframeLeft 4s linear infinite 1.5s; -ms-animation: drawframeLeft 4s linear infinite 1.5s; animation: drawframeLeft 4s linear infinite 1.5s; } #cboxClose { background-color: transparent; bottom: 0; height: 25px; width: 25px; padding: 0; border: none; position: absolute; right: 10px; top: 10px; } #cboxClose.hover { background-position: 0 50%; } #cboxClose:before { content: url("/_ui/desktop/theme-ts/images/icons/close-x.svg"); } @media print { #cboxOverlay { display: none; } } .bt-content { color: #000; } font-size small { line-height: normal; } /* jQuery UI - v1.12.1 - 2018-03-21 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: Alpha(0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-state-disabled .ui-icon { filter: Alpha(35); } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #aaa; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); filter: Alpha(30); } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: 1px solid #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); filter: Alpha(70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); filter: Alpha(35); background-image: none; } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666; } /* * jQuery UI Stars v3.0.1 * http://plugins.jquery.com/project/Star_Rating_widget * * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com) * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * $Rev: 164 $ * $Date:: 2010-05-01 #$ * $Build: 35 (2010-05-01) * */ .ui-stars-star, .ui-stars-cancel { float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer; } .ui-stars-star a, .ui-stars-cancel a { width: 16px; height: 15px; display: block; background: url(data:image/gif;base64,R0lGODlhEABQAPe+AP///7W1tb29vd7e3uZXS8XFxcJKSsVSUsdaWufn59Bzc81sbN/f3+xeU6Wlpe/FKZmZmclgYOy8IuW2OL9CQvaDa9N8fJSUlPeSfe3OSd+vMe/v7+7u7vX19eu9RPXeXerLRvvr695qaemzG/b29vHNL+/IT9SEhO2SjenGQfLQRfTZWr5TOe6DfO3QWs97e/HOU+WtOONtYt2oKfOmovWupOSvr71bP/i1p+/KxuzHx/C0tcZqU+liWvm4rvnu7tiMjPv15vbPz+fEuffp6fCLdvXm4fHcmsNkS+a9Qu7Iw/fn5dullduUlOzPee/VTPLVWPLWVc1nV/z47+a/Oe3CMOh5dOCqn/qqnPqcirhERNmdJffsvPGclfWins5hU+7DQf3c2ON3eNqpqd54c+5lUfGNefqZhumzIPuom966uvSfnfLcV/CQfttVSuy/SO3Sq/DLOfjCveO4Q/Hcf+5pXeBkW7RMTPfenMyADcNPM7lRM9toZKE3N9ZfU+qwrPHbourJgevNmfnLw9ZtY92qRevOh+3Ly/bhYteSktBOPffrtdOPIq1GRqo/P+l6b+ZZUfqikPN4YtaZK/zHufv12PnTzOK2NPLfsPSNgOR3cOfEcuuyruiwJenHTN13cvJ2YvNyXPzUzeq1K+7DS+qCfOS7SviLdedcWPCEb8xRO+fCWuS9ZuJ+fNRwZON+fNdcUPKsqfTf38BgYOnHbvTWQO6LgOi6usBMMtGLGdbW1sxmZszMzK2trQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAL4ALAAAAAAQAFAAQAj/AH0JHEiwoMAAugoIAMCwYa8AvC4YnFiQD5YKFRo2JNCjCwuKJDhQ9KVL14CSunipLMmLBMVKXEZ6yvChRIkHEiSMeBNjxhSKsg6N3LXLAoIDBwwYoLAr6Q+BHQTo2sCrgFWrugI46DCQgYNeCQMEKKDLwQVdA0OIoRHmTBszGDCcwiFDypKBOb7YodGiB6oWa2DtGTIxgcmTAyieRMmYF0U8GVasSOGE4ioTMEwkmeDBw4RJFG0UtRABCEUFCxQoQICAKII7BhMI4MUggeEAvRgQlBpWrG8BCh0ILJsVd6/jx3VdKFCQqgMIFyAU2DBRiBgUciwNoksoB8FXNbAU/2lAvjyoTFZ4CPzjhkaZMgTix4fkRQ+Tgkuu8LjBAgkTIyP5wkFJCRiE2AAIMqYgWgIZlpJKvJSUWEEqFThQAlWNxEUGGRxhkAtPsPHBiCo88EAVJpDimQYaDHREClDgpNMEE7BiEIuGECQII3mMpANRNhj0QmoWFLkAUggssEAERxkw0BgRKKDUUqy9YJBSTRA0RiN9TNQBAwKIJRVXBSWA0AYMrASmA7oNVwCGCgkgp5y6QOCYLwGkuZBGADzECwQCAVeAccgdpxCgvnTwUFaFgtULBNR19dxsvAgQHYMBZhrCDq2IIAIZnIRgkBAixBKGD5FkkQYlj3yhxEA7lP8iShYYFIERRpLUoMgVAongAwap8AkAAXV4JNAntmAQinzMtkAGEgKF4IoMNZDHrBd+3ADgQEpIoYoVKKCgCS43EJbpucNhGiBjE3GQoEkLDpCASxI2BiFLAAxk70otFbRYYyUZhBIvCEJ4J0EitRugCyCgC0IUUVAx0SJ0uJBCZCrEAQMVl5hCCyBB+ALDE4jUYpOJOaHhQQwa/CRQElCUiNMII3gwQ8gEOQECCFWAAcYonUxQiEFzmDDBDJsEssUWMeRiECYUwRGgArugu4tqCEykQxMKRLDLkFEetcsJNhDhi5In7MIaUlM2ZcBTAkXp9lJMUWA2QUAQdYDXSSEWMItBSR5AwQmJaKHFAY4YdAtFagwUEAA7) no-repeat 0 0; } .ui-stars-star a { background-position: 0 -32px; } .ui-stars-star-on a { background-position: 0 -48px; } .ui-stars-star-hover a { background-position: 0 -64px; } .ui-stars-cancel-hover a { background-position: 0 -16px; } .ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a { cursor: default !important; } #stars-wrapper img { position: absolute; top: -88px; left: 0; cursor: pointer; } #stars-wrapper img.no_star { top: -60px; } #stars-wrapper label { position: relative; width: 1.8em; height: 1.8em; overflow: hidden; float: left; margin-right: 15px; text-indent: -999em; padding-right: 0; } #stars-wrapper br { display: none; } #stars-wrapper label:hover, #stars-wrapper .selected { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; *zoom: 1; } .owl-carousel .owl-item:before, .owl-carousel .owl-item:after { content: ''; display: table; } .owl-carousel .owl-item:after { clear: both; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } .grabbing { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAM0lEQVR4AWOgH/gPhEgkhjQIIJPoiv6jA6AIASVoCv7jVwDikaiAeBcgAKY0BiBXAeUAAG/Ywj7vih/dAAAAAElFTkSuQmCC) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; 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); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { 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; } .login-container { margin: 0 auto 0px; padding: 0; } .login-container .accordion-wrapper .accordion-content { display: none; } .login-container .accordion-wrapper .accordion-content.active { display: block; } .login-container .user-action { border: none; display: block; padding: 0; width: 100%; } .login-container .checkbox-wrap { margin-bottom: 10px; } .login-container .description { font-size: 13px; font-size: 0.8125rem; } .login-container .required { font-size: 12px; font-size: 0.75rem; } .login-container p.hint { font-size: 12px; font-size: 0.75rem; font-weight: bold; } .login-container .password-minchars { font-size: 12px; font-size: 0.75rem; margin-left: 10px; } .login-container .recaptcha-container dd { margin: 0; } .login-container .recaptcha-container .recaptcha-image { padding-bottom: 10px; width: 100%; } .login-container .recaptcha-container input { margin-bottom: 10px; } .login-container .recaptcha-container .cicon { display: block; margin-top: 5px; } .login-container button { display: block; float: none; width: 100%; } .login-container input { font-size: 14px; font-size: 0.875rem; } .login-container .userRegister .password-forgotten { font-style: italic; text-decoration: underline; } .login-container .userRegister #logo_virgin, .login-container .userRegister #logo_caa { position: absolute; top: 0; left: 113%; width: 482px; max-width: 482px; height: auto; } @media only screen and (max-width: 63.9375em) { .login-container .userRegister #logo_virgin, .login-container .userRegister #logo_caa { left: 110%; width: 112%; } } .checkout-login-wrapper { position: relative; display: table; width: 100%; } .page-checkout-login .checkout-create-account { display: block; padding: 30px 0; } .checkout-create-account-wrapper { display: none; } .dealers-login #content { outline: 0; margin-bottom: 0; } .dealers-login #globalMessages { padding-top: 20px; } .dealers-login .top-menu, .dealers-login .search, .dealers-login .utility-nav, .dealers-login .disclaimer-icons, .dealers-login .nav-button-wrap { display: none !important; } .dealers-login .site-info li { display: none; } .dealers-login .site-info li:last-child { display: inline-block; position: absolute; top: 40px; right: 100px; } .dealers-login .login-container .breadcrumb-module { display: none; } .dealers-login .login-container .accordion-cols-2 .vertical-rule { display: none; } .dealers-login .login-container .accordion-cols-2 .accordion-col { margin-left: 0; } .dealers-login .login-container .accordion-cols-2 .accordion-col:first-child { display: none; } .dealers-login footer { border-top: 1px solid #d9d9d9; } .dealers-login footer .container { display: none; } .dealers-login footer .disclaimer-wrapper .container { display: block; } .dealers-login #loginForm a { display: none; } .dealers-login #loginForm a.password-forgotten { display: block; } .dealers-login #loginForm a.reload, .dealers-login #loginForm a.audio, .dealers-login #loginForm a.image, .dealers-login #loginForm a.help { display: inline; } .dealers-checkout-login .login-container .accordion-cols-2 .vertical-rule { display: none; } .login-container .user-action .page-description, .forgottenPwd p { font-size: 13px; font-size: 0.8125rem; } .forgottenPwd.custom-modal .headline.modal-header .modal-header-text { margin-bottom: 15px; } @media only screen and (min-width: 48em) { .login-container { padding: 20px 15px 30px; } .login-container img { padding-bottom: 25px; } .login-container .accordion-wrapper { position: relative; *zoom: 1; } .login-container .accordion-wrapper:before, .login-container .accordion-wrapper:after { content: ''; display: table; } .login-container .accordion-wrapper:after { clear: both; } .login-container .accordion-wrapper .accordion-content { display: block; } .login-container .vertical-rule { content: ''; display: block; position: absolute; top: 0; width: 1px; height: 100%; background: #d9d9d9; } .login-container .accordion-cols-3 .accordion-col { width: 29.999999999999964%; margin-left: 5%; } .login-container .accordion-cols-3 .accordion-col:after { left: -8.5%; } .login-container .accordion-cols-3 .vertical-rule.vertical-rule-1 { left: 32.5%; } .login-container .accordion-cols-3 .vertical-rule.vertical-rule-2 { right: 32.5%; } .login-container .accordion-cols-2 .accordion-col { width: 45%; margin-left: 7%; } .login-container .accordion-cols-2 .vertical-rule.vertical-rule-1 { left: 50%; } .login-container .accordion-col { position: relative; float: left; text-align: inherit; padding-left: 0; padding-right: 0; margin-right: 0%; } .login-container .accordion-col:first-child { margin-left: 0; } .login-container .accordion-col:first-child:after { display: none; } .login-container .accordion-col .accordion-trigger { margin-top: 0; text-transform: uppercase; font-family: clanotnews; } .login-container .pspLegal { padding: 30px 15px 0; } .login-container button { width: auto; } .login-container .accordion-trigger { background: none; border: none; height: auto; margin: 0 0 12px; padding: 0; } .login-container .accordion-trigger:after { display: none; } .login-container .accordion-trigger.active { background: none; border: none; color: #383838; } .login-container .accordion-content { max-height: 9999px; } .login-container .accordion-content.active { padding: 0; } .login-container .userLogin .page-description { text-transform: initial; font-family: clanotbook; margin-top: 10px; } .page-checkout-login .checkout-create-account { padding-bottom: 0; } .page-checkout-login .userRegister { display: none; padding-top: 30px; } .checkout-create-account-wrapper { display: block; } .login-container .user-action .page-description, .forgottenPwd p { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 75em) { .login-container { padding: 25px 100px 40px; } } .login-breadcrumb-table { width: 100%; } .login-breadcrumb-table .secure-login { text-align: right; } .login-button-wrapper { width: 100%; } .login-button-wrapper .login-link-resetPassword { text-align: right; } @media only screen and (max-width: 47.9375em) { .page-login .checkout-login-wrapper .hgroup { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; font-family: clanotnews; text-transform: uppercase; vertical-align: middle; } .page-login .checkout-login-wrapper .hgroup .headline { padding-left: 15px; } .page-login .checkout-login-wrapper .accordion-content { padding-left: 15px; padding-right: 15px; } .page-login .mobile-reverse-div-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -o-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .page-login .mobile-reverse-div-wrapper .mobile-reversed-div { height: auto; } .pspLegal { padding: 15px 15px 0 !important; } .page-checkout-login .cart { padding: 0; width: 100%; } .page-checkout-login .cart a { padding: 20px 0; border-bottom: 1px solid #d9d9d9; display: block; padding-left: 15px; } .page-checkout-login .checkout-login-wrapper .userLogin .accordion-content { display: none; } .page-checkout-login .checkout-login-wrapper .userLogin .accordion-content.active { display: block; } .page-checkout-login .checkout-login-wrapper .userGuest .page-description { font-family: clanotbook; font-size: 13px; margin-bottom: 0; } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup { border-top: 1px solid #d9d9d9; } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup .accordion-trigger { border-bottom: 1px solid #d9d9d9; padding-top: 10px; padding-right: 15px; } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup .accordion-trigger > div { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup .accordion-trigger > div .page-description { font-family: clanotbook; font-size: 13px; margin-top: 5px; text-transform: initial; } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup .accordion-trigger .dropdown-icon { display: inline-block; height: 15px; width: 25px; margin-top: 15px; vertical-align: baseline; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy4wM3B4IiBoZWlnaHQ9IjEwLjAxNHB4IiB2aWV3Qm94PSIwIDAgNy4wMyAxMC4wMTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcuMDMgMTAuMDE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQo8cGF0aCBzdHlsZT0iZmlsbDojYzAwOyIgZD0iTTYuOSw0LjU0OEwzLjEwNywwSDBsNC4wNzMsNS4wMjhMMCwxMC4wMDRsMS4wMDYsMC4wMDloMi4xMDFsMy43OS00LjQ5Nw0KCUM3LjA3Myw1LjIyLDcuMDc0LDQuODQ3LDYuOSw0LjU0OHoiLz4NCjwvc3ZnPg0K) 0 0 no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup .accordion-trigger.active { border-bottom: none !important; } .page-checkout-login .checkout-login-wrapper .userLogin .hgroup .accordion-trigger.active .dropdown-icon { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); margin-top: 0; margin-right: -4px; } .page-checkout-login .checkout-login-wrapper .hgroup { margin-top: 15px; margin-bottom: 5px; font-family: clanotnews; text-transform: uppercase; vertical-align: middle; } .page-checkout-login .checkout-login-wrapper .hgroup .headline { padding-left: 15px; font-size: 16px; margin-bottom: 0; font-family: clanotmedium; } .page-checkout-login .checkout-login-wrapper .accordion-content { padding-left: 15px; padding-right: 15px; } .page-checkout-login .checkout-login-wrapper .accordion-content button#guest { background: none; border: none; text-align: left; padding: 0; outline: none; } .page-checkout-login .checkout-login-wrapper .accordion-content button#guest .login-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .page-checkout-login .checkout-login-wrapper .accordion-content button#guest .login-wrapper .button--arrow i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .page-checkout-login .checkout-login-wrapper .checkbox-wrap .checkbox-focus { padding: 15px; background: #eee; } .page-checkout-login .checkout-login-wrapper .checkbox-wrap .checkbox-focus .checkbox { margin-left: 10px; } .page-checkout-login .checkout-login-wrapper .forgot-password { text-decoration: underline; } .page-checkout-login .mobile-reverse-div-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -o-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .page-checkout-login .mobile-reverse-div-wrapper .mobile-reversed-div { height: auto; } } #back-to-top-mobile { position: fixed; display: block; width: 40px; height: 40px; color: #fff; background-color: rgba(192,0,0,0.7); z-index: 10; right: 3%; bottom: 3%; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); border-radius: 3px; text-align: center; } #back-to-top-mobile img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 20px; height: auto; margin-top: 12px; } @media (min-width: 768px) { #back-to-top-mobile { display: none; } } .product-list-container { padding: 20px 0; } .product-list-container .sidebar-wrap { position: absolute; width: 100%; height: auto; right: -150%; background: #fff; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; top: 62px; bottom: 0; z-index: 1; } .product-list-container .sidebar-wrap.expanded { -webkit-transform: translate3d(-150%, 0, 0); -moz-transform: translate3d(-150%, 0, 0); -o-transform: translate3d(-150%, 0, 0); -ms-transform: translate3d(-150%, 0, 0); transform: translate3d(-150%, 0, 0); } .product-list-container .sidebar-wrap .facetNavigation { height: auto; } .product-list-container .headline { border-bottom: none; font-size: 16px; font-size: 1rem; width: 100%; text-transform: uppercase; margin-bottom: 20px; font-family: clanotnews; } .product-list-container .headline--lowercase { text-transform: none; } .product-list-container .facetHead { margin: 0 0 20px; } .product-list-container .facetHead a { font-size: 16px; font-size: 1rem; font-family: clanotnews; color: #383838; display: block; position: relative; padding-right: 15px; } .product-list-container .facetHead a:after { content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgdmlld0JveD0iMCAwIDEwLjAxNCA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC4wMTQgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPg0KPHBhdGggc3R5bGU9ImZpbGw6I2QzMzAzMDsiIGQ9Ik01LjQ2NSw2LjlsNC41NDktMy43OTNWMEw0Ljk4NSw0LjA3M0wwLjAwOSwwTDAsMS4wMDZ2Mi4xMDFsNC40OTYsMy43OQ0KCUM0Ljc5NCw3LjA3Myw1LjE2Nyw3LjA3NCw1LjQ2NSw2Ljl6Ii8+DQo8L3N2Zz4NCg==); width: 10px; height: 7px; position: absolute; right: 0; top: 5px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .product-list-container .facetHead a.close:after { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .product-list-container .facet { border-bottom: 1px solid #e2e2e2; margin: 20px 0; } .product-list-container .facetValues { padding-bottom: 10px; } .product-list-container .facet_block.expanded li { display: block; } .product-list-container .facet_block li { display: none; margin-bottom: 10px; } .product-list-container .facet_block li:nth-child(-n+5) { display: block; } .product-list-container .facet_block .checkbox-wrap .label .rating-text, .product-list-container .facet_block .checkbox-wrap .label .facetValueCount { position: relative; } .product-list-container .moreFacetValues, .product-list-container .lessFacetValues { font-size: 13px; font-size: 0.8125rem; margin-bottom: 10px; margin-top: 13px; display: block; } .product-list-container .negative-button { display: inline-block; white-space: nowrap; background: none; border: none; padding: 0; overflow: hidden; display: block; text-align: left; vertical-align: middle; line-height: 16px; width: auto; padding: 2px 0; } .product-list-container .negative-button svg { display: block; } .product-list-container .negative-button:hover, .product-list-container .negative-button:focus, .product-list-container .negative-button +above(48em) { display: block; white-space: nowrap; text-indent: 0px; text-align: left; vertical-align: middle; line-height: 16px; padding: 2px 0; width: auto; float: right; font-family: clanotnews; text-decoration: underline; } .product-list-container .negative-button:hover svg, .product-list-container .negative-button:focus svg, .product-list-container .negative-button +above(48em) svg { margin-right: 4px; display: inline; height: 14px; width: 14px; vertical-align: middle; } .product-list-container .negative-button svg { margin-right: 4px; display: inline; height: 13px; width: 13px; vertical-align: middle; } @media (max-width: 767px) { .product-list-container .paginationBar.bottom { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; margin-bottom: 0; } } .product-list-container .paginationBar.bottom .back-to-top a { position: relative; display: block; width: 100%; text-align: right; padding-right: 20px; line-height: 47px; font-weight: 800; font-size: 14px; } .product-list-container .paginationBar.bottom .back-to-top a:after { display: none; } @media (max-width: 767px) { .product-list-container .paginationBar.bottom .back-to-top a:after { content: ''; position: absolute; display: block; width: 0; height: 0; top: 20px; right: 0; border-bottom: 7px solid #c00000; border-right: 7px solid transparent; border-left: 7px solid transparent; } } @media (max-width: 810px) { .product-list-container .paginationBar.bottom .back-to-top a { font-size: 12px; } } @media (max-width: 767px) { .product-list-container .paginationBar.bottom .back-to-top a { font-size: 14px; } } @media (max-width: 767px) { .product-list-container .paginationBar.bottom .back-to-top { display: block; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -o-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; text-align: right; } } .product-list-container .paginationBar.top { background: #eaeaea; margin-bottom: 0; padding: 10px; } .product-list-container .paginationBar.top .back-to-top { display: none; } .product-list-container .paginationBar.top .results-wrap { padding: 0; } .product-list-container .paginationBar.top .icon-button-wrap { padding: 0; } @media only screen and (max-width: 47.9375em) { .product-list-container .paginationBar.top .icon-button-wrap { display: none; } } .product-list-container .paginationBar.top .pagination-top-container { float: right; } @media (max-width: 1030px) { .product-list-container .paginationBar.top .pagination-top-container { float: none; margin-left: 25px; } } @media (max-width: 767px) { .product-list-container .paginationBar.top .pagination-top-container { margin-left: 0; } .product-list-container .paginationBar.top .pagination-top-container .results-wrap { text-align: center; } } .product-list-container .paginationBar.top .load-more { display: none; } .product-list-container .showAll, .product-list-container .showPagination { vertical-align: middle; margin-left: 10px; font-size: 14px; font-weight: 600; text-transform: capitalize; } .product-list-container .cloned-box { display: none; height: 135px; } .product-list-container #compare-items-top.fixed-compare { top: 0; position: fixed; z-index: 999999; margin: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .product-list-container .compare-items-container { *zoom: 1; font-size: 0; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; overflow: hidden; background: #fff; max-height: 0; width: 100%; } .product-list-container .compare-items-container:before, .product-list-container .compare-items-container:after { content: ''; display: table; } .product-list-container .compare-items-container:after { clear: both; } .product-list-container .compare-items-container .cta .button { display: none; } .product-list-container .compare-items-container.active { -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; border: 1px solid #e8e7e7; margin: 20px 0; min-height: 95px; max-height: none; } .product-list-container .compare-items-container.active .cta .button { display: block; } .product-list-container .compare-items-container p { font-size: 12px; font-size: 0.75rem; margin: 0; } .product-list-container .compare-items-container br { display: none; } .product-list-container .compare-items-container .description { display: inline-block; height: 95px; padding: 2.7% 1.6% 2.7% 2%; vertical-align: middle; width: 20.5%; } .product-list-container .compare-items-container .description p { font-size: 13px; font-size: 0.8125rem; } .product-list-container .compare-items-container .description span { display: block; font-family: clanotbold; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .product-list-container .compare-items-container .item { border-left: 1px solid #e8e7e7; display: inline-block; height: 95px; padding: 1.34%; position: relative; text-align: center; vertical-align: middle; width: 14%; } .product-list-container .compare-items-container .item:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .product-list-container .compare-items-container .item p { display: inline-block; line-height: 0.875rem; vertical-align: middle; } .product-list-container .compare-items-container .item .image-wrap { max-width: 75px; position: relative; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .product-list-container .compare-items-container .item img { max-height: 100%; height: auto; display: inline-block; vertical-align: middle; } .product-list-container .compare-items-container .empty:hover { color: #9e0000; } .product-list-container .compare-items-container .remove { background: #c00; border: 1px solid rgba(255,255,255,0); border-radius: 20px; color: #fff; cursor: pointer; font-family: clanotbold; font-size: 11px; font-size: 0.6875rem; height: 16px; line-height: 1rem; position: absolute; right: 4px; top: 10px; text-align: center; vertical-align: middle; width: 16px; } .product-list-container .compare-items-container .cta { border-left: 1px solid #e8e7e7; display: inline-block; height: 95px; padding: 0 1.3%; position: relative; vertical-align: middle; width: 23.5%; } .product-list-container .compare-items-container .cta a { padding: 6.4% 16.1%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-list-container .product-list-items { *zoom: 1; } .product-list-container .product-list-items:before, .product-list-container .product-list-items:after { content: ''; display: table; } .product-list-container .product-list-items:after { clear: both; } .product-list-container .product-list-items .search-results-content .grid-collection-categories { background: #c4e0e7; } .product-list-container .product-list-items .search-results-content .list { padding: 0; } .product-list-container .product-list-items .search-results-content .list a { margin-top: 0; color: #383838; } .product-list-container .product-list-items .search-results-content .list a:before { display: none; } .product-list-container .product-list-items .search-results-content h2 { margin: 10px 0 11px; position: relative; } .product-list-container .product-list-items .search-results-content h2.active:after { content: ''; position: absolute; bottom: -11px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #eaeaea transparent; } .product-list-container .productListItem { border-bottom: 1px solid #d9d9d9; padding: 20px 15px; display: block; *zoom: 1; } @media only screen and (max-width: 47.9375em) { .product-list-container .productListItem { padding: 20px 15px 30px; } } .product-list-container .productListItem:before, .product-list-container .productListItem:after { content: ''; display: table; } .product-list-container .productListItem:after { clear: both; } .product-list-container .productListItem > .productMainLink { float: left; } .product-list-container .productListItem .checkbox-wrap { float: left; margin: 10px 15px 10px 140px; width: auto; position: relative; display: block; } .product-list-container .productListItem .checkbox-wrap.dealers-checkbox { margin-right: 0; margin-left: 0; } .product-list-container .productListItem .number-of-reviews { display: inline-block; vertical-align: middle; } .product-list-container .productListItem .product-price { text-align: right; margin-top: 5px; } @media only screen and (min-width: 48em) { .product-list-container .productListItem .product-price { margin-top: 0; } } .product-list-container .productListItem .calculated-price { font-family: clanotnews; font-size: 18px; font-size: 1.125rem; color: #383838; } .product-list-container .productListItem .saved-amount { font-size: 14px; font-size: 0.875rem; font-family: clanotnews; } .product-list-container .productListItem .alt-prices { color: #383838; font-size: 13em; font-size: 0.8125rem; margin: 20px 0 15px; } .product-list-container .productListItem .alt-prices del { display: block; } .product-list-container .productListItem .alt-prices .dealer-sale-price { color: #c00; } .product-list-container .productListItem .details .product-weight-block { padding-left: 0; margin: 15px 0; } .product-list-container .productListItem .plp-price-wrap { text-align: right; margin-bottom: 15px; } @media only screen and (max-width: 47.9375em) { .product-list-container .productListItem .plp-price-wrap { text-align: left; } } .product-list-container .productListItem .plp-price-wrap .qty-label { margin-bottom: 0; margin-right: 5px; display: inline-block; } .product-list-container .productListItem .plp-price-wrap .qty { float: none; } .product-list-container .productListItem .product-info .availability-text.check-inventory a { color: #4f4f4f; font-family: clanotbook; text-decoration: underline; } .product-list-container .thumb { width: 120px; height: 92px; } .product-list-container .thumb img { max-height: 100%; height: 100%; width: auto; vertical-align: top; } .product-list-container .head { font-size: 14px; font-size: 0.875rem; margin-top: 10px; margin-bottom: 10px; color: #383838; font-size: 16px; font-size: 1rem; font-family: clanotnews; } .product-list-container .head:hover, .product-list-container .head:focus { color: #9e0000; } .product-list-container .head.truncate { position: relative; height: 40px; padding-right: 10px; } .product-list-container .details { font-size: 13px; font-size: 0.8125rem; color: #383838; font-family: clanotbook; margin-bottom: 10px; word-break: break-word; } .product-list-container .check-availability { display: none; } .product-list-container .availability { float: right; margin-top: 8px; font-family: clanotbook; font-size: 13px; font-size: 0.8125rem; color: #383838; max-width: 128px; text-align: left; width: 100%; } .language-fr .product-list-container .availability { max-width: 145px; } @media only screen and (max-width: 47.9375em) { .product-list-container .availability { float: left; } } .product-list-container .availability-text { display: inline-block; vertical-align: top; } .product-list-container .product-info { padding-left: 0; *zoom: 1; position: relative; } .product-list-container .product-info:before, .product-list-container .product-info:after { content: ''; display: table; } .product-list-container .product-info:after { clear: both; } .product-list-container .button { float: right; max-width: 92%; } @media only screen and (max-width: 47.9375em) { .product-list-container .button { float: left; } } .product-list-container .button[disabled].outOfStock { padding-left: 15px; padding-right: 15px; } .product-list-container .online-special { border-bottom: 1px solid #c00; } .product-list-container .online-special .thumb { height: 140px; padding-top: 20px; } .product-list-container .online-special-header { color: #3d98b0; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; font-family: clanotbold; margin-bottom: 5px; } .product-list-container .deal-icon { position: absolute; top: 0; left: 0; } .product-list-container .number-of-reviews { margin: 0 0 5px 0; } .product-list-container .star-wrap { margin: 0 0 5px 0; position: relative; vertical-align: middle; } @media only screen and (max-width: 47.9375em) { .product-list-container .star-wrap { margin-left: 0; } } .facet .product-list-container .star-wrap { float: left; } .product-list-container .rating-text { display: inline-block; } .product-list-container .main-content.hiddenFilter { padding-left: 0; position: relative; } .price-value { font-weight: 700; } .product-info .checkbox-wrap { display: block; float: left; position: relative; width: 70%; } .product-info .product-description .product-weight-block { padding-left: 13px; } .product-info .product-description .sell-through-price { padding-left: 13px; } .product-info .product-image { width: 120px; margin-right: 20px; position: relative; } .product-info .product-image a { display: inline-block; } .product-info .product-content .productMainLink { display: block; margin-bottom: 10px; } .product-info .product-content .productMainLink.mobile-only { height: auto; } .productList.list-view .product-content { margin-left: 140px; } .productList.list-view .product-content .product-image { margin-left: -140px; margin-right: 0 !important; float: left; } @media only screen and (max-width: 47.9375em) { .productList.list-view .product-price { margin-left: 140px; } } .productList.grid-view { font-size: 0; position: relative; } .productList.grid-view .productListItem { display: inline-block; margin-left: 0; margin-right: 0; position: relative; width: 100%; } .productList.grid-view .productListItem .product-price { text-align: left; } .productList.grid-view .productListItem .product-price .list-price-wrap { margin-bottom: 10px; } .productList.grid-view .productListItem .product-info { margin-top: 20px; } .productList.grid-view .productListItem .product-info .availability-text { max-width: none; } .productList.grid-view .productListItem .product-info .checkbox-wrap { float: none; width: 100%; margin-left: 0; padding: 0; } .productList.grid-view .productListItem .product-info .productMainLink.desktop-only { display: -webkit-box; overflow: hidden; padding-right: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .productList.grid-view .availability { max-width: none; display: block; float: none; } .productList.grid-view .details { display: none; } .product-list-promo { margin-bottom: 50px; padding-left: 15px; *zoom: 1; } .product-list-promo:before, .product-list-promo:after { content: ''; display: table; } .product-list-promo:after { clear: both; } .product-list-promo .image-wrap { float: left; width: 50%; padding-right: 15px; } .product-list-promo img { max-height: 182px; } .page-productList .productList.temp-product-list { border-top: 1px solid #c00; } .page-productList .productList.temp-product-list.bottom { display: none; } @media only screen and (max-width: 47.9375em) { .product-list-container { padding: 0; border-top: 1px solid #d9d9d9; } .product-list-container #search-results-container #product-list { height: auto; min-height: unset; } .product-list-container .paginationBar { float: none; width: 100%; } .product-list-container .paginationBar .totalResults { display: inline-block; font-size: 12px; font-size: 0.75rem; padding: 15px 0; } .product-list-container .paginationBar .pagination-wrap { float: right; border-left: none; position: relative; } .product-list-container .paginationBar .results-wrap { padding: 15px; } .product-list-container .sidebar-wrap { top: 106px; bottom: auto; z-index: 11; padding: 15px 12px 0; } .product-list-container .sidebar-wrap .negative-button .remove-icon { width: auto; } .product-list-container .truncate:after { top: 0; } .product-list-container .paginationBar.top { margin-bottom: 0; padding: 0 12px; } .product-list-container .paginationBar.top .filter-options { padding: 10px 3px; text-align: left; } .product-list-container .paginationBar.top .filter-link { float: right; max-width: 130px; margin: 0; } .product-list-container .paginationBar.top .filter-text, .product-list-container .paginationBar.top .done-text { background-color: transparent; line-height: 1.5; vertical-align: top; } .product-list-container .paginationBar.top .results-wrap { background: #fff; margin: 0 -12px; padding: 0 15px; overflow: hidden; } .product-list-container .productList { border-top: 1px solid #d9d9d9; } .product-list-container .productList .sale-price { text-align: left; } .product-list-promo img { width: 262px; height: 119px; } .productDetailsPanel.desktop-container { padding-left: 0; padding-right: 0; } .zeroHeight { min-height: auto !important; } } @media only screen and (min-width: 48em) { .pdp-add-to-cart .pdp-ordering-disclaimer .disclaimer-content { padding: 5px 0 5px 10px; margin: 0 0 15px 0; } .product-list-container .sidebar-wrap .star-wrap { margin: 0 0 5px 0; vertical-align: middle; } .product-list-container { padding: 0 15px; } .product-list-container .product-list-title { margin-bottom: 35px; } .product-list-container .content-wrap { clear: both; } .product-list-container .main-content { max-width: 500em; } .product-list-container .sidebar-wrap { left: 0; padding-top: 0; top: 0; width: 190px; } .product-list-container .sidebar-wrap .negative-button { float: none; } .product-list-container .sidebar-wrap input[type="checkbox"]:checked ~ .checkbox-focus .label { font-weight: bold; } .product-list-container .paginationBar.top .results-wrap { background: none; } .product-list-container .productListItem { padding: 20px 0; } .product-list-container .productListItem .product-price .sale-price { color: #383838; } .product-list-container .productListItem.has-promotion .product-price .sale-price, .product-list-container .productListItem.special-price .product-price .sale-price { color: #c00; } .product-list-container .head { font-family: clanotnews; font-size: 16px; font-size: 1rem; margin-bottom: 2px; } .product-list-container .product-info { padding-left: 0; } .product-list-container .product-description { width: 74%; float: left; padding-right: 20px; } .product-list-container .product-description:after { content: ''; height: 100%; width: 1px; background-color: #d9d9d9; display: block; position: absolute; left: 74%; top: 0; } .product-list-container .product-price { width: 26%; float: right; padding-left: 15px; } .product-list-container .store-availability-link-holder { *zoom: 1; margin: 0 0 10px; } .product-list-container .store-availability-link-holder:before, .product-list-container .store-availability-link-holder:after { content: ''; display: table; } .product-list-container .store-availability-link-holder:after { clear: both; } .product-list-container .store-availability-link-holder a { float: right; } .product-list-container .star-wrap, .product-list-container .number-of-reviews { margin-bottom: 15px; } .product-list-container .cell-availability-wrap { margin-top: 4.5rem; } .product-list-container .zeroHeight { min-height: auto !important; } .product-list-container .check-availability { display: inline-block; float: right; margin-top: 8px; max-width: 142px; text-align: left; width: 100%; } .productList.grid-view .productListItem { border-bottom: none; border-top: 1px solid #d9d9d9; padding-left: 3.75%; padding-right: 0; width: 49.5%; vertical-align: top; } .productList.grid-view .productListItem:before { background: #d9d9d9; content: ''; display: block; height: 75%; left: 0; position: absolute; top: 12.5%; width: 1px; } .productList.grid-view .productListItem:nth-child(odd) { padding-left: 3.75%; padding-right: 3.75%; } .productList.grid-view .productListItem:nth-child(odd):before { display: none; } .productList.grid-view .productListItem:first-child, .productList.grid-view .productListItem:nth-child(2) { border-top: none; } .productList.grid-view .productListItem .head { height: 3.6rem; line-height: 1.2rem; } .productList.grid-view .productListItem .head .productMainLink { display: block; line-height: 1em; height: 1.9em; font-size: 16px; font-size: 1rem; overflow: hidden; white-space: normal; } .productList.grid-view .productListItem .productMainLink { float: none; display: block; margin-top: 10px; } .productList.grid-view .productListItem .product-image { float: none; margin-left: 0; } .productList.grid-view .productListItem .product-content { margin-left: 0; } .productList.grid-view .product-info { padding-left: 0; } .productList.grid-view .product-description { border-right: none; float: none; padding-right: 0; width: 100%; padding-bottom: 0; } .productList.grid-view .product-description .rating-container { height: 20px; } .productList.grid-view .product-description:after { display: none; } .productList.grid-view .product-price { float: none; padding-left: 0; width: 100%; margin-top: 4px; } .productList.grid-view .product-price .list-price-wrap { overflow: hidden; min-height: 164px; } .productList.grid-view .product-price .original-price { line-height: 100%; min-height: 1em; } .productList.grid-view .product-price .original-price, .productList.grid-view .product-price .sale-price { text-align: left; } .productList.grid-view .product-price .original-price .sale-text, .productList.grid-view .product-price .sale-price .sale-text { display: none; } .productList.grid-view .product-price .button-wrap { text-align: left; } .productList.grid-view .product-price .button-wrap .button { float: none; } .productList.grid-view .product-price .check-pricing { float: none; } .productList.grid-view .product-price .store-availability-link-holder { *zoom: 1; margin: 0 0 10px; } .productList.grid-view .product-price .store-availability-link-holder:before, .productList.grid-view .product-price .store-availability-link-holder:after { content: ''; display: table; } .productList.grid-view .product-price .store-availability-link-holder:after { clear: both; } .productList.grid-view .product-price .store-availability-link-holder a { float: left; } .productList.grid-view .availability { max-width: none; } .productList.grid-view .cell-availability-wrap { position: static; top: auto; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; text-align: left; margin-top: 0 !important; } .productList.grid-view .check-availability { float: none; font-family: clanotbook; font-size: 13px; font-size: 0.8125rem; } } @media only screen and (min-width: 64em) { .language-fr .product-list-container .availability { max-width: 171px; } } @media only screen and (min-width: 64.0625em) { .product-list-container .compare-items-container br { display: block; } .product-list-container .compare-items-container .button { vertical-align: middle; } } @media only screen and (min-width: 75em) { .product-list-container { padding: 0 100px; } .productList.grid-view .productListItem { padding-left: 2.5%; padding-right: 2.5%; width: 32.5%; } .productList.grid-view .productListItem:before { left: -1.5%; } .productList.grid-view .productListItem:nth-child(odd) { padding-left: 2.5%; padding-right: 2.5%; } .productList.grid-view .productListItem:nth-child(odd):before { display: block; } .productList.grid-view .productListItem:nth-child(3n) { padding-left: 5%; padding-right: 0; } .productList.grid-view .productListItem:nth-child(3n):before { display: block; left: 4%; } .productList.grid-view .productListItem:nth-child(3n+1):before { display: none; } .productList.grid-view .productListItem:nth-child(3) { border-top: none; } } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .product-list-container .product-description { width: 70%; } .product-list-container .product-description:after { left: 70%; } .product-list-container .product-price { width: 30%; } .product-list-container .paginationBar .filter-options { margin-left: 7px; margin-right: 7px; } .product-list-container .paginationBar .showAll { margin-right: 0px; max-width: 100px; padding-right: 10px; } .product-list-container .paginationBar .showAll +.pagination li { padding-left: 10px; padding-right: 10px; } .product-list-container .paginationBar .showAll +.pagination li:nth-of-type(4) { padding-right: 10px !important; } .product-list-container .paginationBar.top .showAll { max-width: 50px; padding-right: 0px; } .product-list-container .paginationBar.top .showAll +.pagination li { padding-left: 5px; padding-right: 5px; } .product-list-container .paginationBar .pagination-wrap .pagination li strong, .product-list-container .paginationBar .pagination-wrap .pagination li a { padding-left: 1px; padding-right: 1px; } } @media only screen and (max-width: 23.0625em) { .paginationBar.top .filter-options { padding: 20px 0 10px 0 !important; } .paginationBar.top .filter-link { padding: 10px !important; width: auto; } .paginationBar.top .filter-link img { margin-left: 5px; } .paginationBar.top .custom-select:before { right: 12px; } .paginationBar.top .custom-select:after { width: 36px; } .paginationBar.top .custom-select select { padding-right: 38px; } } @media only screen and (max-width: 20.875em) { .paginationBar.top .custom-select { width: 135px; } } .search-results-wrapper .breadcrumb-module { display: inline-block; width: 100%; } @media only screen and (max-width: 47.9375em) { .search-results-wrapper .breadcrumb-module .breadcrumbs { padding-left: 30px; } .search-results-wrapper .breadcrumb-module .breadcrumbs li { display: none; } .search-results-wrapper .breadcrumb-module .breadcrumbs li.home { display: inline-block; } } .search-results-wrapper .temp-product-list { display: none; } .search-results-wrapper .grid-collection-categories-wrapper + .results { display: none; } .search-results-wrapper .search-results-list .sidebar-wrap { top: 170px; } .search-results-wrapper .search-results-list .sidebar-wrap .headline { background: none; color: #383838; padding: 0; margin-top: 0; margin-bottom: 0; } .search-results-wrapper .search-results-list .sidebar-wrap .headline:after { display: none; } .search-results-wrapper .search-results-list .sidebar-wrap .facetHead, .search-results-wrapper .search-results-list .sidebar-wrap .facetValues { margin-left: 0; } .search-results-wrapper .results { border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding: 15px 15px 0; } .search-results-wrapper .results.empty-text-message { padding-top: 0; padding-bottom: 20px; } .search-results-wrapper .results h1, .search-results-wrapper .results h2 { background: #fff; border-bottom: none; color: #383838; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; line-height: 1rem; margin: 0 0 10px; padding: 0; text-transform: none; vertical-align: top; } .search-results-wrapper .results h1:after, .search-results-wrapper .results h2:after { display: none; } .search-results-wrapper .results .suggested-search, .search-results-wrapper .results p { font-size: 13px; font-size: 0.8125rem; line-height: 1rem; margin: 0 0 10px; vertical-align: top; } .search-results-wrapper .results ul { font-size: 13px; font-size: 0.8125rem; line-height: 1rem; padding-left: 25px; vertical-align: top; } .search-results-wrapper .results li { list-style: disc; margin: 0 0 2px; } .search-results-wrapper .related-grid-container { margin-top: 30px; } .search-results-wrapper .related-items-header { padding: 0 15px; background-color: #c4e0e7; } .search-results-wrapper .grid-collection-categories-wrapper h2 { font-size: 16px; font-size: 1rem; } .search-results-wrapper .grid-collection-categories-wrapper h2 .search-tab { font-size: 16px; font-size: 1rem; color: #fff; text-decoration: none; font-family: clanotbook; } .search-results-wrapper .grid-collection-categories-wrapper h2:after { bottom: -10px; left: 25px; } .search-results-wrapper .grid-collection-categories-wrapper h2.active .search-tab { font-family: clanotmedium; color: #383838; } .search-results-wrapper .content-container { border-bottom: 1px solid #e2e2e2; padding: 15px 15px 0; } .search-results-wrapper .contentMainLink { font-family: clanotnews; font-size: 1rem; color: #383838; margin-bottom: 8px; display: block; line-height: 23px; line-height: 1.4rem; } .search-results-wrapper .contentMainLink.pdf-type:before, .search-results-wrapper .contentMainLink.video-type:before, .search-results-wrapper .contentMainLink.help-type:before { content: ''; background: #c00; display: block; width: 23px; height: 23px; height: 1.4rem; width: 1.4rem; float: left; margin-right: 10px; } .search-results-wrapper .contentMainLink.pdf-type:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjIuMiAoOTk4MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPmZpbGU8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4NCiAgICAgICAgPGcgaWQ9ImZpbGUiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNDQzAwMDAiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTExLDAgQzQuOTI0ODU3MTQsMCAwLDQuOTI0ODU3MTQgMCwxMSBDMCwxNy4wNzUxNDI5IDQuOTI0ODU3MTQsMjIgMTEsMjIgQzE3LjA3NTE0MjksMjIgMjIsMTcuMDc1MTQyOSAyMiwxMSBDMjIsNC45MjQ4NTcxNCAxNy4wNzUxNDI5LDAgMTEsMCBMMTEsMCBaIE0xMSwxOS42MDgyODU3IEM2LjI0NDg1NzE0LDE5LjYwODI4NTcgMi4zOTE3MTQyOSwxNS43NTUxNDI5IDIuMzkxNzE0MjksMTEgQzIuMzkxNzE0MjksNi4yNDQ4NTcxNCA2LjI0NDg1NzE0LDIuMzkxNzE0MjkgMTEsMi4zOTE3MTQyOSBDMTUuNzU1MTQyOSwyLjM5MTcxNDI5IDE5LjYwODI4NTcsNi4yNDQ4NTcxNCAxOS42MDgyODU3LDExIEMxOS42MDgyODU3LDE1Ljc1NTE0MjkgMTUuNzU1MTQyOSwxOS42MDgyODU3IDExLDE5LjYwODI4NTcgTDExLDE5LjYwODI4NTcgWiBNMTIuNTY0MDk1Miw2LjMxMjk1MjM4IEw5LjQyMTIzODEsNi4zMTI5NTIzOCBMOS40MjEyMzgxLDExLjU1MTA0NzYgTDcuMDc0NTcxNDMsMTEuNTUxMDQ3NiBMMTEsMTYuMTA2MDk1MiBMMTQuOTU3OTA0OCwxMS41NTEwNDc2IEwxMi41NjQwOTUyLDExLjU1MTA0NzYgTDEyLjU2NDA5NTIsNi4zMTI5NTIzOCBMMTIuNTY0MDk1Miw2LjMxMjk1MjM4IFoiIGlkPSJJbXBvcnRlZC1MYXllcnMiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==) no-repeat; } .search-results-wrapper .contentMainLink.video-type:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjIuMiAoOTk4MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPnZpZGVvPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+DQogICAgICAgIDxnIGlkPSJ2aWRlbyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgZmlsbD0iI0NDMDAwMCI+DQogICAgICAgICAgICA8cGF0aCBkPSJNMy4zMDczMzMzMywzIEMxLjQ4MDI4NTcxLDMgMCw0LjM2OCAwLDYuMDU1IEwwLDE0Ljk0NSBDMCwxNi42MzIgMS40ODAyODU3MSwxOCAzLjMwNzMzMzMzLDE4IEwxOC42OTI2NjY3LDE4IEMyMC41MTk3MTQzLDE4IDIyLDE2LjYzMiAyMiwxNC45NDUgTDIyLDYuMDU1IEMyMiw0LjM2OCAyMC41MTk3MTQzLDMgMTguNjkyNjY2NywzIEwzLjMwNzMzMzMzLDMgWiBNMTUuNjUxLDEwLjk0OCBMOS43MDUsMTQuNTM5IEM5LjI2OCwxNC44MTYgOSwxNC42MTIgOSwxNC4wODYgTDksNy4xMTQgQzksNi41ODggOS4yNjgsNi4zODQgOS43MDUsNi42NjEgTDE1LjYwNiwxMC4yNTIgQzE1LjYwNiwxMC4yNTIgMTUuODQxLDEwLjM5NyAxNS44NDEsMTAuNiBDMTUuODQxLDEwLjgwMyAxNS42NTEsMTAuOTQ4IDE1LjY1MSwxMC45NDggTDE1LjY1MSwxMC45NDggWiIgaWQ9IkltcG9ydGVkLUxheWVycyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+) no-repeat; } .search-results-wrapper .contentMainLink.help-type:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjIuMiAoOTk4MykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPmhlbHA8L3RpdGxlPg0KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPg0KICAgIDxkZWZzPjwvZGVmcz4NCiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4NCiAgICAgICAgPGcgaWQ9ImhlbHAiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiNDQzAwMDAiPg0KICAgICAgICAgICAgPHBhdGggZD0iTTEwLjg1MzQwNDEsMC4wMDA5NzczMDQ5OTYgQzQuNzc5MTY2NjksMC4wODIxNzgwNDg4IC0wLjA3OTE2ODY3NTcsNS4wNzMzODc0MSAwLjAwMDk3NzUxMjI2MiwxMS4xNDg2Nzk0IEMwLjA4MjE3ODI1NTMsMTcuMjIwODA3OCA1LjA3MzM4NzU3LDIyLjA4MDE5NzcgMTEuMTQ3NjI1LDIxLjk5ODk5NyBDMTcuMjIwODA3OCwyMS45MTc3OTYzIDIyLjA4MDE5NzcsMTYuOTI2NTg2OSAyMS45OTg5OTcsMTAuODUyMzQ5NCBDMjEuOTE3Nzk2Myw0Ljc4MDIyMTA4IDE2LjkyNzY0MTUsLTAuMDc5MTY4ODgzNyAxMC44NTM0MDQxLDAuMDAwOTc3MzA0OTk2IEwxMC44NTM0MDQxLDAuMDAwOTc3MzA0OTk2IEwxMC44NTM0MDQxLDAuMDAwOTc3MzA0OTk2IFogTTEyLjA3MjQ2OTgsMy42NjY2MTA4OCBDMTMuMTkwMjk4MiwzLjY2NjYxMDg4IDEzLjUyMTQyODUsNC4zMTYyMTY4MyAxMy41MjE0Mjg1LDUuMDU3NTY5MDggQzEzLjUyMTQyODUsNS45ODQ1MjMwMiAxMi43NzkwMjE3LDYuODQxODc2MzMgMTEuNTEzNTU1Niw2Ljg0MTg3NjMzIEMxMC40NTM3Mjc3LDYuODQxODc2MzMgOS45NDk2NTAzNyw2LjMwODI3MTQ1IDkuOTc5MTc3OTEsNS40Mjg3NzI0OCBDOS45NzkxNzc5MSw0LjY4NjM2NTY4IDEwLjYwMTM2NTQsMy42NjY2MTA4OCAxMi4wNzI0Njk4LDMuNjY2NjEwODggTDEyLjA3MjQ2OTgsMy42NjY2MTA4OCBMMTIuMDcyNDY5OCwzLjY2NjYxMDg4IFogTTkuMjA2MTg5MDIsMTcuODc1Njg2NSBDOC40NDE2MzY1NywxNy44NzU2ODY1IDcuODgxNjY3ODEsMTcuNDExNjgyMiA4LjQxNjMyNzI1LDE1LjM3MjE3MjcgTDkuMjkzNzE3MDksMTEuNzU2MTAzMiBDOS40NDU1NzMwMywxMS4xNzYwOTc5IDkuNDcxOTM2OTEsMTAuOTQ0MDk1NyA5LjI5MzcxNzA5LDEwLjk0NDA5NTcgQzkuMDYzODI0MDgsMTAuOTQ0MDk1NyA4LjA3MjU0MjI4LDExLjM0NDgyNjcgNy40ODYyMDk2NSwxMS43MzkyMzAzIEw3LjEwNDQ2MDcsMTEuMTEyODI0NSBDOC45NjM2NDEzNSw5LjU2MDUxOTQyIDExLjEwMTIyNDUsOC42NTA0MzgzNSAxMi4wMTY1Nzg0LDguNjUwNDM4MzUgQzEyLjc4MTEzMDgsOC42NTA0MzgzNSAxMi45MDc2Nzc0LDkuNTU0MTkyMDkgMTIuNTI2OTgzLDEwLjk0NDA5NTcgTDExLjUyMTk5MiwxNC43NDY4MjE1IEMxMS4zNDQ4MjY4LDE1LjQxODU3MzEgMTEuNDIwNzU0NywxNS42NTA1NzUyIDExLjU5ODk3NDYsMTUuNjUwNTc1MiBDMTEuODI4ODY3NiwxNS42NTA1NzUyIDEyLjU3OTcxMDgsMTUuMzcxMTE4MSAxMy4zMTc4OTk0LDE0Ljc5MjE2NzMgTDEzLjc1MDI2NywxNS4zNzExMTgxIEMxMS45NDI3NTk1LDE3LjE3ODYyNTYgOS45Njk2ODY5MiwxNy44NzU2ODY1IDkuMjA2MTg5MDIsMTcuODc1Njg2NSBMOS4yMDYxODkwMiwxNy44NzU2ODY1IEw5LjIwNjE4OTAyLDE3Ljg3NTY4NjUgWiIgaWQ9IkltcG9ydGVkLUxheWVycyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+) no-repeat; } .search-results-wrapper .more-link-details { display: block; float: none; margin-top: 8px; } .search-results-wrapper .carousel.merchandizing-carousel { margin: 0 15px; } .search-results-wrapper .carousel.merchandizing-carousel .items-inner-wrapper { overflow: hidden; } .search-results-wrapper .carousel.merchandizing-carousel .carousel-wrap:before { top: 51px; bottom: 0; height: auto; } .search-results-wrapper .carousel.merchandizing-carousel .carousel-wrap:after { top: 51px; bottom: 0; height: auto; } @media only screen and (min-width: 48em) { .search-results-wrapper .results { border-bottom: none; margin-bottom: 0; padding: 0; } .search-results-wrapper .search-results-list .sidebar-wrap { top: 0; } .search-results-wrapper .grid-collection-categories-wrapper h2:after { left: 23px; } } /* Homepage Modules Styleguide 11.0 */ .page-homepage .grid-collection .container { padding: 28px 0; } @media only screen and (min-width: 48em) { .page-homepage .grid-collection .container { padding: 20px 15px; } } @media only screen and (min-width: 75em) { .page-homepage .grid-collection .container { padding: 20px 100px; } } .popUp { margin-left: 25px; margin-right: 25px; } .category-container .header-wrap a { margin: 0; width: 100%; } .category-container .sidebar-header { margin: 0; padding: 25px 15px 25px; } .category-container .sidebar-subnav { overflow: visible; } .category-container .sidebar-subnav .title_holder, .category-container .sidebar-subnav .facetHead { display: none; } .category-container .best-selling-carousel .header-wrap a { display: none; } .category-container .top-brands-carousel { padding-bottom: 10px; } .category-container .grid-collection .container { padding: 0; } .category-container .grid-content { padding-top: 0; margin-bottom: 15px; } .category-container .grid-collection-categories { background: none; } @media only screen and (max-width: 47.9375em) { .page-category .grid-collection-item { display: none !important; } } .page-category .grid-collection { padding: 40px 0 30px; } @media only screen and (max-width: 47.9375em) { .page-category .grid-collection .header-wrap, .page-category .grid-collection .grid-content { display: none !important; } } .page-category .list-collection-item { text-align: left; height: 48px; border-bottom: 1px solid #d9d9d9; width: 100%; padding: 18px 15px; } @media only screen and (min-width: 48em) { .page-category .list-collection-item { display: none !important; } } .page-category .grid-show-more { display: none; } .page-category .grid-collection-item { padding-bottom: 0; } .page-category .grid-collection-item:nth-child(n+4) { padding-top: 30px; } .page-category .grid-collection-item .grid-collection-item-details ul.subcat-list { margin-top: -20px; } .page-category .grid-collection-item-img { display: block; float: none; height: auto; padding-bottom: 30px; width: 200px; } .page-category .grid-collection-item-img a { width: 175px; height: 134px; display: block; margin: 0 auto; } .page-category .grid-collection-item-img img { max-height: 100%; height: auto; display: inline-block; } .page-category .grid-collection-item-name { height: auto; line-height: 105%; margin-bottom: 8px; font-size: 16px; font-size: 1rem; } .page-category .grid-collection-item-name a { font-family: clanotnews; font-size: 16px; font-size: 1rem; } .page-category .grid-collection-subcategory-name { font-size: 14px; font-size: 0.875rem; line-height: 20px; } .page-category .grid-collection-all-items { color: #383838; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; line-height: 20px; } .page-category .grid-collection-all-items:hover { color: #9e0000; } .page-category .best-selling-carousel .container { padding-bottom: 0px; } .page-subcategory .header-wrap { margin-bottom: 5px; padding-top: 20px; } .page-subcategory .best-selling-carousel { display: none; } .page-subcategory .grid-content .button { margin-top: 10px; text-align: center; word-break: break-word; } .page-subcategory .grid-content .button.disabled-button, .page-subcategory .grid-content .button[disabled] { padding: 10px 10px 8px; } .page-subcategory .grid-collection-item-details { padding-left: 0; } .page-subcategory .grid-collection-item { padding: 15px 0; } .page-subcategory .grid-collection-item .grid-collection-item-img { width: 90%; height: 92px; } .page-subcategory .grid-collection-item .grid-collection-item-img a { width: 120px; height: 75px; margin-bottom: 20px; } .page-subcategory .grid-collection-item .grid-collection-item-img img { max-height: 100%; height: auto; max-width: 120px; } .page-subcategory .grid-collection-item-rating { margin-bottom: 0; height: 16px; } .page-subcategory .grid-collection-link { display: block; margin: 0; } .page-subcategory .grid-collection-link:hover, .page-subcategory .grid-collection-link:focus { color: #9e0000; } .page-subcategory .grid-collection-link:hover:after, .page-subcategory .grid-collection-link:focus:after { border-color: transparent transparent transparent #9e0000; } .page-subcategory .button-wrap { text-align: left; } .page-subcategory .cell-availability-wrap { position: absolute; bottom: 0; left: 10px; width: 80%; } .page-subcategory .cell-availability-wrap a { float: left; } .page-subcategory .cell-availability-wrap .button { margin-top: 0; } @media only screen and (min-width: 48em) { .page-subcategory .grid-collection-item .grid-collection-item-img { width: 90%; min-height: 110px; margin-top: 15px; } } @media only screen and (max-width: 47.9375em) { .category-container .section { padding: 0 15px 0px; } .category-container .button { display: none; } .category-aspot .a-spot-content { padding-left: 15px; } .category-aspot.top-aspot .a-spot-content { display: none; } .page-category .grid-collection { padding: 0 0 30px; } .best-selling-carousel .container { padding-bottom: 30px; } .top-brands-carousel .container { padding-top: 40px; padding-bottom: 50px; } .page-subcategory .top-brands-carousel .container { padding-top: 0; } .has-breadcrumbs .sidebar-wrap .sidebar-content .breadcrumb-module ul.breadcrumbs { padding-left: 35px; } } @media only screen and (min-width: 48em) { .has-breadcrumbs .category-aspot { padding-top: 70px; } .category-container .header-wrap a { width: auto; } .category-container .header-wrap a:hover, .category-container .header-wrap a:focus { color: #9e0000; } .category-container .header-wrap a:after { content: "›"; padding-left: 5px; } .category-container .sidebar-wrap { padding-top: 0; } .category-container .sidebar-header { margin-bottom: 22px; padding: 0; } .category-container .section .header-wrap a { float: right; background: none; color: #c00; line-height: 30px; font-family: clanotmedium; font-size: 13px; font-size: 0.8125rem; padding: 0; } .category-container .section .header-wrap a:hover, .category-container .section .header-wrap a:focus { color: #9e0000; } .category-container .top-brands-carousel .container { padding-top: 10px; } .category-container .grid-collection-item { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 31.33333333333333%; margin-left: 0%; margin-right: 3%; /*margin 0 position relative vertical-align top display inline-block float none padding-bottom 25px padding-left 15px &:before height 85% top 7% &:nth-of-type(n):after display none &:nth-of-type(n+4):after content '' position absolute display block height 1px width auto top 0 right 6% left 6% margin 0 background gray-10 .grid-collection-item-content, .grid-collection-item-details margin-left 0 width 80%*/ } .category-container .grid-collection-item:before, .category-container .grid-collection-item:after { content: ''; display: table; } .category-container .grid-collection-item:after { clear: both; } .category-container .grid-collection-item:last-child { margin-right: 0%; } .category-container .grid-collection-item:nth-of-type(3n) { margin-right: 0px; } .page-subcategory .header-wrap { margin-bottom: 20px; } .page-subcategory .grid-content { margin-top: 20px; } .page-subcategory .category-aspot { margin-bottom: 20px; } } .thumbnails-circles { padding: 10px 15px 20px; } .thumbnails-circles__header .thumbnails-title { font-size: 0.9rem; font-family: clanotmedium; text-transform: uppercase; } .thumbnails-circles__main { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .thumbnails-circles .thumbnail-item { width: 33.33%; padding: 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .thumbnails-circles .thumbnail-item figure { overflow: hidden; margin: 0; margin-bottom: 10px; width: 24vw; height: 24vw; background-color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 100%; } .thumbnails-circles .thumbnail-item figure img { display: inline-block; width: 64px; max-width: 100%; } @media only screen and (min-width: 33em) { .thumbnails-circles .thumbnail-item figure img { width: 80px; } } .thumbnails-circles .thumbnail-item figcaption { text-align: center; color: #4f4f4f; font-family: 'Roboto', 'Arial', sans-serif; font-weight: 500; } .brand-info-component .brand-info { margin: 10px 0; } .page-productComparing h1 { background: none; color: #4f4f4f; font-family: clanotnews; font-size: 24px; font-size: 1.5rem; } .page-productComparing .breadcrumbs { left: 15px; position: relative; } .product-comparison .go-to-results { display: block; margin-top: 25px; float: left; } .product-comparison .content { float: left; } .product-comparison .content .section-header { padding-top: 22px; } .product-comparison .remove-item { display: block; float: right; min-height: 16px; min-width: 16px; margin: -10px -10px 0 0; } .product-comparison .remove-item:focus { outline: 1px dotted #a9a9a9; outline-offset: 2px; } .product-comparison .add-comparison-product { background: #f1f2f2; color: #383838; font-size: 14px; font-size: 0.875rem; padding: 10px; position: static; vertical-align: top; display: none; } .product-comparison .add-comparison-product a { display: block; text-align: center; } .product-comparison .add-comparison-product a:focus { outline: 1px dotted #a9a9a9; outline-offset: -2px; } .product-comparison .add-comparison-product a:hover { color: #9e0000; } .product-comparison .add-comparison-product a h3 { color: #383838; font-size: 14px; font-size: 0.875rem; } .product-comparison .add-comparison-product a img { display: block; margin: 0 auto; padding-bottom: 10px; } .product-comparison .add-comparison-product h3 { margin: 0 auto; width: 70%; } .product-comparison .add-comparison-product-wrapper { top: 25px; width: 100%; } .product-comparison td { border-right: 1px solid #e2e2e2; padding-left: 20px; padding-right: 20px; } .product-comparison .delete-product { float: right; } .product-comparison .reviews-link { min-height: 50px; font-size: 13px; } .product-comparison .stars-wrapper { height: 16px; margin: 7px 0 10px; } .product-comparison .stars-wrapper:empty { display: block; } .product-comparison-items { border: 0; border-collapse: collapse; empty-cells: show; max-width: 100%; padding: 0; table-layout: fixed; width: 100%; clear: both; } .product-comparison-items tbody th { vertical-align: bottom; padding: 0 20px 4px; } .product-comparison-items tbody th .spec-labels li { position: relative; top: 15px; padding-top: 15px; } .product-comparison-items .original-price { min-height: 32px; } .product-comparison-items-delete { padding-bottom: 15px; } .product-comparison-items-delete td { padding-top: 5px; } .product-comparison-items-block .title { font-size: 16px; font-size: 1rem; color: #383838; display: block; margin-bottom: 10px; height: 110px; } .product-comparison-items-block .image { display: block; width: 100%; text-align: center; padding-bottom: 45px; height: 117px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-comparison-items-block .image img { height: auto; max-height: 117px; } .product-comparison-items-images { padding-bottom: 45px; } .product-comparison-items-images a { width: 100%; display: block; text-align: center; margin: 0 auto; } .product-comparison-items-images img { height: auto; max-height: 117px; } .product-comparison-items-titles { margin-bottom: 10px; } .product-comparison-items-titles a { color: #383838; } .product-comparison-items-prices { color: #383838; font-family: clanotmedium; font-size: 16px; font-size: 1rem; padding-bottom: 15px; vertical-align: bottom; min-height: 1.35em; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-comparison-items-prices .original-price { position: absolute; font-size: 12px; font-size: 0.75rem; } .product-comparison-items-prices .sale-price { color: #c00; text-align: left; } .product-comparison-items-reviews { font-size: 14px; font-size: 0.875rem; min-height: 2em; } .product-comparison-items-reviews .rating { display: inline-block; height: 13px; width: 13px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/13px 13px; } .product-comparison-items-reviews a { font-family: clanotbook; } .product-comparison-item-rating { padding-top: 3px; min-height: 19px; } .main-product-details td { position: relative; padding-bottom: 5px; } .product-comparison-items-ctas { left: 20px; right: 20px; } .product-comparison-items-ctas a { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; } .product-comparison-items-ctas .button { margin-bottom: 15px; width: 100%; word-wrap: break-word; white-space: nowrap; padding: 10px 5px 8px; } .product-comparison-items-ctas .availability-status { padding-bottom: 30px; padding-top: 20px; } .product-comparison-items-ctas .availability-text { margin: 10px 0; } .product-comparison-items-features h3 { color: #4f4f4f; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; } .product-comparison-items-features td { padding-bottom: 25px; vertical-align: top; } .product-comparison-items-specs h3 { color: #4f4f4f; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; } .product-comparison-items-specs td { border-right: 1px solid #e2e2e2; } .spec-separator { border-top: 1px solid #d9d9d9; } .product-comparison-items-specs .spec-labels, .product-comparison-items-specs .spec-details { border-top: 0 none; } .product-comparison-items tbody th.items-spec-separator { padding: 0 20px; } .spec-labels, .spec-details { font-size: 13px; font-size: 0.8125rem; } .spec-labels li, .spec-details li { padding-bottom: 15px; padding-top: 15px; line-height: 0.938rem; } .spec-labels li.availability-text:first-child, .spec-details li.availability-text:first-child { padding-bottom: 0; } .spec-labels.not-available, .spec-details.not-available { padding-top: 15px; } .spec-labels font-family header-font strong { text-transform: uppercase; } .spec-details { border-top: 1px solid #d9d9d9; } .product-comparison-availability .availability-status { border-top: 1px solid #d9d9d9; } .product-comparison-availability .availability-text { border-top: none; } .product-comparison-availability .availability-text:before { top: 16px; } .product-comparison-item-features-list li { font-size: 14px; font-size: 0.875rem; line-height: 140%; list-style-type: disc; margin-left: 15px; padding-bottom: 10px; border-top: none; } .product-comparison-item-features-list li:first-child { padding-top: 0; } @media only screen and (min-width: 48em) { .product-comparison .add-comparison-product { display: table-cell; } .product-comparison-items-reviews td .rating { display: inline-block; height: 15px; width: 15px; background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQxLjE4OHB4IiBoZWlnaHQ9IjM5LjE3MnB4IiB2aWV3Qm94PSIwIDAgNDEuMTg4IDM5LjE3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDEuMTg4IDM5LjE3MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjRkZCQzAwIiBwb2ludHM9IjIwLjU5NCwwIDE0LjIzLDEyLjg5NSAwLDE0Ljk2MSAxMC4yOTcsMjQuOTk5IDcuODY2LDM5LjE3MyAyMC41OTQsMzIuNDggMzMuMzIyLDM5LjE3Mw0KCTMwLjg5MSwyNC45OTkgNDEuMTg4LDE0Ljk2MSAyNi45NTgsMTIuODk1ICIvPg0KPC9zdmc+DQo=) no-repeat 50% 50%/15px 15px; } .tablesaw thead tr:first-child th { padding-top: 0.9em; padding-bottom: 0.7em; } } .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; } .tablesaw-stack tr { clear: both; display: table-row; vertical-align: top; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0 0.6em 0 0; min-width: 30%; display: inline-block; } .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: 0.4em 0; margin: 0.4em 0; } .tablesaw-cell-label { display: block; } .tablesaw-stack tbody th.group { margin-top: -1px; } .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } @media only screen and (max-width: 39.875em) { .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } } @media only screen and (min-width: 40em) { .tablesaw-stack tr { display: table-row; } .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .product-comparison-items-ctas .button { white-space: normal; } } @media only screen and (max-width: 47.9375em) { .store-locator-container { padding-left: 0px; padding-right: 0px; } } .store-locator-container .store-search #storeFinderForm, .store-locator-container .store-search .form-divider, .store-locator-container .store-search #nearMeStorefinderForm { padding-right: 15px; padding-left: 15px; } @media only screen and (max-width: 47.9375em) { .store-locator-container .store-search #storeFinderForm .button.primary-button { right: 15px; } } @media only screen and (max-width: 47.9375em) { .store-locator-container .store-search .store-search-map { padding-right: 15px; padding-left: 15px; } } @media only screen and (max-width: 47.9375em) { .store-locator-container .store-search .store-search-results { padding-right: 30px; padding-left: 30px; } } @media only screen and (max-width: 47.9375em) and (max-width: 29.9375em) { .store-locator-container .store-search .store-search-results .pagination { padding-top: 5px; margin-bottom: 0px; } .store-locator-container .store-search .store-search-results li:not(.prev) > * { padding-left: 5px; padding-right: 5px; } } .store-locator-container .store-search .headline { padding-right: 15px; padding-left: 30px; } .store-locator-container .storeMap { display: block; max-height: 360px; max-width: 745px; } .store-locator-container .alert.negative { padding: 10px; } .store-locator-container #map_canvas { display: block; height: 200px; max-width: 745px; width: 100%; } .gmnoprint img { max-width: none; } .store-search { display: block; margin: 0 auto; position: relative; } .store-search-form { display: block; margin: 0 auto; } .store-search-form .headline { border-bottom: 1px solid #eaeaea; display: block; font-family: clanotnews; font-size: 18px; font-size: 1.125rem; margin: 0 -15px 20px; padding: 25px 15px 22px; text-transform: uppercase; } .store-search-form .input-row { margin: 0; overflow: hidden; position: relative; width: 100%; } .store-search-form .input-row label { display: block; font-size: 14px; font-size: 0.875rem; font-family: clanotnews; margin-bottom: 10px; } .store-search-form .input-row .mandatory { display: none; } .store-search-form .input-row input[type="text"] { display: inline-block; font-size: 14px; font-size: 0.875rem; margin: 0; width: 100%; } .store-search-form .input-row .controls { position: relative; } .store-search-form .input-row .button { bottom: 20px; display: block; margin: 0; padding-left: 0; padding-right: 0; position: absolute; right: 0; text-align: center; width: 85px; } .store-search-form .form-divider { background: #fff; border: 1px solid #eaeaea; border-radius: 20px; display: block; height: 40px; font-family: clan_otbook_italic; font-size: 14px; font-size: 0.875rem; line-height: 38px; margin: 15px auto; position: relative; text-align: center; width: 40px; z-index: 5; } .store-search-form .form-divider:before, .store-search-form .form-divider:after { background: #eaeaea; content: ""; display: block; height: 1px; left: -15px; position: absolute; top: 19px; width: 15px; z-index: 1; } .store-search-form .form-divider:after { left: 38px; } .store-search-form .nearby-stores { display: block; margin: 0 0 15px; width: 100%; text-align: center; } .store-search-form .nearby-stores img { padding-right: 6px; vertical-align: middle; } .store-search-results { border-top: 1px solid #eaeaea; display: block; margin: 20px -15px 0; padding: 0 15px 0; } .store-search-results .paginationBar { *zoom: 1; float: none; display: block; margin-bottom: 0; text-align: right; width: 100%; } .store-search-results .paginationBar:before, .store-search-results .paginationBar:after { content: ''; display: table; } .store-search-results .paginationBar:after { clear: both; } .store-search-results .paginationBar .results-wrap { padding: 0 15px; } .store-search-results .paginationBar .filter-options { display: none; } .store-search-results .paginationBar .totalResults { border-right: none; display: block; float: left; font-size: 0; line-height: 35px; padding: 10px 0 0; vertical-align: middle; } .store-search-results .paginationBar .totalResults strong { font-size: 14px; font-size: 0.875rem; } .store-search-results .paginationBar .pagination-wrap { border-left: none; float: right; } .store-search-results .paginationBar .icon-button-wrap { display: none; } .store-search-results .store-result-row { border-bottom: 1px solid #eaeaea; } .store-search-results .store-result-row td { padding: 15px; vertical-align: top; font-size: 14px; font-size: 0.875rem; } .store-search-results .store-result-row td .make-my-store, .store-search-results .store-result-row td .book-appointment, .store-search-results .store-result-row td .book-appointmentfr { border: 1px solid #c00; font-size: 14px; font-size: 0.875rem; line-height: 1.25rem; min-height: 40px; padding: 10px 0px 8px; text-align: center; } .store-search-results .store-result-row td .showAppointmentBtn { display: block; } .store-search-results .store-result-row td .store-openings li { clear: both; } .store-search-results .store-result-row.no-padding { border-top: none; } .store-search-results .store-result-row.no-padding .store-info { padding-top: 0px; } @media only screen and (max-width: 47.9375em) { .store-search-results .store-info.directions { width: 100%; padding-top: 10px; } .store-search-results .store-info.directions > a { display: block; margin-top: 10px; } .store-search-results .store-info.distance { padding-right: 0px; } .store-search-results .store-info.address { padding-right: 0px; padding-left: 10px; } .store-search-results .store-info.address .store-openings { font-size: 0.75rem; } .store-search-results .store-results-header .address { padding-left: 15px; } .store-search-results .tel-link { color: inherit; font-family: inherit; } .store-search-results ul, .store-search-results p { font-size: 14px; font-size: 0.875rem; margin-bottom: 10px; } .store-search-results .itemName a { font-family: clanotnews; text-transform: uppercase; } .store-search-results .make-my-store { font-size: 12px; font-size: 0.75rem; } .store-search-results tr { font-size: 14px; font-size: 0.875rem; } .store-search-results td { vertical-align: top; } .store-search-results .store-openings { display: block; } .store-search-results .store-openings tr { display: none; } .store-search-results .store-openings tr.today { display: block; } .store-search-results .weekday-openings-day { padding-right: 5px; } .store-search-results .weekday-openings-times { white-space: nowrap; position: relative; right: 10px; } .store-search-results .today { display: block; } } .store-results-list { width: 100%; } .store-results-header { background: #c4e0e7; color: #383838; font-size: 0; height: 32px; margin: 0; padding: 0; white-space: nowrap; width: 100%; } .store-results-header td, .store-results-header th { color: #383838; font-size: 14px; font-size: 0.875rem; height: 32px; line-height: 32px; margin: 0; padding: 0 0 0 10px; text-transform: uppercase; vertical-align: middle; } @media only screen and (max-width: 47.9375em) { .store-search-promos { display: none !important; } } .page-storefinderPage .button.primary-button.nearby-stores { padding: 8px 25px 7px; } .page-storefinderPage td.store-info.distance { width: 25%; } .page-storefinderPage td.store-info.address { width: 75%; } .nearby-stores--aligned { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 190px; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .nearby-stores--aligned img { margin-right: 10px; } .store-search-results .temp-product-list { display: none; } @media only screen and (min-width: 32.5em) { .store-locator-container #map_canvas { height: 300px; } } @media only screen and (min-width: 48em) { .page-storefinderPage .store-search-results .paginationBar .totalResults strong { font-size: 12px; font-size: 0.75rem; } .page-storefinderPage .button.primary-button.nearby-stores { padding: 10px 0px 8px; } .page-storefinderPage td.store-info.distance { width: 15%; } .page-storefinderPage td.store-info.address { width: 25%; } .store-locator-container { padding-top: 0; } .store-locator-container .store-search-map { height: 360px; padding-left: 255px; position: absolute; right: 0; top: 0; width: 100%; } .store-locator-container #map_canvas { height: 360px; } .store-search-form { display: block; margin-left: 0; position: relative; width: 235px; z-index: 100; } .store-search-form .headline { font-size: 22px; font-size: 1.375rem; margin: 0 0 15px; padding: 0 0 12px; } .store-search-form .input-row .button { bottom: 0; margin-top: 22px; position: relative; width: 100%; } .store-search-form .form-divider { margin: 32.25px auto; } .store-search-results { margin: 20px auto; padding: 15px 0; } .store-search-results .paginationBar .results-wrap { padding-right: 0; } .store-search-results .paginationBar .pagination-wrap { margin-right: 0; } .store-search-results .button { white-space: nowrap; padding-left: 0; padding-right: 0; display: block; margin: 0 0 15px; text-align: center; width: 100%; } } .store-results-list td.distance, .store-results-list th.distance { width: 15%; max-width: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .store-results-list td.address, .store-results-list th.address, .store-results-list td.hours, .store-results-list th.hours { width: 25%; } .store-results-list td.features, .store-results-list th.features { width: 15%; } .store-results-list td.directions, .store-results-list th.directions { width: 20%; } .store-results-list .weekday-openings-day { width: 30%; float: left; text-align: left; } .store-results-list .weekday-openings-times { width: 70%; float: right; text-align: left; } @media only screen and (max-width: 47.9375em) { .store-search-results .paginationBar .pagination-wrap { display: block; text-align: center; float: none; } .store-search-results .store-result-row { border-bottom: none; } .store-search-results .store-result-row.no-padding { border-bottom: 1px solid #eaeaea; } } .store-search-results .paginationBar { background-color: #eaeaea; } @media (max-width: 767px) { .store-search-results .paginationBar { text-align: center; } } .store-search-results .paginationBar.top { padding: 5px 0; } .store-search-results .paginationBar.top .back-to-top { display: none; } .store-search-results .paginationBar.bottom { padding: 5px 0; } .store-search-results .paginationBar.bottom .productsTotalResults.totalResults { padding-top: 0; } .store-search-results .paginationBar .pagination-top-container { display: inline-block; } .store-search-results .paginationBar .pagination-top-container .results-wrap .staticContentPagination { display: none; } .store-search-results .paginationBar .pagination-top-container .productsTotalResults { float: none; display: inline-block; vertical-align: bottom; padding-left: 20px; padding-right: 15px; } .store-search-results .paginationBar .pagination-top-container .staticContentTotalResults { display: none; } .store-search-results .paginationBar .pagination-top-container .productsPagination .parsley-errors-list { display: none; } .store-search-results .paginationBar .back-to-top { float: left; font-size: 13px; font-weight: 600; margin-left: 10px; } @media (max-width: 767px) { .store-search-results .paginationBar .back-to-top { float: right; margin-right: 10px; } } .store-search-results .paginationBar .back-to-top a { line-height: 45px; } .store-search-results .paginationBar .productsTotalResults a { font-size: 13px; font-weight: 600; padding-left: 10px; } .store-search-results .paginationBar .productsTotalResults.totalResults { padding-top: 5px; } .store-search-results .paginationBar .productsTotalResults .load-more { display: none; } .cta-store-section { margin-top: 10px; } .cta-store-section__main { width: 100%; margin: auto; } .cta-store { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 40px 15px; } .cta-store__image { width: 25%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 23.9375em) { .cta-store__image { display: none; } } .cta-store__image img { width: 50%; height: 100%; } @media only screen and (max-width: 41.9375em) { .cta-store__image img { width: 70%; } } .cta-store__main { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .cta-store__title { margin-top: 0; margin-bottom: 1rem; font-size: 0.85rem; font-weight: bold; } .cta-store__subtitle { margin-bottom: 1rem; font-size: 0.7rem; } .store-detail-container .sidebar-wrap { left: auto; padding-top: 0; } .store-detail-container .storeMap { max-height: 360px; } .store-detail-container .storeMap, .store-detail-container #map_canvas { display: block; width: 100%; max-width: 745px; } .store-detail-container #map_canvas { height: 200px; } .store-detail-container .headline { border-bottom: 1px solid #eaeaea; display: block; font-family: clanotnews; font-size: 18px; font-size: 1.125rem; padding: 12px 15px 22px; text-transform: uppercase; margin-bottom: 0; } .store-detail-container .store-details { *zoom: 1; border-bottom: 1px solid #eaeaea; width: 100%; } .store-detail-container .store-details:before, .store-detail-container .store-details:after { content: ''; display: table; } .store-detail-container .store-details:after { clear: both; } .store-detail-container .store-info { display: block; font-size: 14px; font-size: 0.875rem; margin: 0; width: 100%; } .store-detail-container .store-info.hours { float: none; } .store-detail-container .store-info.directions { display: none; } .store-detail-container .store-info .tel-link { color: inherit; font-family: inherit; } .store-detail-container .store-info ul { font-size: 14px; font-size: 0.875rem; } .store-detail-container .store-info .store-info-section { padding: 20px 0 0 0; } .store-detail-container .store-info .store-info-section .store-info-label { margin-right: 10px; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; } .store-detail-container .store-info .store-info-section .store-info-value { font-size: 13px; font-size: 0.8125rem; } .store-detail-container .store-info .store-info-section .store-info-value .store-openings { display: table; width: 100%; } .store-detail-container .store-info .store-info-section .store-info-value .store-openings .weekday-openings, .store-detail-container .store-info .store-info-section .store-info-value .store-openings .weekday-openings-closed { display: table-row; } .store-detail-container .store-info .store-info-section .store-info-value .store-openings .weekday-openings-day, .store-detail-container .store-info .store-info-section .store-info-value .store-openings .weekday-openings-times { display: table-cell; } .store-detail-container .store-info .itemName a { font-family: clanotnews; text-transform: uppercase; } .store-detail-container .store-info tr { font-size: 14px; font-size: 0.875rem; } .store-detail-container .store-info td { vertical-align: top; } .store-detail-container .store-info .weekday-openings-day { padding-right: 5px; } .store-detail-container .store-info .today { display: table-row; } .store-detail-container .store-name { font-family: clanotnews; font-size: 16px; } .store-detail-container .storeImage { clear: both; padding-top: 20px; } @media only screen and (min-width: 32.5em) { .store-detail-container .storeMap { max-height: 410px; } .store-detail-container #map_canvas { height: 250px; } } @media only screen and (min-width: 48em) { .store-detail-container .storeMap { max-height: 692px; } .store-detail-container #map_canvas { height: 532px; } .store-detail-container .headline { font-size: 22px; font-size: 1.375rem; margin: 0 0 15px; padding: 0 0 12px; } .store-detail-container .store-search-map { height: 360px; padding-left: 255px; position: absolute; right: 0; top: 0; width: 100%; } .store-detail-container .store-details { border-bottom: none; } .store-detail-container .store-info { display: block; float: left; margin-left: 0; } .store-detail-container .store-info.hours, .store-detail-container .store-info.features { display: block; float: left; margin-left: 0; } .store-detail-container .store-info tr { display: table-row; font-size: 14px; font-size: 0.875rem; } .store-detail-container .feature-list td { padding-left: 0; } } .invisible { visibility: hidden; } .page-productDetails .left-column, .page-cellWithDataPlanDetails .left-column, .page-bundleDetails .left-column { border-bottom: 1px solid #e2e2e2; } .page-productDetails .left-column.no-manual, .page-cellWithDataPlanDetails .left-column.no-manual, .page-bundleDetails .left-column.no-manual { border-bottom: none; } .page-productDetails .right-column, .page-cellWithDataPlanDetails .right-column, .page-bundleDetails .right-column { padding-top: 25px; } .page-productDetails #cboxClose:before, .page-cellWithDataPlanDetails #cboxClose:before, .page-bundleDetails #cboxClose:before { content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzODM4Mzg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Xbzk5NjhfTW9iaWxlSWNvbnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDE1LjA1bC01LjUsNS41YS45MS45MSwwLDAsMS0xLjIsMGwtLjctLjdhLjkxLjkxLDAsMCwxLDAtMS4ybDUuNS01LjVhLjkxLjkxLDAsMCwwLDAtMS4yTDQuNyw2LjU1YS45MS45MSwwLDAsMSwwLTEuMmwuOC0uOGEuOTEuOTEsMCwwLDEsMS4yLDBMMTIuMSwxMGEuOTEuOTEsMCwwLDAsMS4yLDBsNS42LTUuNmEuOTEuOTEsMCwwLDEsMS4yLDBsLjcuN2EuOTEuOTEsMCwwLDEsMCwxLjJsLTUuNiw1LjZhLjkxLjkxLDAsMCwwLDAsMS4ybDUuNiw1LjZhLjkxLjkxLDAsMCwxLDAsMS4ybC0uOC44YS45MS45MSwwLDAsMS0xLjIsMGwtNS42LTUuNkEuOTEuOTEsMCwwLDAsMTIsMTUuMDVaIi8+PC9zdmc+) !important; font-size: 20px; font-size: 1.25rem; font-weight: bold; } @media only screen and (max-width: 47.9375em) { .page-productDetails .kc-chat-button, .page-cellWithDataPlanDetails .kc-chat-button, .page-bundleDetails .kc-chat-button { margin-bottom: 4rem; } } .page-cellWithDataPlanDetails #content, .page-cellPlanGrid #content { padding-bottom: 0; } @media only screen and (max-width: 47.9375em) { .page-productDetails #content { padding-bottom: 0; } } .pdp-section-container { position: relative; } .pdp-section-container #BVRHContainer h3[aria-hidden="true"] { display: block !important; } .inline-banner { display: inline-block; } .banner-margin { margin-bottom: 20px; } .product-details-summary a { text-decoration: underline; } #BVRRSummaryContainer { display: none !important; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate { margin-bottom: 5px !important; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate .line { border-left: 1px solid #979797 !important; vertical-align: middle !important; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate .line.hasBoth { margin: 0 15px !important; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate .line.askQuestion { margin: 0 0 0 15px !important; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate .line.askBoth { margin: 0 15px 0 0 !important; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate .questions { font-size: 13px; letter-spacing: 0.1px !important; font-family: "Helvetica Neue"; } #BVRRSummaryContainer .bv-cleanslate.bv-cv2-cleanslate .questionCount { margin-left: 6px !important; } #BVRRSearchContainer .bv-cleanslate.bv-cv2-cleanslate { margin-bottom: 10px !important; } .product-detail-sections { font-size: 14px; font-size: 0.875rem; padding-bottom: 20px; } @media only screen and (max-width: 47.9375em) { .product-detail-sections { padding-bottom: 10px; } } .product-detail-sections .accordion-trigger { font-size: 14px; font-size: 0.875rem; height: 48px; height: auto; line-height: 100%; padding: 18px 15px; } @media only screen and (max-width: 47.9375em) { .product-detail-sections .accordion-trigger { min-height: 48px; padding: 18px 30px 18px 15px; } .product-detail-sections .accordion-trigger:after { top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } @media only screen and (min-width: 48em) { .product-detail-sections .accordion-content.product-detail-section-content { padding-bottom: 20px; } } .product-detail-sections .accordion-content .bv-secondary-content-link { word-break: break-all; } .product-detail-sections .accordion-content.active { padding: 30px 15px 15px; } .product-detail-sections a { text-decoration: underline; } .product-detail-sections .product-details-numbers-wrapper { margin: 10px auto 25px; } .product-detail-sections .product-details-key, .product-detail-sections .product-details-value { font-size: 13px; font-size: 0.8125rem; } .product-detail-sections .product-details-key { display: inline-block; font-family: clanotnews; } .product-detail-sections .product-details-value { display: inline; font-family: clanotbook; } .product-detail-sections .product-details-value:after { content: ''; display: block; } .product-detail-sections .whats-in-the-box { padding-bottom: 12px; } .product-detail-sections .product-detail-additional-information a { font-family: clanotbook; } .product-detail-sections .postal-code-search { font-family: clanotnews; padding-top: 15px; } .product-detail-sections .postal-code-search .parsley-errors-list li { font-size: 13px; font-size: 0.8125rem; padding-bottom: 0; margin-left: 0; } .product-detail-sections .postal-code-search input { display: inline-block; margin-top: 15px; margin-right: 15px; width: 240px; } .product-detail-sections .postal-code-search .button { display: inline-block; vertical-align: bottom; margin-top: 15px; min-width: 140px; } .product-detail-sections h3 { color: #4f4f4f; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; } .product-detail-sections p { font-size: 14px; font-size: 0.875rem; line-height: 165%; padding-right: 20px; } .product-detail-sections li { font-size: 14px; font-size: 0.875rem; line-height: 140%; list-style-type: disc; margin-left: 15px; padding-bottom: 10px; line-height: 20px; } .product-detail-sections #product-store-availability .product-detail-section-content #check-store-inventory-results .store-container h3.store-availability-alternate-header { color: #4f4f4f; font-family: clanotmedium; font-size: 0.95rem; border-bottom: 1px solid #d3d3d3; padding-top: 5px; padding-bottom: 7px; } .product-detail-sections #product-store-availability .product-detail-section-content #check-store-inventory-results .store-container h3.default-result { margin-bottom: 15px; } .product-detail-sections #product-store-availability .product-detail-section-content #check-store-inventory-results .store-container h3.alternate-result { margin-top: 35px; } .product-detail-sections #product-store-availability .product-detail-section-content #check-store-inventory-results .store-container div h3.title { font-size: 0.875rem; } .custom-truncate { display: block; display: -webkit-box; width: 100%; height: 40px; margin: 0 auto; line-height: 1.47; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .custom-truncate.truncate { line-height: 1.47; } .productDescription { position: relative; *zoom: 1; } .productDescription:before, .productDescription:after { content: ''; display: table; } .productDescription:after { clear: both; } .productDescription .product-altered { color: #c00; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .productDescription .variants { margin-top: 25px; } .productDescription .variants .hide { display: none; } .productDescription .variants .control-group .custom-select { width: 150px; } .productDescription .variants .control-group label { width: 180px; float: left; margin-top: 15px; } .pdp-section { margin-bottom: 1px; *zoom: 1; } .pdp-section:before, .pdp-section:after { content: ''; display: table; } .pdp-section:after { clear: both; } .pdp-ordering-disclaimer .disclaimer-content { background-color: #ebf4f7; border: 1px solid #c4e0e7; color: #383838; padding: 5px 15px; margin: 0 15px 15px 15px; } .pdp-availability { color: #3d98b0; font-family: clanotbold; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } #product-store-availability { display: none; } #product-store-availability.active { display: block; background: #ebf4f7; } #product-store-availability #check-store-inventory-form { margin-bottom: 20px; } #product-store-availability #find-in-store { margin: 10px 0; } #product-store-availability .make-store { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } #product-store-availability .global-messages { padding: 0; } #product-store-availability.product-detail-section-item { margin-bottom: 30px; } .pdp-name { font-size: 20px; font-size: 1.25rem; font-family: clanotnews; margin-top: 0; margin-bottom: 10px; word-break: break-word; } .pdp-code { color: #4f4f4f; padding-bottom: 5px; } .pdp-prod-review { font-size: 14px; font-size: 0.875rem; } .pdp-price-wrap { position: relative; } .pdp-price-wrap .alt-user-price { color: #383838; font-family: clanotmedium; } .pdp-original-price { font-size: 13px; font-size: 0.8125rem; color: #4f4f4f; font-family: clanotmedium; min-height: 0.9375rem; } .pdp-original-price.pdp-alt-original-price { font-size: 12px; font-size: 0.75rem; } .pdp-ehf-price { margin-top: 5px; font-size: 12px; font-size: 0.75rem; } .pdp-sale-price { color: #383838; font-family: clanotmedium; font-size: 30px; font-size: 1.875rem; margin-bottom: 5px; } .has-promotion .pdp-sale-price, .special-price .pdp-sale-price { color: #c00; } .has-promotion .cart-sale-price { color: #c00; } .cart-product-price .cart-sale-price { font-size: 13px; font-size: 0.8125rem; } @media only screen and (max-width: 47.9375em) { .cart-product-price .cart-sale-price { text-align: left; } } .pdp-sale-text, .plp-sale-text { font-family: clanotbook; font-size: 18px; font-size: 1.125rem; } .pdp-bundle-text { font-family: clanotbook; font-size: 18px; font-size: 1.125rem; } .pdp-price-savings, .pdp-sale-text, .plp-price-savings, .plp-sale-text { font-family: clanotnews; font-size: 11px; font-size: 0.6875rem; color: #383838; background: #fdb814; display: inline-block; padding: 5px; font-family: clanotmedium; margin-bottom: 10px; } .pdp-price-savings { width: auto; } .price-value { font-weight: 700; } .pdp-sale-duration { color: #4f4f4f; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; } .pdp-warranty-label { font-family: clanotbook; font-weight: bold; font-size: 12px; font-size: 0.75rem; } .pdp-warranty-label a { font-size: 12px; font-size: 0.75rem; } .content-before-button-container { clear: both; padding-top: 15px; } .pdp-warranty-wrap, .actions-container { display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; padding-bottom: 20px; background: #eee; padding: 15px; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .pdp-warranty-wrap .warranty-logo, .actions-container .warranty-logo { height: 37px; padding-left: 10px; padding-right: 10px; } .pdp-warranty-wrap .warranty-button, .actions-container .warranty-button { white-space: nowrap; padding-left: 10px; font-size: 10px; color: #c00; font-family: clanotbook; font-weight: bold; text-decoration: underline; cursor: pointer; text-align: right; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .pdp-warranty-wrap .warranty-button[disabled], .actions-container .warranty-button[disabled], .pdp-warranty-wrap .warranty-button.disabled-button, .actions-container .warranty-button.disabled-button { background: none !important; padding: 0; min-height: inherit; } .warranty-added { font-size: 14px; } .buttonwrap { width: 75%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .buttonwrap > button { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .buttonwrap #add-warranty-button { margin-right: 10px; } .pdp-prod-review .star-wrap { margin-bottom: 5px; } .pdp-truncated p { margin: 0; display: inline-block; vertical-align: text-bottom; } .pdp-summary { overflow: hidden; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; max-height: 36px; display: inline-block; margin-bottom: 0; } .pdp-summary a { display: inline-block; font-family: clanotbook; text-decoration: underline; font-size: inherit; } .product-not-displayable-warning { margin-bottom: 5%; border: 1.5px solid #c00; padding: 2.5%; -webkit-box-shadow: 1px 1px 2px 0 #c00; box-shadow: 1px 1px 2px 0 #c00; overflow: hidden; } .product-not-displayable-warning img { max-height: 35px; display: inline-block; padding: 0; margin: 0; } .product-not-displayable-warning .product-not-displayable-text { font-size: 15px; font-family: clanotmedium; font-weight: bold; text-align: center; display: inline-block; padding: 0 0 0 25px; margin: 0; } .product-not-displayable-warning .product-not-displayable-icon { vertical-align: middle; } .pdp-description-wrap .pdp-truncated a { text-decoration: underline; } .pdp-description-wrap .pdp-truncated p.desktop-only a { font-size: 15px; font-size: 0.9375rem; } .pdp-share { text-align: center; margin-top: 30px; } .pdp-share-label { margin-bottom: 20px; font-size: 14px; font-size: 0.875rem; } .product-detail-specs .headline { margin-top: 15px; } .product-detail-specs .headline h3 { padding-left: 5%; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; } .product-detail-specs dl { font-size: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 10px; border-top: 1px solid #383838; } .product-detail-specs dt, .product-detail-specs dd { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; font-size: 0.75rem; width: 50%; vertical-align: top; padding-top: 13px; padding-bottom: 13px; } .product-detail-specs dt { font-family: clanotnews; padding-left: 5%; } .product-detail-specs dt:nth-child(4n-3) { background-color: #f1f2f2; } .product-detail-specs dd { padding-right: 5%; padding-left: 2%; } .product-detail-specs dd:nth-child(4n-2) { background-color: #f1f2f2; } .page-cellPlanGrid .container .content { padding: 20px 15px 10px; } .page-cellPlanGrid .productImage { width: 100%; float: none; } .page-cellPlanGrid .product-image { padding: 15px 15px 0; } .page-cellPlanGrid .product-image .productImagePrimary { border-bottom: 0; } .page-cellPlanGrid.template-pages-layout-contentLayout1Page .breadcrumb-module { padding: 0; } .page-cellPlanGrid.template-pages-layout-contentLayout1Page .section { padding-bottom: 10px; } .page-cellPlanGrid .search-filter { background: #ebf4f7; padding: 20px 10px; } .page-cellPlanGrid .search-filter h2 { margin-top: 0; } .page-cellPlanGrid .search-filter .control-group:last-child { margin-bottom: 0; } .page-cellPlanGrid .payment-grid { *zoom: 1; padding-bottom: 35px; } .page-cellPlanGrid .payment-grid:before, .page-cellPlanGrid .payment-grid:after { content: ''; display: table; } .page-cellPlanGrid .payment-grid:after { clear: both; } .page-cellPlanGrid .payment-grid .table .pdp-sale-price span span { vertical-align: super; font-size: 18px; font-size: 1.125rem; } .page-cellPlanGrid .payment-grid .table p { margin: 0; } .page-cellPlanGrid .payment-grid .table .row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: auto; background-color: #ebf4f7; height: auto; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper { margin-top: 10px; margin-left: 10px; margin-bottom: 10px; -webkit-box-flex: 100; -moz-box-flex: 100; -o-box-flex: 100; -ms-box-flex: 100; box-flex: 100; -webkit-flex-grow: 100; flex-grow: 100; width: 63%; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .price { font-size: 1.6rem; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .primary-details-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .primary-details-wrapper .col .bottom-text { font-family: clanotbold; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .primary-details-wrapper .col:nth-child(1) { width: 28%; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .primary-details-wrapper .col:nth-child(2) { width: 39%; text-align: left; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .primary-details-wrapper .col:nth-child(2) .monthly-cost-top-text { margin-left: -8px; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .primary-details-wrapper .col:nth-child(3) { width: 33%; text-align: center; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .secondary-details-wrapper { padding-top: 20px; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .secondary-details-wrapper .agreement-credit-wrapper .price { margin-bottom: 0; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .secondary-details-wrapper .agreement-credit-text-bottom p { font-family: clanotbold; font-size: 0.75rem; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .secondary-details-wrapper .rate-plan-text { padding-top: 20px; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .secondary-details-wrapper .rate-plan-text p { font-family: clanotbold; font-size: 0.75rem; } .page-cellPlanGrid .payment-grid .table .row .plan-details-wrapper .secondary-details-wrapper .rate-plan-text p a { color: #000; text-decoration: underline; font-family: clanotbold; padding-left: 5px; } .page-cellPlanGrid .payment-grid .table .row:first-child { background-color: #c4e0e7; } .page-cellPlanGrid .payment-grid .table .row .header { text-align: right; padding-right: 1%; height: auto; } .page-cellPlanGrid .payment-grid .table .row .header:after, .page-cellPlanGrid .payment-grid .table .row .block:after { display: inline-block; height: 100%; vertical-align: middle; content: ''; } .page-cellPlanGrid .payment-grid .table .row .block .content { padding-left: 20px; } .page-cellPlanGrid .payment-grid .table .row .content { width: 95%; display: inline-block; vertical-align: middle; padding: 0; } .page-cellPlanGrid .payment-grid .table .row .content p { line-height: 1; vertical-align: middle; font-size: 12px; font-size: 0.75rem; } .page-cellPlanGrid .payment-grid .table .row .content .tiny { font-size: 8px; font-size: 0.5rem; } .page-cellPlanGrid .payment-grid .table .row .content div { font-size: 12px; font-size: 0.75rem; } .page-cellPlanGrid .payment-grid .table .bonus ~ .bonus { margin-top: 0; } .page-cellPlanGrid .payment-grid .table .bonus { margin-top: 15px; } .page-cellPlanGrid .payment-grid .table .bonus .block .content div { color: #f00; } .page-cellPlanGrid .payment-grid .table .bonus .block .plan-details-wrapper { width: auto; } .page-cellPlanGrid .payment-grid .table .bonus .header { background-color: #f00; color: #fff; } .page-cellPlanGrid .payment-grid .table .bonus .header p.prime { font-size: 24px; font-size: 1.5rem; } .page-cellPlanGrid .payment-grid h2 { padding-right: 15px; padding-left: 15px; } .page-cellPlanGrid .payment-grid .mobile-only, .page-cellPlanGrid .payment-grid .grid-headers { font-family: clanotmedium; } .page-cellPlanGrid .product-detail-section-content .store-container { padding: 15px; } .page-cellPlanGrid .product-detail-section-content .store-container > div { width: 100%; margin-right: 0; } .page-cellPlanGrid .secondary-header { background: #c4e0e7; height: 45px; padding: 0 12px; } .page-cellPlanGrid .secondary-header h2 { line-height: 45px; font-size: 14px; font-size: 0.875rem; margin-bottom: 0; } .page-cellPlanGrid .secondary-header h2:after { left: 15px; } .cell-plan-price-details { display: none; } .cell-plan-price-link { margin-top: 10px; } .cell-plan-price-link p { font-family: clanotnews; font-size: 0.75rem !important; float: right; } .cell-plan-price-link a { color: #383838; text-decoration: underline; font-size: 12px; font-size: 0.75rem; } .dro-pricing-message { display: inline-block; margin-top: 20px; } .downpayment-message { text-align: center; margin-top: 20px; font-weight: bold; display: inline-block; width: 100%; } .cell-plan-pop-up-wrapper #cboxClose:before { content: 'X'; font-size: 20px; font-size: 1.25rem; font-weight: bold; } .cell-plan-pop-up-wrapper .price-details-pop-up .header { background-color: #c4e0e7; height: 45px; line-height: 45px; } .cell-plan-pop-up-wrapper .price-details-pop-up .header span { font-size: 18px; font-size: 1.125rem; margin-left: 10px; font-weight: bold; } .cell-plan-pop-up-wrapper .price-details-pop-up .block { font-size: 14px; font-size: 0.875rem; margin: 25px 60px; } @media only screen and (max-width: 47.9375em) { section.payment-grid .table .bonus-holder .left { display: inline; } section.payment-grid .table .bonus-holder .row-holder { width: 100%; } section.payment-grid .table .bonus-holder .row-holder .row { display: block; } section.payment-grid .table .bonus-holder .row-holder .header { width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; } section.payment-grid .table .bonus-holder .row-holder .plan-details-wrapper { width: 100%; } section.payment-grid .table .row-holder { width: 100%; } section.payment-grid .table .row-holder .slider-wrapper { margin-top: 100px; } section.payment-grid .table .row-holder .cell-plan-price-link p { float: none; } .page-cellPlanGrid .rtable-td.grid-cell, .page-cellPlanGrid .rtable-tr.grid-row { padding: 0; margin: 0; } .page-cellPlanGrid .accordion-trigger { border-bottom: none; } .page-cellPlanGrid .rtable-tr { border-top: none; } .page-cellPlanGrid .table > .row > .col-md-4 { width: 100% !important; } .pdp-details-wrap.mobile-container { padding-right: 0; padding-left: 0; } .pdp-details-wrap.mobile-container .pdp-price-wrap { padding-left: 15px; padding-right: 15px; } .pdp-details-wrap.mobile-container #paybright-widget-container { margin: 15px; } .pdp-warranty-wrap, .actions-container { padding-right: 15px; padding-left: 15px; margin: 0 15px; } .pdp-warranty-wrap .button.warranty-button, .actions-container .button.warranty-button { width: 100%; } .pdp-warranty-wrap .warranty-cart, .actions-container .warranty-cart { margin-top: 7px; } } .orderHistory-buttons { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .orderHistory-buttons li { margin: 0 5px; } .pdp-social-icons { display: inline-block; vertical-align: middle; text-align: justify; width: 100%; max-width: 194px; height: 23px; } .pdp-social-icons:after { content: ''; display: inline-block; width: 100%; } .pdp-social-icons li { display: inline-block; margin: 0; text-align: center; } .pdp-social-icons a { width: 34px; display: block; } .pdp-social-icons a:focus path { fill: #9e0000; } .pdp-social-icons svg { width: 34px; } .pdp-social-icons .svg-highlight { height: 24px; width: 24px; } .product-details-highlights ul { margin-left: 16px; } .product-details-highlights ul > li { font-size: 12px; font-family: clanotbook; list-style-type: disc; line-height: 20px; } .svg-highlight path { fill: #c00; } .svg-highlight:hover path, .svg-highlight:focus path { fill: #9e0000; } .pdp-color { position: relative; padding-bottom: 45px; } .pdp-color-label { float: left; margin-right: 15px; padding-top: 5px; } .pdp-color-select { display: inline-block; vertical-align: middle; } .pdp-color-select label { display: inline; } .pdp-color-select .radio-button { cursor: pointer; } .pdp-color-select input[type=radio] { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 1px; position: absolute; } .pdp-color-select input[type=radio]:checked + label .radio-button { -webkit-box-shadow: inset 0 0 0 2px #383838; box-shadow: inset 0 0 0 2px #383838; margin: 1px 5px 1px 1px; } .pdp-color-select input[type=radio]:checked + label .label-value { display: block; } .pdp-color-select .color-select-input:focus + label .radio-button { border: 1px dotted #a9a9a9; outline: 1px dotted #a9a9a9; outline-offset: -2px; outline: -webkit-focus-ring-color auto 5px; } .pdp-color-select .label-value { display: none; max-width: 79%; vertical-align: top; margin-bottom: 18px; position: absolute; bottom: 0; left: 0; white-space: nowrap; } .pdp-color-select .label-value .selection { font-family: clanotbook; } .pdp-color-select .radio-button { display: inline-block; width: 21px; height: 21px; border-radius: 12px; margin: 1px 5px 1px 1px; } .pdp-availability-wrap.cell { text-align: center; } .multi_Prod_Add_Block { padding-bottom: 15px; } .addMultiProductButton { width: 100%; padding-left: 0px; padding-right: 0px; } @media only screen and (min-width: 48em) { .pdp-label-title { font-size: 1rem !important; margin-top: 0; margin-bottom: 20px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; } } @media only screen and (max-width: 47.9375em) { .pdp-label-title { font-size: 14px; font-size: 0.875rem; margin-top: 0; margin-bottom: 10px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; } } .pdp-gmp-section { float: left; font-weight: bold; } .pdp-gmp-section-cost { margin-right: 30px; } .pdp-gmp-section-sell { margin-right: 35px; } .pdp-gmp-section-marginperc { margin-right: 12px; } @media only screen and (min-width: 48em) { .pdp-gmp { font-size: 1rem !important; margin-top: 0; margin-bottom: 20px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; } } @media only screen and (max-width: 47.9375em) { .pdp-gmp { font-size: 14px; font-size: 0.875rem; margin-top: 0; margin-bottom: 10px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; } } .pdp-warranty-section { display: inline-block; font-weight: bold; } .pdp-warranty-section-months { margin-right: 75px; } .pdp-warranty-section-status { margin-right: 58px; } .pdp-warranty-section-repaircode { margin-right: 57px; } .pdp-warranty-section-shelfpackqty { margin-right: 35px; } .pdp-warranty-section-masterpackqty { margin-right: 25px; } .gmp-warranty-parent { width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .gmp-warranty-parent .product-details-highlights { width: 50%; padding-right: 20px; } .gmp-warranty-parent td { font-weight: bold; text-align: left; line-height: 20px; } .gmp-warranty-parent td:nth-child(even) { text-align: right; } @media only screen and (min-width: 48em) { .pdp-warranty-header { font-size: 1rem !important; margin-top: 0; margin-bottom: 20px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; } } @media only screen and (max-width: 47.9375em) { .pdp-warranty-header { font-size: 14px; font-size: 0.875rem; margin-top: 0; margin-bottom: 10px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; } } .warranty-table-section { width: 100%; } .gmp-table-section { width: 100%; } .pdp-ms-gmp-warranty-table { border: 0px; width: auto; } .pdp-mainselling-features-data-cell { border: none; width: 45%; } .pdp-gmp-data-cell { width: 22%; border: none; vertical-align: top; } .pdp-warranty-data-cell { width: 123%; border: none; vertical-align: top; } @media only screen and (min-width: 48em) { .pdp-mobile-warranty-header { font-size: 1rem !important; margin-top: 0; margin-bottom: 20px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; padding-left: 0px; } } @media only screen and (max-width: 47.9375em) { .pdp-mobile-warranty-header { font-size: 14px; font-size: 0.875rem; margin-top: 0; margin-bottom: 10px; font-family: clanotmedium !important; font-weight: normal !important; text-transform: none; padding-left: 0px; } } .mobile-warranty-table-section { width: 200px; margin: 0 auto; margin-left: 0px; margin-right: 0px; } .firstcolumn { width: 0px; border: 0px; font-weight: bold; text-align: left; } .secondcolumn { width: 0px; border: 0px; font-weight: bold; text-align: right; } .pdp-availability-wrap, .pdp-custom { *zoom: 1; } .pdp-availability-wrap .availability-label, .pdp-custom .availability-label, .pdp-availability-wrap .product-detail-list-category, .pdp-custom .product-detail-list-category { font-size: 14px; font-weight: 600; color: #4f4f4f; font-family: clanotnews; } .pdp-availability-wrap:before, .pdp-custom:before, .pdp-availability-wrap:after, .pdp-custom:after { content: ''; display: table; } .pdp-availability-wrap:after, .pdp-custom:after { clear: both; } .pdp-availability-wrap--rwd, .pdp-custom--rwd { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch !important; align-items: stretch !important; } .pdp-availability-wrap--rwd>div, .pdp-custom--rwd>div { margin: 0 !important; width: 50%; } @media only screen and (max-width: 47.9375em) { .pdp-availability-wrap--rwd>div, .pdp-custom--rwd>div { width: 100%; } } .pdp-availability-wrap--rwd .availability-status, .pdp-custom--rwd .availability-status { float: none; } .pdp-availability-wrap--rwd .availability-status .availability, .pdp-custom--rwd .availability-status .availability { min-height: 0 !important; } @media only screen and (max-width: 47.9375em) { .pdp-availability-wrap--rwd .availability-status, .pdp-custom--rwd .availability-status { margin-top: 0; } } @media only screen and (min-width: 48em) { .pdp-availability-wrap--rwd .pdp-shipping-info, .pdp-custom--rwd .pdp-shipping-info { padding-left: 20px; } } @media only screen and (max-width: 47.9375em) { .pdp-availability-wrap--rwd .pdp-shipping-info .product-detail-section-item, .pdp-custom--rwd .pdp-shipping-info .product-detail-section-item { margin-left: 0; } } @media only screen and (max-width: 47.9375em) { .pdp-availability-wrap--rwd, .pdp-custom--rwd { padding-left: 15px; padding-right: 15px; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .pdp-availability-wrap .availability, .pdp-custom .availability { font-family: clanotthin; font-size: 13px; font-size: 0.8125rem; color: #383838; min-height: 120px; } .pdp-availability-wrap .availability li, .pdp-custom .availability li { margin-bottom: 10px; } .pdp-availability-wrap .availability a, .pdp-custom .availability a { font-family: inherit; } .pdp-availability-wrap .availability .product-detail-list-category .shipping-details, .pdp-custom .availability .product-detail-list-category .shipping-details { text-transform: none; width: 100%; display: block; border: none; margin-top: 0; padding: 0; color: #c00; } .pdp-availability-wrap .availability .product-detail-list-category .shipping-details:after, .pdp-custom .availability .product-detail-list-category .shipping-details:after { content: '+'; display: inline; width: auto; font-size: 20px; } .pdp-availability-wrap .availability .product-detail-list-category .shipping-details.active, .pdp-custom .availability .product-detail-list-category .shipping-details.active { background: none; } .pdp-availability-wrap .availability .product-detail-list-category .shipping-details.active:after, .pdp-custom .availability .product-detail-list-category .shipping-details.active:after { color: #c00 !important; content: '—' !important; } .pdp-availability-wrap .availability-text, .pdp-custom .availability-text { display: inline-block; vertical-align: top; font-family: clanotbook; font-size: 12px !important; } .pdp-availability-wrap .availability-text a, .pdp-custom .availability-text a { cursor: pointer; text-decoration: underline; padding-right: 20px; } .pdp-availability-wrap .availability-text.shipping-details, .pdp-custom .availability-text.shipping-details { margin-top: 10px; } .pdp-availability-wrap .availability-text.shipping-details:before, .pdp-custom .availability-text.shipping-details:before { display: none; } .pdp-availability-wrap .availability-text.shipping-details a, .pdp-custom .availability-text.shipping-details a { font-family: clanotnews; font-size: 13px; color: #c00; } .pdp-availability-wrap .availability-text.inventory-status, .pdp-custom .availability-text.inventory-status { font-family: clanotnews; padding-top: 15px; } .pdp-availability-wrap.purchase-content .availability-status, .pdp-custom.purchase-content .availability-status { float: none; width: 100%; } .qty-label { display: inline-block; vertical-align: middle; } .qty { width: 45%; float: left; } @media only screen and (max-width: 47.9375em) { .productAddToCartPanel > li { margin-bottom: 15px; } } .productAddToCartPanel .button { width: 100%; } .productAddToCartPanel #add-to-wishlist > i, .productAddToCartPanel #add-to-wishlist > span { pointer-events: none; } .productAddToCartPanel .find-cellular-plans { border: 1px solid transparent; padding-bottom: 8px; padding-top: 10px; } @media print { .productAddToCartPanel > li { margin-bottom: 15px; } .productAddToCartPanel .button { width: 100%; } .productAddToCartPanel .find-cellular-plans { border: 1px solid transparent; padding-bottom: 8px; padding-top: 10px; } } .qty-container { border-bottom: none; margin-bottom: 0; } .pdp-custom { padding: 10px; padding-bottom: 20px; } .pdp-custom.pdp-gift-card .qty { width: 100%; display: inline-block; vertical-align: top; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer { width: 100%; display: inline-block; padding-left: 0; } .pdp-custom .qty { margin-bottom: 15px; } .pdp-custom .gift-label { margin-bottom: 10px; } .pdp-custom .gift-select { width: 100%; } .pdp-custom .qty-container { margin-bottom: 15px; } @media print { .pdp-custom { padding: 10px; padding-bottom: 20px; } .pdp-custom.pdp-gift-card .qty { width: 100%; display: inline-block; vertical-align: top; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer { width: 100%; display: inline-block; padding-left: 0; } .pdp-custom .qty { margin-bottom: 15px; } .pdp-custom .gift-label { margin-bottom: 10px; } .pdp-custom .gift-select { width: 100%; } .pdp-custom .qty-container { margin-bottom: 15px; } } .gift-description-wrap { padding-bottom: 10px; margin-bottom: 30px; } .pdp-cell .pdp-price-wrap { width: 100%; } .pdp-cell .secondary-header h2 { text-transform: none; padding: 0 15px; margin-bottom: 0; } .pdp-cell .secondary-header h2:after { display: none; } .pdp-cell .tooltip-trigger { margin-left: 20px; } .pdp-cell .tooltip-trigger svg { width: 17px; height: 17px; display: inline-block; vertical-align: middle; } .pdp-cell .tooltip-trigger svg .small-i { fill: #fff; } .pdp-cell .tooltip-trigger svg .small-i-background { fill: #3d98b0; } .product-detail-section-content .store-container > div { display: inline-block; width: 25%; margin-right: 10px; vertical-align: top; margin: 6px; } .product-detail-section-content .store-container > div .title { font-family: clanotmedium; color: #4f4f4f; font-size: 12px; margin-bottom: 5px; } .product-detail-section-content .store-container > div p { margin-bottom: 5px; font-size: 12px; color: #464646; } .product-detail-section-content.shipping-information { vertical-align: top; *zoom: 1; } .product-detail-section-content.shipping-information:before, .product-detail-section-content.shipping-information:after { content: ''; display: table; } .product-detail-section-content.shipping-information:after { clear: both; } .product-detail-section-content.shipping-information > div { float: left; } .product-detail-section-content.shipping-information > div > span { vertical-align: top; display: inline-block; padding-bottom: 10px; font-size: 14px; font-size: 0.875rem; } .product-detail-section-content b { font-family: clanotmedium; } .purchase-info { background: #c4e0e7; padding: 0 12px 0 25px; } @media only screen and (max-width: 20.9375em) { .purchase-info { padding: 0 6px; } } .purchase-info h2 { margin-bottom: 0; } .purchase-info h2:after { display: none; } #colorbox, #cboxWrapper { max-height: none !important; } .bundle-categories { margin-bottom: 30px; text-align: left; *zoom: 1; } .bundle-categories:before, .bundle-categories:after { content: ''; display: table; } .bundle-categories:after { clear: both; } .bundle-categories .bundle-label { text-transform: uppercase; font-size: 22px; font-size: 1.375rem; margin-bottom: 15px; } .bundle-categories h3 { font-family: clanotnews; font-size: 16px; font-size: 1rem; text-align: left; text-transform: uppercase; } .bundle-categories .grid-content { border-bottom: 1px solid #d9d9d9; } .bundle-categories .bundle-group { margin-bottom: 30px; } .bundle-categories .bundle-group:last-child { margin-bottom: 0; } .bundle-categories .bundle-item { border-top: 1px solid #d9d9d9; padding: 15px 0; *zoom: 1; } .bundle-categories .bundle-item:before, .bundle-categories .bundle-item:after { content: ''; display: table; } .bundle-categories .bundle-item:after { clear: both; } .bundle-categories .grid-collection-item-name { font-family: clanotnews; font-size: 16px; font-size: 1rem; } .bundle-categories .grid-collection-item-name a { font-family: clanotnews; font-size: 16px; font-size: 1rem; } .bundle-categories .availability-text { font-size: 13px; font-size: 0.8125rem; line-height: 170%; } .bundle-categories .bundle-info { text-align: left; margin-right: 5%; } .bundle-categories .bundle-options { position: relative; text-align: right; } .bundle-categories .checkbox-wrap { margin-bottom: 20px; } .bundle-categories .bundle-total { text-align: right; margin-top: 20px; } .bundle-categories .bundle-total .pdp-availability-wrap { padding-top: 15px; padding-bottom: 15px; } .bundle-categories .bundle-total .pdp-availability-wrap .pdp-price-wrap { display: inline-block; width: 18%; text-align: left; padding: 0 0 10px 10px; } .bundle-categories .bundle-total .pdp-availability-wrap .actions-container { display: inline-block; width: 80%; padding-left: 15px; border-left: 1px solid #d9d9d9; } .bundle-categories .bundle-total .pdp-availability-wrap .actions-container .productAddToCartPanel > li:nth-child(2) { margin-bottom: 0; } .recent-grid .grid-collection-link, .related-grid .grid-collection-link, .recent-grid:hover, .related-grid:hover, .recent-grid:active, .related-grid:active, .recent-grid:visited, .related-grid:visited, .recent-grid:focus, .related-grid:focus { font-family: clanotbook; color: #383838; } .recent-grid .grid-collection-item-details, .related-grid .grid-collection-item-details { float: left; width: 52%; } .pdp-add-to-cart a.image-wrap { margin-bottom: 30px; display: block; } .pdp-add-to-cart .financing-messaging { margin-bottom: 30px; } .pdp-add-to-cart .financing-messaging p { margin-bottom: 0; } @media only screen and (min-width: 48em) { .pageType-ProductPage .responsive-product-image-component { margin-top: 30px; } .pageType-ProductPage .product-details-highlights { padding-top: 30px; } .pageType-ProductPage .pdp-section .desktop-only { display: block; } .pageType-ProductPage .pdp-section .desktop-only .mobile-only { display: none; } .pageType-ProductPage .grid-content .grid-collection-item { width: 33%; } .pageType-ProductPage .grid-content .grid-collection-item:nth-child(odd):before { display: block; } .pageType-ProductPage .grid-content .grid-collection-item:nth-child(3n+1):before { display: none; } .pageType-ProductPage .grid-content .grid-collection-item:nth-last-child(-n+3):after { display: none; } .pageType-ProductPage .pdp-availability-wrap { padding: 0 15px 15px; margin-bottom: 15px; font-size: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; } .pageType-ProductPage .pdp-availability-wrap > div { margin: 0 10px; } .pageType-ProductPage #product-store-availability { position: relative; border: 1px solid #ebf4f7; } .pageType-ProductPage #product-store-availability:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .pageType-ProductPage #product-store-availability:before { border-color: rgba(194,225,245,0); border-bottom-color: #ebf4f7; border-width: 25px; margin-left: -200px; } .pageType-ProductPage .postal-code-search { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .pageType-ProductPage .postal-code-search #find-in-store { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right: 15px !important; } .pageType-ProductPage .store-container { width: 100%; } .pageType-ProductPage .store-container > div { width: 100%; } .pageType-ProductPage .store-container > div .store-info { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pageType-ProductPage .store-container .make-my-store { text-decoration: underline; } .pdp-add-to-cart { float: right; width: 51%; } .pdp-add-to-cart .pdp-price-wrap .qty { width: 25%; } .pdp-section .productDescription .hr-line { background-color: #d9d9d9; height: 1px; width: 51%; float: right; margin-bottom: 20px; } .pdp-section .productDescription .cell { border-bottom: none; margin-bottom: 0; padding-bottom: 10px; } .pdp-section .productDescription .bv-cleanslate .bv-core-container-113 .bv-primarySummary-rating-container .bv-rating-stars-on { color: #ffbc00 !important; } } @media only screen and (min-width: 34.313em) and (max-width: 47.9375em) { .bundles-collection { padding-bottom: 0; } .bundles-collection .price-block { padding: 45px 0 15px 15px; } .bundles-collection .container .add-to-cart-block { float: left; width: 38.2%; padding: 0; } .bundles-collections-list .container { padding-left: 5px; padding-right: 5px; } .pdp-availability-wrap { margin-bottom: 0; padding-bottom: 0; } } @media only screen and (max-width: 47.9375em) { #addToCartForm.sticky { display: block !important; position: fixed; width: 100%; -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,0.75); box-shadow: 0 2px 14px 0 rgba(0,0,0,0.75); padding: 0px 15px 15px 15px; background: #fff; left: 0; bottom: 0; z-index: 9999; } .product-detail-sections .container { padding: 0; } .product-detail-sections .accordion-trigger:after { border: none; left: auto; color: #c00; content: '+'; display: block; font-size: 20px; font-size: 1.25rem; position: absolute; right: 15px; top: 16px; width: auto; } .product-detail-sections .accordion-trigger.active:after { color: #fff; content: '—'; } .pdp-name { font-family: clanotnews; font-size: 20px; font-size: 1.25rem; } .pdp-price-wrap { width: 100%; } .pdp-price-wrap.qty-container { padding-left: 0; padding-right: 0; } .pdp-sale-price { font-size: 25px !important; } .pdp-original-price { margin-bottom: 10px; } .productListItem .pdp-original-price { margin-bottom: 0; } .pdp-color { margin-bottom: 15px; } .pdp-color-select label { padding-right: 11px; } .pdp-color-select .label-value { left: 15px; } .qty-label { margin-right: 16px; } .pdp-custom .qty { float: none; } .bundle-categories .grid-content > ul { padding: 0 15px; } .product-detail-section-content .store-container > div { margin-bottom: 20px; width: 100%; margin-right: 0; } .product-detail-section-content.shipping-information .availability-text { display: block; } .product-detail-section-content.shipping-information > div > span { padding-bottom: 10px; } #product-shipping .product-detail-list-category { font-size: 14px; font-weight: 600; color: #4f4f4f; font-family: clanotnews; } #product-shipping .availability-text { font-size: 12px; font-family: clanotbook; } .pdp-add-to-cart { width: 100%; float: left; position: relative; } .pdp-add-to-cart .content { margin: 0 15px; } .pdp-add-to-cart .pdp-availability-wrap .pdp-price-wrap.qty-container .qty { padding-left: 15px; display: inline; width: 35%; } .pdp-add-to-cart .pdp-availability-wrap .pdp-price-wrap.qty-container .qty .qty-label { margin-right: 0; } .pdp-add-to-cart .pdp-availability-wrap .pdp-price-wrap.qty-container .availability { min-height: auto; } .pdp-add-to-cart a.image-wrap { padding-left: 15px; padding-right: 15px; } .pdp-section .productDescription .prod-desc-left-column { float: none; width: 100%; } .pdp-section .productDescription .prod-desc-right-column { float: none; width: 100%; } .pdp-section .productDescription .photo-viewer-wrap { zoom: 1; margin-top: 5%; margin-bottom: 10px; } .pdp-section .productDescription .photo-viewer-wrap .owl-theme .owl-controls { position: relative; display: block; height: 30px; overflow: hidden; } .pdp-section .productDescription .photo-viewer-wrap .owl-theme .owl-controls .owl-pagination { margin-top: 0 !important; position: absolute; margin-top: 25px; height: 20px; } .pdp-section .productDescription .photo-viewer-wrap .owl-theme .owl-controls .owl-pagination .owl-page { display: inline-block; } .pdp-section .productDescription .photo-viewer-wrap .owl-theme .owl-controls .owl-pagination .owl-page span { background: none repeat scroll 0 0 #869791; border-radius: 20px; display: block; height: 10px; margin: 5px 7px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); width: 10px; } .pdp-section .productDescription .photo-viewer-wrap .owl-theme .owl-controls .owl-pagination .owl-page.active span { background: none repeat scroll 0 0 #c00; opacity: inherit; -ms-filter: inherit; filter: inherit; } .pdp-section .productDescription .photo-viewer-wrap .slide-image-wrap { border: none !important; } .pdp-section .productDescription .photo-viewer-wrap .owl-item.owl-active { border: none; } .pdp-section .productDescription .prod-desc-right-column .pdp-description-wrap { position: absolute; top: 0; width: 100%; } .pdp-section .productDescription .actions-container { width: 100%; background: none; margin: auto !important; padding-top: 0 !important; } .pdp-section .productDescription .actions-container .full-button { max-width: 100%; padding: 10px 0 !important; } .pdp-section .productDescription .actions-container .full-button:hover { border-color: #c00; color: #fff; } .pdp-section .productDescription .actions-container .full-button .wishlist-fr { left: 13% !important; } .pdp-section .productDescription .actions-container .full-button .added-to-wishlist { position: inherit !important; margin-right: 20px; } .pdp-section .productDescription .actions-container .secondary-button.full-button:hover { color: #c00 !important; } .pdp-section .productDescription .variants { margin-top: 20px; padding-left: 15px; } .pdp-section .productDescription .variants .control-group label { margin-top: 15px; } .pdp-section .pdp-description-wrap .bv-cleanslate .bv-core-container-113 .bv-primarySummary-rating-container .bv-rating-stars-on { color: #ffbc00 !important; font-size: 16px !important; } .pdp-section .pdp-description-wrap .bv-cleanslate .bv-core-container-113 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { font-size: 16px !important; } } @media only screen and (max-width: 22.5em) { .product-parameters { padding-bottom: 20px !important; } .product-parameters .custom-select { top: 20px !important; } } @media only screen and (min-width: 47.375em) and (max-width: 53.75em) { .product-parameters { padding-left: 30px !important; overflow: hidden; } } .socialbuttons { margin-top: 8px; margin-bottom: 8px; } .socialbutton { display: inline-block; margin-right: 7px; } .socialwidgets { margin-bottom: 8px; } .product-parameters { padding: 0 15px 0px; } .product-parameters .custom-select { background-color: #f7f7f7; min-width: 23ch; } .product-parameters .custom-select select, .product-parameters .custom-select option { font-weight: bold; } .pdp-warranty-wrap:not(.empty), .pdp-ordering-disclaimer:not(.empty), .pdp-promo.cart-item:not(.empty), .quantity-wrap:not(.empty), .actions-container:not(.empty), .pdp-availability-wrap:not(.empty) { margin-bottom: 30px !important; } .pdp-add-to-cart .content { margin-bottom: 30px !important; overflow: hidden; } .pdp-add-to-cart .content:last-child { margin-bottom: 0 !important; } .pdp-add-to-cart .content p { margin: 0; } .pdp-add-to-cart .quantity-wrap { padding-bottom: 10px; } .pdp-add-to-cart #addToCartForm .full-button { margin-top: 0 !important; } .pdp-add-to-cart .pdp-availability-wrap { padding-bottom: 0 !important; } .pdp-add-to-cart .pdp-description-wrap { width: 100%; margin-bottom: 15px; padding-bottom: 15px; } .pdp-add-to-cart .cartItemDescription { margin-bottom: 10px; } .pdp-add-to-cart .cartItemDescription .cart-item__img { width: 127px !important; padding-left: 15px !important; } .pdp-add-to-cart .cartItemDescription .cart-item__img img { min-width: 116px; } .pdp-add-to-cart .cartItemDescription .cart-item__detail { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; } .pdp-add-to-cart .cartItemDescription .item-detail--price { margin-bottom: 0 !important; } .pdp-add-to-cart .cartItemDescription .item-detail--name:not(.item-detail-add) { margin-bottom: 0 !important; width: 90%; } .pdp-add-to-cart .cartItemDescription div[class*='add-promo-to-cart'] { width: 20%; margin-bottom: 0 !important; } .pdp-add-to-cart .cartItemDescription div[class*='add-promo-to-cart'] .warranty-button { cursor: pointer; font-weight: bold; } .pdp-add-to-cart .cartItemDescription .item-detail-add a { text-decoration: underline; color: #383838; font-weight: normal; } @media only screen and (max-width: 32.4375em) { .pdp-add-to-cart .cartItemDescription { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pdp-add-to-cart .cartItemDescription .cart-item__img { -webkit-align-self: flex-start; align-self: flex-start; -ms-flex-item-align: start; } .pdp-add-to-cart .cartItemDescription .item-detail--name:not(.item-detail-add) { width: 100% !important; } .pdp-add-to-cart .cartItemDescription .cart-item__detail { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pdp-add-to-cart .cartItemDescription .cart-item__detail div[class*='add-promo-to-cart'] { width: 100% !important; margin-top: 15px; -webkit-align-self: flex-start; align-self: flex-start; -ms-flex-item-align: start; } } @media only screen and (min-width: 32.5em) and (max-width: 47.9375em) { .pdp-add-to-cart .cartItemDescription div[class*='add-promo-to-cart'] { width: 32% !important; text-align: right; } } @media only screen and (min-width: 48em) { .page-productDetails .left-column, .page-cellWithDataPlanDetails .left-column, .page-bundleDetails .left-column { border-bottom: none; border-right: 1px solid #e2e2e2; float: left; margin-right: 6.2%; width: 65%; } .page-productDetails .left-column.no-manual, .page-cellWithDataPlanDetails .left-column.no-manual, .page-bundleDetails .left-column.no-manual { border-right: none; width: 100%; float: none; } .page-productDetails .right-column, .page-cellWithDataPlanDetails .right-column, .page-bundleDetails .right-column { float: left; padding-top: 0; width: 28%; } .product-parameters { padding-right: 0 !important; } .pdp-section-container .grid-collection h2 { height: 31px; line-height: 31px; padding: 0 12px; } .pdp-sale-duration { margin-top: 10px; margin-bottom: 10px; } .product-detail-sections #product-details:focus { outline-width: 0; padding-top: 20px; } .product-detail-sections .accordion-wrapper h2 { height: 31px; line-height: 31px; padding: 0 12px; background-color: #c4e0e7; color: #383838; } .product-detail-sections .accordion-wrapper .cell .accordion-content { display: block; } .product-detail-sections .accordion-wrapper .cell .accordion-content.collapsed { padding-bottom: 30px; display: none; } .product-detail-sections .accordion-wrapper .cell .hgroup:after { border-color: transparent transparent #fff; border-style: solid; border-width: 0 9px 10px; content: ''; display: block; height: 0; left: 15px; position: relative; right: auto; top: auto; width: 0; margin-top: -5px; } .product-detail-sections .accordion-wrapper .cell .accordion-trigger:after { border: none; left: auto; color: #383838; content: '-'; display: block; font-size: 25px; font-size: 1.5625rem; position: absolute; right: 15px; top: 1px; width: auto; } .product-detail-sections .accordion-wrapper .cell .accordion-trigger.collapsed:after { content: '+'; } .product-detail-sections .accordion-trigger { background: #c4e0e7; border: none; color: #383838; } .product-detail-sections .accordion-trigger:after { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 9px 10px 9px; bottom: -5px; content: ''; display: block; height: 0; left: 15px; position: absolute; right: auto; top: auto; width: 0; } .product-detail-sections .accordion-trigger.active { background: #c4e0e7; border: none; color: #383838; } .product-detail-sections .accordion-content { max-height: 9999px; padding: 30px 0 60px 4px; } .product-detail-sections .accordion-content.active { padding: 30px 0 60px 4px; } .product-detail-sections .accordion-content.shipping-information { padding-bottom: 50px; } .product-detail-sections .accordion-content.product-detail-specs .headline h3 { padding-left: 0; font-size: 12px; font-size: 0.75rem; } .product-detail-sections .accordion-content.product-detail-specs li { line-height: 130%; } .product-detail-sections .accordion-content.product-detail-specs dt { padding-left: 2%; } .product-detail-sections .accordion-content.product-detail-specs dd { padding-right: 2%; } .product-detail-sections .product-details-numbers-wrapper .product-details-key, .product-detail-sections .product-details-numbers-wrapper .product-details-value { padding-bottom: 10px; } .product-detail-sections .product-details-numbers-wrapper .product-details-key { display: block; float: left; clear: left; } .product-detail-sections .product-details-numbers-wrapper .product-details-value { display: block; float: left; margin-left: 8px; } .product-detail-sections .product-details-key { font-size: 14px; font-size: 0.875rem; } .product-detail-sections .product-details-value { font-size: 14px; font-size: 0.875rem; } .product-detail-sections h3 { font-size: 16px; font-size: 1rem; } .product-references-container-dealers { width: 75% !important; float: left; } .product-references-container { width: 50%; } .product-references-container .product-parameters { width: 100%; float: left; padding-bottom: 0 !important; padding-left: 0; } .product-references-container .product-parameters .custom-select { width: 100%; float: left; } .product-references-container .product-parameters .custom-select select.unselected { color: #000; outline: none; font-size: 13px; } .product-references-container .product-parameters .custom-select select.unselected option { background-color: #f7f7f7; color: #000; } .quantity-wrap { width: 25%; float: left; } .quantity-inline-component-container { width: 25%; float: left; font-size: 11px; color: #383838; } .quantity-inline-component-container p { font-size: 11px; color: #383838; font-family: clanotbook; margin: 0; line-height: 14px; } .quantity-inline-component-container p strong { font-family: clanotbook; } .pdp-section { padding-top: 0; } .pdp-section .actions-container { width: 100%; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; } .pdp-section .actions-container .productAddToCartPanel { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pdp-section .actions-container .productAddToCartPanel li { width: 100%; -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; } .pdp-section .actions-container .productAddToCartPanel li .full-button { max-width: 100%; padding: 10px 0 8px 0 !important; } .pdp-section .actions-container .productAddToCartPanel li .full-button:hover { border-color: #c00; color: #fff; } .pdp-section .actions-container .productAddToCartPanel li .secondary-button.full-button:hover { color: #c00 !important; } .pdp-section .actions-container .productAddToCartPanel li:first-child { margin-right: 10px; } .pdp-name { font-family: clanotnews; font-size: 20px; font-size: 1.25rem; margin-bottom: 10px; } .pdp-code { margin-bottom: 10px; } .pdp-prod-review { margin-bottom: 15px; } .pdp-details-wrap { width: 51%; float: right; padding-bottom: 15px; font-size: 0; } .pdp-details-wrap .pdp-price-wrap { width: 56%; } .pdp-summary { margin-bottom: 0px; } .pdp-price-wrap { display: inline-block; padding: 0 15px 0 0; vertical-align: middle; min-width: 200px; } .pdp-warranty-wrap, .actions-container { position: relative; display: inline-block; vertical-align: middle; width: 100%; } .actions-container { background: none; vertical-align: top; margin-bottom: 0 !important; width: 44%; } .actions-container:before { content: none; } .warranty-pop-up .product-title:before, .warranty-pop-up .product-title:after { display: none; } .warranty-pop-up .warranty-info-link { float: left; } .warranty-pop-up .printer-link { float: right; } .warranty-pop-up .primary-button { float: none; } .pdp-prod-review .star-wrap { display: inline-block; vertical-align: middle; } .pdp-share { text-align: left; } .pdp-share-label { display: inline-block; margin-bottom: 0; margin-right: 10px; vertical-align: middle; font-size: 12px; font-size: 0.75rem; font-family: clanotnews; } .pdp-social-icons li { margin: 0 3px; } .pdp-add-to-cart .pdp-color { padding-bottom: 11px; } .pdp-add-to-cart .pdp-color .pdp-color-select .label-value { left: 185px; top: 5px; } .pdp-add-to-cart .availability-status { float: left; margin-top: 0; padding-right: 0; } .pdp-add-to-cart .availability-status:after { content: ''; display: block; position: absolute; top: 0; right: 0; background: #d9d9d9; width: 1px; height: 100%; } .pdp-add-to-cart .qty-container { width: 56%; } .qty-label { display: block; margin-bottom: 10px; } .qty { width: 100%; } .pdp-custom { padding-bottom: 10px; } .pdp-custom.pdp-gift-card .qty { width: 21%; display: inline-block; vertical-align: top; } .pdp-custom.pdp-gift-card .qty .qty-label { margin-right: 5px; } .pdp-custom.pdp-gift-card .qty .qty-input { max-width: 44px; width: 52%; height: 40px; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer { width: 79%; display: inline-block; padding-left: 0; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer .secondary-button { padding: 10px 10px 8px; } .pdp-custom .qty { margin-bottom: 0; } .pdp-custom .productAddToCartPanelContainer { padding-left: 90px; } .pdp-custom .productAddToCartPanel > li { margin-bottom: 0; } .pdp-custom .productAddToCartPanelItem { width: 54%; float: left; padding: 0 0 0 10px; } .pdp-custom .add-to-list-item { width: 46%; float: left; padding: 0 10px; } .pdp-custom .gift-label { display: inline-block; margin-bottom: 0; padding-right: 10px; width: 30%; vertical-align: middle; } .pdp-custom .gift-select { display: inline-block; width: 70%; vertical-align: middle; } .pdp-custom .qty-container { padding-right: 0; width: 100%; } .pdp-custom .actions-container { padding-left: 0; width: 100%; } .pdp-custom .actions-container:before { display: none; } .pdp-custom .qty-label { display: inline-block; margin-right: 10px; } .bundle-categories .grid-collection-item-img { margin-right: 50px; } .bundle-categories .bundle-info { float: left; width: 65%; position: relative; } .bundle-categories .bundle-info:before { content: ''; position: absolute; display: block; width: 1px; height: 100%; background: #d9d9d9; right: -20px; } .bundle-categories .bundle-options { float: right; width: 30%; } .bundle-categories .checkbox-wrap { text-align: left; } .bundle-categories .bundle-total { float: right; } .bundle-categories .bundle-total .pdp-availability-wrap { display: inline-block; width: 305px; } .bundle-categories .bundle-total .pdp-availability-wrap .pdp-price-wrap { display: inline-block; padding-right: 30px; width: 20%; } .bundle-categories .bundle-total .pdp-availability-wrap .actions-container { width: 79%; } .page-cellWithDataPlanDetails .container .content { padding: 20px 0 0; } .page-cellPlanGrid .productImage { width: 50%; float: left; padding-right: 42px; } .page-cellPlanGrid .product-image { padding: 0; } .page-cellPlanGrid .container .content { padding: 20px 15px 10px; } .page-cellPlanGrid .pdp-code { color: #c0c0c0; } .page-cellPlanGrid .search-filter, .page-cellPlanGrid .product-image .hgroup, .page-cellPlanGrid .pdp-code { width: 49%; float: right; clear: right; } .page-cellPlanGrid .product-image-filter { padding: 0 15px; *zoom: 1; } .page-cellPlanGrid .product-image-filter:before, .page-cellPlanGrid .product-image-filter:after { content: ''; display: table; } .page-cellPlanGrid .product-image-filter:after { clear: both; } .page-cellPlanGrid.template-pages-layout-contentLayout1Page .breadcrumb-module { padding: 15px; } .page-cellPlanGrid.template-pages-layout-contentLayout1Page .accordion-trigger:after, .page-cellPlanGrid.template-pages-layout-contentLayout1Page .accordion-trigger.active .page-cellPlanGrid.template-pages-layout-contentLayout1Page .accordion-trigger:after { display: block; } .page-cellPlanGrid .product-detail-section-content .store-container { padding: 15px; } .page-cellPlanGrid .product-detail-section-content .store-container > div { width: 24%; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } .page-cellPlanGrid .payment-grid { padding: 0 15px 35px; } .page-cellPlanGrid .payment-grid h2 { padding-right: 0; padding-left: 0; } .page-cellPlanGrid .payment-grid .grid-wrapper { display: table; width: 100%; border: 1px #d9d9d9 solid; border-bottom: 0; } .page-cellPlanGrid .payment-grid .grid-headers { display: table-row; } .page-cellPlanGrid .payment-grid .grid-headers li { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; display: table-cell; width: 16.666%; text-align: right; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; background: #c4e0e7; } .page-cellPlanGrid .payment-grid .grid-headers li:first-child { padding-right: 0; text-align: left; } .page-cellPlanGrid .payment-grid .grid-headers li + li { border-left: 1px #fff solid; } .page-cellPlanGrid .secondary-header { background: #c4e0e7; height: 30px; padding: 0 12px; } .page-cellPlanGrid .secondary-header h2 { line-height: 30px; font-size: 14px; font-size: 0.875rem; margin-bottom: 0; } .page-cellPlanGrid .secondary-header h2:after { border-width: 0 6px 6px 6px; } } .pdp-description-last { margin-bottom: 30px; } @media only screen and (min-width: 64em) { .page-cellWithDataPlanDetails .container .content { padding: 20px 0 0; } .page-cellWithDataPlanDetails .actions-container { width: 100% !important; } .page-cellPlanGrid .container .content { padding: 20px 0 10px; } .page-cellPlanGrid .payment-grid { padding: 0 0 35px; } .page-cellPlanGrid .product-image-filter { padding: 0; } .pdp-add-to-cart .pdp-price-wrap .qty { width: 18.7%; } } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .pdp-gift-container { padding-top: 0; } } @media only screen and (min-width: 52em) { .payment-grid .left .block { width: 180px; float: right; padding: 0 20px 0 0; } .payment-grid .table { float: none; } .payment-grid .table .row-holder { text-align: left; width: 63%; } .payment-grid .table >.row-holder { float: right; } .payment-grid .table .one { width: 55%; } .payment-grid .table .tree, .payment-grid .table .two { width: 26%; } .payment-grid .table .row { height: 100px; } .payment-grid .table .row .header { width: 21%; height: 100%; float: left; border-right: 2px solid #fff; } .payment-grid .table .row .block { height: 100%; float: left; } .payment-grid .table .bonus .header .content { width: 95%; } .payment-grid .bonus-holder { text-align: right; *zoom: 1; } .payment-grid .bonus-holder:before, .payment-grid .bonus-holder:after { content: ''; display: table; } .payment-grid .bonus-holder:after { clear: both; } .payment-grid .bonus-holder > div { display: inline-block; vertical-align: middle; } } .slider-wrapper { margin-top: 50px; } .slider-wrapper .view-rate-plans-wrapper { margin-top: 20px; text-align: center; } .slider-wrapper .downpayment-note { margin-top: 40px; text-align: center; font-family: clanotbold; } .slider-wrapper #slider label { position: absolute; text-align: center; margin-top: 20px; } .slider-wrapper #slider { margin-right: 5%; margin-left: 5%; background: #d3d3d3; height: 8px; } .slider-wrapper #slider .slider-last-label { padding-left: 98%; width: 595px; } .slider-wrapper .slider-labels { margin-right: 5%; margin-left: 5%; } .slider-wrapper .slider-pips { height: 8px; background: #d3d3d3; margin-left: 5%; margin-right: 5%; position: relative; bottom: 8px; } .slider-wrapper .slider-pips .pip { display: inline-block; height: 8px; border-right: 4px solid #c00; float: left; } .slider-wrapper .slider-pips .last-pip { float: right; } .slider-wrapper .slider-pips .pip.selected { background: #c00; border-right: 4px solid #fff; } .slider-wrapper .slider-pips .pip.last-pip.selected { background: #c00; border-right: 4px solid #fff; } .slider-wrapper .slider-pips.full { background: #c00; } .slider-wrapper #slider .ui-slider-handle { -webkit-appearance: none; border: 9px solid #fff; height: 25px; width: 25px; background: #c00; cursor: pointer; -webkit-box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d; box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d; margin-top: -7px; } @media only screen and (max-width: 47.9375em) { .product-not-displayable-icon { float: left; } .product-not-displayable-text { width: 75%; } body.modal-open { overflow: hidden; } } @media only screen and (max-width: 51.9375em) { .payment-grid .left { width: 100%; float: none; } .payment-grid .table { width: 100%; } .payment-grid .table .one, .payment-grid .table .tree, .payment-grid .table .two { width: 55%; } .payment-grid .table .row .header { width: 40%; float: none; display: inline-block; margin-right: -4px; } .payment-grid .table .row .two ~ .two, .payment-grid .table .row .tree ~ .tree { display: block; margin-left: 40%; } .payment-grid .table .row .block { width: 55%; border-left: 2px solid #fff; height: 100px; float: none; display: inline-block; } .payment-grid .table .bonus .header { height: 100px; } } @media print { .pdp-custom { padding-bottom: 10px; } .pdp-custom.pdp-gift-card .qty { width: 21%; display: inline-block; vertical-align: top; } .pdp-custom.pdp-gift-card .qty .qty-label { margin-right: 5px; } .pdp-custom.pdp-gift-card .qty .qty-input { max-width: 44px; width: 52%; height: 40px; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer { width: 79%; display: inline-block; padding-left: 0; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer .secondary-button { padding: 10px 10px 8px; } .pdp-custom .qty { margin-bottom: 0; } .pdp-custom .productAddToCartPanelContainer { padding-left: 90px; } .pdp-custom .productAddToCartPanel > li { margin-bottom: 0; } .pdp-custom .productAddToCartPanelItem { width: 54%; float: left; padding: 0 0 0 10px; } .pdp-custom .add-to-list-item { width: 46%; float: left; padding: 0 10px; } .pdp-custom .gift-label { display: inline-block; margin-bottom: 0; padding-right: 10px; width: 30%; vertical-align: middle; } .pdp-custom .gift-select { display: inline-block; width: 70%; vertical-align: middle; } .pdp-custom .qty-container { padding-right: 0; width: 100%; } .pdp-custom .actions-container { padding-left: 0; width: 100%; } .pdp-custom .actions-container:before { display: none; } .pdp-custom .qty-label { display: inline-block; margin-right: 10px; } } @media print { .pdp-section { padding-top: 0; } .pdp-section .actions-container { width: 100%; padding-left: 0; padding-right: 0; } .pdp-section .actions-container .productAddToCartPanel { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .pdp-section .actions-container .productAddToCartPanel li { width: 100%; -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; } .pdp-section .actions-container .productAddToCartPanel li .full-button { max-width: 100%; padding: 10px 0 8px 0 !important; } .pdp-section .actions-container .productAddToCartPanel li .full-button:hover { border-color: #c00; color: #fff; } .pdp-section .actions-container .productAddToCartPanel li .secondary-button.full-button:hover { color: #c00 !important; } .pdp-section .actions-container .productAddToCartPanel li:first-child { margin-right: 10px; } } @media print { .page-productDetails .grid-content .grid-collection-item { width: 33%; } .page-productDetails .grid-content .grid-collection-item:nth-child(odd):before { display: block; } .page-productDetails .grid-content .grid-collection-item:nth-child(3n+1):before { display: none; } .page-productDetails .grid-content .grid-collection-item:nth-last-child(-n+3):after { display: none; } .pdp-add-to-cart { float: right; width: 51%; } .pdp-add-to-cart .pdp-price-wrap .qty { width: 25%; } .pdp-add-to-cart .pdp-price-wrap .availability-status { width: 72%; } .pdp-section .productDescription .hr-line { background-color: #d9d9d9; height: 1px; width: 51%; float: right; margin-bottom: 20px; } .pdp-section .productDescription .cell { border-bottom: none; margin-bottom: 0; padding-bottom: 10px; } .pdp-section .productDescription .bv-cleanslate .bv-core-container-113 .bv-primarySummary-rating-container .bv-rating-stars-on { color: #ffbc00 !important; } } @media print { .pageType-ProductPage .pdp-availability-wrap { padding-top: 10px; padding-bottom: 5px; padding: 15px; margin-bottom: 15px; font-size: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; } } @media print { .pdp-description-wrap { width: 51%; float: right; border-bottom: 1px solid #d9d9d9; margin-bottom: 15px; padding-bottom: 15px; } .page-productDetails .left-column, .page-cellWithDataPlanDetails .left-column, .page-bundleDetails .left-column { border-bottom: none; border-right: 1px solid #e2e2e2; float: left; margin-right: 6.2%; width: 65%; } .page-productDetails .left-column.no-manual, .page-cellWithDataPlanDetails .left-column.no-manual, .page-bundleDetails .left-column.no-manual { border-right: none; width: 100%; float: none; } .page-productDetails .right-column, .page-cellWithDataPlanDetails .right-column, .page-bundleDetails .right-column { float: left; padding-top: 0; width: 28%; } .pdp-section-container .grid-collection h2 { height: 31px; line-height: 31px; padding: 0 12px; } .pdp-sale-duration { margin-top: 10px; margin-bottom: 10px; } .product-detail-sections #product-details:focus { outline-width: 0; padding-top: 20px; } .product-detail-sections .accordion-wrapper h2 { height: 31px; line-height: 31px; padding: 0 12px; background-color: #c4e0e7; color: #383838; } .product-detail-sections .accordion-wrapper .cell .accordion-content { display: block; } .product-detail-sections .accordion-wrapper .cell .accordion-content.collapsed { padding-bottom: 30px; display: none; } .product-detail-sections .accordion-wrapper .cell .hgroup:after { border-color: transparent transparent #fff; border-style: solid; border-width: 0 9px 10px; content: ''; display: block; height: 0; left: 15px; position: relative; right: auto; top: auto; width: 0; margin-top: -5px; } .product-detail-sections .accordion-wrapper .cell .accordion-trigger:after { border: none; left: auto; color: #383838; content: '-'; display: block; font-size: 25px; font-size: 1.5625rem; position: absolute; right: 15px; top: 1px; width: auto; } .product-detail-sections .accordion-wrapper .cell .accordion-trigger.collapsed:after { content: '+'; } .product-detail-sections .accordion-trigger { background: #c4e0e7; border: none; color: #383838; } .product-detail-sections .accordion-trigger:after { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 9px 10px 9px; bottom: -5px; content: ''; display: block; height: 0; left: 15px; position: absolute; right: auto; top: auto; width: 0; } .product-detail-sections .accordion-trigger.active { background: #c4e0e7; border: none; color: #383838; } .product-detail-sections .accordion-content { max-height: 9999px; padding: 30px 0 60px 4px; } .product-detail-sections .accordion-content.active { padding: 30px 0 60px 4px; } .product-detail-sections .accordion-content.shipping-information { padding-bottom: 50px; } .product-detail-sections .accordion-content.product-detail-specs .headline h3 { padding-left: 0; font-size: 12px; font-size: 0.75rem; } .product-detail-sections .accordion-content.product-detail-specs li { line-height: 130%; } .product-detail-sections .accordion-content.product-detail-specs dt { padding-left: 2%; } .product-detail-sections .accordion-content.product-detail-specs dd { padding-right: 2%; } .product-detail-sections .product-details-numbers-wrapper .product-details-key, .product-detail-sections .product-details-numbers-wrapper .product-details-value { padding-bottom: 10px; } .product-detail-sections .product-details-numbers-wrapper .product-details-key { display: block; float: left; clear: left; } .product-detail-sections .product-details-numbers-wrapper .product-details-value { display: block; float: left; margin-left: 8px; } .product-detail-sections .product-details-key { font-size: 14px; font-size: 0.875rem; } .product-detail-sections .product-details-value { font-size: 14px; font-size: 0.875rem; } .product-detail-sections h3 { font-size: 16px; font-size: 1rem; } .product-parameters { width: 51%; float: right; padding-left: 0; } .product-parameters .custom-select { width: 53%; float: left; } .product-parameters .custom-select select.unselected { color: #000; outline: none; font-size: 14px; } .product-parameters .custom-select select.unselected option { background-color: #f7f7f7; color: #000; } .pdp-section { padding-top: 0; } .pdp-name { font-family: clanotnews; font-size: 20px; font-size: 1.25rem; margin-bottom: 10px; } .pdp-code { margin-bottom: 10px; } .pdp-prod-review { margin-bottom: 15px; } .pdp-details-wrap { width: 51%; float: right; border-bottom: 1px solid #d9d9d9; margin-bottom: 15px; padding-bottom: 15px; font-size: 0; } .pdp-details-wrap .pdp-price-wrap { width: 56%; } .pdp-details-wrap .pdp-price-wrap:after { content: ''; display: block; position: absolute; top: 0; right: 0; background: #d9d9d9; width: 1px; height: 100%; } .pdp-summary { margin-bottom: 0px; } .pdp-price-wrap { display: inline-block; padding: 0 15px 10px 0; vertical-align: middle; } .pdp-warranty-wrap, .actions-container { position: relative; display: inline-block; vertical-align: middle; width: 43%; padding-left: 15px; } .actions-container { background: none; vertical-align: top; width: 44%; } .actions-container:before { content: none; } .warranty-pop-up .product-title:before, .warranty-pop-up .product-title:after { display: none; } .warranty-pop-up .warranty-info-link { float: left; } .warranty-pop-up .printer-link { float: right; } .warranty-pop-up .primary-button { float: none; } .pdp-prod-review .star-wrap { display: inline-block; vertical-align: middle; } .pdp-share { text-align: left; } .pdp-share-label { display: inline-block; margin-bottom: 0; margin-right: 10px; vertical-align: middle; font-size: 12px; font-size: 0.75rem; font-family: clanotnews; } .pdp-social-icons li { margin: 0 3px; } .pdp-add-to-cart .pdp-color { padding-bottom: 11px; } .pdp-add-to-cart .pdp-color .pdp-color-select .label-value { left: 185px; top: 5px; } .pdp-availability-wrap { padding: 15px; margin-bottom: 15px; font-size: 0; } .pdp-availability-wrap .availability li { margin-bottom: 5px; } .pdp-availability-wrap .availability-status { float: left; margin-top: 0; padding-right: 0; } .pdp-availability-wrap .availability-status:after { content: ''; display: block; position: absolute; top: 0; right: 0; background: #d9d9d9; width: 1px; height: 100%; } .pdp-availability-wrap .qty-container { width: 56%; } .qty-label { display: block; margin-bottom: 10px; } .qty { width: 100%; } .pdp-custom { padding-bottom: 10px; } .pdp-custom.pdp-gift-card .qty { width: 21%; display: inline-block; vertical-align: top; } .pdp-custom.pdp-gift-card .qty .qty-label { margin-right: 5px; } .pdp-custom.pdp-gift-card .qty .qty-input { max-width: 44px; width: 52%; height: 40px; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer { width: 79%; display: inline-block; padding-left: 0; } .pdp-custom.pdp-gift-card .productAddToCartPanelContainer .secondary-button { padding: 10px 10px 8px; } .pdp-custom .qty { margin-bottom: 0; } .pdp-custom .productAddToCartPanelContainer { padding-left: 90px; } .pdp-custom .productAddToCartPanel > li { margin-bottom: 0; } .pdp-custom .productAddToCartPanelItem { width: 54%; float: left; padding: 0 0 0 10px; } .pdp-custom .add-to-list-item { width: 46%; float: left; padding: 0 10px; } .pdp-custom .gift-label { display: inline-block; margin-bottom: 0; padding-right: 10px; width: 30%; vertical-align: middle; } .pdp-custom .gift-select { display: inline-block; width: 70%; vertical-align: middle; } .pdp-custom .qty-container { padding-right: 0; width: 100%; } .pdp-custom .actions-container { padding-left: 0; width: 100%; } .pdp-custom .actions-container:before { display: none; } .pdp-custom .qty-label { display: inline-block; margin-right: 10px; } .bundle-categories .grid-collection-item-img { margin-right: 50px; } .bundle-categories .bundle-info { float: left; width: 65%; position: relative; } .bundle-categories .bundle-info:before { content: ''; position: absolute; display: block; width: 1px; height: 100%; background: #d9d9d9; right: -20px; } .bundle-categories .bundle-options { float: right; width: 30%; } .bundle-categories .checkbox-wrap { text-align: left; } .bundle-categories .bundle-total { float: right; } .bundle-categories .bundle-total .pdp-availability-wrap { display: inline-block; width: 305px; } .bundle-categories .bundle-total .pdp-availability-wrap .pdp-price-wrap { display: inline-block; padding-right: 30px; width: 20%; } .bundle-categories .bundle-total .pdp-availability-wrap .actions-container { width: 79%; } .page-cellWithDataPlanDetails .container .content { padding: 20px 0 0; } .page-cellPlanGrid .productImage { width: 50%; float: left; padding-right: 42px; } .page-cellPlanGrid .product-image { padding: 0; } .page-cellPlanGrid .container .content { padding: 20px 15px 10px; } .page-cellPlanGrid .pdp-code { color: #c0c0c0; } .page-cellPlanGrid .search-filter, .page-cellPlanGrid .product-image .hgroup, .page-cellPlanGrid .pdp-code { width: 49%; float: right; clear: right; } .page-cellPlanGrid .product-image-filter { padding: 0 15px; *zoom: 1; } .page-cellPlanGrid .product-image-filter:before, .page-cellPlanGrid .product-image-filter:after { content: ''; display: table; } .page-cellPlanGrid .product-image-filter:after { clear: both; } .page-cellPlanGrid.template-pages-layout-contentLayout1Page .breadcrumb-module { padding: 15px; } .page-cellPlanGrid.template-pages-layout-contentLayout1Page .accordion-trigger:after, .page-cellPlanGrid.template-pages-layout-contentLayout1Page .accordion-trigger.active .page-cellPlanGrid.template-pages-layout-contentLayout1Page .accordion-trigger:after { display: block; } .page-cellPlanGrid .product-detail-section-content .store-container { padding: 15px; } .page-cellPlanGrid .product-detail-section-content .store-container > div { width: 24%; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; } .page-cellPlanGrid .payment-grid { padding: 0 15px 35px; } .page-cellPlanGrid .payment-grid h2 { padding-right: 0; padding-left: 0; } .page-cellPlanGrid .payment-grid .grid-wrapper { display: table; width: 100%; border: 1px #d9d9d9 solid; border-bottom: 0; } .page-cellPlanGrid .payment-grid .grid-headers { display: table-row; } .page-cellPlanGrid .payment-grid .grid-headers li { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; display: table-cell; width: 16.666%; text-align: right; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; background: #c4e0e7; } .page-cellPlanGrid .payment-grid .grid-headers li:first-child { padding-right: 0; text-align: left; } .page-cellPlanGrid .payment-grid .grid-headers li + li { border-left: 1px #fff solid; } .page-cellPlanGrid .secondary-header { background: #c4e0e7; height: 30px; padding: 0 12px; } .page-cellPlanGrid .secondary-header h2 { line-height: 30px; font-size: 14px; font-size: 0.875rem; margin-bottom: 0; } .page-cellPlanGrid .secondary-header h2:after { border-width: 0 6px 6px 6px; } } .wishlist-price { text-align: right; min-width: 200px; } @media only screen and (max-width: 47.9375em) { .wishlist-price { float: right; min-width: 200px; } } @media only screen and (max-width: 23.1875em) { .wishlist-price { float: none; } } .wishlist-price__body { text-align: right; } .wishlist-price .pdp-price-wrap { min-width: 0; padding-right: 0; text-align: right; } .wishlist-price .pdp-price-wrap .sale-price { margin-bottom: 0; } .wishlist-price .pdp-price-wrap .pdp-sale-text, .wishlist-price .pdp-price-wrap .pdp-price-savings { margin-top: 5px; margin-bottom: 5px; } .wishlist-price .pdp-price-wrap .pdp-price-savings.price, .wishlist-price .pdp-price-wrap .pdp-original-price.price { width: auto; float: none; left: auto; margin-bottom: 5px; } .wishlist-price .pdp-price-wrap .pdp-sale-duration { margin-top: 0; margin-bottom: 5px; } @media only screen and (min-width: 48em) { .mobile-container--fwidth { width: 100%; padding-left: 0; } } @media only screen and (max-width: 47.9375em) { .mobile-container--fwidth { padding: 5px; padding-bottom: 15px !important; } .pageType-ProductPage.modal_open { position: fixed; width: 100%; } .pageType-ProductPage.modal_open .bcFloat, .pageType-ProductPage.modal_open #bc-chat-container { display: none !important; } .pageType-ProductPage .quantity-wrap { width: 135px; float: left; } .pageType-ProductPage .quantity-inline-component-container { float: left; font-size: 11px; } .pageType-ProductPage .promoPopupContent { padding: 0 15px; } .pageType-ProductPage .pdp-section .desktop-only { display: none; } .pageType-ProductPage .pdp-section .mobile-only { display: block; } .pageType-ProductPage .value-prop { margin-top: 15px; margin-bottom: 10px; } .pageType-ProductPage .breadcrumbs { right: 3.33% !important; padding-left: 30px !important; } .pageType-ProductPage .breadcrumbs li { display: none; } .pageType-ProductPage .breadcrumbs li a { margin: 0 5px 0 0; } .pageType-ProductPage .breadcrumbs li.active a { margin: 0 0 0 5px; } .pageType-ProductPage .breadcrumbs li:before { color: #c00 !important; } .pageType-ProductPage .breadcrumbs li:nth-last-child(2), .pageType-ProductPage .breadcrumbs li:last-child { display: inline-block; } .pageType-ProductPage .breadcrumbs li:nth-last-child(2):before { display: none; } .pageType-ProductPage .breadcrumbs li:last-child a { color: #383838; } .pageType-ProductPage .zoom-button-wrap { position: absolute; bottom: 20px; right: 15px; } .pageType-ProductPage .zoom-button-wrap .zoom-text { display: none; } .pageType-ProductPage .color-box.pdp-image { width: 100% !important; height: 100% !important; left: 0 !important; margin-left: auto !important; top: 66px !important; } .pageType-ProductPage .color-box.pdp-image#cboxOverlay { background: none !important; } .pageType-ProductPage .color-box.pdp-image #cboxWrapper { width: 100% !important; height: 100% !important; position: fixed !important; top: 64px; } .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) { height: 100% !important; } .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) #cboxContent, .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) #cboxLoadedContent { max-width: 100%; height: 100% !important; width: 100% !important; } .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) #cboxContent .colorbox-product-image.productImage, .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) #cboxLoadedContent .colorbox-product-image.productImage { width: 100% !important; margin-top: 50px; height: 70%; overflow-y: auto; } .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) #cboxContent .colorbox-product-image.productImage .productImagePrimary, .pageType-ProductPage .color-box.pdp-image #cboxWrapper > div:nth-child(2) #cboxLoadedContent .colorbox-product-image.productImage .productImagePrimary { width: 90%; height: auto; padding: 0; padding-bottom: 20px; } .pageType-ProductPage #cboxOverlay { background: none; background-color: rgba(0,0,0,0.56); opacity: 1 !important; -ms-filter: none !important; filter: none !important; -ms-filter: none !important; filter: none !important; } .pageType-ProductPage #colorbox:after { display: none; } .pageType-ProductPage .sticky-button.sticky { display: block !important; position: fixed; width: 100%; -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,0.75); box-shadow: 0 2px 14px 0 rgba(0,0,0,0.75); padding: 12px 0px 32px 0; background: #fff; bottom: 0; z-index: 9999; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pageType-ProductPage .sticky-button.sticky button { width: 90% !important; max-width: 100% !important; } .pageType-ProductPage .product-details-highlights { padding: 12px 15px; } .pageType-ProductPage .product-details-highlights h3 { font-size: 14px; text-transform: capitalize; } .pageType-ProductPage .product-details-highlights ul > li { font-size: 12px; } } .pageType-ProductPage .primary-button, .page-cartPage .primary-button, .pageType-ProductPage .secondary-button, .page-cartPage .secondary-button { font-family: clanotmedium; } .pageType-ProductPage .productAddToCartPanelContainer, .page-cartPage .productAddToCartPanelContainer { width: 100%; } .pageType-ProductPage .modal-header-text, .page-cartPage .modal-header-text { width: 87% !important; font-weight: 500; font-size: 16px !important; } .pageType-ProductPage #login-popup, .page-cartPage #login-popup { display: none; } .pageType-ProductPage .close-button, .page-cartPage .close-button { border: none !important; padding: 0 !important; position: absolute; top: 17px; right: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media only screen and (max-width: 47.9375em) { .pageType-ProductPage .close-button, .page-cartPage .close-button { top: 8px !important; } } .pageType-ProductPage .close-button img, .page-cartPage .close-button img { width: 20px; margin-bottom: -8px; } .pageType-ProductPage .login-close-button, .page-cartPage .login-close-button { top: 11px !important; } .pageType-ProductPage .breadcrumbs, .page-cartPage .breadcrumbs { border-bottom: none; } .pageType-ProductPage .new-list, .page-cartPage .new-list { display: inline-block; padding: 10px; border: 1px solid #d9d9d9; position: relative; width: 100%; } .pageType-ProductPage .new-list button, .page-cartPage .new-list button { float: left; width: 100%; text-align: left; font-size: 13px !important; font-family: clanotnews; } .pageType-ProductPage .new-list button:before, .page-cartPage .new-list button:before { content: '+'; display: block; font-size: 24px; font-size: 1.5rem; color: #c00; position: absolute; right: 9px; top: 8px; } .pageType-ProductPage .existing-list, .page-cartPage .existing-list { margin-top: 10px; } .pageType-ProductPage .existing-list > li, .page-cartPage .existing-list > li { padding: 16px; border-bottom: none; background: #eee; height: 54px !important; margin-bottom: 10px; font-size: 13px; } .pageType-ProductPage .existing-list > li >a, .page-cartPage .existing-list > li >a { display: block; width: 100%; height: 100%; } .pageType-ProductPage .existing-list li.long-text, .page-cartPage .existing-list li.long-text { height: auto !important; } .pageType-ProductPage .button-wrap button, .page-cartPage .button-wrap button { font-size: 14px !important; min-height: 40px !important; margin-top: 15px !important; padding: 10px 25px 8px !important; width: 100%; } .pageType-ProductPage .confirmation-message, .page-cartPage .confirmation-message { font-size: 13px; color: #4f4f4f; line-height: 17px; font-family: clanotnews; } .pageType-ProductPage .confirmation-popup a, .page-cartPage .confirmation-popup a, .pageType-ProductPage .confirmation-popup button, .page-cartPage .confirmation-popup button { margin: 15px 0 0 0; font-size: 14px !important; padding: 10px 25px 8px !important; } @media only screen and (max-width: 47.9375em) { .pageType-ProductPage .confirmation-popup a, .page-cartPage .confirmation-popup a, .pageType-ProductPage .confirmation-popup button, .page-cartPage .confirmation-popup button { position: initial !important; } } .pageType-ProductPage .confirmation-popup button, .page-cartPage .confirmation-popup button { bottom: 30px !important; } .pageType-ProductPage #create-wishlist-form .control-label, .page-cartPage #create-wishlist-form .control-label { margin-bottom: 7px; font-size: 13px; font-family: clanotnews; color: #4f4f4f; line-height: 17px; } .pageType-ProductPage #create-wishlist-form input, .page-cartPage #create-wishlist-form input { min-height: 46px; border-color: #979797; color: #6c6c6c; } .pageType-ProductPage #create-wishlist-form textarea, .page-cartPage #create-wishlist-form textarea { height: 46px; min-height: 52px; border-color: #979797; padding: 15px 10px; } .pageType-ProductPage #login, .page-cartPage #login { padding-top: 10px; padding-bottom: 20px; } .pageType-ProductPage #login .login-desc, .page-cartPage #login .login-desc { margin-bottom: 20px; font-family: clanotnews; line-height: 17px; font-size: 13px; } .pageType-ProductPage #login .button-wrap .login-button, .page-cartPage #login .button-wrap .login-button { width: 100%; min-width: 100%; } .pageType-ProductPage #digitaldownload, .page-cartPage #digitaldownload { padding-top: 10px; padding-bottom: 20px; } .pageType-ProductPage #digitaldownload .digital-download-modal-header-text, .page-cartPage #digitaldownload .digital-download-modal-header-text { background-color: #e8e8e8; color: #000; padding: 8px 0px 8px 10px; margin-top: 5px; } @media only screen and (max-width: 47.9375em) { .pageType-ProductPage #digitaldownload .digital-download-modal-header-text, .page-cartPage #digitaldownload .digital-download-modal-header-text { font-size: 1.8em; } } .pageType-ProductPage #digitaldownload .digitaldownload-desc, .page-cartPage #digitaldownload .digitaldownload-desc { margin-bottom: 20px; font-family: clanotnews; line-height: 17px; font-size: 13px; } .pageType-ProductPage #digitaldownload .color-box, .page-cartPage #digitaldownload .color-box, .pageType-ProductPage #digitaldownload .primary-button, .page-cartPage #digitaldownload .primary-button { float: unset !important; } .pageType-ProductPage #digitaldownload .button-wrap .digitalclose-button, .page-cartPage #digitaldownload .button-wrap .digitalclose-button { width: 100%; min-width: 100%; } .pageType-ProductPage .see-details-modal #cboxClose, .page-cartPage .see-details-modal #cboxClose { top: 23px !important; } .pageType-ProductPage #colorbox.bundle-list:after, .page-cartPage #colorbox.bundle-list:after { display: none; } .pageType-ProductPage #cboxOverlay, .page-cartPage #cboxOverlay { background-color: rgba(0,0,0,0.56); opacity: 1 !important; -ms-filter: none !important; filter: none !important; -ms-filter: none !important; filter: none !important; } .pageType-ProductPage .cart-item, .page-cartPage .cart-item { border: none; } .pageType-ProductPage .cart-item .bg-gray, .page-cartPage .cart-item .bg-gray { background: #eee; } .product-panel { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .product-panel__item { margin: 12px; } @media only screen and (max-width: 51.9375em) { .product-panel .product-panel__item { margin: 6px !important; width: 50%; } } @media only screen and (max-width: 20.9375em) { .product-panel { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .product-panel .product-panel__item { min-width: 70%; } } .quantity-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 10px; } .quantity-wrap__name { height: auto; font-size: 0.875rem; margin-right: 10px; font-family: clanotnews; } .quantity-wrap__counter { font-size: 0.875rem; } .quantity-wrap .input-group-wrap { width: auto; } .quantity-wrap .input-group-wrap .input-group { width: 100%; } .quantity-wrap .input-group-wrap .input-group input { border: 0.96px solid #d9d9d9; height: 39px; width: 39px !important; font-family: clanotnews; display: block; background: #f7f7f7; } .quantity-wrap .input-group-wrap .input-group .buttonMinus { font-size: 3rem; color: #c00; border-right: none; line-height: 0; } .quantity-wrap .input-group-wrap .input-group .buttonPlus { font-size: 2rem; border-left: none; color: #c00; } .quantity-wrap .input-group-wrap .input-group #qtyInput { background: #fff; padding-top: 5px; } @media only screen and (max-width: 47.9375em) { .quantity-wrap { margin-left: 15px; } } .cart-product-qty .quantity .input-group-wrap { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-top: 5px; } .cart-product-qty .quantity .input-group-wrap .input-status { margin-left: 0; } @media print { .product-detail-sections .accordion-wrapper h2 { height: 31px; line-height: 31px; padding: 0 12px; background-color: #c4e0e7; color: #383838; } .product-detail-sections .accordion-trigger { background: #c4e0e7; border: none; color: #383838; } .product-detail-sections .accordion-trigger { font-size: 14px; font-size: 0.875rem; height: 48px; line-height: 100%; padding: 18px 15px; } .accordion-wrapper .accordion-trigger { background: none; border: none; padding: 0; height: auto; } .accordion-wrapper .accordion-trigger { background: #00f; border-bottom: 1px solid #000; border-top: 1px solid #000; color: #383838; font-family: clanotnews; line-height: 100%; margin: -1px 0 0; padding: 15px 30px 14px 15px; position: relative; text-transform: uppercase; vertical-align: middle; cursor: pointer; } } h2 { font-size: 20px; font-size: 1.25rem; margin-bottom: 24px; } h1 h2 h3 h4 h5 { font-weight: normal; } .delete-asn-id-popup { margin: 25px; margin-top: 40px; text-align: center; } .delete-asn-id-popup .checkout-button-wrap { padding-top: 20px; } .delete-red-item-popup { margin: 25px; margin-top: 40px; text-align: center; } .delete-red-item-popup .checkout-button-wrap { padding-top: 20px; } .repair-container { padding-bottom: 10px; } .repair-tbl { width: 100%; text-align: center; font-size: 0.875rem; } .service-code { border: 1px solid #000; border-collapse: collapse; padding: 10px; } .repair-tbl-header { height: 31px; line-height: 31px; padding: 0 12px; background-color: #c4e0e7; color: #383838; margin-bottom: 15px; position: relative; text-transform: uppercase; font-size: 15px; } #table-wrapper { position: relative; } @media (max-width: 768px) { #table-wrapper:after { content: ''; position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: -webkit-linear-gradient(left, #fff, #d9d9d9); background: -moz-linear-gradient(left, #fff, #d9d9d9); background: -o-linear-gradient(left, #fff, #d9d9d9); background: -ms-linear-gradient(left, #fff, #d9d9d9); background: linear-gradient(to right, #fff, #d9d9d9); } #table-wrapper .delete-asn-id { margin-right: 10px; } #table-wrapper .delete-red-item { margin-right: 10px; } } .currentSar { width: 92%; } .currentSar:lang(fr) { width: 93%; } .currentSar td { padding: 5px 0 5px 0; } #table-scroll { max-height: 300px; overflow: auto; margin-top: 20px; } @media (max-width: 768px) { #table-scroll table:not(.currentAr, #table-scroll .prevARWrapper) { width: 600px !important; } } #table-scroll table:not(.currentAr td, #table-scroll .prevARWrapper) td, #table-scroll table:not(.currentAr th, #table-scroll .prevARWrapper) th { padding-left: 5px; padding-right: 5px; } #table-wrapper table thead th .text { position: absolute; top: -20px; z-index: 2; height: 20px; width: 35%; border: 1px solid #f00; } .page-redPortalASNList td:last-child { width: 60px; } @media (max-width: 768px) { .page-redPortalASNList #table-wrapper #table-scroll table { width: 700px !important; } } .red-list-view #table-wrapper #table-scroll .reference-number:hover { cursor: pointer; font-weight: bold; } .red-list-view .description-ar:hover { cursor: pointer; } .red-list-view .description-ar { color: #00f; } .template-pages-red-redPortalLayoutPage .alert { margin-bottom: 0; } @media (max-width: 767px) { .template-pages-red-redPortalLayoutPage .sub-navigation { padding-left: 15px; margin-top: 5px; } .template-pages-red-redPortalLayoutPage .sidebar-subnav .active { color: #fff; background-color: #c00000; display: block; font-family: clanotnews; padding: 15px; font-weight: bold; } .template-pages-red-redPortalLayoutPage .sidebar-subnav .active a { color: #fff; font-family: clanotnews; } } @media only screen and (max-width: 47.9375em) { .template-pages-red-redPortalLayoutPage .breadcrumbs { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .template-pages-red-redPortalLayoutPage .breadcrumbs li { display: block !important; } } @media (max-width: 768px) { .page-redPortalASNDetailsView .header-wrap div, .page-redPortalPrintSarPage .header-wrap div { width: none !important; overflow: auto; } .page-redPortalASNDetailsView table:not(.sarBtnWrapper), .page-redPortalPrintSarPage table:not(.sarBtnWrapper) { width: 700px !important; } .page-redPortalASNDetailsView table:not(.sarBtnWrapper) a, .page-redPortalPrintSarPage table:not(.sarBtnWrapper) a { position: relative; } } #rcvd, #keep { height: 25px; width: 40px; margin-top: 5px; } @media (max-width: 768px) { #table-scroll #sarAsnOrderDetailsTable { width: 800px !important; } } .page-redPortalAddSarPage #sarForm a { padding-left: 20px; } .page-redPortalAddSarPage #sarForm ul { margin-bottom: 10px; } .page-redPortalAddSarPage #sarForm input[type=button] { margin-top: 20px; } .page-redPortalAddSarPage #sarForm .sarLabel { padding-right: 40px; } @media (max-width: 768px) { .page-redPortalAddSarPage #sarForm .sarLabel { padding-right: 10px; } } .purchase-info.secondary-header .hgroup h2 { line-height: 20px; padding: 15px 0 15px 0; } @media (max-width: 500px) { .dealerSite a[title="Planograms"], .dealerSite a[title="Planogramme"] { display: none; } } @media (max-width: 767px) { .dealerSite .utility-nav a { margin-left: 7px; } .dealerSite .utility-nav .location { display: none; } .dealerSite .noFiles { padding-bottom: 15px; } } .page-cartPage .container .alert { margin-bottom: 20px; } .empty-cart-suggestions h3 { margin-bottom: -15px; } .cart-order .cart-th-price, .cart-order .cart-th-qty, .cart-order .cart-th-total, .cart-order .cart-product-price, .cart-order .cart-product-qty, .cart-order .cart-product-total { text-align: right; } @media only screen and (min-width: 48em) { .cart-product-image { width: 40%; } } .cart-product-image.blank { min-width: 70px; min-height: 20px; } .cart-product-image.blank img { max-height: 56px; max-width: 75px; height: auto; } .cart-product-desc { margin-left: 110px; } .cart-order-acp .cart-product-desc { margin: 0; } .cart-product-desc.with-acp { padding-left: 97px; } .cart-product-desc.with-acp:before { content: ''; display: block; height: 2px; position: relative; background: #fff; position: absolute; top: -2px; width: 97px; left: 1px; } .cart-product-desc.with-acp .cart-item__img { width: 121px !important; padding: 0 0 15px 0 !important; } .cart-product-name { display: inline-block; font-size: 13px; font-size: 0.8125rem; word-break: break-all; color: #383838; font-family: clanotbook; margin: 0 0 10px; } .cart-product-name:hover { color: #9e0000; } .cart-product-availability { clear: both; padding-top: 15px; } @media only screen and (min-width: 48em) { .cart-product-availability { max-width: 170px; } } .cart-product-availability .availability .availability-text.aline, .cart-product-availability .availability.in-stock.aline { white-space: nowrap; } .cart-product-price { margin-top: 15px; } .cart-price-savings { font-family: clanotnews; font-size: 12px; font-size: 0.75rem; color: #383838; background: #fdb814; display: inline-block; padding: 3px; font-family: clanotmedium; margin-bottom: 9px; } .cart-sale-duration { color: #4f4f4f; font-family: clanotnews; margin-top: 12px; font-size: 10px; font-size: 0.625rem; } .cart-sale-duration .sale-price { font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; color: #383838; margin-bottom: 5px; } .cart-sale-duration .sale-price.special-price { color: #c00; } .cart-sale-duration .regular-price { color: #4f4f4f; display: block; font-family: clanotnews; font-size: 13px; font-size: 0.8125rem; margin-bottom: 5px; text-align: right; } .cart-sale-duration .alt-sale-price { color: #c00; display: block; font-family: clanotnews; font-size: 13px; font-size: 0.8125rem; margin-bottom: 5px; text-align: right; } .cart-sale-duration .dealer-price { padding-bottom: 10px; } @media only screen and (max-width: 47.9375em) { form.updateQuantityForm { display: none !important; } } .cart-product-qty { *zoom: 1; } .cart-product-qty:before, .cart-product-qty:after { content: ''; display: table; } .cart-product-qty:after { clear: both; } .cart-product-qty .quantity, .cart-product-qty +below(48em) { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .cart-product-qty .quantity form.updateQuantityForm, .cart-product-qty +below(48em) form.updateQuantityForm { display: none !important; } .cart-product-qty .quantity form, .cart-product-qty +below(48em) form { float: none; } .cart-product-qty .cart-remove-product { display: block; padding-top: 3px; } .cart-product-qty .submitRemoveProduct { display: inline-block; white-space: nowrap; background: none; border: none; padding: 0; overflow: hidden; line-height: 1; width: auto; overflow: visible; font-size: 0.9em; } .cart-product-qty .submitRemoveProduct svg { display: block; } .cart-product-qty .submitRemoveProduct:hover, .cart-product-qty .submitRemoveProduct:focus, .cart-product-qty .submitRemoveProduct +above(48em) { display: block; white-space: nowrap; text-indent: 0px; text-align: left; vertical-align: middle; line-height: 16px; padding: 2px 0; width: auto; float: right; font-family: clanotnews; text-decoration: underline; } .cart-product-qty .submitRemoveProduct:hover svg, .cart-product-qty .submitRemoveProduct:focus svg, .cart-product-qty .submitRemoveProduct +above(48em) svg { margin-right: 4px; display: inline; height: 14px; width: 14px; vertical-align: middle; } .cart-product-qty .cart-remove-product .submitRemoveProduct { padding: 0; } .cart-product-qty .remove-icon { display: block; height: auto; width: 25px; } .cart-product-qty svg { display: block; } .cart-product-qty .modal-wrap { position: absolute; } .cart-product-total { font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; } .cart-product-add-acp .warranty-text { font-size: 14px; font-size: 0.875rem; } .cart-order .has-acp, .cart-order .contain-acp { padding-bottom: 0; } .has-promotion .sale-price { color: #c00; } .cart-promotion { word-wrap: break-word; } .cartEmpty-text { font-family: clanotbold; font-size: 1.3rem; } .shopping-cart-wrapper { *zoom: 1; } .shopping-cart-wrapper .grid-content .grid-collection-item .grid-collection-link { display: block; } .shopping-cart-wrapper .grid-content .grid-collection-item .grid-collection-link .grid-collection-item-img { position: static; } .shopping-cart-wrapper:before, .shopping-cart-wrapper:after { content: ''; display: table; } .shopping-cart-wrapper:after { clear: both; } .shopping-cart-wrapper.grid-collection { margin-top: 30px; } .shopping-cart-wrapper .shipping-message { padding-top: 20px; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; } .shopping-cart-wrapper .custom-modal h3 { padding-top: 0; } .shopping-cart-wrapper .cart-details { border-bottom: 1px solid #d9d9d9; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 47.9375em) { .shopping-cart-wrapper .cart-details { border-bottom: 0px solid #fff; } } .shopping-cart-wrapper .cart-details__main { padding: 30px 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 47.9375em) { .shopping-cart-wrapper .cart-details__main { padding: 20px 0; font-size: 18px; font-size: 1.125rem; } } @media only screen and (min-width: 48em) { .shopping-cart-wrapper .cart-details__msg { padding-bottom: 20px; } } .shopping-cart-wrapper .cart-details .cart-details-msg { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 10px 15px; } .shopping-cart-wrapper .cart-details .cart-details-msg i { width: 24px; height: 24px; margin-right: 10px; } .shopping-cart-wrapper .cart-details .cart-details-msg i img { width: 100%; height: auto; } .shopping-cart-wrapper .cart-details .cart-details-msg span { font-size: 12px; font-size: 0.75rem; font-weight: 700; } .shopping-cart-wrapper h1 { display: inline-block; font-family: clanotmedium; font-size: 18px; font-size: 1.125rem; margin: 0; } .shopping-cart-wrapper .cart-id { color: #d9d9d9; font-size: 14px; font-size: 0.875rem; padding-left: 5px; font-family: clanotmedium; } @media only screen and (max-width: 47.9375em) { .shopping-cart-wrapper .cart-id { display: inline-block; } } .shopping-cart-wrapper .cart-id a { margin-left: 32px; } .shopping-cart-wrapper .cart-id .custom-modal a { margin-left: 0; } .shopping-cart-wrapper .cart-id .shipping-option .modal-parent .option-link { background: none; border: 0; font-family: clanotnews; width: 100%; margin: 0; padding: 0; margin-left: 32px; text-align: left; } .shopping-cart-wrapper .cart-delivery-type { font-family: clanotnews; } .shopping-cart-wrapper .cart-delivery-street, .shopping-cart-wrapper .cart-delivery-location { font-family: clanotbook; } .shopping-cart-wrapper .appliedPromotions { word-wrap: break-word; } .shopping-cart-wrapper .availability-text { display: inline-block; font-size: 0.75rem; vertical-align: top; padding-left: 14px; padding-right: 8px; } .shopping-cart-wrapper .add-to-list { background: none; border: 0; font-family: clanotnews; width: 100%; margin: 0; padding: 0; } .shopping-cart-wrapper .cart-remove-product .modal-wrap h3 { padding-top: 0; } .shopping-cart-wrapper .cart-remove-product-text { font-size: 12px; font-size: 0.75rem; } .shopping-cart-wrapper .cart-remove-product-text img { margin-left: 2px; vertical-align: middle; } .shopping-cart-wrapper .cart-sku-entry-wrapper .sku-text { display: inline-block; margin-bottom: 20px; vertical-align: middle; } @media only screen and (max-width: 59.9375em) { .shopping-cart-wrapper .cart-sku-entry-wrapper .sku-text { margin-bottom: 15px; } } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry .error-message { font-size: 12px; font-size: 0.75rem; color: #c00; line-height: 2.2; font-family: clanotmedium; display: none; margin-bottom: 0; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry.has-errors { position: relative; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry.has-errors .error-message { display: block; position: absolute; bottom: 45px; right: 185px; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry.has-errors .faux-input, .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry.has-errors .sku-quantity { border-color: #c00; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry.has-errors .faux-margin.fm-border:before { border-color: #c00; } .shopping-cart-wrapper .sku-form { display: inline-block; vertical-align: middle; width: 100%; } .shopping-cart-wrapper .cart-sku-input-wrapper { width: 100%; position: relative; padding-right: 151px; *zoom: 1; } .shopping-cart-wrapper .cart-sku-input-wrapper:before, .shopping-cart-wrapper .cart-sku-input-wrapper:after { content: ''; display: table; } .shopping-cart-wrapper .cart-sku-input-wrapper:after { clear: both; } .shopping-cart-wrapper .cart-sku-input-wrapper .parsley-errors-list { display: none; } .shopping-cart-wrapper .cart-sku-input-wrapper .faux-input-actions { position: absolute; right: 0; width: 151px; top: 0; } .shopping-cart-wrapper .cart-sku-input-wrapper .faux-margin { margin-left: 5px; } .shopping-cart-wrapper .cart-sku-input-wrapper .sku-quantity { width: 48px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: center; } .shopping-cart-wrapper .cart-sku-input-wrapper .sku-apply { width: 90px; padding: 5px 10px; } .shopping-cart-wrapper .cart-sku-input-wrapper .sku-number::-webkit-input-placeholder { color: #4f4f4f !important; } .shopping-cart-wrapper .cart-sku-input-wrapper .sku-number::-moz-placeholder { color: #4f4f4f !important; } .shopping-cart-wrapper .cart-sku-input-wrapper .sku-number:-ms-input-placeholder { color: #4f4f4f !important; } .shopping-cart-wrapper .cart-sku-entry { background: #ebf4f7; font-size: 14px; font-size: 0.875rem; margin: 30px -15px 10px; padding: 20px 15px 10px; } @media only screen and (max-width: 47.9375em) { .shopping-cart-wrapper .cart-sku-entry { padding-bottom: 20px; } } .shopping-cart-wrapper .button-wrap { clear: both; overflow: hidden; } .shopping-cart-wrapper .checkout-and-continue-button-wrap { position: relative; } .shopping-cart-wrapper .checkout-button { float: right; width: auto; white-space: nowrap; font-size: 0.875rem; text-align: center; vertical-align: middle; max-height: 40px; } .language-fr .shopping-cart-wrapper .checkout-button { padding-left: 13px; padding-right: 18px; } .shopping-cart-wrapper .checkout-button p { margin-top: 3px; } .shopping-cart-wrapper .checkout-button p svg { display: block; margin-right: 5px; margin-top: -2px; float: left; } .shopping-cart-wrapper .continue-shopping-button { float: right; width: auto; font-size: 0.875rem; text-align: center; vertical-align: middle; max-height: 40px; margin-right: 10px; padding-left: 10px; padding-right: 10px; } .shopping-cart-wrapper .empty-cart-content { margin-top: 10px; padding-top: 15px; } .shopping-cart-wrapper .empty-cart-content .hidden { display: none; } .shopping-cart-wrapper .empty-cart-content span img { width: 100%; } .shopping-cart-wrapper .empty-cart-content .continue-shopping-button { float: left; } @media only screen and (min-width: 48em) { .shopping-cart-wrapper .empty-cart-content { padding-top: 0; } .shopping-cart-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .submit-promo { padding: 0 0 0 18px; } .shopping-cart-wrapper .grid-content .grid-collection-item { width: 33%; padding-top: 0; } .shopping-cart-wrapper .grid-content .grid-collection-item:nth-child(odd):before { display: block; } .shopping-cart-wrapper .grid-content .grid-collection-item:nth-child(3n+1):before { display: none; } .shopping-cart-wrapper .grid-content .grid-collection-item:nth-last-child(-n+3):after { display: none; } .shopping-cart-wrapper .checkout-cart-item ul.appliedPromotions li { padding-left: 90px; } } .shopping-cart-wrapper .grid-content > ul { max-height: 150px; } .shopping-cart-wrapper .grid-content > ul.expanded { max-height: none; } .cart-checkout-breadcrumbs__cell { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; border-bottom: 1px solid #d9d9d9; padding: 15px 0; } .cart-checkout-breadcrumbs__cell .checkout-button { float: none; } @media only screen and (max-width: 47.9375em) { .cart-checkout-breadcrumbs__cell .checkout-button { margin-bottom: 0 !important; } } .cart-checkout-breadcrumbs__cell .total-price-value, .cart-checkout-breadcrumbs__cell .description-value { font-size: 0.8125rem; font-family: clanotmedium; } .cart-order-summary { clear: both; margin-bottom: 25px; width: 100%; } .cart-order-summary .sub-header { font-family: clanotmedium; font-size: 14px; } @media only screen and (min-width: 48em) { .cart-order-summary .sub-header { margin-bottom: 0.83em; } } @media only screen and (max-width: 47.9375em) { .cart-order-summary .sub-header { margin-left: 15px; } } @media only screen and (min-width: 48em) { .cart-order-summary .cart-summary-content { padding-top: 10px; border-top: 1px solid #d9d9d9; } } .cart-order-summary .cart-summary-content table:first-child tbody tr:last-child td { padding-top: 5px !important; } .cart-order-summary .cart-summary-content table:nth-of-type(2) tbody tr:last-child td { padding-top: 15px; } .cart-order-summary table { width: 100%; } .cart-order-summary thead { display: none; } .cart-order-summary .subtotal { font-family: clanotmedium; } .cart-order-summary .subtotal .description, .cart-order-summary .subtotal .value { font-weight: bold; } .cart-order-summary .description { display: table-cell; font-size: 13px; font-size: 0.8125rem; padding: 5px 0; vertical-align: middle; width: 60%; font-family: clanotnews; } .cart-order-summary .value { display: table-cell; font-family: clanotnews; font-size: 13px; font-size: 0.8125rem; padding: 5px 0; text-align: right; vertical-align: top; width: 40%; } .cart-order-summary .value.savings { color: #c00; } .cart-order-summary .membership-savings-col { padding-left: 3%; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); font-size: 0.75rem; } .cart-order-summary .membership-savings-row { border-top: none; } .cart-order-summary tfoot tr { border-bottom: 0; border-top: 0; } .cart-order-summary tfoot .total { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .cart-order-summary tfoot .total .cartValueEstimatedTotal { padding: 15px 0; } .cart-order-summary tfoot .total .description { padding: 15px 0 !important; } .cart-order-summary tfoot .description { color: #c00; font-family: clanotmedium; white-space: nowrap; } .cart-order-summary tfoot .tax-info .description { font-family: inherit; color: #4f4f4f; } .cart-order-summary tfoot .value { color: #c00; font-family: clanotmedium; padding-top: 8px; text-transform: uppercase; } .cart-order-summary tfoot .tax-info .value { font-family: inherit; color: #4f4f4f; text-transform: none; } .cart-order-summary tbody { border-bottom: 0; } .cart-order-summary tbody tr:last-child td { padding-bottom: 15px; } .cart-order-summary tbody tr { border-bottom: 0; } .cart-order-summary tbody h2 { margin-top: 7px; margin-bottom: 16px; } .dealers-site .cart-order-summary tfoot tr.weight td { color: #383838; } .inventory-status { margin-top: 10px; margin-bottom: 10px; } .promo-list a { display: inline; } .promo-list .legend { margin-top: 15px; } .promo-list ul { border-top: 1px solid #d9d9d9; } .promo-list .popupCartItem { border: none; padding-top: 0; margin-bottom: 0; } .addToCart { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; padding: 24px; position: fixed; width: 520px; z-index: 10000; max-height: 100vh; overflow-y: auto; } .addToCart:after { display: none; } .addToCart .promo-list ul { border-bottom: 1px solid #d9d9d9; } .addToCart .popup-msg { padding-bottom: 0.75rem; } .addToCart .legend { font-size: 16px; font-size: 1rem; position: relative; padding-left: 1.65rem; padding-bottom: 0; margin-bottom: 0.75rem; } .addToCart .legend__msg-positive:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 1.25rem; height: 1.25rem; background: #0aa84b url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPg0KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNyA0bC0xNSAxNS03LTctNSA1IDEyIDEyIDIwLTIweiI+PC9wYXRoPg0KPC9zdmc+DQo=) no-repeat center; -webkit-background-size: 1.041625rem 0.78125rem; -moz-background-size: 1.041625rem 0.78125rem; background-size: 1.041625rem 0.78125rem; border-radius: 100%; padding: 0.375rem; } .addToCart .popupCartItem { border-bottom: none; min-height: 80px; } .addToCart .itemThumb { top: 0; } .addToCart .itemDetail .itemName, .addToCart .itemDetail .itemPrice { font-size: 14px; font-size: 0.875rem; } .addToCart .itemDetail .itemName { display: inline-block; min-width: 170px; padding-right: 10px; } .addToCart .itemDetail .itemPrice { font-family: clanotbold; display: inline-block; vertical-align: top; } .addToCart .svg-highlight { cursor: pointer; float: right; position: absolute; right: 10px; top: 10px; } .addToCart .quantity-field.quantityField.updateQuantityField { width: 33.3333% !important; } .exit-icon { position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; } .exit-icon__icon { position: relative; display: block; width: 1rem; height: 1rem; } .exit-icon__icon:after, .exit-icon__icon:before { content: ''; position: absolute; top: 0.5rem; width: 1rem; height: 0; border: 0.5px solid #000; } .exit-icon__icon:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .exit-icon__icon:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .dealers-site .cart-order-summary tbody tr { border-bottom: 0; border-top: 0; } .dealers-site .cart-order-summary .sub-header { padding-bottom: 9px; border-bottom: 1px solid #d9d9d9; margin-bottom: 0; } .dealers-site .cart-order-summary tfoot .description, .dealers-site .cart-order-summary tfoot .value { padding-top: 16px; } .page-orderConfirmationPage .dealers-site .required { margin-left: inherit; } .page-orderConfirmationPage .dealers-site .cart-th-price, .page-orderConfirmationPage .dealers-site .cart-th-qty, .page-orderConfirmationPage .dealers-site .cart-th-total { text-align: right; } .page-orderConfirmationPage .dealers-site .cart-item-availability { clear: both; } .page-orderConfirmationPage .dealers-site .regular-price { font-weight: bold; } .cart-checkout-wrapper .cart-promotion-entry-wrapper { margin-bottom: 30px; } .cart-checkout-wrapper .cart-promotion-entry-wrapper span#promo-error { font-size: 0.8125rem; padding-bottom: 10px; width: 100%; overflow: hidden; } .cart-checkout-wrapper .cart-promotion-entry-wrapper span#promo-error hr { margin-bottom: 8px; margin-top: 8px; } .cart-checkout-wrapper .cart-promotion-entry-wrapper span#promo-error a { font-family: clanotmedium; text-decoration: underline; } .cart-checkout-wrapper .cart-promotion-entry-wrapper input[type="text"] { float: left; width: 72%; font-size: 12px !important; } .cart-checkout-wrapper .cart-promotion-entry-wrapper input[type="text"].add-placeholder { width: 100%; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .button { float: right; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .error-message { font-size: 12px; font-size: 0.75rem; color: #c00; line-height: 2.2; font-family: clanotmedium; display: none; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .promo-added { line-height: 3; display: none; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .promo-added b { font-family: clanotmedium; color: #383838; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .promo-added a { font-family: clanotnews; font-weight: bold; color: #c00; font-size: 14px; } .cart-checkout-wrapper .cart-promotion-entry-wrapper.has-promo .promo-added { display: inline-block; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper { width: 100%; position: relative; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .code-input-container { position: relative; width: 70%; overflow: visible; } @media only screen and (max-width: 47.9375em) { .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .code-input-container { width: 65%; } } .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .submit-promo { float: right; position: absolute; top: 0; right: 0; width: 33%; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .submit-promo .button { width: 100%; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .code-input-container { width: 63%; } .cart-checkout-wrapper .cart-promotion-entry-wrapper .cart-promotion-input-wrapper .submit-promo { width: 41%; } } .cart-checkout-wrapper .cart-promotion-entry-wrapper.has-errors .error-message { display: block; } .cart-checkout-wrapper .cart-promotion-entry-wrapper.has-errors .error-message:focus { outline-width: 0px; } .cart-checkout-wrapper .cart-promotion-entry-wrapper.has-errors .cart-promotion-input-wrapper { border-color: #c00; } .cart-checkout-wrapper .cart-promotion-entry-wrapper.has-errors .cart-promotion-input-wrapper .submit-promo { border-left-color: #c00; } @media only screen and (max-width: 47.9375em) { .addToCart { width: 95%; } .cart-product-action { width: 25%; } .cart-product-action h2 { font-size: 12px; font-family: clanotbold; } .checkout-pop-up-wrap .checkout-button-wrap .primary-button { padding: 10px 25px 8px; } .cart-order .cart-product-add-acp-wrap { border-top: 0; } .cart-order .cart-product-add-acp-wrap .cart-product-add-acp { padding: 0; } .cart-order .cart-product-add-acp-wrap .cart-product-add-acp:first-child { padding-top: 0; } .cart-checkout-wrapper .cart-promo-totals-wrapper { border-top: 1px solid #d9d9d9; padding-top: 10px; } .cart-checkout-wrapper .button-wrap .button { position: relative; } .cart-checkout-wrapper .button-wrap .button.checkout-button { bottom: 25px; } .cart-checkout-wrapper .button-wrap .button.continue-shopping { top: 55px; } #cart-ship-to-me+label { padding-top: 25px; } #cart-my-store+label { margin-bottom: 15px; } .checkout-cart .cart-order-summary { margin-top: 0px; } .add-to-wishlist-popup.color-box .custom-modal .modal-content .button-wrap.confirmation-popup { display: block !important; width: 105%; right: 15px; } .add-to-wishlist-popup.color-box .custom-modal .modal-content .button-wrap.confirmation-popup .button.primary-button { position: relative; width: 100%; display: block !important; } .add-to-wishlist-popup.color-box .custom-modal .modal-content .button-wrap.confirmation-popup a { bottom: 15px; } .list-created-popup #cboxWrapper { width: 100% !important; } .list-created-popup #cboxWrapper section.custom-modal .modal-content .button-wrap.confirmation-popup { display: block; width: 100%; padding-right: 35px; } .list-created-popup #cboxWrapper section.custom-modal .modal-content .button-wrap.confirmation-popup .button { display: block; } .list-created-popup #cboxWrapper section.custom-modal .modal-content .button-wrap.confirmation-popup a { padding: 10px; } } .checkout-pop-up, .store-locator-pop-up { display: none; } .checkout-pop-up-wrap { padding: 10px 10px; } .checkout-pop-up-wrap .checkout-terms-header { font-size: 14px; font-size: 0.875rem; font-family: clanotmedium; margin-bottom: 20px; padding-top: 15px; } .checkout-pop-up-wrap .checkout-terms-content { height: auto; overflow-y: auto; } .checkout-pop-up-wrap .checkout-terms-content ul { list-style: none; padding: 10px 0; max-height: 200px; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item { display: inline-block; width: 100%; border-top: 1px solid #d9d9d9; padding: 15px 0; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item:last-child { border-bottom: 1px solid #d9d9d9; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item > div { display: inline-block; vertical-align: top; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-image { width: 20%; word-break: break-all; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-image a { display: block; text-align: center; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-image .popup-title-item { padding-bottom: 10px; font-family: clanotmedium; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-image .primary-image { margin: 0; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-item-availability { width: 50%; padding-left: 10px; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-item-availability .popup-title-item { padding-bottom: 10px; font-family: clanotmedium; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-item-availability > h2 { font-family: clanotmedium; margin-bottom: 10px; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-item-availability > p { margin-bottom: 0; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-action { width: 25%; text-align: right; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-action .cart-remove-item-action { background: none; border: none; color: #c00; font-size: 14px; font-size: 0.875rem; } .checkout-pop-up-wrap .checkout-terms-content ul .cart-order-item .cart-product-action .cart-remove-item-action.svg-highlight svg { width: 14px; height: 14px; } .checkout-pop-up-wrap .checkout-button-wrap { margin-top: 10px; overflow: hidden; } .checkout-pop-up-wrap .checkout-button-wrap .primary-button { width: 31%; float: right; margin-top: 0; margin-left: 2%; } .checkout-pop-up-wrap .checkout-button-wrap .primary-button.change-delivery-location-button { width: 25%; } .checkout-pop-up-wrap .checkout-button-wrap .primary-button#continueCheckout-3 { width: 33%; } .delivery-restrictions-popup .checkout-terms-header { margin-bottom: 5px; padding-top: 30px; } .store-locator-pop-up-wrap { padding: 20px; } .store-locator-pop-up-wrap .store-locator-pop-up-header { font-size: 22px; font-size: 1.375rem; font-family: clanotnews; text-transform: uppercase; } .store-locator-pop-up-wrap .store-locator-pop-up-content { position: relative; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-form { height: auto; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-form .searchPane .headline { display: none; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map { height: 360px; padding-left: 255px; position: absolute; right: 0; top: 0; width: 100%; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map .storeMap #map_canvas { height: 293px; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map .storeMap #map_canvas[aria-hidden="true"] { display: block; } .language-fr .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map .storeMap #map_canvas { height: 311px; } @media only screen and (max-width: 47.9375em) { .shopping-cart-wrapper .appliedPromotions { margin-left: 90px; margin-bottom: 20px; } .shopping-cart-wrapper .cart-checkout-wrapper { border-bottom: 1px solid #f1f2f2; } .shopping-cart-wrapper .cart-checkout-wrapper .appliedPromotions { margin: 0; } .shopping-cart-wrapper .primary-button { display: block; margin: 0 0 15px; width: 100%; text-align: center; } .shopping-cart-wrapper .container { padding-left: 0; padding-right: 0; } .shopping-cart-wrapper .checkout-button { padding-top: 6px; margin: 0 0 5px; width: 100%; } .shopping-cart-wrapper .checkout-button p svg { display: inline; float: none; margin-right: 5px; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .shopping-cart-wrapper .continue-shopping-button { margin: 0 0 5px; width: 100%; } .shopping-cart-wrapper .cart-promotion { padding-top: 8px; padding-bottom: 12px; } .shopping-cart-wrapper .grid-content .grid-collection-item { padding: 0; display: none; border-bottom: none; } .shopping-cart-wrapper .grid-content .grid-collection-item:first-of-type { display: block; } .shopping-cart-wrapper .grid-content .grid-collection-item .grid-collection-item-img { margin: 0; } div.cart-sku-entry.has-error .error-message { right: 5px; } .checkout-pop-up-wrap .checkout-button-wrap .primary-button { width: 100%; } .checkout-pop-up-wrap.price-change-popup .checkout-button-wrap .primary-button { width: 100%; } } @media only screen and (min-width: 30em) { .shopping-cart-wrapper .cart-sku-input-wrapper .faux-margin:before { width: 15px; left: -15px; } .shopping-cart-wrapper .cart-sku-input-wrapper .faux-margin.fm-border:before { width: 14px; } } @media only screen and (max-width: 29.9375em) { .cart-sku-entry-wrapper .cart-sku-entry .sku-text { padding: 0 20px; } } @media only screen and (min-width: 48em) { .empty-cart-suggestions h3 { margin-bottom: inherit; } .shopping-cart-wrapper .cart-delivery-options label.radio-button-label { padding-top: 25px; } .cart-th-image { width: 110px; } .cart-th-desc { width: 310px; } .cart-th-availability { width: 175px; } .cart-th-price, .cart-th-total { width: 14%; } .cart-th-qty { width: 12%; } .has-acp .rtable-td { padding-bottom: 0; } .cart-product-image { margin: 0; } .cart-product-image .primary-image { max-height: 56px; max-width: 75px; height: auto; margin-top: -10px; margin-bottom: 10px; } .cart-product-qty .quantity { width: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .cart-product-qty .quantity form.updateQuantityForm { display: none !important; } .cart-product-qty .quantity form { float: none; } .cart-product-qty .cart-remove-product { display: block; float: none; text-align: right; } .cart-product-qty .cart-remove-product-text { display: block; } .cart-product-qty .cart-remove-product-text button { text-decoration: underline; } .cart-product-qty .remove-icon { display: inline-block; width: 13px; } .cart-product-qty svg { display: inline; height: 14px; width: 14px; vertical-align: middle; } .cart-order .cart-product-add-acp { padding-right: 0; padding-top: 0; } .rtable-no-border .cart-product-add-acp { border: none; } .shopping-cart-wrapper .cart-delivery-options { margin: 0; padding: 0 0 35px; } .shopping-cart-wrapper .cart-delivery-options label { padding-top: 15px; } .shopping-cart-wrapper .add-to-list { margin-left: 0; } .shopping-cart-wrapper .cart-remove-product .modal-wrap.active { width: 280px; } .shopping-cart-wrapper .cart-remove-product .custom-modal.active { width: 280px; } .shopping-cart-wrapper h1 { font-size: 20px; font-size: 1.25rem; margin: 0; } .shopping-cart-wrapper .cart-id { color: #d9d9d9; font-size: 12px; font-size: 0.75rem; } .shopping-cart-wrapper .shipping-message { font-family: clanotnews; } .shopping-cart-wrapper .shipping-option { display: inline-block; vertical-align: top; width: 330px; } .shopping-cart-wrapper .shipping-option :hover { cursor: pointer; } .shopping-cart-wrapper .modal-parent { display: inline-block; } .shopping-cart-wrapper .modal-parent .option-link { width: 100%; margin: 0; padding: 0; margin-left: 32px; text-align: left; } .shopping-cart-wrapper .modal-trigger { display: block; font-size: 12px; font-size: 0.75rem; padding: 5px 0; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry { *zoom: 1; margin: 0 0 20px; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry:before, .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry:after { content: ''; display: table; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry:after { clear: both; } .shopping-cart-wrapper .cart-sku-entry-wrapper .sku-form { display: inline-block; width: 40%; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-input-wrapper { display: inline-block; font-size: 0; margin: 0; padding-right: 167px; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-input-wrapper .faux-margin { margin-left: 15px; } .shopping-cart-wrapper .cart-sku-entry-wrapper .faux-input-actions { width: 167px; } .shopping-cart-wrapper .cart-sku-entry-wrapper input.sku-number { margin: 0; } .shopping-cart-wrapper .cart-sku-entry-wrapper input.sku-quantity { width: 44px; } .shopping-cart-wrapper .cart-free-shipping { margin-top: 5px; position: relative; } .shopping-cart-wrapper .cart-promotion { max-width: 540px; float: left; width: 55%; } .shopping-cart-wrapper .cart-promo-totals-wrapper { float: right; max-width: 405px; width: 41%; margin-bottom: 5%; } .shopping-cart-wrapper .cart-promotion-entry-wrapper .promo-added { line-height: 1.2; } .page-orderConfirmationPage .dealers-site .cart-product-qty .quantity { margin-top: inherit; } } @media only screen and (min-width: 48em) { .page-orderConfirmationPage .dealers-site .shopping-cart-wrapper .cart-item-price { width: 9.25%; } .page-orderConfirmationPage .dealers-site .shopping-cart-wrapper .item-description { width: 56.5%; } .page-orderConfirmationPage .dealers-site .cart-item-availability { width: 130px; } .page-orderConfirmationPage .dealers-site .cart-product-details { width: 310px; } #order-totals-receiver .cart-order-summary h2 { font-size: 20px; font-size: 1.25rem; } } .page-multiStepCheckoutSummaryPage .item_container_holder .title_holder h2 { font-family: clanotnews; font-weight: bold; font-size: 14px; } @media only screen and (min-width: 48em) { .page-multiStepCheckoutSummaryPage .item_container_holder .title_holder h2 { margin-left: -10px; } } @media only screen and (max-width: 47.9375em) { .page-multiStepCheckoutSummaryPage .cart-order-summary .sub-header { margin-left: 15px; } } .page-multiStepCheckoutSummaryPage .cart-summary-content table:first-child tbody tr:last-child td { padding-bottom: 15px; } .page-cartPage #cboxClose:before { content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzODM4Mzg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Xbzk5NjhfTW9iaWxlSWNvbnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDE1LjA1bC01LjUsNS41YS45MS45MSwwLDAsMS0xLjIsMGwtLjctLjdhLjkxLjkxLDAsMCwxLDAtMS4ybDUuNS01LjVhLjkxLjkxLDAsMCwwLDAtMS4yTDQuNyw2LjU1YS45MS45MSwwLDAsMSwwLTEuMmwuOC0uOGEuOTEuOTEsMCwwLDEsMS4yLDBMMTIuMSwxMGEuOTEuOTEsMCwwLDAsMS4yLDBsNS42LTUuNmEuOTEuOTEsMCwwLDEsMS4yLDBsLjcuN2EuOTEuOTEsMCwwLDEsMCwxLjJsLTUuNiw1LjZhLjkxLjkxLDAsMCwwLDAsMS4ybDUuNiw1LjZhLjkxLjkxLDAsMCwxLDAsMS4ybC0uOC44YS45MS45MSwwLDAsMS0xLjIsMGwtNS42LTUuNkEuOTEuOTEsMCwwLDAsMTIsMTUuMDVaIi8+PC9zdmc+) !important; font-size: 20px; font-size: 1.25rem; font-weight: bold; } .cart-order-summary .sub-header { margin-left: 0; } .title_holder h2 { margin-top: 15px; font-family: clanotnews; font-weight: bold; font-size: 14px; } @media only screen and (min-width: 48em) { .title_holder h2 { margin-left: 0; } } label.form-sub-header { padding-bottom: 10px; } .cart-summary-content table:first-child tbody tr:last-child td { padding-bottom: 5px; } .cart-summary-content .tax-info td { padding-bottom: 15px; } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .shopping-cart-wrapper .cart-sku-entry-wrapper .sku-form { width: 100%; } } @media only screen and (min-width: 60em) { .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry { *zoom: 1; min-height: 40px; text-align: right; vertical-align: middle; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry:before, .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry:after { content: ''; display: table; } .shopping-cart-wrapper .cart-sku-entry-wrapper .cart-sku-entry:after { clear: both; } .shopping-cart-wrapper .cart-sku-entry-wrapper .sku-text { float: left; line-height: 40px; margin-bottom: 0; vertical-align: middle; width: 60%; text-align: left; } } #chartPopup { position: fixed; top: 50%; left: 50%; background: #fff; width: 1010px; height: 600px; margin: -300px 0 0 -505px; } #chartPopup .store-search-results .pagination-top-container .staticContentPagination.pagination-wrap { display: none; } .store-locator-pop-up[aria-hidden='false'] { display: block; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: -1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .store-locator-pop-up[aria-hidden='false'] .store-locator-header { padding: 20px 20px 0 20px; font-family: clanotnews; font-size: 22px; font-size: 1.375rem; text-transform: uppercase; } .store-locator-pop-up[aria-hidden='false'] .store-locator-header .headline { width: 100%; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; float: none; } body:not(.pageLabel-storefinder) .store-search-form, body:not(.pageLabel-storefinder) .store-search-results, body:not(.pageLabel-storefinder) .store-search-map a { visibility: hidden; } .switcher:checked + .store-locator-pop-up { opacity: 1; -ms-filter: none; filter: none; z-index: 450; } .switcher:checked + .store-locator-pop-up .store-search-form, .switcher:checked + .store-locator-pop-up .store-search-results, .switcher:checked + .store-locator-pop-up .store-search-map a { visibility: visible; } .switcher { visibility: hidden; } .store-locator-pop-up-wrap .store-search-map .storeMap { max-height: 293px; max-width: 745px; } .language-fr .store-locator-pop-up-wrap .store-search-map .storeMap { max-height: 311px; } .store-locator-pop-up-wrap .store-search-map #map_canvas { position: relative; overflow: hidden; -webkit-transform: translateZ(0px); background-color: #e5e3df; height: 293px; z-index: 999; max-width: 745px; width: 100%; } .language-fr .store-locator-pop-up-wrap .store-search-map #map_canvas { height: 311px; } .closeBtn { background-image: url("/_ui/desktop/theme-ts/images/icons/close-x.svg"), none; background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; background-color: #fff; width: 24px; height: 24px; position: absolute; top: 10px; right: 24px; z-index: 99899999; cursor: pointer; border-radius: 12px 12px; } .searchPane { display: block; position: relative; overflow: hidden; } #chartPopup .chartPopupWr { display: block; position: relative; overflow-y: auto; overflow-x: hidden; height: 540px; } #chartPopup .chartPopupWr .store-search-results .paginationBar.bottom { display: block !important; } @media only screen and (max-width: 47.9375em) { .cart-product .cell-mobile { padding: 15px 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .cart-product .cell-mobile .cart-product-image { width: 96px; margin-right: 10px; } .cart-product .cell-mobile .cart-product-image>a { display: inline-block; } .cart-product .cell-mobile .cart-product-image>a .thumb { width: 100%; height: auto; margin: 0; } .cart-product .cell-mobile .cart-product-image>a .thumb__badge { left: auto !important; right: 0 !important; } .cart-product .cell-mobile .cart-product-image>a .thumb img { width: 100%; max-width: 100%; -webkit-align-self: flex-start; align-self: flex-start; -ms-flex-item-align: start; } .cart-product .cell-mobile .cart-product-image>a .thumb .promo-indicator-wrapper { position: static; } .cart-product .cell-mobile .cart-item-info { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .cart-product .cell-mobile .cart-item-info .description-container { margin-left: 0; } .cart-product .cell-mobile .cart-item-info .description-container .name { margin-bottom: 10px; font-weight: bold; } .cart-product .cell-mobile .cart-item-info .cart-product-price { text-align: left; } .cart-product .cell-mobile .cart-item-info .cart-product-price .pdp-price-wrap { text-align: left; margin-bottom: 10px; } .cart-product .cell-mobile .cart-item-info .pdp-original-price { margin-bottom: 10px; } .cart-product .cell-mobile .cart-item-info .pdp-original-price.pdp-ehf-price { margin-bottom: 0; } .cart-product .cell-mobile .cart-item-info .pdp-sale-duration { margin-top: 10; } } .cart-product margin-bottom 10 .cart-product-qty { text-align: left; } .cart-product margin-bottom 10 .cart-product-qty .quantity { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .cart-product margin-bottom 10 .cart-product-qty .quantity .input-group-wrap { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; font-size: 0.85rem; } .cart-product margin-bottom 10 .cart-product-qty .quantity .cart-remove-product { padding-top: 0; } .cart-product margin-bottom 10 .cart-product-qty .quantity .cart-remove-product .submitRemoveProduct { height: 1.7rem; margin-left: 10px; } .cart-product margin-bottom 10 .cart-product-qty .quantity .cart-remove-product .submitRemoveProduct span { border-bottom: 1px solid #d9d9d9; } .cart-product margin-bottom 10 .cart-product-total { text-align: left; font-size: 0.75rem; margin-top: 7px; } .store-locator-fullscreen { overflow-y: hidden; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .store-locator-fullscreen #page { position: absolute; overflow: hidden; bottom: 0; top: 0; } @media only screen and (max-width: 61.1875em) { .shopping-cart-wrapper { position: inherit; } .store-locator-pop-up-wrap { padding: 15px; } .store-locator-pop-up-wrap .store-search-form { margin: 0 auto; overflow: hidden; width: inherit; } .store-locator-pop-up-wrap .store-search-form .input-row .button { bottom: 20px; display: block; margin: 0; padding-left: 0; padding-right: 0; position: absolute; right: 0; text-align: center; width: 85px; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map { max-height: 200px; padding-left: 0; position: static; } .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map .storeMap, .store-locator-pop-up-wrap .store-locator-pop-up-content .store-search-map #map_canvas { max-height: 200px; height: 200px; max-width: 100%; } .store-locator-pop-up[aria-hidden='false'] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .store-locator-pop-up[aria-hidden='false'] #chartPopup { position: absolute; top: 15px; bottom: 0; left: 0; right: 0; width: calc(100% - 30px); height: calc(98% - 15px); margin: 0px 0px 0px 15px; } .store-locator-pop-up[aria-hidden='false'] #chartPopup .store-locator-header { padding: 15px 15px 0 15px; } .store-locator-pop-up[aria-hidden='false'] #chartPopup .chartPopupWr { height: calc(90% - 5px); } .store-locator-pop-up[aria-hidden='false'] #chartPopup .closeBtn { top: 15px; right: 14px; } } @media only screen and (min-width: 61.25em) { .store-locator-fullscreen { position: inherit; } .store-locator-fullscreen #page { position: inherit; overflow: auto; } } @media only screen and (min-width: 48em) and (max-width: 56.1875em) { .shopping-cart-wrapper .cart-checkout-wrapper .cart-free-shipping .cart-promotion { width: 47.5%; } .shopping-cart-wrapper .cart-checkout-wrapper .cart-free-shipping .cart-promo-totals-wrapper { max-width: none; width: 48.5%; } } .offer-box-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .offer-box-wrap--promo { margin-top: 10px; margin-bottom: 10px; } @media only screen and (max-width: 47.9375em) { .offer-box-wrap { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } } @media only screen and (min-width: 48em) { .offer-box-wrap--promo-cart { margin-left: 95px; width: auto; } } .offer-box-wrap+.offer-box-wrap { margin-top: 5px; } .offer-box-wrap+.cart-item__description { margin-top: 7px; } .offer-box-wrap__button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; font-size: 16px; width: 140px; } .offer-box-wrap__button form { text-align: left; } .offer-box-wrap__button a, .offer-box-wrap__button button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; display: inline-block; font-weight: bold !important; font-family: clanotnews; vertical-align: middle; color: #c00; font-size: 0.75rem; text-align: left; } .offer-box-wrap__button a:hover, .offer-box-wrap__button button:hover { color: #9e0000; } .offer-box-wrap__button a i, .offer-box-wrap__button button i { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1rem; height: 1rem; background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgICA8cGF0aCBmaWxsPSIjY2MwMDAwIiBkPSJNMTkuNDE0IDI3LjQxNGwxMC0xMGMwLjc4MS0wLjc4MSAwLjc4MS0yLjA0NyAwLTIuODI4bC0xMC0xMGMtMC43ODEtMC43ODEtMi4wNDctMC43ODEtMi44MjggMHMtMC43ODEgMi4wNDcgMCAyLjgyOGw2LjU4NiA2LjU4NmgtMTkuMTcyYy0xLjEwNSAwLTIgMC44OTUtMiAyczAuODk1IDIgMiAyaDE5LjE3MmwtNi41ODYgNi41ODZjLTAuMzkgMC4zOS0wLjU4NiAwLjkwMi0wLjU4NiAxLjQxNHMwLjE5NSAxLjAyNCAwLjU4NiAxLjQxNGMwLjc4MSAwLjc4MSAyLjA0NyAwLjc4MSAyLjgyOCAweiI+PC9wYXRoPg0KPC9zdmc+DQo=) no-repeat center; -webkit-background-size: 1rem 1rem; -moz-background-size: 1rem 1rem; background-size: 1rem 1rem; padding: 0.3rem; margin-left: 3px; } @media only screen and (max-width: 47.9375em) { .offer-box-wrap__button { padding: 0 15px 15px; width: 100%; } .offer-box-wrap__button a { margin-left: 0; } .offer-box-wrap__button button, .offer-box-wrap__button a { padding: 0; } } .offer-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 100%; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 15px; margin-bottom: 2px; font-size: 0.75rem; font-weight: bold; } @media only screen and (max-width: 47.9375em) { .offer-box { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } } .offer-box+.offer-box { margin-top: 5px; } .offer-box__icon { margin-right: 10px; } @media only screen and (max-width: 47.9375em) { .offer-box__icon { margin-right: 0; margin-bottom: 10px; } } .offer-box__icon i { display: inline-block; background-color: #c00; font-size: 0.75rem; letter-spacing: 0.9px; padding: 5px 7px; color: #fff; text-transform: uppercase; } .offer-box__text { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .offer-box__text span { color: #c00; } .offer-box__link a { display: inline-block; font-weight: bold; vertical-align: middle; margin-left: 10px; } .offer-box__link a i { display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1rem; height: 1rem; background: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCiAgICA8cGF0aCBmaWxsPSIjY2MwMDAwIiBkPSJNMTkuNDE0IDI3LjQxNGwxMC0xMGMwLjc4MS0wLjc4MSAwLjc4MS0yLjA0NyAwLTIuODI4bC0xMC0xMGMtMC43ODEtMC43ODEtMi4wNDctMC43ODEtMi44MjggMHMtMC43ODEgMi4wNDcgMCAyLjgyOGw2LjU4NiA2LjU4NmgtMTkuMTcyYy0xLjEwNSAwLTIgMC44OTUtMiAyczAuODk1IDIgMiAyaDE5LjE3MmwtNi41ODYgNi41ODZjLTAuMzkgMC4zOS0wLjU4NiAwLjkwMi0wLjU4NiAxLjQxNHMwLjE5NSAxLjAyNCAwLjU4NiAxLjQxNGMwLjc4MSAwLjc4MSAyLjA0NyAwLjc4MSAyLjgyOCAweiI+PC9wYXRoPg0KPC9zdmc+DQo=) no-repeat center; -webkit-background-size: 1rem 1rem; -moz-background-size: 1rem 1rem; background-size: 1rem 1rem; padding: 0.3rem; margin-left: 3px; } .offer-box__link button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; display: inline-block; font-weight: bold; vertical-align: middle; color: #c00; } .offer-box__link button:hover { color: #9e0000; } .cart-item { border-top: 2px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f1f2f2; } .cart-item__description { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .cart-item__promo { margin-bottom: 10px; } .cart-item__promo+.cart-item__promo { margin-top: 5px; } .cart-item__promo .offer-box-wrap { margin-top: 5px; } .cart-item__img { width: 33.33%; padding: 15px; } .cart-item__img img { max-width: 100%; width: 100%; } .cart-item__detail { padding: 15px; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .cart-item__detail .item-detail { font-size: 0.75rem; margin-bottom: 10px; } .cart-item__detail .item-detail--name { font-weight: bold; } .cart-item__detail .item-detail--quantity { margin-top: 20px; } .cart-item--pdp { border-top: none; } .cart-item--pdp .cart-item__img { width: 20%; } .cart-item--pdp .cart-item__button { padding: 15px; } .cart-item--dropdown { font-size: 0.7rem; border-top: none; } .cart-item--dropdown+.cart-item--dropdown { margin-top: 5px; } .cart-item--dropdown>li+li { margin-top: 5px; } .cart-item--dropdown a.item-detail { line-height: 1 !important; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .cart-item--dropdown .item-detail { font-size: 0.7rem; margin-top: 10px; margin-bottom: 10px; } .cart-item--dropdown .item-detail--name { font-weight: bold; } .cart-item--dropdown .cart-item__img img { height: auto !important; } .cart-item--cart { border-top: none; border-bottom: none; margin-bottom: 10px; } .cart-item--cart .cart-item__detail { position: relative; } @media only screen and (min-width: 48em) { .cart-item--cart .cart-item__detail { padding-right: 160px; } } .cart-item--cart .cart-item__img { width: 105px; } @media only screen and (min-width: 48em) { .cart-item--cart .cart-item__button { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 15px; } .cart-item--cart .cart-item__button .item-detail { margin-bottom: 0; } } @media only screen and (max-width: 47.9375em) { .cart-item--cart .cart-item__button { padding: 0px 15px 15px 0; } } .cart-item--cart .offer-box-wrap { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .cart-item--cart .offer-box-wrap .offer-box { margin-bottom: 0; } .cart-item--cart .offer-box-wrap__button { padding: 0 15px 15px; width: 100%; } .cart-item--cart.promo-list li+li { margin-top: 5px; } .cart-item.pdp-promo ul li+li { margin-top: 5px; } .offer-box-wrap--warranty { padding-left: 88px; } @media only screen and (max-width: 47.9375em) { .offer-box-wrap--warranty .offer-box { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } .offer-box-wrap--warranty .offer-box__text { font-size: 0.75rem; } @media only screen and (max-width: 47.9375em) { .offer-box-wrap--warranty .offer-box__text { width: 50%; margin-right: 10px; } } .offer-box-wrap--warranty .offer-box__button { text-decoration: underline; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } @media only screen and (max-width: 47.9375em) { .offer-box-wrap--warranty { padding-left: 0; padding-bottom: 10px; } } .mini-cart-content .offer-box-wrap { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; } .mini-cart-content .offer-box-wrap .offer-box { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding: 7px; } .mini-cart-content .offer-box-wrap .offer-box__icon { margin-bottom: 10px; } .mini-cart-content .offer-box-wrap .offer-box__text { -webkit-box-flex: 0; -moz-box-flex: 0; -o-box-flex: 0; box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 100%; } .mini-cart-content .offer-box-wrap__button { text-align: left; width: 100%; padding: 0 7px 0; } .mini-cart-content .offer-box-wrap__button a { margin-left: 0; } .mini-cart-content .offer-box-wrap__button button, .mini-cart-content .offer-box-wrap__button a { font-size: 0.75rem; padding: 0; } .mini-cart-content .offer-box-wrap__button form { text-align: left; } .promo-button { position: relative; } .promo-button:after { content: ''; } .promo-button--toggle { padding-right: 12px !important; } .promo-button--toggle:after { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgdmlld0JveD0iMCAwIDEwLjAxNCA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC4wMTQgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPg0KPHBhdGggc3R5bGU9ImZpbGw6I2QzMzAzMDsiIGQ9Ik01LjQ2NSw2LjlsNC41NDktMy43OTNWMEw0Ljk4NSw0LjA3M0wwLjAwOSwwTDAsMS4wMDZ2Mi4xMDFsNC40OTYsMy43OQ0KCUM0Ljc5NCw3LjA3Myw1LjE2Nyw3LjA3NCw1LjQ2NSw2Ljl6Ii8+DQo8L3N2Zz4NCg==) no-repeat center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; width: 8px; height: 8px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .promo-button.is-open:after { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cart-promotion-entry-entry { overflow: hidden; } .promo-added-entry-wrapper.promoCode-added { margin-top: 15px; } .promo-added-entry-wrapper.promoCode-added .promo-added { font-size: 13px; font-size: 0.8125rem; width: 100%; font-family: clanotbook; position: relative; background: #fff; padding: 10px 7px; border: 1px solid #d9d9d9; } .promo-added-entry-wrapper.promoCode-added .promo-added span { display: block; line-height: 17px; color: #a9a9a9; } .promo-added-entry-wrapper.promoCode-added .promo-added .promo-remove { position: absolute; top: -2px; right: 10px; height: 14px; -webkit-transform: translateY(90%); -moz-transform: translateY(90%); -o-transform: translateY(90%); -ms-transform: translateY(90%); transform: translateY(90%); background-color: #fff; } @media only screen and (max-width: 47.9375em) { .promo-added-entry-wrapper.promoCode-added .promo-added .promo-remove { height: 0 !important; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } .promo-added-entry-wrapper.promoCode-added .promo-added .promo-remove svg { display: none; background-color: #f00; } .promo-popup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -100; background-color: #fff; padding: 24px; width: 95%; max-width: 520px; max-height: 100vh; overflow-y: auto; } .promo-popup.is-open { z-index: 10000; } .promo-popup__header { font-size: 1rem; font-family: clanotmedium; text-transform: uppercase; color: #000; padding-bottom: 12px; border-bottom: 2px solid #d9d9d9; margin-bottom: 15px; } .promo-popup__list li { margin-bottom: 5px; } .promo-popup__footer { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 12px; } .promo-popup__footer .button { -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; margin-bottom: 12px; } .cart-promotion-code-wrap { background: #ebf5f7; margin-top: 20px; padding: 15px 5px 0px; } @media only screen and (max-width: 47.9375em) { .cart-promotion-code-wrap { padding: 15px 15px 0px; } } .cart-promotion-code-wrap .form-sub-header { text-transform: none; font-family: clanotmedium; font-size: 13px; font-size: 0.8125rem; } .cart-promotion-code-wrap .ctrl { display: none; } .cart-promotion-code-wrap .pay-accord-content { margin-top: 0; } .cart-promotion-code-wrap .pay-accord-content span#promo-error { font-size: 0.8125rem; padding-bottom: 10px; display: block; } .cart-promotion-code-wrap .pay-accord-content span#promo-error hr { margin-bottom: 8px; margin-top: 8px; } .cart-promotion-code-wrap .pay-accord-content span#promo-error a { font-family: clanotmedium; text-decoration: underline; } .cart-promotion-code-wrap .pay-accord-content #recaptcha_widget, .cart-promotion-code-wrap .pay-accord-content #recaptcha_widget_promo { max-width: 200px; } .remove-product-wrap { background-color: #808080; } .remove-product-wrap__section { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 47.9375em) { .remove-product-wrap__section { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0 15px; } .remove-product-wrap__section form { width: 100%; } } .checkout-cart-items .cart-product { position: relative; border-left: 0; } .checkout-cart-items .item-detail-add a { text-decoration: underline; color: #383838; font-weight: normal; } .checkout-cart-items .warranty-button { text-decoration: underline; cursor: pointer; } .checkout-cart-items .cartItemDescription .cart-item__img { padding: 0 0 0 15px !important; margin-right: 10px; width: 121px !important; } .checkout-cart-items .cart-item__detail { padding: 15px 0 0 0 !important; } .checkout-cart-items .rtable-td-titled:before { display: none; } @media only screen and (max-width: 47.9375em) { .checkout-cart-items .rtable-td-titled { border-top: none !important; padding: 5px 0 10px 50% !important; } .checkout-cart-items .rtable-td-titled.cart-product-price { text-align: left !important; padding-left: 97px !important; } .checkout-cart-items .rtable-td-titled.cart-product-price .acp-price { text-align: left !important; } .checkout-cart-items .rtable-td-titled.cart-product-qty { padding-bottom: 0 !important; } .checkout-cart-items .rtable-td-titled.cart-product-total { font-size: 14px; } } .remove-product-bodyelement { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: absolute; width: 100%; top: 0; bottom: 0; background-color: rgba(255,255,255,0.8); z-index: 3; } .remove-product-bodyelement .button { margin: 0 10px; font-size: 12.5px; font-size: 0.78125rem; } @media only screen and (max-width: 47.9375em) { .remove-product-bodyelement .button { margin: 0 0 10px; } } .cart-save-to-wishlist { background-color: #fff; padding: 15px; width: 90%; max-width: 480px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9000; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); } .cart-save-to-wishlist.existing-wishlist .custom-modal { height: auto; } .cart-save-to-wishlist.existing-wishlist .custom-modal.has-list { height: 450px; } .cart-save-to-wishlist.existing-wishlist .custom-modal.has-more-list .existing-list { overflow-y: scroll; } .cart-save-to-wishlist.existing-wishlist .custom-modal .existing-list { height: 60%; } .cart-save-to-wishlist.existing-wishlist .custom-modal .existing-list li a { height: inherit; } .cart-save-to-wishlist.added-to-wishlist .confirmation-popup a.primary-button { width: 100%; } .cart-save-to-wishlist .custom-modal { height: 100%; } .cart-save-to-wishlist .custom-modal .modal-header { margin-bottom: 15px; } .cart-save-to-wishlist .custom-modal.remove-address-modal { padding: 20px 20px 0px; } .cart-save-to-wishlist .custom-modal.remove-address-modal .modal-header { margin-bottom: 0; } .cart-save-to-wishlist .custom-modal.remove-address-modal .modal-content { margin-top: 0; } .cart-save-to-wishlist .new-list button:before { top: 3px !important; } .cart-save-to-wishlist .close-icon.svg-highlight { display: none; } .cart-save-to-wishlist .close-modal { background: #fff; border: 1px solid #c00; color: #c00; line-height: 1.25rem; padding: 0 10px 0; text-align: center; top: 12px !important; margin-right: 0; } .cart-save-to-wishlist .close-modal:focus, .cart-save-to-wishlist .close-modal:hover { border-color: #9e0000; color: #9e0000; } .account-container .content-template-navigation { display: none; } .membership-card-wrapper .rcard { border: 1px solid #d9d9d9; margin: 0 auto; width: 100%; max-width: 31rem; min-width: 18rem; height: 100%; max-height: 24rem; } .membership-card-wrapper .rcard .rcard-td-top-image img { vertical-align: top; position: relative; } .membership-card-wrapper .rcard .rcard-td-middle { vertical-align: middle; text-align: center; } .membership-card-wrapper .rcard .psp-name { font-family: clanotbook; font-size: 25px; font-size: 1.5625rem; font-weight: bold; line-height: 150%; } .membership-card-wrapper .rcard .psp-id { text-align: center; font-family: clanotbook; font-size: 25px; font-size: 1.5625rem; font-weight: bold; line-height: 150%; } .membership-card-wrapper .rcard .psp-validation-code { text-align: center; font-family: clanotmedium; font-size: 15px; font-size: 0.9375rem; font-weight: normal; line-height: 150%; } .membership-card-wrapper .rcard .rcard-td-bottom-image { vertical-align: bottom; } .membership-card-wrapper .rcard .rcard-td-bottom-image .bottom-img { max-height: 7.5rem; line-height: 0; } .membership-card-wrapper .rcard .rcard-td-epp { vertical-align: middle; text-align: center; position: static; } .membership-card-wrapper .rcard .rcard-td-epp .epp-name { font-family: clanotbook; font-size: 20px; font-size: 1.25rem; font-weight: bold; line-height: 150%; } .membership-card-wrapper .rcard .rcard-td-epp .epp-id { text-align: center; font-family: clanotbook; font-size: 20px; font-size: 1.25rem; font-weight: bold; line-height: 150%; } .membership-card-wrapper .rcard .rcard-td-epp .epp-company { text-align: center; font-family: clanotbook; font-size: 20px; font-size: 1.25rem; font-weight: bold; line-height: 300%; } @media only screen and (max-width: 47.9375em) { .rtable { width: 100%; } } .epp-name, .epp-id, .epp-company, .psp-name, .psp-validation-code, .psp-id { display: block !important; } .rtable width 100% .rtable-thead, .rtable width 100% .rtable-tbody, .rtable width 100% .rtable-thead-tr, .rtable width 100% .rtable-tr, .rtable width 100% .reps-th, .rtable width 100% .rtable-td, .rtable width 100% .rtable-th { display: block; } .rtable width 100% .rtable-thead.no-border, .rtable width 100% .rtable-tbody.no-border, .rtable width 100% .rtable-thead-tr.no-border, .rtable width 100% .rtable-tr.no-border, .rtable width 100% .reps-th.no-border, .rtable width 100% .rtable-td.no-border, .rtable width 100% .rtable-th.no-border { border: none; } .rtable width 100% .order-details-wrapper .rtable { margin-left: 0; } .rtable width 100% .order-details-wrapper .rtable .rtable-tr .order-detail-price { color: #383838; text-align: right; font-size: 14px; font-size: 0.875rem; } .rtable width 100% .order-details-wrapper .rtable .rtable-tr .order-detail-price-regular { color: #383838; text-align: right; font-size: 14px; font-size: 0.875rem; } .rtable width 100% .order-details-wrapper .rtable .rtable-tr .order-detail-quantity { text-align: right; } .rtable width 100% .order-details-wrapper .rtable .rtable-tr .order-detail-quantity, .rtable width 100% .order-details-wrapper .rtable .rtable-tr .order-detail-status { font-size: 14px; font-size: 0.875rem; } .rtable width 100% .order-details-wrapper .rtable .rtable-tr .order-detail-status { font-family: clanotmedium; } .rtable width 100% .order-details-wrapper .cart-product-image { border-top: 1px solid #d9d9d9; min-height: 71px; } .rtable width 100% .order-details-wrapper .cart-product-image .name { margin-bottom: 10px; font-size: 14px; font-size: 0.875rem; } .rtable width 100% .order-details-wrapper .thumb { float: left; margin-right: 15px; margin-bottom: 15px; width: 75px; height: 56px; } .rtable width 100% .order-details-wrapper .thumb img { margin: 0 auto; max-height: 100%; height: auto; } .rtable width 100% .order-details-wrapper .order-detail-total { font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; } .rtable width 100% .order-details-wrapper .order-detail-param { font-size: 12px; font-size: 0.75rem; color: #383838; } .rtable width 100% .related-component-heading { padding-top: 15px; } @media only screen and (min-width: 48em) { .rtable.has-internal-borders .rtable-td, .rtable.has-internal-borders .rtable-th, .rtable.has-internal-borders .rtable { border: 1px solid #d9d9d9; } } .psp-vaildation-popup .error-message { font-weight: bold; font-size: 0.9rem; padding-bottom: 10px; border-bottom: 1px solid #808080; } .psp-vaildation-popup .modal-header { border-bottom: none; } .psp-vaildation-popup .close-modal { float: right; } .psp-vaildation-popup .primary-button { float: left; } .psp-vaildation-popup .button-wrap .close-modal { min-height: 40px; } .psp-vaildation-popup .reg-msg-line { border-bottom: 1px solid #808080; } .psp-vaildation-popup .close-reg-msg-btn { float: none; background: #c00; color: #fff; } .close-reg-msg-icon { background-image: url("/_ui/desktop/theme-ts/images/icons/close-x.svg"), none; background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; background-color: #fff; width: 24px; height: 24px; position: absolute; top: 5px; right: -12px; z-index: 99899999; cursor: pointer; border-radius: 12px 12px; } #a2apage_mini_services a:nth-of-type(5) { display: none; } #a2apage_mini_services a:nth-of-type(6) { display: none; } .rtable { margin: 0; border-bottom: 1px solid #d9d9d9; } .order-history-quick-view .rtable { border-bottom: none; } .rtable-thead-tr { position: absolute; top: -9999px; left: -9999px; } .rtable-tr { padding: 5px 15px; border-top: 1px solid #d9d9d9; } .cart-order .rtable-tr, .order-history-quick-view .rtable-tr { padding: 0; } .rtable-th { font-weight: normal; } .rtable-td { position: relative; } .cart-order .rtable-td { font-size: 0.75rem; } .rtable-inner-tr .rtable-td { padding: 0 0 15px; } .rtable-td-titled { padding: 15px 0 15px 50%; border: none; border-top: 1px solid #d9d9d9; text-align: right; } .rtable-td-titled.cart-product-qty:before, .rtable-td-titled.cart-product-total:before { top: 50%; margin-top: -9px; } .rtable-td-titled:before { content: attr(data-title); position: absolute; left: 0; width: 45%; padding-right: 10px; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; white-space: nowrap; text-align: left; } .rtable-sort, .rtable-sort:hover { color: #383838; font-family: clanotbook; } .rtable-col-sortable .rtable-sort { position: relative; } .rtable-col-sortable .rtable-sort:after { content: ''; position: absolute; width: 10px; height: 17px; padding: 0 0 0 5px; left: 100%; } .sortable-cell { cursor: pointer; } .sortable-cell:focus, .sortable-cell.is-active { outline: 0; -webkit-box-shadow: inset 0 0 3px #9e0000; box-shadow: inset 0 0 3px #9e0000; } .sortable-cell span { white-space: nowrap; } .sortable-cell span:after { content: ''; display: inline-block; height: 0; width: 0; border: 3px solid transparent; border-top: 5px solid #fff; margin-left: 5px; margin-bottom: -1px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .sortable-cell.is-dsc span:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-bottom: 2px; } .sorted-asc, .sorted-desc { padding-right: 15px; } .sorted-asc .rtable-sort { font-weight: bold; } .sorted-asc .rtable-sort:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzODM4Mzg7IiBkPSJNNS40NjUsNi45bDQuNTQ5LTMuNzkzVjBMNC45ODUsNC4wNzNMMC4wMDksMEwwLDEuMDA2djIuMTAxbDQuNDk2LDMuNzkNCglDNC43OTQsNy4wNzMsNS4xNjcsNy4wNzQsNS40NjUsNi45eiIvPg0KPC9zdmc+DQo=) 0 50% no-repeat; padding: 0 5px 0 0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sorted-desc .rtable-sort { font-weight: bold; } .sorted-desc .rtable-sort:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzODM4Mzg7IiBkPSJNNS40NjUsNi45bDQuNTQ5LTMuNzkzVjBMNC45ODUsNC4wNzNMMC4wMDksMEwwLDEuMDA2djIuMTAxbDQuNDk2LDMuNzkNCglDNC43OTQsNy4wNzMsNS4xNjcsNy4wNzQsNS40NjUsNi45eiIvPg0KPC9zdmc+DQo=) 5px 50% no-repeat; } @media only screen and (min-width: 48em) { .rtable { display: table; width: 100%; margin: 0 0 15px; border-collapse: collapse; } .rtable--comparison { font-family: 'Roboto', 'Arial', sans-serif; margin-bottom: 0; } .rtable--comparison b { font-weight: 500; } .rtable--comparison small { white-space: nowrap; } .rtable--comparison .rtable-th { padding-top: 1rem; padding-bottom: 1rem; } .rtable--comparison .rtable-tr { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; border-left: 1px solid #ebf4f7; border-right: 1px solid #ebf4f7; } .rtable--comparison .rtable-td { font-size: 0.85rem; line-height: 1.5; border-top: 1px solid #ebf4f7; border-bottom: 1px solid #ebf4f7; } .rtable--comparison .rtable-name-header { width: 195px; max-width: 195px; } .rtable--comparison .rtable-content { padding-left: 40px !important; } .rtable-thead { display: table-header-group; } .rtable-tbody { display: table-row-group; } .rtable-thead-tr, .rtable-tr { display: table-row; padding: 0; border: none; } .rtable-thead-tr { position: static; } .rtable-th, .rtable-td { display: table-cell; text-align: left; font-size: 13px; font-size: 0.8125rem; } .rtable-th { text-transform: uppercase; padding: 4px 10px; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; font-weight: normal; color: #383838; vertical-align: middle; } .rtable-gray .rtable-thead { background-color: #d9d9d9; } .rtable-blue .rtable-thead { background-color: #c4e0e7; } .rtable-darkblue .rtable-thead { background-color: #3d98b0; } .rtable-darkblue .rtable-thead th { background-color: #3d98b0; } .rtable-darkblue .rtable-thead span { color: #fff; text-transform: none; font-family: clanotmedium; } .rtable-darkblue .rtable-th, .rtable-darkblue .rtable-td { padding: 20px 15px; } .rtable-td { padding: 20px 7px 20px; border-top: 1px solid #d9d9d9; vertical-align: top; } .rtable-td--centered { vertical-align: middle; } .rtable-td:before { display: none; } .rtable-inner-tr .rtable-td { padding: 5px 7px 20px; } .rtable-no-border .rtable-td { border: none; } .rtable-td.rtable-error { padding: 0 0 10px 0; } .rtable-td.rtable-error .global-messages { margin-top: 0; } .rtable-td.compact { padding: 7px; border-top: none; padding-top: 0; } .rtable-tbody tr:first-child .rtable-td { border-top: none; } .rtable-no-border { border: none; } } @media only screen and (max-width: 47.9375em) { .rtable--comparison { font-family: 'Roboto', 'Arial', sans-serif; margin-bottom: 0; } .rtable--comparison b { font-weight: 700; } .rtable--comparison b.mobile-bold { font-size: 1rem; } .rtable--comparison small { color: #d9d9d9; } .rtable-tr { border: 1px solid #ebf4f7; } .rtable-td { padding: 10px 15px; display: block; } .rtable-td.wish-product-availability { padding: 10px 0 !important; } .rtable-td .rtable-tdheading { display: block; font-weight: bold; font-size: 14px; font-size: 0.875rem; padding-bottom: 2px; } } @media only screen and (min-width: 48em) { .page-my-store-list .address-book-item { border-top: 1px solid #d9d9d9; } .page-my-store-list .address-book-item:before { display: none; } .remove-address-modal .address-book-item ul li { font-family: clanotnews; word-wrap: break-word; } .remove-address-modal .address-book-item .button-wrap .button { width: 40%; } .remove-address-modal .address-book-item .button-wrap .secondary-button.closeColorBox { margin-left: 12%; margin-right: 0; } } .recent-order-wrapper .order-date, .order-wrapper .order-date { min-width: 80px; } .site-header.e-receipt #header.container { padding-left: 200; } .account-content { *zoom: 1; } .account-content:before, .account-content:after { content: ''; display: table; } .account-content:after { clear: both; } .account-content.e-receipt-print { width: 800px; margin: 20px auto 0; } .account-content.e-receipt-print .header-wrap { padding-bottom: 5px; } .account-content.e-receipt-print .order-user-details { float: none; } .account-content .e-receipt-id { position: absolute; right: 45px; top: 2px; } .account-content .section-subheader { font-size: 16px; font-size: 1rem; font-family: clanotnews; height: auto; line-height: 112.5%; text-transform: uppercase; } .account-content .header-wrap { position: relative; *zoom: 1; } .account-content .header-wrap:before, .account-content .header-wrap:after { content: ''; display: table; } .account-content .header-wrap:after { clear: both; } .account-content .header-wrap .section-switcher { position: relative; } @media only screen and (min-width: 48em) { .account-content .header-wrap .section-switcher { zoom: 1; } .account-content .header-wrap .section-switcher:before, .account-content .header-wrap .section-switcher:after { content: ""; display: table; } .account-content .header-wrap .section-switcher:after { clear: both; } } .account-content .header-wrap .section-switcher li { display: inline-block; } @media only screen and (min-width: 48em) { .account-content .header-wrap .section-switcher li { width: 35%; float: left; } } .account-content .header-wrap .section-switcher li a { background: transparent; color: #383838; display: inline-block; margin: 0; padding: 0 0 6px 0; position: relative; text-transform: uppercase; line-height: 100%; height: auto; width: 100%; text-align: left; font-size: 18px; font-size: 1.125rem; font-family: clanotbook; } @media only screen and (max-width: 47.9375em) { .account-content .header-wrap .section-switcher li a { text-align: left; } } @media only screen and (min-width: 48em) { .account-content .header-wrap .section-switcher li a { font-size: 22px; font-size: 1.375rem; } } .account-content .header-wrap .section-switcher li a.active:after { border-color: transparent transparent #3d98b0 transparent; border-style: solid; border-width: 0 9px 10px 9px; bottom: -5px; content: ''; display: block; left: 25px; width: 0; height: 0; position: absolute; z-index: 5; } .account-content .header-wrap .section-switcher li a.active:before { content: ''; display: block; position: absolute; bottom: -6px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 0 9px 10px 9px; border-color: transparent transparent #fff transparent; z-index: 10; } @media only screen and (min-width: 48em) { .account-content .header-wrap .section-switcher.without-reshipments li { width: auto; float: none; } } .account-content .header-wrap.subheader { border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding-bottom: 0; } .account-content .header-wrap.subheader .user-action { top: 3px; } .account-content .header-wrap .section-header { display: inline-block; padding: 0; font-size: 18px; font-size: 1.125rem; } @media only screen and (min-width: 30em) { .account-content .header-wrap .section-header { font-size: 22px; font-size: 1.375rem; } } .account-content .header-wrap .header-container { position: relative; } .account-content .header-wrap .user-action { padding: 0; } .account-content .header-wrap + .user-action { padding: 20px 0; } .account-content .header-wrap .user-action { font-size: 12px; font-size: 0.75rem; word-wrap: break-word; max-width: 100%; } .account-content .header-wrap .user-action a { background: none; color: #c00; display: inline-block; font-size: 12px; font-size: 0.75rem; line-height: 0.875rem; padding: 0; height: inherit; } .account-content .header-wrap .user-action a:hover, .account-content .header-wrap .user-action a:focus { color: #9e0000; } .account-content .header-wrap .user-action.list-action.add-address-block { top: 20px; left: 0; right: auto; } @media only screen and (min-width: 48em) { .account-content .header-wrap .user-action.list-action.add-address-block { top: 5px; left: auto; right: 0px; } } .account-content .header-wrap .user-action .new-list { display: inline-block; position: relative; top: 0px; } .account-content .header-wrap .user-action .new-list a + a { border-left: 1px solid #d9d9d9; display: inline-block; margin-left: 8px; padding-left: 8px; } @media only screen and (max-width: 47.9375em) { .account-content .header-wrap .user-action .new-list a + a.print { display: none; } } .no-print .account-content .header-wrap .user-action .print { display: none; } .account-content .new-list a + a { padding-left: 5px; border-left: 1px solid #d9d9d9; } .account-content .new-list + .user-action { text-align: right; } .account-content .pdp-share { display: inline-block; position: relative; margin-top: 0; text-align: left; } .account-content .pdp-share .pdp-social-icons { width: inherit; max-width: inherit; } .account-content .pdp-share .pdp-social-icons li { margin: 0; } .account-content .print-order:before { display: none; } .account-content .accordion-content, .account-content .accordion-content.active { padding: 0; } .account-content .account-navigation-list { padding: 0; width: auto; } .account-content .subtotal .description, .account-content .delivery .description, .account-content .total-order-price .description { font-size: 14px; font-size: 0.875rem; } .account-content .description { font-size: 13px; font-size: 0.8125rem; } .account-content .description .text { margin-left: 100px; } .account-content .description .text a { float: none; } .account-content .main-content .account-navigation-section { width: auto; margin: 0 -15px; } .account-content .main-content .account-navigation-section .user-action-list { display: block; margin: 0; } .account-content .main-content .account-navigation-section li { display: block; font-size: 15px; font-size: 0.9375rem; vertical-align: top; border-bottom: solid 1px #d9d9d9; } .account-content .main-content .account-navigation-section li a { display: block; padding: 15px; color: #383838; } .account-content .main-content .account-navigation-section li a:hover, .account-content .main-content .account-navigation-section li a:focus { color: #9e0000; } .account-content .main-content .account-navigation-section .accordion-trigger { display: block; } .account-content .button-wrap .button { display: block; margin: 0 auto; max-width: 320px; min-height: 40px; text-align: center; width: 100%; } @media only screen and (max-width: 47.9375em) { .account-content .button-wrap .button { max-width: none; } } .account-content .pagination-bar { overflow: hidden; text-align: left; } .account-content .pagination-bar.bottom { padding: 0 15px 0 0; } .account-content .pagination-bar.bottom .totalResults { display: inline-block; margin-right: 25px; } .account-content .pagination-bar .sort-form { width: 100%; } .account-content .pagination-bar .filter-options { *zoom: 1; display: block; margin-left: 0; text-align: left; } .account-content .pagination-bar .filter-options:before, .account-content .pagination-bar .filter-options:after { content: ''; display: table; } .account-content .pagination-bar .filter-options:after { clear: both; } .account-content .pagination-bar .totalResults { text-align: left; } .account-content .pagination-bar .showAll { margin-right: 15px; } .account-content .order-wrapper, .account-content .recent-order-wrapper, .account-content .order-details-wrapper, .account-content .order-shipping-wrapper { margin: 20px 0; } .account-content .order-wrapper, .account-content .coupon-list-wrapper, .account-content .warranty-list-wrapper, .account-content .recent-order-wrapper, .account-content .order-details-wrapper, .account-content .order-shipping-wrapper { clear: both; } .account-content .order-wrapper .table-cell, .account-content .coupon-list-wrapper .table-cell, .account-content .warranty-list-wrapper .table-cell, .account-content .recent-order-wrapper .table-cell, .account-content .order-details-wrapper .table-cell, .account-content .order-shipping-wrapper .table-cell { font-size: 14px; font-size: 0.875rem; } .account-content .order-history-quick-view { margin: 35px 0 0; } .account-content .order-history-quick-view .quick-view { padding: 0 15px; } .account-content .order-header { background: #c4e0e7; color: #383838; font-size: 14px; font-size: 0.875rem; height: 30px; margin: 0 0 10px; padding: 8px 15px; text-align: right; text-transform: uppercase; vertical-align: middle; } .account-content .order-header li { font-family: clanotnews; float: left; text-align: left; } .account-content .order-header th { font-weight: normal; } .account-content .order-header.subheader { *zoom: 1; background: #fff; color: #383838; height: auto; margin: 0; padding: 0 15px; } .account-content .order-header.subheader:before, .account-content .order-header.subheader:after { content: ''; display: table; } .account-content .order-header.subheader:after { clear: both; } .account-content .order-header .total { width: 18%; text-align: right; } .account-content .status-column { width: 12%; } .account-content .description-column { width: 58%; } .account-content .total-column { width: 12%; } .account-content .price-column { width: 12%; } .account-content .quantity-column { width: 6%; } .account-content .order-user-details.tracking-block { width: 47%; float: left; } .account-content .order-user-details.tracking-block .number { display: inline-block; float: left; clear: left; margin: 8px 0 5px; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; } .account-content .reshipment-tracking .order-user-details.tracking-block { width: 100%; margin-bottom: 15px; } .account-content .item-list { display: block; margin: 0 0 30px; padding: 0 10px; vertical-align: top; } .account-content .item .warranty { margin-top: 10px; } .account-content .item .warranty a { color: #c00; } .account-content .item .warranty .price, .account-content .item .warranty .quantity, .account-content .item .warranty .total, .account-content .item .warranty .description { min-height: 16px; padding-top: 20px; border-top: 1px solid #d9d9d9; } .account-content .item .warranty .description { padding: 0; border-top: none; } .account-content .item .warranty .description .text { padding-top: 20px; border-top: 1px solid #d9d9d9; } .account-content .item .warranty .description-column { padding: 0; padding-left: 106px; } .account-content .item .warranty .description-column .text { padding: 10px 0; } .account-content .item .warranty > div { float: left; padding: 10px 0; } .account-content .item .warranty .border-line { border-top: 1px solid #d9d9d9; } .account-content .warranty .item-details { text-align: right; } .account-content .warranty .item-description { padding-left: 0; } .account-content .warranty-info a { font-family: clanotnews; font-size: 12px; font-size: 0.75rem; } .account-content .total { display: inline-block; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; text-align: right; vertical-align: top; } .account-content .order-summary { *zoom: 1; display: block; padding: 0 15px; width: 100%; } .account-content .order-summary:before, .account-content .order-summary:after { content: ''; display: table; } .account-content .order-summary:after { clear: both; } .account-content .order-totals { display: block; float: right; margin: 0 0 25px; max-width: 315px; padding: 0; width: 100%; } .account-content .order-totals li { border-top: 1px solid #d9d9d9; display: block; font-size: 14px; font-size: 0.875rem; font-family: clanotnews; line-height: 0.875rem; overflow: hidden; padding: 10px 0 8px; vertical-align: middle; } .account-content .order-totals li:first-child { border-top: none; } .account-content .order-totals .description { line-height: 0.875rem; text-align: left; display: block; float: left; } .account-content .order-totals .value { display: block; float: right; text-align: right; } .account-content .taxes .description { font-family: clanotbook; } .account-content .order-total .value { color: #c00; } .account-content .order-status { display: block; float: right; font-size: 13px; font-size: 0.8125rem; margin: 0 0 20px; padding: 0; text-align: right; width: 100%; } .account-content .order-status li { border-right: 1px solid #d9d9d9; display: inline-block; line-height: 1.25em; margin: 0; padding: 0 12px; vertical-align: middle; } .account-content .order-status li:first-child { border-right: none; display: block; margin: 0 0 12px; padding: 0; } .account-content .order-status li:last-child { border-right: none; padding: 0 0 0 12px; } .account-content .cart-order-summary { margin-top: 0; } .account-content .order-user-details { display: block; float: left; width: 100%; } .account-content .order-user-details .shipping-details, .account-content .order-user-details .shipping-method, .account-content .order-user-details .billing-data, .account-content .order-user-details .payment-data { border-top: 1px solid #d9d9d9; width: 49.9%; float: left; } .account-content .order-user-details .delivery-address { border-top: 0; } .account-content .order-user-details:after { content: ''; display: table; clear: both; zoom: 1; } .account-content .order-user-details .address-wrapper { zoom: 1; width: 100%; word-wrap: break-word; } .account-content .order-user-details .address-wrapper:before, .account-content .order-user-details .address-wrapper:after { content: ""; display: table; } .account-content .order-user-details .address-wrapper:after { clear: both; } .account-content .order-user-details .payment-data .cmsimage { display: inline; } .account-content .order-user-details .payment-data .cmsimage img { vertical-align: middle; } .account-content .tracking-numbers h3 { font-family: clanotnews; font-size: 16px; font-size: 1rem; padding: 0 0 5px; margin: 0; border-bottom: 1px solid #d9d9d9; text-transform: uppercase; } .account-content .order-detail-totals { display: block; max-width: none; width: 100%; } .account-content .order-detail-totals h3 { font-family: clanotnews; font-size: 18px; font-size: 1.125rem; margin: 0 0 5px; text-transform: uppercase; } .account-content .order-totals { float: none; max-width: none; width: 100%; } .account-content .my-company .paginationBar { margin-bottom: 20px; text-align: left; } .account-content .my-company .paginationBar .totalResults { margin-bottom: 10px; } .account-content .store-list .address-label { color: #383838; } .account-content .store-list a.address-label { color: #c00; } .account-content .store-list .tel-link { color: inherit; } .order-details-wrapper .name { color: #383838; } .order-details-wrapper .name:hover { color: #9e0000; } .profile-content .user-action .page-description, .profile-content p { font-size: 13px; font-size: 0.8125rem; } .store-address h3 { font-size: 14px; font-size: 0.875rem; } .store-address .tel-link { font-size: 16px; font-size: 1rem; } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .account-content .address-options .address-option-row.primary-radio-buttons { white-space: nowrap; } } @media only screen and (min-width: 48em) and (max-width: 51.8125em) { .account-content .store-list .address-option-row.primary-radio-buttons { max-width: 130px; float: right; } } @media only screen and (max-width: 47.9375em) { .account-content .order-user-details { float: none; } .account-content .order-user-details .shipping-details, .account-content .order-user-details .shipping-method, .account-content .order-user-details .billing-data, .account-content .order-user-details .payment-data { display: block; clear: both; float: none; width: 100%; margin-left: auto; margin-right: auto; float: none; width: auto; } .account-content .order-user-details .shipping-details:first-child, .account-content .order-user-details .shipping-method:first-child, .account-content .order-user-details .billing-data:first-child, .account-content .order-user-details .payment-data:first-child { margin-left: auto; } .account-content .order-user-details .shipping-details:last-child, .account-content .order-user-details .shipping-method:last-child, .account-content .order-user-details .billing-data:last-child, .account-content .order-user-details .payment-data:last-child { margin-right: auto; } .account-content .order-user-details .payment-data { border-bottom: 1px solid #d9d9d9; } .account-content .order-user-details.tracking-block { width: auto; float: none; margin: 20px 0; } } .scrollable-table { overflow-x: auto; } .coupon-list-wrapper .coupon-list { display: block; position: relative; } .coupon-list-wrapper .coupon-list:after { content: ""; height: 1px; background-color: #d9d9d9; width: 110%; position: absolute; left: -15px; bottom: 0; } .coupon-list-wrapper .coupon { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1rem; padding: 15px 0; vertical-align: bottom; overflow: visible; position: relative; } .coupon-list-wrapper .coupon:before { content: ""; height: 1px; background-color: #d9d9d9; width: 110%; position: absolute; left: -15px; top: 0; } .coupon-list-wrapper .coupon-code, .coupon-list-wrapper .coupon-status, .coupon-list-wrapper .coupon-description, .coupon-list-wrapper .created-date, .coupon-list-wrapper .starts-date, .coupon-list-wrapper .expiration-date { margin-bottom: 15px; } .coupon-list-wrapper .coupon-code span, .coupon-list-wrapper .coupon-status span, .coupon-list-wrapper .coupon-description span, .coupon-list-wrapper .created-date span, .coupon-list-wrapper .starts-date span, .coupon-list-wrapper .expiration-date span { font-family: clanotnews; } .coupon-list-wrapper .coupon-code { display: block; font-family: clanotnews; font-size: 16px; font-size: 1rem; } .coupon-list-wrapper .coupon-code a { color: #383838; font-family: clanotnews; } .coupon-list-wrapper .coupon-status { display: block; font-size: 14px; font-size: 0.875rem; margin-bottom: 15px; position: relative; width: 49.5%; } .coupon-list-wrapper .coupon-status:before { content: ''; display: block; position: absolute; left: 0; } .coupon-list-wrapper .coupon-status.expired { color: #c00; } .coupon-list-wrapper .coupon-status.expired:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDEwIDEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMCAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0NCMjAyNzsiIGQ9Ik0xMCw4LjI1MUw2Ljc0OCw0Ljk5OUwxMCwxLjc0OEw4LjI1MSwwTDUsMy4yNTJMMS43NDgsMEwwLDEuNzQ4TDMuMjUyLDVMMCw4LjI1MkwxLjc0NywxMEw1LDYuNzQ3DQoJTDguMjUzLDEwTDEwLDguMjUxeiIvPg0KPC9zdmc+DQo=) no-repeat; height: 10px; width: 10px; top: 3px; } .coupon-list-wrapper .coupon-status.valid:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDExLjk2NCA5Ljk1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTEuOTY0IDkuOTU3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojMEFBODRCOyIgZD0iTTAsNS4wMzVsMS4wMjMtMC45MTFDMi4yMiw0LjY4MSwyLjk3OSw1LjEwNiw0LjMyNCw2LjAyOUM2Ljg1MywzLjI2NSw4LjUyNCwxLjg2MiwxMS42MzEsMA0KCWwwLjMzMywwLjczOEM5LjQwMiwyLjg5MSw3LjUyNiw1LjI5LDQuODI1LDkuOTU3QzMuMTU4LDguMDY3LDIuMDQ2LDYuODYyLDAsNS4wMzV6Ii8+DQo8L3N2Zz4NCg==) no-repeat; height: 10px; width: 12px; top: 4px; } .coupon-list-wrapper .coupon-description { clear: both; display: block; margin-bottom: 15px; -o-text-overflow: initial; text-overflow: initial; white-space: normal; } .coupon-list-wrapper .coupon-description a { color: #383838; font-family: clanotbook; } .coupon-list-wrapper .coupon-description a span { font-family: clanotnews; } .coupon-list-wrapper .created-date { display: block; } .coupon-list-wrapper .starts-date { display: block; } .coupon-list-wrapper .expiration-date { display: block; } .wish-product { *zoom: 1; } .wish-product:before, .wish-product:after { content: ''; display: table; } .wish-product:after { clear: both; } .wish-product-checkbox { float: left; width: 38px; padding-left: 10px; } .wish-product-checkbox .checkbox-wrap { padding-top: 25px; } .wish-product-image .primary-image { max-width: 75px; height: auto; } .wish-product-desc { margin-left: 135px; } @media only screen and (max-width: 47.9375em) { .wish-product-desc { position: absolute; top: 12px; } } .wish-product-name { font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin: 0 0 5px; overflow: hidden; } .wish-product-link { color: #383838; float: left; margin-right: 10px; } .wish-product-link:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 5px; border-color: transparent transparent transparent #c00; margin-left: 5px; } @media only screen and (max-width: 47.9375em) { .wish-product-link:after { display: none; } } .wish-product-link:hover, .wish-product-link:focus { color: #9e0000; } .wish-product-link:hover:after, .wish-product-link:focus:after { border-color: transparent transparent transparent #9e0000; } .wish-product .wish-product-availability { clear: both; margin: 5px 0 15px; font-size: 13px; font-size: 0.8125rem; display: inline; position: relative; bottom: 20px; } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-availability { bottom: auto; } } .wish-product .wish-product-availability .availability-text { display: inline-block; } @media only screen and (min-width: 48em) { .wish-product .wish-product-availability { display: table-cell; bottom: 0px; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-qty { width: 41%; float: left; padding: 10px 0; position: static; padding-left: 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-price { width: 59%; position: static; } .wish-product .wish-product-price .alt-prices { margin: 0; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-name { max-height: 35px; height: auto; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-availability { display: block; margin: 0px; margin-left: 10px; } .wish-product .wish-product-availability > .availability-text { display: block; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-desc { position: static; margin: 0px; width: calc(100% - 124px); float: right; } .wish-product .wish-product-desc .sell-through-duration { white-space: normal; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-image { float: left; padding: 10px 0; padding-left: 5px; } } @media only screen and (max-width: 47.9375em) { .wish-product .my-lists .wish-product-code { margin-bottom: 10px; } } @media only screen and (max-width: 47.9375em) { .wishlist-wrapper .wish-product .wish-product-price .alt-prices { margin: 0; } } @media only screen and (max-width: 59.9375em) { .wish-product .wish-product-availability-desktop { display: none; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-availability-desktop { display: block; } } .wish-product .wish-product-availability-mobile { display: none; } @media only screen and (max-width: 59.9375em) { .wish-product .wish-product-availability-mobile { display: block; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-availability-mobile { display: none; } } @media only screen and (max-width: 59.9375em) { .wish-product .wish-product-desc { max-width: 300px; } } @media only screen and (max-width: 56.9375em) { .wish-product .wish-product-desc { max-width: 200px; } } @media only screen and (max-width: 54.9375em) { .wish-product .wish-product-desc { max-width: 155px; } } @media only screen and (max-width: 47.9375em) { .wish-product .wish-product-desc { max-width: none; } } @media only screen and (max-width: 59.9375em) { .wish-product .wish-product-desc .sell-through-duration { white-space: normal; } } .wish-product-qty { width: 45%; text-align: center; } .wish-product-qty .controls { *zoom: 1; } .wish-product-qty .controls:before, .wish-product-qty .controls:after { content: ''; display: table; } .wish-product-qty .controls:after { clear: both; } .wish-product-qty .remove-product { padding-top: 6px; } .wish-product-qty .remove-product .submitRemoveProduct { display: inline-block; white-space: nowrap; background: none; border: none; padding: 0; overflow: hidden; float: none; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .wish-product-qty .remove-product .submitRemoveProduct svg { display: block; } .wish-product-qty .remove-product .submitRemoveProduct:hover, .wish-product-qty .remove-product .submitRemoveProduct:focus, .wish-product-qty .remove-product .submitRemoveProduct +above(48em) { display: block; white-space: nowrap; text-indent: 0px; text-align: left; vertical-align: middle; line-height: 16px; padding: 2px 0; width: auto; float: right; font-family: clanotnews; text-decoration: underline; } .wish-product-qty .remove-product .submitRemoveProduct:hover svg, .wish-product-qty .remove-product .submitRemoveProduct:focus svg, .wish-product-qty .remove-product .submitRemoveProduct +above(48em) svg { margin-right: 4px; display: inline; height: 14px; width: 14px; vertical-align: middle; } .wish-product-qty .remove-product .submitRemoveProduct svg { height: 17px; } @media (min-width: 768px) { .wish-product-qty .remove-product .submitRemoveProduct:lang(fr) { width: 90px; } } .wish-product-qty .control-group { float: left; } .wish-product-qty .control-group .control-label { display: none; } .wish-product-qty .quantity { display: inline-block; margin: 0 12px 0 0; width: 50px; text-align: center; } .wish-product-qty .remove-row { clear: none; display: block; margin: 0; position: absolute; right: 15px; text-align: right; } .wish-product-qty .remove-icon { display: inline-block; margin: 10px 0 0; width: 25px; } .wish-product-qty .item-price { display: block; float: right; max-width: 150px; text-align: right; width: 55%; } .wish-product-price { float: right; width: 55%; bottom: 60px; } @media only screen and (min-width: 48em) { .wish-product-price { bottom: 0px; } } .wish-product .wish-product-price { margin-top: 5px; text-align: right; } @media only screen and (min-width: 48em) { .wish-product .wish-product-price { margin-top: 0; } } .wish-product .wish-product-price .saved-amount { font-size: 14px; font-size: 0.875rem; font-family: clanotnews; } .wish-product .wish-product-price .sale-price { color: #383838; } .wish-product .wish-product-price.has-promotion .sale-price { color: #c00; } .wish-product .wish-product-price .alt-prices { color: #383838; font-size: 13em; font-size: 0.8125rem; margin: 20px 0 15px; } .wish-product .wish-product-price .alt-prices del { display: block; } .wish-product .wish-product-price .alt-prices .dealer-sale-price { color: #c00; } .my-lists { display: block; position: relative; } .my-lists .header-wrap { height: 25px; } .my-lists .no-list-header { margin: 0 0 12px; } .my-lists .list-header .pdp-share { display: none; margin-bottom: 20px; margin-top: 0; text-align: center; } .my-lists .list-header .show-social .pdp-share { display: block; } .my-lists .list-selector { margin-bottom: 20px; padding: 0; position: relative; } .my-lists .page-actions { text-align: right; width: 100%; } .my-lists .page-actions li { display: inline-block; font-size: 12px; font-size: 0.75rem; padding: 0 5px; } .my-lists .page-actions li:last-child { padding: 0 0 0 5px; } .my-lists .page-actions li:last-child a { padding: 0 0 0 5px; } .my-lists .page-actions a { display: block; padding: 0 5px; } .my-lists .list-content > p { border-top: 1px solid #d9d9d9; padding-top: 8px; } .my-lists .recently-viewed-content { padding-top: 0; } .my-lists .list-actions { background: #ebf4f7; display: block; margin: 0 -15px; overflow: hidden; padding: 15px; width: auto; } .my-lists .list-actions .select-all { display: block; float: left; line-height: 1.563rem; vertical-align: middle; } .my-lists .list-actions .select-all .checkbox-wrap { margin-bottom: 0; padding-bottom: 0; } .my-lists .list-actions .select-all .checkbox-wrap .checkbox-focus { left: -3px; } .my-lists .list-actions .new-list { display: block; float: right; line-height: 1.125rem; margin-bottom: 15px; text-align: right; vertical-align: middle; } .my-lists .list-actions .cart { clear: both; padding-top: 15px; } .my-lists .recently-viewed-actions .clear-recent { display: block; margin: 15px 0; } .my-lists .list-name { font-family: clanotnews; font-size: 18px; font-size: 1.125rem; line-height: 1.25em; margin-bottom: 8px; text-transform: uppercase; vertical-align: top; } .my-lists .list-description { font-size: 13px; font-size: 0.8125rem; line-height: 153%; vertical-align: top; word-wrap: break-word; width: 100%; margin-bottom: 0px; } @media only screen and (max-width: 47.9375em) { .my-lists .list-description { margin-bottom: 10px; } } .my-lists .wish-product-code { display: block; margin-bottom: 0px; } @media only screen and (min-width: 48em) { .my-lists .wish-product-code { padding-top: 5px; margin-bottom: 2px; } } .my-lists .edit-list-wrap { display: inline-block; } .my-lists .list-options { clear: both; display: block; min-height: 50px; } .my-lists .list-options .pdp-share-label { padding-top: 15px; } .my-lists .public-list { display: block; margin-right: 37px; padding: 20px 0 0; margin-left: 10px; } @media only screen and (max-width: 47.9375em) { .my-lists .public-list { margin-left: 0px; padding-top: 10px; } } .my-lists .public-list .checkbox-focus { display: inline-block; float: left; } .my-lists .public-list .tooltip-trigger { display: inline-block; margin-left: 8px; line-height: 20px; background: none; border: none; cursor: pointer; } .my-lists .public-list .tooltip-trigger svg { width: 17px; height: 17px; display: inline-block; vertical-align: middle; } .my-lists .public-list .tooltip-trigger svg .small-i { fill: #3d98b0; } .my-lists .public-list .tooltip-trigger svg .small-i-background { fill: #fff; } .recently-viewed-list .item .item-details { padding-left: 0; } .recently-viewed-list .item .submitRemoveProduct { display: inline-block; white-space: nowrap; background: none; border: none; padding: 0; overflow: hidden; } .recently-viewed-list .item .submitRemoveProduct svg { display: block; } .recently-viewed-list .item .submitRemoveProduct:hover, .recently-viewed-list .item .submitRemoveProduct:focus, .recently-viewed-list .item .submitRemoveProduct +above(48em) { display: block; white-space: nowrap; text-indent: 0px; text-align: left; vertical-align: middle; line-height: 16px; padding: 2px 0; width: auto; float: right; font-family: clanotnews; text-decoration: underline; } .recently-viewed-list .item .submitRemoveProduct:hover svg, .recently-viewed-list .item .submitRemoveProduct:focus svg, .recently-viewed-list .item .submitRemoveProduct +above(48em) svg { margin-right: 4px; display: inline; height: 14px; width: 14px; vertical-align: middle; } .address-book .add-address-link { padding: 0; } .address-book .add-address-link a { height: auto; } .address-book-list { display: block; margin-top: 15px; } .address-book-list .pagination-bar.bottom { padding: 0; } .address-book-item { *zoom: 1; display: block; padding: 8px 0 5px; position: relative; } .address-book-item:before, .address-book-item:after { content: ''; display: table; } .address-book-item:after { clear: both; } .page-address-book .address-book-item { border-top: 1px solid #d9d9d9; } .page-my-store-list .address-book-item:before { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; border: 0; top: 0; } .address-book-item .primary-address-link, .page-address-book .address-book-item .primary-address-link { display: none; } .address-book-item .address-label { float: none; font-family: clanotnews; font-size: 16px; font-size: 1rem; margin: 0 0 5px; text-transform: uppercase; } .address-book-item .address-details { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin: 0; } .address-book-item .address-details li { border: none; display: block; padding: 0; } .address-book-item .address-details li.address-town, .address-book-item .address-details li.address-province, .address-book-item .address-details li.address-postal-code { display: inline-block; } .address-book-item .address-details li.address-country { display: block; } .address-book-item .store-hours { display: none; } .address-book-item .address-option-row { margin-bottom: 20px; } .address-book-item .address-option-row .button { line-height: 0.875rem; } .address-book-item .address-option-row form { display: inline; } .address-book-item .address-options { margin-top: 20px; } .address-book-item .address-options .primary-radio-buttons label { margin: 0; font-family: clanotbook; } .address-book-item:first-child .primary-radio-buttons label { font-family: clanotnews; } .order-filtering { *zoom: 1; margin-bottom: 40px; } .order-filtering:before, .order-filtering:after { content: ''; display: table; } .order-filtering:after { clear: both; } .order-filtering .filter-section { background: #eaeaea; display: block; padding: 20px 15px; } .order-filtering label { display: block; margin-bottom: 10px; } .order-filtering .sort-orders { padding-bottom: 0; overflow: hidden; } .order-filtering .sort-orders .custom-select select option { font-size: 14px; font-size: 0.875rem; } .order-filtering .search-orders { clear: both; width: 100%; } .order-filtering .search-orders .controls { position: relative; } .order-filtering .search-orders input[type="text"] { height: 40px; margin-bottom: 0; width: 100%; display: inline-block; border-right: 0; padding: 0 48px 0 10px; } .order-filtering .search-orders input[placeholder] { font-size: 12px; font-size: 0.75rem; } .order-filtering .search-orders .site-search-submit { border: 1px solid #d9d9d9; border-left: 0; height: 40px; line-height: 40px; right: 0; top: 0; width: 40px; position: absolute; padding: 0; } .order-filtering .search-orders .site-search-submit img { display: block; margin: 0 auto; } .order-filtering .filter-date { padding-top: 20px; } .order-wrapper .table-head-cell { min-width: 20%; white-space: nowrap; } .order-actions { text-align: right; } .order-actions:after { content: ''; display: table; clear: both; } .order-actions .button { text-align: right; float: right; clear: right; padding-right: 10px; } @media only screen and (max-width: 47.9375em) { .order-actions .button { text-align: left; float: left; clear: left; } } .order-history-list { display: block; text-align: left; } .order-history-list.quick-view .order { padding: 10px 0; border-bottom: none; } .order-history-list .order { *zoom: 1; border-bottom: 1px solid #d9d9d9; display: block; margin: 0; padding: 20px 10px; } .order-history-list .order:before, .order-history-list .order:after { content: ''; display: table; } .order-history-list .order:after { clear: both; } .order-history-list .order:first-child { padding-top: 10px; } .order-history-list .sort-column { font-family: clanotbook; color: #383838; } .order-history-list .sort-column:focus { outline: 1px dotted #fff; outline-offset: 2px; } .order-history-list .order-date { display: block; float: left; text-align: left; width: 50%; } .order-history-list .order-id { display: block; float: left; text-align: right; width: 50%; } .order-history-list .current-order-status { clear: both; display: block; padding-top: 10px; text-align: center; width: 100%; } .order-history-list .order-actions { display: block; padding-top: 10px; text-align: center; width: 100%; } .order-history-list .button { margin-left: 6px; margin-right: 6px; } table.order-history-list { display: table; vertical-align: top; width: 100%; } table.order-history-list thead .order-date, table.order-history-list thead .order-id, table.order-history-list thead .current-order-status, table.order-history-list thead .order-shiped { padding: 5px 10px; } table.order-history-list .order { padding: 0; } table.order-history-list td { padding: 10px 10px; } .order-history .pagination-bar.top { margin: 0; } .order-history .pagination-bar.top + .order-wrapper { margin: 0; } .order-history .history-order-actions .button { float: left; text-align: left; width: 100%; } @media only screen and (max-width: 47.9375em) { .order-history .order-wrapper .rtable-td { padding: 0px 5px 10px; } .order-history .rtable-tr { padding-left: 0px; padding-top: 10px; } .order-history .rtable-tr + .history-order-actions { padding: 10px 15px 10px; } .order-history .rtable-tr + .history-order-actions .order-actions { padding: 0 7px 3px; } .order-history .rtable-tr + .history-order-actions .order-actions .button { float: left; } .recent-order-wrapper .rtable-tr { padding-top: 10px; } .recent-order-wrapper .rtable-tr .rtable-td { padding: 0px 5px 15px; } .wishlist-wrapper table.rtable-tbody tr.rtable-tr.wish-product { padding-bottom: 10px; } .account-order-detail-wrapper .hgroup.header-wrap { margin-bottom: 25px; } .account-order-detail-wrapper .hgroup.header-wrap ul.section-switcher { margin-top: 0px; margin-bottom: 0px; } .account-order-detail-wrapper .hgroup.header-wrap ul.section-switcher a { padding-top: 25px; padding-bottom: 25px; } } .account-content .header-wrap .section-switcher li { margin-right: 5px; } @media only screen and (min-width: 56em) { .account-content .header-wrap .section-switcher li { margin-right: 10px; } } .account-content .header-wrap .section-switcher li a span { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; width: 100%; } .order-details-header { width: 100%; } .order-details-header li { margin-bottom: 5px; } .order-details-header .headline { display: block; font-family: clanotnews; font-size: 16px; font-size: 1rem; line-height: 1.125rem; margin: 0 0 4px; padding: 0; vertical-align: top; text-transform: uppercase; } .order-details-header .value { display: block; font-size: 13px; font-size: 0.8125rem; vertical-align: top; } .order-details-header .tracking-label { font-family: clanotnews; } .order-details-header .order-detail-item { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #d9d9d9; font-size: 14px; font-size: 0.875rem; font-weight: bold; } .order-details-header .order-detail-item:last-child { border: none; padding-right: 0px; margin-right: 0px; } .order-details-promotions { margin: 0 0 20px; } .order-details-promo-msg { margin: 0 0 5px; } .communication-preferences { margin: 0 0 20px; } .communication-preferences .user-action-form { max-width: 100%; position: relative; } .communication-preferences .language-preference { display: block; } .communication-preferences .communication-preference-details { margin: 5px 0 25px 25px; } .communication-preferences .button-wrap .primary-button { margin-bottom: 10px; } .communication-preferences .button-wrap .primary-button+.button { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 14px; font-size: 0.875rem; } .communication-preferences .parsley-errors-list { display: none; } .communication-preferences label.radio-button-label { font-family: clanotbook; } .communication-preferences input[type=radio]:checked + label.radio-button-label { font-family: clanotnews; } .manage-team .address-book-item .address-label { text-transform: none; } .my-company .button { display: inline-block; margin-bottom: 20px; } .my-company li { display: block; margin-bottom: 6px; } .my-company li ul { margin: 6px 0 0 25px; } .my-company li li { display: list-item; list-style: disc; } .my-company li li ul { margin-left: 0; } .my-company table { table-layout: auto; margin-bottom: 20px; width: 100%; } .my-company thead { font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .my-company tbody { background: #c4e0e7; color: #383838; } .my-company th { background: #3d98b0; color: #fff; margin-bottom: 10px; font-weight: normal; padding: 5px; text-align: left; } .my-company td { padding: 5px; vertical-align: top; } .my-company td p { margin-bottom: 0; } .my-company tr th:first-child, .my-company tr td:first-child { padding-left: 10px; } .my-company tr th:last-child, .my-company tr td:last-child { padding-right: 10px; text-align: right; } .my-company form { text-align: left; } .my-company label { margin-bottom: 8px; } #colorbox.check-gift-card-container { border: 1px solid #d9d9d9; } @media only screen and (min-width: 48em) { #colorbox.check-gift-card-container { height: 400px !important; top: 30% !important; } #colorbox.check-gift-card-container #cboxWrapper { height: 400px !important; } #colorbox.check-gift-card-container #cboxWrapper > div:nth-child(2) { overflow: hidden; height: 400px !important; } #colorbox.check-gift-card-container #cboxWrapper > div:nth-child(2) #cboxContent, #colorbox.check-gift-card-container #cboxWrapper > div:nth-child(2) #cboxLoadedContent { height: 400px !important; } } @media only screen and (max-width: 47.9375em) { #colorbox.check-gift-card-container { height: 520px !important; } #colorbox.check-gift-card-container #cboxWrapper { height: 520px !important; } #colorbox.check-gift-card-container #cboxWrapper > div:nth-child(2) { overflow: hidden; height: 520px !important; } #colorbox.check-gift-card-container #cboxWrapper > div:nth-child(2) #cboxContent, #colorbox.check-gift-card-container #cboxWrapper > div:nth-child(2) #cboxLoadedContent { height: 520px !important; } } @media only screen and (max-height: 420px) and (min-height: 320px) { #colorbox #cboxContent, #colorbox #cboxLoadedContent { max-height: 80% !important; overflow-y: scroll !important; } } .giftCardBalance { padding: 20px; } .giftCardBalance > .hgroup h2 { font-family: clanotmedium; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; border-bottom: 1px solid #d9d9d9; color: #383838; margin-bottom: 15px; padding-bottom: 5px; } .giftCardBalance > p { margin-bottom: 0; font-size: 13px; font-size: 0.8125rem; } .giftCardBalance .giftCardBalancePlaceholder { visibility: hidden; color: #383838; font-family: clanotmedium; margin-top: 10px; margin-bottom: 0px; } .giftCardBalance .giftCardBalancePlaceholder.visible { visibility: visible; } .giftCardBalance #cardErrorMsg, .giftCardBalance .card-error-msg { padding-bottom: 15px; font-size: 11px; font-size: 0.6875rem; } .giftCardBalance #cardErrorMsg:focus, .giftCardBalance .card-error-msg:focus { outline-width: 0; } .giftCardBalance .giftCardForm { display: inline-block; width: 55%; vertical-align: top; margin-top: 15px; } .giftCardBalance .giftCardForm .cardNumberAlert { height: 30px; } .giftCardBalance .giftCardForm .cardFields .reset-balance { margin-left: 15px; } .giftCardBalance .giftCardForm .cardFields.has-errors .control-group input { border-color: #c00; } .giftCardBalance .giftCardForm .cardFields .card-fields-container { *zoom: 1; margin-bottom: 10px; } .giftCardBalance .giftCardForm .cardFields .card-fields-container:before, .giftCardBalance .giftCardForm .cardFields .card-fields-container:after { content: ''; display: table; } .giftCardBalance .giftCardForm .cardFields .card-fields-container:after { clear: both; } .giftCardBalance .giftCardForm .cardFields .card-fields-container input { margin-top: 10px; margin-bottom: 10px; } .giftCardBalance .giftCardForm .cardFields .card-fields-container .number-field { display: inline-block; width: 53%; } .giftCardBalance .giftCardForm .cardFields .card-fields-container .code-field { display: inline-block; width: 40%; padding-left: 15px; } .giftCardBalance .giftCardForm .cardFields .card-fields-container .code-field label { min-width: 100px; font-size: 12px; } .giftCardBalance .giftCardForm .has-errors .add-placeholder { border-width: 1px; border-color: #c00; } .giftCardBalance .giftCardForm .control-group { *zoom: 1; margin-bottom: 0; } .giftCardBalance .giftCardForm .control-group:before, .giftCardBalance .giftCardForm .control-group:after { content: ''; display: table; } .giftCardBalance .giftCardForm .control-group:after { clear: both; } .giftCardBalance .giftCardForm .control-group input { margin-top: 10px; margin-bottom: 10px; } .giftCardBalance .giftCardForm .control-group .number-field { float: left; display: inline-block; width: 53%; } .giftCardBalance .giftCardForm .control-group .number-field label { width: 85%; } .giftCardBalance .giftCardForm .control-group .code-field { display: inline-block; width: 35%; padding-left: 15px; } .giftCardBalance .giftCardForm .control-group .code-field label { min-width: 100px; } .giftCardBalance .alertMsg { visibility: hidden; color: #c00; font-family: clanotmedium; } .giftCardBalance .giftCardImage { display: inline-block; width: 44%; } .giftCardBalance .giftCardImage img { width: 100%; } .has-errors { border-color: #c00; border-width: 1px; } .has-errors input.add-placeholder { border-color: #c00; border-width: 1px; } .has-errors .alertMsg { visibility: visible; display: inline-block; margin-bottom: 10px; } .has-errors .alertMsg:focus { outline-width: 0; } .check-gift-card-popup .giftCardBalance { border: none; } #go-to-cart-without-delete, #go-to-cart-with-delete { *zoom: 1; } #go-to-cart-without-delete:before, #go-to-cart-with-delete:before, #go-to-cart-without-delete:after, #go-to-cart-with-delete:after { content: ''; display: table; } #go-to-cart-without-delete:after, #go-to-cart-with-delete:after { clear: both; } #go-to-cart-without-delete .button, #go-to-cart-with-delete .button { width: 100%; } .coupon-list-wrapper, .warranty-list-wrapper { padding: 15px 0 0; } .warranty-list-wrapper .warranty-button { cursor: pointer; color: #c00; } .warranty-list-wrapper .warranty-list-product a { color: #383838; } .warranty-list-wrapper .warranty-list-product a:hover { color: #9e0000; } .order-detail-product { width: 45%; } .order-detail-image .primary-image { min-width: 96px; } .order-detail-desc .warranty-button { cursor: pointer; color: #383838; font-family: clanotnews; } .order-detail-desc .warranty-button:hover { color: #9e0000; } .order-detail-name { display: block; margin-bottom: 3px; color: #383838; font-size: 14px; font-size: 0.875rem; } .order-detail-param { margin-bottom: 2px; color: #808080; } .order-detail-quantity, .order-detail-price { text-align: center; } .order-detail-price-regular { text-align: center; } .rtable-tr .order-detail-price { color: #c00; } .leftNav .user-action-list ul li:first-child:last-child { display: none; } @media only screen and (max-width: 47.9375em) { .rtable-tr .order-detail-price, .rtable-tr .order-detail-quantity { text-align: right; } } .order-detail-total { text-align: right; } .page-shared-shopping-list .account-content .my-lists.section > .errors-container { margin-top: 15px; } @media only screen and (min-width: 48em) { .store-address h3 { font-size: inherit; } .order-details-wrapper .rtable-td { padding-top: 20px; } .order-details-wrapper .thumb { float: left; margin-right: 15px; margin-bottom: 15px; width: 75px; height: 56px; text-align: center; } .order-details-wrapper .thumb a { width: 75px; height: 56px; display: block; } .order-details-wrapper .thumb img { margin: 0 auto; max-height: 100%; height: auto; } .order-details-wrapper .desc { float: left; font-size: 14px; font-size: 0.875rem; width: 70%; } .order-details-wrapper .checkout-acp-desc { padding-left: 15px; } .order-details-wrapper .desc-row { line-height: 140%; } .order-details-wrapper .name { font-size: 14px; font-size: 0.875rem; color: #383838; } .order-details-wrapper .name:hover { color: #9e0000; } .order-details-wrapper .name a { color: #383838; font-family: clanotbook; } .order-details-wrapper .name a:hover { color: #9e0000; } .order-details-wrapper .order-detail-param { margin-left: 90px; } .my-lists-wrapper .global-messages .alert { margin-bottom: 0; } .profile-content .user-action .page-description, .profile-content p { font-size: 14px; font-size: 0.875rem; } } @media only screen and (max-width: 47.9375em) { .my-lists-wrapper .header-wrap .user-action.list-action { position: static; } } @media only screen and (min-width: 48em) { .header-wrap .order-actions { text-align: right; width: 25%; display: inline-block; } .header-wrap .order-actions.canceled-message { width: auto; position: absolute; right: 45px; top: 0; } .touch .header-wrap .order-actions.canceled-message { right: 0; } } @media only screen and (max-width: 47.9375em) { .order-details-header .order-detail-item { float: none; padding: 0; border: none; } .order-header-arrow-wrapper { cursor: pointer; } .order-detail-header-arrow { height: 10px; display: inline-block; margin-right: 5px; width: 10px; cursor: hand; height: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzODM4Mzg7IiBkPSJNNS40NjUsNi45bDQuNTQ5LTMuNzkzVjBMNC45ODUsNC4wNzNMMC4wMDksMEwwLDEuMDA2djIuMTAxbDQuNDk2LDMuNzkNCglDNC43OTQsNy4wNzMsNS4xNjcsNy4wNzQsNS40NjUsNi45eiIvPg0KPC9zdmc+DQo=) 0 50% no-repeat; } .order-detail-header-arrow.expanded { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .order-shipping-wrapper .order-detail-image, .order-details-wrapper .order-detail-image { float: left; } .order-shipping-wrapper .order-detail-desc, .order-details-wrapper .order-detail-desc { min-height: 100px; } .order-shipping-wrapper .order-detail-status, .order-details-wrapper .order-detail-status { border-top: none; } .order-actions .button { white-space: normal; } .warranty-list-wrapper .warranty-list-code:before, .warranty-list-wrapper .warranty-list-title:before { display: none; } .warranty-list-wrapper .rtable-tr { padding: 10px 0; } .warranty-list-wrapper .rtable-td { padding: 0; } .warranty-list-wrapper .rtable-td-titled { text-align: left; border: 0; } .warranty-list-wrapper .warranty-list-product { padding: 10px 0; } .account-content .accountnavigationcollectioncomponent { padding: 0; } .account-content .accountnavigationcollectioncomponent .user-info { padding-bottom: 15px; } } @media only screen and (max-width: 47.9375em) { .account-content .main-content .accordion-trigger { text-transform: inherit; font-size: 15px; font-size: 0.9375rem; } .account-container ul.breadcrumbs { border-bottom: 0; padding-left: 0; overflow-x: hidden; padding-left: 15px; } .account-container ul.breadcrumbs li { display: none; } .account-container ul.breadcrumbs li:nth-of-type(2) { display: block; } .account-container ul.breadcrumbs:after { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; bottom: 0; } .warranty-list-wrapper .rtable-tr .warranty-list-expires.rtable-td-titled { border-top: none; } .help-container .breadcrumbs { border-bottom: 0px; padding-left: 0px; } .help-container .breadcrumbs:after { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; bottom: 0; } .account-content .table-mod:after { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; } .account-content .header-wrap { border-bottom: none; padding-bottom: 0; margin-bottom: 15px; height: auto; position: relative; } .page-address-book .account-content .header-wrap { padding-bottom: 35px; } .account-content .header-wrap .section-header { padding-top: 25px; padding-bottom: 25px; border-bottom: 0; margin-bottom: 15px; } .account-content .header-wrap .section-header:before { display: none; } .account-content .header-wrap .section-header:after { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; border: 0; bottom: 0; } .account-content .header-wrap .user-action { padding-bottom: 0; margin-bottom: 0; } .account-content .header-wrap + .user-action { padding-top: 5px; } .account-content .manage-coupons .section-header { font-size: 18px; font-size: 1.125rem; line-height: 1.25em; } .account-content .manage-coupons .section-header:before { display: none; } .account-content .manage-coupons .page-description { font-size: 14px; font-size: 0.875rem; } .account-content .manage-coupons .expiration-date { margin-bottom: 0; } .account-content .user-action { font-size: 12px; font-size: 0.75rem; line-height: 0.875rem; position: relative; right: auto; margin-top: 0; } .account-content .user-action.list-action span, .account-content .user-action.list-action .pdp-share { display: none; } .account-content .user-action span:not(.radio-button), .account-content .user-action span:not(.label-value) { display: inline-block; } .account-content .user-action a { bottom: auto; display: inline; font-size: 12px; font-size: 0.75rem; line-height: 0.875rem; margin: 0; position: relative; text-align: left; width: auto; } .account-content .item .product, .account-content .item .warranty { *zoom: 1; } .account-content .item .product:before, .account-content .item .warranty:before, .account-content .item .product:after, .account-content .item .warranty:after { content: ''; display: table; } .account-content .item .product:after, .account-content .item .warranty:after { clear: both; } .account-content .address-options .address-option-row .button, .account-content .address-options .address-option-row .disabled { display: inline-block; padding-right: 20px; } .account-content .address-options .address-option-row .button.hidden, .account-content .address-options .address-option-row .disabled.hidden { display: none; } .giftCardBalance .giftCardForm { width: 100%; } .giftCardBalance .giftCardForm .control-group .number-field { width: 100%; } .giftCardBalance .giftCardForm .control-group .code-field { width: 100%; padding-left: 0; } .giftCardBalance .giftCardForm .cardFields .card-fields-container .number-field { display: inline-block; width: 100%; } .giftCardBalance .giftCardForm .cardFields .card-fields-container .code-field { display: inline-block; width: 100%; padding-left: 0; } .giftCardBalance .giftCardImage { display: none; } .sidebar-wrap .user-info { padding: 15px 0; } .page-shopping-lists .rtable-tr.wish-product { padding: 15px 15px 0px 15px; margin-bottom: -45px; } .page-shopping-lists .wish-product-qty .quantity { width: 44px; } .page-shopping-lists .account-container .breadcrumbs, .page-orders .account-container .breadcrumbs, .page-order .account-container .breadcrumbs { display: inherit; } .page-orders .account-content .header-wrap .section-header { padding-top: 30px; padding-bottom: 30px; } .account-content .header-wrap .section-switcher { margin: 20px 0px 10px 0px; } .account-content .header-wrap .section-switcher li { display: block; } .account-content .header-wrap .section-switcher li a { display: inline-block; position: relative; width: 100%; padding: 0 0 15px 0; border-bottom: 0; background: transparent; color: #383838; text-transform: uppercase; vertical-align: middle; font-weight: normal; text-align: left; line-height: 100%; font-size: 18px; font-size: 1.125rem; } .account-content .header-wrap .section-switcher li a:before { display: none; } .account-content .header-wrap .section-switcher li a:after { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; border: 0; bottom: 0; } } .help-container .yCmsComponent .image-wrap { max-width: 100%; } .help-container .user-info { display: none; } @media only screen and (min-width: 20em) { .recently-viewed-list .item .item-description { width: 65%; } } @media only screen and (min-width: 31.25em) { .recently-viewed-list .item .item-description { width: 75%; } } .singleNavLink { font-size: 1rem; color: #383838; } .singleNavLink:after { display: none !important; } @media only screen and (max-width: 47.9375em) { .singleNavLink { background: #fff !important; border-bottom: 1px solid #d9d9d9 !important; border-top: 1px solid #d9d9d9 !important; color: #383838 !important; } } @media only screen and (min-width: 26.25em) { .account-content .warranty .item-details { text-align: left; } .account-content .pagination-bar .filter-options { *zoom: 1; display: block; margin-left: 0; text-align: left; } .account-content .pagination-bar .filter-options:before, .account-content .pagination-bar .filter-options:after { content: ''; display: table; } .account-content .pagination-bar .filter-options:after { clear: both; } .account-content .pagination-bar .filter-options .expiration { margin: 0; } } @media only screen and (min-width: 48em) { #go-to-cart-without-delete, #go-to-cart-with-delete { display: inline-block; max-width: 45%; padding: 0 5px; margin: 0; } #go-to-cart-without-delete .button, #go-to-cart-with-delete .button { margin: 0; padding-left: 5px; padding-right: 5px; } .account-content .main-content .account-navigation-section .accordion-content li a { padding: inherit; } .order-history-list.quick-view .order { border-bottom: 1px solid #d9d9d9; } .order-history-list .order-date, .order-history-list .order-id { text-align: left; width: 20%; } .order-history-list .current-order-status { clear: none; float: left; text-align: left; padding-top: 0; width: 20%; } .order-history-list .order-shiped { float: left; width: 20%; text-align: left; } .order-history-list thead .order-shiped { width: 40%; } .order-history-list td.current-order-status { padding-top: 10px; } .order-history-list .order-actions { text-align: right; } .order-history-list td.order-actions { padding: 10px; } .order-history-list .button { margin: 0; text-align: inherit; } .account-container .my-lists .header-wrap { margin-top: 0; margin-bottom: 15px; } .account-content .sidebar-wrap { padding-top: 0; } .account-content .main-content { padding-top: 0; } .account-content .main-content .account-navigation-section { display: inline-block; font-size: 0; margin: 0 0 35px; padding: 0 25px 0 0; vertical-align: top; width: 49.5%; } .account-content .main-content .account-navigation-section li { font-size: 14px; font-size: 0.875rem; margin: 0 0 10px; border-bottom: none; } .account-content .main-content .account-navigation-section li a { cursor: pointer; display: inline; padding: 0; font-family: clanotbook; } .account-content .main-content .accordion-trigger { border: none; font-size: 16px; font-size: 1rem; height: auto; line-height: 112.5%; margin: 0 0 20px; padding: 0; vertical-align: top; } .account-content .main-content .accordion-trigger:after { display: none; } .account-content .main-content .accordion-trigger.active { background: #fff; border: none; color: #383838; } .account-content .account-navigation-list { margin: 0; width: 100%; } .account-content .account-navigation-list .manage-subscriptions { font-size: 15px; font-size: 0.9375rem; } .account-content .account-navigation-list .change_address_button.button { display: block; float: left; } .account-content .button-wrap { text-align: left; } .account-content .button-wrap .button { display: inline-block; margin: 0 0 0 20px; width: auto; } .account-content .button-wrap .button:first-child { margin-left: 0; } .account-content .pagination-bar { text-align: right; padding-right: 5px; } .account-content .pagination-bar .sort-form { width: auto; } .account-content .pagination-bar .filter-options { display: block; float: left; margin-left: 0; text-align: left; } .account-content .pagination-bar .filter-options .expiration { float: none; margin: 0; } .account-content .pagination-bar .results-wrap { padding: 1px 0 0; } .account-content .pagination-bar .results-wrap .pagination li.next > a { padding-right: 0; padding-left: 0; } .account-content .order-header { padding: 8px 10px; } .account-content .order-header .price { float: none; left: -5px; } .account-content .order-history-quick-view { margin-bottom: 50px; } .account-content .order-history-quick-view .user-action a { height: auto; } .account-content .order-history-quick-view .quick-view, .account-content .order-header.subheader { padding: 0; } .account-content .order-summary { padding-right: 0; } .account-content .order-summary ul { padding-right: 10px; } .account-content .order-status li:first-child { border-right: 1px solid #d9d9d9; display: inline-block; margin: 0; padding: 0 12px 0 0; } .account-content .order-status .price { float: none; } .account-content .warranty { padding: 0; position: absolute; top: 42px; width: 100%; } .account-content .warranty .item-details { white-space: nowrap; } .account-content .warranty .item-description { font-size: 13px; font-size: 0.8125rem; padding-left: 100px; } .account-content .warranty .price, .account-content .warranty .quantity { font-size: 13px; font-size: 0.8125rem; padding-right: 16px; } .account-content .warranty .total { font-size: 13px; font-size: 0.8125rem; padding-right: 20px; } .account-content .order-user-details { float: left; } .account-content .order-detail-totals { float: right; max-width: 405px; padding: 0; width: 48%; } .account-content .accountnavigationcollectioncomponent { padding: 0; } .account-content .accountnavigationcollectioncomponent .header-wrap { margin-top: 2px; } .account-content .accountnavigationcollectioncomponent .header-wrap .user-action { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .account-content .accountnavigationcollectioncomponent .user-info { word-break: break-word; } .account-content .header-wrap .section-header { padding-bottom: 6px; width: 60%; } .account-content .header-wrap .section-header.with-action { width: auto; } .account-content .header-wrap .user-action, .account-content .header-wrap + .user-action { text-align: right; margin-bottom: 0; float: right; } .account-content .header-wrap .user-action.list-action, .account-content .header-wrap + .user-action.list-action { position: absolute; right: 0; text-align: right; top: 0; } .account-content .header-wrap .user-action.list-action .new-list, .account-content .header-wrap + .user-action.list-action .new-list { top: 5px; } .account-content .header-wrap .user-action.list-action li:not(.print), .account-content .header-wrap + .user-action.list-action li:not(.print) { display: inline-block; } .account-content .header-wrap .user-action.list-action .print-page, .account-content .header-wrap + .user-action.list-action .print-page { line-height: 20px; background: transparent; margin: 0 5px 0 8px; height: 20px; width: 34px; overflow: hidden; } .account-content .header-wrap .user-action.list-action .download, .account-content .header-wrap + .user-action.list-action .download { width: 16px; } .account-content .section-subheader.with-action { display: inline-block; width: 50%; } .account-content .order-history .pagination-wrap { position: relative; right: 0; } .page-account .account-content .sidebar-wrap { padding-top: 30px; } .page-account .account-content .main-content { padding-top: 30px; } .coupon-list { border-bottom: 1px solid #d9d9d9; } .coupon-header { background: #c4e0e7; padding: 6px 10px 6px; color: #383838; text-transform: uppercase; font-size: 0px; font-size: 0rem; } .coupon-header .coupon-code, .coupon-header .coupon-status, .coupon-header .coupon-description, .coupon-header .created-date, .coupon-header .starts-date, .coupon-header .expiration-date { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 0; vertical-align: middle; } .coupon { padding: 15px 10px; border-top: 1px solid #d9d9d9; font-size: 0px; font-size: 0rem; } .coupon:after { content: none; } .coupon:first-child { border-top: none; } .coupon-code, .coupon-status, .coupon-description, .created-date, .starts-date, .expiration-date { display: inline-block; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 0; vertical-align: top; padding-right: 15px; padding-left: 0; } .coupon-code { width: 25%; } .coupon-status { text-align: left; width: 13%; } .coupon-description { width: 30%; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .warranty-title { width: 25%; } .warranted-products { width: 25%; } .created-date, .starts-date, .expiration-date { width: 15%; white-space: nowrap; text-align: center; } .created-date span, .starts-date span, .expiration-date span { display: none; } .expiration-date { padding-right: 0; } .warranty-active, .warranty-expires { width: 12.5%; vertical-align: top; } .my-lists .header-wrap { margin-top: 50px; height: auto; } .my-lists .header-wrap .section-header { display: inline-block; } .my-lists .list-header-wrap { *zoom: 1; } .my-lists .list-header-wrap:before, .my-lists .list-header-wrap:after { content: ''; display: table; } .my-lists .list-header-wrap:after { clear: both; } .my-lists .list-header-wrap .pagination-bar { margin-bottom: 0; } .my-lists .pdp-share { margin-top: 0; } .my-lists .list-header { float: left; padding-bottom: 14px; } .my-lists .list-selector { float: left; margin: 0 20px 0 0; max-width: 225px; width: 30%; } .my-lists .page-actions { position: absolute; right: 0; top: 18px; } .my-lists .list-actions { margin: 15px 0; text-align: right; padding: 10px; } .my-lists .list-actions .select-all { display: inline-block; float: none; text-align: left; width: 74%; } .my-lists .list-actions .checkbox-wrap { margin-bottom: 0; } .my-lists .list-actions .new-list { display: inline-block; float: none; line-height: 44px; margin-bottom: 0; vertical-align: top; } .my-lists .list-actions .cart { clear: none; display: inline-block; margin: 0; padding-top: 0; text-align: right; width: 25%; } .my-lists .list-actions .cart button { margin-bottom: 0; } .my-lists .recently-viewed-actions { padding-top: 15px; } .my-lists .recently-viewed-actions .clear-recent { float: left; margin-bottom: 0; } .my-lists .list-description { display: block; float: left; max-width: 505px; width: 65%; } .my-lists .public-list { display: inline-block; } .my-lists .list-options .pdp-share { display: none; margin-bottom: 0; } .my-lists .list-options.show-social .pdp-share { display: inline-block; } .my-lists .list-options .pdp-share-label { margin-top: -2px; padding-top: 0; } .wishlist-wrapper .rtable { border-top: 1px solid #d9d9d9; } .wishlist-wrapper .rtable td { width: auto; } .wishlist-wrapper .wish-product:before, .wishlist-wrapper .wish-product:after { display: none; } .wishlist-wrapper .wish-product-checkbox { float: none; padding-right: 0; padding-left: 10px; } .wishlist-wrapper .wish-product-image { padding-left: 21px; } .wish-product-image { float: none; } .wish-product-desc { float: none; width: 30%; } .wish-product-name { margin: 0; text-align: left; } .wish-product-availability { width: 100%; } .wish-product-qty { float: none; max-width: 90px; } .wish-product-qty .remove-product { padding-top: 0; } .wish-product-qty .remove-product .submitRemoveProduct { float: none; font-size: 12px; font-size: 0.75rem; overflow: visible; } .wish-product-qty .control-group { float: none; margin-bottom: 5px; } .wishlist-wrapper .wish-product-qty .quantity { display: inline-block; float: none; margin: 0 0 2px; width: 50px; text-align: center; } .wish-product-qty .remove-product { clear: both; } .wish-product-price { float: none; width: 20%; } .address-book-item .address-details-wrap { float: left; width: 40%; } .address-book-item .store-details-wrap { float: left; width: 60%; } .address-book-item .address-options { float: right; margin-top: 0; width: 60%; text-align: right; } .address-book-item .address-options .button-wrap { text-align: right; } .address-book-item .address-options .button { margin-left: 20px; margin-right: 0; text-align: right; } .address-book-item .address-options .primary-address .button { padding-left: 15px; padding-right: 15px; text-align: center; } .address-book-item .store-options { width: 40%; } .address-book-item .store-hours { display: block; margin-top: 15px; vertical-align: top; } .address-book-item .store-hours h3 { font-family: clanotnews; font-size: 16px; font-size: 1rem; margin: 0 0 5px; text-transform: uppercase; } .address-book-item .store-hours td { font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; padding-right: 5px; } .communication-preferences .language-preference { display: inline-block; margin: 0 25px 5px 0; } .communication-preferences .user-action-form { padding: 0; } .communication-preferences .user-action-form a.button { display: inline-block; width: auto; } } .productItemListHolder { overflow: hidden; margin-bottom: 20px; } .productItemListHolder .order-detail, .productItemListHolder .table { *zoom: 1; } .productItemListHolder .order-detail:before, .productItemListHolder .table:before, .productItemListHolder .order-detail:after, .productItemListHolder .table:after { content: ''; display: table; } .productItemListHolder .order-detail:after, .productItemListHolder .table:after { clear: both; } .productItemListHolder .shipping-details-header { display: table; overflow: hidden; padding: 0; background: #d9d9d9; } .productItemListHolder .shipping-details-header li { display: table-cell; padding: 8px; min-height: 34px; font-size: 14px; font-size: 0.875rem; } .productItemListHolder .shipping-details-header .order-detail-status { white-space: nowrap; } @media only screen and (max-width: 47.9375em) { .productItemListHolder .shipping-details-header display block li { display: block; } .productItemListHolder .shipping-details-header display block li.order-detail-payment { text-align: inherit; } } .productItemListHolder .order-detail-arrow { width: 26px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzODM4Mzg7IiBkPSJNNS40NjUsNi45bDQuNTQ5LTMuNzkzVjBMNC45ODUsNC4wNzNMMC4wMDksMEwwLDEuMDA2djIuMTAxbDQuNDk2LDMuNzkNCglDNC43OTQsNy4wNzMsNS4xNjcsNy4wNzQsNS40NjUsNi45eiIvPg0KPC9zdmc+DQo=) 8px 50% no-repeat; } .productItemListHolder .expanded .order-detail-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .productItemListHolder .order-detail-number, .productItemListHolder .order-detail-date { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .productItemListHolder .order-detail-payment { text-align: right; } .productItemListHolder .order-details-header { overflow: hidden; padding: 0; margin-bottom: 10px; } .productItemListHolder .order-details-header .order-detail-date { float: left; width: 20%; } .productItemListHolder .order-details-header .order-detail-number { float: left; width: 30%; } .productItemListHolder .order-details-header .order-detail-status { float: right; width: 50%; } .productItemListHolder .order-details-header .order-detail-status .value { display: block; text-align: right; } .productItemListHolder .order-details-header .order-detail-status .your-order-status { display: block; float: left; text-align: left; width: auto; } .productItemListHolder .order-details-header .order-detail-status .tracking { display: inline-block; } .productItemListHolder .user-action.list-action { position: absolute; top: -22px; right: 0; } .productItemListHolder #go-to-cart-without-delete, .productItemListHolder #go-to-cart-with-delete { float: left; width: 200px; } .productItemListHolder #go-to-cart-without-delete .button, .productItemListHolder #go-to-cart-with-delete .button { width: auto; float: none; } .productItemListHolder #go-to-cart-with-delete { float: right; } .productItemListHolder #go-to-cart-with-delete .button { float: right; margin-right: 0; } .productItemListHolder .pageLabel-address-book .address-book .user-action.add-address-block { width: 180px; } @media only screen and (min-width: 48em) { .account-content .status { width: 13%; } .account-content .description { max-width: 400px; width: 50%; } .account-content .description.track-order-description { width: 100%; max-width: none; word-wrap: break-word; } .account-content .price { width: 13%; float: left; position: relative; left: -2px; } .account-content .total { width: 18%; } } @media only screen and (min-width: 52.5em) { .address-book-item .store-address { float: left; width: 50%; vertical-align: top; padding-right: 10px; } .address-book-item .store-hours { float: left; margin-top: 0; width: 50%; vertical-align: top; } .address-book-item .store-hours h3 { font-family: clanotnews; font-size: 16px; font-size: 1rem; margin: 0 0 5px; text-transform: uppercase; } .address-book-item .store-hours td { font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; padding-right: 5px; } .address-book-item .store-hours td.weekday-openings-times { min-width: 153px; } .address-book-item .store-details-wrap { width: 66.6%; } .address-book-item .store-options { width: 33.3%; } } @media only screen and (min-width: 56.25em) { .account-content .main-content .account-navigation-section { width: 32.5%; } .address-book-item .address-options .primary-address .button { padding-left: 25px; padding-right: 25px; } } @media only screen and (min-width: 60em) { .order-history-list .order-actions { clear: none; float: left; padding-top: 0; text-align: right; width: 20%; } .order-history-list .button { margin-left: 10px; margin-right: 0; } .address-book-item .store-options { width: 30%; } .address-book-item .store-details-wrap { width: 70%; } } @media only screen and (min-width: 61.25em) { .order-filtering { border-bottom: 1px solid #d9d9d9; border-top: none; margin-bottom: 5px; padding: 0 0 20px; } .order-filtering .sort-by { display: block; float: left; width: 48.5%; } .order-filtering .filter-date { float: right; padding-top: 0; } .order-filtering .filter-section { display: block; float: left; padding: 15px 10px 10px; width: 59%; } .order-filtering .search-orders { clear: right; display: block; float: right; padding: 15px 10px 10px 10px; width: 39%; max-width: 280px; } } @media only screen and (min-width: 71.875em) { .separated-action { text-align: right; } .recently-viewed-list .item .item-description { max-width: 300px; width: auto; } } .my-lists .wishlistNamePrint { font-size: 20px; font-size: 1.25rem; display: none; } .myslistsPrintLogo { display: none; } #addWlForm #addWlForm_fields #addWlForm-wl-description { resize: none; } #editWlForm #editWlForm-wl-description { resize: none; } .my-lists .list-content .list-header-wrap .list-header { width: 100%; } .page-shopping-lists .account-content-wrapper { overflow: visible; } .page-shopping-lists .account-content-wrapper .user-info { padding-top: 15px; } .my-lists-title { text-align: left; } .hgroup.header-wrap, .related-component-heading.header-wrap { padding-top: 15px; border-bottom: 1px solid #3d98b0; margin-bottom: 24px; padding-bottom: 13px; } .hgroup.header-wrap .section-header, .related-component-heading.header-wrap .section-header { background: transparent; color: #383838; display: inline-block; margin: 0; position: relative; text-transform: uppercase; width: 100%; line-height: 100%; padding: 0 12px 0 0; font-size: 1.375rem; } @media only screen and (max-width: 29.9375em) { .hgroup.header-wrap .section-header, .related-component-heading.header-wrap .section-header { font-size: 18px; font-size: 1.125rem; } } @media only screen and (max-width: 47.9375em) { .related-component-heading.header-wrap { border-bottom: 1px solid transparent; margin-bottom: 0; } } .make-list-public-label { display: inline; clear: both; } .confirmation-popup.button-wrap { display: block; position: relative; overflow: hidden; text-align: center; padding-top: 20px; } .confirmation-popup.button-wrap .primary-button { float: none; } .confirmation-popup.button-wrap a.primary-button { margin-right: 15px; } .confirmation-popup.button-wrap button.primary-button { margin-right: 0; } .custom-modal .button.list-close-button { float: right; margin: -5px 0 0 15px; } @media print { .rtable { display: table; width: 100%; } .rtable-thead { display: table-header-group; } .rtable-tbody { display: table-row-group; } .rtable-thead-tr, .rtable-tr { display: table-row; width: auto; overflow: hidden; } .rtable-th, .rtable-td { text-align: left; display: table-cell; } .rtable-thead-tr { position: static; } .rtable-th { text-transform: uppercase; padding: 5px 10px; font-family: clanotnews; font-size: 14px; font-size: 0.875rem; color: #383838; vertical-align: middle; } .rtable-td { padding: 10px 7px; border-top: 1px solid #d9d9d9; } .rtable-td:before { display: none; } .rtable-tr:first-child .table-td { padding-top: 20px; } .rtable-col-sortable .rtable-sort { position: relative; } .rtable-col-sortable .rtable-sort:after { content: ''; position: absolute; width: 10px; height: 17px; padding: 0 0 0 5px; left: 100%; } .sorted-asc, .sorted-desc { padding-right: 15px; } .sorted-asc .rtable-sort { font-weight: bold; } .sorted-asc .rtable-sort:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzODM4Mzg7IiBkPSJNNS40NjUsNi45bDQuNTQ5LTMuNzkzVjBMNC45ODUsNC4wNzNMMC4wMDksMEwwLDEuMDA2djIuMTAxbDQuNDk2LDMuNzkNCglDNC43OTQsNy4wNzMsNS4xNjcsNy4wNzQsNS40NjUsNi45eiIvPg0KPC9zdmc+DQo=) 0 50% no-repeat; padding: 0 5px 0 0; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sorted-desc .rtable-sort { font-weight: bold; } .sorted-desc .rtable-sort:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjEwcHgiIHZpZXdCb3g9IjAgMCAxMC4wMTQgNy4wMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAuMDE0IDcuMDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4NCjxwYXRoIHN0eWxlPSJmaWxsOiMzODM4Mzg7IiBkPSJNNS40NjUsNi45bDQuNTQ5LTMuNzkzVjBMNC45ODUsNC4wNzNMMC4wMDksMEwwLDEuMDA2djIuMTAxbDQuNDk2LDMuNzkNCglDNC43OTQsNy4wNzMsNS4xNjcsNy4wNzQsNS40NjUsNi45eiIvPg0KPC9zdmc+DQo=) 5px 50% no-repeat; } } @media print { header { max-width: 1024px; margin: 0 auto; } footer.yCmsContentSlot { display: none; } .skip-main-content-link, .value-prop, .search, .source-banner, .breadcrumb-module, .sidebar-wrap { display: none; } .account-content .header-wrap { display: none; } .account-content .my-lists .wishlistNamePrint { display: block; text-transform: capitalize; font-weight: bold; margin: 0; } .account-content .section .header-wrap .section-header:after { display: none; } .content-wrap .list-header-wrap .list-options, .content-wrap .list-header-wrap .list-selector { display: none; } .content-wrap .list-header-wrap .list-description { float: left; margin-bottom: 10px; width: 100%; max-width: inherit; } .content-wrap .list-header-wrap .edit-list { display: none; } .content-wrap .my-lists .list-actions { display: none; } .content-wrap .main-content { padding: 0; margin: 0; } .yCmsContentSlot .list-content .item { border-left: none; border-right: none; } .yCmsContentSlot .list-content .item:first-child { border-top: none; } .my-lists .header-item { display: block; } .my-lists .item-list { min-width: 520px; margin: 0; border-bottom: none; } .my-lists .list-content { padding: 10px 0 0; } .my-lists .list-header-wrap:after { clear: both; content: ""; display: table; } .my-lists .list-actions { background: #fff; } .desktop-container { padding: 0 15px; margin-top: 30px; } .my-lists .user-action { display: none; } .wishlist-wrapper .rtable { margin: 0; } .wish-product .rtable-td { float: none; display: table-cell; vertical-align: top; } .wish-product .wish-product-image { min-width: 80px; } .wish-product .wish-product-desc { min-width: 300px; } .wish-product .wish-product-name { height: auto; overflow: visible; margin: 0; } .wish-product .wish-product-link { float: none; } .wish-product .wish-product-link:after { display: none; } .wish-product .wish-product-code { display: block; } .wish-product .wish-product-checkbox, .wish-product .wish-product-availability { display: none; } .wish-product-qty:before { content: 'Quantity: ' attr(data-col-value); display: inline-block; font-size: 13px; font-size: 0.8125rem; } .wish-product-qty .control-group, .wish-product-qty .remove-product { display: none; } .wish-product-price .original-price { display: none; } .order-detail-quantity, .order-detail-price { text-align: center; } .order-detail-price-regular { text-align: center; } .order-detail-total { text-align: right; } .account-content-wrapper .productItemListHolder { display: none; } .account-content .order-user-details .tracking-block { width: 47%; float: left; } .account-content .order-detail-totals { float: right; max-width: 405px; width: 48%; padding: 0; } .logo.mobile-only { display: block; } .logo.desktop-only { display: none; } .nav-button-wrap.mobile { width: 0; } .nav-button-wrap.mobile .nav-button { display: none; } } @media only screen and (max-width: 47.9375em) { .account-content .header-wrap .section-switcher li a { bottom: 0; } .account-content .header-wrap .section-switcher li a:after { display: none; } .account-content .header-wrap .section-switcher li a.active:after { display: none; } .account-content .header-wrap .section-switcher li a.active:before { display: none; } .account-content .header-wrap .section-switcher:after { content: ""; height: 1px; background-color: #d9d9d9; width: calc(100% + 30px); position: absolute; left: -15px; border: 0; bottom: 0; } } #trackOrderForm .control-group.parsley-error .errors-container .parsley-errors-list li { padding-left: 0px; padding-bottom: 0px; } #trackOrderForm .control-group .attemp-error.has-error { font-size: 13px; font-size: 0.8125rem; } .user-action-form .controls input { font-size: 12px; font-size: 0.75rem; } @media only screen and (max-width: 47.9375em) { .wish-product { position: relative; } } @media only screen and (min-width: 48em) and (max-width: 63.9375em) { .wishlist-wrapper .wish-product-checkbox { padding-left: 0px; } .wishlist-wrapper .wish-product-image { padding-left: 10px; } .wishlist-wrapper .availability-text { padding-right: 0px; } .wishlist-wrapper .wish-product-link { margin-right: 10px; } .wishlist-wrapper .wish-product-image .primary-image { max-width: 56px; } } @media only screen and (max-width: 47.9375em) { .productItemListHolder .shipping-details-header { float: left; display: block; } .productItemListHolder .shipping-details-header li { display: block; } .productItemListHolder .shipping-details-header .order-detail-arrow { display: none; } .order-shipping-wrapper .order-td-titled { text-align: right; } .user-action.cancelable { display: none; } .wishlist-wrapper .rtable { margin-top: 10px; border-bottom: none; } .wishlist-wrapper .wish-product:after, .wishlist-wrapper .wish-product:before { display: none; } .wishlist-wrapper .rtable-tr.wish-product { margin-bottom: 0; padding: 15px 0 0; overflow: hidden; } .wishlist-wrapper .rtable-tr { border-bottom: 1px solid #d9d9d9; border-top: none; } .wishlist-wrapper .rtable-tr:first-child { border-top: 1px solid #d9d9d9; } } @media print { .wish-product-price { bottom: 0; } } .account-content .paginationBar { background-color: #eaeaea; } @media (max-width: 767px) { .account-content .paginationBar { text-align: center; } } .account-content .paginationBar.top { padding: 5px 0; } .account-content .paginationBar.top .back-to-top { display: none; } .account-content .paginationBar .productsPagination.pagination-wrap { margin-right: 0; top: -3px; } @media (max-width: 767px) { .account-content .paginationBar .productsPagination.pagination-wrap { display: block; padding-right: 25px; border: none; } } .account-content .paginationBar.bottom { padding: 5px 0; } .account-content .paginationBar.bottom .productsTotalResults.totalResults { padding-top: 0; } @media (max-width: 767px) { .account-content .paginationBar.bottom .productsTotalResults.totalResults { display: none; } } @media (max-width: 767px) { .account-content .paginationBar.bottom .results-wrap { text-align: right; } } .account-content .paginationBar .pagination-top-container { display: inline-block; } .account-content .paginationBar .pagination-top-container .productsTotalResults { float: none; display: inline-block; vertical-align: bottom; padding-left: 20px; padding-right: 15px; } .account-content .paginationBar .pagination-top-container .staticContentTotalResults { display: none; } .account-content .paginationBar .pagination-top-container .productsPagination .parsley-errors-list { display: none; } .account-content .paginationBar .back-to-top { float: left; font-size: 13px; font-weight: 600; margin-left: 10px; } @media (max-width: 767px) { .account-content .paginationBar .back-to-top { display: block; width: 100%; text-align: left; } } .account-content .paginationBar .back-to-top a { line-height: 45px; } .account-content .paginationBar .productsTotalResults a { font-size: 13px; font-weight: 600; padding-left: 10px; } .account-content .paginationBar .productsTotalResults.totalResults { padding-top: 5px; } .account-content .paginationBar .productsTotalResults .load-more { display: none; } .yCmsComponent .image-wrap { max-width: 100%; } @media only screen and (max-width: 47.9375em) { .order-details-wrapper .rtable { width: 100%; } .order-details-wrapper .rtable .rtable-tr .rtable-td-titled { text-align: right; } .delete-wishlist-item { margin-bottom: 15px !important; } } .pdp-legacy { margin-bottom: 20px; } @media only screen and (max-width: 47.9375em) { .pdp-legacy { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 47.9375em) and (max-width: 47.9375em) { .content-wrap .breadcrumb-module ul.breadcrumbs { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 48em) and (max-width: 47.9375em) { .new-list { top: 0px; } } .page-multiStepCheckoutSummaryPage .value-prop, .page-orderConfirmationPage .value-prop, .page-multiStepCheckoutSummaryPage .value-prop + header, .page-orderConfirmationPage .value-prop + header, .page-multiStepCheckoutSummaryPage .search, .page-orderConfirmationPage .search, .page-multiStepCheckoutSummaryPage nav, .page-orderConfirmationPage nav, .page-multiStepCheckoutSummaryPage .nav-button-wrap, .page-orderConfirmationPage .nav-button-wrap { display: none; } .page-multiStepCheckoutSummaryPage header.checkout-header, .page-orderConfirmationPage header.checkout-header, .page-multiStepCheckoutSummaryPage #content nav, .page-orderConfirmationPage #content nav { display: block; } .page-multiStepCheckoutSummaryPage footer .footer-links-wrapper .footer-item.stacked:last-child h1.footer-header, .page-orderConfirmationPage footer .footer-links-wrapper .footer-item.stacked:last-child h1.footer-header { border-bottom: none; } .page-multiStepCheckoutSummaryPage footer .footer-links-wrapper .footer-item.stacked:last-child h1.footer-header.active, .page-orderConfirmationPage footer .footer-links-wrapper .footer-item.stacked:last-child h1.footer-header.active { border-bottom: 1px solid #777; } .store-locator-pop-up.checkout-page #chartPopup .store-locator-header { width: 100%; float: none; } .store-locator-pop-up.checkout-page #chartPopup .store-locator-header .headline { margin: 0px; font-size: 24px; font-size: 1.5rem; } .checkout-form { *zoom: 1; } .checkout-form:before, .checkout-form:after { content: ''; display: table; } .checkout-form:after { clear: both; } .checkout-form .address-header { margin-top: 0; } .checkout-form .form-header { padding: 15px; } .checkout-form .description { font-family: clanotnews; font-size: 16px; font-size: 1rem; } .checkout-form .required { padding-bottom: 5px; } .checkout-form .required a { text-decoration: underline; } .checkout-form .required p { display: inline; color: #c00000; font-weight: 700; font-family: clanotbold; } .checkout-form .address-list, .checkout-form .checkout-summary { *zoom: 1; font-size: 14px; font-size: 0.875rem; line-height: 130%; } .checkout-form .address-list:before, .checkout-form .checkout-summary:before, .checkout-form .address-list:after, .checkout-form .checkout-summary:after { content: ''; display: table; } .checkout-form .address-list:after, .checkout-form .checkout-summary:after { clear: both; } @media only screen and (min-width: 48em) { .checkout-form .address-list, .checkout-form .checkout-summary { padding: 15px; } } @media only screen and (max-width: 47.9375em) { .checkout-form .address-list, .checkout-form .checkout-summary { padding-left: 15px; padding-right: 15px; } } .checkout-form .address-list.billing-address, .checkout-form .checkout-summary.billing-address { margin-top: 20px; } .checkout-form .address-list.billing-address .delivery-radio-button, .checkout-form .checkout-summary.billing-address .delivery-radio-button { display: none; } .checkout-form .address-list.single-address .addressEntry, .checkout-form .checkout-summary.single-address .addressEntry { border-bottom: none; } .checkout-form .address-list > h2, .checkout-form .checkout-summary > h2 { text-transform: uppercase; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; margin: 0; } .checkout-form .address-list .view-more-saved-addresses, .checkout-form .checkout-summary .view-more-saved-addresses { float: right; } .checkout-form .address-col-1 { float: left; width: 50%; } .checkout-form .address-col-2 { float: right; text-align: right; width: 50%; } .checkout-form .address-col-2 .button { text-align: inherit; } .checkout-form .addressEntry { padding: 15px 0; border-bottom: 1px solid #d9d9d9; *zoom: 1; } .checkout-form .addressEntry:before, .checkout-form .addressEntry:after { content: ''; display: table; } .checkout-form .addressEntry:after { clear: both; } .checkout-form .addressEntry:last-child { border-bottom: none; } .checkout-form .addressEntry label { float: right; } .checkout-form .addressEntry .label-text { font-size: 14px; font-size: 0.875rem; font-family: clanotnews; } .checkout-form .addressEntry .button { font-size: 12px; font-size: 0.75rem; margin-bottom: 30px; } .checkout-form .delivery-options.delivery-option-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .checkout-form .delivery-options.delivery-option-content li { padding: 10px 10px; margin-bottom: 15px; background: #eee; } .checkout-form .delivery-options.delivery-option-content li .label-value { font-size: 13px; font-weight: bold; font-family: clanotnews; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper { display: none; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#closeCurbsidePopup { float: none; width: 45%; font-size: 0.75rem; } .language-fr .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#closeCurbsidePopup { width: 41%; } @media only screen and (max-width: 47.9375em) { .language-fr .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#closeCurbsidePopup { width: 100%; } } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#closeCurbsidePopup { width: 100%; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#continueCheckout-3 { width: 50%; font-size: 0.75rem; } .language-fr .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#continueCheckout-3 { width: 55%; } @media only screen and (max-width: 47.9375em) { .language-fr .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#continueCheckout-3 { width: 100%; } } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-restrictions-wrapper button#continueCheckout-3 { margin-top: 20px; width: 100%; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .postal-code-error-message { display: none; clear: both; color: #c00; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .postal-code-message { font-family: clanotbold; color: #c00; clear: both; margin-bottom: 0px; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curb-stores-not-found-message { display: none; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curb-stores-not-found-message p { padding-left: 0px; } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curb-stores-not-found-message p { text-align: center; width: 100%; padding-left: 0px; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store { display: block; padding-top: 10px; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store .parsley-error { margin-bottom: 0px; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store .control-group { float: left; } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store .control-group { float: none; width: 100%; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store .control-group .controls .input { height: auto; min-height: 35px; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store button { height: 35px; font-family: clanotbold; float: right; width: 45%; line-height: 0; } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-pickup-store button { float: none; width: 100%; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper { background: #fff; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree { border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table { padding: 0 10px; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr { border-top: 1px solid #d9d9d9; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr { display: block; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td { padding: 20px 0; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.address { width: 67%; } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.address { display: block; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.address .details { text-transform: uppercase; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.address .details ul { font-family: clanotnews; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.address .details ul li { line-height: 18px; font-size: 13px; padding-bottom: 0; padding-top: 0; margin-bottom: 0; background: #fff; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.address .details div a { color: #383838; font-size: 14px; font-family: clanotmedium; letter-spacing: 0.5px; padding-left: 10px; min-height: 20px; display: block; } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.directions { width: 30%; } @media only screen and (max-width: 47.9375em) { .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.directions { display: block; width: 100%; padding: 20px 10px; } } .checkout-form .delivery-options.delivery-option-content li .delivery-option-table-container .curb-side-pickup-wrapper .curbside-stores-display-wrapper #selectThree table tbody tr td.directions a { width: 100%; float: none; } .checkout-form .delivery-options.delivery-option-content .radio-button-label { margin-bottom: 0px; } .checkout-form .generic-form { padding-top: 0px; } .checkout-form .generic-form-wrap { margin-top: 30px; } .checkout-form .generic-form-wrap.hidden { max-height: 0; padding: 0; } .checkout-form .generic-form-wrap .form-head h3, .checkout-form .generic-form-wrap .generic-form > legend { text-transform: uppercase; font-size: 16px; font-size: 1rem; color: #383838; padding: 0 0 15px 0; float: left; width: 100%; line-height: 1.25em; padding-bottom: 25px; font-family: clanotmedium; margin-top: 10px; } .checkout-form .generic-form-wrap .form-head h3:after, .checkout-form .generic-form-wrap .generic-form > legend:after { content: ' '; position: absolute; display: block; height: 1px; margin-top: 25px; right: 0; left: 0; } .checkout-form .shopping-cart-wrapper .cart-summary-content { width: 100%; max-width: none; float: none; } @media only screen and (max-width: 47.9375em) { .checkout-form .shopping-cart-wrapper .cart-summary-content { padding-bottom: 0px; } } .checkout-form .shopping-cart-wrapper .cart-summary-content tbody tr.subtotal { border-top: none; } .checkout-form .label-text { width: 100%; } .checkout-form .label-price { float: right; } .checkout-form .control-group .card-control label, .checkout-form .control-group .code-control label { padding-bottom: 10px; } .checkout-form .dp-form { padding: 30px 0; } .checkout-form .dp-form .generic-form-section { margin-bottom: 0; padding: 0 15px; } .checkout-form .dp-form .generic-form-section p { font-size: 13px; font-size: 0.8125rem; } .checkout-form .dp-form .generic-form-section hr.slim { margin: 0; } .checkout-form .dp-form .checkout-gift-section { padding: 10px !important; border: none !important; } .checkout-form .dp-form .checkout-gift-section #gift-card-bal { font-size: 12px; font-family: clanotnews; font-weight: 600; } @media only screen and (min-width: 48em) { .checkout-form .dp-form .checkout-gift-section { margin: 0 10px; margin-bottom: 39px; position: relative; } } .checkout-form .dp-form .checkout-gift-section #add-new-gift-card { font-family: clanotnews; font-size: 12px; font-weight: bold; margin-bottom: 10px; color: #c00; cursor: pointer; margin-top: 12px; } .checkout-form .dp-form .checkout-gift-section #add-new-gift-card span.plus { font-size: 14px; } .checkout-form .dp-form .checkout-gift-section #add-new-gift-card .add-new { text-decoration: underline; } .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added { margin-top: 15px; overflow: hidden; margin: 15px 0; } .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added .giftMsg { font-size: 12px; font-size: 0.75rem; position: relative; padding: 0px 30px 0px 10px; line-height: 16px; width: 100%; display: block; color: #383838; } .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added .giftMsg .giftMsg-number, .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added .giftMsg .giftMsg-balance { font-weight: bold; line-height: 25px; } .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added .gift-remove { float: right; } @media only screen and (max-width: 47.9375em) { .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added .gift-remove { height: 100%; } } .checkout-form .dp-form .checkout-gift-section .card-message-container.giftCard-added .gift-remove svg { display: none; background-color: #f00; } .checkout-form .dp-form .checkout-gift-section #cardErrorMsg, .checkout-form .dp-form .checkout-gift-section .card-error-msg { font-size: 11px; font-size: 0.6875rem; padding-top: 10px; } .checkout-form .dp-form .checkout-gift-section #cardErrorMsg:focus, .checkout-form .dp-form .checkout-gift-section .card-error-msg:focus { outline-width: 0px; } .checkout-form .dp-form .checkout-gift-section .gift-card-section { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: top; -moz-box-align: top; -o-box-align: top; -ms-flex-align: top; -webkit-align-items: top; align-items: top; } .checkout-form .dp-form .checkout-gift-section .gift-card-section.shown { display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .code-control { margin-top: 10px; } @media only screen and (min-width: 48em) { .checkout-form .dp-form .checkout-gift-section .gift-card-section #gift-card-pin { width: 80%; } } .checkout-form .dp-form .checkout-gift-section .gift-card-section .gift-card-limit { font-size: 11px; width: 80%; margin: 0; font-family: clanotnews; padding: 10px 5px 0 0px; -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .gift-card-limit.has-error { padding-top: 0 !important; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .button-container { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; margin-top: 10px; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .button-container.has-error { margin-top: 0 !important; } @media only screen and (max-width: 59.9375em) { .checkout-form .dp-form .checkout-gift-section .gift-card-section { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .card-control { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .code-control { width: 40%; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .gift-card-limit { width: 45%; margin-left: 15px; padding: 0px 5px 0 0px !important; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .gift-card-limit.has-error { margin-top: -8px !important; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .button-container { width: 100%; } .checkout-form .dp-form .checkout-gift-section .gift-card-section .button-container #submit-gift-card { width: 100%; } } .checkout-form .dp-form .checkout-gift-section #lastInTheForm { float: right; padding-top: 5px !important; margin-top: 30px; font-weight: bold; } @media only screen and (max-width: 47.9375em) { .checkout-form .dp-form .checkout-gift-section #lastInTheForm { width: 100%; padding: 12px !important; } .checkout-form .dp-form .checkout-gift-section #lastInTheForm p { margin: 0; } } .checkout-form .dp-form .checkout-gift-section input.add-placeholder { margin-bottom: 5px; width: 100%; } .checkout-form .dp-form .checkout-gift-section .has-errors .alertMsg { visibility: visible; } .checkout-form .dp-form .checkout-gift-section .has-errors .alertMsg:focus { outline-width: 0px; } .checkout-form .dp-form .checkout-gift-section .has-errors .add-placeholder { border-width: 1px; border-color: #c00; } .checkout-form .dp-form .checkout-gift-section .card-control { display: inline-block; width: 85%; margin-top: 10px; margin-right: 3%; } .checkout-form .dp-form .checkout-gift-section .card-control label { width: 100%; font-family: clanotnews; font-weight: bold; } .checkout-form .dp-form .checkout-gift-section .code-control { display: inline-block; float: right; width: 35%; } .checkout-form .dp-form .checkout-gift-section .code-control label { font-family: clanotnews; font-weight: bold; } @media only screen and (min-width: 48em) { .checkout-form .dp-form .checkout-gift-section .code-control #gift-card-pin-error li { width: 110px; } } @media only screen and (max-width: 47.9375em) { .checkout-form .dp-form .checkout-gift-section .code-control #gift-card-pin-error li { padding-top: 12px; } } .checkout-form .dp-form .checkout-gift-section .code-control .errors-container, .checkout-form .dp-form .checkout-gift-section .card-control .errors-container { max-height: 50px; } .checkout-form .dp-form .checkout-gift-section .code-control .errors-container li, .checkout-form .dp-form .checkout-gift-section .card-control .errors-container li { position: absolute; } @media only screen and (min-width: 48em) { .checkout-form .dp-form .checkout-gift-section .code-control .errors-container li, .checkout-form .dp-form .checkout-gift-section .card-control .errors-container li { font-size: 11px; } } @media only screen and (min-width: 48em) { .checkout-form .dp-form .checkout-gift-section .code-control #gift-card-number-error li, .checkout-form .dp-form .checkout-gift-section .card-control #gift-card-number-error li { width: 190px; } .checkout-form .dp-form .checkout-gift-section .code-control #gift-card-pin-error li, .checkout-form .dp-form .checkout-gift-section .card-control #gift-card-pin-error li { width: 113px; } } .checkout-form .dp-form .checkout-gift-section .alertMsg { visibility: hidden; color: #c00; font-family: clanotmedium; padding-bottom: 3px; } .checkout-form .dp-form .checkout-gift-section .form-sub-header { padding-top: 50px; } .checkout-form .dp-form .checkout-gift-section .card-input { width: 67%; margin-right: 3%; font-size: 12px; } .checkout-form .dp-form .checkout-gift-section .pin-input { width: 30%; margin-top: 10px; font-size: 12px; } .checkout-form .dp-form .checkout-gift-section .button { float: left; } .checkout-form .dp-form .checkout-gift-section .secondary-button { float: right; min-width: 72px; height: 40px; padding-left: 10px; padding-right: 10px; margin-bottom: 0; } .checkout-form .dp-form .checkout-gift-section .control-group.parsley-error { padding-bottom: 15px; } @media only screen and (max-width: 47.9375em) { .checkout-form .dp-form .checkout-gift-section .control-group.parsley-error { padding-bottom: 20px; } } .checkout-form .dp-form .checkout-gift-section .check-balance { width: 45%; margin-top: 0; font-size: 12px; font-size: 0.75rem; line-height: 17px; white-space: normal; height: 40px; } @media only screen and (max-width: 47.9375em) { .checkout-form .dp-form .checkout-gift-section input.check-balance-button-fr { padding-left: 5px; padding-right: 5px; } } .checkout-form .dp-form .checkout-gift-section .form-sub-header { width: 100%; padding-top: 0; padding-bottom: 0; text-transform: capitalize; font-size: 14px; } .checkout-form .dp-form .checkout-gift-section .form-sub-header span { padding: 0 0 15px; } .checkout-form .dp-form .checkout-gift-section .hiddenAlert { display: none; visibility: visible; padding-bottom: 0; } .checkout-form .checkout-button-wrap { text-align: right; } .checkout-form .checkout-col-1 .quebec-shipping-warning img { max-height: 20px; position: absolute; } .checkout-form .checkout-col-1 .quebec-shipping-warning p { font-size: 12px; margin-bottom: 0px; } .checkout-form .checkout-col-1 #checkoutAddressesForm { position: relative; } .checkout-form .checkout-col-1 #checkoutAddressesForm div:last-child { clear: both; } .checkout-form .checkout-col-1 #checkoutAddressesForm .curbside-step2-paragraph { padding-left: 15px; } @media only screen and (max-width: 47.9375em) { .checkout-form .checkout-col-1 #checkoutAddressesForm .curbside-step2-paragraph { padding-left: 0px; padding-bottom: 10px; } } .checkout-form .checkout-col-1 #checkoutAddressesForm .curbside-customer-information-wrapper { padding-left: 15px; } @media only screen and (max-width: 47.9375em) { .checkout-form .checkout-col-1 #checkoutAddressesForm .curbside-customer-information-wrapper input#deliveryaddressPhoneNumber { width: 100%; } } @media only screen and (max-width: 47.9375em) { .checkout-form .checkout-col-1 #checkoutAddressesForm button.curbside-continue-button { width: 100%; } } .checkout-form .checkout-col-1 #checkoutAddressesForm .control-label { font-family: clanotnews; font-size: 12px; line-height: 14px; font-weight: bold; } .checkout-form .checkout-col-1 #checkoutAddressesForm .controls input { font-family: clanotnews; } .checkout-form .checkout-col-1 #checkoutAddressesForm .store-name-wrapper { display: none; } .checkout-form .checkout-col-1 #checkoutAddressesForm .hide-esd-true { display: none; } .checkout-form .checkout-col-1 #checkoutAddressesForm div.note { white-space: normal; margin: 10px 0 20px 15px; } .checkout-form .checkout-col-1 #checkoutAddressesForm div.note p { color: #383838; font-size: 12px; padding: 1px 5px 4px 1px; font-family: clanotnews; margin-bottom: 0px; font-weight: bold; } .checkout-form .checkout-col-1 #checkoutAddressesForm .delivery-mode-errors-container { margin-bottom: 15px; font-size: 0.75rem; font-family: clanotnews; line-height: 1rem; color: #c00000; } .checkout-form .checkout-col-1 #checkoutAddressesForm .store-errors-container { display: none; font-size: 0.75rem; font-family: clanotnews; line-height: 1rem; color: #c00000; margin-left: 15px; border-bottom: 1px solid #f00; padding-bottom: 7px; } .checkout-form .checkout-col-1 #checkoutAddressesForm .store-errors-container-delivery-taxes { display: block; font-size: 1.15rem; margin-left: 0px; border-top: 1px solid #f00; line-height: 150%; padding-top: 7px; margin-bottom: 10px; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td { padding: 20px 0; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.address { width: 60%; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.address .details { text-transform: uppercase; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.address .details .itemName a { color: #383838; font-size: 14px; font-family: clanotmedium; letter-spacing: 0.5px; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.address .details ul { font-family: clanotnews; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.address .details ul li { line-height: 18px; font-size: 13px; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.address .details ul li:last-child { text-transform: capitalize; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.directions { width: 30%; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr.storeItem td.directions a { width: 100%; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList tr:last-child { border-bottom: none; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList.mobile-only .store-info.address { width: 50%; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .storeResultList.mobile-only .store-info.directions { width: 40%; } .checkout-form .checkout-col-1 #checkoutAddressesForm #store-location .store-to-ship > span { font-size: 13px; line-height: 20px; } @media only screen and (max-width: 47.9375em) { .checkout-form .continue-shopping-button { margin-bottom: 15px; width: 100%; } } @media only screen and (max-width: 47.9375em) { .checkout-form .continue-shopping-button { margin-bottom: 15px; width: 100%; } } .checkout-form .gift-alert.success { color: #c00; font-family: clanotnews; padding: 10px 0px 9px 0; background: #fff; width: 100%; border: 1px solid #d9d9d9; } @media only screen and (max-width: 47.9375em) { .checkout-form .gift-alert.success { padding-right: 0; } } .checkout-form .gift-alert.success .giftMsg > b { font-family: clanotmedium; } .checkout-form .gift-alert.success .gift-remove { top: -21px; position: relative; right: 10px; width: 17px; height: 17px; font-weight: bold; } .checkout-form .gift-alert.success .gift-remove > svg { width: 14px; height: 14px; } @media only screen and (max-width: 47.9375em) { .checkout-form .gift-alert.success .gift-remove { top: -32px !important; } } .checkout-form .gift-alert.success .errorMsg { display: none; } .checkout-form .gift-alert.has-errors { margin-bottom: 0; top: 55px; } .checkout-form .gift-alert.has-errors .errorMsg { color: #c00; font-family: clanotmedium; display: block; font-size: 12px; font-size: 0.75rem; } .checkout-form .gift-alert.has-errors .giftMsg, .checkout-form .gift-alert.has-errors .gift-remove { display: none; } .checkout-form .gift-applied { color: #c00; } .checkout-form .paypal-note { font-family: clanotbook; margin-bottom: 0; } .checkout-form .paypal-logo { margin-top: -10px; } .checkout-form .interac-logo { width: 55px; height: 25px; } .checkout-form .checkout-edit-address { float: right; font-size: 12px; font-size: 0.75rem; } .checkout-form .summaryPayment { *zoom: 1; } .checkout-form .summaryPayment:before, .checkout-form .summaryPayment:after { content: ''; display: table; } .checkout-form .summaryPayment:after { clear: both; } .checkout-form .summaryPayment .column { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 47.5%; margin-left: 0%; margin-right: 5%; } .checkout-form .summaryPayment .column:before, .checkout-form .summaryPayment .column:after { content: ''; display: table; } .checkout-form .summaryPayment .column:after { clear: both; } .checkout-form .summaryPayment .column:last-child { margin-right: 0%; } .checkout-form .expected-date { margin-top: 5px; margin-bottom: 3px; font-family: clanotnews; } .checkout-form .expected-date .estimated-delivery-date { font-size: 13px; line-height: 20px; display: block; font-family: clanotnews; } .checkout-form .delivery_method_item .cost { float: right; } @media only screen and (max-width: 47.9375em) { .checkout-form .checkout-col-1 { overflow-x: hidden; } } .checkout-form .delivery-option-form .form-head h2 { margin-top: 0px; margin-bottom: 0px; } .checkout-form .delivery-option-form .price-container { text-align: right; } .checkout-form .delivery-option-form .price-container .delivery-option-description { word-wrap: normal; color: #c00; font-family: clanotmedium; } .checkout-form .delivery-option-form .delivery-option-description { font-family: clanotbook; font-size: 14px; font-size: 0.875rem; display: table-cell; width: 100%; vertical-align: top; word-wrap: break-word; float: right; } .checkout-form .delivery-option-form .delivery-option-description .modeDesc { font-weight: bold; font-family: clanotbook; margin-left: 25px; font-size: 12px; } .checkout-form .delivery-option-form .delivery-option-description .modeDesc > a { padding-left: 0 !important; } .checkout-form .delivery-option-table-container table { width: 100%; } .checkout-form .delivery-option-table-container table tr td:first-child { width: 80%; } .checkout-form .delivery-option-table-container table tr td:last-child { width: 20%; } .checkout-form .delivery-option-table-container table tr td.price-container .delivery-option-description { color: #c00; font-weight: bold; font-family: clanotnews; } .checkout-form .add-new-address-wrap { position: relative; } .checkout-form .add-new-address-wrap .address-cancel { position: absolute; top: 78px; right: 33px; } .checkout-form .address-cancel { min-height: 20px; line-height: 20px; } .checkout-form #addressform_button_panel { overflow: hidden; margin: 0; } .checkout-form .sep-h { clear: both; width: 100%; height: 1px; } .checkout-form .checkout-summary .orderBox.address-book-item.delivery-method ul li { word-wrap: break-word; } .checkout-form .checkout-summary .orderBox.address-book-item.delivery-method ul li .cmsimage { display: inline; } .checkout-form .checkout-summary .orderBox.address-book-item.delivery-method ul li .cmsimage img { vertical-align: middle; } .checkout-form .order-review { width: 100%; margin-top: 2rem; } .checkout-form .order-review > p { margin: 0; font-size: 12px !important; font-family: clanotbook; line-height: 18px; white-space: normal; } .view-more-saved-addresses-content .addresses-modal-content { padding: 20px; } .view-more-saved-addresses-content .addresses-modal-content h2 { border-bottom: 1px solid #d9d9d9; color: #383838; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; padding-bottom: 4px; text-transform: uppercase; vertical-align: top; margin: 0; } .view-more-saved-addresses-content .addresses-modal-content .checkout-form .address-list { max-height: 250px; overflow-y: auto; padding: 0 15px; margin-top: 20px; } .view-more-saved-addresses-content .addresses-modal-content .links { margin-top: 20px; *zoom: 1; } .view-more-saved-addresses-content .addresses-modal-content .links:before, .view-more-saved-addresses-content .addresses-modal-content .links:after { content: ''; display: table; } .view-more-saved-addresses-content .addresses-modal-content .links:after { clear: both; } .view-more-saved-addresses-content .addresses-modal-content .links .addresses-modal-cancel { line-height: 40px; } #deliveryaddAddressForm:not(.kiosk-mode) .delivery-manually-enter-address { display: none; } #deliveryaddAddressForm, #billingaddAddressForm { margin-top: 0px; } #deliveryaddAddressForm fieldset div div.address-details-first fieldset div div.checkbox-wrap, #billingaddAddressForm fieldset div div.address-details-first fieldset div div.checkbox-wrap { margin-top: 15px; } #deliveryaddAddressForm .additional-error-container, #billingaddAddressForm .additional-error-container { display: none; margin-bottom: 18px; border: 1px solid #c00000; } #deliveryaddAddressForm .additional-error-container p, #billingaddAddressForm .additional-error-container p { padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 0.75rem; font-family: clanotnews; line-height: 1rem; color: #c00000; } #deliveryaddAddressForm .delivery-invisible-field, #billingaddAddressForm .delivery-invisible-field, #deliveryaddAddressForm .billing-invisible-field, #billingaddAddressForm .billing-invisible-field { display: none; } #deliveryaddAddressForm .search-address-field .enter-address, #billingaddAddressForm .search-address-field .enter-address { color: #c00; text-decoration: underline; cursor: pointer; } @media only screen and (max-width: 2.9375em) { #deliveryaddAddressForm .search-address-field .enter-address, #billingaddAddressForm .search-address-field .enter-address { float: none; margin-top: 0; } } @media only screen and (min-width: 49em) { #deliveryaddAddressForm .search-address-field .billing-manually-enter-address, #billingaddAddressForm .search-address-field .billing-manually-enter-address, #deliveryaddAddressForm .search-address-field .delivery-manually-enter-address, #billingaddAddressForm .search-address-field .delivery-manually-enter-address { float: right; margin-top: -15px; } } @media only screen and (min-width: 49em) { #deliveryaddAddressForm .search-address-field .billing-use-canada-post-to-enter-address, #billingaddAddressForm .search-address-field .billing-use-canada-post-to-enter-address, #deliveryaddAddressForm .search-address-field .delivery-use-canada-post-to-enter-address, #billingaddAddressForm .search-address-field .delivery-use-canada-post-to-enter-address { float: right; } } #deliveryaddAddressForm .search-address-field #canada-post-addressComplete, #billingaddAddressForm .search-address-field #canada-post-addressComplete { display: none; width: 70%; text-align: right; } #deliveryaddAddressForm .generic-form-section, #billingaddAddressForm .generic-form-section { padding: 10px 0 !important; } #billingaddAddressForm { position: relative; width: 100%; } #billingaddAddressForm .generic-form-section { padding: 10px 0 !important; } .checkout-delivery-email-input { padding-left: 15px; padding-top: 5px; padding-right: 15px; } @media only screen and (min-width: 48em) { .checkout-delivery-email-input #email { width: 60%; } } .first-name-last-name-phone-number-wrapper { width: 100%; min-width: 100%; clear: both; overflow: hidden; } .first-name-last-name-phone-number-wrapper > * { display: inline-block; } .first-name-last-name-phone-number-wrapper #first-name-field { margin-right: 3%; } .first-name-last-name-phone-number-wrapper :nth-child(3) { margin-left: 5px; } .first-name-last-name-phone-number-wrapper .visible-field { width: 48%; } @media only screen and (max-width: 61.1875em) { .first-name-last-name-phone-number-wrapper .visible-field { width: 100%; display: block; } .first-name-last-name-phone-number-wrapper #first-name-field { margin-right: 0%; } } .checkout-cart-items .cart-id { margin-bottom: 15px; font-family: clanotbook; } .checkout-cart-items .checkout-cart-label { font-family: clanotnews; font-size: 12px; font-size: 0.75rem; } .checkout-cart-items .checkout-cart-item { padding: 15px 0; border-width: 0 0 1px 0; border-color: #d9d9d9; border-style: solid; *zoom: 1; } .checkout-cart-items .checkout-cart-item:last-child { border-style: none; } .checkout-cart-items .checkout-cart-item:before, .checkout-cart-items .checkout-cart-item:after { content: ''; display: table; } .checkout-cart-items .checkout-cart-item:after { clear: both; } .checkout-cart-items .checkout-cart-item .desc .applied-promotions { padding-bottom: 10px; } .checkout-cart-items .checkout-cart-item .desc .checkout-additionals { font-size: 12px; font-size: 0.75rem; display: table; width: 100%; } .checkout-cart-items .checkout-cart-item .desc .checkout-additionals .desc-row { display: table-cell; float: none; } .checkout-cart-items .checkout-cart-item .desc .checkout-additionals .desc-row:last-child { text-align: right; } .checkout-cart-items .checkout-cart-item .desc .desc-row-order-confirmation { padding-left: 80px; } .checkout-cart-items .checkout-cart-item .desc .text { overflow: hidden; } .checkout-cart-items .description-container { margin-left: 80px; } .checkout-cart-items .thumb { float: left; margin-right: 10px; margin-bottom: 15px; width: 75px; height: 56px; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .checkout-cart-items .thumb .thumb__badge { top: -3px !important; left: 50px !important; } .checkout-cart-items .thumb .thumb__badge .promo-indicator-wrapper { right: inherit !important; } .checkout-cart-items .thumb .thumb__badge .promo-indicator-wrapper .promo-indicator-copy { font-size: 6px !important; } .checkout-cart-items .thumb a { width: 65px; height: 56px; display: block; } .checkout-cart-items .thumb img { margin: 0 auto; max-height: 100%; height: auto; } .checkout-cart-items .thumb .promo-indicator { width: 30px; height: 32px; } .checkout-cart-items .desc { float: left; font-size: 12px; font-size: 0.75rem; width: 78%; } .checkout-cart-items .checkout-acp-desc { padding-left: 61px; } @media only screen and (max-width: 47.9375em) { .checkout-cart-items .checkout-acp-desc { padding-left: 65px; } } @media only screen and (min-width: 64em) { .checkout-cart-items .checkout-acp-desc { padding-left: 65px; } } .checkout-cart-items .desc-row { line-height: 140%; } @media only screen and (max-width: 47.9375em) { .checkout-cart-items .desc-row { float: left; } } .checkout-cart-items .name { display: block; margin-bottom: 15px; color: #383838; overflow: hidden; } .checkout-cart-items .name:hover { color: #9e0000; } .checkout-cart-items .name a { color: #383838; font-family: clanotbook; } .checkout-cart-items .name a:hover { color: #9e0000; } .checkout-cart-items .name-order-confirmation { padding-left: 80px; margin-bottom: 10px; font-size: 13px; font-size: 0.8125rem; color: #383838; font-weight: 600; word-break: break-word; } .checkout-cart-items .name-order-confirmation font-, .checkout-cart-items .name-order-confirmation:hover { color: #9e0000; } .checkout-cart-items .name-order-confirmation a { color: #383838; font-family: clanotbook; } .checkout-cart-items .name-order-confirmation a:hover { color: #9e0000; } .checkout-cart-items .checkout-additionals { padding-left: 0; } .checkout-cart-items .total-price { font-size: 13px; font-size: 0.8125rem; float: right; font-family: clanotnews; width: 22%; text-align: right; } #order-totals-receiver .cart-summary-content { font-size: 13px; font-size: 0.8125rem; } #order-totals-receiver .cart-summary-content .description { font-size: 13px; font-size: 0.8125rem; } .payment-options .payment-option-content { display: none; overflow: hidden; } .payment-options .payment-option-content fieldset { padding-top: 15px; } .payment-options .payment-logos { padding: 10px 0 10px 25px; } .payment-options .payment-logos .visa-logo, .payment-options .payment-logos .mastercard-logo, .payment-options .payment-logos .americanexpress-logo { margin-right: 7px; } .payment-options .payment-logos .label-value { display: inline-block; padding-left: 0; } .payment-options .payment-logos .paypal-link { display: inline-block; vertical-align: top; padding-left: 10px; height: 30px; line-height: 2; } .payment-options .payment-logos a { font-size: 12px; font-size: 0.75rem; } .payment-options .payment-logos-paypal img { vertical-align: middle; } .payment-options input[type=radio]:checked + label .payment-option-content { display: block; padding: 15px 0 15px 25px; } .payment-options .new-address-trigger ~ .new-address-form { overflow: hidden; display: block; margin-top: 20px; } .payment-options .new-address-trigger:checked ~ .new-address-form { display: none; } .payment-options .card-form { margin-bottom: 20px; } .payment-options .checkbox-header { margin-bottom: 5px; } @media only screen and (min-width: 48em) { #pay_form.payment-form { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } #pay_form.payment-form #selectDeliveryMethodForm { min-width: 62.5%; width: 100%; } #pay_form.payment-form #selectDeliveryMethodForm #Pay_accord { width: 100%; } #pay_form.payment-form .desktop-only { width: 100%; } #pay_form.payment-form .desktop-only #checkoutOrderDetails { min-width: 37.5%; padding-left: 40px; width: 100%; } } #pay_form.payment-form .checkout-col-1 { margin-bottom: 30px; } #pay_form.payment-form .required { margin-bottom: 30px; } @media only screen and (min-width: 48em) { #pay_form.payment-form .checkout-col-1 { width: 57.5%; } } @media only screen and (min-width: 48em) { #pay_form.payment-form .checkout-col-2 { width: 37.5%; } } @media only screen and (min-width: 48em) { #pay_form.payment-form .checkout-order-details { width: 37.5%; padding-bottom: 50px; } } #pay_form.payment-form .generic-form { outline-offset: -1px; padding: 10px 0; min-width: 100%; } #pay_form.payment-form .generic-form-section { display: block; } #pay_form.payment-form .form-header { border: 0 none; } #pay_form.payment-form .hidden { display: none; } @media only screen and (min-width: 48em) { #pay_form.payment-form .accordion-content.active { padding: 15px 0 0 0; } } @media only screen and (min-width: 64em) { #pay_form.payment-form #PayPal_logo_wrapper >img { display: block; } #pay_form.payment-form #PayPal_logo_wrapper div { display: none; } } @media only screen and (max-width: 63.9375em) { #pay_form.payment-form #PayPal_logo_wrapper div { display: block; } } #Pay_accord.dp-form { padding: 0; } @media only screen and (max-width: 47.9375em) { #Pay_accord .generic-form-section { padding: 10px; } } @media only screen and (min-width: 64em) { #Pay_accord .generic-form-section { padding: 10px; } } #Pay_accord .pay-header h1 { font-weight: bold; } @media only screen and (min-width: 48em) { #Pay_accord .pay-header h1 { margin-left: 21px; } } #Pay_accord .pay-addr { -webkit-box-shadow: 0 -8px 12px -6px rgba(0,0,0,0.15); -moz-box-shadow: 0 -8px 12px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 -8px 12px -6px rgba(0,0,0,0.15); box-shadow: 0 -8px 12px -6px rgba(0,0,0,0.15); font-family: clanotnews; font-size: 0.8rem; overflow: hidden; } #Pay_accord .pay-addr > div { padding: 20px; width: 48%; } #Pay_accord .pay-addr > div:first-child { -webkit-box-shadow: 12px 0 12px -10px rgba(0,0,0,0.15); -moz-box-shadow: 12px 0 12px -10px rgba(0,0,0,0.15); -webkit-box-shadow: 12px 0 12px -10px rgba(0,0,0,0.15); box-shadow: 12px 0 12px -10px rgba(0,0,0,0.15); margin-right: 12px; float: left; } #Pay_accord .pay-addr > div:nth-child(2) { float: right; } #Pay_accord .pay-addr .pay-addr-header { float: left; font-weight: bold; } @media only screen and (max-width: 63.9375em) { #Pay_accord .pay-addr .pay-addr-header { width: 60%; margin-bottom: 10px; } } #Pay_accord .pay-addr .pay-addr-edit-lnk { float: right; font-weight: bold; color: #c00; } #Pay_accord .pay-addr .pay-addr-content { clear: both; margin-top: 30px; } #Pay_accord .pay-addr ul { width: 100%; } #Pay_accord .pay-accord-wrapper { border-color: #d9d9d9; border-width: 0 0 1px 0; border-style: solid; margin-bottom: 0; } #Pay_accord .pay-accord-wrapper ba, #Pay_accord .pay-accord-wrapper:nth-child(2) { border-width: 1px 0; } .pay-accord-toggle { display: table; width: 100%; font-weight: bold; } .pay-accord-toggle .ctrl .dropdown-icon { min-width: 12px; height: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .pay-accord-toggle .ctrl.active .dropdown-icon { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .pay-accord-toggle label { cursor: pointer; display: table-cell; vertical-align: middle; margin-bottom: 0; } .pay-accord-toggle div { cursor: pointer; display: table-cell; vertical-align: middle; width: 10px; color: #c00; text-transform: uppercase; font-size: 1.5rem; line-height: 1.5rem; } .pay-accord-content { margin-top: 10px; } .pay-accord-content .captcha-fillout-warning { display: none; font-family: clanotmedium; color: #c00; } .pay-accord-content .captcha-failed-warning { display: none; font-family: clanotmedium; color: #c00; } .pay-accord-content #recaptcha_widget, .pay-accord-content #recaptcha_widget_promo { display: inline-block; padding-top: 15px; } .checkout-and-continue-button-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .checkout-and-continue-button-wrap .googlePay, .checkout-and-continue-button-wrap #applePay { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0; -ms-flex: 0; flex: 0; } .checkout-and-continue-button-wrap .checkoutButtonTopForm { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .appleGooglePay .btnContainer, .applePay .btnContainer { padding: 0 20px; } @supports (-webkit-appearance: -apple-pay-button) { .appleGooglePay .apple-pay-button, .applePay .apple-pay-button { display: inline-block; -webkit-appearance: -apple-pay-button; -webkit-background-size: 100% 60%; -moz-background-size: 100% 60%; background-size: 100% 60%; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 600px; width: 160px; height: 40px; min-height: 45px; max-height: 64px; } .appleGooglePay .apple-pay-button-black, .applePay .apple-pay-button-black { -apple-pay-button-style: #000; } } @media only screen and (max-width: 47.9375em) { .checkout-and-continue-button-wrap { display: block !important; } .page-cartPage .gpay-button.short, .page-cartPage .apple-pay-button { width: 100% !important; } } #Pay_form_section { font-weight: bold; } @media only screen and (max-width: 47.9375em) { #Pay_form_section { padding: 0 !important; } } @media only screen and (min-width: 48em) and (max-width: 49.9375em) { #Pay_form_section { padding: 0 10px !important; } } @media only screen and (min-width: 48em) { #Pay_form_section { margin-bottom: 45px; } } #Pay_form_section .form-sub-header { background-color: #d9d9d9; width: 100%; margin: 10px 0; height: 44px; display: table; } #Pay_form_section .form-sub-header div { display: table-cell; vertical-align: middle; } @media only screen and (min-width: 48em) { #Pay_form_section .form-sub-header div { padding-left: 21px; } } @media only screen and (max-width: 47.9375em) { #Pay_form_section .form-sub-header div { padding-left: 15px; } } #Pay_form_section .payment-header { margin: 10px 0 20px 0; font-family: clanotmedium; text-transform: uppercase; } @media only screen and (max-width: 47.9375em) { #Pay_form_section .payment-header { margin-top: 20px !important; } } #Pay_form_section .checkout-tabs { margin-bottom: 0 !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu { display: block !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header { min-height: auto !important; display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 12px 10px !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header.tab1 img { width: 32px !important; height: 28px !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header.tab4 img { width: auto !important; height: auto !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header label { margin: 0 !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header #PayPal_logo_wrapper, #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header .img-wrapper { margin-top: 0 !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header .label { margin-bottom: 0 !important; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; margin-left: 5px; text-align: left; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .tab-header input[type='radio'] + label { margin-bottom: -5px !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .mobile-width { min-width: 130px; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .mobile-width img { float: right; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li { margin-right: 0 !important; width: 100% !important; height: 65px; min-height: auto !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li .tab-header { height: 65px; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li.active { margin-top: 20px; height: 80px !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu="tab1"].active { -webkit-box-shadow: none !important; box-shadow: none !important; padding: 10px 0; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu="tab1"].active .continue-shopping-button { margin-bottom: 0 !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li#googlePay { border-bottom: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li#googlePay.active { height: auto !important; border-bottom: 1px solid #d9d9d9 !important; } #Pay_form_section .checkout-tabs .checkout-tab-content .tab-content.active:not(.tab0) { min-height: 350px; -webkit-box-shadow: none !important; box-shadow: none !important; border-top: none !important; margin-bottom: 16px; margin-top: -14px; } #Pay_form_section .checkout-tabs .checkout-tab-content .tab0.active { min-height: auto !important; padding-bottom: 25px !important; height: auto !important; text-align: center; padding-top: 18px; -webkit-box-shadow: none !important; box-shadow: none !important; border-top: none !important; margin-bottom: 16px; margin-top: -14px; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container { padding: 25px !important; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container #cardNumber { width: 100% !important; } @media only screen and (max-width: 64.9375em) { #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVVLabels .desktop-only { display: none !important; } } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 64.9375em) { #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV .mobile-only { display: block !important; } } @media only screen and (max-width: 64.9375em) { #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV .expiryDate { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV .expiryDate .inputField { width: 20% !important; } } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV label.cvv.mobile-only { margin-top: 30px; width: 100%; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV p { width: 100%; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .expiryCVV .cvv-wrapper #cvv { width: 22% !important; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .paysafejsPay { margin-top: 30px !important; } #Pay_form_section .checkout-tabs .checkout-tab-content #paysafe-container .billing-manually-enter-address { margin-top: -25px; } #Pay_form_section .checkout-tabs { margin-bottom: 3em; width: 100%; position: relative; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; white-space: nowrap; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu .creditForm { width: 100%; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li { cursor: pointer; margin-right: 8px; background: #eee; margin-bottom: 15px; min-height: 121px; width: 50%; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li input[type="radio"] { display: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li input[type='radio'] + label { position: relative; display: inline-block; margin: 5px auto 8px auto; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li input[type='radio'] + label:before { width: 18px; height: 18px; cursor: pointer; border-radius: 15px; top: -2px; left: -2px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 1px solid #383838; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li input[type='radio']:checked + label:before { border: 1px solid #000; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li input[type='radio'] + label:after { content: ''; display: inline-block; cursor: pointer; width: 10px; height: 10px; position: absolute; border-radius: 100%; left: 3px; top: 3px; background: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li input[type='radio']:checked + label:after { background-color: #c00; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li .tab4 .img-wrapper { margin-top: 1em; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li span.label { color: #383838; font-family: clanotnews; font-size: 12px; margin-bottom: 10px; white-space: normal; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li .paybLabel { font-weight: 100; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li .tab-header { padding: 10px; min-height: 110px; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li .tab-header.tab1 img { width: 25px; height: 20px; margin: 0; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li.active { border: 1px solid #d9d9d9; border-bottom: 0px solid #fff !important; background: #fff; z-index: 2; -webkit-box-shadow: 0px 2px 0px 0px #fff; box-shadow: 0px 2px 0px 0px #fff; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li:empty { display: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li:first-child { width: 51%; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu='tab4'] { margin-right: 0 !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu='tab2'] label[for="rdopaypal"] { pointer-events: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu='tab2'] #PayPal_logo_wrapper { margin-top: 1em; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu='tab2'] #PayPal_logo_wrapper img { width: 80px; height: 20px; margin: 0 auto; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu='tab2'] img:not(.visa-debit-logo) { display: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu li[data-tab-menu='tab2'] a:last-child { display: none; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 { padding: 50px 50px 0 50px; white-space: normal; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .desc, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .desc, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .desc { min-height: 205px; font-family: clanotbook; } @media only screen and (min-width: 48em) { #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .desc, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .desc, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .desc { width: 82%; } } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .desc .learnMore, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .desc .learnMore, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .desc .learnMore { text-decoration: underline; cursor: pointer; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .btnContainer, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .btnContainer, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .btnContainer { margin-right: -25px; overflow: hidden; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .btnContainer a, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .btnContainer a, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .btnContainer a { width: 40%; cursor: pointer; float: right; display: block; } @media only screen and (max-width: 47.9375em) { #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 { padding: 20px !important; min-height: auto !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .btnContainer, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .btnContainer, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .btnContainer { margin-right: 0 !important; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab2 .btnContainer a, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab3 .btnContainer a, #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .btnContainer a { width: 100%; } } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 #interacBillingForm { margin-top: -5rem; margin-bottom: 20px; } #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 #interacBillingForm #billingaddAddressForm .note { bottom: -3rem !important; } @media only screen and (min-width: 48em) { #Pay_form_section .checkout-tabs ul.checkout-tab-menu #tab4 .btnContainer { margin-bottom: 30px; } } #Pay_form_section .checkout-tabs .checkout-tab-content.active { z-index: 999; } #Pay_form_section .checkout-tabs .checkout-tab-content .tab-content.active { z-index: 999; } #Pay_form_section .checkout-tabs .checkout-tab-content > div { display: none; } #Pay_form_section .checkout-tabs .checkout-tab-content > div.active { display: block; min-height: 100%; border: 1px solid #d9d9d9; border-top: none; position: relative; padding: 5px; background: #fff; } #Pay_form_section .pay-form-section-content { border: 1px solid #383838; display: table; width: 100%; } #Pay_form_section .pay-form-section-content div { display: table-cell; height: 44px; vertical-align: middle; padding-left: 30px; } #Pay_form_section .pay-form-section-content .pay-form-section-sub-header { background-color: #ebf4f7; clear: both; } #Pay_form_section .pay-method-section-content li > a { text-align: center; display: block; min-height: 100%; } #Pay_form_section .pay-method-section-content li > a span { display: block; } #Pay_form_section .pay-method-section-content #paysafe-container { padding: 30px; } #Pay_form_section .pay-method-section-content #paysafe-container .inputField { border: 1px solid #d9d9d9; height: 40px; padding-left: 10px; font-family: clanotnews; font-size: 14px; } #Pay_form_section .pay-method-section-content #paysafe-container .inputField.error { border-color: #c00; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255,0,0,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(255,0,0,0.6); } #Pay_form_section .pay-method-section-content #paysafe-container .payment-errors { font-weight: bold; font-family: clanotnews; color: #c00; padding: 2px 8px; margin-top: 12px; } #Pay_form_section .pay-method-section-content #paysafe-container label { text-align: left; margin-bottom: 8px; font-size: 13px; white-space: normal; } #Pay_form_section .pay-method-section-content #paysafe-container label.cardLabel { font-family: clanotbook; font-size: 12px; } #Pay_form_section .pay-method-section-content #paysafe-container #cardNumber { width: 60%; min-width: 60%; } #Pay_form_section .pay-method-section-content #paysafe-container input::placeholder { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); color: #383838; font-size: 12px; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .expiryDate, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .expiryDate { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 30%; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .expiryDate #expiryMonth, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .expiryDate #expiryMonth { margin-right: 12px; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .expiryDate #expiryYear, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .expiryDate #expiryYear, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .expiryDate #expiryMonth, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .expiryDate #expiryMonth { width: 30%; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .cvv-wrapper, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .cvv-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .cvv-wrapper #cvv, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .cvv-wrapper #cvv { width: 16%; margin-right: 15px; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVV .cvv-wrapper .cvvInfo, #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels .cvv-wrapper .cvvInfo { width: 0px; word-break: break-word; font-size: 11px; min-width: 0px; } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels label.expDate { width: 20%; } @media only screen and (max-width: 29.9375em) { #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels label.expDate { width: 100% !important; } } #Pay_form_section .pay-method-section-content #paysafe-container .expiryCVVLabels label.cvv { width: 30%; margin-left: 48px; } #Pay_form_section .pay-method-section-content #paysafe-container .btn-wrapper { width: 100%; overflow: hidden; } #Pay_form_section .pay-method-section-content #paysafe-container .btn-wrapper .paysafejsPay { float: right; margin-top: 30px; border: 1px solid #c00; font-family: clanotnews; font-size: 14px; font-weight: 500; } #Pay_form_section .pay-method-section-content #paysafe-container .btn-wrapper .paysafejsPay[disabled] { border: none; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); background: #eee; color: #4f4f4f; } #Pay_form_section .en-tm { font-size: 1.1rem; vertical-align: middle; top: 2px; } #Pay_form_section .fr-tm { vertical-align: top; font-size: smaller; top: 4px; } #Pay_form_section #whatIsPayPalLink { display: none; } /* Checkout Progress Bar .active - Current Step .visited - Previous Step Markup: Styleguide 9.2 */ .checkout-progress { *zoom: 1; } .checkout-progress:before, .checkout-progress:after { content: ''; display: table; } .checkout-progress:after { clear: both; } .checkout-progress a.step-header { color: #383838; display: block; font-family: clanotbook; font-size: 14px; font-size: 0.875rem; line-height: 40px; padding: 0 10px 0 30px; } .checkout-progress li.active { background: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1); padding-bottom: 15px; } .checkout-progress li.active a.step-header { background: #eaf4f7; font-family: clanotnews; font-weight: bold; padding: 8px 0 8px 20px !important; position: relative; margin-bottom: 20px; } .checkout-progress li.active a.step-header:after { top: 100%; left: 210px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(194,225,245,0); border-top-color: #eaf4f7; border-width: 15px; margin-left: -200px; } .checkout-progress li.active .step-label { display: inline; } .checkout-progress li.active.step-2 .address-details-first { position: relative; } .checkout-progress li.active:after { border-color: transparent transparent transparent #c4e0e7; } .checkout-progress .step.hide { color: #383838; padding: 20px 20px 15px 20px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); font-size: 14px; font-family: clanotnews; border: 1px solid #d9d9d9; } .checkout-progress .step.completed { border: 1px solid #d9d9d9; border-bottom: none; padding: 20px; } .checkout-progress .step.completed .delivery-option-table-container tr td:first-child { padding-bottom: 0px; } .checkout-progress .step.completed #storeAddress { margin-top: 20px; } .checkout-progress .step.completed .title { font-family: clanotnews; font-size: 14px; font-weight: bold; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .checkout-progress .step.completed .title .stepName { width: 100%; } .checkout-progress .step.completed .title .edit-button, .checkout-progress .step.completed .title .pay-addr-edit-lnk { text-decoration: underline; } .checkout-progress .step.completed .title .edit-button a, .checkout-progress .step.completed .title .pay-addr-edit-lnk a { font-family: clanotmedium; font-size: 12px; text-decoration: underline; } .checkout-progress .step.completed #deliveryInfo { padding: 10px 17px; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .deliveryHeader, .checkout-progress .step.completed #deliveryInfo #storeAddress .deliveryHeader { font-family: clanotnews; font-weight: bold; margin-bottom: 15px; font-size: 13px; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .address span, .checkout-progress .step.completed #deliveryInfo #storeAddress .address span { font-size: 12px; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .address span span, .checkout-progress .step.completed #deliveryInfo #storeAddress .address span span { line-height: 20px; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .label-value, .checkout-progress .step.completed #deliveryInfo #storeAddress .label-value { font-family: clanotnews; font-weight: bold; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .label-value.store-to-ship, .checkout-progress .step.completed #deliveryInfo #storeAddress .label-value.store-to-ship { font-family: clanotnews; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .label-value.store-to-ship .cart-delivery-name, .checkout-progress .step.completed #deliveryInfo #storeAddress .label-value.store-to-ship .cart-delivery-name { font-weight: bold !important; } .checkout-progress .step.completed #deliveryInfo .radio-button-label .label-value.store-to-ship > span, .checkout-progress .step.completed #deliveryInfo #storeAddress .label-value.store-to-ship > span { font-weight: 500; } .checkout-progress .step.completed.step-2 .pay-addr { overflow: hidden; padding: 10px 17px; } .checkout-progress .step.completed.step-2 .pay-addr .pay-addr-header { font-family: clanotnews; font-size: 12px; margin-bottom: 5px; line-height: 14px; font-weight: bold; } .checkout-progress .step.completed.step-2 .pay-addr .address-col-1 { font-family: clanotnews; font-size: 12px; } @media only screen and (max-width: 47.9375em) { .checkout-progress .step.completed.step-3 #cartSummary { margin-top: 15px; } .checkout-progress .step.completed.step-3 .item_container_holder { display: none; } .checkout-progress .step.completed.step-3 .accordion-wrapper { margin-top: 5px; } .checkout-progress .step.completed.step-3 .accordion-wrapper .accordion-trigger { font-weight: bold; padding: 15px 0; } .checkout-progress .step.completed.step-3 .accordion-wrapper .deliveryCartItems { padding: 5px !important; } } .checkout-progress .step.completed .deliveryAddr { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .checkout-progress .step.completed .deliveryAddr .pay-addr-content { width: 50%; } .checkout-progress .step.completed .deliveryAddr .pay-addr-content .address-col-1 { width: 100%; } @media only screen and (max-width: 47.9375em) { .checkout-progress .step.completed .deliveryAddr { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .checkout-progress .step.completed .deliveryAddr .pay-addr-content { width: 100%; margin-bottom: 20px; } } .checkout-progress .deliveryCartItems { padding: 15px 5px 20px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .checkout-progress .step-1 { z-index: 3; margin-left: 0; padding-bottom: 25px; } .checkout-progress .step-1:hover.visited:not(.step-confirmOrder):after { border-color: transparent transparent transparent #c4e0e7; } .checkout-progress .step-1:hover.visited:not(.step-confirmOrder) a { background: #c4e0e7; } .checkout-progress .step-1.visited:not(.step-confirmOrder):after { border-color: transparent transparent transparent #c4e0e7; } .checkout-progress .step-1.visited:not(.step-confirmOrder) a { background: #c4e0e7; font-family: clanotbook; } .checkout-progress .step-1.visited.step-confirmOrder a { background: #c4e0e7; } .checkout-progress .step-1.visited.step-confirmOrder:after { border-color: transparent transparent transparent #c4e0e7; } @media only screen and (min-width: 48em) { .checkout-progress .step-1 .continue-checkout.instore { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .checkout-progress .step-1 .toggle-store-locator-button:not(.no-default-store) { margin-bottom: 10px; margin-top: -15px; width: 45%; } @media only screen and (max-width: 47.9375em) { .checkout-progress .step-1 .toggle-store-locator-button:not(.no-default-store) { margin-left: 0; margin-bottom: 20px; } } .checkout-progress .step-1 .toggle-store-locator-button:not(.no-default-store) p { line-height: 100%; text-decoration: underline; font-family: clanotmedium; font-size: 12px; margin: 0; outline: none; } .checkout-progress .step-1 .toggle-store-locator-button:not(.no-default-store) p img { margin-right: 5%; } .checkout-progress .step-1 .toggle-store-locator-button:not(.no-default-store):hover { cursor: pointer; color: #9e0000; } .checkout-progress .step-1 .no-default-store { margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: 1px solid #d9d9d9; } .checkout-progress .step-1 .no-default-store a { width: 43%; -webkit-appearance: button; margin-left: 0; min-height: 40px; cursor: pointer; display: inline-block; } @media only screen and (max-width: 47.9375em) { .checkout-progress .step-1 .no-default-store a { width: 100%; } } .checkout-progress .step-1 .no-default-store p { text-decoration: none; margin: 0; } .checkout-progress .step-1:not(.completed) .estimated-delivery-date { margin-left: 25px; } .checkout-progress .step-2 { z-index: 2; } .checkout-progress .step-2.visited.step-confirmOrder a { background: #c4e0e7; } .checkout-progress .step-2.visited.step-confirmOrder:after { border-color: transparent transparent transparent #c4e0e7; } @media only screen and (max-width: 47.9375em) { .checkout-progress .step-3 .accordion-content:not(.deliveryCartItems) { overflow: visible; max-height: 100%; } } .checkout-progress .step-3 .checkout-cart-item { margin-top: 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding: 15px 0; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media only screen and (min-width: 48em) { .checkout-progress .step-3 .checkout-cart-item { margin-top: 0; } } .checkout-progress .step-3 .checkout-cart-item .desc { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 100%; } .checkout-progress .step-3 .checkout-cart-item .desc .text { margin-top: 10px; margin-left: 10px; } .checkout-progress .step-3 .checkout-cart-item .desc .text .name { padding-right: 20px; } .checkout-progress .step-3 .checkout-cart-item .desc .text a { color: #383838; font-family: clanotmedium; line-height: 14px; display: block; margin-bottom: 10px; } .checkout-progress .step-3 .checkout-cart-item .desc img.primary-image { max-width: 85px; max-height: 75px; } .checkout-progress .step-3 .checkout-cart-item .checkout-additionals { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; font-family: clanotnews; line-height: 16px; -webkit-box-direction: reverse; -moz-box-direction: reverse; -o-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .checkout-progress .step-3 .checkout-cart-item .desc-row.total-price { font-family: clanotmedium; font-size: 13px; margin-top: 10px; } .checkout-progress .step-3 .checkout-cart-item.has-acp { padding-left: 95px; } .checkout-progress .step-3 .checkout-cart-item.has-acp .checkout-acp-desc { padding: 20px 0; border-top: 1px solid #d9d9d9; } .checkout-progress .step-3 .checkout-cart-item.has-acp .checkout-acp-desc .name { padding-right: 15px; } .checkout-progress .step-3 .checkout-cart-item.has-acp .total-price { padding: 20px 0; margin-top: 0; border-top: 1px solid #d9d9d9; } .checkout-progress .step-3 .checkout-cart-item:not(.has-acp) { border-top: 1px solid #d9d9d9; } .checkout-progress .step-3 .checkout-cart-item:not(.has-acp):first-child { border: none; } .checkout-progress .step-3 .accordion-trigger:after { display: inline-block; height: 8px; margin-left: 8px; right: 0; margin-top: 6px; width: 10px; vertical-align: baseline; content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgdmlld0JveD0iMCAwIDEwLjAxNCA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC4wMTQgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPg0KPHBhdGggc3R5bGU9ImZpbGw6I2QzMzAzMDsiIGQ9Ik01LjQ2NSw2LjlsNC41NDktMy43OTNWMEw0Ljk4NSw0LjA3M0wwLjAwOSwwTDAsMS4wMDZ2Mi4xMDFsNC40OTYsMy43OQ0KCUM0Ljc5NCw3LjA3Myw1LjE2Nyw3LjA3NCw1LjQ2NSw2Ljl6Ii8+DQo8L3N2Zz4NCg==) 0 0 no-repeat; } .checkout-progress .step-3 .accordion-trigger.active { background: #fff; border-color: #d9d9d9; color: #383838; } .checkout-progress .step-3 .accordion-trigger.active:after { -webkit-transform: rotate(0.5turn); -moz-transform: rotate(0.5turn); -o-transform: rotate(0.5turn); -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .checkout-progress .step-3 .accordion-trigger.product-detail-list-category { background: none; border: none; } @media only screen and (min-width: 48em) { .checkout-progress .step-3 .accordion-trigger.product-detail-list-category { display: none; } } @media only screen and (min-width: 48em) { .checkout-progress .step-3 .accordion-trigger.product-detail-list-category:after { display: none; } } .checkout-progress .step-3 #cartSummary #checkoutOrderDetails .cart-summary-content { padding: 0; } .checkout-progress .step-3 #cartSummary #checkoutOrderDetails .hgroup, .checkout-progress .step-3 #cartSummary #checkoutOrderDetails tbody { display: none; } .checkout-progress .step-content { overflow: hidden; padding-left: 15px; padding-right: 15px; } .checkout-progress .step-content .continue-shipping { float: right; margin: 0 15px 15px 15px; } .checkout-progress .step-content.stepThree .continue-checkout { float: right; margin-top: 20px; } @media only screen and (max-width: 47.9375em) { .checkout-progress .step-content.stepThree .accordion-wrapper { margin-top: 5px; } .checkout-progress .step-content.stepThree .accordion-wrapper .accordion-trigger { font-weight: bold; } .checkout-progress .step-content.stepThree .accordion-wrapper .deliveryCartItems { padding: 5px !important; } } .chosen-address-heading { padding-top: 2.5%; font-size: 12px; width: 60%; font-family: clanotnews; font-weight: bold; } .pay-accord-wrapper { background: #ebf4f7; padding: 5px 15px 15px 15px; } @media only screen and (max-width: 47.9375em) { .pay-accord-wrapper { padding: 5px 0px !important; } } .pay-accord-wrapper .accordion-trigger { background: none !important; border: none !important; text-transform: inherit; font-size: 14px; } .pay-accord-wrapper .accordion-trigger:after { display: inline-block; height: 8px; margin-left: 8px; float: right; margin-top: 0px; width: 10px; vertical-align: baseline; content: ''; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTBweCIgdmlld0JveD0iMCAwIDEwLjAxNCA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC4wMTQgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPg0KPHBhdGggc3R5bGU9ImZpbGw6I2QzMzAzMDsiIGQ9Ik01LjQ2NSw2LjlsNC41NDktMy43OTNWMEw0Ljk4NSw0LjA3M0wwLjAwOSwwTDAsMS4wMDZ2Mi4xMDFsNC40OTYsMy43OQ0KCUM0Ljc5NCw3LjA3Myw1LjE2Nyw3LjA3NCw1LjQ2NSw2Ljl6Ii8+DQo8L3N2Zz4NCg==) 0 0 no-repeat; } .pay-accord-wrapper .accordion-trigger.active { border: none; } .pay-accord-wrapper .accordion-trigger.active:after { -webkit-transform: rotate(0.5turn); -moz-transform: rotate(0.5turn); -o-transform: rotate(0.5turn); -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .pay-accord-wrapper .accordion-content.pay-accord-content { display: none; } .pay-accord-wrapper .accordion-content.pay-accord-content.active { display: block; max-height: 100%; } @media only screen and (min-width: 48em) { .pay-accord-wrapper .accordion-content.pay-accord-content.active { padding: 12px 0; } } #text-address { padding-left: 0; } #text-address .label-text span { font-family: clanotnews; display: block; font-size: 12px; line-height: 15px; } #chosen-address { line-height: 1.25rem; margin-bottom: 0px; } .cart-delivery-street, .cart-delivery-location { font-family: clanotnews; display: block; } .checkout-confirmation .checkout-order-details .cart-order-summary h2.sub-header { font-size: 18px; font-size: 1.125rem; } .checkout-confirmation .promotion-wrapper .image-wrap { display: block; } .order-number { color: #c00; font-size: 14px; font-family: clanotnews; padding-bottom: 5px; margin-top: 10px; font-weight: bold; text-transform: uppercase; } .delivery-options-container { padding-left: 15px; padding-right: 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-bottom: 5px; } .delivery-options-container button { max-height: 40px; } .delivery-options-container .button { max-height: 50px; height: 50px; } @media only screen and (max-width: 27em) { .delivery-options-container .button { height: 55px; max-height: 55px; } } @media only screen and (max-width: 320px) { .delivery-options-container .button { height: 70px; max-height: 70px; } } .delivery-options-container label { margin-bottom: 10px; padding-top: 10px; } .delivery-options-container label.radio-button-label { padding-top: 10px; margin-bottom: 0px; } .delivery-options-container label.radio-button-label span.label-value span { display: block; } .delivery-options-container a { margin-left: 32px; } .delivery-options-container .custom-modal a { margin-left: 0; } .delivery-options-container .shipping-option .modal-parent .option-link { background: none; border: 0; font-family: clanotnews; width: 100%; margin: 0; padding: 0; margin-left: 32px; text-align: left; } .center-horizontally { width: 65%; margin-right: 17.5%; margin-left: 17.5%; } @media only screen and (max-width: 450px) { .center-horizontally { width: 90%; margin-right: 5%; margin-left: 5%; } } @media only screen and (max-width: 768px) and (max-device-width: 1024px) { .center-horizontally { width: 100%; margin: 0; } } .language-fr .center-horizontally { width: 80%; margin-right: 10%; margin-left: 10%; } @media only screen and (max-width: 450px) { .language-fr .center-horizontally { width: 90%; margin-right: 5%; margin-left: 5%; } } @media only screen and (max-width: 768px) and (max-device-width: 1024px) { .language-fr .center-horizontally { width: 100%; margin: 0; } } .language-fr .gift-card-section .card-control { width: 116% !important; margin-right: 2% !important; } @media only screen and (min-width: 765px) { .billing-full-address-text-area #text-address { margin-bottom: 0; } } .delivery-mode-section .generic-form { padding: 0px; } .delivery-option { display: inline-block; vertical-align: top; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .delivery-option .button { width: 100%; } .arrow-down { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #c00; margin: 0 auto; } fieldset > div.control-group { margin: 0px; } p.note { margin-bottom: 0px; } .canada-post-search-box input { margin-top: 1%; margin-bottom: 2%; } .store-details { display: block; font-size: 0.8rem; line-height: 1.25rem; color: #383838; } .hidden { display: none; } #cart-ship-to-me+label { padding-top: 25px; } #cart-my-store { display: block; } #cart-my-store+label { margin-bottom: 15px; } #cart-my-store+label.toggle-store-locator-button { margin-bottom: 0px; } .toggle-store-locator-button { font-size: 12px; font-size: 0.75rem; color: #c00; } #store-location .store-to-ship:empty { display: none; } #store-location label span.store-to-ship:not([value=""]) { margin-bottom: 25px; padding-bottom: 25px; display: block; border-bottom: 1px solid #d9d9d9; } #store-location #selectThree { border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; } .cart-product-details-weight { margin-top: 10px; font-size: 13px; font-size: 0.8125rem; } .cart-summary-content .primary-button { float: right; margin-top: 30px; } .dealers-site .cart-order-totals .description { font-size: 13px !important; padding: 7px 0 !important; } .dealers-site .cart-order-totals .value { padding: 7px 0 !important; } .dealers-site.checkout-confirmation .primary-button { width: 100%; } .dealers-site.checkout-confirmation .cart-item-price { clear: both; } .dealers-site .shopping-cart-wrapper .cart-item-quantity { font-size: 14px; font-size: 0.875rem; } .dealers-site .shopping-cart-wrapper .cart-item-quantity .cart-header-description { padding-top: 0; } .dealers-site .shopping-cart-wrapper .cart-item-availability { padding-top: 10px; } .checkout-order-details .cart-order-summary h3 { font-family: clanotnews; font-size: 18px; font-size: 1.125rem; } @media only screen and (max-width: 47.9375em) { .checkout-order-details .cart-order-summary h2.sub-header { font-size: 16x; font-size: 1rem; border-bottom: 1px solid #d9d9d9; padding: 15px; } } @media only screen and (min-width: 48em) { #pay_form .cart-order-summary { margin-top: 30px; } } #checkoutAddressesForm #billingaddAddressForm .generic-form-section .custom-select:before { top: 16px; } .checkout-col-2-order-confirmation .orderBox.address-book-item.delivery-method .left ul li { word-wrap: break-word; font-family: clanotnews; font-size: 12px; } @media only screen and (max-width: 47.9375em) { #selectDeliveryModeForm .delivery-option-table-container tr td:last-child { text-align: right; } #selectDeliveryModeForm .delivery-option-table-container tr td:last-child .delivery-option-description { display: inline; } .checkout-form { position: relative; } .checkout-form .cart-summary-content .description { padding-left: 0; } .checkout-form #billingaddAddressForm { margin-top: 0; } .checkout-form .description { font-size: 15px; font-size: 0.9375rem; } .page-orderConfirmationPage .checkout-form .description { padding: 8px 0 5px; } .checkout-form .form-header { text-align: left; padding: 5px 15px 5px; margin-top: 0; } .checkout-form .form-header.order-confirmed { text-align: center; } .checkout-form .form-head h3, .checkout-form .form-head h4 { margin-bottom: 0; } .checkout-form .address-list .primary-button, .checkout-form .checkout-summary .primary-button { margin: 30px 0 0; width: 100%; } .checkout-form .add-new-address-wrap .address-cancel { top: 60px; right: 18px; } .checkout-form .address-cancel { text-align: left; } .checkout-form .address-cancel >.generic-form-wrap >p.right { margin-bottom: 0; padding-bottom: 10px; } .checkout-form .i18nAddressForm { margin-top: 0px; padding-top: 0px; margin-bottom: 0; padding-bottom: 0; } .checkout-form .i18nAddressForm >.generic-form-section { margin-bottom: 0; padding-bottom: 0; } .checkout-form .i18nAddressForm >.generic-form-section #address-enter { margin-bottom: 0; } .checkout-form .i18nAddressForm p.required { padding-bottom: 10px; padding-top: 62px; margin-bottom: 0px; } .checkout-form .billing-address-form { padding-bottom: 0; } .checkout-form .billing-address-form >.generic-form-section { margin-bottom: 0; } .checkout-form .delivery-option-form { padding-bottom: 0; } .checkout-form .delivery-option-form >.generic-form-section { margin-bottom: 0; } .checkout-form .delivery-option-form >.generic-form-section >.control-group { margin-bottom: 0; } .checkout-form .dp-form .generic-form-section fieldset { border-bottom: 0; } .custom-modal.terms-and-conditions .modal-content { overflow-x: hidden; } .custom-modal.terms-and-conditions .modal-content h2, .custom-modal.terms-and-conditions .modal-content p { width: 95%; word-wrap: break-word; } .payment-form { margin-bottom: -20px; } } #whatIsPayPalLink { padding-left: 5px; } .source-submit-paypal-payment-link { float: right; } .checkout-create-account .form-header { padding: 0; border-bottom: none; } @media only screen and (max-width: 31.9375em) { .checkout-progress .step-label { font-size: 12px; } } @media only screen and (max-width: 27.9375em) { .checkout-progress .step-label { font-size: 10px; } } @media only screen and (max-width: 25.9375em) { .checkout-progress .step-label { font-size: 9px; } } .checkout-order-details .promo { padding: 0 15px; } .page-multiStepCheckoutSummaryPage #content { background-color: #fbfbfb; min-height: 100% !important; } .page-multiStepCheckoutSummaryPage #content .desktop-container { padding-top: 25px; } .page-multiStepCheckoutSummaryPage #content .desktop-container button[disabled] { cursor: default; } .page-multiStepCheckoutSummaryPage #content .desktop-container .cart { margin-bottom: 15px; padding: 0 20px; } .page-multiStepCheckoutSummaryPage .checkout-header { margin-bottom: 0; } .page-multiStepCheckoutSummaryPage .radio-button { border: 1px solid #4f4f4f; } .page-multiStepCheckoutSummaryPage .radio-button span:before { left: 4px !important; top: 4px !important; } .page-multiStepCheckoutSummaryPage #payBright-modal { display: none; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent { padding: 30px; text-align: center; font-size: 16px; font-family: "Open Sans"; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent #payBright-modal { display: block; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .modal-header .logo-container .plus { color: #003a61; font-size: 26px; font-weight: bold; line-height: 36px; text-align: center; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .modal-header .logo-container img { height: 45px; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .pay-desc h1 { color: #003a61; font-size: 26px; font-weight: bold; line-height: 36px; text-align: center; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .pay-desc h4 { color: #003050; font-family: "Open Sans"; font-size: 16px; line-height: 22px; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap { margin-top: 30px; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap p { color: #003a61; font-weight: bold; margin-bottom: 8px; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap p .getPhoneOrEmail { display: block; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .error { display: block; font-weight: 600; margin: 13px 0 8px 0; color: #c00; font-size: 14px; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap button { width: 75%; float: none; margin-bottom: 20px; margin-top: 12px; letter-spacing: 0.9px; font-family: 'Open Sans'; text-transform: uppercase; font-weight: bold; background: #003a61 !important; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap button[disabled] { background: #a9a9a9 !important; cursor: default; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box { margin: 0 auto; width: 75%; position: relative; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input { border: 1px solid #979797; border-radius: 2px; height: 45px; color: #575757; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box label { font-size: 14px !important; color: #575757; font-family: 'Open Sans'; pointer-events: none; position: absolute; top: 8px; padding: 3px 0 0 10px; -o-transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; -ms-transition: all 200ms; -webkit-transition: all 200ms; margin-bottom: 10px; width: auto; left: 0; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input::-webkit-input-placeholder { color: #fff !important; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input::-webkit-input-placeholder, .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input::placeholder { color: #fff !important; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input::-moz-placeholder { color: #fff !important; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input:-ms-input-placeholder { color: #fff !important; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input:focus + label { font-size: 70%; -webkit-transform: translate3d(-9%, -48%, 0) scale(0.8); -moz-transform: translate3d(-9%, -48%, 0) scale(0.8); -o-transform: translate3d(-9%, -48%, 0) scale(0.8); -ms-transform: translate3d(-9%, -48%, 0) scale(0.8); transform: translate3d(-9%, -48%, 0) scale(0.8); -ms-transform: translate3d(-9%, -48%, 0) scale(0.8); -moz-transform: translate3d(-9%, -48%, 0) scale(0.8); -webkit-transform: translate3d(-9%, -48%, 0) scale(0.8); opacity: 1; -ms-filter: none; filter: none; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input:not([value=""]) + label { font-size: 70%; -webkit-transform: translate3d(-9%, -48%, 0) scale(0.8); -moz-transform: translate3d(-9%, -48%, 0) scale(0.8); -o-transform: translate3d(-9%, -48%, 0) scale(0.8); -ms-transform: translate3d(-9%, -48%, 0) scale(0.8); transform: translate3d(-9%, -48%, 0) scale(0.8); -ms-transform: translate3d(-9%, -48%, 0) scale(0.8); -moz-transform: translate3d(-9%, -48%, 0) scale(0.8); -webkit-transform: translate3d(-9%, -48%, 0) scale(0.8); opacity: 1; -ms-filter: none; filter: none; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxLoadedContent .button-wrap .input-box input[type=text] { padding-top: 14px !important; } .page-multiStepCheckoutSummaryPage .color-box.payBright-modal #cboxClose:before { display: block !important; content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzODM4Mzg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Xbzk5NjhfTW9iaWxlSWNvbnM8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEyLDE1LjA1bC01LjUsNS41YS45MS45MSwwLDAsMS0xLjIsMGwtLjctLjdhLjkxLjkxLDAsMCwxLDAtMS4ybDUuNS01LjVhLjkxLjkxLDAsMCwwLDAtMS4yTDQuNyw2LjU1YS45MS45MSwwLDAsMSwwLTEuMmwuOC0uOGEuOTEuOTEsMCwwLDEsMS4yLDBMMTIuMSwxMGEuOTEuOTEsMCwwLDAsMS4yLDBsNS42LTUuNmEuOTEuOTEsMCwwLDEsMS4yLDBsLjcuN2EuOTEuOTEsMCwwLDEsMCwxLjJsLTUuNiw1LjZhLjkxLjkxLDAsMCwwLDAsMS4ybDUuNiw1LjZhLjkxLjkxLDAsMCwxLDAsMS4ybC0uOC44YS45MS45MSwwLDAsMS0xLjIsMGwtNS42LTUuNkEuOTEuOTEsMCwwLDAsMTIsMTUuMDVaIi8+PC9zdmc+); font-size: 20px; font-size: 1.25rem; font-weight: bold; } @media only screen and (min-width: 48em) { .payment-options .payment-logos a, .checkout-form .dp-form .generic-form-section p { font-size: 14px; font-size: 0.875rem; } .rtable-td.cart-product-add-acp { padding-bottom: 5px; padding-left: 0; } .rtable-td.cart-product-add-acp .warranty-button { padding-bottom: 1px; } .checkout-form .generic-form-wrap .generic-form > legend { border: none; } .checkout-form .generic-form-wrap .generic-form > legend:after { display: none; } .checkout-form .step-content #checkoutOrderDetails { width: 100%; } .checkout-form .form-header { padding: 0; border-bottom: none; } .checkout-form .description { margin: 0 0 30px; } .checkout-form .gift-applied .value { font-size: 16px; font-size: 1rem; font-family: clanotmedium; } .checkout-form .required { margin-bottom: 10px; padding: 0; } .checkout-form .required.right { padding-left: 30px; } .checkout-form .add-address-button { margin-bottom: 30px; } .checkout-form .checkout-col-1 { float: left; clear: none; text-align: inherit; width: 57.5%; margin-left: 0%; } .checkout-form .checkout-col-1 .primary-button { padding: 12px 12px 8px !important; } .checkout-form .checkout-col-1 .primary-button p { margin: 0; } .checkout-form .checkout-col-1.saveAddress #savedAddressesForm .label-text { display: inline; } .checkout-form .checkout-col-1.saveAddress #savedAddressesForm .label-text .radio-button { float: none; } .checkout-form .checkout-col-1.saveAddress #savedAddressesForm .label-text .label-value { display: inline; padding-left: 0px; } .checkout-form .checkout-col-1-order-confirmation { float: left; clear: none; text-align: inherit; width: 49%; margin-left: 0%; margin-right: 2%; } .checkout-form .checkout-col-1-order-confirmation.saveAddress #savedAddressesForm .label-text { display: inline; } .checkout-form .checkout-col-1-order-confirmation.saveAddress #savedAddressesForm .label-text .radio-button { float: none; } .checkout-form .checkout-col-1-order-confirmation.saveAddress #savedAddressesForm .label-text .label-value { display: inline; padding-left: 0px; } .checkout-form .checkout-col-2 { float: right; width: 37.5%; } .checkout-form .address-list, .checkout-form .checkout-summary { border: 1px solid #383838; padding: 20px; margin-bottom: 30px; } .checkout-form .address-list .primary-button, .checkout-form .checkout-summary .primary-button { float: right; } .checkout-form .show-delivery-options { margin: 20px 0 0 10px; float: right; width: auto; } .checkout-form .generic-form { outline-offset: -1px; *zoom: 1; } .checkout-form .generic-form:before, .checkout-form .generic-form:after { content: ''; display: table; } .checkout-form .generic-form:after { clear: both; } .checkout-form .generic-form .button { width: auto; float: left; } .checkout-form .generic-form .primary-button, .checkout-form .generic-form .disabled-button { float: right; } .checkout-form .accordion-wrapper .accordion-trigger { padding: 15px 0 0 0; cursor: auto; } .checkout-form .dp-form .generic-form-section { padding: 10px; margin-bottom: 4%; } .checkout-form .dp-form .checkout-gift-section .check-balance { width: 35%; font-size: 11px; font-size: 0.6875rem; } .checkout-form .dp-form .checkout-gift-section .card-control label { width: 80%; } .checkout-form .i18nAddressForm { padding-bottom: 0; } .checkout-form .i18nAddressForm .button { float: right; } .checkout-form .i18nAddressForm .secondary-button { float: left; line-height: 128%; } .checkout-form .i18nAddressForm .billingAddressFormWrap { display: block; } .checkout-form .i18nAddressForm .billingAddressFormWrap h3 { margin: 30px 0 20px 0; } .checkout-form .billing-address-form { margin-top: 30px; padding-bottom: 0; } .checkout-form .delivery-option-form { padding-bottom: 0; } .checkout-cart-items.no-address.deliveryAddress { margin-top: 5px; } .checkout-cart-items .checkout-acp-desc .name, .checkout-cart-items .checkout-acp-desc .checkout-additionals { padding-left: 0px; } .checkout-cart-items .name { font-family: clanotmedium; font-size: 0.8125rem; margin-bottom: 10px; } .checkout-cart-items .name a { font-family: clanotnews; } .checkout-cart-items .checkout-cart-item.warranty-item { padding: 0 0 15px 0; } .checkout-cart-items .availability { max-width: 300px; } .checkout-order-details { float: right; clear: none; text-align: inherit; width: 39.5%; margin-left: 0; margin-right: 0; padding: 0; } .checkout-order-details .cart-order-summary { width: 100%; max-width: none; } } white-space nowrap .checkout-create-account { margin-bottom: 30px; } white-space nowrap .checkout-create-account .column { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 47.5%; margin-left: 0%; margin-right: 5%; } white-space nowrap .checkout-create-account .column:before, white-space nowrap .checkout-create-account .column:after { content: ''; display: table; } white-space nowrap .checkout-create-account .column:after { clear: both; } white-space nowrap .checkout-create-account .column:last-child { margin-right: 0%; } white-space nowrap .continue-checkout p, white-space nowrap .source-submit-payment p { margin-bottom: 0px; padding-bottom: 0px; } white-space nowrap .continue-checkout p svg, white-space nowrap .source-submit-payment p svg { margin-right: 5px; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } white-space nowrap .continue-checkout .primary-button, white-space nowrap .source-submit-payment .primary-button { float: right; } white-space nowrap .dealers-site.checkout-confirmation { *zoom: 1; } white-space nowrap .dealers-site.checkout-confirmation:before, white-space nowrap .dealers-site.checkout-confirmation:after { content: ''; display: table; } white-space nowrap .dealers-site.checkout-confirmation:after { clear: both; } white-space nowrap .dealers-site.checkout-confirmation .primary-button { float: right; width: inherit; } white-space nowrap .dealers-site.checkout-confirmation .cart-item-price { float: left; clear: inherit; } white-space nowrap .checkout-order-confirmation-create-account { padding-top: 15px; } @media only screen and (min-width: 64em) { .checkout-form .dp-form .generic-form-section { padding: 10px 30px; } .checkout-form .dp-form .checkout-gift-section .card-control label { width: 100%; } } .source-payment-options { display: none; } .payment-popup { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; padding: 27px 30px; position: fixed; width: 60%; z-index: 10000; } .global-messages-checkout { max-width: 900px; margin: 0 auto; padding-bottom: 10px; } .global-messages-checkout .global-messages { margin-top: 0px; } .global-messages-checkout .global-messages .negative { padding-top: 0 !important; color: #a94442; font-family: clanotnews; background-color: #f2dede; padding-left: 15px; padding-right: 15px; border-left: 1px solid #ebccd1; border-right: 1px solid #ebccd1; border-bottom: none; border-top: none; margin-bottom: 0px; } .global-messages-checkout .global-messages:first-child .negative { border-top: 1px solid #ebccd1; border-radius: 4px 4px 0 0; padding-top: 15px !important; border-bottom: none; } .global-messages-checkout .global-messages:last-child .negative { border-top: none; border-bottom: 1px solid #ebccd1; border-radius: 0 0 4px 4px; padding-bottom: 15px; } .popup-payment #cboxContent { padding: 80px 20px 20px; } .popup-payment #cboxContent #cboxTitle { top: 20px; bottom: auto; left: 20px; right: 30px; white-space: normal; width: auto; padding-bottom: 4px; border-bottom: 1px solid #d9d9d9; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; color: #383838; text-transform: uppercase; vertical-align: top; text-align: left; } .payment-popup:after, .popup-payment:after { display: none; } .payment-popup .popup-content, .popup-payment .popup-content { max-height: 620px; overflow: auto; padding-top: 20px; } .payment-popup .estimated-payment, .popup-payment .estimated-payment { font-size: 14px; font-size: 0.875rem; color: #c00; font-weight: 700; margin-top: 15px; visibility: hidden; } .payment-popup .source-payment-options, .popup-payment .source-payment-options { display: block; } .payment-popup .source-payment-options h3, .popup-payment .source-payment-options h3 { font-weight: bold; } .payment-popup .source-payment-options .source-checkout, .popup-payment .source-payment-options .source-checkout { float: right; } .payment-popup .source-payment-options .radio-button-label, .popup-payment .source-payment-options .radio-button-label { margin-bottom: 5px; } .payment-popup .source-payment-options .radio-buttons, .popup-payment .source-payment-options .radio-buttons { line-height: 22px; } .payment-popup .source-payment-options .radio-buttons input, .popup-payment .source-payment-options .radio-buttons input { margin-right: 10px; float: left; } .payment-popup .source-payment-options .radio-buttons input[disabled] + .radio-button-label .label-value, .popup-payment .source-payment-options .radio-buttons input[disabled] + .radio-button-label .label-value { color: #a9a9a9; } .payment-popup .source-payment-options .radio-buttons ul, .popup-payment .source-payment-options .radio-buttons ul { margin-bottom: 10px; } .payment-popup .financing-options-cont, .popup-payment .financing-options-cont { line-height: 2; } .payment-popup .radio-buttons-cont, .popup-payment .radio-buttons-cont { margin-top: 10px; padding-left: 40px; } .payment-popup .radio-buttons-cont .radio-buttons > p, .popup-payment .radio-buttons-cont .radio-buttons > p { font-family: clanotbold; margin-bottom: 0px; line-height: 1.4; } .payment-popup .source-checkout-disabled, .popup-payment .source-checkout-disabled { float: right; } .payment-popup .controls.checkbox-wrap, .popup-payment .controls.checkbox-wrap { border-top: 1px solid #d9d9d9; padding-top: 10px; margin-top: 5px; } .payment-popup .estimated-installment, .popup-payment .estimated-installment { margin-bottom: 10px; font-size: 14px; font-size: 0.875rem; } .payment-popup .legend, .popup-payment .legend { font-size: 16px; font-size: 1rem; } .payment-popup .popupCartItem, .popup-payment .popupCartItem { border-bottom: none; min-height: 80px; } .payment-popup .itemThumb, .popup-payment .itemThumb { top: 0; } .payment-popup .itemDetail .itemName, .popup-payment .itemDetail .itemName, .payment-popup .itemDetail .itemPrice, .popup-payment .itemDetail .itemPrice { font-size: 14px; font-size: 0.875rem; } .payment-popup .itemDetail .itemName, .popup-payment .itemDetail .itemName { max-width: 200px; } .payment-popup .itemDetail .itemPrice, .popup-payment .itemDetail .itemPrice { font-family: clanotbold; } .payment-popup .svg-highlight, .popup-payment .svg-highlight { cursor: pointer; float: right; position: absolute; right: 10px; top: 10px; } .payment-popup .links, .popup-payment .links { display: none; } .payment-popup #edit-address-form-receiver, .popup-payment #edit-address-form-receiver { margin-top: 30px; } .payment-popup #addressform_button_panel, .popup-payment #addressform_button_panel { float: right; } .payment-popup .financing-options-cont > span, .popup-payment .financing-options-cont > span { font-size: 14px; font-size: 0.875rem; } .gift-card-pop-up-wrap { padding: 20px; } .gift-card-pop-up-wrap .gift-card-button-wrap { margin-top: 20px; } @media only screen and (max-width: 47.9375em) { .desktop-container.checkout-form.checkout-confirmation { padding-left: 0; padding-right: 0; } .desktop-container.checkout-form.checkout-confirmation .description.mobile-container, .desktop-container.checkout-form.checkout-confirmation .required { padding-left: 15px; padding-right: 15px; } .desktop-container.checkout-form.checkout-confirmation .description.mobile-container p, .desktop-container.checkout-form.checkout-confirmation .required p { font-size: 0.75rem; } .continue-shipping, .continue-checkout { width: 100%; margin: 10px auto 15px auto !important; max-width: 100% !important; clear: both; } .continue-shipping p, .continue-checkout p { margin: 0; } .checkout-form .description { padding-left: 15px; padding-right: 15px; } .page-multiStepCheckoutSummaryPage .connect-with-us { display: none; } .source-payment-options { padding: 0 10px; } .popup-payment .radio-buttons-cont { padding-left: 0; } .payment-popup { width: 100%; height: 100%; } .dealers-site .headline { margin: 0 0 10px; padding: 0 0 10px; text-align: left; } .dealers-site .order-number { padding: 0; margin: 0 0 10px; vertical-align: middle; } .dealers-site .required { padding: 0 0 15px; } .dealers-site .order-header { display: none; } .dealers-site .item-list .item { border-bottom: 1px solid #d9d9d9; padding: 18px 0; overflow: hidden; } .dealers-site .item-list .item:first-child { border-top: 1px solid #d9d9d9; } .dealers-site .item-image { float: left; margin-right: 10px; } .dealers-site .cart-item-availability { clear: none; } .dealers-site .quantity { display: inline-block; } .dealers-site .quantity:after { content: 'x'; } .dealers-site .price { display: inline-block; } .dealers-site .total { font-size: 16px; font-size: 1rem; font-weight: bold; margin-top: 15px; } .dealers-site .shopping-cart-wrapper .primary-button { width: 100%; } .dealers-site .cart-order-list .cart-order-item { padding: 20px 0; margin: 0 15px; } .checkout-form .generic-form-wrap .generic-form > legend { padding: 0 30px 25px 0; } .checkout-form .required { padding-left: 0; } .continue-checkout, .source-submit-payment { max-width: none; } .continue-checkout svg, .source-submit-payment svg { margin-right: 5px; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } } @media only screen and (min-width: 47em) and (max-width: 63.9375em) { .checkout-tabs li:first-child { width: 70% !important; } .checkout-tabs #paysafe-container .expiryCVVLabels .expDate { width: 21% !important; } .checkout-tabs #paysafe-container .expiryCVVLabels label.cvv { margin-left: 62px !important; } .checkout-tabs #paysafe-container .expiryDate { width: 58% !important; } .checkout-tabs #paysafe-container #cvv { width: 24% !important; } } .edit-address-popup { display: none; position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 27px 30px; position: fixed; width: 530px; z-index: 10000; } .edit-address-popup-content { padding: 20px; } .edit-address-popup-content .remove-icon { display: none; } .edit-address-popup-content .legend { border-bottom: 1px solid #d9d9d9; color: #383838; font-family: clanotmedium; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; padding-bottom: 4px; text-transform: uppercase; vertical-align: top; margin: 0; } .edit-address-popup-content .links { margin-top: 20px; *zoom: 1; } .edit-address-popup-content .links:before, .edit-address-popup-content .links:after { content: ''; display: table; } .edit-address-popup-content .links:after { clear: both; } .edit-address-popup-content .links .cancel-change-address { line-height: 40px; } .edit-address-popup:after, .edit-address-popup-content:after { display: none; } .edit-address-popup .svg-highlight, .edit-address-popup-content .svg-highlight { cursor: pointer; float: right; position: absolute; right: 10px; top: 10px; } .edit-address-popup .links .cancel-change-address, .edit-address-popup-content .links .cancel-change-address { float: left; } .edit-address-popup .popup-content, .edit-address-popup-content .popup-content { max-height: 620px; overflow: auto; padding-top: 20px; } .edit-address-popup .popup-content .change-payment-content, .edit-address-popup-content .popup-content .change-payment-content { border: 1px solid #383838; padding: 20px; height: 150px; overflow-y: auto; } .edit-address-popup .popup-content .change-payment-content > span, .edit-address-popup-content .popup-content .change-payment-content > span { display: inherit; } .edit-address-popup .popup-content .change-payment-content .address-change, .edit-address-popup-content .popup-content .change-payment-content .address-change { vertical-align: top; } .edit-address-popup .popup-content .change-payment-content > ul, .edit-address-popup-content .popup-content .change-payment-content > ul { margin-top: 20px; } .edit-address-popup .popup-content .change-payment-content > ul li.head, .edit-address-popup-content .popup-content .change-payment-content > ul li.head { font-family: clanotmedium; } .edit-address-popup .popup-content .address-change, .edit-address-popup-content .popup-content .address-change { display: inline-block; width: 40%; } .edit-address-popup .popup-content .address-change li span, .edit-address-popup-content .popup-content .address-change li span { display: list-item; } @media only screen and (max-width: 47.9375em) { .edit-address-popup .popup-content .address-change.col-1 li, .edit-address-popup-content .popup-content .address-change.col-1 li { word-wrap: break-word; } } .edit-address-popup .popup-content .address-change + .arrow-cont:before, .edit-address-popup-content .popup-content .address-change + .arrow-cont:before { width: 30px; } .edit-address-popup .popup-content .arrow-cont, .edit-address-popup-content .popup-content .arrow-cont { display: inline-block; width: 30px; margin-top: 20px; vertical-align: top; width: 16%; position: relative; } .edit-address-popup .popup-content .arrow-cont:after, .edit-address-popup-content .popup-content .arrow-cont:after { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+DQogPGc+DQogIDx0aXRsZT5MYXllciAxPC90aXRsZT4NCiAgPHJlY3Qgc3Ryb2tlPSIjZjcwZTBlIiBpZD0ic3ZnXzEiIGhlaWdodD0iNy4wMDc5MDQiIHdpZHRoPSIyNS4yMjg0NTQiIHk9IjYuMDk1NTk2IiB4PSIwLjEyNzU4NSIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0ibnVsbCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjZWQwNDA0Ii8+DQogIDxyZWN0IGlkPSJzdmdfMiIgaGVpZ2h0PSIyLjYwMjkzNiIgd2lkdGg9IjAuMzAwMzM5IiB5PSI3Ljg5NzYyOCIgeD0iMjQuMjU0Nzk3IiBzdHJva2UtbGluZWNhcD0ibnVsbCIgc3Ryb2tlLWxpbmVqb2luPSJudWxsIiBzdHJva2UtZGFzaGFycmF5PSJudWxsIiBzdHJva2Utd2lkdGg9IjAiIHN0cm9rZT0iI2Y3MGUwZSIgZmlsbD0iI2VkMDQwNCIvPg0KICA8cGF0aCB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS42NTYzNzgwMzkyODc5NDQsMi4wOTEwNzkxMzM4MjIyNzY1KSBzY2FsZSgwLjAwNSkgdHJhbnNsYXRlKC0yNS42NTYzNzgwMzkyODc5NDQsLTIuMDkxMDc5MTMzODIyMjc2NSkiIGlkPSJzdmdfMyIgZD0ibTMuNDE5OTI1LDYuODU2ODY4bDIuMjg4Mjg2LC00LjAwNDUxNmwyLjI4ODI5MSw0LjAwNDUxNmwtNC41NzY1NzYsMHoiIHN0cm9rZS1saW5lY2FwPSJudWxsIiBzdHJva2UtbGluZWpvaW49Im51bGwiIHN0cm9rZS1kYXNoYXJyYXk9Im51bGwiIHN0cm9rZS13aWR0aD0iMCIgc3Ryb2tlPSIjZjcwZTBlIiBmaWxsPSIjZWQwNDA0Ii8+DQogIDxwYXRoIHN0cm9rZT0iI2Y3MGUwZSIgdHJhbnNmb3JtPSJyb3RhdGUoODkuNjczMzA5MzI2MTcxODggMjguODg2NjMxMDExOTYyODksOS42MzI3ODk2MTE4MTY0MDgpICIgaWQ9InN2Z180IiBkPSJtMjAuODI4NDA5LDEzLjU0Mjg3Mmw4LjA1ODI4MSwtNy44MjAxNjVsOC4wNTgxNjEsNy44MjAxNjVsLTE2LjExNjQ0MiwweiIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0ibnVsbCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSIwIiBmaWxsPSIjZWQwNDA0Ii8+DQogPC9nPg0KPC9zdmc+); display: inline-block; width: 0; height: 0; display: block; position: absolute; top: 30px; left: 0px; zoom: 1.2; } .edit-address-popup .popup-content .source-payment-options, .edit-address-popup-content .popup-content .source-payment-options { display: block; } .edit-address-popup .popup-content .source-payment-options .source-checkout, .edit-address-popup-content .popup-content .source-payment-options .source-checkout { line-height: 40px; } .edit-address-popup .popup-content .source-payment-options .radio-buttons, .edit-address-popup-content .popup-content .source-payment-options .radio-buttons { line-height: 22px; } .edit-address-popup .popup-content .source-payment-options .radio-buttons input, .edit-address-popup-content .popup-content .source-payment-options .radio-buttons input { margin-right: 10px; } .edit-address-popup-content .popup-content .change-payment-content { height: auto; } .show-delivery-options { margin: 20px 0px 0px 20px; width: auto; max-height: 40px; float: right; } .show-delivery-options p { margin-bottom: 0px; } .show-delivery-options p svg { margin-right: 5px; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); -o-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } @media only screen and (max-width: 47.9375em) { .show-delivery-options { max-height: 40px; max-width: none; width: 95%; margin-right: 2.5%; } .show-delivery-options p { -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } } #addressForm .phoneNumberHolder, .checkout-form .phoneNumberHolder { margin: 10px 0 20px; } #addressForm .phoneNumberHolder .control-group, .checkout-form .phoneNumberHolder .control-group { margin: 0; } #addressForm .phoneNumberHolder .control-group #deliveryaddressPhoneNumber, .checkout-form .phoneNumberHolder .control-group #deliveryaddressPhoneNumber, #addressForm .phoneNumberHolder .control-group #billingaddressPhoneNumber, .checkout-form .phoneNumberHolder .control-group #billingaddressPhoneNumber { width: 40%; } #addressForm .phoneNumberHolder .exampleAddressPhoneNumber, .checkout-form .phoneNumberHolder .exampleAddressPhoneNumber { font-size: 10px; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore { overflow: hidden; padding-left: 15px; padding-right: 15px; padding-top: 10px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore #checkoutOrderDetails { margin-bottom: 20px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data { width: 100%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin-bottom: 50px; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper { display: block; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .delivery-mode-wrapper { width: 30%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .delivery-mode-wrapper h2 { text-transform: uppercase; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .delivery-mode-wrapper div { width: 100%; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .delivery-mode-wrapper { width: 100%; margin-bottom: 40px; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .payment-details-wrapper { width: 25%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .payment-details-wrapper h2 { text-transform: uppercase; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .payment-details-wrapper div { width: 100%; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .payment-details-wrapper { width: 100%; margin-bottom: 40px; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .store-details-wrapper { width: 39%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .store-details-wrapper .pickup-address { float: right; margin-bottom: 40px; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .store-details-wrapper .pickup-address { float: none; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .store-details-wrapper h2 { text-transform: uppercase; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .delivery-data .delivery-mode-payment-store-details-wrapper .store-details-wrapper { width: 100%; margin-bottom: 40px; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .delivery-mode .hgroup h2 { font-size: 16px; font-family: clanotmedium; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; border-top: none; margin-bottom: 10px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .delivery-mode .delivery-mode-value { font-family: clanotbold; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .payment-details .hgroup h2 { font-size: 16px; font-family: clanotmedium; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; border-top: none; margin-bottom: 10px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .payment-details .payment-details-value { font-family: clanotbold; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address { width: auto; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .hgroup h2 { font-size: 16px; font-family: clanotmedium; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; border-top: none; margin-bottom: 10px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address { font-family: clanotnews; font-size: 0.75rem; padding-bottom: 5px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address .address-details { border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; padding-bottom: 5px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address ul.store-openings { display: table; width: 100%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address ul.store-openings .weekday-openings, .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address ul.store-openings .weekday-openings-closed { display: table-row; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address ul.store-openings .weekday-openings-day, .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address ul.store-openings .weekday-openings-times { display: table-cell; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .reserve-in-store-misc .checkout-col-1-order-confirmation .pickup-address .delivery-address ul.store-openings .weekday-openings-day { padding-right: 5px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details { padding: 15px; background: #eee; margin-bottom: 30px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details .hgroup { display: block; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details .hgroup h1 { border: none; font-weight: bold; font-size: 14px; float: left; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details .hgroup button { float: right; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details .order-number { clear: both; padding-top: 20px; padding-bottom: 20px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details .required .what-happens-next { padding-top: 10px; font-family: clanotbold; padding-bottom: 3px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-content-reserve-instore .confirmation-details .required .reserve-instore-learnmore { padding-top: 20px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .cart { padding: 0 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutProgress { padding-top: 25px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutProgress li.step:not(.step-5) { display: none; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .cart { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .print { text-decoration: underline; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .continue-shopping-button { margin-top: 25px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-header { visibility: hidden; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content { margin-top: -3rem; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details { padding: 15px; background: #eee; margin-bottom: 30px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details .hgroup { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details .hgroup .order-confirmed { border: none; font-weight: bold; font-size: 14px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details .hgroup button { font-weight: 600; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details .estimated-delivery-date { margin-bottom: 25px; font-weight: 600; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details .required { font-size: 13px; line-height: 18px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .confirmation-details .required .newline { margin-top: 5px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .mobile-container .address-label { font-size: 14px; font-weight: 600; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation .address-label { font-size: 14px; font-weight: 600; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation .label-value { width: 85%; display: block; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation .address-details li { font-size: 12px; font-size: clanotnews; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation .cart-summary-content { border-top: none; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation.delivery-data { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; margin: 20px 0; -webkit-box-direction: reverse; -moz-box-direction: reverse; -o-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation.delivery-data > div:first-child { width: 50%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .checkout-col-1-order-confirmation.delivery-data > div:last-child { width: 50%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel { background: #eee; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account { width: 60%; border: none; margin: 0 auto; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .header { text-align: center; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .password-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .password-wrap .control-group { width: 70%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .password-wrap .form-actions { margin: 0 auto; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .password-wrap .form-actions button { font-weight: 600; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account { width: 100%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .password-wrap { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #checkoutContentPanel .checkout-create-account .password-wrap .control-group { width: 100%; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .continue-shopping-btn, .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content #desktop_promo_wrapper { width: 100%; text-align: center; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) .step-5 .step-content .promotion-wrapper { margin-bottom: 20px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .accordion-trigger { font-size: 16px; font-family: clanotmedium; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; border-top: none; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .accordion-trigger { margin-bottom: 10px; } } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .accordion-trigger:after { display: none; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .accordion-content { overflow: visible; max-height: 100%; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .deliveryCartItems { font-family: clanotnews; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .deliveryCartItems .total-price { font-weight: 600; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .cart-order-summary .description { font-size: 13px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .cart-order-summary tbody tr:last-child td { padding: 0; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .cart-summary-content { border-top: none; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails:before { display: none; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .checkout-cart-items { width: 55%; margin-right: 30px; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails .checkout-cart { width: 40%; } @media only screen and (max-width: 47.9375em) { .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .page-orderConfirmationPage .checkout-confirmation:not(.dealers-site) #checkoutOrderDetails > div { width: 100% !important; } } @media only screen and (max-width: 24.9375em) { .check-balance { width: inherit; } } @media only screen and (max-width: 22.4375em) { #selectDeliveryMethodForm .generic-form.dp-form .checkout-gift-section .control-group .card-control { width: 50%; } #selectDeliveryMethodForm .generic-form.dp-form .checkout-gift-section .control-group .button-container .check-balance, #selectDeliveryMethodForm .generic-form.dp-form .checkout-gift-section .control-group .button-container #submit-gift-card { width: 100%; } #selectDeliveryMethodForm .generic-form.dp-form .checkout-gift-section .control-group .button-container .check-balance { text-align: center; } .language-fr .checkout-form .dp-form .checkout-gift-section .check-balance { width: 30%; } } @media only screen and (min-width: 48em) { .dealers-site .checkout-order-details { width: 100%; } .dealers-site .checkout-order-details .checkout-cart .cart-free-shipping { width: 90%; } .dealers-site .checkout-order-details .total { display: inline-block; } .dealers-site .shopping-cart-wrapper .cart-item-quantity { padding-top: 15px; } .dealers-site .shopping-cart-wrapper .cart-item-availability { padding-top: 15px; } .page-orderConfirmationPage .checkout-cart.dealers-site { float: right; max-width: 405px; width: 39.6%; } } @media print { .checkout-summary { border: 1px solid #383838; padding: 30px; } .checkout-summary .primary-button { display: none; } .checkout-order-confirmation-create-account { display: none; } .checkout-col-1 { float: left; clear: none; text-align: inherit; width: 57.5%; margin-left: 0%; margin-right: 5%; } .checkout-col-2 { float: right; width: 37.5%; } .checkout-order-details { float: right; clear: none; text-align: inherit; width: 37.5%; margin-left: 0; margin-right: 0; padding: 0; } .checkout-order-details .cart-order-summary { width: 100%; max-width: none; } .checkout-confirmation { overflow: hidden; } .confirmation-details button { display: none; } .checkout-col-1-order-confirmation { min-width: 49% !important; } } @media only screen and (min-width: 48em) { .cart-product-image__body { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 100%; } .cart-product-image__body .thumb { margin-right: 15px; } .cart-product-image__body .description-container { margin-left: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .cart-product-image__body .description-container .cart-product-color { margin-bottom: 10px; } } .customDropDonArrow .custom-select:before { content: ""; background: none no-repeat; position: absolute; top: 10px; right: 13px; width: 12px; height: 7px; } @media only screen and (min-width: 48em) { .price-change-popup .checkout-button-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } } @media only screen and (min-width: 48em) and (max-width: 47.9375em) { .promotion-wrapper { padding: 0 10px; } } @media only screen and (max-width: 47.9375em) and (max-width: 47.9375em) { .description { padding-bottom: 10px; } } .template-pages-layout-landingLayout1Page #content, .template-pages-layout-landingLayout3Page #content, .template-pages-layout-landingLayout4Page #content { padding-top: 15px; } .template-pages-layout-landingLayout1Page .content, .template-pages-layout-landingLayout3Page .content, .template-pages-layout-landingLayout4Page .content { padding-bottom: 15px; } .template-pages-layout-landingLayout5Page .order-history-quick-view, .template-pages-layout-contentLayout1Page .order-history-quick-view { display: none; } .template-pages-layout-landingLayout5Page h1, .template-pages-layout-contentLayout1Page h1 { color: #4f4f4f; font-family: clanotbook; } .template-pages-layout-landingLayout5Page h2, .template-pages-layout-contentLayout1Page h2 { padding-left: 0; font-family: clanotbook; } .template-pages-layout-landingLayout5Page .content h3, .template-pages-layout-contentLayout1Page .content h3 { font-family: clanotnews; margin-bottom: 10px; text-transform: uppercase; } .template-pages-layout-landingLayout5Page b, .template-pages-layout-contentLayout1Page b { font-family: clanotmedium; font-weight: normal; } .template-pages-layout-landingLayout5Page p, .template-pages-layout-contentLayout1Page p { font-size: 14px; font-size: 0.875rem; line-height: 170%; } .template-pages-layout-landingLayout5Page p.career-opportunities a, .template-pages-layout-contentLayout1Page p.career-opportunities a { font-size: 12px; font-size: 0.75rem; } .template-pages-layout-landingLayout5Page p.paragraph-list, .template-pages-layout-contentLayout1Page p.paragraph-list { margin-bottom: 12px; } .template-pages-layout-landingLayout5Page .main-content li, .template-pages-layout-contentLayout1Page .main-content li { line-height: 170%; } .template-pages-layout-landingLayout5Page .accountnavigationcollectioncomponent, .template-pages-layout-contentLayout1Page .accountnavigationcollectioncomponent { padding-top: 0; } .template-pages-layout-landingLayout5Page .accountnavigationcollectioncomponent .header-wrap, .template-pages-layout-contentLayout1Page .accountnavigationcollectioncomponent .header-wrap { display: none; } .template-pages-layout-landingLayout5Page .promotional-content.desktop-only, .template-pages-layout-contentLayout1Page .promotional-content.desktop-only { display: none; } .template-pages-layout-landingLayout5Page .user-action-list li, .template-pages-layout-contentLayout1Page .user-action-list li { display: block; border-top: none; font-size: 14px; font-size: 0.875rem; margin-bottom: 20px; } .template-pages-layout-landingLayout5Page .user-action-list li a, .template-pages-layout-contentLayout1Page .user-action-list li a { color: #383838; font-family: clanotbook; padding: 5px 0; } .template-pages-layout-landingLayout5Page .user-action-list li .active, .template-pages-layout-contentLayout1Page .user-action-list li .active { font-family: clanotmedium; } .template-pages-layout-landingLayout5Page .breadcrumb-module img, .template-pages-layout-contentLayout1Page .breadcrumb-module img { display: none; } .template-pages-layout-landingLayout5Page .section, .template-pages-layout-contentLayout1Page .section { padding-bottom: 30px; font-size: 14px; font-size: 0.875rem; } .template-pages-layout-landingLayout5Page .section li, .template-pages-layout-contentLayout1Page .section li { padding-bottom: 10px; padding-left: 15px; } .template-pages-layout-landingLayout5Page .contact-phone a, .template-pages-layout-contentLayout1Page .contact-phone a { text-decoration: underline; } .template-pages-layout-landingLayout5Page .customer-support-information, .template-pages-layout-contentLayout1Page .customer-support-information { margin-top: 20px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece { display: inline-block; vertical-align: top; font-size: 13px; font-size: 0.8125rem; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-label, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-label, .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-value, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-value { padding-bottom: 10px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-label, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-label { font-size: 13px; font-size: 0.8125rem; display: inline-block; font-family: clanotbook; width: 11em; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-value, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-value { display: inline; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-value:after, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-value:after { content: ''; display: block; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-value a:after, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-value a:after { content: ''; display: block; } .template-pages-layout-landingLayout5Page .customer-support-information a, .template-pages-layout-contentLayout1Page .customer-support-information a { font-family: clanotbook; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece :first-child, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece :first-child { padding-bottom: 10px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece :first-child .customer-support-information-label, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece :first-child .customer-support-information-label { display: inline; padding-right: 5px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links ul, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links ul { padding-bottom: 5px; padding-top: 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li { display: block; padding: 15px 0 15px; margin-left: 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li:last-child:after, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li:last-child:after { display: none; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText { height: 46px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText span[aria-hidden=true], .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText span[aria-hidden=true] { display: inherit; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText a, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText a { position: absolute; background: #fff; display: inline-block; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText a div, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText a div { white-space: nowrap; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText .disabled, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText .disabled { color: #d9d9d9; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links a, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links a { font-family: clanotnews; font-size: 12px; font-size: 0.75rem; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links a .disabled-bold-chat-link, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links a .disabled-bold-chat-link { color: #a9a9a9; } .template-pages-layout-landingLayout5Page .connect-social-icons, .template-pages-layout-contentLayout1Page .connect-social-icons { padding: 20px 0 30px; } .template-pages-layout-landingLayout5Page .connect-social-icons .social-icons, .template-pages-layout-contentLayout1Page .connect-social-icons .social-icons { white-space: nowrap; } .template-pages-layout-landingLayout5Page .connect-social-icons a, .template-pages-layout-contentLayout1Page .connect-social-icons a { color: #383838; display: block; padding-right: 30px; padding-top: 10px; } .template-pages-layout-landingLayout5Page .connect-social-icons a:hover svg, .template-pages-layout-contentLayout1Page .connect-social-icons a:hover svg { stroke: #9e0000; } .template-pages-layout-landingLayout5Page .connect-social-icons a:hover svg rect, .template-pages-layout-contentLayout1Page .connect-social-icons a:hover svg rect { fill: #9e0000; } .template-pages-layout-landingLayout5Page .connect-social-icons svg, .template-pages-layout-contentLayout1Page .connect-social-icons svg { stroke: #c00; margin-right: 10px; vertical-align: middle; padding: 1px; } .template-pages-layout-landingLayout5Page .connect-social-icons svg rect, .template-pages-layout-contentLayout1Page .connect-social-icons svg rect { fill: #c00; } .template-pages-layout-landingLayout5Page .connect-social-icons svg path, .template-pages-layout-contentLayout1Page .connect-social-icons svg path { fill: #fff; } .template-pages-layout-landingLayout5Page .career-opportunities a, .template-pages-layout-contentLayout1Page .career-opportunities a { display: block; padding-top: 10px; } .template-pages-layout-landingLayout5Page .horizontal-list, .template-pages-layout-contentLayout1Page .horizontal-list { padding-bottom: 50px; } .template-pages-layout-landingLayout5Page .horizontal-list li, .template-pages-layout-contentLayout1Page .horizontal-list li { line-height: 170%; padding-left: 0; } .template-pages-layout-landingLayout5Page .horizontal-list li img, .template-pages-layout-contentLayout1Page .horizontal-list li img { display: block; height: 142px; margin-bottom: 30px; } .template-pages-layout-landingLayout5Page .horizontal-list li a, .template-pages-layout-contentLayout1Page .horizontal-list li a { margin-top: 30px; } .template-pages-layout-landingLayout5Page .horizontal-list li a.secondary-button, .template-pages-layout-contentLayout1Page .horizontal-list li a.secondary-button { display: block; margin-top: 10px; } .template-pages-layout-landingLayout5Page .main-content { padding-top: 30px; } .template-pages-layout-landingLayout5Page h3 { margin-bottom: 28px; } .template-pages-layout-landingLayout5Page.pageLabel--helpCentre .main-content { padding-top: 15px; } @media only screen and (max-width: 47.9375em) { .template-pages-layout-landingLayout5Page .account-navigation-section, .template-pages-layout-contentLayout1Page .account-navigation-section { display: none; } .customer-support div.customer-support-information div.customer-support-links ul li { padding: 15px 0 0; } } @media only screen and (min-width: 48em) { .template-pages-layout-landingLayout1Page #content, .template-pages-layout-landingLayout3Page #content, .template-pages-layout-landingLayout4Page #content { padding-top: 30px; } .template-pages-layout-landingLayout5Page .content h3, .template-pages-layout-contentLayout1Page .content h3 { margin-bottom: 30px; } .template-pages-layout-landingLayout5Page .content-template-navigation, .template-pages-layout-contentLayout1Page .content-template-navigation { display: none; } .template-pages-layout-landingLayout5Page .section li, .template-pages-layout-contentLayout1Page .section li { padding-bottom: 5px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece { width: 47%; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links ul, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links ul { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; padding-bottom: 0px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li { display: inline-block; padding: 3px 0 3px 7.5px; position: relative; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li:after, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li:after { background: #d9d9d9; content: ''; display: inline-block; height: 12px; margin-left: 7.5px; margin-top: 5px; position: relative; width: 1px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li:first-child, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li:first-child { padding-left: 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText { height: 16px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText a, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText a, .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText .chat-link, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText .chat-link { position: absolute; left: 8px; top: 0; background: #fff; display: inline-block; font-family: clanotnews; font-size: 12px; font-size: 0.75rem; white-space: nowrap; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText a div, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText a div, .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText .chat-link div, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText .chat-link div { white-space: nowrap; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText .disabled, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText .disabled { color: #d9d9d9; } .template-pages-layout-landingLayout5Page .accordion-trigger, .template-pages-layout-contentLayout1Page .accordion-trigger { margin-top: 0; } .template-pages-layout-landingLayout5Page .connect-social-icons a, .template-pages-layout-contentLayout1Page .connect-social-icons a { display: inline-block; padding-top: 0; } .template-pages-layout-landingLayout5Page .horizontal-list li, .template-pages-layout-contentLayout1Page .horizontal-list li { display: inline-block; margin-left: 3.55%; vertical-align: top; width: 30.94%; } .template-pages-layout-landingLayout5Page .horizontal-list li:first-child, .template-pages-layout-contentLayout1Page .horizontal-list li:first-child { margin-left: 0; } .template-pages-layout-landingLayout5Page .horizontal-list li a.secondary-button, .template-pages-layout-contentLayout1Page .horizontal-list li a.secondary-button { display: inline-block; margin-top: 30px; } .template-pages-layout-landingLayout5Page .main-content, .template-pages-layout-contentLayout1Page .main-content { padding-top: 20px; } .template-pages-layout-landingLayout5Page.pageLabel--helpCentre .main-content, .template-pages-layout-contentLayout1Page.pageLabel--helpCentre .main-content { padding-top: 20px; } } @media only screen and (min-width: 48em) and (max-width: 55.9375em) { .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-information-piece .customer-support-information-value, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-information-piece .customer-support-information-value { display: block; white-space: nowrap; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links ul, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links ul { padding: 5px 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li { display: block; padding: 5px 0; margin: 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText { height: 35px; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li.bcText a, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li.bcText a { top: 5px; left: 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li:first-child, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li:first-child { padding-left: 0; } .template-pages-layout-landingLayout5Page .customer-support-information .customer-support-links li:after, .template-pages-layout-contentLayout1Page .customer-support-information .customer-support-links li:after { display: none; } } .attemp-error { visibility: hidden; color: #c00; padding-bottom: 10px; } .attemp-error.has-error { visibility: visible; } @media only screen and (min-width: 3em) { .page-bestpriceguarantee.template-pages-layout-landingLayout5Page .section, .page-bestpriceguarantee.template-pages-layout-contentLayout1Page .section { padding-bottom: 0px; } } .error-page-content { background: #4f4f4f; border-top: 1px solid #d9d9d9; color: #fff; margin-bottom: -60px; padding: 160px 25px; text-align: center; } .error-page-content h1, .error-page-content h2 { background: none; color: #fff; font-family: clanotthin; font-size: 22px; font-size: 1.375rem; line-height: 1.5rem; margin: 0 0 12px; padding: 0; text-transform: uppercase; vertical-align: top; } .error-page-content h1:after, .error-page-content h2:after { display: none; } .error-page-content p { color: #fff; font-family: clanotthin; font-size: 14px; font-size: 0.875rem; line-height: 1.313rem; margin: 0 0 30px; vertical-align: top; } .error-page-content .logo-link { display: block; margin: -30px auto 0 auto; width: 135px; height: 70px; } .error-page-content ol, .error-page-content ul { display: inline-block; text-align: left; padding-bottom: 20px; } .error-page-content ol li, .error-page-content ul li { list-style-type: disc; font-family: clanotthin; font-size: 12px; font-size: 0.75rem; padding-bottom: 5px; } .error-page-content ol li, .error-page-content ul li span { font-family: clanotthin; font-size: 14px; font-size: 0.875rem; } .error-page-content ol li, .error-page-content ul li a { color: #fff; font-family: clanotthin; } .error-page-content u { text-decoration: none; border-bottom: 1px solid #b3b1b1; } .error-page-content img { display: block; margin: 0 auto; max-height: 100%; } @media only screen and (max-width: 37.4375em) { .error-page-content h3 { font-size: 18px; font-size: 1.125rem; } } .sitemap .sitemap-header .header-wrap, .sitemap-navigation-list .sitemap-header .header-wrap { margin-bottom: 29px; } .sitemap .sitemap-header .header-wrap .section-header, .sitemap-navigation-list .sitemap-header .header-wrap .section-header { font-size: 22px; font-size: 1.375rem; line-height: 1.25em; margin: 25px 0 0; } .sitemap .accordion-content, .sitemap-navigation-list .accordion-content { background-color: transparent; } .sitemap .accordion-content.active, .sitemap-navigation-list .accordion-content.active { padding: 0; } .sitemap .accordion-content .sub-category-list, .sitemap-navigation-list .accordion-content .sub-category-list { font-size: 14px; font-size: 0.875rem; line-height: 20px; font-family: clanotnews; } .sitemap .accordion-content .sub-category-list li, .sitemap-navigation-list .accordion-content .sub-category-list li { display: block; font-size: 14px; font-size: 0.875rem; line-height: 100%; padding: 10px 0; border-bottom: 1px solid #d9d9d9; vertical-align: top; } .sitemap .accordion-content .sub-category-list li:last-child, .sitemap-navigation-list .accordion-content .sub-category-list li:last-child { border-bottom: none; } .sitemap .accordion-content .sub-category-list li a, .sitemap-navigation-list .accordion-content .sub-category-list li a { color: #383838; font-family: clanotbook; margin: 0 15px; } .sitemap .accordion-content .sub-category-list li a:hover, .sitemap-navigation-list .accordion-content .sub-category-list li a:hover { color: #9e0000; } .sitemap .user-action-list li, .sitemap-navigation-list .user-action-list li { padding-bottom: 10px; } .sitemap .accountnavigationcollectioncomponent, .sitemap-navigation-list .accountnavigationcollectioncomponent { padding: 15px 15px 0; } .sitemap .accountnavigationcollectioncomponent .content-template-navigation, .sitemap-navigation-list .accountnavigationcollectioncomponent .content-template-navigation { margin-bottom: 15px; } @media only screen and (max-width: 47.9375em) { .sitemap.container { padding: 0; } .sitemap.container .privacy { padding: 0 15px; } .sitemap .header-wrap { padding-left: 15px; padding-right: 15px; } .sitemap .accordion-trigger { cursor: pointer; } } @media only screen and (min-width: 48em) { .sitemap-navigation-list .category-group { width: 33%; position: relative; display: inline-block; } .sitemap-navigation-list .category-group .accordion-content { background-color: transparent; } .sitemap-navigation-list .category-group .accordion-content .sub-category-list li { border: none; } .sitemap-navigation-list .sitemap-header .header-wrap .section-header { margin: 0; font-size: 18px; font-size: 1.125rem; } .sitemap-navigation-list .sitemap-navigation-section { vertical-align: top; margin-bottom: 30px; padding-bottom: 30px; padding-left: 2%; } .sitemap-navigation-list .sitemap-navigation-section:after { content: " "; display: block; position: absolute; bottom: 0; background-color: #d9d9d9; height: 1px; width: 80%; } .sitemap-navigation-list .sitemap-navigation-section:before { content: " "; display: block; background-color: #d9d9d9; width: 1px; height: 95%; position: absolute; left: 0; } .sitemap-navigation-list .sitemap-navigation-section:nth-child(3n-1):before { display: none; } .sitemap-navigation-list .sitemap-navigation-section:nth-last-child(-n+3) { padding-bottom: 20px; } .sitemap-navigation-list .sitemap-navigation-section:nth-last-child(-n+3):after { display: none; } .sitemap-navigation-list .sitemap-navigation-section .accordion-trigger { font-size: 14px; font-size: 0.875rem; text-transform: inherit; display: inline-block; } .sitemap-navigation-list .sitemap-navigation-section .accordion-trigger:after { position: static; content: " "; display: inline-block; float: right; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #c00; margin-left: 6px; } } @media only screen and (min-width: 48em) and (max-width: 55.9375em) { .sitemap-navigation-list .category-group { width: 49%; } .sitemap-navigation-list .sitemap-navigation-section:nth-child(3n-1):before { display: block; } .sitemap-navigation-list .sitemap-navigation-section:nth-child(even):before { display: none; } .sitemap-navigation-list .sitemap-navigation-section:nth-last-child(-n+3) { padding-bottom: 30px; } .sitemap-navigation-list .sitemap-navigation-section:nth-last-child(-n+3):after { display: block; } .sitemap-navigation-list .sitemap-navigation-section:nth-last-child(-n+2) { padding-bottom: 20px; } .sitemap-navigation-list .sitemap-navigation-section:nth-last-child(-n+2):after { display: none; } } .kiosk { width: 300px; position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -150px; padding: 20px; -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); box-shadow: 0 0 4px 1px rgba(0,0,0,0.18); } .kiosk .kiosk-title { text-align: center; color: #4f4f4f; } .kiosk .kiosk-errors-container { margin-bottom: 10px; } .kiosk form .store-id-invalid { color: #c00; padding-bottom: 10px; } .kiosk form .checkbox-wrap input[type="checkbox"]:focus ~ .checkbox-focus { border: none; } .kiosk form .link-button { color: #c00; font-family: clanotnews; padding: 0; border: none; background: none; -webkit-appearance: none; } .kiosk form .link-button:hover { color: #9e0000; } .kiosk form .label { display: inline-block; } .kiosk-form-container .errors-container { text-align: right; margin-bottom: 10px; } .kiosk-form-container .parsley-error .control-label { color: #c00; } .kiosk-form-container p { margin: 0; } .kiosk-form-container .controls span { line-height: 40px; } .kiosk-form-container .controls input { padding: 0 10px; } .kiosk-form-container .controls * { *zoom: 1; float: left; clear: none; text-align: inherit; padding-left: 0; padding-right: 0; width: 48.5%; margin-left: 0%; margin-right: 3%; } .kiosk-form-container .controls *:before, .kiosk-form-container .controls *:after { content: ''; display: table; } .kiosk-form-container .controls *:after { clear: both; } .kiosk-form-container .controls *:last-child { margin-right: 0%; } .store-id-invalid { color: #c00; padding-bottom: 10px; } .contactUs .field-title { margin: 5px 0; font-size: 0.85em; color: #4f4f4f; } .contactUs .recaptcha-container { overflow: hidden; } .contactUs .recaptcha-container .left:last-of-type { overflow: hidden; margin-top: 5px; } .contactUs .recaptcha-container .left:last-of-type div, .contactUs .recaptcha-container .left:last-of-type a { margin-left: 10px; float: right; } .contactUs #recaptcha_image { width: 100% !important; } .contactUs #recaptcha_image img { width: 100% !important; } .contactUs form { padding-left: 25px; } .contactUs form .parsley-errors-list li { padding-left: 0; } .contactUs .description h3 { font-family: clanotmedium; text-transform: uppercase; margin-bottom: 5px; } .contactUs .description p { font-family: clanotnews; margin-bottom: 0; font-size: 12px; font-size: 0.75rem; } .contactUs textarea { resize: none; overflow: auto; height: 150px; } .contactUs .contact-us-option { margin-left: -25px; margin-top: 28px; } .contactUs .contact-us-option h3 { margin-bottom: 0; } .contactUs .contact-us-option .radio-button-label { font-family: clanotmedium; text-transform: uppercase; } .contactUs input.date { width: 50%; display: block; float: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .contactUs .date-button, .contactUs .date-button[disabled] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d9d9d9; clear: right; display: block; height: 40px; left: -1px; padding: 0; position: relative; vertical-align: middle; width: 40px; } .contactUs .date-button:before, .contactUs .date-button[disabled]:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU0LjIgNDcuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTQuMiA0Ny42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQ0IwMTAwO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQo8L2c+DQo8ZyBpZD0iQ2FsZW5kYXIiPg0KPC9nPg0KPGcgaWQ9IkNhbGVuZGFyXzFfIj4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjYsMTkuMWMwLjcsMCwxLjMtMC42LDEuMy0xLjN2LTEuM2MwLTAuNy0wLjYtMS4zLTEuMy0xLjNzLTEuMywwLjYtMS4zLDEuM3YxLjMNCgkJCUMzMC4zLDE4LjUsMzAuOSwxOS4xLDMxLjYsMTkuMXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjEsMTcuNGgtMi41djAuNmMwLDEuMS0wLjksMS45LTEuOSwxLjljLTEuMSwwLTEuOS0wLjktMS45LTEuOXYtMC42aC01LjF2MC42YzAsMS4xLTAuOSwxLjktMS45LDEuOQ0KCQkJYy0xLjEsMC0xLjktMC45LTEuOS0xLjl2LTAuNmwtMi42LDB2MTYuMWgxLjNoMTUuNGwxLjMsMEwzNi4xLDE3LjR6IE0zNC44LDMyLjJIMTkuNFYyMS45aDE1LjRMMzQuOCwzMi4yTDM0LjgsMzIuMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyLjYsMTkuMWMwLjcsMCwxLjMtMC42LDEuMy0xLjN2LTEuM2MwLTAuNy0wLjYtMS4zLTEuMy0xLjNjLTAuNywwLTEuMywwLjYtMS4zLDEuM3YxLjMNCgkJCUMyMS4zLDE4LjUsMjEuOSwxOS4xLDIyLjYsMTkuMXoiLz4NCgkJPHJlY3QgeD0iMjQuNSIgeT0iMjMuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjI3LjgiIHk9IjIzLjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCQk8cmVjdCB4PSIzMC44IiB5PSIyMy4zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxLjgiLz4NCgkJPHJlY3QgeD0iMjQuNSIgeT0iMjYuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjI3LjgiIHk9IjI2LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCQk8cmVjdCB4PSIzMC44IiB5PSIyNi4zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxLjgiLz4NCgkJPHJlY3QgeD0iMjQuNSIgeT0iMjkuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjIxLjMiIHk9IjI2LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCQk8cmVjdCB4PSIyMS4zIiB5PSIyOS4zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxLjgiLz4NCgkJPHJlY3QgeD0iMjcuOCIgeT0iMjkuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjMwLjgiIHk9IjI5LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJZb3V0dWJlX1BsYXlfQnV0dG9uIj4NCjwvZz4NCjwvc3ZnPg0K); } .contactUs .address-fields { padding-top: 25px; } .contactUs .address-fields .contact-criteria { overflow: hidden; } .contactUs .address-fields .radio-option { width: 30%; display: inline-block; float: none; } .contactUs .address-fields .captcha-text { padding-right: 40px; background-image: url(/_ui/desktop/common/js/build/tooltip.png); background-position: center right; background-repeat: no-repeat; -webkit-background-size: 30px 25px; -moz-background-size: 30px 25px; background-size: 30px 25px; } .contactUs .controls.double { overflow: hidden; } .contactUs .controls.double input:first-of-type { width: 25%; float: left; } .contactUs .controls.double input:last-of-type { width: 70%; float: right; } .contactUs .button-panel { text-align: right; } .contactUs .button-panel a { margin-right: 15px; } .date-wrapper { position: relative; } .contactUs-message .tracking { font-family: clanotmedium; } .contactUs-message .error .message { color: #c00; } .date::-webkit-inner-spin-button, .date::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media only screen and (max-width: 47.9375em) { .content-template-navigation { padding-top: 15px; } .contactUs { margin-top: -15px; } .contactUs .button-panel a { margin-right: 0; } .contactUs .contact-us-option { margin-top: 0; margin-left: 0; } .contactUs form { padding-left: 0; } .contactUs .control-group .controls.date-picker { position: relative; } .contactUs .control-group .controls.date-picker input.date { background: transparent; float: none; line-height: 40px; width: 100%; display: block; padding-right: 40px; } .contactUs .control-group .controls.date-picker:after { background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU0LjIgNDcuNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTQuMiA0Ny42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQ0IwMTAwO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQo8L2c+DQo8ZyBpZD0iQ2FsZW5kYXIiPg0KPC9nPg0KPGcgaWQ9IkNhbGVuZGFyXzFfIj4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjYsMTkuMWMwLjcsMCwxLjMtMC42LDEuMy0xLjN2LTEuM2MwLTAuNy0wLjYtMS4zLTEuMy0xLjNzLTEuMywwLjYtMS4zLDEuM3YxLjMNCgkJCUMzMC4zLDE4LjUsMzAuOSwxOS4xLDMxLjYsMTkuMXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM2LjEsMTcuNGgtMi41djAuNmMwLDEuMS0wLjksMS45LTEuOSwxLjljLTEuMSwwLTEuOS0wLjktMS45LTEuOXYtMC42aC01LjF2MC42YzAsMS4xLTAuOSwxLjktMS45LDEuOQ0KCQkJYy0xLjEsMC0xLjktMC45LTEuOS0xLjl2LTAuNmwtMi42LDB2MTYuMWgxLjNoMTUuNGwxLjMsMEwzNi4xLDE3LjR6IE0zNC44LDMyLjJIMTkuNFYyMS45aDE1LjRMMzQuOCwzMi4yTDM0LjgsMzIuMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyLjYsMTkuMWMwLjcsMCwxLjMtMC42LDEuMy0xLjN2LTEuM2MwLTAuNy0wLjYtMS4zLTEuMy0xLjNjLTAuNywwLTEuMywwLjYtMS4zLDEuM3YxLjMNCgkJCUMyMS4zLDE4LjUsMjEuOSwxOS4xLDIyLjYsMTkuMXoiLz4NCgkJPHJlY3QgeD0iMjQuNSIgeT0iMjMuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjI3LjgiIHk9IjIzLjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCQk8cmVjdCB4PSIzMC44IiB5PSIyMy4zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxLjgiLz4NCgkJPHJlY3QgeD0iMjQuNSIgeT0iMjYuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjI3LjgiIHk9IjI2LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCQk8cmVjdCB4PSIzMC44IiB5PSIyNi4zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxLjgiLz4NCgkJPHJlY3QgeD0iMjQuNSIgeT0iMjkuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjIxLjMiIHk9IjI2LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCQk8cmVjdCB4PSIyMS4zIiB5PSIyOS4zIiBjbGFzcz0ic3QwIiB3aWR0aD0iMiIgaGVpZ2h0PSIxLjgiLz4NCgkJPHJlY3QgeD0iMjcuOCIgeT0iMjkuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iMS44Ii8+DQoJCTxyZWN0IHg9IjMwLjgiIHk9IjI5LjMiIGNsYXNzPSJzdDAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEuOCIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJZb3V0dWJlX1BsYXlfQnV0dG9uIj4NCjwvZz4NCjwvc3ZnPg0K) center center no-repeat; border-left: 1px solid #d9d9d9; content: ""; display: block; height: 40px; position: absolute; right: 0; top: 0; width: 40px; z-index: -1; } .contactUs .control-group .controls .date-button { display: none; } .contactUs .control-group .controls.double input { margin: 0 0 20px 0; float: none; width: 100%; } .contactUs .control-group .controls.double input:last-of-type { margin-bottom: 0; } .contactUs .radio-option { float: none !important; width: 100% !important; } .contactUs .button-panel { text-align: center; } .contactUs .button-panel button { width: 100%; float: none; margin: 20px 0; } .contactUs .button-panel a { float: none; } } .signup { padding-top: 30px; } .signup .page-description h3 { text-transform: uppercase; font-family: clanotnews; } .signup label { font-size: 1rem; margin-bottom: 10px; } .signup .signup-info { width: 49%; float: left; padding-right: 20px; } .signup .signup-info dt { font-size: 16px; font-size: 1rem; margin-bottom: 10px; } .signup .signup-info dd { font-size: 14px; font-size: 0.875rem; } .signup .signup-form { position: relative; } .signup .signup-form .signup-form_top { width: 100%; *zoom: 1; } .signup .signup-form .signup-form_top:before, .signup .signup-form .signup-form_top:after { content: ''; display: table; } .signup .signup-form .signup-form_top:after { clear: both; } .signup .signup-form .signup-personal-data { width: 44%; float: left; padding-right: 30px; } .signup .signup-form .signup-personal-data .postal-code-input { width: 50%; } .signup .signup-form .signup-personal-data .language-selector { *zoom: 1; } .signup .signup-form .signup-personal-data .language-selector:before, .signup .signup-form .signup-personal-data .language-selector:after { content: ''; display: table; } .signup .signup-form .signup-personal-data .language-selector:after { clear: both; } .signup .signup-form .signup-personal-data .language-selector .radio-button-label { margin-bottom: 0; } .signup .signup-form .signup-personal-data .language-selector label { width: 40%; float: left; } .signup .signup-form .signup-checkboxes { width: 100%; display: block; *zoom: 1; } .signup .signup-form .signup-checkboxes:before, .signup .signup-form .signup-checkboxes:after { content: ''; display: table; } .signup .signup-form .signup-checkboxes:after { clear: both; } .signup .signup-form .signup-checkboxes .marketing-emails-desc-group .marketing-agreement { margin-bottom: 10px; } .signup .signup-form .signup-checkboxes .marketing-emails-desc-group .marketing-emails-desc { color: #a9a9a9; margin-left: 30px; } .signup .signup-form .signup-checkboxes .marketing-emails-desc-group .marketing-emails-desc p { font-size: 15px; font-size: 0.9375rem; } .signup .signup-form .signup-checkboxes .marketing-emails-desc-group .checkbox-wrap { float: left; } .signup .signup-form .signup-checkboxes .promo-area { -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); background: #f1f2f2; min-height: 160px; margin-bottom: 20px; } .signup .signup-form .signup-contest { padding: 55px 20px; -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); width: 56%; float: left; background: #f1f2f2; } .signup .signup-form .signup-contest h2 { margin-top: 0; font-size: 22px; font-size: 1.375rem; text-transform: uppercase; color: #c00; font-family: clanotnews; } .signup .signup-form .signup-contest p, .signup .signup-form .signup-contest a { font-size: 14px; font-size: 0.875rem; } @media only screen and (max-width: 47.9375em) { .signup .page-description h3 { text-transform: none; } .signup .signup-form { position: relative; } .signup .signup-form .signup-contest { width: 100%; padding: 25px; -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); box-shadow: inset 0 0 2px 1px rgba(0,0,0,0.25); background: #f1f2f2; min-height: 0; margin-bottom: 20px; } .signup .signup-form .signup-contest h2 { font-size: 24px; font-size: 1.5rem; text-transform: uppercase; color: #c00; } .signup .signup-form .signup-contest p, .signup .signup-form .signup-contest a { font-size: 16px; font-size: 1rem; } .signup .signup-form .signup-personal-data { width: 100%; padding-right: 0; } .signup .signup-form .signup-button { width: 100%; text-align: center; } .signup .marketing-emails-desc p { font-size: 15px; font-size: 0.9375rem; } .signup .signup-info { width: auto; float: none; padding-right: 0; } } .reset-password-page .desktop-container, .reset-password-page .forgottenPwd.custom-modal { padding: 20px 15px; margin: 0 auto; position: relative; max-width: 1024px; } .reset-password-page .headline.modal-header { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #383838; display: block; font-family: clanotbook; font-size: 12px; margin-bottom: 24px; padding-bottom: 5px; position: relative; text-align: left; } .reset-password-page .headline.modal-header h3.modal-header-text { background-attachment: scroll; -webkit-background-clip: border; -moz-background-clip: border; background-clip: border-box; background-color: rgba(0,0,0,0); background-image: none; -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #383838; display: inline-block; font-family: clanotbook; font-size: 1.125rem; font-weight: normal; line-height: 100%; margin: 0; padding: 0 0 6px 0; position: relative; text-align: left; text-transform: uppercase; vertical-align: middle; width: 100%; } .reset-password-page .headline.modal-header h3.modal-header-text:after { content: ''; position: absolute; left: -15px; right: -15px; top: 35px; height: 1px; background-color: #d9d9d9; } .reset-password-page .page-description { font-size: 0.875rem; line-height: 1.125rem; } .reset-password-page input { width: 100%; max-width: 410px; } .reset-password-page #updatePwd-pwd_text span { color: #9e0000 !important; } @media only screen and (min-width: 48em) { .reset-password-page.desktop-container { max-width: 1024px; padding: 50px 100px; } .reset-password-page.desktop-container .headline.modal-header { border-bottom-color: #3d98b0; } .reset-password-page.desktop-container .headline.modal-header h3.modal-header-text:after, .reset-password-page.desktop-container .headline.modal-header h3.modal-header-text:before { content: ''; position: absolute; display: block; border-style: solid; border-width: 0 9px 10px 9px; left: 25px; width: 0; height: 0; top: inherit; background-color: transparent; } .reset-password-page.desktop-container .headline.modal-header h3.modal-header-text:before { bottom: -6px; border-color: transparent transparent #fff transparent; z-index: 10; } .reset-password-page.desktop-container .headline.modal-header h3.modal-header-text:after { border-color: transparent transparent #3d98b0 transparent; bottom: -5px; z-index: 5; right: inherit; } .reset-password-page.desktop-container .account-container { padding-left: 0px; } .reset-password-page.desktop-container .account-container .account-content-wrapper .section-header { width: 100%; } } #homepage_slider .svw { width: 50px; height: 20px; background-color: #fff; } .svw ul { position: relative; left: -999em; display: inline; } #homepage_slider.stripViewer { position: relative; overflow: hidden; margin: 0 auto; } #homepage_slider.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } #homepage_slider.stripViewer ul li { float: left; } #homepage_slider .tooltip { padding: 0.5em; background-color: #fff; color: #000; border: 5px solid #dedede; } .stripTransmitter { overflow: auto; padding: 0 15px; width: 438px !important; height: 51px; border-bottom: 1px dotted #a5a5a5; background-color: transparent; margin-top: -47px; margin-left: auto; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } .stripTransmitter ul li { width: 30px; float: left; } .stripTransmitter a { line-height: 47px; display: block; padding: 0 0 0 0; text-align: center; text-decoration: none; font-size: 1.4em; } .stripTransmitter a:hover, a.current { font-weight: bold; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p section, .b2b-application section { margin-bottom: 48px; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p section:last-of-type, .b2b-application section:last-of-type { margin-bottom: 0; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .description, .b2b-application .description { width: 100%; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .description h3, .b2b-application .description h3 { font-weight: bold; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .parsley-errors-list li, .b2b-application .parsley-errors-list li { padding-left: 0; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .termscheckbox .control-group, .b2b-application .termscheckbox .control-group { margin-bottom: 0; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .termscheckbox .marketing-checkbox, .b2b-application .termscheckbox .marketing-checkbox { margin-top: 32px; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .termscheckbox .marketing-checkbox p, .b2b-application .termscheckbox .marketing-checkbox p { font-size: 0.6rem; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .user-action-form, .b2b-application .user-action-form { max-width: 100%; } @media only screen and (min-width: 48em) { #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .field-wrapper, .b2b-application .field-wrapper { max-width: 410px; } } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .contact-info .field-wrapper div label span span.label p, .b2b-application .contact-info .field-wrapper div label span span.label p { font-size: 0.6rem; } @media only screen and (min-width: 48em) { #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .contact-info .field-wrapper, .b2b-application .contact-info .field-wrapper { max-width: 100%; } } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper, .b2b-application .phone-with-ext-wrapper { width: 100%; margin-bottom: 20px; display: table; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper .control-group, .b2b-application .phone-with-ext-wrapper .control-group { display: table-cell; vertical-align: bottom; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper .control-group:first-of-type, .b2b-application .phone-with-ext-wrapper .control-group:first-of-type { width: 68%; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper .control-group:last-of-type, .b2b-application .phone-with-ext-wrapper .control-group:last-of-type { padding-left: 2%; width: 30%; } @media only screen and (min-width: 48em) { #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper, .b2b-application .phone-with-ext-wrapper { display: block; margin-bottom: 0; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper .control-group, .b2b-application .phone-with-ext-wrapper .control-group { display: inline-block; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper .control-group:first-of-type, .b2b-application .phone-with-ext-wrapper .control-group:first-of-type { width: 410px; } #b2b-application-form > section.contact-info > div.field-wrapper > div.control-group > div > label > span > span.label > p .phone-with-ext-wrapper .control-group:last-of-type, .b2b-application .phone-with-ext-wrapper .control-group:last-of-type { width: 180px; } } .b2b-application-popup { padding: 50px 40px 20px 40px; max-width: 440px; } .b2b-application-popup h1 { font-family: clanotmedium; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; border-bottom: 1px solid #d9d9d9; color: #383838; margin-bottom: 30px; padding-bottom: 5px; } .b2b-application-popup h2 { margin-bottom: 10px; font-weight: bold; font-size: 16px; font-size: 1rem; } .b2b-application-popup p { margin-bottom: 20px; font-size: 16px; font-size: 1rem; } .b2b-application-popup .button-wrapper { margin-top: 40px; text-align: right; } .email-subscription section, .retrieve-subscription-profile section { margin-bottom: 30px; } .email-subscription .email-subscription-form-section, .retrieve-subscription-profile .email-subscription-form-section { padding-right: 1%; } .email-subscription .user-action-form, .retrieve-subscription-profile .user-action-form { max-width: 100%; padding: 0; } .email-subscription .user-action-form .collapse-form-wrapper, .retrieve-subscription-profile .user-action-form .collapse-form-wrapper { max-width: 410px; padding-left: 3px; } @media screen and (max-width: 400px) { .email-subscription .user-action-form .collapse-form-wrapper .email-subscription-mandatory-text > div, .retrieve-subscription-profile .user-action-form .collapse-form-wrapper .email-subscription-mandatory-text > div, .email-subscription .user-action-form .collapse-form-wrapper .email-subscription-optional-preferences .email-subscription-mobile-row > div, .retrieve-subscription-profile .user-action-form .collapse-form-wrapper .email-subscription-optional-preferences .email-subscription-mobile-row > div { display: block; width: 100%; } } .email-subscription .elements-can-swap .showText, .retrieve-subscription-profile .elements-can-swap .showText { display: block; } .email-subscription .email-subscription-dynamic-image-component, .retrieve-subscription-profile .email-subscription-dynamic-image-component { position: absolute; right: 90px; max-width: 580px; margin-top: 63px; } @media screen and (max-width: 1220px) { .email-subscription .email-subscription-dynamic-image-component, .retrieve-subscription-profile .email-subscription-dynamic-image-component { max-width: 420px; } } @media screen and (max-width: 960px) { .email-subscription .email-subscription-dynamic-image-component, .retrieve-subscription-profile .email-subscription-dynamic-image-component { position: relative; right: 0; width: 100%; max-width: 100%; margin-top: 0; } } @media screen and (max-width: 960px) { .email-subscription .email-subscription-dynamic-image-component img, .retrieve-subscription-profile .email-subscription-dynamic-image-component img { display: block; margin: 0 auto; } } .email-subscription .email-subscription-first-name, .retrieve-subscription-profile .email-subscription-first-name { display: inline-block; } .email-subscription .email-subscription-last-name, .retrieve-subscription-profile .email-subscription-last-name { display: inline-block; float: right; } .email-subscription .edit-mode-hidden, .retrieve-subscription-profile .edit-mode-hidden { display: none; } .email-subscription .email-subscription-optional-preferences, .retrieve-subscription-profile .email-subscription-optional-preferences { display: none; } .email-subscription .email-subscription-optional-preferences .control-label, .retrieve-subscription-profile .email-subscription-optional-preferences .control-label { font-size: 0.7rem; font-style: italic; } .email-subscription .email-subscription-optional-preferences .email-subscription-mobile-row, .retrieve-subscription-profile .email-subscription-optional-preferences .email-subscription-mobile-row { display: inline-block; width: 49%; table-layout: fixed; border-spacing: 0; } @media (max-width: 400px) { .email-subscription .email-subscription-optional-preferences .email-subscription-mobile-row, .retrieve-subscription-profile .email-subscription-optional-preferences .email-subscription-mobile-row { display: block; width: 100%; } } .email-subscription .email-subscription-language-preference .language-preferences > label, .retrieve-subscription-profile .email-subscription-language-preference .language-preferences > label, .email-subscription .email-subscription-language-preference .language-preferences > .radio-option, .retrieve-subscription-profile .email-subscription-language-preference .language-preferences > .radio-option { display: inline-block; vertical-align: middle; margin: 0; } @media (max-width: 400px) { .email-subscription .email-subscription-language-preference .language-preferences > label, .retrieve-subscription-profile .email-subscription-language-preference .language-preferences > label, .email-subscription .email-subscription-language-preference .language-preferences > .radio-option, .retrieve-subscription-profile .email-subscription-language-preference .language-preferences > .radio-option { display: block; margin-bottom: 10px; margin-left: 0; } } .email-subscription .email-subscription-language-preference .language-preferences > .radio-option, .retrieve-subscription-profile .email-subscription-language-preference .language-preferences > .radio-option { margin-left: 15px; } .email-subscription .email-subscription-language-preference .language-preferences > .radio-option label, .retrieve-subscription-profile .email-subscription-language-preference .language-preferences > .radio-option label { margin: 0; } .email-subscription .email-subscription-interests-preference, .retrieve-subscription-profile .email-subscription-interests-preference { display: none; margin-bottom: 15px; } .email-subscription .email-subscription-interests-preference h3, .retrieve-subscription-profile .email-subscription-interests-preference h3 { font-weight: 600; margin-top: 20px; } .email-subscription .email-subscription-interests-preference h4, .retrieve-subscription-profile .email-subscription-interests-preference h4 { font-style: italic; } .email-subscription .email-subscription-interests-preference span, .retrieve-subscription-profile .email-subscription-interests-preference span { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .email-subscription .email-subscription-interests-preference span span, .retrieve-subscription-profile .email-subscription-interests-preference span span { width: 50%; } @media (max-width: 430px) { .email-subscription .email-subscription-interests-preference span span, .retrieve-subscription-profile .email-subscription-interests-preference span span { width: 100%; } } .email-subscription .email-subscription-interests-preference span label, .retrieve-subscription-profile .email-subscription-interests-preference span label { font-size: 0.8rem; margin-left: 5px; line-height: 22px; font-weight: 600; max-width: 170px; cursor: pointer; word-wrap: break-word; } .email-subscription .email-subscription-interests-preference span input[type="checkbox"], .retrieve-subscription-profile .email-subscription-interests-preference span input[type="checkbox"] { position: relative; width: 20px; height: 20px; } .email-subscription .email-subscription-interests-preference span input[type="checkbox"]:before, .retrieve-subscription-profile .email-subscription-interests-preference span input[type="checkbox"]:before { content: ''; position: absolute; display: block; width: 18px; height: 18px; border: 1px solid #4f4f4f; background-color: #fff; left: -1px; cursor: pointer; } .email-subscription .email-subscription-interests-preference span input[type="checkbox"]:checked:after, .retrieve-subscription-profile .email-subscription-interests-preference span input[type="checkbox"]:checked:after { content: ''; position: absolute; display: block; width: 12px; height: 12px; background-color: #c00; top: 4px; left: 3px; cursor: pointer; } .email-subscription .ui-icon, .retrieve-subscription-profile .ui-icon { zoom: 175%; -moz-transform: scale(1.75); -webkit-zoom: 1.75; -ms-zoom: 1.75; position: relative; } .email-subscription .ui-icon.ui-icon-triangle-1-n:after, .retrieve-subscription-profile .ui-icon.ui-icon-triangle-1-n:after { content: ''; position: absolute; display: block; width: 0; height: 0; top: 9px; left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #c00; } .ui-icon.ui-icon-triangle-1-s:after { content: ''; position: absolute; display: block; width: 0; height: 0; top: 9px; left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #c00; } .date-dropdowns .month { float: left; } .date-dropdowns .day { float: left; } .date-dropdowns select { padding: 10px; background: #fff; border: 1px solid #ccc; border-radius: 3px; margin: 0px 3px; } .email-subscription-mandatory-text input[type=text] { -webkit-box-shadow: 1px 1px 5px 2px #ccc; -webkit-box-shadow: 1px 1px 5px 2px #ccc; box-shadow: 1px 1px 5px 2px #ccc; } .checkbox-focus { font-size: 0.75rem; } .control-label { font-size: 0.75rem; } .email-subscription-mandatory-text label { font-weight: 100; font-size: 0.9rem; } .email-subscription-language-label { font-weight: 100; font-size: 0.9rem; } span.label-value { font-size: 0.8rem; } input::placeholder { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .no-existing-account-message, .subscription-not-allowed, .retrieve-existing-subscription { margin-top: 1%; margin-bottom: 5%; border: 1px solid #c00; padding: 2%; -webkit-box-shadow: 1px 1px 5px 1px #c00; -webkit-box-shadow: 1px 1px 5px 1px #c00; box-shadow: 1px 1px 5px 1px #c00; } .no-existing-account-message overflow-hidden, .subscription-not-allowed overflow-hidden, .retrieve-existing-subscription overflow-hidden, .no-existing-account-message img, .subscription-not-allowed img, .retrieve-existing-subscription img { max-height: 35px; display: inline-block; padding: 0; margin: 0; } .no-existing-account-message p, .subscription-not-allowed p, .retrieve-existing-subscription p { font-size: 15px; font-family: clanotmedium; font-weight: bold; text-align: center; display: inline-block; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px 0px; } .no-existing-account-message .no-existing-subscriber-icon, .subscription-not-allowed .no-existing-subscriber-icon, .retrieve-existing-subscription .no-existing-subscriber-icon, .no-existing-account-message .subscription-not-allowed-icon, .subscription-not-allowed .subscription-not-allowed-icon, .retrieve-existing-subscription .subscription-not-allowed-icon, .no-existing-account-message .retrieve-existing-subscription-icon, .subscription-not-allowed .retrieve-existing-subscription-icon, .retrieve-existing-subscription .retrieve-existing-subscription-icon { vertical-align: middle; } @media only screen and (max-width: 47.9375em) { .no-existing-subscriber-icon, .subscription-not-allowed-icon, .retrieve-existing-subscription-icon { float: left; vertical-align: middle; } .no-existing-account-message p, .subscription-not-allowed p, .retrieve-existing-subscription p { width: 75%; } } .retrieve-subscription-profile .description { margin-top: 10px; } .retrieve-subscription-profile .description h3 { font-weight: bold; margin-bottom: 15px; } .retrieve-subscription-profile .description p { margin-bottom: 5px; } .retrieve-subscription-profile .form-actions { margin-top: 15px; } .email-subscription-mandatory-text .email-subscription-first-name, .email-subscription-mandatory-text .email-subscription-last-name { width: 100%; } .email-subscription-mobile-row { font-size: 0; } .email-subscription-mobile-row .email-subscription-mobile-column.email-subscription-phone-number { width: 100%; display: inline-block; } .email-subscription-mobile-row .email-subscription-mobile-column.email-subscription-phone-number input { -webkit-box-shadow: 1px 1px 5px 2px #ccc; box-shadow: 1px 1px 5px 2px #ccc; } .email-subscription-mobile-row + .email-subscription-mobile-carrier { float: right; width: 49%; } @media (max-width: 400px) { .email-subscription-mobile-row + .email-subscription-mobile-carrier { float: none; display: block; width: 100%; } } .email-subscription-mobile-expiry select, .email-subscription-birth-date select { border-radius: 0; -webkit-box-shadow: 1px 1px 5px 2px #ccc; box-shadow: 1px 1px 5px 2px #ccc; } .product-locator-container button { font-weight: 600; } .product-locator-container section.product-locator-search-section p.product-locator-header { max-width: 230px; font-weight: 600; text-transform: uppercase; font-family: clanotnews; font-size: 1.25rem; padding-bottom: 5px; border-bottom: 1px solid #ececec; } .product-locator-container section.product-locator-search-section .search-wrapper { margin-top: 25px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset input::-webkit-input-placeholder { color: #a9a9a9 !important; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset input::-moz-placeholder { color: #a9a9a9 !important; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset input:-ms-input-placeholder { color: #a9a9a9 !important; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper .control-group { margin: 0 0 15px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-separator { width: 100%; height: 10px; position: relative; top: -6px; border-bottom: 1px solid #ececec; text-align: center; font-size: 0.9rem; font-weight: 600; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .product-input-wrapper { border-bottom: 1px solid #ececec; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper { padding-bottom: 10px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .errors-container ul li { font-size: 0.75rem; font-family: clanotnews; line-height: 1rem; color: #c00000; padding-bottom: 7px; } .product-locator-container section.product-locator-results-section { display: none; margin-top: 25px; } .product-locator-container section.product-locator-results-section .paginationBar { display: block; max-height: 33px; } .product-locator-container section.product-locator-results-section .paginationBar .pagination-input { padding-left: 5px; padding-right: 5px; } .product-locator-container section.product-locator-results-section .paginationBar .pagination-input span:first-child, .product-locator-container section.product-locator-results-section .paginationBar .pagination-input color #383838, .product-locator-container section.product-locator-results-section .paginationBar .pagination-input form { margin-block-end: 0; } .product-locator-container section.product-locator-results-section .paginationBar .pagination-input span:first-child input[type="text"], .product-locator-container section.product-locator-results-section .paginationBar .pagination-input color #383838 input[type="text"], .product-locator-container section.product-locator-results-section .paginationBar .pagination-input form input[type="text"] { width: 24px; height: 15px; } .product-locator-container section.product-locator-results-section .paginationBar li.prev, .product-locator-container section.product-locator-results-section .paginationBar li.next { top: -3px; } .product-locator-container section.product-locator-results-section .paginationBar a { cursor: pointer; } .product-locator-container section.product-locator-results-section .close-product-locator-breakdown-button { background-color: transparent; width: 25px; height: 25px; padding: 0; border: none; float: right; position: relative; cursor: pointer; top: 60px; } .product-locator-container section.product-locator-results-section .table-container { overflow-x: hidden; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table { border-collapse: collapse; text-align: center; width: 100%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table thead tr.fixed { position: fixed; top: 0; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table th { height: 33px; background: #505050; color: #fff; font-family: clanotnews; font-weight: 600; font-size: 0.8rem; padding-left: 20px; padding-right: 20px; white-space: nowrap; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table th.description-header { text-align: left; padding-left: 20px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td { padding: 15px; border-top: 1px solid #d3d3d3; height: 100px; background: #fff; color: #383838; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.image { width: 10%; padding: 0; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.description { width: 38%; text-align: left; padding-left: 20px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.description a { color: #000; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.description a p.product-name { font-size: 0.9rem; font-weight: 600; margin-bottom: 2px; padding-right: 10px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.description a p.product-name span.product-locator-more-arrow:after { content: ''; display: inline-block; width: 0; height: 0; border: 5px solid #c00; border-right: none; border-color: transparent transparent transparent #c00; margin-top: 4px; margin-left: 5px; z-index: 10; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.description a .product-short-description { font-size: 0.75rem; overflow: hidden; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.price { width: 8%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.price .original-price { text-decoration-line: line-through; font-size: 0.65rem; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.availability { width: 20%; padding: 15px 0px 15px 0px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.availability .chub-esd-availability p { font-size: 0.95em; line-height: 1.2em; margin-bottom: 0px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.availability .chub-esd-availability p.chub-esd-general-note { font-family: clanotnews; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.availability .chub-esd-availability p.in-stock-note { font-family: clanotbold; color: #236836; font-weight: 600; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.availability .chub-esd-availability p.out-of-stock-note { font-family: clanotbold; color: #b20416; font-weight: 600; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.sku { width: 8%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.status, .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table td.chub { width: 8%; font-family: clanotbold; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-results-table button.product-locator-show { width: 90%; padding: 0; text-align: center; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table { float: right; width: 85%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody { max-height: 300px; overflow-y: overlay; overflow-x: hidden; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody :nth-child(odd) td { background-color: #eaeaea; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead, .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody { display: block; width: 100%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr, .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr { width: 100%; display: table; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :first-child:not(span), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :first-child:not(span) { width: 12%; max-width: 12%; text-align: left; padding-left: 30px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :nth-child(2), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :nth-child(2) { width: 20%; max-width: 20%; text-align: left; padding-left: 30px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :nth-child(3), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :nth-child(3) { width: 17%; max-width: 17%; text-align: left; padding-left: 30px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :nth-child(4), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :nth-child(4), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :nth-child(5), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :nth-child(5), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :nth-child(6), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :nth-child(6) { width: 11%; max-width: 12%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :nth-child(7), .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :nth-child(7) { max-width: 16%; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr :last-child, .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr :last-child { width: 2%; min-width: 2%; background: transparent; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr td, .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr td, .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table thead tr th, .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody tr th { display: table-cell; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody::-webkit-scrollbar { width: 8px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody::-webkit-scrollbar-thumb { border-radius: 9px; background-color: #4c4c4c; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table tbody::-webkit-scrollbar-track { border-radius: 9px; border: 1px solid #727272; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table th { height: 33px; background: #505050; color: #fff; font-family: clanotnews; font-weight: 600; font-size: 0.8rem; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table th.sort { cursor: pointer; text-align: center; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table th.no-sort { text-align: left; padding-left: 30px; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table td { font-family: clanotbold; text-align: center; height: 50px; vertical-align: middle; } .product-locator-container section.product-locator-results-section .table-container table.product-locator-breakdown-table td span.product-locator-store-trigger { cursor: pointer; } .product-locator-container .nowrap { white-space: nowrap; } .store-detail-container { overflow: hidden; } .store-detail-container #cboxClose { background: #fff; border: 3px solid #fff; border-radius: 15px; height: 31px; width: 31px; right: 6px; top: 6px; } .store-detail-container .product-locator-store-details { padding-left: 40px; width: 220px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .store-detail-container .product-locator-store-map { padding: 20px 20px 20px 12px; } .store-detail-container .product-locator-store-map #map_canvas { width: 450px; height: 450px; } @media only screen and (min-width: 48em) { .product-locator-container section.product-locator-search-section { padding-right: 38px; padding-left: 38px; } .product-locator-container section.product-locator-search-section .search-wrapper form { margin-left: 20px; margin-right: 92px; } .product-locator-container section.product-locator-search-section .search-wrapper form label { font-weight: 600; float: left; } .product-locator-container section.product-locator-search-section .search-wrapper form :input { float: right; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .product-input-wrapper { padding-bottom: 5px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper, .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper { width: 100%; display: table; position: relative; padding: 20px 0 22px 9px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper label, .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper label { width: 100px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper div.controls, .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper div.controls { margin-left: 100px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper div.control-group, .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper div.control-group { display: table-cell; width: 50%; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper div.control-group:first-child, .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper div.control-group:first-child { padding-right: 32px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .select-pair-wrapper div.control-group:nth-child(2), .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .input-pair-wrapper div.control-group:nth-child(2) { padding-left: 32px; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .buttons-wrapper { width: 53%; float: right; position: relative; top: auto; left: auto; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .buttons-wrapper .secondary-button { float: left; width: 48%; } .product-locator-container section.product-locator-search-section .search-wrapper form fieldset .buttons-wrapper .primary-button { float: right; width: 48%; } .product-locator-container .product-locator-results-section h3 { padding-left: 67px; } .product-locator-container .product-locator-results-section .status { text-transform: capitalize; } } .input-container--product-locator input[type="text"] { height: auto !important; } .input-container__title { color: #383838; } .recommendations-container .productListItem .sale-price.price { color: #383838; } .recommendations-container .productListItem.has-promotion .sale-price.price { color: #c00000; } .cart-recommendations-wrapper { border-top: 1px solid #f1f2f2; padding-top: 1em; margin-bottom: 2em; } @media only screen and (min-width: 48em) { .recommendations-container .productList.grid-view .productListItem { padding-left: 1.75%; padding-right: 1.75%; width: 24.5%; border-top: none; border-left: 1px solid #d9d9d9; } .recommendations-container .productList.grid-view .productListItem:before { background: #fff; } .recommendations-container .productList.grid-view .productListItem:first-child { border-left: none; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a { text-decoration: none; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a .productMainLink { font-size: 1rem; font-family: clanotnews; color: #383838; text-decoration: none; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a .product-image .thumb { width: 120px; height: 92px; text-align: center; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a .product-image .thumb img.primary-image { max-height: 100%; height: 100%; width: auto; vertical: align top; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content .rating-container .stars-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content .rating-container .stars-wrapper .number-of-reviews { margin-left: 3px; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price form.button-wrap .store-availability-link-holder { margin-bottom: 0; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price form.button-wrap .store-availability-link-holder a.primary-button { padding-left: 10px; padding-right: 10px; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price .availability { margin-top: 8px; font-family: clanotnews; font-size: 0.875rem; color: #4f4f4f; text-align: left; width: 100%; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price .availability ul li { margin-left: 0; list-style-type: none; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price .availability ul li .availability-text { font-size: 0.8125rem; color: #4f4f4f; font-family: clanotbook; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price .availability ul li .availability-text a { text-decoration: none; color: #4f4f4f; } .recommendations-container .productList.grid-view .productListItem .product-info .product-price .availability ul li .check-inventory { text-decoration: underline; } .recommendations-container .productList.grid-view .productListItem .product-info form.checkbox-wrap { display: none; } } @media only screen and (min-width: 48em) and (max-width: 64.9375em) { .category-recommendations-wrapper .product-recommendations .recommendations-container .productList.grid-view .productListItem { padding-left: 2.5%; padding-right: 2.5%; width: 45%; border-top: none; border-left: 1px solid #d9d9d9; padding-bottom: 15px; } .category-recommendations-wrapper .product-recommendations .recommendations-container .productList.grid-view .productListItem:before { background: #fff; } .category-recommendations-wrapper .product-recommendations .recommendations-container .productList.grid-view .productListItem:first-child { border-left: none; } .category-recommendations-wrapper .product-recommendations .recommendations-container .productList.grid-view .productListItem:nth-child(3) { border-left: none; border-top: 1px solid #d9d9d9; } .category-recommendations-wrapper .product-recommendations .recommendations-container .productList.grid-view .productListItem:nth-child(4) { border-top: 1px solid #d9d9d9; } } @media only screen and (max-width: 47.9375em) { .cart-recommendations-wrapper { margin-bottom: 0; border-top: none; } .cart-recommendations-wrapper .addToCartButton { width: auto; } .recommendations-container .productList.grid-view { display: block; } .recommendations-container .productList.grid-view .productListItem { display: inline-block; margin-left: 0; margin-right: 0; position: relative; width: 100%; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; } .recommendations-container .productList.grid-view .productListItem .product-info { margin-top: 20px; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content { margin-left: 140px; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a { text-decoration: none; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a .product-image { margin-left: -140px; width: 120px; float: left; margin-right: 20px; position: relative; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content a .productMainLink.mobile-only { height: auto; display: block; margin-bottom: 5px; position: relative; padding-right: 10px; color: #383838; font-size: 1rem; font-family: clanotbook; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content .details.desktop-only { display: none; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content .rating-container .stars-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .recommendations-container .productList.grid-view .productListItem .product-info .product-description .product-content .rating-container .stars-wrapper .number-of-reviews { margin-left: 3px; } .recommendations-container .productList.grid-view .productListItem form.checkbox-wrap { display: none; } .recommendations-container .productList.grid-view .productListItem .product-price { margin-left: 140px; margin-top: 5px; } .recommendations-container .productList.grid-view .productListItem .product-price .list-price-wrap .price { text-align: left; } .recommendations-container .productList.grid-view .productListItem .product-price form .button { display: block; float: left; max-width: 90%; width: auto; } .recommendations-container .productList.grid-view .productListItem .product-price .availability { margin-top: 8px; font-family: clanotbook; font-size: 0.8125rem; color: #383838; text-align: left; width: 100%; } .recommendations-container .productList.grid-view .productListItem .product-price .availability ul li .availability-text { display: inline-block; vertical-align: top; } .recommendations-container .productList.grid-view .productListItem .product-price .availability ul li .check-inventory { display: inline-block; max-width: none; vertical-align: top; } .recommendations-container .productList.grid-view .productListItem .product-price .availability ul li .check-inventory a { color: #383838; text-decoration: underline; } } .product-recommendations.is-closed { display: none; } .productList--slider { display: none; } .productList--slider.slick-initialized { display: block; } .productList--slider .slick-slider { overflow: hidden; } .productList--slider .slick-list { margin: 0 -9px; } .productList--slider .slick-track { display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; -webkit-box-align: stretch; -moz-box-align: stretch; -o-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch; margin: 0; } .productList--slider .slick-slide { height: inherit !important; } .productList--slider .slick-slide>div { height: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } .productList--slider .productSlideItem { display: -webkit-inline-box !important; display: -moz-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-box !important; display: inline-flex !important; border: none !important; padding: 0 9px !important; } .productList--slider .productSlideItem .product-info { margin-top: 0 !important; width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; background-color: #f1f2f2; padding: 15px; font-size: 12px; font-size: 0.75rem; } .productList--slider .productSlideItem .product-info .product-content a { text-decoration: none; } .productList--slider .productSlideItem .product-info .product-content a .head { font-weight: bold; height: auto; font-size: 0.8125rem !important; line-height: 1rem; min-height: 80px; color: #4f4f4f; margin-bottom: 10px; } @media only screen and (max-width: 47.9375em) { .productList--slider .productSlideItem .product-info .product-content { margin-left: 0 !important; } .productList--slider .productSlideItem .product-info .product-content a { display: block; } } .productList--slider .productSlideItem .product-info .product-content .rating-container { min-height: 20px; } .productList--slider .productSlideItem .product-info .product-content .rating-container .stars-wrapper { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; padding-bottom: 15px; } .productList--slider .productSlideItem .product-info .product-content .rating-container .stars-wrapper .number-of-reviews { padding-left: 5px; } .productList--slider .productSlideItem .product-info .product-image { width: 100%; background-color: #fff; text-align: center; text-align-last: center; margin-bottom: 15px; } @media only screen and (max-width: 47.9375em) { .productList--slider .productSlideItem .product-info .product-image { margin-left: 0 !important; margin-right: 0 !important; float: none !important; width: 100% !important; } } .productList--slider .productSlideItem .product-info .product-image .thumb { display: inline-block; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 10px; margin-bottom: 10px; } .productList--slider .productSlideItem .product-info .product-image .thumb img { display: inline-block; width: 100%; } .productList--slider .productSlideItem .product-info .availability { display: none; } .productList--slider .productSlideItem .product-info .addToCartButton { width: 100%; text-align: center; text-align-last: center; margin-top: 0 !important; } .productList--slider .productSlideItem .product-price form.button-wrap .store-availability-link-holder { margin-bottom: 0; } .productList--slider .productSlideItem .product-price form.button-wrap .store-availability-link-holder .button { margin-top: 10px; } .productList--slider .productSlideItem .product-price form.button-wrap .store-availability-link-holder a.button { margin-top: 10px; text-decoration: none; width: 100%; } .productList--slider .productSlideItem .product-price .list-price-wrap { min-height: 120px; } .productList--slider .productSlideItem .product-price .list-price-wrap .pdp-price-wrap { min-width: 100%; font-size: 0.8125rem !important; margin-bottom: 10px; text-align-last: left; } .productList--slider .productSlideItem .product-price .list-price-wrap .pdp-price-wrap .sale-price { display: block; font-size: 0.8125rem !important; text-align: left; } .productList--slider .productSlideItem .product-price .list-price-wrap .pdp-price-wrap .pdp-sale-text { margin-bottom: 10px; } .productList--slider .productSlideItem .product-price .list-price-wrap .pdp-price-wrap .pdp-original-price { display: block; margin-bottom: 0; } .productList--slider .productSlideItem .product-price .list-price-wrap .pdp-price-wrap .pdp-original-price del { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .productList--slider .productSlideItem .product-price .list-price-wrap .pdp-price-wrap .pdp-sale-duration { min-height: 0.9375rem; } @media only screen and (max-width: 47.9375em) { .productList--slider .productSlideItem .product-price { margin-left: 0 !important; margin-right: 0 !important; text-align-last: left; font-size: 0.8125rem !important; } } .productList--slider .checkbox-wrap { display: none; } /* jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: Alpha(0); /* support: IE8 */ } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { -webkit-box-shadow: inset 1px 1px 1px #ccc; box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: Alpha(25); /* support: IE8 */ opacity: 0.25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: 1px solid #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); filter: Alpha(70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); filter: Alpha(35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(35); /* support: IE8 - See #6059 */ } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_777777_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); filter: Alpha(30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666; } .compare-plans .topHeaderContent { margin: 20px 0; text-align: center; font-size: 1.5em; font-weight: 700; } .compare-plans > .topHeaderContent ~ .topHeaderContent { font-size: 1.2em; font-weight: 500; } .compare-plans .user-action { float: right; } .compare-plans .user-action li { display: inline-block; } .compare-plans .detailsHeader { background-color: #3d98b0; color: #fff; padding: 15px 30px; font-family: 'Roboto', 'Arial', sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: 1px; text-transform: capitalize; } .compare-plans .detailsBody { line-height: 1.5; } .compare-plans > .tabsAndButtons { position: relative; } .compare-plans > .tabsAndButtons > a { position: absolute; right: 160px; bottom: 36px; } .compare-plans > .tabsAndButtons > .compare-page-actions { position: absolute; right: 0; bottom: 36px; } .compare-plans .rtable--comparison .rtable-tr:nth-child(even) { background-color: #ebf4f7; } .compare-plans .rtable--compare-details { border-bottom: none; height: 250px; } .compare-plans .rtable--compare-details .rtable-td { border-top: none; } .compare-plans .rtable--compare-details .name { font-size: 3em; } .compare-plans .rtable--compare-details .plan { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 25px; position: relative; width: 30%; } .compare-plans .rtable--compare-details .plan .remove-button { position: absolute; right: 5px; top: 10px; display: inline-block; white-space: nowrap; background: none; border: none; padding: 0; overflow: hidden; } .compare-plans .rtable--compare-details .plan .remove-button svg { display: block; } .compare-plans .rtable--compare-details .plan .remove-button:hover, .compare-plans .rtable--compare-details .plan .remove-button:focus, .compare-plans .rtable--compare-details .plan .remove-button +above(48em) { display: block; white-space: nowrap; text-indent: 0px; text-align: left; vertical-align: middle; line-height: 16px; padding: 2px 0; width: auto; float: right; font-family: clanotnews; text-decoration: underline; } .compare-plans .rtable--compare-details .plan .remove-button:hover svg, .compare-plans .rtable--compare-details .plan .remove-button:focus svg, .compare-plans .rtable--compare-details .plan .remove-button +above(48em) svg { margin-right: 4px; display: inline; height: 14px; width: 14px; vertical-align: middle; } .compare-plans .rtable--compare-details .plan .price { font-weight: 700; } .compare-plans .rtable--compare-details .plan .button { margin-top: 30px; width: 100%; } @media only screen and (max-width: 47.9375em) { .plans-section-wrap { position: relative; } .plans-section-wrap.is-hidden-mob { display: none; } .plans-section-wrap .plans-section { position: absolute; top: 15px; left: 0; right: 0; background-color: #fff; -webkit-box-shadow: 0 0 5px #808080; box-shadow: 0 0 5px #808080; z-index: 20; } } .plans-section { font-family: 'Roboto', 'Arial', sans-serif; } .plans-filter-button-wrap { position: relative; padding-top: 15px; } .plans-filter-button-wrap:after { content: ''; position: absolute; top: 0; left: -15px; right: -15px; height: 0; border-top: 1px solid #ebf4f7; } .plans-filter-button { padding: 15px; width: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border: 1px solid #ebf4f7; color: #4f4f4f; font-family: clanotmedium; background-color: #fff; text-transform: uppercase; font-size: 0.9rem; } .plans-filter-button i { display: inline-block; width: 16px; height: 16px; background: url(data:image/svg+xml;base64,DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQo8cGF0aCBmaWxsPSIjMzgzODM4IiBkPSJNMTYgMGMtOC44MzcgMC0xNiAyLjIzOS0xNiA1djNsMTIgMTJ2MTBjMCAxLjEwNSAxLjc5MSAyIDQgMnM0LTAuODk1IDQtMnYtMTBsMTItMTJ2LTNjMC0yLjc2MS03LjE2My01LTE2LTV6TTIuOTUgNC4zMzhjMC43NDgtMC40MjcgMS43OTktMC44MzIgMy4wNDAtMS4xNzEgMi43NDgtMC43NTIgNi4zMDMtMS4xNjcgMTAuMDExLTEuMTY3czcuMjYyIDAuNDE0IDEwLjAxMSAxLjE2N2MxLjI0MSAwLjM0IDIuMjkyIDAuNzQ1IDMuMDQwIDEuMTcxIDAuNDk0IDAuMjgxIDAuNzYgMC41MTkgMC44ODQgMC42NjItMC4xMjQgMC4xNDItMC4zOTEgMC4zOC0wLjg4NCAwLjY2Mi0wLjc0OCAwLjQyNy0xLjggMC44MzItMy4wNDAgMS4xNzEtMi43NDggMC43NTItNi4zMDMgMS4xNjctMTAuMDExIDEuMTY3cy03LjI2Mi0wLjQxNC0xMC4wMTEtMS4xNjdjLTEuMjQtMC4zNC0yLjI5Mi0wLjc0NS0zLjA0MC0xLjE3MS0wLjQ5NC0wLjI4Mi0wLjc2LTAuNTE5LTAuODg0LTAuNjYyIDAuMTI0LTAuMTQyIDAuMzkxLTAuMzggMC44ODQtMC42NjJ6Ij48L3BhdGg+DQo8L3N2Zz4NCg==); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; margin-left: 5px; } .plans-filter-button.is-active, .plans-filter-button:hover, .plans-filter-button:focus { border: 2px solid rgba(61,152,176,0.5); outline: 0; } .plans-options { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; border: 1px solid #ebf4f7; } @media only screen and (max-width: 47.9375em) { .plans-options { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .plans-options__col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.333%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 47.9375em) { .plans-options__col { width: 100%; } } .plans-options__col:nth-child(1) .plans-options__main:after, .plans-options__col:nth-child(2) .plans-options__main:after { content: ''; position: absolute; display: block; top: 20px; right: 0; bottom: 20px; border: 0.5px solid #ebf4f7; background-color: #ebf4f7; } @media only screen and (max-width: 47.9375em) { .plans-options__col:nth-child(1) .plans-options__main:after, .plans-options__col:nth-child(2) .plans-options__main:after { display: none; } } .plans-options__header { font-size: 14px; font-size: 0.875rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ebf4f7; font-weight: 700; padding: 20px; } @media only screen and (max-width: 47.9375em) { .plans-options__header { padding: 15px 20px; } } .plans-options__main { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; height: 100%; } .plans-options__body { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } .plans-sliders { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .plans-sliders .slider-data-list { font-size: 0.7rem; } .plans-sliders .slider-data-list li { padding-left: 5px; } .plans-sliders .slider-data-list li b { font-size: 1rem; font-weight: bold; } .plans-submit { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: 15px; } .slider-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; margin: 10px 0; } .slider-item .item-with-data { position: relative; } .slider-item .item-with-data__text { background-color: #fff; display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding-left: 5px; } .slider-item .item-with-data__text.is-visible { display: block; } .slider-item__text { width: 40%; margin-right: 20px; font-size: 0.8rem; } .slider-item__slider { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #ebf4f7; padding: 15px; border-radius: 4px; } .slider-item__slider .ui-widget-content { position: relative; background-color: #b7d8e2; border-color: transparent; height: 0.4rem; cursor: pointer; border: none; } .slider-item__slider .ui-slider-range { position: absolute; top: 0; left: 0; background: #d78888; border-color: #d78888; height: 0.2rem; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .slider-item__slider .ui-slider-range { position: absolute; top: -1px; left: -1px; } } .slider-item__slider .ui-slider-handle { position: absolute; display: block; background-color: #c00; border-radius: 100%; border-color: transparent; top: -0.45rem; width: 1rem; height: 1rem; cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .slider-item__slider .ui-slider-handle { margin-left: -0.5rem; } } .slider-item__slider .ui-slider-horizontal { height: 0.2rem; } .button-check, .button-radio { position: relative; display: block; cursor: pointer; padding: 0.5rem 0.5rem 0.5rem 1.2rem; overflow: hidden; } @media only screen and (min-width: 48em) { .button-check--nolabel, .button-radio--nolabel { padding: 0; width: 24px; height: 16px; } .button-check--nolabel span, .button-radio--nolabel span { position: absolute; z-index: -5; display: inline-block; width: 0; height: 0; opacity: 1; -ms-filter: none; filter: none; overflow: hidden; } } @media only screen and (max-width: 47.9375em) { .button-check--nolabel, .button-radio--nolabel { padding: 0 0.5rem 0 1.2rem; } .button-check--nolabel span, .button-radio--nolabel span { font-size: 0.7rem !important; margin-left: 10px; } } .button-check i, .button-radio i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; border: 2px solid #d9d9d9; width: 18px; height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; } .button-check i:before, .button-radio i:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #c00; border-radius: 2px; -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); } .button-check__input, .button-radio__input { visibility: hidden; position: absolute; z-index: -1; } .button-check__input:checked+i:before, .button-radio__input:checked+i:before { -webkit-transform: scale(0.6, 0.6); -moz-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); -ms-transform: scale(0.6, 0.6); transform: scale(0.6, 0.6); } .button-check__input:checked+i+span, .button-radio__input:checked+i+span { font-weight: bold; } .button-check span, .button-radio span { font-size: 0.8rem; } .button-radio { padding: 0.5rem 0.5rem 0.5rem 1.5rem; } .button-radio i { border-radius: 100%; } .button-radio i:before { border-radius: 100%; } .compare-box { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (max-width: 47.9375em) { .compare-box { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .compare-box__button { position: relative; } @media only screen and (max-width: 47.9375em) { .compare-box__button { width: 100%; margin-top: 5px; margin-bottom: 10px; } } .compare-box__counter { position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block; text-align: center !important; font-size: 0.65rem; font-weight: bold; } @media only screen and (max-width: 47.9375em) { .compare-box__counter { font-size: 0.7rem; } } .compare-button { background-color: transparent; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 500; padding: 0.5rem 0.25rem; margin: 0.25rem 0; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .compare-button[disabled] { cursor: not-allowed !important; } @media only screen and (max-width: 47.9375em) { .compare-button[disabled] { height: 0; padding: 0; margin: 0; display: none; } .compare-button[disabled] +.compare-box__counter { left: 31px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .compare-button:not([disabled]) { color: #fff; background-color: #c00; font-weight: 500; } .compare-button:not([disabled]):hover { background-color: #9e0000; } @media only screen and (max-width: 47.9375em) { .compare-button:not([disabled]) { display: block; width: 100%; text-transform: uppercase; font-weight: bold; padding: 0.75rem; font-size: 0.9rem; } } .select-plan-section { margin-bottom: 20px; position: relative; } .select-plan-section--top-table { margin-bottom: 0; } .select-plan-section--table { margin-bottom: 30px; } .select-plan-section__header { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; } @media only screen and (max-width: 47.9375em) { .select-plan-section__header { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .select-plan-section__header .select-plan-section__multibar { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 48em) { .select-plan-section__header .select-plan-section__multibar { padding-left: 35px; } } .select-plan-section__header .select-plan-section__multibar.single-bar .multitask-bar { -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .select-plan-section__header .section-header { margin-bottom: 0; } .visit-cta-section { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .visit-cta-section .cms_disp-img_slot { height: 100%; } .full-width-image-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .full-width-image-wrap .cms_disp-img_slot { width: 100%; } .full-width-image-wrap .cms_disp-img_slot a { display: block; width: 100%; } .full-width-image-wrap .cms_disp-img_slot a img { max-width: 100%; width: 100%; } .table-comparison-section { position: relative; margin-bottom: 10px; } @media only screen and (max-width: 47.9375em) { .table-comparison-section { width: calc(100% + 30px); margin-left: -15px; } } @media only screen and (min-width: 48em) { .table-comparison-section .rtable--comparison { border-left: 1px solid #ebf4f7; border-right: 1px solid #ebf4f7; } .table-comparison-section .rtable--comparison .rtable-tr { border: none; } .table-comparison-section .rtable--comparison .rtable-tr:hover { background-color: #ebf4f7; } .table-comparison-section .rtable--comparison .rtable-tr .rtable-td { border-top: 1px solid #ebf4f7; border-bottom: 1px solid #ebf4f7; } } @media only screen and (max-width: 47.9375em) { .table-comparison-section .rtable--comparison .rtable-tr { position: relative; border: none; border-top: 1px solid #ebf4f7; padding-left: 45px; padding-right: 45px; } .table-comparison-section .rtable--comparison .rtable-tr .rtable-td { padding-left: 45px; padding-right: 45px; } } .multitask-bar-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: 13px; font-size: 0.8125rem; } .multitask-bar-wrap__link { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-box; display: inline-flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-right: 0.75rem; } @media only screen and (max-width: 29.9375em) { .multitask-bar-wrap__link { border-right: 0px; } } .multitask-bar-wrap__link i { position: relative; display: inline-block; width: 10px; height: 10px; margin-right: 7px; } .multitask-bar-wrap__link i:after { position: absolute; top: 0.5px; right: 0; display: inline-block; content: ''; width: 0; height: 0; border: 5px solid transparent; border-right: 7px solid #c00; } .multitask-bar-wrap__link:hover i:after { border-right: 7px solid #9e0000; } .multitask-bar { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .multitask-bar__item { display: -webkit-box !important; display: -moz-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: box !important; display: flex !important; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 1rem 0 1rem 0.75rem; } @media only screen and (max-width: 47.9375em) { .multitask-bar__item { padding: 1.25rem 0 1.25rem 0.75rem; } } .multitask-bar i { display: inline-block; width: 16px; height: 16px; margin: 0 5px; } .multitask-bar i svg { width: 16px; height: auto; } .plan-details { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; position: relative; } @media only screen and (min-width: 48em) { .plan-details { border-right: 1px solid #fff; margin-top: 46px; margin-bottom: 40px; } .plan-details:before { content: ''; position: absolute; top: -46px; width: 100%; height: 0; border-top: 1px solid #ebf4f7; } } @media only screen and (max-width: 47.9375em) { .plan-details { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .plan-details .plan-title { padding-left: 10px; font-family: clanotmedium; text-transform: uppercase; font-size: 1rem; } .plan-details__remove { position: absolute; top: 5px; right: 35px; z-index: 5; width: 20px; height: 20px; color: #fff; padding: 0; border-radius: 100%; background-color: #c00; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } @media only screen and (max-width: 47.9375em) { .plan-details__remove { top: 35px; right: 15px; } } .plan-details__remove i { display: inline-block; width: 14px; height: 14px; } .plan-details__remove i img { width: 14px; height: 14px; } .plan-details__remove:hover, .plan-details__remove:focus { background-color: #9e0000; } .plan-details__item { position: relative; padding: 15px 35px 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; z-index: 1; } @media only screen and (max-width: 59.9375em) { .plan-details__item { padding: 15px 7px 0; } } @media only screen and (max-width: 47.9375em) { .plan-details__item { padding: 35px 15px 30px; } } .plan-details__item.description-item { width: 195px; padding: 15px; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .plan-details__item.button-item { width: 54px; padding: 15px 5px; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .plan-details__item.button-item { -webkit-align-self: flex-start; align-self: flex-start; -ms-flex-item-align: start; } } @media only screen and (max-width: 47.9375em) { .plan-details__item.button-item { -webkit-align-self: center; align-self: center; -ms-flex-item-align: center; } } .plan-details__item.details-item { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (min-width: 60em) { .plan-details__item.details-item { margin-left: 5px; } } @media only screen and (max-width: 47.9375em) { .plan-details__item.details-item { position: relative; } .plan-details__item.details-item:before { content: ''; position: absolute; top: 0; left: -15px; right: -15px; height: 0; border-top: 1px solid #ebf4f7; } } @media only screen and (max-width: 59.9375em) { .plan-details .small-screens-tables { margin-top: 35px; } } @media only screen and (max-width: 47.9375em) { .plan-details .small-screens-tables .details-button.toggle:after { -webkit-transform: translateY(-50%) rotate(0deg) !important; -moz-transform: translateY(-50%) rotate(0deg) !important; -o-transform: translateY(-50%) rotate(0deg) !important; -ms-transform: translateY(-50%) rotate(0deg) !important; transform: translateY(-50%) rotate(0deg) !important; margin-bottom: 0; margin-top: 2px; } } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .plan-details .small-screens-tables .details-button.toggle:after { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); margin-bottom: 10px; margin-top: 0; } } @media only screen and (min-width: 48em) and (max-width: 59.9375em) { .plan-details .small-screens-tables .show-plan-container { opacity: 1; -ms-filter: none; filter: none; } .plan-details .small-screens-tables .show-plan-container.toggle { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @media only screen and (max-width: 47.9375em) { .plan-details .small-screens-tables .show-plan-container { display: none; } .plan-details .small-screens-tables .show-plan-container.toggle { display: block; } } @media only screen and (max-width: 59.9375em) { .details-info-wrap { padding-left: 15px; } } .details-item__logo { margin-bottom: 25px; width: 68px; } .details-item__logo img { max-width: 100%; height: auto; } .details-item__description { margin-bottom: 22px; line-height: 1.6; font-size: 0.9rem; font-weight: bold; } @media only screen and (min-width: 48em) { .details-item__description { padding-right: 30px; } } @media only screen and (max-width: 47.9375em) { .details-item__description { margin-bottom: 20px; } } .details-item__price { font-size: 1.3rem; font-family: 'Roboto', 'Arial', sans-serif; font-weight: bold; margin-bottom: 38px; } @media only screen and (max-width: 47.9375em) { .details-item__price { margin-bottom: 20px; } } .details-item__overview { margin-bottom: 30px; font-size: 12.5px; font-size: 0.78125rem; } .plan-details-item { margin-top: 15px; } .plan-details-item__logo { margin-bottom: 13px; width: 55px; } .plan-details-item__logo img { max-width: 100%; height: auto; } .plan-details-item__description { margin-bottom: 14px; font-size: 1.1rem; font-weight: bold; } .plan-details-item__price { margin-bottom: 15px; } .plan-details-item__price b { display: block; font-size: 1.7rem; line-height: 1; } .plan-details-item__price small { color: #a7a7a7; font-size: 0.7rem; font-weight: 500; } .plan-details-item__details { font-size: 1rem; } .compare-plan-table { margin-bottom: 50px; } .compare-plan-table__name { font-weight: bold; margin-bottom: 5px; } @media only screen and (max-width: 59.9375em) { .compare-plan-table { margin-bottom: 0; } } .compare-plan-table .rtable-tbody .rtable-td { padding: 13px 26px; } @media only screen and (max-width: 59.9375em) { .compare-plan-table .rtable-tbody .rtable-td { padding: 13px 15px; } } .plan-details-table__name { font-weight: bold; font-size: 0.85rem; margin-bottom: 0; } @media only screen and (max-width: 47.9375em) { .plan-details-table__name { font-size: 15px; font-size: 0.9375rem; } } .plan-details-table .rtable-tbody .rtable-td { padding: 20px 26px; } @media only screen and (max-width: 47.9375em) { .plan-details-table .rtable-tbody .rtable-td { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 48em) { .plan-details-table .rtable-tbody .rtable-td:first-child { width: 230px; } } @media only screen and (max-width: 47.9375em) { .plan-details-table .rtable-tbody .rtable-td:first-child { padding-bottom: 5px; } } @media only screen and (max-width: 47.9375em) { .plan-details-table .rtable-tbody .rtable-td:last-child { padding-top: 5px; } } .round-symbol-button { display: block; width: 36px; height: 36px; color: #fff; border-radius: 100%; background-color: #c00; text-align: center; line-height: 36px; font-size: 36px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .round-symbol-button i { display: inline-block; width: 24px; height: 24px; } .round-symbol-button i img { -webkit-transform: rotate(45deg) translate(-20%, -20%); -moz-transform: rotate(45deg) translate(-20%, -20%); -o-transform: rotate(45deg) translate(-20%, -20%); -ms-transform: rotate(45deg) translate(-20%, -20%); transform: rotate(45deg) translate(-20%, -20%); width: 24px; height: 24px; } .round-symbol-button:hover, .round-symbol-button:focus { background-color: #9e0000; } .plan-display { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; font-family: 'Roboto', 'Arial', sans-serif; border: 1px solid #ebf4f7; padding-top: 20px; padding-bottom: 30px; } @media only screen and (max-width: 47.9375em) { .plan-display { border: none; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; position: relative; } .plan-display:before { display: inline-block; content: ''; position: absolute; top: 0; left: -15px; right: -15px; height: 0; border-top: 1px solid #ebf4f7; } } .plan-display__name { font-size: 1rem; line-height: 1.4; font-weight: bold; margin: 0 0 1rem; } @media only screen and (max-width: 47.9375em) { .plan-display__name { margin: 0 0 0.7rem; } } .plan-display__cell { padding: 15px; } @media only screen and (min-width: 48em) { .plan-display__cell:nth-child(1) { width: 240px; text-align: center; } } .plan-display__cell:nth-child(2) { -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .plan-display__cell:nth-child(3) { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 285px; } @media only screen and (max-width: 47.9375em) { .plan-display__cell:nth-child(3) { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; padding: 0; } } .plan-display__logo { width: 96px; display: inline-block; } .plan-display__logo img { display: inline-block; } @media only screen and (max-width: 47.9375em) { .plan-display__logo { width: 60px; } } .plan-display__price { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 30px; } @media only screen and (max-width: 47.9375em) { .plan-display__price { padding-left: 15px; padding-right: 15px; } } .plan-display__price b { font-weight: bold; font-size: 3rem; line-height: 1; } .plan-store-popup { position: fixed; top: 50%; left: 50%; padding: 24px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 520px; display: none; } .plan-store-popup.is-open { z-index: 10000; display: block; } .plan-store-popup__close { position: absolute; top: 0; right: 0; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px; } .plan-store-popup__header { border-bottom: 2px solid #f1f2f2; } .plan-store-popup__name { margin-top: 5px; margin-bottom: 12px; font-size: 1rem; font-weight: bold; } .plan-store-popup__cta { font-size: 0.85rem; font-weight: bold; margin-top: 20px; } .plan-store-popup__multibar { margin-top: 15px; } .plan-store-popup__multibar .multitask-bar__item { padding-left: 0; padding-right: 0.75rem; } .plan-store-popup__footer { margin-top: 10px; } .property-item { margin-bottom: 5px; font-size: 1rem; } .property-item--dotted { padding-left: 10px; position: relative; overflow: hidden; } .property-item--dotted:before { content: '.'; display: inline-block; position: absolute; top: -21px; left: 0; font-size: 30px; } @media print { .plan-store-popup { display: none !important; } .button-radio { padding: 0.5rem; } .button-radio__input { visibility: visible !important; } .button-radio i { display: none !important; } .button-radio span { padding-left: 16px; } .button-check__input { visibility: visible !important; } .button-check i { visibility: hidden !important; } } .plans-results-wrap { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-top: 40px; padding-bottom: 10px; } .plans-results-wrap strong { font-size: 12px; font-size: 0.75rem; margin-bottom: 20px; } .plans-results-wrap .load-more { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c00; text-align: center; padding: 0 15px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 42px; max-width: 165px; min-width: 144px; color: #c00; font-size: 16px; font-size: 1rem; font-weight: bold; } .plan-email-success-popup { padding: 50px 40px 20px 40px; max-width: 440px; } .plan-email-success-popup h1 { font-family: clanotmedium; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; border-bottom: 1px solid #d9d9d9; color: #383838; margin-bottom: 30px; padding-bottom: 5px; } .plan-email-success-popup h2 { margin-bottom: 10px; font-weight: bold; font-size: 16px; font-size: 1rem; } .plan-email-success-popup p { margin-bottom: 20px; font-size: 16px; font-size: 1rem; } .plan-email-success-popup .button-wrapper { margin-top: 40px; text-align: right; } .repair-tags .color-red { color: #f00; } .repair-tags .bold-text { font-weight: bold; } .repair-tags #submitRTForm .header-form, .repair-tags #createRTForm .header-form { padding-top: 1%; padding-bottom: 1%; } .repair-tags #submitRTForm tr.line-height td, .repair-tags #createRTForm tr.line-height td { padding-bottom: 5px; } .repair-tags #submitRTForm .sku, .repair-tags #createRTForm .sku { width: 5%; font-weight: bold; } .repair-tags #submitRTForm .sku-number, .repair-tags #createRTForm .sku-number { font-weight: bold; } .repair-tags #submitRTForm .in-warranty, .repair-tags #createRTForm .in-warranty { width: 24%; font-weight: bold; } .repair-tags #submitRTForm .in-warranty-status, .repair-tags #createRTForm .in-warranty-status { font-weight: bold; } .repair-tags #submitRTForm .acp, .repair-tags #createRTForm .acp { width: 10%; font-weight: bold; } .repair-tags #submitRTForm .acp-number, .repair-tags #createRTForm .acp-number { font-weight: bold; } .repair-tags #submitRTForm .subform, .repair-tags #createRTForm .subform { padding-bottom: 1%; font-weight: bold; padding-top: 5%; } .repair-tags #submitRTForm .line-height, .repair-tags #createRTForm .line-height { line-height: 2; } .repair-tags #submitRTForm .display-table, .repair-tags #createRTForm .display-table { display: table; } .repair-tags #submitRTForm .display-table-invoice-date, .repair-tags #createRTForm .display-table-invoice-date { display: table; width: 60%; } .repair-tags #submitRTForm .display-table-full-width, .repair-tags #createRTForm .display-table-full-width { display: table; width: 100%; } .repair-tags #submitRTForm .display-table-row, .repair-tags #createRTForm .display-table-row { display: table-row; } .repair-tags #submitRTForm .display-table-cell, .repair-tags #createRTForm .display-table-cell { display: table-cell; } .repair-tags #submitRTForm .display-table-cell-semicolon, .repair-tags #createRTForm .display-table-cell-semicolon { display: table-cell; width: 1%; } .repair-tags #submitRTForm .display-table-cell-invoice-date-f, .repair-tags #createRTForm .display-table-cell-invoice-date-f { display: table-cell; width: 40%; } .repair-tags #submitRTForm .display-table-cell-invoice-date-l, .repair-tags #createRTForm .display-table-cell-invoice-date-l { display: table-cell; width: 34%; } .repair-tags #submitRTForm .display-table-cell-store-stock, .repair-tags #createRTForm .display-table-cell-store-stock { display: table-cell; width: 1%; } .repair-tags #submitRTForm .input-height, .repair-tags #createRTForm .input-height { height: 25px; } .repair-tags #submitRTForm .input-size, .repair-tags #createRTForm .input-size { height: 25px; width: 50%; } .repair-tags #submitRTForm .special_width, .repair-tags #createRTForm .special_width { width: 1.5%; } .repair-tags #submitRTForm .repair-tags-pad, .repair-tags #createRTForm .repair-tags-pad { padding: 15px; } .repair-tags #submitRTForm .width-five, .repair-tags #createRTForm .width-five { width: 5%; } .repair-tags #submitRTForm .service-code-summary-size, .repair-tags #createRTForm .service-code-summary-size { display: table-cell; vertical-align: middle; width: 2%; } .repair-tags #submitRTForm .width-twenty, .repair-tags #createRTForm .width-twenty { width: 22%; } .repair-tags #submitRTForm .width-thirteen, .repair-tags #createRTForm .width-thirteen { width: 13%; } .repair-tags #submitRTForm .width-eighty-seven, .repair-tags #createRTForm .width-eighty-seven { width: 87%; } .repair-tags #submitRTForm .width-one, .repair-tags #createRTForm .width-one { width: 1%; } .repair-tags #submitRTForm .width-twenty-six, .repair-tags #createRTForm .width-twenty-six { width: 26%; } .repair-tags #submitRTForm .width-seventy-nine, .repair-tags #createRTForm .width-seventy-nine { width: 79%; } .repair-tags #submitRTForm .product-code-size, .repair-tags #createRTForm .product-code-size { height: 25px; padding-left: 3px; } .repair-tags #submitRTForm .width-thirty, .repair-tags #createRTForm .width-thirty { width: 30%; } .repair-tags #submitRTForm .acp-number-field, .repair-tags #createRTForm .acp-number-field { position: inherit; height: 25px; padding-left: 3px; width: 160px; } .repair-tags .width-fourty .display-table-row .display-table-cell:first-child, .repair-tags .cell-space .display-table-row .display-table-cell:first-child, .repair-tags .width-fourty .display-table-row .display-table-cell-semicolon, .repair-tags .cell-space .display-table-row .display-table-cell-semicolon { padding-right: 5px; } .repair-tags .display-table-invoice-date .display-table-cell-semicolon { padding-right: 5px; } @media (max-width: 520px) { .mobile-width { width: 100% !important; } .mobile-width-twenty-six { width: 100% !important; } .mobile-width-acp { display: table-footer-group !important; } .mobile-width-adjust { display: -webkit-inline-box !important; display: -moz-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-box !important; display: inline-flex !important; width: 100% !important; } .mobile-width-adjust .mobile-only { height: 20px; } .mobile-width-adjust input { width: 100%; } .display-table-cell-semicolon { padding-right: 5px; } } .ar-save { margin-right: 10px; } .update-ar-error-popup, .update-pad-error-popup { margin: 40px 10px; } .red-ar-view .submit-ar-buttons td { padding-right: 12px; } .red-ar-view .submit-ar-buttons input[type=button] { height: 25px; width: 100%; } @media (max-width: 520px) { .red-ar-view .submit-ar-buttons { margin-top: 20px; } } .red-ar-view .submit-ar-buttons { margin-top: 30px; } @media (max-width: 520px) { .red-pad-view .pad-btn { text-align: center; } .red-pad-view .pad-btn input { width: 80%; margin-top: 15px; } .red-pad-view .no-padding { padding-bottom: 0 !important; } } .skuLookup { cursor: pointer; } @media (max-width: 550px) { .page-redPortalARList .currentAr, .page-redPortalARList .prevARWrapper { width: 380px !important; } } @media (max-width: 768px) { .page-redPortalARList #table-scroll table:not(.currentAr, .page-redPortalARList .prevARWrapper) { width: 100% !important; } } .ar-details-binocular { background-color: transparent; display: inline-block; } .repair-tags .product-code-href { padding-left: 2%; background-color: transparent; cursor: pointer; } .repair-tags .rt-created-message { color: #008000; margin-bottom: 1%; } .display-table-cell-invoice-date-f .invoice-date { width: 98%; } .red-pad-view .saleDate { height: 25px; margin-bottom: 5px; display: inline-block; width: 71%; } .newArWrapper, .navArrows { width: 50%; float: right; margin-top: 1em; } .newArWrapper table, .navArrows table { width: 100%; } .newArWrapper table .selectBox select, .navArrows table .selectBox select { height: 25px; float: right; width: 90%; } .newArWrapper table .create-ar-button, .navArrows table .create-ar-button { height: 25px; } @media (max-width: 768px) { .newArWrapper, .navArrows { width: 55% !important; } } @media (max-width: 520px) { .newArWrapper, .navArrows { width: 95% !important; } } .navArrows { text-align: right; width: 100% !important; margin: 15px 0; float: none; } @media (max-width: 768px) { .red-list-view .prevSubmittedAR td:last-child { width: 12% !important; } } @media (max-width: 768px) { .red-list-view .prevSubmittedAR td { padding-bottom: 8px; } .red-list-view .prevSubmittedAR .prevARDel { padding-right: 5px !important; } .red-list-view .prevSubmittedAR .prevARDel .align { padding-right: 8px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 40px; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } } .red-list-view .currentAr td { padding-bottom: 9px; } .red-list-view .currentAr td:first-child { padding-top: 5px; } .red-list-view .currentAr .delete-red-item { width: 100%; } .ARForm td { padding-bottom: 5px; } .submit-ar-buttons-next { margin-top: 2em; } .submit-ar-buttons-next td { padding-right: 10px; } .ar-table table td { vertical-align: top; } .prevARWrapper .delete-red-item { margin-right: 0 !important; width: 20px; } .sar-header { width: 100% !important; } #sarForm table tbody tr td.first { width: 35%; padding-right: 5px; } @media (max-width: 400px) { #sarForm table tbody tr td.first { width: 30% !important; } } #sarForm table tbody tr td.formatDetails { width: 20%; } #sarForm table tbody tr td.formatDetails.date { padding-top: 5px; } #sarForm table input { max-height: 25px; } #sarForm table .btnWrapper { height: 50px; } #sarForm table .btnWrapper td { padding-top: 2em; padding-right: 5px; } #sarForm table .btnWrapper .td-wrap { width: 10%; } #sarForm table .btnWrapper .submit { width: 9%; } #sarForm table .cartonsShipped { position: relative; right: 22%; } @media (max-width: 520px) { #sarForm table .cartonsShipped { right: 19% !important; } } #sarForm .sarWrapper td { padding-bottom: 8px; vertical-align: top; } @media (max-width: 520px) { #sarForm .sarWrapper { width: 100% !important; } } #sarForm .mobileSpacing { padding-bottom: 8px; } @media (max-width: 520px) { #sarForm .error { top: -17px !important; } } @media (max-width: 520px) { .sarBtnWrapper { width: 37% !important; } } .sarBtnWrapper td { padding-right: 12px; } .sarBtnWrapper input { height: 25px; } #sarAsnOrderDetailsTable tr td, #sarAsnOrderDetailsTable tr th { padding-right: 10px; } .with-padding { padding-bottom: 15px !important; } .custom-select { border: 1px solid #d9d9d9; overflow-x: hidden; position: relative; top: 0; left: 0; font-size: 13px; font-size: 0.8125rem; color: #383838; background: #fff; } .custom-select select { width: 100%; height: 38px; border: none; padding: 0 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; padding-right: 42px; position: relative; top: 0; left: 0; z-index: 1; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .custom-select select::-ms-expand { display: none; } .custom-select:after { content: ''; position: absolute; top: 0; right: 0; height: 38px; width: 38px; border-left: 1px solid #d9d9d9; } .custom-select:before { content: ""; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEycHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgMTIuNjQyIDcuMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyLjY0MiA3LjAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojQ0IyMDI3OyIgZD0iTTYuOSw2Ljg5OWw1Ljc0My0zLjc5MlYwTDYuMjk0LDQuMDczTDAuMDEyLDBMMCwxLjAwNnYyLjEwMWw1LjY3NiwzLjc5DQoJQzYuMDUyLDcuMDczLDYuNTIzLDcuMDc0LDYuOSw2Ljg5OXoiLz4NCjwvc3ZnPg0K) no-repeat; position: absolute; top: 15px; right: 13px; width: 12px; height: 7px; } .custom-select.disabled { color: #a9a9a9; } .custom-select.disabled:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjdweCINCgkgdmlld0JveD0iMCAwIDEyLjY0MiA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMi42NDIgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0RBRDlEOTsiIGQ9Ik02LjksNi44OTlsNS43NDMtMy43OTJWMEw2LjI5NCw0LjA3M0wwLjAxMiwwTDAsMS4wMDZ2Mi4xMDFsNS42NzYsMy43OQ0KCUM2LjA1Miw3LjA3Myw2LjUyMyw3LjA3NCw2LjksNi44OTl6Ii8+DQo8L3N2Zz4NCg==); } .custom-select.disabled:before select { cursor: default; } #deliveryaddAddressForm .custom-select select { width: 100%; height: 38px; border: none; padding: 0 7px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; padding-right: 42px; position: relative; top: 0; left: 0; z-index: 1; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } #deliveryaddAddressForm .custom-select::-ms-expand { display: none; } #deliveryaddAddressForm .custom-select:after { content: ''; position: absolute; top: 0; right: 0; height: 38px; width: 38px; border-left: 1px solid #d9d9d9; } #deliveryaddAddressForm .custom-select:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEycHgiIGhlaWdodD0iN3B4IiB2aWV3Qm94PSIwIDAgMTIuNjQyIDcuMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyLjY0MiA3LjAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojQ0IyMDI3OyIgZD0iTTYuOSw2Ljg5OWw1Ljc0My0zLjc5MlYwTDYuMjk0LDQuMDczTDAuMDEyLDBMMCwxLjAwNnYyLjEwMWw1LjY3NiwzLjc5DQoJQzYuMDUyLDcuMDczLDYuNTIzLDcuMDc0LDYuOSw2Ljg5OXoiLz4NCjwvc3ZnPg0K); position: absolute; top: 10px; right: 13px; } #deliveryaddAddressForm .custom-select.disabled { color: #a9a9a9; } #deliveryaddAddressForm .custom-select.disabled:before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjdweCINCgkgdmlld0JveD0iMCAwIDEyLjY0MiA3LjAzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMi42NDIgNy4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0RBRDlEOTsiIGQ9Ik02LjksNi44OTlsNS43NDMtMy43OTJWMEw2LjI5NCw0LjA3M0wwLjAxMiwwTDAsMS4wMDZ2Mi4xMDFsNS42NzYsMy43OQ0KCUM2LjA1Miw3LjA3Myw2LjUyMyw3LjA3NCw2LjksNi44OTl6Ii8+DQo8L3N2Zz4NCg==); } #deliveryaddAddressForm .custom-select.disabled:before select { cursor: default; } .paginationBar .custom-select { margin: 0 4px 0 0; } .custom-select select.unselected { color: #a9a9a9; } .custom-select select.unselected option { color: #383838; } .custom-select select.unselected option[disabled] { color: graytext; } @media only screen and (max-width: 47.9375em) { .paginationBar .custom-select select { padding-left: 4px; font-size: 0.85em; } } /*# sourceMappingURL=main.cea92d5ea4a04018432f.css.map*/