/*Import Font & Weights*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap");
:root {
/*Icons*/
/*Logo*/
--icon-logo-default: url("/static-content/ux-fabric/iconography-graphics/logotype/next-default.svg");
--icon-next-logo-default: url("/static-content/ux-fabric/iconography-graphics/logotype/next-default.svg");
/*User Interface*/
--icon-chevron-right-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/chevron-right-m-default.svg");
--icon-chevron-left-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/chevron-left-m-default.svg");
--icon-chevron-up-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/chevron-up-m-default.svg");
--icon-chevron-down-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/chevron-down-m-default.svg");
--icon-plus-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/plus-m-default.svg");
--icon-minus-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/minus-m-default.svg");
--icon-menu-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/menu-m-default.svg");
--icon-zoom-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/zoom-m-default.svg");
--icon-star-rounded-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/star-rounded-m-default.svg");
--icon-star-half-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/star-half-m-default.svg");
--icon-check-s-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/check-s-default.svg");
--icon-indeterminate-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/indeterminate-m-default.svg");
--icon-check-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/check-m-default.svg");
--icon-cross-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/cross-m-default.svg");
--icon-play-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/play-m-default.svg");
--icon-show-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/show-m-default.svg");
--icon-hide-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/hide-m-default.svg");
--icon-clear-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/clear-m-default.svg");
--icon-filter-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/filter-m-default.svg");
--icon-sort-m-detault: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/sort-m-detault.svg");
--icon-download-m-detault: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/download-m-detault.svg");
--icon-question-m-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/question-m-default.svg");
--icon-information-s-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/information-s-default.svg");
--icon-warning-s-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/warning-s-default.svg");
--icon-question-s-default: url("/static-content/ux-fabric/iconography-graphics/user-interface/next_vision/question-s-default.svg");
/*Feature*/
--icon-bag-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/bag-m-default.svg");
--icon-account-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/account-m-default.svg");
--icon-favourite-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/favourite-m-default.svg");
--icon-favourite-m-active: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/favourite-m-active.svg");
--icon-search-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/search-m-default.svg");
--icon-location-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/location-m-default.svg");
--icon-home-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/home-m-default.svg");
--icon-chat-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/chat-m-default.svg");
--icon-sale-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/sale-m-default.svg");
--icon-search-category-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/search-category-m-default.svg");
--icon-settings-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/settings-m-default.svg");
--icon-store-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/store-m-default.svg");
--icon-swatch-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/swatch-m-default.svg");
--icon-international-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/international-m-default.svg");
--icon-quick-bag-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/quick-bag-m-default.svg");
--icon-secure-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/secure-m-default.svg");
--icon-calendar-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/calendar-m-default.svg");
--icon-edit-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/edit-m-default.svg");
--icon-gift-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/gift-m-default.svg");
--icon-delivery-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/delivery-m-default.svg");
--icon-fit-tall-s-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/fit-tall-s-default.svg");
--icon-fit-petite-s-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/fit-petite-s-default.svg");
--icon-fit-wide-s-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/fit-wide-s-default.svg");
--icon-card-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/card-m-default.svg");
--icon-giftcard-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/giftcard-m-default.svg");
--icon-document-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/document-m-default.svg");
--icon-envelope-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/envelope-m-default.svg");
--icon-phone-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/phone-m-default.svg");
--icon-creditpay-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/creditpay-m-default.svg");
--icon-credit3pay-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/credit3pay-m-default.svg");
--icon-paybybank-m-default: url("/static-content/ux-fabric/iconography-graphics/feature/next_vision/paybybank-m-default.svg");
/*Common*/
--icon-payment-mastercard: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-mastercard.svg");
--icon-payment-american-express: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-american-express.svg");
--icon-payment-visa: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-visa.svg");
--icon-payment-paypal: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-paypal.svg");
--icon-payment-maestro: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-maestro.svg");
--icon-payment-diners-club: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-diners-club.svg");
--icon-payment-jcb: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-jcb.svg");
--icon-payment-apple-pay: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-apple-pay.svg");
--icon-payment-google-pay: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-google-pay.svg");
--icon-payment-afterpay: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-afterpay.svg");
--icon-payment-klarna: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-klarna.svg");
--icon-payment-tamara: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-tamara.svg");
--icon-payment-tamara-ar: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-tamara-ar.svg");
--icon-payment-next-pay: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-next-pay.svg");
--icon-payment-next-pay-v2: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-next-pay-v2.svg");
--icon-payment-next-pay-v2-contained: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-next-pay-v2-contained.svg");
--icon-payment-next-3step: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-next-3step.svg");
--icon-payment-pay-in-3: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-pay-in-3.svg");
--icon-payment-pay-in-3-contained: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-pay-in-3-contained.svg");
--icon-payment-ideal: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-ideal.svg");
--icon-payment-paypal-m-ident: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-paypal-m-ident.svg");
--icon-payment-visa-m-ident: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-visa-m-ident.svg");
--icon-payment-klarna-m-ident: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-klarna-m-ident.svg");
--icon-mastercard-idcheck-default: url("/static-content/ux-fabric/iconography-graphics/common/payment/mastercard-idcheck-default.svg");
--icon-payment-afterpay-m-ident: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-afterpay-m-ident.svg");
--icon-payment-blik: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-blik.svg");
--icon-payment-ideal-m-ident: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-ideal-m-ident.svg");
--icon-payment-p24-m-ident: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-p24-m-ident.svg");
--icon-payment-p24: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-p24.svg");
--icon-payment-tabby: url("/static-content/ux-fabric/iconography-graphics/common/payment/payment-tabby.svg");
/*Iconography Graphics - Service*/
--icon-service-feefo: url("/static-content/ux-fabric/iconography-graphics/common/service/service-feefo.svg");
--icon-service-feefo-verified: url("/static-content/ux-fabric/iconography-graphics/common/service/service-feefo-verified.svg");
--icon-service-rating-0: url("/static-content/ux-fabric/iconography-graphics/common/service/service-rating-0.svg");
--icon-service-rating-0-5: url("/static-content/ux-fabric/iconography-graphics/common/service/service-rating-0-5.svg");
--icon-service-rating-1: url("/static-content/ux-fabric/iconography-graphics/common/service/service-rating-1.svg");
/*Iconography Graphics - Social*/
--icon-social-facebook: url("/static-content/ux-fabric/iconography-graphics/common/social/social-facebook.svg");
--icon-social-instagram: url("/static-content/ux-fabric/iconography-graphics/common/social/social-instagram.svg");
--icon-social-pinterest: url("/static-content/ux-fabric/iconography-graphics/common/social/social-pinterest.svg");
--icon-social-tiktok: url("/static-content/ux-fabric/iconography-graphics/common/social/social-tiktok.svg");
--icon-social-x: url("/static-content/ux-fabric/iconography-graphics/common/social/social-x.svg");
--icon-social-twitter: url("/static-content/ux-fabric/iconography-graphics/common/social/social-twitter.svg");
--icon-social-youtube: url("/static-content/ux-fabric/iconography-graphics/common/social/social-youtube.svg");
/*Iconography Graphics - Legacy*/
--icon-back-to-top: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/back-to-top.svg");
--icon-calendar: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/calendar.svg");
--icon-check-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/icon-ui-check.svg");
--icon-check-default-white: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/icon-ui-check-white.svg");
--icon-favourite-active: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/favourite-active.svg");
--icon-favourite: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/favourite.svg");
--icon-number-one: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/number-one.svg");
--icon-number-two: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/number-two.svg");
--icon-recently-viewed-arrow: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/recently-viewed-arrow.svg");
--icon-star-rounded-large: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/star-rounded-large.svg");
--icon-star-rounded-small: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/star-rounded-small.svg");
--icon-superzoom-close: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/superzoom-close.svg");
--icon-chevron-down-white: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/chevron-down-white.svg");
--icon-ratingstar-small: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/ratingstar-small.svg");
--icon-refresh: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/refresh.svg");
--icon-sizing: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/sizing.svg");
--icon-day-separator: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/day-separator.png");
--icon-ratingstars-2x: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/ratingstars-black@2x.png");
--icon-ratingstars: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/ratingstars-black.png");
--icon-general_error: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/general_error.svg");
--icon-favourite-hover: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/favourite-hover.svg");
--icon-favourite-active-hover: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/favourite-active-hover.svg");
--icon-m-favourite-active: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/m-favourite-active.svg");
--icon-m-favourite: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/m-favourite.svg");
--icon-m-favourite-hover: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/m-favourite-hover.svg");
--icon-m-favourite-active-hover: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/m-favourite-active-hover.svg");
--icon-favourite-loading: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/favourite-loading.gif");
--icon-m-favourite-loading: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/m-favourite-loading.gif");
--icon-store-locator: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/store-locator.svg");
--icon-quick-add-to-bag: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/quick-add-to-bag.svg");
--icon-check-m-success: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/check-m-success.svg");
--icon-cross-m-error: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/cross-m-error.svg");
--icon-loader-m-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/loader-m-default.svg");
--icon-loader-l-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/loader-l-default.svg");
--icon-bag-xl-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/bag-xl-default.svg");
--icon-delivery-xl-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/delivery-xl-default.svg");
--icon-envelope-xl-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/envelope-xl-default.svg");
--icon-nextpay-m-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/nextpay-m-default.svg");
--icon-payin3-m-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/payin3-m-default.svg");
--icon-payment-next-pay-v2-contrast: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/payment-next-pay-v2-contrast.svg");
/*Images*/
--image-evoucher-number-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/evoucher-number-default.png");
--image-giftcard-number-default: url("/static-content/ux-fabric/iconography-graphics/legacy/next_vision/giftcard-number-default.png");
/*Border Radius*/
--action-default-border-radius: 22px;
--action-strong-border-radius: 22px;
--action-text-area-border-radius: 22px;
--action-checkbox-border-radius: 4px;
--components-button-default-border-radius: 22px;
--components-color-chip-default-border-radius: 22px;
--components-size-pill-default-border-radius: 22px;
--components-alert-default-border-radius: 0px;
--components-icon-button-default-border-radius: 22px;
--components-icon-button-favourite-border-radius: 22px;
--components-icon-button-back-to-top-border-radius: 22px;
--components-icon-button-quick-add-to-bag-border-radius: 22px;
--components-menu-default-border-radius: 8px;
--components-popover-default-border-radius: 8px;
--components-dialog-default-border-radius: 8px;
--components-tooltip-default-border-radius: 4px;
--components-progress-default-root-border-radius: 6px;
--components-progress-default-bar-border-radius: 6px;
--components-toggle-button-default-border-radius: 22px;
--components-fit-chip-default-border-radius: 22px;
--components-band-and-cup-chip-border-radius: 22px;
--components-date-picker-default-border-radius: 100px;
--components-thumbnail-default-border-radius: 0px;
--components-payment-accordion-default-border-radius: 8px;
/*Figma Export*/
--primary-main: rgba(0, 122, 122, 1);
--primary-dark: rgba(0, 96, 96, 1);
--primary-light: rgba(0, 147, 147, 1);
--primary-contrast: rgba(255, 255, 255, 1);
--primary-shades-4p: rgba(0, 122, 122, 0.04);
--primary-shades-8p: rgba(0, 122, 122, 0.08);
--primary-shades-12p: rgba(0, 122, 122, 0.12);
--primary-shades-disabled-30p: rgba(0, 122, 122, 0.3);
--primary-shades-50p: rgba(0, 122, 122, 0.5);
--secondary-main: rgba(0, 0, 0, 1);
--secondary-dark: rgba(0, 0, 0, 1);
--secondary-light: rgba(51, 51, 51, 1);
--secondary-contrast: rgba(255, 255, 255, 1);
--secondary-shades-4p: rgba(0, 0, 0, 0.04);
--secondary-shades-8p: rgba(0, 0, 0, 0.08);
--secondary-shades-12p: rgba(0, 0, 0, 0.12);
--secondary-shades-disabled-30p: rgba(0, 0, 0, 0.3);
--secondary-shades-50p: rgba(0, 0, 0, 0.5);
--text-primary: rgba(0, 0, 0, 1);
--text-secondary: rgba(97, 97, 97, 1);
--text-disabled: rgba(179, 179, 179, 1);
--text-contrast: rgba(255, 255, 255, 1);
--action-default-enabled-background-color: rgba(255, 255, 255, 1);
--action-default-enabled-border-color: rgba(148, 148, 148, 1);
--action-default-enabled-icon-color: rgba(0, 0, 0, 1);
--action-default-hovered-background-color: rgba(255, 255, 255, 1);
--action-default-hovered-border-color: rgba(66, 66, 66, 1);
--action-default-selected-background-color: rgba(255, 255, 255, 1);
--action-default-selected-border-color: rgba(0, 0, 0, 1);
--action-default-disabled-background-color: rgba(255, 255, 255, 1);
--action-default-disabled-border-color: rgba(189, 189, 189, 1);
--action-default-error-border-color: rgba(217, 20, 64, 1);
--action-default-error-background-color: rgba(255, 255, 255, 1);
--action-strong-enabled-background-color: rgba(247, 247, 247, 1);
--action-strong-enabled-border-color: rgba(148, 148, 148, 1);
--action-strong-hovered-background-color: rgba(255, 255, 255, 1);
--action-strong-hovered-border-color: rgba(66, 66, 66, 1);
--action-strong-selected-background-color: rgba(255, 255, 255, 1);
--action-strong-selected-border-color: rgba(0, 0, 0, 1);
--action-strong-disabled-background-color: rgba(255, 255, 255, 1);
--action-strong-disabled-border-color: rgba(189, 189, 189, 1);
--background-main: rgba(247, 247, 247, 1);
--background-paper: rgba(255, 255, 255, 1);
--interactive-focus-default-outline-color: rgba(29, 137, 221, 1);
--brand-clearance-default-background-color: rgba(239, 122, 34, 1);
--brand-clearance-default-contrast-text-color: rgba(255, 255, 255, 1);
--brand-clearance-default-text-color: rgba(239, 122, 34, 1);
--brand-markdown-default-background-color: rgba(45, 5, 150, 1);
--brand-markdown-default-contrast-text-color: rgba(255, 255, 255, 1);
--brand-markdown-default-text-color: rgba(45, 5, 150, 1);
--brand-promotion-default-background-color: rgba(174, 128, 43, 1);
--brand-promotion-default-contrast-text-color: rgba(255, 255, 255, 1);
--brand-promotion-default-text-color: rgba(174, 128, 43, 1);
--brand-sale-default-background-color: rgba(208, 26, 66, 1);
--brand-sale-default-contrast-text-color: rgba(255, 255, 255, 1);
--brand-sale-default-text-color: rgba(208, 26, 66, 1);
--brand-error-default-text-color: rgba(217, 20, 64, 1);
--brand-error-default-icon-color: rgba(217, 20, 64, 1);
--brand-info-default-text-color: rgba(29, 137, 221, 1);
--brand-success-default-text-color: rgba(37, 127, 57, 1);
--brand-success-default-icon-color: rgba(37, 127, 57, 1);
--brand-warning-default-text-color: rgba(216, 143, 49, 1);
--brand-logo-default-icon-color: rgba(0, 0, 0, 1);
--components-alert-error-default-background-color: rgba(253, 243, 245, 1);
--components-alert-error-default-border-color: rgba(217, 20, 64, 1);
--components-alert-error-default-icon-color: rgba(0, 0, 0, 1);
--components-alert-error-default-text-color: rgba(0, 0, 0, 1);
--components-alert-warning-default-background-color: rgba(253, 249, 245, 1);
--components-alert-warning-default-border-color: rgba(216, 143, 49, 1);
--components-alert-warning-default-icon-color: rgba(0, 0, 0, 1);
--components-alert-warning-default-text-color: rgba(0, 0, 0, 1);
--components-alert-info-default-background-color: rgba(244, 249, 253, 1);
--components-alert-info-default-border-color: rgba(29, 137, 221, 1);
--components-alert-info-default-icon-color: rgba(0, 0, 0, 1);
--components-alert-info-default-text-color: rgba(0, 0, 0, 1);
--components-alert-success-default-background-color: rgba(244, 249, 246, 1);
--components-alert-success-default-border-color: rgba(37, 127, 57, 1);
--components-alert-success-default-icon-color: rgba(0, 0, 0, 1);
--components-alert-success-default-text-color: rgba(0, 0, 0, 1);
--components-app-bar-global-bar-default-background-color: rgba(247, 247, 247, 1);
--components-app-bar-global-bar-default-border-color: rgba(247, 247, 247, 1);
--components-app-bar-global-bar-default-icon-color: rgba(0, 0, 0, 1);
--components-app-bar-global-bar-default-text-color: rgba(0, 0, 0, 1);
--components-app-bar-global-bar-default-divider-default-border-color: rgba(238, 238, 238, 1);
--components-app-bar-brand-bar-default-background-color: rgba(255, 255, 255, 1);
--components-app-bar-brand-bar-default-border-color: rgba(255, 255, 255, 1);
--components-app-bar-brand-bar-default-icon-color: rgba(0, 0, 0, 1);
--components-app-bar-brand-bar-default-text-color: rgba(0, 0, 0, 1);
--components-app-bar-brand-bar-default-logo-color: rgba(0, 0, 0, 1);
--components-app-bar-nav-bar-default-background-color: rgba(0, 0, 0, 1);
--components-app-bar-nav-bar-default-border-color: rgba(0, 0, 0, 1);
--components-app-bar-nav-bar-default-icon-color: rgba(255, 255, 255, 1);
--components-app-bar-nav-bar-default-gradient-left: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
--components-app-bar-nav-bar-default-gradient-right: linear-gradient(to right, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
--components-backdrop-default-background-color: rgba(0, 0, 0, 0.8);
--components-badge-primary-background-color: rgba(0, 122, 122, 1);
--components-badge-primary-icon-color: rgba(255, 255, 255, 1);
--components-badge-primary-text-color: rgba(255, 255, 255, 1);
--components-badge-secondary-background-color: rgba(0, 0, 0, 1);
--components-badge-secondary-icon-color: rgba(255, 255, 255, 1);
--components-badge-secondary-text-color: rgba(255, 255, 255, 1);
--components-badge-notification-background-color: rgba(232, 16, 127, 1);
--components-badge-notification-icon-color: rgba(255, 255, 255, 1);
--components-badge-notification-text-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-band-and-cup-chip-default-enabled-unselected-text-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-default-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-default-enabled-selected-text-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-band-and-cup-chip-default-disabled-unselected-text-color: rgba(179, 179, 179, 1);
--components-band-and-cup-chip-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-band-and-cup-chip-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-default-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-default-disabled-selected-text-color: rgba(179, 179, 179, 1);
--components-band-and-cup-chip-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-band-and-cup-chip-hovered-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-hovered-enabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-band-and-cup-chip-hovered-enabled-unselected-text-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-hovered-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-hovered-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-hovered-enabled-selected-text-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-hovered-disabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-band-and-cup-chip-hovered-disabled-unselected-text-color: rgba(179, 179, 179, 1);
--components-band-and-cup-chip-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-band-and-cup-chip-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-band-and-cup-chip-hovered-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-band-and-cup-chip-hovered-disabled-selected-text-color: rgba(179, 179, 179, 1);
--components-band-and-cup-chip-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-button-contained-primary-enabled-contrast-text-color: rgba(255, 255, 255, 1);
--components-button-contained-primary-enabled-icon-color: rgba(255, 255, 255, 1);
--components-button-contained-primary-enabled-background-color: rgba(0, 122, 122, 1);
--components-button-contained-primary-enabled-border-color: rgba(0, 122, 122, 1);
--components-button-contained-primary-hovered-background-color: rgba(0, 96, 96, 1);
--components-button-contained-primary-hovered-contrast-text-color: rgba(255, 255, 255, 1);
--components-button-contained-primary-hovered-icon-color: rgba(255, 255, 255, 1);
--components-button-contained-primary-hovered-border-color: rgba(0, 96, 96, 1);
--components-button-contained-primary-disabled-background-color: rgba(179, 216, 216, 1);
--components-button-contained-primary-disabled-contrast-text-color: rgba(255, 255, 255, 1);
--components-button-contained-primary-disabled-icon-color: rgba(255, 255, 255, 1);
--components-button-contained-primary-disabled-border-color: rgba(179, 216, 216, 1);
--components-button-contained-secondary-enabled-background-color: rgba(0, 0, 0, 1);
--components-button-contained-secondary-enabled-contrast-text-color: rgba(255, 255, 255, 1);
--components-button-contained-secondary-enabled-icon-color: rgba(255, 255, 255, 1);
--components-button-contained-secondary-enabled-border-color: rgba(0, 0, 0, 1);
--components-button-contained-secondary-hovered-background-color: rgba(51, 51, 51, 1);
--components-button-contained-secondary-hovered-contrast-text-color: rgba(255, 255, 255, 1);
--components-button-contained-secondary-hovered-icon-color: rgba(255, 255, 255, 1);
--components-button-contained-secondary-hovered-border-color: rgba(51, 51, 51, 1);
--components-button-contained-secondary-disabled-background-color: rgba(179, 179, 179, 1);
--components-button-contained-secondary-disabled-contrast-text-color: rgba(255, 255, 255, 1);
--components-button-contained-secondary-disabled-icon-color: rgba(255, 255, 255, 1);
--components-button-contained-secondary-disabled-border-color: rgba(179, 179, 179, 1);
--components-button-outlined-primary-enabled-background-color: rgba(255, 255, 255, 1);
--components-button-outlined-primary-enabled-border-color: rgba(0, 122, 122, 1);
--components-button-outlined-primary-enabled-contrast-text-color: rgba(0, 122, 122, 1);
--components-button-outlined-primary-enabled-icon-color: rgba(0, 122, 122, 1);
--components-button-outlined-primary-hovered-background-color: rgba(255, 255, 255, 1);
--components-button-outlined-primary-hovered-border-color: rgba(0, 96, 96, 1);
--components-button-outlined-primary-hovered-contrast-text-color: rgba(0, 96, 96, 1);
--components-button-outlined-primary-hovered-icon-color: rgba(0, 96, 96, 1);
--components-button-outlined-primary-disabled-background-color: rgba(255, 255, 255, 1);
--components-button-outlined-primary-disabled-border-color: rgba(179, 216, 216, 1);
--components-button-outlined-primary-disabled-contrast-text-color: rgba(179, 216, 216, 1);
--components-button-outlined-primary-disabled-icon-color: rgba(179, 216, 216, 1);
--components-button-outlined-secondary-enabled-background-color: rgba(255, 255, 255, 1);
--components-button-outlined-secondary-enabled-border-color: rgba(0, 0, 0, 1);
--components-button-outlined-secondary-enabled-contrast-text-color: rgba(0, 0, 0, 1);
--components-button-outlined-secondary-enabled-icon-color: rgba(0, 0, 0, 1);
--components-button-outlined-secondary-hovered-background-color: rgba(255, 255, 255, 1);
--components-button-outlined-secondary-hovered-border-color: rgba(51, 51, 51, 1);
--components-button-outlined-secondary-hovered-contrast-text-color: rgba(51, 51, 51, 1);
--components-button-outlined-secondary-hovered-icon-color: rgba(51, 51, 51, 1);
--components-button-outlined-secondary-disabled-background-color: rgba(255, 255, 255, 1);
--components-button-outlined-secondary-disabled-border-color: rgba(179, 179, 179, 1);
--components-button-outlined-secondary-disabled-contrast-text-color: rgba(179, 179, 179, 1);
--components-button-outlined-secondary-disabled-icon-color: rgba(179, 179, 179, 1);
--components-button-unstyled-primary-enabled-contrast-text-color: rgba(0, 122, 122, 1);
--components-button-unstyled-primary-enabled-icon-color: rgba(0, 122, 122, 1);
--components-button-unstyled-primary-hovered-contrast-text-color: rgba(0, 96, 96, 1);
--components-button-unstyled-primary-hovered-icon-color: rgba(0, 96, 96, 1);
--components-button-unstyled-primary-disabled-contrast-text-color: rgba(179, 216, 216, 1);
--components-button-unstyled-primary-disabled-icon-color: rgba(179, 216, 216, 1);
--components-button-unstyled-secondary-enabled-contrast-text-color: rgba(0, 0, 0, 1);
--components-button-unstyled-secondary-enabled-icon-color: rgba(0, 0, 0, 1);
--components-button-unstyled-secondary-hovered-contrast-text-color: rgba(51, 51, 51, 1);
--components-button-unstyled-secondary-hovered-icon-color: rgba(51, 51, 51, 1);
--components-button-unstyled-secondary-disabled-contrast-text-color: rgba(179, 179, 179, 1);
--components-button-unstyled-secondary-disabled-icon-color: rgba(179, 179, 179, 1);
--components-button-group-default-border-top-color: rgba(238, 238, 238, 1);
--components-card-card-header-default-background-color: rgba(247, 247, 247, 1);
--components-card-card-header-default-border-color: rgba(238, 238, 238, 1);
--components-card-card-header-default-text-color: rgba(0, 0, 0, 1);
--components-card-card-header-default-icon-color: rgba(0, 0, 0, 1);
--components-card-card-actions-default-background-color: rgba(247, 247, 247, 1);
--components-card-card-actions-default-border-color: rgba(238, 238, 238, 1);
--components-card-card-content-default-background-color: rgba(255, 255, 255, 1);
--components-card-card-content-default-border-color: rgba(217, 217, 217, 1);
--components-carousel-dot-enabled-background-color: rgba(255, 255, 255, 0.5);
--components-carousel-dot-enabled-border-color: rgba(158, 158, 158, 1);
--components-carousel-dot-enabled-icon-color: rgba(158, 158, 158, 1);
--components-carousel-dot-active-background-color: rgba(0, 0, 0, 1);
--components-carousel-dot-active-border-color: rgba(158, 158, 158, 1);
--components-carousel-dot-active-icon-color: rgba(255, 255, 255, 1);
--components-checkbox-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-checkbox-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-checkbox-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-checkbox-default-enabled-selected-border-color: rgba(0, 122, 122, 1);
--components-checkbox-default-hovered-unselected-background-color: rgba(255, 255, 255, 1);
--components-checkbox-default-hovered-unselected-border-color: rgba(66, 66, 66, 1);
--components-checkbox-default-hovered-selected-background-color: rgba(255, 255, 255, 1);
--components-checkbox-default-hovered-selected-border-color: rgba(0, 96, 96, 1);
--components-checkbox-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-checkbox-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-checkbox-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-checkbox-default-disabled-selected-border-color: rgba(179, 179, 179, 1);
--components-color-chip-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-color-chip-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-default-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-color-chip-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-color-chip-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-color-chip-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-default-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-color-chip-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-color-chip-hovered-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-hovered-enabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-color-chip-hovered-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-hovered-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-color-chip-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-hovered-disabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-color-chip-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-color-chip-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-color-chip-hovered-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-color-chip-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-dialog-dialog-header-default-background-color: rgba(247, 247, 247, 1);
--components-dialog-dialog-header-default-border-color: rgba(238, 238, 238, 1);
--components-dialog-dialog-header-default-text-color: rgba(0, 0, 0, 1);
--components-dialog-dialog-header-default-icon-color: rgba(0, 0, 0, 1);
--components-dialog-dialog-content-default-background-color: rgba(255, 255, 255, 1);
--components-dialog-dialog-content-default-border-color: rgba(238, 238, 238, 1);
--components-dialog-dialog-content-default-text-color: rgba(0, 0, 0, 1);
--components-dialog-dialog-actions-default-background-color: rgba(247, 247, 247, 1);
--components-dialog-dialog-actions-default-border-color: rgba(238, 238, 238, 1);
--components-dialog-dialog-actions-default-text-color: rgba(0, 0, 0, 1);
--components-dialog-strong-border-color: rgba(158, 158, 158, 1);
--components-dialog-default-border-color: rgba(238, 238, 238, 1);
--components-divider-default-border-color: rgba(238, 238, 238, 1);
--components-divider-strong-border-color: rgba(148, 148, 148, 1);
--components-drawer-default-icon-color: rgba(255, 255, 255, 1);
--components-fit-chip-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-fit-chip-default-enabled-unselected-text-color: rgba(0, 0, 0, 1);
--components-fit-chip-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-default-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-fit-chip-default-enabled-selected-text-color: rgba(0, 0, 0, 1);
--components-fit-chip-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-fit-chip-default-disabled-unselected-text-color: rgba(179, 179, 179, 1);
--components-fit-chip-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-fit-chip-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-default-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-fit-chip-default-disabled-selected-text-color: rgba(179, 179, 179, 1);
--components-fit-chip-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-fit-chip-hovered-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-hovered-enabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-fit-chip-hovered-enabled-unselected-text-color: rgba(0, 0, 0, 1);
--components-fit-chip-hovered-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-hovered-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-fit-chip-hovered-enabled-selected-text-color: rgba(0, 0, 0, 1);
--components-fit-chip-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-hovered-disabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-fit-chip-hovered-disabled-unselected-text-color: rgba(179, 179, 179, 1);
--components-fit-chip-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-fit-chip-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-fit-chip-hovered-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-fit-chip-hovered-disabled-selected-text-color: rgba(179, 179, 179, 1);
--components-fit-chip-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-icon-button-favourite-enabled-background-color: rgba(255, 255, 255, 1);
--components-icon-button-favourite-enabled-icon-color: rgba(0, 0, 0, 1);
--components-icon-button-favourite-enabled-border-color: rgba(148, 148, 148, 1);
--components-icon-button-favourite-hovered-border-color: rgba(0, 0, 0, 1);
--components-icon-button-favourite-hovered-background-color: rgba(255, 255, 255, 1);
--components-icon-button-favourite-hovered-icon-color: rgba(0, 0, 0, 1);
--components-icon-button-favourite-disabled-border-color: rgba(179, 179, 179, 1);
--components-icon-button-favourite-disabled-background-color: rgba(255, 255, 255, 1);
--components-icon-button-favourite-disabled-icon-color: rgba(179, 179, 179, 1);
--components-icon-button-favourite-loading-border-color: rgba(148, 148, 148, 1);
--components-icon-button-favourite-loading-background-color: rgba(255, 255, 255, 1);
--components-icon-button-favourite-loading-icon-color: rgba(0, 0, 0, 1);
--components-link-primary-enabled-text-color: rgba(0, 122, 122, 1);
--components-link-primary-hovered-text-color: rgba(0, 96, 96, 1);
--components-link-inherit-enabled-text-color: rgba(0, 0, 0, 1);
--components-link-inherit-hovered-text-color: rgba(0, 0, 0, 1);
--components-link-contrast-enabled-text-color: rgba(255, 255, 255, 1);
--components-link-contrast-hovered-text-color: rgba(255, 255, 255, 1);
--components-menu-default-border-color: rgba(128, 128, 128, 1);
--components-menu-default-enabled-background-color: rgba(255, 255, 255, 1);
--components-menu-default-enabled-text-color: rgba(0, 0, 0, 1);
--components-menu-default-hovered-background-color: rgba(248, 248, 248, 1);
--components-menu-default-hovered-text-color: rgba(0, 0, 0, 1);
--components-menu-default-selected-background-color: rgba(97, 97, 97, 1);
--components-menu-default-selected-text-color: rgba(255, 255, 255, 1);
--components-menu-default-disabled-background-color: rgba(255, 255, 255, 1);
--components-menu-default-disabled-text-color: rgba(179, 179, 179, 1);
--components-menu-default-scrollbar-track-background-color: rgba(249, 249, 249, 1);
--components-menu-default-scrollbar-track-border-color: rgba(222, 222, 222, 1);
--components-menu-default-scrollbar-scroller-enabled-background-color: rgba(97, 97, 97, 1);
--components-menu-default-scrollbar-scroller-hovered-background-color: rgba(85, 85, 85, 1);
--components-progress-default-root-background-color: rgba(247, 247, 247, 1);
--components-progress-default-bar-background-color: rgba(0, 122, 122, 1);
--components-radio-primary-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-radio-primary-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-radio-primary-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-radio-primary-enabled-selected-border-color: rgba(0, 122, 122, 1);
--components-radio-primary-hovered-unselected-border-color: rgba(66, 66, 66, 1);
--components-radio-primary-hovered-unselected-background-color: rgba(255, 255, 255, 1);
--components-radio-primary-hovered-selected-background-color: rgba(255, 255, 255, 1);
--components-radio-primary-hovered-selected-border-color: rgba(0, 96, 96, 1);
--components-radio-primary-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-radio-primary-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-radio-primary-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-radio-primary-disabled-selected-border-color: rgba(179, 216, 216, 1);
--components-radio-secondary-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-radio-secondary-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-radio-secondary-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-radio-secondary-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-radio-secondary-hovered-unselected-background-color: rgba(255, 255, 255, 1);
--components-radio-secondary-hovered-unselected-border-color: rgba(66, 66, 66, 1);
--components-radio-secondary-hovered-selected-background-color: rgba(255, 255, 255, 1);
--components-radio-secondary-hovered-selected-border-color: rgba(66, 66, 66, 1);
--components-radio-secondary-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-radio-secondary-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-radio-secondary-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-radio-secondary-disabled-selected-border-color: rgba(179, 179, 179, 1);
--components-rating-default-enabled-background-color: rgba(0, 0, 0, 1);
--components-rating-default-hovered-background-color: rgba(66, 66, 66, 1);
--components-rating-default-disabled-background-color: rgba(224, 224, 224, 1);
--components-ribbon-default-button-primary-enabled-background-color: rgba(255, 255, 255, 1);
--components-ribbon-default-thumbnail-border-color: rgba(0, 0, 0, 0);
--components-ribbon-timeline-item-border-color: rgba(158, 158, 158, 1);
--components-ribbon-timeline-default-border-color: rgba(234, 234, 234, 1);
--components-ribbon-timeline-default-background-color: rgba(234, 234, 234, 1);
--components-ribbon-timeline-no-items-border-color: rgba(198, 198, 198, 1);
--components-shopping-bag-card-gift-with-purchase-default-background-color: rgba(0, 122, 122, 1);
--components-shopping-bag-card-gift-with-purchase-default-icon-color: rgba(255, 255, 255, 1);
--components-shopping-bag-card-gift-with-purchase-default-text-color: rgba(255, 255, 255, 1);
--components-size-pill-default-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-default-enabled-unselected-border-color: rgba(148, 148, 148, 1);
--components-size-pill-default-enabled-unselected-text-color: rgba(0, 0, 0, 1);
--components-size-pill-default-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-default-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-size-pill-default-enabled-selected-text-color: rgba(0, 0, 0, 1);
--components-size-pill-default-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-default-disabled-unselected-border-color: rgba(189, 189, 189, 1);
--components-size-pill-default-disabled-unselected-text-color: rgba(179, 179, 179, 1);
--components-size-pill-default-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-size-pill-default-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-default-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-size-pill-default-disabled-selected-text-color: rgba(179, 179, 179, 1);
--components-size-pill-default-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-size-pill-hovered-enabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-hovered-enabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-size-pill-hovered-enabled-unselected-text-color: rgba(0, 0, 0, 1);
--components-size-pill-hovered-enabled-selected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-hovered-enabled-selected-border-color: rgba(0, 0, 0, 1);
--components-size-pill-hovered-enabled-selected-text-color: rgba(0, 0, 0, 1);
--components-size-pill-hovered-disabled-unselected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-hovered-disabled-unselected-border-color: rgba(66, 66, 66, 1);
--components-size-pill-hovered-disabled-unselected-text-color: rgba(179, 179, 179, 1);
--components-size-pill-hovered-disabled-unselected-strike-color: rgba(189, 189, 189, 1);
--components-size-pill-hovered-disabled-selected-background-color: rgba(255, 255, 255, 1);
--components-size-pill-hovered-disabled-selected-border-color: rgba(0, 0, 0, 1);
--components-size-pill-hovered-disabled-selected-text-color: rgba(179, 179, 179, 1);
--components-size-pill-hovered-disabled-selected-strike-color: rgba(189, 189, 189, 1);
--components-tab-default-default-border-bottom-color: rgba(0, 0, 0, 1);
--components-tab-default-default-enabled-background-color: rgba(255, 255, 255, 1);
--components-tab-default-default-enabled-border-color: rgba(148, 148, 148, 1);
--components-tab-default-default-active-border-color: rgba(0, 0, 0, 1);
--components-tab-default-default-active-background-color: rgba(255, 255, 255, 1);
--components-tab-default-default-active-border-top-color: rgba(0, 122, 122, 1);
--components-tab-default-default-disabled-border-color: rgba(189, 189, 189, 1);
--components-tab-default-default-disabled-background-color: rgba(247, 247, 247, 1);
--components-tab-default-secondary-active-background-color: rgba(255, 255, 255, 1);
--components-tab-default-secondary-active-border-top-color: rgba(0, 0, 0, 1);
--components-tab-default-secondary-active-border-color: rgba(0, 0, 0, 1);
--components-tab-nav-default-enabled-background-color: rgba(0, 0, 0, 0);
--components-tab-nav-default-enabled-text-color: rgba(0, 0, 0, 1);
--components-tab-nav-default-active-background-color: rgba(255, 255, 255, 1);
--components-tab-nav-default-active-text-color: rgba(0, 0, 0, 1);
--components-tab-nav-sale-enabled-text-color: rgba(208, 26, 66, 1);
--components-tab-nav-sale-active-text-color: rgba(0, 0, 0, 1);
--components-tab-nav-clearance-enabled-text-color: rgba(239, 122, 34, 1);
--components-tab-nav-clearance-active-text-color: rgba(0, 0, 0, 1);
--components-table-default-background-color: rgba(247, 247, 247, 1);
--components-table-default-head-tr-th-background-color: rgba(255, 255, 255, 1);
--components-table-default-head-tr-th-text-color: rgba(0, 0, 0, 1);
--components-table-default-head-tr-th-border-bottom-color: rgba(0, 0, 0, 0);
--components-table-default-head-tr-th-border-top-color: rgba(0, 0, 0, 0);
--components-table-default-body-tr-background-color: rgba(247, 247, 247, 1);
--components-table-default-body-tr-th-border-bottom-color: rgba(209, 209, 209, 1);
--components-thumbnail-default-enabled-border-color: rgba(0, 0, 0, 0);
--components-thumbnail-default-hovered-border-color: rgba(0, 0, 0, 1);
--components-thumbnail-default-selected-border-color: rgba(0, 0, 0, 1);
--components-toggle-button-selected-default-background-color: rgba(240, 243, 248, 1);
--components-toggle-button-selected-default-border-color: rgba(0, 122, 122, 1);
--components-toggle-button-enabled-default-background-color: rgba(255, 255, 255, 1);
--components-toggle-button-enabled-default-border-color: rgba(148, 148, 148, 1);
--components-toggle-button-hovered-default-background-color: rgba(255, 255, 255, 1);
--components-toggle-button-hovered-default-border-color: rgba(66, 66, 66, 1);
--components-toggle-button-disabled-default-background-color: rgba(255, 255, 255, 1);
--components-toggle-button-disabled-default-border-color: rgba(189, 189, 189, 1);
--components-tooltip-default-border-color: rgba(0, 0, 0, 1);
--components-tooltip-default-background-color: rgba(255, 255, 255, 1);
--components-tooltip-default-contrast-text-color: rgba(0, 0, 0, 1);
--elevation-outlinedlight: 0rem 0rem 0rem 0.0625rem rgba(224, 224, 224, 1);
--elevation-outlineddark: 0rem 0rem 0rem 0.0625rem rgba(255, 255, 255, 0.12);
--elevation-1: 0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.12), 0rem 0.0625rem 0.0625rem 0rem rgba(0, 0, 0, 0.14),
0rem 0.125rem 0.0625rem -0.0625rem rgba(0, 0, 0, 0.2);
--elevation-2: 0rem 0.0625rem 0.3125rem 0rem rgba(0, 0, 0, 0.12), 0rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.14),
0rem 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.2);
--elevation-3: 0rem 0.1875rem 0.875rem 0.125rem rgba(0, 0, 0, 0.12), 0rem 0.5rem 0.625rem 0.0625rem rgba(0, 0, 0, 0.14),
0rem 0.3125rem 0.3125rem -0.1875rem rgba(0, 0, 0, 0.2);
--global-h1-font-family: "Poppins";
--global-h1-font-weight: 500;
--global-h1-font-style: normal;
--global-h1-text-transform: none;
--global-h1-text-decoration: none;
--global-h1-font-size: 1.125rem;
--global-h1-letter-spacing: 0px;
--global-h1-line-height: 1.5;
--global-h2-font-family: "Poppins";
--global-h2-font-weight: 500;
--global-h2-font-style: normal;
--global-h2-text-transform: none;
--global-h2-text-decoration: none;
--global-h2-font-size: 1rem;
--global-h2-letter-spacing: 0px;
--global-h2-line-height: 1.5;
--global-h3-font-family: "Poppins";
--global-h3-font-weight: 500;
--global-h3-font-style: normal;
--global-h3-text-transform: none;
--global-h3-text-decoration: none;
--global-h3-font-size: 0.9375rem;
--global-h3-letter-spacing: 0px;
--global-h3-line-height: 1.5;
--global-h4-font-family: "Poppins";
--global-h4-font-weight: 500;
--global-h4-font-style: normal;
--global-h4-text-transform: none;
--global-h4-text-decoration: none;
--global-h4-font-size: 0.875rem;
--global-h4-letter-spacing: 0px;
--global-h4-line-height: 1.5;
--global-h5-font-family: "Poppins";
--global-h5-font-weight: 500;
--global-h5-font-style: normal;
--global-h5-text-transform: none;
--global-h5-text-decoration: none;
--global-h5-font-size: 0.8125rem;
--global-h5-letter-spacing: 0px;
--global-h5-line-height: 1.5;
--global-h6-font-family: "Poppins";
--global-h6-font-weight: 500;
--global-h6-font-style: normal;
--global-h6-text-transform: none;
--global-h6-text-decoration: none;
--global-h6-font-size: 0.75rem;
--global-h6-letter-spacing: 0px;
--global-h6-line-height: 1.5;
--global-body-1-font-family: "Poppins";
--global-body-1-font-weight: 400;
--global-body-1-font-style: normal;
--global-body-1-text-transform: none;
--global-body-1-text-decoration: none;
--global-body-1-font-size: 0.875rem;
--global-body-1-letter-spacing: 0px;
--global-body-1-line-height: 1.5;
--global-body-1-link-font-family: "Poppins";
--global-body-1-link-font-weight: 400;
--global-body-1-link-font-style: normal;
--global-body-1-link-text-transform: none;
--global-body-1-link-text-decoration: underline;
--global-body-1-link-font-size: 0.875rem;
--global-body-1-link-letter-spacing: 0px;
--global-body-1-link-line-height: 1.5;
--global-body-2-font-family: "Poppins";
--global-body-2-font-weight: 400;
--global-body-2-font-style: normal;
--global-body-2-text-transform: none;
--global-body-2-text-decoration: none;
--global-body-2-font-size: 0.75rem;
--global-body-2-letter-spacing: 0px;
--global-body-2-line-height: 1.5;
--global-body-2-link-font-family: "Poppins";
--global-body-2-link-font-weight: 400;
--global-body-2-link-font-style: normal;
--global-body-2-link-text-transform: none;
--global-body-2-link-text-decoration: underline;
--global-body-2-link-font-size: 0.75rem;
--global-body-2-link-letter-spacing: 0px;
--global-body-2-link-line-height: 1.5;
--global-body-3-font-family: "Poppins";
--global-body-3-font-weight: 500;
--global-body-3-font-style: normal;
--global-body-3-text-transform: none;
--global-body-3-text-decoration: none;
--global-body-3-font-size: 0.875rem;
--global-body-3-letter-spacing: 0px;
--global-body-3-line-height: 1.5;
--global-body-3-link-font-family: "Poppins";
--global-body-3-link-font-weight: 500;
--global-body-3-link-font-style: normal;
--global-body-3-link-text-transform: none;
--global-body-3-link-text-decoration: underline;
--global-body-3-link-font-size: 0.875rem;
--global-body-3-link-letter-spacing: 0px;
--global-body-3-link-line-height: 1.5;
--global-body-4-font-family: "Poppins";
--global-body-4-font-weight: 500;
--global-body-4-font-style: normal;
--global-body-4-text-transform: none;
--global-body-4-text-decoration: none;
--global-body-4-font-size: 0.75rem;
--global-body-4-letter-spacing: 0px;
--global-body-4-line-height: 1.5;
--global-body-4-link-font-family: "Poppins";
--global-body-4-link-font-weight: 500;
--global-body-4-link-font-style: normal;
--global-body-4-link-text-transform: none;
--global-body-4-link-text-decoration: underline;
--global-body-4-link-font-size: 0.75rem;
--global-body-4-link-letter-spacing: 0px;
--global-body-4-link-line-height: 1.5;
--global-body-5-font-family: "Poppins";
--global-body-5-font-weight: 600;
--global-body-5-font-style: normal;
--global-body-5-text-transform: none;
--global-body-5-text-decoration: none;
--global-body-5-font-size: 0.875rem;
--global-body-5-letter-spacing: 0px;
--global-body-5-line-height: 1.5;
--global-body-5-link-font-family: "Poppins";
--global-body-5-link-font-weight: 600;
--global-body-5-link-font-style: normal;
--global-body-5-link-text-transform: none;
--global-body-5-link-text-decoration: underline;
--global-body-5-link-font-size: 0.875rem;
--global-body-5-link-letter-spacing: 0px;
--global-body-5-link-line-height: 1.5;
--global-body-6-font-family: "Poppins";
--global-body-6-font-weight: 600;
--global-body-6-font-style: normal;
--global-body-6-text-transform: none;
--global-body-6-text-decoration: none;
--global-body-6-font-size: 0.75rem;
--global-body-6-letter-spacing: 0px;
--global-body-6-line-height: 1.5;
--global-body-6-link-font-family: "Poppins";
--global-body-6-link-font-weight: 600;
--global-body-6-link-font-style: normal;
--global-body-6-link-text-transform: none;
--global-body-6-link-text-decoration: underline;
--global-body-6-link-font-size: 0.75rem;
--global-body-6-link-letter-spacing: 0px;
--global-body-6-link-line-height: 1.5;
--global-subtitle-1-font-family: "Poppins";
--global-subtitle-1-font-weight: 400;
--global-subtitle-1-font-style: normal;
--global-subtitle-1-text-transform: none;
--global-subtitle-1-text-decoration: none;
--global-subtitle-1-font-size: 1rem;
--global-subtitle-1-letter-spacing: 0px;
--global-subtitle-1-line-height: 1.5;
--global-subtitle-2-font-family: "Poppins";
--global-subtitle-2-font-weight: 500;
--global-subtitle-2-font-style: normal;
--global-subtitle-2-text-transform: none;
--global-subtitle-2-text-decoration: none;
--global-subtitle-2-font-size: 0.875rem;
--global-subtitle-2-letter-spacing: 0px;
--global-subtitle-2-line-height: 1.5;
--global-overline-font-family: "Poppins";
--global-overline-font-weight: 400;
--global-overline-font-style: normal;
--global-overline-text-transform: uppercase;
--global-overline-text-decoration: none;
--global-overline-font-size: 0.75rem;
--global-overline-letter-spacing: 1px;
--global-overline-line-height: 1.5;
--global-caption-font-family: "Poppins";
--global-caption-font-weight: 400;
--global-caption-font-style: normal;
--global-caption-text-transform: none;
--global-caption-text-decoration: none;
--global-caption-font-size: 0.75rem;
--global-caption-letter-spacing: 0px;
--global-caption-line-height: 1.5;
--global-display-1-font-family: "Poppins";
--global-display-1-font-weight: 500;
--global-display-1-font-style: normal;
--global-display-1-text-transform: none;
--global-display-1-text-decoration: none;
--global-display-1-font-size: 2rem;
--global-display-1-letter-spacing: 0px;
--global-display-1-line-height: 1.5;
--global-display-2-font-family: "Poppins";
--global-display-2-font-weight: 500;
--global-display-2-font-style: normal;
--global-display-2-text-transform: none;
--global-display-2-text-decoration: none;
--global-display-2-font-size: 1.25rem;
--global-display-2-letter-spacing: 0px;
--global-display-2-line-height: 1.5;
--global-h1-disabled-font-family: "Poppins";
--global-h1-disabled-font-weight: 500;
--global-h1-disabled-font-style: normal;
--global-h1-disabled-text-transform: none;
--global-h1-disabled-text-decoration: strikethrough;
--global-h1-disabled-font-size: 1.125rem;
--global-h1-disabled-letter-spacing: 0px;
--global-h1-disabled-line-height: 1.5;
--global-h2-disabled-font-family: "Poppins";
--global-h2-disabled-font-weight: 500;
--global-h2-disabled-font-style: normal;
--global-h2-disabled-text-transform: none;
--global-h2-disabled-text-decoration: strikethrough;
--global-h2-disabled-font-size: 1rem;
--global-h2-disabled-letter-spacing: 0px;
--global-h2-disabled-line-height: 1.5;
--global-h3-disabled-font-family: "Poppins";
--global-h3-disabled-font-weight: 500;
--global-h3-disabled-font-style: normal;
--global-h3-disabled-text-transform: none;
--global-h3-disabled-text-decoration: strikethrough;
--global-h3-disabled-font-size: 0.9375rem;
--global-h3-disabled-letter-spacing: 0px;
--global-h3-disabled-line-height: 1.5;
--global-h4-disabled-font-family: "Poppins";
--global-h4-disabled-font-weight: 500;
--global-h4-disabled-font-style: normal;
--global-h4-disabled-text-transform: none;
--global-h4-disabled-text-decoration: strikethrough;
--global-h4-disabled-font-size: 0.875rem;
--global-h4-disabled-letter-spacing: 0px;
--global-h4-disabled-line-height: 1.5;
--global-h5-disabled-font-family: "Poppins";
--global-h5-disabled-font-weight: 500;
--global-h5-disabled-font-style: normal;
--global-h5-disabled-text-transform: none;
--global-h5-disabled-text-decoration: strikethrough;
--global-h5-disabled-font-size: 0.8125rem;
--global-h5-disabled-letter-spacing: 0px;
--global-h5-disabled-line-height: 1.5;
--global-h6-disabled-font-family: "Poppins";
--global-h6-disabled-font-weight: 500;
--global-h6-disabled-font-style: normal;
--global-h6-disabled-text-transform: none;
--global-h6-disabled-text-decoration: strikethrough;
--global-h6-disabled-font-size: 0.75rem;
--global-h6-disabled-letter-spacing: 0px;
--global-h6-disabled-line-height: 1.5;
--global-body-1-disabled-font-family: "Poppins";
--global-body-1-disabled-font-weight: 400;
--global-body-1-disabled-font-style: normal;
--global-body-1-disabled-text-transform: none;
--global-body-1-disabled-text-decoration: strikethrough;
--global-body-1-disabled-font-size: 0.875rem;
--global-body-1-disabled-letter-spacing: 0px;
--global-body-1-disabled-line-height: 1.5;
--global-body-2-disabled-font-family: "Poppins";
--global-body-2-disabled-font-weight: 400;
--global-body-2-disabled-font-style: normal;
--global-body-2-disabled-text-transform: none;
--global-body-2-disabled-text-decoration: strikethrough;
--global-body-2-disabled-font-size: 0.75rem;
--global-body-2-disabled-letter-spacing: 0px;
--global-body-2-disabled-line-height: 1.5;
--global-body-3-disabled-font-family: "Poppins";
--global-body-3-disabled-font-weight: 500;
--global-body-3-disabled-font-style: normal;
--global-body-3-disabled-text-transform: none;
--global-body-3-disabled-text-decoration: strikethrough;
--global-body-3-disabled-font-size: 0.875rem;
--global-body-3-disabled-letter-spacing: 0px;
--global-body-3-disabled-line-height: 1.5;
--global-body-4-disabled-font-family: "Poppins";
--global-body-4-disabled-font-weight: 500;
--global-body-4-disabled-font-style: normal;
--global-body-4-disabled-text-transform: none;
--global-body-4-disabled-text-decoration: strikethrough;
--global-body-4-disabled-font-size: 0.75rem;
--global-body-4-disabled-letter-spacing: 0px;
--global-body-4-disabled-line-height: 1.5;
--global-body-5-disabled-font-family: "Poppins";
--global-body-5-disabled-font-weight: 600;
--global-body-5-disabled-font-style: normal;
--global-body-5-disabled-text-transform: none;
--global-body-5-disabled-text-decoration: strikethrough;
--global-body-5-disabled-font-size: 0.875rem;
--global-body-5-disabled-letter-spacing: 0px;
--global-body-5-disabled-line-height: 1.5;
--global-body-6-disabled-font-family: "Poppins";
--global-body-6-disabled-font-weight: 600;
--global-body-6-disabled-font-style: normal;
--global-body-6-disabled-text-transform: none;
--global-body-6-disabled-text-decoration: strikethrough;
--global-body-6-disabled-font-size: 0.75rem;
--global-body-6-disabled-letter-spacing: 0px;
--global-body-6-disabled-line-height: 1.5;
--component-button-large-font-family: "Poppins";
--component-button-large-font-weight: 600;
--component-button-large-font-style: normal;
--component-button-large-text-transform: none;
--component-button-large-text-decoration: none;
--component-button-large-font-size: 0.875rem;
--component-button-large-letter-spacing: 0px;
--component-button-large-line-height: 1.5;
--component-button-medium-font-family: "Poppins";
--component-button-medium-font-weight: 600;
--component-button-medium-font-style: normal;
--component-button-medium-text-transform: none;
--component-button-medium-text-decoration: none;
--component-button-medium-font-size: 0.875rem;
--component-button-medium-letter-spacing: 0px;
--component-button-medium-line-height: 1.5;
--component-button-small-font-family: "Poppins";
--component-button-small-font-weight: 600;
--component-button-small-font-style: normal;
--component-button-small-text-transform: none;
--component-button-small-text-decoration: none;
--component-button-small-font-size: 0.75rem;
--component-button-small-letter-spacing: 0px;
--component-button-small-line-height: 1.5;
--component-input-label-1-font-family: "Poppins";
--component-input-label-1-font-weight: 400;
--component-input-label-1-font-style: normal;
--component-input-label-1-text-transform: none;
--component-input-label-1-text-decoration: none;
--component-input-label-1-font-size: 0.875rem;
--component-input-label-1-letter-spacing: 0px;
--component-input-label-1-line-height: 1.5;
--component-input-label-2-font-family: "Poppins";
--component-input-label-2-font-weight: 400;
--component-input-label-2-font-style: normal;
--component-input-label-2-text-transform: none;
--component-input-label-2-text-decoration: none;
--component-input-label-2-font-size: 0.75rem;
--component-input-label-2-letter-spacing: 0px;
--component-input-label-2-line-height: 1.5;
--component-input-text-font-family: "Poppins";
--component-input-text-font-weight: 400;
--component-input-text-font-style: normal;
--component-input-text-text-transform: none;
--component-input-text-text-decoration: none;
--component-input-text-font-size: 0.875rem;
--component-input-text-letter-spacing: 0px;
--component-input-text-line-height: 1.5;
--component-menu-item-font-family: "Poppins";
--component-menu-item-font-weight: 400;
--component-menu-item-font-style: normal;
--component-menu-item-text-transform: none;
--component-menu-item-text-decoration: none;
--component-menu-item-font-size: 0.875rem;
--component-menu-item-letter-spacing: 0px;
--component-menu-item-line-height: 1.5;
--component-menu-item-dense-font-family: "Poppins";
--component-menu-item-dense-font-weight: 400;
--component-menu-item-dense-font-style: normal;
--component-menu-item-dense-text-transform: none;
--component-menu-item-dense-text-decoration: none;
--component-menu-item-dense-font-size: 0.875rem;
--component-menu-item-dense-letter-spacing: 0px;
--component-menu-item-dense-line-height: 1.5;
--component-tab-text-1-font-family: "Poppins";
--component-tab-text-1-font-weight: 600;
--component-tab-text-1-font-style: normal;
--component-tab-text-1-text-transform: none;
--component-tab-text-1-text-decoration: none;
--component-tab-text-1-font-size: 0.875rem;
--component-tab-text-1-letter-spacing: 0px;
--component-tab-text-1-line-height: 1.5;
--component-tab-text-2-font-family: "Poppins";
--component-tab-text-2-font-weight: 400;
--component-tab-text-2-font-style: normal;
--component-tab-text-2-text-transform: uppercase;
--component-tab-text-2-text-decoration: none;
--component-tab-text-2-font-size: 0.875rem;
--component-tab-text-2-letter-spacing: 0px;
--component-tab-text-2-line-height: 1.5;
--component-chip-font-family: "Poppins";
--component-chip-font-weight: 400;
--component-chip-font-style: normal;
--component-chip-text-transform: none;
--component-chip-text-decoration: none;
--component-chip-font-size: 0.8125rem;
--component-chip-letter-spacing: 0px;
--component-chip-line-height: 1.5;
--component-helper-text-font-family: "Poppins";
--component-helper-text-font-weight: 400;
--component-helper-text-font-style: normal;
--component-helper-text-text-transform: none;
--component-helper-text-text-decoration: none;
--component-helper-text-font-size: 0.75rem;
--component-helper-text-letter-spacing: 0px;
--component-helper-text-line-height: 1.5;
--component-badge-label-font-family: "Poppins";
--component-badge-label-font-weight: 500;
--component-badge-label-font-style: normal;
--component-badge-label-text-transform: none;
--component-badge-label-text-decoration: none;
--component-badge-label-font-size: 0.625rem;
--component-badge-label-letter-spacing: 0px;
--component-badge-label-line-height: 1.5;
--component-tooltip-font-family: "Poppins";
--component-tooltip-font-weight: 500;
--component-tooltip-font-style: normal;
--component-tooltip-text-transform: none;
--component-tooltip-text-decoration: none;
--component-tooltip-font-size: 0.625rem;
--component-tooltip-letter-spacing: 0px;
--component-tooltip-line-height: 1.5;
}
body {
color: #000000;
font-family: "azo-sans", sans-serif;
}
body a {
color: #000000;
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
body span.top-text {
display: none;
}
body .panel-content-link span {
color: #257f39;
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
body[data-product-type=sofas-chairs] .panel-level-content {
margin: 0;
}
body[data-product-type=sofas-chairs] .panel-level-content a span {
font-weight: 600;
}
@keyframes gel-favourite-loading {
0% {
stroke-dashoffset: 80;
}
100% {
stroke-dashoffset: 160;
}
}
@keyframes gel-favourite-loaded {
0% {
fill-opacity: 0;
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
fill-opacity: 1;
/*transform: scale(1);*/
}
}
body .filter-header {
background-color: #f4f4f4;
}
body #mainwrapper #subheader {
height: 44px;
}
body #mainwrapper #subheader h1 {
font-size: 16px;
}
body #mainwrapper #subheader h1 span {
letter-spacing: normal;
text-transform: none;
}
body #mainwrapper .mobileSecondaryContainer .panel-heading {
font-weight: 600;
background: #ffffff;
height: unset;
text-transform: capitalize;
font-size: 15px;
margin: 10px;
}
body .page-heading {
background: #f7f7f7;
border-bottom: 1px solid #ffffff;
height: 44px;
padding-top: 12px;
}
body .page-heading .nx-icon.nx-back {
top: -4px;
}
body div.account-match.info,
body div.account-match {
border-radius: 0px;
border: none;
border-inline-start: 2px solid var(--components-alert-info-default-border-color, #1d89dd);
}
body .panel-default .panel-default > .panel-heading > .panel-title {
font-family: "azo-sans", sans-serif;
}
body:not([data-country=GB]) #subheader {
border-bottom: 1px solid #eaeaea;
}
body:not([data-country=GB]) #subheader #page-title {
font-weight: 500;
}
body:not([data-country=GB]) .panel {
border: 1px solid #dedede;
}
body:not([data-country=GB]) .panel.panel-default .panel-heading {
height: 44px;
border-bottom: 1px solid #dedede;
}
body:not([data-country=GB]) .panel.panel-default .panel-heading div {
padding: 12px 0;
font-weight: 500;
}
body:not([data-country=GB]) .panel .heading-options {
padding: 12px 0 !important;
}
body:not([data-country=GB]) .panel .panel-body .heading {
font-size: 14px;
font-weight: 500;
}
body .panel-level-content a[href*="/secure/account/myaccount"] {
color: #257f39;
font-weight: 600;
text-decoration: none !important;
}
body .panel-title:empty {
display: none;
}
body small {
font-family: "azo-sans", sans-serif;
}
body .text-small,
body .text-small-xs,
body .small {
font-family: "azo-sans", sans-serif;
}
body nav.secure-nav {
height: 44px;
background: #000000;
}
body nav.secure-nav #header-bag-item-count {
top: 13px;
width: 28px;
letter-spacing: normal;
}
body nav.secure-nav .secure-nav__padlock-icon {
margin-top: 5px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body nav.secure-nav .secure-nav__padlock-icon {
background: url(../images/icon-outline-secure@2x.white.png) top no-repeat;
background-size: 20px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body nav .secure-nav__next-logo {
background-repeat: no-repeat;
}
body nav .secure-nav__next-logo:hover {
background-repeat: no-repeat;
}
}
@media (min-width: 768px) {
body nav.secure-nav {
height: 68px;
}
body nav.secure-nav .container {
height: 68px;
}
body nav.secure-nav #header-bag-item-count {
top: 11px;
width: 25px;
}
body nav.secure-nav .help-link-for-header {
padding-top: 25px;
}
body nav .secure-nav__next-logo {
margin-top: 12px;
}
}
body:not([data-country=GB]) nav #header-bag-icon-checkout #header-bag-item-count {
left: 2px;
}
body:not([data-country=GB]) nav a.nav-search-link-checkout {
margin-top: 10px !important;
}
body:not([data-country=GB]) header#subheader div#back-button {
border-right: none;
}
body:not([data-country=GB]) div.main-panel {
margin-left: 1rem;
margin-right: 1rem;
}
body:not([data-country=GB]) header#subheader span.page-title {
font-size: 16px;
}
body:not([data-country=GB]) input[type=checkbox]:checked:after {
content: "";
height: 20px;
width: 20px;
border: 2px solid #257f39;
background: url(../images/icon-ui-check.svg) no-repeat;
background-position: center;
background-size: 80%;
border-radius: 4px;
display: block;
position: absolute;
top: 5px;
left: 0px;
top: 0px;
}
body header .secure-header__col {
height: 44px;
}
body header .secure-header__col .secure-header__back-button {
top: 7px;
padding-left: 15px;
border: none;
}
body header .secure-header__col .secure-header__heading {
font-weight: 800;
line-height: 44px;
font-size: 16px;
text-transform: none;
margin: 0;
letter-spacing: normal;
}
@media (min-width: 768px) {
body header .secure-header__col .secure-header__heading {
padding: 8px 0;
}
}
body header .secure-header__col .secure-header__page-number {
margin-top: 4px;
}
@media (min-width: 768px) {
body header .secure-header__col {
height: 60px;
}
body header .secure-header__col .secure-header__back-button {
top: 14px;
}
}
body header .secure-header__page-number {
font-size: 14px;
}
body main {
padding: 0;
}
body .row small a[href^="/terms"] {
color: #222;
}
body .checkout-alert-banner .alert {
margin-left: 0px;
margin-right: 0px;
}
body #subheader {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 5px;
background: #f8f8f8;
}
body #subheader .page-title {
text-transform: capitalize;
}
body .payment-info-section .alert {
margin-top: 0;
border-top: none;
border-bottom: none;
border-right: none;
padding: 12px 40px 11px 14px;
}
body footer.secure-footer {
background: #f7f7f7;
}
body footer.secure-footer .secure-footer__customer-services {
font-size: 14px;
font-weight: 500;
}
@media (min-width: 768px) {
body footer.secure-footer .secure-footer__customer-services {
color: #000;
}
}
body small {
font-size: 12px;
}
body h2,
body h3,
body h4 {
letter-spacing: normal;
}
body .text-small,
body .text-small-xs,
body .small {
color: #000000;
font-size: 12px;
}
body .nx-select .nx-icon.right-Arrow {
transform: rotate(0deg);
background-size: contain;
background-repeat: no-repeat;
background-position: 0px 8px;
background-image: url(../images/next/icon-ui-chevron.svg);
width: 15px;
}
[dir=rtl] body .nx-select .nx-icon.right-Arrow {
transform: rotate(0deg);
}
body .nx-icon.left-Arrow,
body .nx-icon.nx-back {
background: url(../images/next/icon-ui-chevron.svg) no-repeat;
background-position: center;
background-size: 100%;
transform: rotate(90deg);
width: 14px;
}
body .nx-icon.right-Arrow:not(button) {
background: url(../images/next/icon-ui-chevron.svg) no-repeat;
background-position: center !important;
background-size: 100%;
transform: rotate(-270deg);
width: 14px;
}
[dir=rtl] body .nx-icon.right-Arrow:not(button) {
transform: rotate(270deg);
}
body .nx-icon.nav-nextlogo {
background-image: url(../images/logo-large.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 70px;
height: 20px;
}
body .nx-icon.nav-padlock {
background-image: url(../images/next/icon-outline-secure.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 22px;
width: 18px;
margin-left: 8px;
}
body .nx-icon.nav-bag {
background-image: url(../images/next/icon-outline-bag.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 21px;
}
body .nx-icon.nx-tooltip {
width: 24px;
height: 24px;
background-image: url(../images/icon-outline-question.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: 8px;
}
body .nx-icon.up-Arrow {
background-image: url(../images/next/icon-ui-chevron.svg) !important;
background-size: contain !important;
background-position: center;
background-repeat: no-repeat;
width: 16px !important;
height: 16px !important;
transform: rotate(180deg);
top: 22px;
right: 4px;
}
body #header-bag-item-count {
font-size: 11px;
top: 5px;
}
body .page-heading h2 {
font-weight: 600;
font-size: 16px;
letter-spacing: normal;
text-transform: capitalize;
}
body header.alert.nx-success {
border: none;
background: #f4f9f6;
border-inline-start: 2px solid var(--components-alert-success-default-border-color, #257f39);
}
body .alert.alert-info,
body .alert.nx-mobile-info,
body .alert.nx-info {
border: none;
border-inline-start: 2px solid var(--components-alert-info-default-border-color, #1d89dd);
background: #f4f9fd;
color: #000000;
border-radius: 0px;
padding-top: 16px;
padding-bottom: 16px;
}
body .alert .alert-heading {
letter-spacing: normal;
text-transform: capitalize !important;
font-size: 15px;
}
body .alert.nx-advisory {
border: none;
border-inline-start: 2px solid var(--components-alert-warning-default-border-color, #d88f31);
background: #fdf9f5;
}
body .alert.nx-failure {
border: none;
border-inline-start: 2px solid var(--components-alert-error-default-border-color, #d91440);
background: #fdf3f5;
}
body .alert.nx-failure .nx-alertbody {
color: #000000;
}
body .alert.nx-failure .nx-alertbody div > span {
color: #000000;
text-transform: none !important;
}
body .alert.alert-success,
body .alert.nx-mobile-success {
border: none;
border-inline-start: 2px solid var(--components-alert-success-default-border-color, #257f39);
color: #000000;
padding-left: 16px;
}
body .alert.alert-success .alert-icon,
body .alert.nx-mobile-success .alert-icon {
display: none;
}
body .nx-select {
background: #ffffff;
border-radius: 4px;
border: 1px solid #9e9e9e;
}
body select:focus {
outline: none;
}
body .nx-info-shoppingbag {
border: none;
border-left: 2px solid #1d89dd;
background: #f4f9fd;
}
body .dk_container .dk_toggle:focus {
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
body .dk_container .dk_toggle.error {
border-color: #d91440;
}
body .panel-link,
body .panel-level-content {
margin-left: 16px;
margin-right: 16px;
}
body .panel-heading {
padding: 0 16px;
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
@keyframes spin {
to {
transform: rotate(359deg);
}
}
body .uk-auth .auth-banner {
position: relative;
top: -5px;
}
body .uk-auth .alert {
margin: 0;
line-height: 1.5;
padding-right: 30px;
}
body .uk-auth .panel-level-content {
margin: 0;
}
body .nx-icon.nav-nextlogo.white {
background-image: url(../images/next/logo-large-white.svg);
}
#navigationheader {
width: 100%;
top: 0;
height: 44px;
background-color: #000;
overflow: hidden;
}
#header-bag-icon {
position: relative;
}
#header-bag-item-count {
position: absolute;
top: 5px;
left: 1px;
width: 23px;
text-align: center;
color: #fff;
font-size: 14px;
}
.nav-header-left {
text-align: left;
height: 44px;
}
.nav-header-center {
text-align: left;
height: 44px;
}
.nav-header-right {
text-align: right;
height: 44px;
}
.nav-header-left,
.nav-header-center,
.nav-header-right {
font-size: 0;
}
.nav-header-left a {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 5px;
}
.nav-header-left a:first-of-type {
margin: 0 0 0 11px;
}
.nav-header-center a {
display: inline-block;
vertical-align: middle;
}
.nav-header-right a {
display: inline-block;
vertical-align: middle;
margin: 0 22px 0 0;
}
.nav-header-right a:last-of-type {
margin: 0 11px 0 0;
}
.valign-helper {
display: inline-block;
vertical-align: middle;
height: 100%;
}
.nx-icon.nav-Accessibility {
display: none;
}
#header-accessibility {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#mainwrapper {
min-width: 100%;
width: 100%;
}
#mainwrapper #totalPlatformBanner {
height: 36px;
background-color: #000;
padding-top: 5px;
padding-right: 0;
box-shadow: inset 0 -1px 0 0 #fff;
padding-left: 0;
}
#mainwrapper #totalPlatformBanner .ShopBanner {
background-image: url(../images/shop-Tplite-chevron-left.svg);
background-repeat: no-repeat;
background-position: 0 0;
padding-top: 3px;
margin: 0 auto;
}
#mainwrapper #totalPlatformBanner .ShopBanner .ShopText {
text-transform: uppercase;
width: 40px;
height: 25px;
margin: 2px 1px 0 28px;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1px;
color: #fff;
cursor: pointer;
}
#subheader {
padding-top: 0.3em;
padding-bottom: 0.25em;
text-align: center;
line-height: 1.99rem;
background-color: #f7f7f7;
width: 100%;
border-bottom: 1px solid #c7c5c5;
border-top: 1px solid #000;
}
#back-button {
position: absolute;
width: 2.75em;
cursor: pointer;
}
#page-title {
margin: 0;
font-family: "azo-sans", sans-serif;
font-weight: 700;
text-transform: uppercase;
}
main {
padding: 0.5rem;
}
.banner {
border: solid 1px #cdcdcd;
margin: 10px;
padding: 5px;
border-radius: 3px;
}
.banner span {
text-transform: capitalize;
display: block;
color: #66afe9;
}
.header-small-font {
font-size: 14px;
margin-top: 9px;
text-transform: uppercase;
letter-spacing: 1.6px;
margin-top: 10px;
margin-bottom: 14px;
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
details,
footer,
header,
main,
nav,
section {
display: block;
}
[hidden] {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
small {
font-size: 80%;
}
button,
select {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled] {
cursor: default;
}
button::-moz-focus-inner {
border: 0;
padding: 0;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.label {
border: 1px solid #000;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 1.42857143;
color: #000;
background-color: #fff;
font-weight: 300;
}
button,
select {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: inherit;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
img {
vertical-align: middle;
}
input[type=radio],
input[type=checkbox] {
margin: 4px 0 0;
line-height: normal;
}
input[type=checkbox] {
width: 1.5em;
height: 1.5em;
margin-right: 2%;
}
body:not([data-country=GB]) input[type=checkbox] {
-webkit-appearance: none;
position: relative;
}
body:not([data-country=GB]) input[type=checkbox]:after {
content: "";
height: 20px;
width: 20px;
border: 1px solid #9e9e9e;
border-radius: 4px;
display: block;
position: absolute;
top: 5px;
left: 0px;
top: 0px;
background: #ffffff;
}
p {
margin: 0 0 10px;
}
small,
.small {
font-size: 0.688rem;
display: inline-block;
line-height: 1.3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-success {
color: #87b26a;
}
a.text-success:hover {
color: #6d9a4f;
}
.text-info {
color: #000;
}
a.text-info:hover {
color: #000;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul {
margin-bottom: 0;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 11px;
padding-right: 11px;
}
@media (min-width: 480px) {
.container {
width: 742px;
}
}
@media (min-width: 768px) {
.container {
width: 962px;
}
}
@media (min-width: 1024px) {
.container {
width: 1162px;
}
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-xs-12,
.col-sm-12,
.col-md-12 {
position: relative;
min-height: 1px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 480px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 768px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
label {
display: inline-block;
margin-bottom: 5px;
font-weight: 300;
}
select[multiple],
select[size] {
height: auto;
}
@font-face {
font-family: "Glyphicons Halflings";
src: url(../fonts/glyphicons-halflings-regular.eot?);
src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.open > a {
outline: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #999;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #000;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-weight: 300;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
.label[href]:hover,
.label[href]:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.label-default {
background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.alert {
padding: 0.5rem 0.75rem;
margin-bottom: 1rem;
border: 1px solid transparent;
font-weight: 400;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.alert:before,
.alert:after {
content: " ";
display: table;
}
.alert:after {
clear: both;
}
.alert:before,
.alert:after {
content: " ";
display: table;
}
.alert:after {
clear: both;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: 700;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.panel-body > .alert {
margin: 0.5em;
}
.alert-success {
background-color: #f1f7ec;
border-color: #87b26a;
color: #87b26a;
margin-top: 0.5rem;
}
.alert-success .alert-link {
color: #6d9a4f;
}
.alert-info {
background-color: #fff;
border-color: #000;
color: #000;
margin-top: 0.5rem;
}
.alert-info .alert-link {
color: #000;
}
.alert-mobile-info {
background-color: rgba(102, 175, 233, 0.05);
border-color: #66afe9;
color: #66afe9;
margin-top: 0.5rem;
}
.alert-mobile-info .alert-link {
color: #3998e3;
}
.alert-mobile-success {
background-color: #f1f7ec;
border-color: #87b26a;
color: #87b26a;
margin-top: 0.5rem;
}
.alert-mobile-success .alert-link {
color: #6d9a4f;
}
.alert-mobile-advisory {
background-color: #af8651;
border-color: #87b26a;
color: #b79262;
margin-top: 0.5rem;
}
.alert-mobile-advisory .alert-link {
color: #9e7948;
}
.alert-mobile-error {
background-color: #fcedec;
border-color: #87b26a;
color: #f00;
margin-top: 0.5rem;
}
.alert-mobile-error .alert-link {
color: #c00;
}
.nx-alertbody ul {
margin-top: 0;
padding-left: 1.7em;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.panel {
margin: 0.5em;
background-color: #fff;
border: 1px solid #f5f5f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.panel-body {
position: relative;
}
.panel-body .alert {
margin-top: 0.5rem;
}
.panel-heading {
padding: 0 0.75rem;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
line-height: 2rem;
color: inherit;
font-family: "azo-sans", sans-serif;
font-weight: 400;
text-transform: uppercase;
}
.panel-title > a {
display: block;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-success {
border-color: #87b26a;
}
.panel-success > .panel-heading {
color: #87b26a;
background-color: #f1f7ec;
border-color: #87b26a;
}
.panel-info {
border-color: #000;
}
.panel-info > .panel-heading {
color: #000;
background-color: #fff;
border-color: #000;
}
.panel-default .panel-default {
margin: 0 0;
border: none;
}
.panel-default .panel-default:not(:last-child) {
border-bottom: 1px solid #f5f5f5;
}
.panel-default .panel-default > .panel-heading {
border: none;
background-color: #fff;
}
.panel-default .panel-default > .panel-heading > .panel-title {
text-transform: none;
font-size: 0.875rem;
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-default .panel-default > .panel-body {
padding-left: 0;
padding-right: 0;
}
.panel-level-content {
margin-right: 0.5rem;
margin-left: 0.5rem;
margin-bottom: 0.5rem;
}
.panel-level-content:before,
.panel-level-content:after {
content: " ";
display: table;
}
.panel-level-content:after {
clear: both;
}
.panel-level-content:before,
.panel-level-content:after {
content: " ";
display: table;
}
.panel-level-content:after {
clear: both;
}
.panel-link {
font-family: "azo-sans", sans-serif;
text-transform: uppercase;
display: block;
text-decoration: none;
padding-left: 0.75rem;
padding-right: 0.75rem;
background: #f5f5f5;
border: none;
margin: 0 0.5rem 1rem 0.5rem;
font-weight: 400;
line-height: 2rem;
color: #333;
}
.panel-link:hover {
text-decoration: none;
}
.panel-link:active {
background-color: #f1f1f1;
}
[data-toggle=collapse] {
cursor: pointer;
}
.panel-link.disabled {
background: #f8f8f8;
color: #c4c2c2;
}
.panel-default {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.tooltip {
position: absolute;
top: 0;
left: 0;
z-index: 1030;
font-size: 12px;
line-height: 1.4;
max-width: 200px;
padding: 1px;
text-align: left;
background-color: #fff;
background-clip: padding-box;
white-space: normal;
}
.tooltip.top {
margin-top: -10px;
}
.tooltip.right {
margin-left: 10px;
}
.tooltip.left {
margin-left: -10px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #000;
text-align: justify;
text-decoration: none;
background-color: #fff;
border-radius: 4px;
}
.tooltip > .tooltip-arrow,
.tooltip > .tooltip-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip > .tooltip-arrow {
border-width: 11px;
}
.tooltip > .tooltip-arrow:after {
border-width: 10px;
content: "";
}
.tooltip.top > .tooltip-arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
bottom: -11px;
}
.tooltip.top > .tooltip-arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.tooltip.right > .tooltip-arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #ccc;
border-right-color: rgba(0, 0, 0, 0.2);
}
.tooltip.right > .tooltip-arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.tooltip.left > .tooltip-arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #ccc;
border-left-color: rgba(0, 0, 0, 0.2);
}
.tooltip.left > .tooltip-arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after {
content: " ";
display: table;
}
.container:after,
.row:after,
.nav:after {
clear: both;
}
.show {
display: block !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.visible-xs,
.visible-sm,
.visible-md {
display: none !important;
}
@media (max-width: 479px) {
.visible-xs {
display: block !important;
}
}
@media (min-width: 480px) and (max-width: 767.95px) {
.visible-sm {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 1023.95px) {
.visible-md {
display: block !important;
}
}
@media (max-width: 479px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 480px) and (max-width: 767.95px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1023.95px) {
.hidden-md {
display: none !important;
}
}
.panel.panel-default {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.panel-default > .panel-heading {
background-color: #f5f5f5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-transform: uppercase;
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #f1f7ec 0%, #e4efda 100%);
background-image: linear-gradient(to bottom, #f1f7ec 0%, #e4efda 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff1f7ec",endColorstr="#ffe4efda",GradientType=0);
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%);
background-image: linear-gradient(to bottom, white 0%, #f2f2f2 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#fff2f2f2",GradientType=0);
}
@media (min-width: 768px) {
.container-md {
margin-right: auto;
margin-left: auto;
padding-left: 11px;
padding-right: 11px;
width: 768px;
}
}
.nx-alertbody {
font-weight: 400;
}
.nx-label {
overflow: hidden;
}
.nx-value {
float: right;
margin-left: 1rem;
}
.nx-success {
background-color: #f1f7ec;
border-color: #87b26a;
color: #87b26a;
margin-top: 0.5rem;
color: #000;
}
.nx-success .alert-link {
color: #6d9a4f;
}
.nx-failure {
background-color: #fcedec;
border-color: #f00;
color: #f00;
margin-top: 0.5rem;
}
.nx-failure .alert-link {
color: #c00;
}
.nx-advisory {
background-color: #fef7ee;
border-color: #b79262;
color: #b79262;
margin-top: 0.5rem;
color: #000;
}
.nx-advisory .alert-link {
color: #9e7948;
}
.nx-info {
background-color: #fff;
border-color: #000;
color: #000;
margin-top: 0.5rem;
}
.nx-info .alert-link {
color: #000;
}
.nx-mobile-info {
background-color: rgba(102, 175, 233, 0.05);
border-color: #66afe9;
color: #66afe9;
margin-top: 0.5rem;
}
.nx-mobile-info .alert-link {
color: #3998e3;
}
.nx-mobile-error {
background-color: #fcedec;
border-color: #87b26a;
color: #f00;
margin-top: 0.5rem;
}
.nx-mobile-error .alert-link {
color: #c00;
}
.nx-mobile-success {
background-color: #f1f7ec;
border-color: #87b26a;
color: #87b26a;
margin-top: 0.5rem;
}
.nx-mobile-success .alert-link {
color: #6d9a4f;
}
.nx-mobile-advisory {
background-color: #af8651;
border-color: #87b26a;
color: #b79262;
margin-top: 0.5rem;
}
.nx-mobile-advisory .alert-link {
color: #9e7948;
}
.nx-title {
font-weight: bold;
padding-bottom: 10px;
}
.nx-icon.nav-nextlogo {
background-position: -74px -39px;
width: 83px;
height: 25px;
}
.nx-icon.nav-bag {
background-position: -256px -256px;
width: 25px;
height: 25px;
margin-bottom: 2px;
}
.nx-icon.nav-padlock {
background-position: -3px -39px;
width: 14px;
height: 18px;
}
.nx-icon.find {
background-position: -111px -144px;
width: 25px;
height: 20px;
}
.nx-icon.error-sign {
background-position: -75px -144px;
width: 25px;
height: 20px;
}
.nx-icon.Search {
background-position: -291px -74px;
width: 25px;
}
.nx-icon.PadLock {
background-position: -3px -39px;
width: 20px;
}
.nx-icon.nx-logo {
background-position: -75px -39px;
width: 82px;
height: 23px;
}
.nx-icon.left-Arrow {
background-position: -4px -6px;
height: 12px;
width: 6px;
color: #111;
}
.nx-icon.right-Arrow {
background-position: -39px -4px;
height: 12px;
width: 6px;
}
.nx-icon.right-Arrow.right-ArrowExtra {
background-position: -43px -6px;
margin-top: 11px;
}
.nx-icon.up-Arrow {
background-position: -39px -4px;
height: 12px;
width: 6px;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
-webkit-transform-origin: center;
transform-origin: top;
}
.nx-icon.nx-tooltip {
background-position: -76px -4px;
width: 25px;
}
.nx-icon.nx-bag {
background-position: -219px -4px;
width: 31px;
height: 32px;
}
.nx-icon.nx-search {
background-position: -255px -4px;
width: 25px;
height: 23px;
}
.left-ArrowExtra-Disabled {
opacity: 0.1;
}
.left-ArrowExtra {
margin-top: 11px;
}
.nx-section-divider {
border-bottom: 0.5rem solid #f5f5f5;
}
a ~ .nx-icon.nx-tooltip {
float: none;
top: 0;
margin-left: 0.5em;
margin-top: -0.25em;
}
.nx-ul {
padding: 0 0 0 15px;
}
.nx-ul li {
margin-bottom: 0.5em;
}
a[href^="tel:"] {
font-weight: 700;
white-space: nowrap;
text-decoration: none;
}
.error-styling-req {
color: #f00;
display: block;
margin-top: 5px;
margin-bottom: 2px;
font-size: 0.688em;
}
.payment-option {
background: #fff;
border: 0.1rem solid #f5f5f5;
text-transform: none;
}
@media (min-width: 768px) {
.mobileSecondaryContainer {
margin-top: 10px;
padding: 20px;
text-align: center;
}
}
.auth-banner p {
padding-bottom: 10px;
}
.order-item {
margin: 0 0 75px 0;
}
.order-item p {
margin: 0;
padding: 0;
}
@-webkit-keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#main {
min-height: 21rem;
}
.payment-value {
margin-bottom: -9px;
}
a[href^="tel:"] {
font-weight: 400;
text-decoration: underline;
}
@media only screen and (max-width: 767.95px) and (min-width: 480px) {
.guestCheckout-container__provider {
margin-bottom: 0;
width: 100%;
float: right;
}
}
.panel-level-content {
margin-left: 8px;
}
.panel-level-content h5.panel-heading {
font-family: "azo-sans", sans-serif;
line-height: 1.5;
letter-spacing: 0.4px;
color: #222;
text-align: center;
margin-bottom: 16px;
background: none;
border: none;
text-transform: none;
margin-top: 0;
margin-bottom: 0.5rem;
}
.nx-alertbody {
font-weight: unset;
}
.nx-alertbody p {
margin-bottom: 0;
}
.display-none {
display: none;
}
.applepay-mobile-link {
display: none;
}
.panel-level-content {
margin-top: 6px;
}
.panel-level-content .guestCheckout-container {
padding: 0;
}
.panel-level-content .guestCheckout-container .guestCheckout-container__provider {
height: initial;
margin-bottom: 0;
}
.panel-level-content .guestCheckout-container .guestCheckout-container__provider a.gcbtn.guestCheckout__button {
width: 100%;
}
.up-Arrow {
position: absolute;
right: 8px;
height: 26px !important;
width: 28px !important;
}
.Divider {
border: solid 0.5px #c7c5c5;
margin: 0 -12px 0 -12px;
}
#search-options {
position: relative;
width: 100%;
height: 60px;
margin: 0 auto;
padding: 8px 16px;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#search-options:before,
#search-options:after {
content: " ";
display: table;
}
#search-options:after {
clear: both;
}
.active {
background-color: #f8fcf8;
border: 0.1rem solid #5cb85c;
}
#registration_container {
color: #000;
font-family: "azo-sans", sans-serif;
}
.registration_secondary_container {
padding-top: 10px;
text-align: center;
}
.registration_secondary_container h2 {
color: #000;
display: block;
font-size: 32px;
margin: 0;
text-transform: uppercase;
}
.registration_secondary_container h2,
.registration_secondary_container h1 {
background: none;
font-family: "azo-sans", sans-serif;
margin-bottom: 0;
padding: 0;
white-space: nowrap;
}
.registration_secondary_container h1 span {
text-transform: none;
font-size: 20px;
margin-top: 5px;
margin-bottom: 20px;
}
.registration_secondary_container h2 span {
text-transform: uppercase;
color: #999;
}
#registrationBtn {
background: #222;
border: 1px solid #000;
border-radius: 4px;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "azo-sans", sans-serif;
font-size: 14px;
font-stretch: normal;
font-style: normal;
font-weight: 600;
letter-spacing: 1.6px;
margin-top: 8px;
padding: 0 0 0 0;
text-align: center;
text-decoration: none;
user-select: none;
text-transform: uppercase;
vertical-align: middle;
width: 100%;
letter-spacing: 1px;
}
.guest-nationalid-capture {
font-family: "azo-sans", sans-serif;
line-height: 1.42857143;
}
.mobileSecondaryContainer .panel-heading,
#guestCheckoutProvidersContainer .panel-heading {
font-family: "azo-sans";
font-weight: 600;
height: unset;
text-transform: capitalize;
font-size: 15px;
margin: 10px;
border: none;
letter-spacing: 0.4px;
color: #000;
}
#guestCheckoutProvidersContainer {
font-weight: 400;
}
#guestCheckoutProvidersContainer label {
font-weight: 400;
}
#guestCheckoutProvidersContainer a {
text-decoration: underline;
}
#guestCheckoutProvidersContainer p {
font-weight: 400;
margin-bottom: 10px;
}
#guestCheckoutProvidersContainer .panel-heading {
font-family: "azo-sans", sans-serif;
letter-spacing: normal;
}
@media (min-width: 768px) and (max-width: 810px) {
#registrationBtn {
width: 100%;
}
}
#guestCheckoutProvidersContainer a.gcbtn.guestCheckout__button {
width: 100%;
}
body .panel-level-content {
margin-left: 5.5%;
margin-right: 5.5%;
}
#registration_container .guestCheckout-container__provider {
float: none;
padding-bottom: 0px;
}
.ApplePay {
margin-top: 12px;
}
@media (min-width: 768px) {
#registrationBtn {
max-width: 369px;
height: 48px;
line-height: 48px;
}
#registration_container {
width: 100%;
max-width: 415px;
margin-right: 16px;
margin-left: auto;
padding-bottom: 12px;
}
.mobileSecondaryContainer {
display: none;
}
.prompt-wrapper ._widget {
display: inherit;
}
#registrationBtn span {
letter-spacing: 1.6px;
font-weight: normal;
}
.registration_secondary_container {
margin-top: 48px;
}
.registration_secondary_container h2 {
font-weight: 500;
}
.guestCheckout__button-text span:not(.prompt) {
letter-spacing: 1.6px;
}
/* ApplePay */
#registration_container a.tcs {
color: #28a89d;
text-decoration: none;
}
#registration_container a.tcs:hover {
text-decoration: underline;
}
}
@media (max-width: 800px) {
#registration_container > .registration_secondary_container > .desktopSecondaryContainer > h2,
#registration_container > .registration_secondary_container > .desktopSecondaryContainer > h2 > span {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 810px) {
#registrationBtn {
width: 100%;
}
}
@media (max-width: 767.95px) {
#registration_container {
width: 100%;
padding: 4px 16px 76px 16px;
}
.desktopSecondaryContainer {
display: none;
}
.registration_secondary_container {
margin: auto;
width: 100%;
padding-top: 0px;
}
.registration_secondary_container.panel-level-content {
margin: 0;
}
.mobileSecondaryContainer {
margin: auto;
width: 100%;
}
#registrationBtn {
margin: auto;
width: 100%;
line-height: 44px;
height: 44px;
}
#registrationBtn > span {
font-weight: 600;
letter-spacing: 1px;
}
#registrationBtn span {
letter-spacing: 1px;
font-weight: 600;
}
#guestCheckoutProvidersContainer .guestCheckout-container {
padding: 0;
}
}
/*Beauty PDP variables*/
/*Horizontal Filter variable*/
/*Sales clearance variables*/
/* Desktop Vertical Spread*/
/*Enhanced Style With Ribbon*/
/*chanelPDP*/
/*Desktop Vertical Spread*/
html {
margin-bottom: 1px;
min-height: 100%;
}
* {
margin: 0;
padding: 0;
}
abbr,
acronym,
img {
border: 0;
}
a img,
a:link img,
a:visited img,
a:hover img,
a:focus img,
a:active img {
display: block;
text-decoration: none;
}
abbr,
acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
em {
font-style: italic;
font-weight: normal;
}
caption,
th {
font-style: normal;
font-weight: normal;
text-align: center;
text-transform: capitalize;
}
label,
strong,
th {
font-style: normal;
font-weight: 600;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
h1,
h2,
h3 {
margin-bottom: 0.5em;
}
blockquote,
ul,
ol,
dl {
margin-bottom: 1em;
}
ol,
ul,
dl {
margin-left: 2em;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
ol,
ul {
list-style: none;
}
ol li {
list-style: decimal outside;
}
ol li ol li {
list-style: lower-alpha outside;
}
ul li {
list-style: disc outside;
}
dl dt {
margin-left: 0;
font-weight: bold;
}
dl dd {
margin-bottom: 0.4em;
margin-left: 0;
}
table {
font-size: inherit;
}
table,
th,
td {
border: 0;
}
tr {
vertical-align: top;
}
p,
fieldset {
margin-bottom: 1em;
}
hr {
border: none;
clear: both;
height: 1px;
line-height: 1px;
}
body {
font: normal 13px/1.3 Helvetica Neue, Helvetica, Arial, sans-serif;
*font-size: small;
*font: x-small;
}
h1 {
font: 236.36% "azo-sans", Helvetica, Arial, sans-serif;
}
h2 {
font-weight: bold;
font-size: 109%;
}
h3,
h4 {
font-size: 100%;
font-weight: bold;
}
input,
select,
textarea,
button {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 1em;
}
#divStorefrontContentSection div {
line-height: normal;
}
.helper,
#access {
/* display:none; hides content from screen readers so... */
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -500em;
width: 1px;
}
body.noscroll {
position: fixed;
width: 100%;
overflow: hidden;
}
/*Header tooltip*/
.tooltipContainer {
position: absolute;
right: 0;
display: none;
}
.tooltipContainer.Show {
display: block;
}
.topArrow {
padding-top: 9px;
top: -9px;
background: url("../images/Structural/Arrows/field-tip-arrow.png") top right no-repeat;
position: absolute;
width: 18px;
right: 13px;
}
.tooltip {
width: 148px;
margin-top: -1px;
color: #424242;
background-color: #fff;
border: 1px solid #dedede;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.tooltip .tooltipMessage {
padding: 5px;
text-align: center;
}
#ChannelRedirect_Background {
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 100000;
}
#ChannelRedirect_Background > #outer {
text-align: center;
width: 100%;
position: absolute;
top: 10%;
}
#ChannelRedirect_Background > #outer > .ChannelRedirect {
padding: 40px;
background-color: white;
border-radius: 5px;
margin: auto auto;
width: 450px;
height: 200px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
color: #424242;
}
.ChannelRedirect > .h1_mimic {
font-size: 100%;
font-weight: normal;
margin-bottom: 0.5em;
font: 236.36% "azo-sans", Helvetica, Arial, sans-serif;
}
.ChannelRedirect > .p_large {
font-size: 1.3em;
}
.ChannelRedirect > .border_bottom {
width: 100%;
border-bottom: 1px dotted #999999;
margin: 20px 0;
}
.ChannelRedirect > #ChannelRedirect_Cancel {
text-transform: uppercase;
}
/* nextunlimited My Account's */
.nuHeader2 {
font: 12px/1.3 Helvetica, Arial, sans-serif;
text-transform: none;
}
.nuSummaryImage {
width: 25px;
padding: 0px 5px 0px 5px;
}
.nuSummaryTitle {
font-weight: bold;
line-height: 35px;
}
.nuSummaryBody {
padding-left: 35px;
line-height: 35px;
}
/* RemainLoggedIn */
.btnComplete {
border-radius: 3px;
display: inline-block;
padding: 4px 10px;
border: 1px solid #c5c5c5;
color: #111;
background-color: #fff;
text-decoration: none;
cursor: pointer;
font-weight: 500;
-webkit-touch-callout: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btnComplete.btnComplete-primary {
padding-top: 6px;
padding-bottom: 7px;
color: #fff;
border: 0;
text-transform: uppercase;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
background: #111;
}
div.CompleteBtn div.form-group {
display: inline-block;
padding-right: 7px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
div.dk_container > a {
background-color: #ffffff;
border-radius: 2px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 12px;
}
div.dk_container > a.dk_toggle.dk_label text {
pointer-events: none;
}
div.dk_container.dk_open .dk_options_inner a {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 12px;
direction: ltr;
}
div.dk_options {
background: #ffffff;
}
.flagContainer {
height: 30px;
width: 38px;
padding: 0 0 0 5px;
z-index: 1000;
margin: 8px 0 0 3px;
}
.flagContainer.open {
background-color: #ffffff;
}
.countrySelector {
color: #222222;
min-height: 189px;
position: absolute;
z-index: 1000;
top: 46px;
display: none;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 400;
width: 310px;
left: auto;
right: -3px;
background-color: #ffffff;
box-shadow: 0 3px 6px 0 rgba(164, 164, 164, 0.5);
}
@media (min-width: 1024px) {
.countrySelector {
left: 681px;
}
}
@media only screen and (min-width: 1280px) {
.bp1280 .countrySelector {
left: 921px;
}
}
.countrySelector .rightPane {
height: 100%;
width: 310px;
float: right;
}
.countrySelector .rightPane [dir=rtl] {
float: left;
}
.countrySelector .rightPane .paneContent {
padding: 27px 14px 0 20px;
font-size: 12px;
}
.countrySelector .rightPane .paneContent .section {
display: inline-block;
padding: 0 0 8px 0;
width: 100%;
}
.countrySelector .rightPane .paneContent .section label {
font-size: 12px;
line-height: 1.75;
font-weight: 400;
height: 21px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
text-align: left;
color: #222222;
}
.countrySelector .rightPane .paneContent .section label.country {
display: block;
margin-bottom: 6px;
}
.countrySelector .rightPane .paneContent .section .viewAllText {
height: auto;
}
.countrySelector .rightPane .paneContent .section .dk_container {
height: 26px;
}
.countrySelector .rightPane .paneContent .section .dk_container a {
color: #424242;
height: 15px;
padding-top: 4px;
}
.countrySelector .rightPane .paneContent .section .dk_container .dk_options {
line-height: 12px;
}
.countrySelector .rightPane .paneContent .section .languageButtons {
padding-top: 0;
width: 256px;
}
.countrySelector .rightPane .paneContent .section .languageButtons .languageButton {
float: left;
min-width: 77px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
color: #222222;
line-height: 14px;
padding: 11px 10px 11px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-appearance: none;
outline: none;
max-width: 248px;
margin: 5px 5px 0 0;
border: 1px solid #dedede;
background-color: #fff;
cursor: pointer;
box-sizing: border-box;
}
.countrySelector .rightPane .paneContent .section .languageButtons .languageButton.selected {
border-color: #000;
color: #000;
box-sizing: border-box;
}
.countrySelector .rightPane .paneContent .section .languageButtons .divider {
width: 5px;
}
.countrySelector .rightPane .paneContent .section .languageButtons .LineSpace {
position: relative;
width: 300px;
height: 10px;
}
.countrySelector .rightPane .paneContent .section .languageLabel.hidden {
display: none;
}
.countrySelector .rightPane .paneContent .section .languageList {
display: none;
}
.countrySelector .rightPane .paneContent .section .shopNow {
width: 100%;
padding-top: 15px;
}
.countrySelector .rightPane .paneContent .section .shopNow .stayOnNext {
color: #424242;
float: left;
padding-top: 5px;
}
.countrySelector .rightPane .paneContent .section .shopNow .stayOnNext.hidden {
display: none;
}
.countrySelector .rightPane .paneContent .section .shopNow label {
float: left;
color: #a2a2a2;
font-size: 10px;
padding-top: 4px;
}
.countrySelector .rightPane .paneContent .bottomSection {
display: inline-block;
width: 100%;
}
.countrySelector .rightPane .paneContent .bottomSection .shopNow .stayOnNext {
color: #424242;
float: left;
padding-top: 5px;
}
.countrySelector .rightPane .paneContent .bottomSection .shopNow .stayOnNext.hidden {
display: none;
}
.countrySelector .selectorDropdown {
box-sizing: border-box;
width: 250px;
height: 26px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-bottom: 10px;
background-color: #ffffff;
}
.countrySelector .selectorDropdown a {
border-color: #c7c5c5;
}
.countrySelector .divider {
position: absolute;
left: 287px;
top: 19px;
bottom: 19px;
border-left: dotted 2px #dedede;
}
.shopNow .btnFlagSelectorShopNow {
background-color: #1a6461;
color: #ffffff;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 12px;
float: right;
font-size: 11px;
margin-right: 1px;
cursor: pointer;
text-align: center;
letter-spacing: 1px;
line-height: 14px;
}
.btnFlagSelectorShopNow [dir=rtl] {
float: left;
margin-left: 0;
}
.btnFlagSelectorShopNow.disabled {
background-color: #dedede;
}
.FlagNoClick {
cursor: default !important;
}
.flagContainer .HeaderFlag {
width: 26px;
height: 18px;
cursor: pointer;
display: inline-block;
border: none;
margin-top: 2px;
}
.header-country-flag {
margin-top: 2px;
width: 26px;
height: 26px;
border: solid 2px var(--brand-logo-default-icon-color, #fff);
border-radius: 50%;
}
/*dropkick*/
.HeaderFlag.flagBackground.dkFlag {
float: left;
margin-right: 5px;
}
.dkFlagText {
padding-top: 7px;
}
.dkFlagList {
list-style-type: none;
}
.HeaderFlag_small {
margin: 0 10px -3px 0;
width: 21px;
height: 15px;
border: 1px solid #fff;
display: inline-block;
}
.HeaderFlag_small.flagBackground {
background: url("../images/Structural/Footer/Flags/small.png");
background-position: -60px -182px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.HeaderFlag_large {
width: 48px !important;
height: 34px !important;
cursor: pointer;
display: inline-block !important;
border: 1px solid #ddd;
}
.HeaderFlag_large.flagBackground {
background: url("../images/Structural/Footer/Flags/large-flags-sprite.png");
}
.flagSelectorContainer {
float: right;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flagSelectorContainer.open {
background-color: #fff;
}
.PageHeader .flagSelectorContainer.open {
background-color: transparent;
}
.PageHeader .flagContainer.open {
background-color: transparent;
}
.PageHeader .countrySelector {
top: 70px;
height: 231px !important;
}
.PageHeader .countrySelector::before {
background-color: #fff;
content: " ";
display: block;
height: 25px;
right: 15px;
position: absolute;
top: -10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 25px;
z-index: 1000;
}
.PageFooter .countrySelector {
left: 665px;
}
.PageFooter .countrySelector .dividerHorizontal {
border: none;
}
.PageFooter .countrySelector .countrySelectDD,
.PageFooter .countrySelector .countrySelectDD * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.PageFooter .flagContainer {
width: 32px;
}
.msgbox {
border: 1px solid #000;
border-radius: 5px;
background-color: #fff;
margin-top: 16px;
font-family: sans-serif;
padding: 16px;
}
.msgbox .msgboxContent {
color: #000;
font-weight: 400;
font-size: 12px;
min-height: 32px;
background-repeat: no-repeat;
background-position: left;
padding-left: 48px;
}
.msgbox .msgboxContent .msgboxTitle {
font-weight: 600;
line-height: 16px;
}
.msgbox .msgboxContent .msgboxBody {
line-height: 16px;
}
.msgbox .msgboxContent .msgboxBody.msgboxLargeSingleLineMessage {
font-size: 1.3em;
line-height: 32px;
}
.msgbox .msgboxContent .msgboxTitle a,
.msgbox .msgboxContent .msgboxTitle a:link,
.msgbox .msgboxContent .msgboxBody a,
.msgbox .msgboxContent .msgboxBody a:link {
text-decoration: underline;
}
.msgbox .msgboxContent .msgboxTitle a:hover,
.msgbox .msgboxContent .msgboxBody a:hover {
text-decoration: none;
}
.msgbox.advisory {
border-color: #b79260;
background-color: #fef7ec;
}
.msgbox.advisory .msgboxContent {
background-image: url("../images/structural/messagebox/Advisory.png");
}
.msgbox.success {
border-color: #87b26a;
background-color: #f1f7ec;
}
.msgbox.success .msgboxContent {
background-image: url("../images/structural/messagebox/Success.png");
background-position: top left;
}
.msgbox.failure {
border-color: #f01616;
background-color: #fff2f2;
}
.msgbox.failure .msgboxContent {
background-image: url("../images/structural/messagebox/Failure.png");
}
.msgbox.info {
border-color: #66afe9;
background-color: #f7fbfe;
}
.msgbox.info .msgboxContent {
background-image: url("../images/structural/messagebox/Info.png");
}
.msgbox.msgboxNoIcon .msgboxContent {
padding-left: 0;
background-image: none;
}
.old-ie {
display: none;
}
.old-ie .msgbox .msgboxContent .msgboxBody a {
text-decoration: none;
color: #337ab7;
}
.old-ie .msgbox .msgboxContent .msgboxBody a:hover {
color: #23527c;
text-decoration: underline;
}
.PersonaliseServiceDownMessage .msgbox .msgboxContent .msgboxTitle {
font-size: 14px;
}
#PersonalisedGiftsInBagMessage .msgboxContent .msgboxBody .EditEnabled {
text-align: center;
}
#PersonalisedGiftsInBagMessage .msgboxContent .msgboxBody .EditEnabled h2 {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
#CustomItemsInBagMessage .msgboxContent .msgboxBody {
text-align: left;
}
#CustomItemsInBagMessage .msgboxContent .msgboxBody h2 {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
}
.singlePDPModalContents {
overflow: hidden;
}
.singlePDPModalContents * {
box-sizing: content-box;
}
.singlePDPModalContents a.closeButton {
float: right;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
color: #1a6461;
cursor: pointer;
width: 65px;
margin-top: 3px;
text-align: left;
font-size: 12px;
background-image: url("../images/Structural/ModalPopup/cross-light.png");
background-repeat: no-repeat;
background-position: 44px 0;
line-height: 20px;
}
.singlePDPModalContents .singlePDPModalHeader {
height: 22px;
clear: both;
color: #000;
padding: 22px 20px 13px 24px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
}
.singlePDPModalContents .singlePDPModalHeader h2 {
font-size: 16px;
font-weight: normal;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
color: #000;
margin-right: 85px;
letter-spacing: 1.5px;
line-height: normal;
float: left;
}
.singlePDPModalContents .singlePDPModalFooter {
height: 30px;
clear: both;
position: relative;
}
.singlePDPModalContents .singlePDPModalFooter a.continueShopping {
display: inline-block;
position: absolute;
right: 20px;
top: 5px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #1a6461;
line-height: 22px;
text-decoration: underline;
cursor: pointer;
}
.singlePDPModalContents .singlePDPPageWrapper {
width: 819px;
height: 470px;
}
.singlePDPModalContents .singlePDPPageWrapper iframe {
width: 819px;
height: 470px;
}
.singlePDPModalContents .singlePDPPageWrapper .singlePDPModalLoading {
width: 819px;
height: 470px;
background: #ffffff url("../images/Structural/Icons/Loaders/loader.gif") center no-repeat;
z-index: 9999;
position: absolute;
}
/*Beauty PDP variables*/
/*Horizontal Filter variable*/
/*Sales clearance variables*/
/* Desktop Vertical Spread*/
/*Desktop Vertical Spread*/
/* -----------------------------------------------
vCore.css - (Core Site Styling)
Author:Rich Howard
Copyright 2011 Next Retail Ltd.
--------------------------------------------------
===== CONTENTS =====
1:standardize cross-browser rendering
2:set page grids
3:common functional rules
====================
*/
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
padding: 0;
color: #ffffff;
line-height: 18px;
font: 11px sans-serif;
}
a {
color: #000;
text-decoration: none;
}
.ClearBoth {
clear: both;
}
.FloatRight {
float: right;
}
.Hide,
a img.Hide,
a:link img.Hide,
a:visited img.Hide,
a:hover img.Hide,
a:focus img.Hide,
a:active img.Hide {
display: none;
}
.FadedOut {
opacity: 0;
}
.CSSLoadDetector {
display: none;
background-color: #000;
}
.Content {
margin: 0 auto;
position: relative;
}
#ct {
position: relative;
z-index: 1;
}
#PageParams {
display: none;
}
.OverflowFixer {
overflow-x: hidden;
}
#platform_modernisation_footer *,
#platform_modernisation_footer *::before,
#platform_modernisation_footer *::after {
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.ContentArea {
background-color: #ffffff;
color: #111;
margin: 0 auto;
min-width: 1000px;
padding-bottom: 32px;
}
/* DO NOT REMOVE BOTTOM PADDING! IT'S REQUIRED TO SPACE OUT THE TOOLBAR.*/
.Homepage .ContentArea {
padding-bottom: 0;
}
/* EXCEPT ON THE HOMEPAGE, WHERE THE TOOLBAR IS NOT SHOWN */
.ContentArea a {
color: #111;
text-decoration: none;
}
.ContentArea a:hover {
text-decoration: underline;
}
.Homepage .StorefrontContent {
border-bottom: none;
padding-bottom: 26px;
}
.Y-Previous {
width: 976px;
height: 100px;
overflow: hidden;
position: absolute;
top: -2000px;
}
.Y-Next {
width: 976px;
height: 100px;
overflow: hidden;
position: absolute;
top: -2000px;
}
.X-Previous {
width: 976px;
height: 100px;
overflow: hidden;
position: absolute;
left: -976px;
}
.X-Next {
width: 976px;
height: 100px;
overflow: hidden;
position: absolute;
left: -976px;
}
.Held {
width: 976px;
height: 100px;
overflow: hidden;
position: absolute;
left: -5000px;
}
.CurrentContent {
width: 100%;
top: 0;
background-color: #ffffff;
}
/*.JSEnabled .CurrentContent { position:absolute; }*/
.JSEnabled .FirstLoad {
visibility: hidden;
}
.NextContent {
position: absolute;
width: 100%;
overflow: hidden;
left: -5000px;
background-color: #ffffff;
z-index: 999;
}
[dir=rtl] .NextContent {
left: 0;
}
.Divider {
clear: both;
margin-top: 32px;
height: 36px;
border-top: 1px dotted #c7c5c5;
}
.Anchor:before {
display: block;
content: " ";
margin-top: -125px;
height: 125px;
visibility: hidden;
}
.tempClip {
width: 976px;
margin-left: -488px;
overflow: hidden;
position: relative;
left: 50%;
}
.HideOverflow {
overflow: hidden;
}
.BackgroundWhite {
background-color: #ffffff;
}
.TransistionHeight {
height: 495px;
}
.CurrentContent .MouseEar {
display: none;
}
.CurrentContent .MouseEar.visible {
display: block;
}
.MouseEar {
z-index: 1900;
position: fixed;
top: 330px;
margin-top: -35px;
}
.MouseEar,
.MouseEar a {
width: 62px;
height: 120px;
}
.MouseEar a {
display: block;
}
.MouseEar .MouseEarHoverPopUp {
position: absolute;
top: 0;
z-index: 500;
background-color: #fff;
padding: 8px 15px;
min-height: 90px;
min-width: 66px;
border: 1px solid #c7c5c5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.MouseEar .MouseEarHoverPopUp::after,
.MouseEar .MouseEarHoverPopUp::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
}
.MouseEar .MouseEarHoverPopUp::before {
top: 38px;
border-width: 11px;
}
.MouseEar .MouseEarHoverPopUp::after {
top: 39px;
border-width: 10px;
}
.MouseEar.Left {
left: 0;
background-image: url(../images/Structural/MouseEars/States/sprite-left.png);
}
[dir=rtl] .MouseEar.Left {
background-image: url(../images/Structural/MouseEars/States/sprite-right.png);
}
.MouseEar.Left .MouseEarHoverPopUp::before {
border-right-color: #c7c5c5;
left: -22px;
}
.MouseEar.Left .MouseEarHoverPopUp::after {
border-right-color: #ffffff;
left: -20px;
}
.MouseEar.Right {
right: 0;
background-image: url(../images/Structural/MouseEars/States/sprite-right.png);
}
[dir=rtl] .MouseEar.Right {
background-image: url(../images/Structural/MouseEars/States/sprite-left.png);
}
.MouseEar.Right .MouseEarHoverPopUp::before,
.MouseEar.Right .MouseEarHoverPopUp::after {
left: 100%;
}
.MouseEar.Right .MouseEarHoverPopUp::before {
border-left-color: #c7c5c5;
}
.MouseEar.Right .MouseEarHoverPopUp::after {
border-left-color: #ffffff;
}
.MouseEar.Left,
.MouseEar.Right {
background-position: 0 -120px;
}
.MouseEar.Left.Inactive,
.MouseEar.Left.Inactive:hover,
.MouseEar.Right.Inactive,
.MouseEar.Right.Inactive:hover {
opacity: 0.3;
cursor: default;
}
.MouseEar.Left.Inactive a,
.MouseEar.Right.Inactive a {
cursor: default;
}
.no-touch .MouseEar .Active:hover,
.touch .MouseEar .Active:hover {
background-position: 0 -4px;
}
.LimitWidth .MouseEar.Left,
.LimitWidth .MouseEar.Right {
width: 78px;
background-position: 0 0;
height: 75px;
}
.LimitWidth .MouseEar.Left:hover,
.LimitWidth .MouseEar.Right:hover {
background-position: 0 -75px;
}
.LimitWidth .MouseEar.Left {
left: 50%;
margin-left: -679px;
background: url(../images/Structural/MouseEars/States/full_arrow_left_sprite.png);
}
[dir=rtl] .LimitWidth .MouseEar.Left {
background: url(../images/Structural/MouseEars/States/full_arrow_right_sprite.png);
}
@media only screen and (min-width: 1280px) {
.LimitWidth .MouseEar.Left {
margin-left: -620px;
}
}
.LimitWidth .MouseEar.Right {
right: 50%;
margin-right: -679px;
background: url(../images/Structural/MouseEars/States/full_arrow_right_sprite.png);
}
[dir=rtl] .LimitWidth .MouseEar.Right {
background: url(../images/Structural/MouseEars/States/full_arrow_left_sprite.png);
}
@media only screen and (min-width: 1280px) {
.LimitWidth .MouseEar.Right {
margin-right: -620px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.LimitWidth .MouseEar.Left:hover,
.LimitWidth .MouseEar.Right:hover {
background-position: 0 0;
}
}
.LimitWidth .MouseEar a,
.LimitWidth .MouseEar img {
width: 75px;
}
.LimitWidth .MouseEar.Right.Inactive,
.LimitWidth .MouseEar.Right.Inactive:hover,
.LimitWidth .MouseEar.Left.Inactive,
.LimitWidth .MouseEar.Left.Inactive:hover {
opacity: 0.3;
background-position: 0 0;
cursor: default;
}
/* Fallback for older browsers which don't support before/after psuedo elements */
.MouseEarHoverPopUp .MouseEarHoverArrow {
background-image: url(../images/Structural/MouseEars/mouseEarPopUpDialogueArrow.png);
background-repeat: no-repeat;
height: 18px;
width: 12px;
position: absolute;
top: 60px;
}
.MouseEar.Left .MouseEarHoverPopUp .MouseEarHoverArrow {
background-image: url(../images/Structural/Spreads/tooltip-left.png);
left: -6px;
}
.MouseEar.Right .MouseEarHoverPopUp .MouseEarHoverArrow {
margin-left: 90px;
background-position: -13px 0;
}
.MouseEarHoverPopUp .MouseEarImg {
position: relative;
min-width: 66px;
display: block;
}
.MouseEarHoverPopUp .MouseEarImg img {
z-index: -1;
position: relative;
}
.MouseEar.Left .MouseEarHoverPopUp {
left: 68px;
}
.MouseEar.Right .MouseEarHoverPopUp {
right: 68px;
}
.MouseEar.Left .MouseEarHoverPopUp,
.MouseEar.Right .MouseEarHoverPopUp {
margin-top: 5px;
}
.LimitWidth .MouseEar.Left .MouseEarHoverPopUp {
left: 108px;
margin-top: -15px;
}
.LimitWidth .MouseEar.Right .MouseEarHoverPopUp {
right: 108px;
margin-top: -15px;
}
.MouseEarHoverPopUp h5 {
line-height: 150%;
margin-top: 5px;
font-size: 12px;
}
.GridViewContainer {
padding: 10px;
}
.GridViewItem {
margin: 10px;
float: left;
}
.ProductViewer.Bottom {
float: left;
bottom: 0;
position: absolute;
}
.ProductViewer.Top {
float: left;
}
.ProductViewer.Fixed {
position: fixed;
top: 40px;
}
.ProductArticles {
float: right;
}
.FloatLeft {
float: left;
}
.Width150 {
width: 150px;
}
.Width120 {
width: 120px;
}
.seoFooter {
width: 966px;
margin: 18px auto 12px auto;
}
.seoFooter h1 {
font: bold 14px/14px Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin-bottom: 2px;
}
.seoFooter div {
font-size: 11px;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
}
.seoFooter h1 a,
.seoFooter div a {
text-decoration: none;
}
.RecentlyViewedWrapper {
visibility: hidden;
}
/* lazy load fade in targetted homepage images */
.Homepage img.lazyload:not(.lazyLoadPlaceholder),
.Homepage img.lazyloading:not(.lazyLoadPlaceholder) {
opacity: 0;
}
.Homepage img.lazyloaded {
opacity: 1;
transition: opacity 300ms;
}
.Button {
text-decoration: none;
}
.Button:hover {
cursor: pointer;
}
.Button .ButtonStart {
background-position: left top;
background-repeat: no-repeat;
}
.Button .ButtonEnd {
background-position: right bottom;
background-repeat: no-repeat;
}
.Button .ButtonBG {
background-position: center center;
}
.Button .ButtonText {
display: block;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-shadow: #444 1px 1px 1px;
text-decoration: none;
text-align: center;
}
.Button.Large .ButtonStart,
.Button.Large .ButtonEnd,
.Button.Large .ButtonBG {
height: 44px;
}
.Button.Large .ButtonStart {
padding-left: 18px;
}
.Button.Large .ButtonEnd {
padding-right: 18px;
}
.Button.Large .ButtonText {
padding-top: 9px;
font-size: 18px;
}
.Button.Medium .ButtonStart,
.Button.Medium .ButtonEnd,
.Button.Medium .ButtonBG {
height: 36px;
}
.Button.Medium .ButtonStart {
padding-left: 18px;
}
.Button.Medium .ButtonEnd {
padding-right: 18px;
}
.Button.Medium .ButtonText {
padding-top: 8px;
font-size: 15px;
}
.Button.Small .ButtonStart,
.Button.Small .ButtonEnd,
.Button.Small .ButtonBG {
height: 26px;
}
.Button.Small .ButtonStart {
padding-left: 10px;
}
.Button.Small .ButtonEnd {
padding-right: 10px;
}
.Button.Small .ButtonText {
padding-top: 4px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.Button.Primary.Large .ButtonStart,
.Button.Primary.Large .ButtonEnd,
.Button.Primary.Large .ButtonBG {
background-image: url(../images/Structural/Buttons/1-Green/LargeWithShadowSprite.png);
}
.Button.Primary.Medium .ButtonStart,
.Button.Primary.Medium .ButtonEnd,
.Button.Primary.Medium .ButtonBG {
background-image: url(../images/Structural/Buttons/1-Green/MediumWithShadowSprite.png);
}
.Button.Primary.Small .ButtonStart,
.Button.Primary.Small .ButtonEnd,
.Button.Primary.Small .ButtonBG {
background-image: url(../images/Structural/Buttons/1-Green/SmallWithShadowSprite.png);
}
.Button.Secondary.Large .ButtonStart,
.Button.Secondary.Large .ButtonEnd,
.Button.Secondary.Large .ButtonBG {
background-image: url(../images/Structural/Buttons/2-Black/LargeWithShadowSprite.png);
}
.Button.Secondary.Medium .ButtonStart,
.Button.Secondary.Medium .ButtonEnd,
.Button.Secondary.Medium .ButtonBG {
background-image: url(../images/Structural/Buttons/2-Black/MediumWithShadowSprite.png);
}
.Button.Secondary.Small .ButtonStart,
.Button.Secondary.Small .ButtonEnd,
.Button.Secondary.Small .ButtonBG {
background-image: url(../images/Structural/Buttons/2-Black/SmallWithShadowSprite.png);
}
.Button.Tertiary.Large .ButtonStart,
.Button.Tertiary.Large .ButtonEnd,
.Button.Tertiary.Large .ButtonBG {
background-image: url(../images/Structural/Buttons/3-Grey/LargeWithShadowSprite.png);
}
.Button.Tertiary.Medium .ButtonStart,
.Button.Tertiary.Medium .ButtonEnd,
.Button.Tertiary.Medium .ButtonBG {
background-image: url(../images/Structural/Buttons/3-Grey/MediumWithShadowSprite.png);
}
.Button.Tertiary.Small .ButtonStart,
.Button.Tertiary.Small .ButtonEnd,
.Button.Tertiary.Small .ButtonBG {
background-image: url(../images/Structural/Buttons/3-Grey/SmallWithShadowSprite.png);
}
.Button.Disabled.DarkBG.Large .ButtonStart,
.Button.Disabled.DarkBG.Large .ButtonEnd,
.Button.Disabled.DarkBG.Large .ButtonBG {
background-image: url(../images/Structural/Buttons/4-DisabledDark/LargeWithShadowSprite.png);
}
.Button.Disabled.DarkBG.Medium .ButtonStart,
.Button.Disabled.DarkBG.Medium .ButtonEnd,
.Button.Disabled.DarkBG.Medium .ButtonBG {
background-image: url(../images/Structural/Buttons/4-DisabledDark/MediumWithShadowSprite.png);
}
.Button.Disabled.DarkBG.Small .ButtonStart,
.Button.Disabled.DarkBG.Small .ButtonEnd,
.Button.Disabled.DarkBG.Small .ButtonBG {
background-image: url(../images/Structural/Buttons/4-DisabledDark/SmallWithShadowSprite.png);
}
.Button.Disabled.DarkBG .ButtonText {
color: #535353;
text-shadow: none;
text-decoration: none;
}
.Button.Disabled.LightBG.Large .ButtonStart,
.Button.Disabled.LightBG.Large .ButtonEnd,
.Button.Disabled.LightBG.Large .ButtonBG {
background-image: url(../images/Structural/Buttons/5-DisabledLight/LargeWithShadowSprite.png);
cursor: default;
}
.Button.Disabled.LightBG.Medium .ButtonStart,
.Button.Disabled.LightBG.Medium .ButtonEnd,
.Button.Disabled.LightBG.Medium .ButtonBG {
background-image: url(../images/Structural/Buttons/5-DisabledLight/MediumWithShadowSprite.png);
}
.Button.Disabled.LightBG.Small .ButtonStart,
.Button.Disabled.LightBG.Small .ButtonEnd,
.Button.Disabled.LightBG.Small .ButtonBG {
background-image: url(../images/Structural/Buttons/5-DisabledLight/SmallWithShadowSprite.png);
}
.Button.Disabled.LightBG .ButtonText {
color: #bbb;
text-shadow: none;
text-decoration: none;
}
.Button.Disabled.Loading .ButtonText {
background-image: url(../images/Structural/ProductPage/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center 3px;
overflow: hidden;
width: 76px;
height: 32px;
padding-top: 0;
text-indent: -1000px;
}
.Button.Tab .ButtonStart,
.Button.Tab .ButtonEnd,
.Button.Tab .ButtonBG {
height: 36px;
}
.Button.Tab .ButtonStart {
padding-left: 10px;
}
.Button.Tab .ButtonEnd {
padding-right: 10px;
}
.Button.Tab .ButtonText {
padding-top: 8px;
font-size: 15px;
}
.Button.Tab .Arrow {
margin: 10px 0;
}
.Button.Tab.Selected .ButtonText {
color: #535353;
text-shadow: none;
text-decoration: none;
font-size: 11px;
}
.Button.Tab.Bottom .ButtonStart,
.Button.Tab.Bottom .ButtonEnd,
.Button.Tab.Bottom .ButtonBG {
background-image: url(../images/Structural/Tabs/Bottom/ActiveSelected.png);
}
.Button.Tab.Back .ButtonText {
padding-top: 10px;
}
.Button.Tab.Back .ButtonStart,
.Button.Tab.Back .ButtonEnd,
.Button.Tab.Back .ButtonBG {
height: 32px;
background-image: url(../images/Structural/Tabs/Back/ActiveSelected.png);
}
.Button.Tab.Back.Selected .ButtonText {
font-weight: bold;
}
.Button.Tab.Back .Arrow {
margin: 10px 8px 0 0;
}
.nxbtn {
border-radius: 3px;
display: inline-block;
padding: 4px 10px;
border: 1px solid #c5c5c5;
color: #111;
background-color: #ffffff;
text-decoration: none;
cursor: pointer;
font-weight: 500;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.nxbtn:hover {
text-decoration: none !important;
}
.nxbtn.disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: 0.4;
}
.nxbtn.primary,
.nxbtn.secondary,
.nxbtn.tertiary {
text-transform: uppercase;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 11px;
}
.nxbtn.primary,
.nxbtn.secondary {
color: #ffffff;
padding-top: 6px;
padding-bottom: 7px;
border: 0;
}
.nxbtn.primary {
background: #1a6461;
}
.nxbtn.primary.loading {
background-image: url(../images/Structural/Buttons/Secondary/loader-small-24px.gif);
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
}
.nxbtn.primary.disabled.not-active {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #000;
}
.nxbtn.secondary {
background: #222222;
}
.nxbtn.secondary.loading {
background-image: url(../images/Structural/Buttons/Secondary/loader-small.gif);
background-position: center center;
background-repeat: no-repeat;
text-indent: -9999px;
}
.nxbtn.tertiary {
background: #ffffff;
color: #222222;
border: 1px solid #222222;
}
.nxbtn.tertiary.plp-large {
width: 90%;
text-align: center;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.nxbtn.icon {
padding-left: 18px;
background-repeat: no-repeat;
background-position: left 5px center;
}
.nxbtn.icon.icon-arrow-left {
background-image: url(../images/Structural/Icons/arrow_left.png);
}
[dir=rtl] .nxbtn.icon.icon-arrow-left {
background-image: url(../images/Structural/Icons/arrow_right.png);
}
.nxbtn.icon.icon-arrow-white-down-right {
background-image: url(../images/Structural/Icons/arrow_white_down.png);
background-repeat: no-repeat;
background-position: right 10px center !important;
padding-right: 35px !important;
background-size: 16px 10px;
}
.nxbtn.icon.icon-arrow-white-down-right-loading {
padding-right: 35px !important;
}
button.btn.btn-primary {
color: #ffffff;
background-color: #1a6461;
}
input.searchBtn {
color: #ffffff;
background-color: #1a6461;
border-radius: 4px;
text-transform: uppercase;
}
.PageHeader .HeaderContent .HeaderTopBar .XHOSSignOut a.nxbtn.primary.XHOSSignOut {
border: 0;
background: #ffffff;
color: #000;
text-transform: uppercase;
text-shadow: none;
text-align: center;
letter-spacing: 1px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 12px 11px;
margin: 4px 0 0 6px;
}
@media only screen and (min-width: 1024px) {
.Content {
width: 1000px;
}
}
@media only screen and (min-width: 1280px) {
.bp1280 .Content {
width: 1248px;
}
.bp1280 div.StorefrontContent {
width: 1216px;
}
.bp1280 .Content.FixedContainer {
width: 1216px;
}
.bp1280 .ContentArea .SpreadsPage section.Content {
width: 100%;
}
}
@media only screen and (min-width: 1440px) {
.bp1440 .Content {
width: 1400px;
}
.bp1440 div.StorefrontContent {
width: 1400px;
}
.bp1440 .Content.FixedContainer {
width: 1216px;
}
.bp1440 .ContentArea .SpreadsPage section.Content {
width: 100%;
}
}
.StorefrontGridWrapper {
width: 960px;
margin: 0 auto;
position: relative;
}
.cm-imagemap__wrapper img {
display: block;
margin: 0 auto;
}
/*Beauty PDP variables*/
/*Horizontal Filter variable*/
/*Sales clearance variables*/
/* Desktop Vertical Spread*/
/*Enhanced Style With Ribbon*/
/*chanelPDP*/
/*Desktop Vertical Spread*/
/* -----------------------------------------------
meganav.css - (Mega Nav Styling)
Authors: Rich Howard & Amar Mehan
Copyright 2012 Next Retail Ltd.
--------------------------------------------------
===== CONTENTS =====
1: Page Header Generic Styles
2: Quick Links Generic Styles
3: Search Generic Styles
4: Mini Bag Generic Styles
5: Breadcrumb Nav Generic Styles
6: Mega Nav Generic Styles
7: Mega Nav Functional Styles
8: Mega Nav Level-1 Display Styles
9: Mega Nav Level-2 and Below Container Display Styles
10: Mega Nav Level-2 and Below Element Display Styles
====================
*/
/*
--------------------------
Page Header Generic Styless
--------------------------
*/
.PageHeader {
width: 100%;
height: 105px;
top: 0;
left: 0;
z-index: 9998;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.PageHeader.JumpFix {
position: fixed;
}
.Secure .PageHeader {
background: none;
}
.PageHeader .HeaderContent {
background: #000;
position: relative;
padding: 0;
height: 105px;
z-index: 9999;
color: #ffffff;
}
[data-theme=Preview] .PageHeader .HeaderContent {
background: #000;
}
.PageHeader .HeaderContent a {
color: #ffffff;
}
.PageHeader .HeaderContent #TimeMachineDate {
padding: 5px;
background-color: #f00;
font-size: 12px;
position: fixed;
top: 0;
right: 0;
z-index: 99999;
opacity: 0.9;
pointer-events: none;
}
.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
white-space: nowrap;
}
.PageHeader .HeaderContent .HeaderTopBar {
z-index: 10000;
padding: 12px 0 0;
height: 56px;
font-size: 10px;
}
[data-theme=Preview] .PageHeader .HeaderContent .HeaderTopBar {
border-bottom: 1px dotted #c7c5c5;
}
.PageHeader .HeaderContent .HeaderTopBar .SiteLogo {
float: left;
margin: 10px 0 5px 2px;
background-repeat: no-repeat;
display: block;
width: 85px;
height: 24px;
}
.PageHeader .HeaderContent .HeaderTopBar .SiteLogo.white {
background-image: url(../images/Structural/Header/header-icon-sprite-white.png);
background-position: -82px 0px;
width: 85px;
height: 24px;
}
.PageHeader .HeaderContent .HeaderTopBar .SiteLogo.gold {
background-image: url(../images/Structural/Header/header-icon-sprite-gold.png);
background-position: -82px 0px;
width: 85px;
height: 24px;
}
[data-theme=Preview] .PageHeader .HeaderContent .HeaderTopBar .SiteLogo {
background-image: url(../images/Structural/Header/Logos/Site-Logo-Preview.png);
width: 245px;
}
[data-theme=Xmas] .PageHeader .HeaderContent .HeaderTopBar .SiteLogo {
background-image: url(../images/Structural/Header/Logos/Site-logo-Gold.png) !important;
}
.msie7 .PageHeader .HeaderContent .HeaderTopBar .SiteLogo {
background-image: url(../images/Structural/Header/Logos/Site-Logo.png);
}
.PreviewMode .PageHeader .HeaderContent .HeaderTopBar .SiteLogo {
/*is needed for old preview*/
width: 241px;
background-image: url(../images/Structural/Header/Logos/Site-Logo-Preview.png);
}
.GiftListMode .PageHeader .HeaderContent .HeaderTopBar .SiteLogo {
background-image: url(../images/Structural/Header/Logos/Site-Logo-GiftList.png);
width: 200px;
}
.PageHeader .HeaderContent .HeaderTopBar .nxbtn.primary {
color: #ffffff;
padding: 12px 11px;
background: #1a6461;
border-radius: 4px;
text-transform: uppercase;
line-height: 14px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
}
.PageHeader .HeaderContent .HeaderTopBar .nxbtn.primary.disabled {
background-color: #1a6461;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: 0.4;
}
.PageHeader .Checkout {
float: right;
padding: 0 6px;
}
.PageHeader .Checkout,
.PageHeader .ShopMore {
margin-top: 4px;
}
.PageHeader .MiniBag {
position: absolute;
top: -44px;
height: 100px;
width: 100%;
background-color: #242424;
}
.PageHeader .nextDisplayNone {
display: none;
}
.PageHeader .Search {
float: left;
margin: 3px 0 4px 22px;
background-color: transparent;
font-size: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.PageHeader .Search .SearchBox {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 400;
display: inline-block;
width: 231px;
height: 38px;
border: none;
font-size: 14px;
padding: 0 45px 0 10px;
vertical-align: central;
border-left: 1px solid #c7c5c5;
border-right: 1px solid #c7c5c5;
background-color: #ffffff;
color: #222222;
letter-spacing: 0.4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
[data-theme=Preview] .PageHeader .Search .SearchBox {
width: 220px;
}
.PageHeader .Search .SearchBox.open {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.PageHeader .Search .SearchButton {
display: inline-block;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% auto;
width: 38px;
height: 38px;
border: none;
cursor: pointer;
margin: 0 1px 1px 1px;
border-left: solid 1px #c7c5c5;
border-radius: 0 3px 3px 0;
background-image: url(../images/Structural/Header/Search/icons/b-outline-search@2x.png);
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.msie7 .PageHeader .Search .SearchButton {
background-image: url(../images/structural/header/search/icons/searchbutton.png);
}
.PageHeader .Search .SearchButton [dir=rtl] {
background-image: url(../images/structural/header/search/icons/searchbutton.rtl.png);
}
.PageHeader .QuickLinks {
float: right;
margin: 17px 0 0;
padding-right: 7px;
*width: 320px;
}
.PageHeader .QuickLinks .myAccountdropdown {
background-position: 10px 0;
background-color: #ffffff;
color: #333;
position: absolute;
min-height: 80px;
width: 140px;
top: 40px;
padding: 10px;
-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
}
.PageHeader .QuickLinks .myAccountdropdown::before {
background-color: #ffffff;
box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
content: " ";
display: block;
height: 15px;
width: 15px;
position: absolute;
top: -7px;
right: 60px;
z-index: 4999;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.PageHeader .QuickLinks .myAccountdropdown .myAccountSummary {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
list-style: none;
list-style-type: none;
display: block;
border-right: 0;
font-size: 12px;
line-height: 16px;
color: #111 !important;
padding-bottom: 12px;
text-align: center;
font-weight: bold;
background-image: url(../images/Structural/Icons/16x16/icn-profile-black-16px.png);
background-size: 16px;
background-repeat: no-repeat;
padding-left: 10px;
}
.PageHeader .QuickLinks .myAccountdropdown .myAccountSummary:hover {
text-decoration: underline;
}
.PageHeader .QuickLinks .myAccountdropdown span {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
list-style: none;
list-style-type: none;
display: block;
border-right: 0;
font-size: 12px;
line-height: 16px;
}
.PageHeader .QuickLinks .myAccountdropdown .notUser {
border-top: 1px solid #c7c5c5;
padding: 12px 0;
color: #7e7f79;
font-size: 11px;
text-transform: capitalize;
}
.PageHeader .QuickLinks .myAccountdropdown .myAccountsignout {
color: #000 !important;
background-color: #ffffff;
border: 1px solid #c7c5c5;
float: left;
padding: 9px;
margin: 0;
text-transform: uppercase;
font-size: 12px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 600;
text-align: center;
cursor: pointer;
width: 120px;
text-decoration: none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.PageHeader .QuickLinks ul {
margin: 0;
float: right;
}
.PageHeader .QuickLinks ul li {
float: left;
list-style: none;
border-right: none;
font-weight: 500;
font-size: 12px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
margin-right: 5px;
}
.PageHeader .QuickLinks ul li.nodisplay {
display: none;
}
.PageHeader .QuickLinks ul li[data-section=myAccount] a {
padding-right: 5px;
padding-left: 21px;
margin-right: 0;
vertical-align: baseline;
display: inline-block;
}
.PageHeader .QuickLinks ul li[data-section=myAccount] a::before {
content: "";
position: absolute;
left: 1px;
vertical-align: bottom;
display: inline-block;
width: 16px;
height: 16px;
}
.PageHeader .QuickLinks ul li a {
line-height: 1;
height: 16px;
text-align: right;
font-weight: 500;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
position: relative;
}
.PageHeader .QuickLinks ul li a:hover {
text-decoration: underline;
}
.PageHeader .QuickLinks ul li a.myAccountlinkactive {
text-decoration: none;
text-transform: capitalize;
max-width: 98px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
[data-theme=Preview] .PageHeader .QuickLinks ul li a.myAccountlinkactive {
max-width: 50px;
}
.PageHeader .QuickLinks ul li:last-child {
border-right: 0;
}
.PageHeader .QuickLinks ul li a,
.PageHeader .QuickLinks ul li.text {
display: block;
padding: 0 10px;
text-decoration: none;
font-size: 12px;
line-height: normal;
}
.PageHeader .QuickLinks ul li.callcentreinfo {
background-image: url(../images/Structural/Header/Secure/phn-icn.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 21px;
min-height: 15px;
/* Prevent background-image from being clipped */
direction: ltr;
}
@media only screen and (max-width: 768px) {
.PageHeader .QuickLinks ul li.callcentreinfo {
margin-left: 11px;
}
}
.PageHeader .BagSummary {
float: right;
max-width: 115px;
height: 40px;
margin: -1px 0 0 0;
padding: 0 10px 0 3px;
background-position: 2px 7px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
}
.PageHeader .BagSummary a {
text-decoration: none;
}
.PageHeader .BagSummary .Icon {
float: left;
margin: 8px 0 0 0;
padding: 9px 2px 2px 2px;
background-repeat: no-repeat;
width: 28px;
height: 28px;
}
.msie7 .PageHeader .BagSummary .Icon {
background-image: url(../images/Structural/Header/MiniBag/Icons/Bag.png);
}
.PageHeader .BagSummary .Icon.active {
padding: 9px 2px 2px 2px;
border: none;
color: #ffffff;
background-color: inherit;
width: 28px;
height: 28px;
}
.msie7 .PageHeader .BagSummary .Icon.active {
background-image: url(../images/Structural/Header/MiniBag/Icons/BagActive.png);
}
.PageHeader .BagSummary .Icon .ItemCount {
overflow: hidden;
height: 16px;
}
.PageHeader .BagSummary .Icon .ItemCount span {
text-align: center;
width: 100%;
display: block;
margin-top: -1px;
margin-left: -2px;
height: 18px;
font-size: 14px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.29;
color: #ffffff;
}
.PageHeader .BagSummary .Icon .ItemCount span [dir=rtl] {
margin-left: 2px;
}
.PageHeader .BagSummary .BagSummaryText {
height: 17px;
text-align: right;
text-transform: uppercase;
font-size: 120%;
padding: 0 0 0 10px;
}
.PageHeader .BagSummary a:hover .BagSummaryText {
text-decoration: underline;
}
.PageHeader .BagSummary .BagTextClipping {
float: left;
margin-top: 5px;
overflow: hidden;
padding-top: 4px;
height: 17px;
/*width: 76px;*/
/*/display: none;*/
/* TWIGGER: SHOWING THIS CAUSES HEADER ISSUES FOR SOME CHANNELS (TOO MUCH CONTENT, NOT ENOUGH SPACE) */
/* THE BAG VALUE NEEDS TO BE CONFIGURABLE (ON/OFF) PER CHANNEL FOR THIS REASON. */
/* AT WHICH POINT, REMOVE DISPLAY: NONE; */
}
.PageHeader .MainNavigation .SecondaryNavigation .Cols-1 {
padding: 17px 0 0 12px;
border: none;
}
.PageHeader .FavouriteHeader {
float: right;
max-width: 115px;
height: 40px;
margin: -1px 0 0 0;
padding: 0 6px 0 3px;
background-position: 2px 7px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
}
.PageHeader .FavouriteHeader .favourite-icon {
margin: 1px -5px 0 -12px;
padding: 10px 20px 20px 2px;
width: 10px;
height: 21px;
background-repeat: no-repeat;
background-image: url(../images/icn-heart-inactive.png);
background-size: 44px;
background-position: -9px 1px;
}
.PageHeader .FavouriteHeader .favourite-icon.notification {
background-image: url("../images/icn-heart-active.png");
}
.PageHeader .FavouriteHeader .favourite-icon.intl {
margin-top: -6px;
}
.PageHeader .FavouriteHeader a {
position: relative;
}
[data-theme=Preview] .Department a {
color: #c3ae97;
}
.DynamicLoadHeaderSpacer {
height: 0;
}
.PageHeader.Large,
.HeaderSpacer,
.dynamicLoadError .DynamicLoadHeaderSpacer {
height: 121px;
}
/* -- Secure Messages Generic Styles -- */
.SecureMessages {
float: left;
margin-top: 15px;
margin-left: 12px;
}
.SecureMessages .SecureText {
float: left;
padding-left: 21px;
background-image: url(../images/Structural/Header/Secure/lck-icn.png);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
min-height: 19px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 14px;
}
.SecureMessage {
text-decoration: none;
float: left;
margin: 6px 8px 8px 8px;
}
.SecureMessage .Start {
background-position: left top;
background-repeat: no-repeat;
padding-left: 8px;
}
.SecureMessage .End {
background-position: right bottom;
background-repeat: no-repeat;
padding-right: 8px;
}
.SecureMessage .BG {
background-position: center center;
}
.SecureMessage .Start,
.SecureMessage .End,
.SecureMessage .BG {
height: 26px;
background-image: url(../images/Structural/Header/backgrounds/secureMessageBG.png);
}
.SecureMessage .Image {
float: left;
margin-top: 3px;
margin-right: 8px;
}
.SecureMessage .Text {
float: left;
display: block;
color: #ffffff;
text-shadow: #444 1px 1px 1px;
text-decoration: none;
text-align: center;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
padding-top: 4px;
margin-top: 2px;
}
.SecureMessage.CallCentre {
float: right;
}
.SecureMessage .CallCentreHours {
font-size: 11px;
font-weight: normal;
}
/*
---------------------
Search Generic Styles
---------------------
*/
#newsearch {
position: relative;
}
#newsearch .dropdown {
color: #000;
font-size: 13px;
margin: 0;
padding: 0;
}
#newsearch .dropdown .recent-heading {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
border-bottom: 1px dotted #c7c5c5;
color: rgba(18, 18, 18, 0.24);
padding: 0 0 4px 3px;
margin: 0 5px;
}
#newsearch .dropdown .divider {
border-top: 1px solid #c7c5c5;
margin: 3px 6px;
}
#newsearch .dropdown .title {
font-size: 11px;
color: rgba(18, 18, 18, 0.24);
text-transform: uppercase;
padding-right: 10px;
position: absolute;
right: 0;
}
#newsearch .dropdown li {
list-style: none;
}
#newsearch .dropdown li.recent-heading a.clear-recent {
font-size: 11px;
color: #111;
float: right;
text-transform: none;
font-weight: bold;
}
#newsearch .dropdown li span.typed-text {
font-weight: 600;
}
#newsearch .dropdown li span.dept-name {
color: #c7c5c5;
}
#newsearch .dropdown .search-item {
cursor: pointer;
padding: 2px 5px;
margin: 3px;
text-transform: capitalize;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#newsearch .dropdown .search-item.selected,
#newsearch .dropdown .search-item:hover,
#newsearch .dropdown .search-item:focus,
#newsearch .dropdown .search-item:active {
outline: none;
background-color: #e2e2e2;
}
#newsearch .clear-search-text {
display: none;
position: absolute;
right: 35px;
top: 5px;
}
.touch #newsearch .clear-search-text.visible {
display: block;
}
.touch #newsearch .SearchBox {
padding-right: 30px;
width: 216px;
}
#newsearch .search-dropdown-container {
position: absolute;
color: #000;
font-size: 14px;
margin: 0;
padding: 0;
display: none;
min-width: 288px;
max-width: 430px;
}
#newsearch .search-dropdown-container.show-recent.no-recent .search-dropdown-content,
#newsearch .search-dropdown-container.show-recent.no-recent .recent-heading {
display: none;
}
#newsearch .search-dropdown-content {
padding: 9px 0 10px 0;
background: #ffffff;
border: 1px solid #c7c5c5;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
#newsearch .search-dropdown-products {
display: none;
}
#newsearch .search-dropdown-container.is-enriched {
min-width: 0;
max-width: none;
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 68px;
padding: 0;
border: none;
box-shadow: 0 2px 60px rgba(0, 0, 0, 0.2);
border-radius: 0;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
background: #ffffff;
}
#newsearch .search-dropdown-container.is-enriched.bannerShowing {
top: 104px;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-content {
position: relative;
margin: 0 auto;
width: 960px;
padding: 24px 0 54px;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
background: transparent;
border: none;
border-radius: 0;
}
@media only screen and (max-width: 1279px) {
#newsearch .search-dropdown-container.is-enriched .search-dropdown-content {
width: 976px;
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (min-width: 1280px) {
#newsearch .search-dropdown-container.is-enriched .search-dropdown-content {
width: 1216px;
}
}
@media only screen and (min-width: 1440px) {
#newsearch .search-dropdown-container.is-enriched .search-dropdown-content {
width: 1216px;
}
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-content-cover {
content: " ";
display: block;
background: rgba(0, 0, 0, 0.7);
height: 100%;
width: 100%;
position: fixed;
opacity: 0;
transition: opacity 0.2s ease;
animation-delay: 250ms;
}
#newsearch .search-dropdown-container.is-enriched .dropdown {
color: #000;
font-size: 13px;
margin: 0;
border-right: 1px solid #e6e6e6;
display: block;
flex: 0 0 25%;
max-width: 25%;
padding: 3px 0;
transition: opacity 0.2s ease;
min-height: 360px;
}
#newsearch .search-dropdown-container.is-enriched .dropdown .recent-heading {
font-size: 14px;
color: rgba(18, 18, 18, 0.24);
padding: 0;
margin: 0 10px;
text-transform: none;
border-bottom: none;
}
#newsearch .search-dropdown-container.is-enriched .dropdown .search-item {
cursor: pointer;
padding: 7px 0;
margin: 2px 0;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
transition: transform 0.1s ease, padding 0.15s ease;
display: inline-block;
transform-origin: left;
float: left;
clear: left;
display: inline-block;
}
#newsearch .search-dropdown-container.is-enriched .dropdown .search-item.selected,
#newsearch .search-dropdown-container.is-enriched .dropdown .search-item:hover,
#newsearch .search-dropdown-container.is-enriched .dropdown .search-item:focus,
#newsearch .search-dropdown-container.is-enriched .dropdown .search-item:active {
outline: none;
text-decoration: underline;
background-color: transparent;
padding-left: 8px;
}
#newsearch .search-dropdown-container.is-enriched .recent-heading {
display: none;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products {
display: flex;
align-items: flex-start;
flex: 0 0 75%;
max-width: 75%;
flex-direction: column;
font-size: 13px;
color: #222222;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__heading {
padding: 10px 16px;
margin: 0;
font-size: 13px;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__heading strong {
text-transform: capitalize;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
max-width: 530px;
white-space: nowrap;
line-height: 1;
height: 16px;
margin-bottom: -5px;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__list {
display: flex;
flex-wrap: wrap;
width: 100%;
min-height: 320px;
opacity: 1;
transition: opacity 0.2s ease;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__see-all {
display: block;
position: absolute;
right: 0;
bottom: 24px;
background: #000;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: solid 1px #000;
color: #f7f7f7;
padding: 10px 30px;
font-weight: 900;
margin-right: 15px;
transition: all 0.2s ease;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__see-all:after {
border-style: solid;
border-width: 2px 2px 0 0;
content: "";
display: inline-block;
height: 7px;
right: -10px;
position: relative;
top: 3px;
transform: rotate(45deg);
vertical-align: top;
width: 7px;
transition: right 0.4s ease;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__see-all:hover {
background: #f7f7f7;
border-color: #979797;
color: #333333;
text-decoration: none;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__see-all:hover:after {
right: -15px;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product {
position: relative;
flex: 0 0 25%;
max-width: 25%;
min-height: 1px;
display: block;
color: #222222;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product-inner {
display: block;
padding: 0 16px;
}
@media only screen and (min-width: 1280px) {
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product {
flex: 0 0 20%;
max-width: 20%;
}
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product-img {
display: block;
background-color: #f7f7f7;
background-image: url("../images/Structural/Icons/Loaders/loader.gif");
background-repeat: no-repeat;
background-position: 50% 50%;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product img {
max-width: 100%;
vertical-align: middle;
border-style: none;
height: 226px;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product-title {
padding: 10px 0 0;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-transform: capitalize;
text-overflow: ellipsis;
font-size: 12px;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product-price {
display: block;
padding: 4px 0 0;
font-weight: 500;
line-height: 1.5;
text-align: left;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product:nth-child(n+5) {
display: none;
}
@media only screen and (min-width: 1280px) {
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product:nth-child(n+5) {
display: block;
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product:nth-child(n+6) {
display: none;
}
}
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product:hover .search-dropdown-products__product-title,
#newsearch .search-dropdown-container.is-enriched .search-dropdown-products__product:hover .search-dropdown-products__product-price {
text-decoration: underline;
}
#newsearch .search-dropdown-container.is-enriched.show-recent .search-dropdown-products {
display: none;
}
#newsearch .search-dropdown-container.is-enriched.show-recent .dropdown {
flex: 0 0 100%;
max-width: 100%;
border: none;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
min-height: auto;
}
#newsearch .search-dropdown-container.is-enriched.show-recent .recent-heading {
display: block;
margin: 0 0 15px;
color: #222222;
width: 100%;
}
#newsearch .search-dropdown-container.is-enriched.show-recent .clear-recent {
position: absolute;
right: 0;
font-size: 13px;
}
#newsearch .search-dropdown-container.is-enriched.show-recent .search-item {
flex: 0 0 25%;
max-width: 25%;
}
#newsearch .search-dropdown-container.is-enriched.show-recent .search-item.selected,
#newsearch .search-dropdown-container.is-enriched.show-recent .search-item:hover,
#newsearch .search-dropdown-container.is-enriched.show-recent .search-item:focus,
#newsearch .search-dropdown-container.is-enriched.show-recent .search-item:active {
padding-left: 0;
text-decoration: underline;
}
#newsearch .search-dropdown-container.is-enriched.show-recent.no-recent .search-dropdown-content,
#newsearch .search-dropdown-container.is-enriched.show-recent.no-recent .search-dropdown-content-cover {
display: none;
}
#newsearch .search-dropdown-container.is-enriched.is-loading .dropdown,
#newsearch .search-dropdown-container.is-enriched.is-loading .search-dropdown-products__list {
opacity: 0.7;
}
#newsearch .search-dropdown-container.is-enriched.no-results .search-dropdown-content {
padding-bottom: 24px;
}
#newsearch .search-dropdown-container.is-enriched.no-results .dropdown,
#newsearch .search-dropdown-container.is-enriched.no-results .search-dropdown-products__list {
display: none;
}
#newsearch .search-dropdown-container.is-enriched.no-results.hide-if-no-results .search-dropdown-content-cover,
#newsearch .search-dropdown-container.is-enriched.no-results.hide-if-no-results .search-dropdown-content {
display: none;
}
#newsearch .search-dropdown-container.is-enriched.open .search-dropdown-content-cover {
opacity: 1;
}
.saleSubText {
font-weight: bold;
color: #f00;
}
.saleSubText.branded-markdown {
color: #3402a5;
font-size: 12px;
font-weight: normal;
}
/* Loading elements */
.SecondaryNavigation .placeholder {
height: 384px;
}
.SecondaryNavigation .placeholder img.placeholderLoader {
position: relative;
top: 50%;
left: 50%;
margin-top: -19px;
margin-left: -19px;
}
img.loadingBar {
position: relative;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -100px;
}
/*flag selector start*/
.lightbox_background {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
opacity: 0.8;
background-color: #000;
filter: alpha(opacity=80);
overflow: hidden;
}
/*flag selector end*/
header.PageHeader.Large,
div.HeaderSpacer,
.dynamicLoadError .DynamicLoadHeaderSpacer {
height: 146px;
}
.hideBreadcrumbs header.PageHeader.Large,
.hideBreadcrumbs div.HeaderSpacer,
.hideBreadcrumbs .dynamicLoadError .DynamicLoadHeaderSpacer {
height: 108px;
}
.hideBreadcrumbs header.PageHeader.Large .BreadcrumbNavigation,
.hideBreadcrumbs div.HeaderSpacer .BreadcrumbNavigation,
.hideBreadcrumbs .dynamicLoadError .DynamicLoadHeaderSpacer .BreadcrumbNavigation {
display: none !important;
height: 0 !important;
}
.hideBreadcrumbs header.PageHeader .BreadcrumbNavigation {
display: none !important;
height: 0 !important;
}
.Secure div.HeaderSpacer,
.Secure header.PageHeader.Large,
.Secure .dynamicLoadError .DynamicLoadHeaderSpacer {
height: 121px;
}
.Secure header.PageHeader .HeaderContent {
height: 90px;
}
.Secure header.PageHeader .HeaderContent .HeaderTopBar {
height: 41px;
padding-top: 11px;
}
.Generic div.HeaderSpacer {
height: 127px;
}
body.l2 div.HeaderSpacer {
height: 105px;
}
body.l2 div.HeaderSpacer.SecureHeaderSpacer {
height: 131px;
}
body.l2 header.PageHeader.SecurePageHeader.Large {
height: 95px;
}
body.l2 header.PageHeader.SecurePageHeader .HeaderContent {
height: 90px;
}
body.l2 header.PageHeader.SecurePageHeader .HeaderContent .HeaderTopBar {
height: 41px;
padding-top: 11px;
}
body.l2.deliveryPage div.HeaderSpacer.SecureHeaderSpacer,
body.l2.deliveryPage header.PageHeader.SecurePageHeader.Large {
height: 95px;
}
body.l2.deliveryPage header.PageHeader.SecurePageHeader .HeaderContent {
height: 90px;
}
body.l2.deliveryPage header.PageHeader.SecurePageHeader .HeaderContent .HeaderTopBar {
height: 41px;
padding-top: 11px;
}
.ContentArea .HeaderSpacer.Homepage {
height: 105px;
}
/*****/
.touch .PageHeader .HeaderContent .Search #newsearch .SearchBox {
padding-right: 45px;
width: 215px;
}
.touch .PageHeader .HeaderContent .Search #newsearch ul.dropdown {
min-width: 268px;
}
/*IE8 Fixes*/
.msie8 header.PageHeader .HeaderContent .QuickLinks ul li a.myAccountlinkactive,
.msie8 header.PageHeader .HeaderContent .QuickLinks ul li[data-section=myAccount] a {
background-image: url(../images/Structural/Icons/16x16/icon-user-ie.png);
background-repeat: no-repeat;
}
.msie8 header.PageHeader .HeaderContent .Search .SearchButton {
width: 26px;
height: 26px;
top: 14%;
right: 2%;
border: 0;
background-image: url(../images/structural/header/search/icons/icon-search-ie.png);
}
.msie8 header.PageHeader .HeaderContent .Search .SearchBox {
line-height: 38px;
}
.msie8 .PageHeader .BreadcrumbNavigation .Back A.icon-arrow-left.icon.nxbtn {
background-position: 10px;
}
.favouritesSearch {
margin-left: 10px !important;
}
header.font-antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
header.PageHeader #totalPlatformBanner {
box-shadow: inset 0 -1px 0 0 #ffffff;
background-color: #000;
height: 36px;
}
header.PageHeader #totalPlatformBanner a,
header.PageHeader #totalPlatformBanner a:active,
header.PageHeader #totalPlatformBanner a:focus,
header.PageHeader #totalPlatformBanner a:hover,
header.PageHeader #totalPlatformBanner a:visited {
text-decoration: none !important;
}
header.PageHeader #totalPlatformBanner .ShopBanner {
background-image: url(../images/Structural/shop-Tplite-chevron-left.svg);
background-repeat: no-repeat;
background-position: 0 7px;
padding-top: 10px;
margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
header.PageHeader #totalPlatformBanner .ShopBanner {
width: 992px;
}
}
@media only screen and (min-width: 1280px) {
header.PageHeader #totalPlatformBanner .ShopBanner {
width: 1236px;
}
}
header.PageHeader #totalPlatformBanner .ShopBanner .ShopText {
text-transform: uppercase;
width: 40px;
height: 25px;
margin: 2px 1px 0 28px;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1px;
color: #ffffff;
cursor: pointer;
}
header.PageHeader #totalPlatformBanner .ShopBanner .LauraAshley {
background-image: url(../images/Structural/LauraAshley.svg);
cursor: pointer;
height: 14px;
background-repeat: no-repeat;
display: inline-block;
width: 115px;
background-position-y: 5px;
object-fit: contain;
margin-left: 5px;
}
header.PageHeader #totalPlatformBanner .ShopBanner .Aubin {
background-image: url(../images/Structural/Aubin.svg);
cursor: pointer;
height: 14px;
background-repeat: no-repeat;
display: inline-block;
width: 44px;
background-position-y: 5px;
object-fit: contain;
}
header.PageHeader #totalPlatformBanner .ShopBanner .DesignerBoutique {
background-image: url(../images/TPL30/DesignerBoutique/the-designer-boutique-primary-white.svg);
cursor: pointer;
height: 10px;
background-repeat: no-repeat;
display: inline-block;
width: 210px;
background-size: contain;
}
header.PageHeader #totalPlatformPartnershipBanner {
background-color: #000;
height: 36px;
display: inline-block;
}
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink {
margin: 0 auto;
padding-top: 10px;
}
@media only screen and (min-width: 1024px) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink {
width: 992px;
}
}
@media only screen and (min-width: 1280px) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink {
width: 1236px;
}
}
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent {
display: block;
width: 976px;
height: 24px;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.12px;
color: #ffffff;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 1280px) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent {
width: 1216px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent {
font-size: 11px;
width: 983px;
letter-spacing: normal;
}
}
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent .la-logo {
background-image: url(../images/LauraAshley/Desktop/laura-ashley-white-103x9.svg);
display: inline-block;
background-repeat: no-repeat;
background-position-y: 4px;
width: 103px;
height: 14px;
color: transparent;
margin-left: 1px;
}
@media not all and (min-resolution: 0.001dpcm) and (min-device-width: 768px) and (max-device-width: 1024px) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent .la-logo {
background-position-y: 6px;
}
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent .la-logo {
background-position-y: 3px;
}
}
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent .next-logo {
background-image: url(../images/LauraAshley/Mobile/01-atom-logo-brand-primary.svg);
display: inline-block;
background-repeat: no-repeat;
width: 36px;
height: 17px;
background-position-y: -2px;
color: transparent;
}
@media not all and (min-resolution: 0.001dpcm) and (min-device-width: 768px) and (max-device-width: 1024px) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent .next-logo {
background-position-y: 1px;
}
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent .next-logo {
background-position-y: -3px;
}
}
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink .DesktopContent a {
color: #ffffff;
text-decoration: underline;
}
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink #desktopClose.Bannerclose {
background-image: url(../images/LauraAshley/Desktop/close-button-icon.svg);
display: inline-block;
background-repeat: no-repeat;
background-position-y: -13px;
background-position-x: -4px;
width: 44px;
height: 36px;
color: transparent;
position: absolute;
top: 0;
right: -8px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
header.PageHeader #totalPlatformPartnershipBanner .tpBannerLink #desktopClose.Bannerclose {
width: 38px;
}
}
/*
-----------------------
Mega Nav Generic Styles
-----------------------
*/
.MegaNavigationLayer {
position: absolute;
width: 100%;
height: 388px;
top: -996px;
}
.MasterNavsmall {
font-size: 13px;
}
.MasterNavlarge {
font-size: 17px;
}
.width-155 {
width: 155px !important;
}
.MegaNavigation {
width: 976px;
height: 388px;
margin: 0 auto;
z-index: 1;
}
.MegaNavigation .Left,
.MegaNavigation .Right,
.MegaNavigation .Sections {
background: url(../images/structural/header/navigation/common/backgrounds/MegaNavBG.png);
}
.MegaNavigation .Left {
width: 22px;
height: 388px;
float: left;
background-position: bottom left;
background-repeat: no-repeat;
}
.MegaNavigation .Right {
width: 22px;
height: 388px;
float: right;
background-position: bottom right;
background-repeat: no-repeat;
}
.MegaNavigation .Sections {
margin: 0 22px;
height: 388px;
background-position: top;
background-repeat: repeat-x;
}
/*
--------------------------
Mega Nav Functional Styles
--------------------------
*/
/* Make the Mega Nav containers relative so we can position the Mega Navs as absolute */
.MainNavigation {
height: 37px;
margin: 0 auto;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: -0.1px;
position: relative;
}
@media only screen and (max-width: 543px) {
.MainNavigation {
display: none;
}
}
.MainNavigation li {
list-style: none;
}
body.msie9 .MainNavigation {
width: 976px;
}
.MainNavigation .PrimaryNavigation {
margin: 0;
width: 966px;
height: 37px;
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 1px;
zoom: 1;
}
.MainNavigation .PrimaryNavigation body.msie8 {
display: table;
}
.JSEnabled .MainNavigation .PrimaryNavigation {
visibility: hidden;
}
.MainNavigation .PrimaryNavigation .Department {
display: block;
list-style: none;
height: 35px;
text-transform: uppercase;
padding: 0;
}
body.msie8 .MainNavigation .PrimaryNavigation .Department {
display: table-cell;
}
.PrimaryFixWidth .MainNavigation .PrimaryNavigation .Department {
margin-right: 0;
}
.MainNavigation .PrimaryNavigation .Department.Last {
margin-right: 0;
}
.MainNavigation .PrimaryNavigation .Department .DepartmentText {
padding: 7px 5px 2px 5px;
margin-right: 2px;
display: block;
position: relative;
z-index: 1000;
cursor: pointer;
}
.PrimaryFixWidth .MainNavigation .PrimaryNavigation .Department .DepartmentText {
padding-left: 14px;
padding-right: 14px;
}
.PreviewMode .MainNavigation .PrimaryNavigation .Department .DepartmentText {
color: #c3ae97;
}
.msie6 .MainNavigation .PrimaryNavigation .Department .DepartmentText {
padding: 7px 7px 0 7px;
}
.MainNavigation .PrimaryNavigation .Department .DepartmentText:after {
display: block;
content: "";
border-bottom: 1px solid transparent;
padding-top: 2px;
}
.MainNavigation .PrimaryNavigation .Department.currentDepartment .DepartmentText:after {
border-color: #ffffff;
padding-top: 2px;
}
.MainNavigation .PrimaryNavigation .Department .DepartmentImage {
max-height: 36px;
display: block;
position: relative;
z-index: 1000;
cursor: pointer;
}
.MainNavigation .PrimaryNavigation .Department a.DepartmentLink {
text-align: center;
text-decoration: none;
display: block;
height: 37px;
}
.MainNavigation .PrimaryNavigation .Department a.DepartmentLink img {
display: inline;
vertical-align: middle;
padding: 0 8px 0 10px;
}
.MainNavigation .PrimaryNavigation .Department.Active {
position: static;
}
.MainNavigation .PrimaryNavigation li:hover a.DepartmentLink,
.MainNavigation .PrimaryNavigation .Department.Active a.DepartmentLink {
color: #111 !important;
background: #ffffff;
padding-bottom: 1px;
}
.MainNavigation .SecondaryNavigation {
background-color: #ffffff;
border-bottom: 1px solid #c7c5c5;
padding: 0 7px 17px 0;
font-size: 12px;
height: auto;
max-height: 480px;
border-top: none;
overflow: hidden;
zoom: 1;
}
.MainNavigation .SecondaryNavigation.Columns3 {
width: 580px;
}
.MainNavigation .SecondaryNavigation.Columns3.align-right {
left: 380px;
left: calc(100% - 580px);
}
.MainNavigation .SecondaryNavigation.Columns2 {
width: 370px;
}
.MainNavigation .SecondaryNavigation.Columns2.align-right {
left: 593px;
left: calc(100% - 370px);
}
.MainNavigation .SecondaryNavigation.Columns1 {
width: 188px;
}
.MainNavigation .SecondaryNavigation.Columns1.align-right {
left: 776px;
left: calc(100% - 188px);
}
.MainNavigation .SecondaryNavigation .Cols-1 {
width: 175px;
padding: 17px 0 0 12px;
border: none;
}
.MainNavigation .SecondaryNavigation .Cols-2 {
width: 350px;
}
.MainNavigation .SecondaryNavigation .Cols-3 {
width: 578px;
margin-right: 8px;
}
.MainNavigation .SecondaryNavigation .Cols-5 {
width: 730px;
}
.MainNavigation .SecondaryNavigation .blockTitle {
position: relative;
z-index: 10000;
text-transform: uppercase;
line-height: 28px;
font-size: 14px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
padding: 4px 0 4px 16px;
margin-bottom: 2px;
border-bottom: none;
color: #0e0e0e;
}
.MainNavigation .SecondaryNavigation .Divider {
min-height: 22px;
height: 22px;
margin-top: 0;
margin-bottom: 2px;
background: none;
border-bottom: 1px solid #c7c5c5;
border-top: 0;
}
.MainNavigation .SecondaryNavigation .Text {
line-height: 15px;
padding: 3px 0 4px 10px;
margin-left: 3px;
}
.MainNavigation .SecondaryNavigation .Title {
text-transform: uppercase;
margin-bottom: -16px;
margin-left: 3px;
padding: 10px 0 4px 10px;
overflow: hidden;
background-color: #ffffff;
font-weight: bold;
font-size: 12px;
min-height: 22px;
}
.MainNavigation .SecondaryNavigation .TitleSpacer {
height: 0;
min-height: 0;
display: none;
}
.MainNavigation .SecondaryNavigation a {
text-decoration: none;
background-color: transparent;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #0e0e0e;
font-weight: normal;
}
.MainNavigation .SecondaryNavigation a.ViewMore {
font-weight: bold;
}
.MainNavigation .SecondaryNavigation .GlobalIcon {
padding: 4px 0 4px 25px;
}
.MainNavigation .SecondaryNavigation .PetiteIcon {
padding-left: 20px;
background: url(../images/structural/header/navigation/common/logos/petite_fit.png) no-repeat;
}
.MainNavigation .SecondaryNavigation .PlusIcon {
padding-left: 20px;
background: url(../images/structural/header/navigation/common/logos/plus_fit.png) no-repeat;
}
.MainNavigation .SecondaryNavigation .TallIcon {
padding-left: 20px;
background: url(../images/structural/header/navigation/common/logos/tall_fit.png) no-repeat;
}
.MainNavigation .SecondaryNavigation .New {
padding-right: 35px;
}
.MainNavigation .SecondaryNavigation .New-locale-zh-hk {
padding-right: 20px;
}
.MainNavigation .SecondaryNavigation .New-locale-zh-cn,
.MainNavigation .SecondaryNavigation .New-locale-zh-tw {
padding-right: 25px;
}
.MainNavigation .SecondaryNavigation .New-locale-sk-sk,
.MainNavigation .SecondaryNavigation .New-locale-sl-si {
padding-right: 40px;
}
.MainNavigation .SecondaryNavigation .New-locale-es-es,
.MainNavigation .SecondaryNavigation .New-locale-it-it,
.MainNavigation .SecondaryNavigation .New-locale-nl-nl,
.MainNavigation .SecondaryNavigation .New-locale-ru-ru {
padding-right: 50px;
}
.MainNavigation .SecondaryNavigation .New-locale-fr-fr,
.MainNavigation .SecondaryNavigation .New-locale-pl-pl {
padding-right: 60px;
}
.MainNavigation .SecondaryNavigation .Component {
width: 192px;
height: 402px;
margin: 0;
padding-top: 0;
float: left;
position: relative;
}
.MainNavigation .SecondaryNavigation .ComponentItem {
min-height: 22px;
}
.MainNavigation .SecondaryNavigation .ComponentItem:nth-child(n+8) .Component {
padding-top: 35px;
}
.MainNavigation .SecondaryNavigation .ComponentItem.Text {
cursor: pointer;
}
.MainNavigation .SecondaryNavigation .ComponentItem.Header .Text {
cursor: default;
text-transform: uppercase;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #000;
font-size: 13px;
}
.MainNavigation .SecondaryNavigation .ComponentContainer {
border: 1px solid #c7c5c5;
text-transform: none;
float: left;
margin: 0;
padding: 12px 0 0;
overflow: hidden;
zoom: 1;
}
.MainNavigation .SecondaryNavigation .ComponentContainer > ul.Component > li.MegaNavEnabled.Active > div.Text {
background-image: url(../images/structural/Icons/right-arrow.png);
background-position: 160px 5px;
background-repeat: no-repeat;
}
.MainNavigation .SecondaryNavigation .ComponentContainer > ul.Component > li.MegaNavEnabled.Active > div.Text [dir=rtl] {
background-image: url(../images/Structural/Icons/left-arrow.png);
background-position: 6px 5px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer {
border: none;
color: #222222;
margin-top: 12px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer .blockTitle {
margin-right: 17px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer.Cols-2 {
width: 384px;
margin-left: 4px;
margin-right: 4px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer > ul {
float: left;
}
.MainNavigation .SecondaryNavigation .ProductsContainer .GlobalSizeLinks {
background: url(../images/structural/header/navigation/common/backgrounds/horizontal_divider.png) 13px 14px no-repeat;
position: relative;
bottom: auto;
left: 0;
width: 175px;
padding: 24px 0 5px 0;
z-index: 1000;
}
.MainNavigation .SecondaryNavigation .ProductsContainer .GlobalSizeLinks .Text {
padding: 5px 10px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer ul.Component {
height: 440px;
padding-top: 0;
}
.MainNavigation .SecondaryNavigation .ProductsContainer.ExpandedState ul.ActiveChild {
width: 400px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer.ExpandedState .Component li.Active {
width: 200px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer.ExpandedState > ul.Component > li.MegaNavEnabled.Active > div.Text {
background-position: 175px 9px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer li.Header,
.MainNavigation .SecondaryNavigation .ProductsContainer li.Header Text,
.MainNavigation .SecondaryNavigation .ProductsContainer li.Header Text a {
font-weight: bold;
text-transform: capitalize;
}
.MainNavigation .SecondaryNavigation .ProductsContainer li {
margin-left: 20px;
margin-right: 14px;
margin-bottom: 4px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer li.Header {
margin-bottom: 11px;
padding-bottom: 1px;
border-bottom: 0;
border-bottom: 1px solid #c7c5c5;
}
.MainNavigation .SecondaryNavigation .ProductsContainer li.inFlow {
padding-top: 13px;
background-position: 13px 37px;
margin-bottom: 10px;
}
.MainNavigation .SecondaryNavigation .ProductsContainer li .Text {
padding-left: 0;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer {
background-color: #f7f7f7;
margin: 17px 0 0 17px;
padding-top: 10px;
color: #222222;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer.Cols-2 {
width: 344px;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer.Cols-2 .GlobalSizeLinks {
display: none;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer.Cols-3 {
width: 590px;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer.Cols-3 .GlobalSizeLinks {
position: absolute;
bottom: 10px;
left: 350px;
width: 230px;
padding: 10px 0 5px 0;
z-index: 1000;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer.grayscale .insetShadow img {
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer .GlobalSizeLinks {
background: url(../images/Structural/Header/Navigation/Common/Backgrounds/horizontalBarWide.png) no-repeat 16px 0;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer .GlobalSizeLinks .Text {
padding: 4px 10px;
}
.MainNavigation .SecondaryNavigation .CollectionsContainer .Title,
.MainNavigation .SecondaryNavigation .CollectionsContainer .Text {
margin-left: 5px;
padding: 7px 10px 5px 10px;
}
.MainNavigation .SecondaryNavigation .PromotionsContainer {
position: relative;
height: 385px;
}
.MainNavigation .SecondaryNavigation .PromotionsContainer .Component {
width: 175px;
height: 385px;
padding-top: 0;
}
.MainNavigation .SecondaryNavigation .PromotionsContainer img {
overflow: hidden;
}
.MainNavigation .SecondaryNavigation .LinkOnlysContainer {
margin-left: 3px;
border: none;
color: #222222;
}
.MainNavigation .SecondaryNavigation .LinkOnlysContainer .Title {
background: url(../images/structural/header/navigation/common/backgrounds/horizontal_divider.png) 20px 35px no-repeat;
}
.MainNavigation .SecondaryNavigation .LinkOnlysContainer .TitleSpacer {
height: 7px;
min-height: 7px;
display: block;
}
.MainNavigation .SecondaryNavigation .LinkOnlysContainer .Component {
height: 385px;
}
.MainNavigation .SecondaryNavigation .CollectionDetails {
display: none;
}
.MainNavigation .SecondaryNavigation .CollectionDetails > .Text a {
color: #0e0e0e;
font-size: 11px;
text-decoration: underline;
}
.MainNavigation .SecondaryNavigation .CollectionDetails .New {
background-image: none;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails {
display: block;
position: absolute;
top: 0;
width: 150px;
height: 335px;
margin-left: 167px;
padding: 13px 15px 0 19px;
padding-top: 8px;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails p {
line-height: 120%;
margin-top: 10px;
margin-bottom: 2px;
font-size: 11px;
font-weight: 400;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0e0e0e;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails .Text {
padding: 0;
margin: 0;
margin-top: 10px;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails .collectionImage {
width: 133px;
height: 200px;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails .collectionImage a {
display: block;
position: relative;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails .collectionImage img {
height: 200px;
width: 133px;
border: 2px solid transparent;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails .collectionImage img:hover {
border-color: #000;
}
.MainNavigation .SecondaryNavigation li.Active .CollectionDetails h3 {
font-size: 11px;
text-transform: uppercase;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
color: #0e0e0e;
margin-bottom: 10px;
}
.MainNavigation .SecondaryNavigation ul.ActiveChild {
width: 167px;
border-right: 1px solid #c7c5c5;
}
.MainNavigation .SecondaryNavigation ul.ActiveChild li {
width: 180px;
}
.MainNavigation .SecondaryNavigation ul.ActiveChild li.Active {
background: #fff;
background-color: #f7f7f7;
}
.MainNavigation .SecondaryNavigation a:hover,
.MainNavigation .SecondaryNavigation li.ComponentItem:hover > div.Text > a,
.MainNavigation .SecondaryNavigation a:hover > span.GlobalIcon,
.MainNavigation .SecondaryNavigation .GlobalSizeLinks div.Text > a:hover,
.MainNavigation .SecondaryNavigation li.Active > div.Text > a {
text-decoration: underline;
}
.MainNavigation .SecondaryNavigation .grayscale li.Active .CollectionDetails .collectionImage img {
opacity: 0.5;
}
.MainNavigation .SecondaryNavigation .TNStaticLive {
width: 953px;
border-bottom: 1px solid #666;
height: 45px;
padding: 4px 10px;
float: left;
}
.MainNavigation .SecondaryNavigation .subDepts {
padding-top: 10px;
margin-left: 0;
float: left;
display: table;
width: 100%;
text-transform: none;
}
.MainNavigation .SecondaryNavigation .subDepts li {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
display: table-cell;
*display: inline-block;
*float: left;
*padding: 0 5px;
font-weight: 400;
line-height: 30px;
margin-right: 0;
margin-top: 0;
text-align: center;
font-size: 13px;
border: 1px solid #666;
min-width: 50px;
text-transform: uppercase;
background: #ffffff;
color: #222222;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.MainNavigation .SecondaryNavigation .subDepts li:not(:first-child) {
border-left: 0;
}
.MainNavigation .SecondaryNavigation .subDepts li.last {
border-right: 1px solid #666;
}
.MainNavigation .SecondaryNavigation .subDepts li a {
color: #000;
width: 100%;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 12px;
display: block;
line-height: 37px;
}
.MainNavigation .SecondaryNavigation .subDepts li a:hover {
text-decoration: none;
}
.MainNavigation .SecondaryNavigation .subDepts li .Text a {
color: #111;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
}
.MainNavigation .SecondaryNavigation .subDepts li.selected {
box-shadow: none;
border-bottom: 0;
border-style: solid solid none;
background: #000;
}
.MainNavigation .SecondaryNavigation .subDepts li.selected .Text a {
color: #ffffff;
}
.MainNavigation .SecondaryNavigation .subDepts li.selected .arrow {
display: block;
*display: inline-block;
}
.MainNavigation .SecondaryNavigation .subDepts li .arrow {
height: 8px;
width: 12px;
display: none;
margin: -6px auto 0;
position: inherit;
top: 5px;
background-image: none;
}
.MainNavigation .SecondaryNavigation .subDepts .Text {
padding: 0;
margin: 0;
}
.MainNavigation .SecondaryNavigation .SubDepts .Component {
padding-top: 11px;
}
.MainNavigation .SecondaryNavigation .SubDepts .Divider {
height: 26px;
border-bottom: 1px solid #b9b9b9;
background: none;
margin-bottom: 11px;
}
.MainNavigation .SecondaryNavigation .SubDepts .blockTitle {
padding: 0 0 0 8px;
height: 27px;
}
.MainNavigation .SecondaryNavigation .SubDepts.ProductsContainer {
height: 400px;
margin: 12px 0 0 11px;
}
.MainNavigation .SecondaryNavigation .SubDepts.ProductsContainer li {
margin: 0 11px 4px 0;
}
.MainNavigation .SecondaryNavigation .SubDepts.ProductsContainer li.Header {
margin-bottom: 10px;
padding-bottom: 4px;
}
.MainNavigation .SecondaryNavigation .SubDepts.ProductsContainer.Cols-5 {
width: 760px;
}
.MainNavigation .SecondaryNavigation .SubDepts.ProductsContainer .Component {
padding-top: 2px;
height: 400px;
width: 150px;
}
.MainNavigation .SecondaryNavigation .SubDepts.ProductsContainer .ComponentItem {
height: auto;
}
.MainNavigation .SecondaryNavigation .SubDepts.CollectionsContainer {
height: 388px;
border: 1px solid #c7c5c5;
width: 174px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.MainNavigation .SecondaryNavigation .SubDepts.CollectionsContainer ul.Component {
width: 175px;
padding-top: 5px;
}
.MainNavigation .SecondaryNavigation .SubDepts.CollectionsContainer ul.Component .Text {
margin-left: 0;
padding-left: 8px;
padding-right: 8px;
}
.MainNavigation .SecondaryNavigation .SubDepts.CollectionsContainer .blockTitle {
font-size: 12px;
}
.MainNavigation .SecondaryNavigation .SubDepts.CollectionsContainer .ComponentItem {
height: auto;
}
.MainNavigation .PrimaryNavigation li.Active div.SecondaryNavigation {
z-index: 9999;
}
.MainNavigation ul#steps {
float: right;
margin-right: 15px;
}
.MainNavigation ul#steps li {
height: 37px;
padding-left: 9px;
color: #b6b8b8;
float: left;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 14px;
display: block;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: right center;
padding-right: 9px;
line-height: 30px;
}
.MainNavigation ul#steps li,
.MainNavigation ul#steps li a {
color: #b6b8b8;
font-weight: 400;
letter-spacing: -0.1px;
}
.MainNavigation ul#steps li.first {
text-decoration: underline;
}
.MainNavigation ul#steps li.active,
.MainNavigation ul#steps li.last-active,
.MainNavigation ul#steps li.first.active a,
.MainNavigation ul#steps li.active a {
border: none;
background-color: inherit;
white-space: nowrap;
color: #ffffff;
}
.MainNavigation ul#steps li.last {
background-image: none;
padding-right: 0;
}
.HeaderNavigation {
width: 100%;
height: 37px;
z-index: 1050;
}
.HeaderNavigation.Hidden {
top: 0;
}
.HeaderNavigation.SmallHeader {
margin-top: 40px;
}
.menu-overlay {
max-width: 100%;
height: 1000px;
height: 100vh;
display: none;
background-color: rgba(0, 0, 0, 0.7);
}
.msie8 .menu-overlay {
background-color: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.menu-overlay.active {
display: block;
}
/* Menu Positions - */
.SNDefault {
height: 450px;
width: 966px;
position: absolute;
top: -1000px;
left: -9999px;
opacity: 0;
}
@media (min-width: 1280px) {
.SNDefault {
width: 1270px;
}
}
.SNDefault [dir=rtl] {
right: 0;
left: auto;
}
.SNAnimateLeft {
left: -1000px;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
/* easeOutCubic */
}
.SNAnimateLeft [dir=rtl] {
right: -1000px;
left: auto;
}
.SNStaticLive {
top: 37px;
left: 1px;
opacity: 1;
}
.SNStaticLive [dir=rtl] {
left: auto;
right: 0;
}
.SNHiddenLive {
left: 0;
opacity: 0;
}
.SNAnimateLive {
left: 0;
opacity: 1;
-webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
/* easeOutCubic */
}
.SNOpacityOut {
opacity: 0;
/* Vertical transitions */
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
/* easeOutExpo */
}
.SNOpacityOut .SNOpacityIn {
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
/* easeOutCubic */
}
.SNOpacityOut .SNOpacityOut {
opacity: 0;
-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
/* easeOutCubic */
}
.SNOpacityOut .SNAnimateRight {
left: 1000px;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
/* easeOutCubic */
}
.SNOpacityOut .SNStaticLeft {
left: -1000px;
opacity: 0;
}
.SNOpacityOut .SNStaticRight {
left: 1000px;
opacity: 0;
}
.SNOpacityOut .MaskingRegion {
height: 450px;
width: 990px;
position: absolute;
top: 36px;
left: 0;
overflow: hidden;
}
.SNOpacityOut .SNStaticUp {
top: -410px;
left: 0;
opacity: 1;
}
.MaskingRegion .SNStaticDown {
top: 0;
left: 0;
opacity: 1;
}
.SNAnimateDown {
top: 36px;
left: 0;
opacity: 1;
-webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
/* easeOutExpo */
}
.MaskingRegion .SNAnimateDown {
top: 0;
left: 0;
opacity: 1;
}
.MaskingRegion .SNAnimateUp {
top: -410px;
left: 0;
opacity: 1;
-webkit-transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
-moz-transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
-ms-transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 400ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
/* easeInQuad */
}
/* Masked swipe */
.MaskingRegion .SNStaticPreSwipe {
opacity: 1;
left: 0;
}
.MaskingRegion .SNSwipeRight {
left: 900px;
-webkit-transition: all 1300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 1300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 1300ms cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 1300ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 1300ms cubic-bezier(0.215, 0.61, 0.355, 1);
/* easeOutCubic */
}
.notifyDialogue {
background-position: 10px 0;
background-repeat: no-repeat;
position: absolute;
opacity: 1;
width: 150px;
min-height: 80px;
padding-top: 9px;
cursor: pointer;
/* "pointer" used as .notifyDialogue has a click event which redirects to a different page (therefore gives the apperance of an anchor) */
}
.notifyDialogue::before {
background-color: rgba(255, 255, 255, 0.98);
content: " ";
display: block;
height: 15px;
width: 15px;
position: absolute;
left: 65px;
top: 4px;
vertical-align: top;
z-index: 4999;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.2);
}
.notifyDialogue .innerNotifyDialogue {
min-height: 60px;
width: 135px;
padding: 7px;
float: left;
background: rgba(255, 255, 255, 0.985);
-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
}
.msie7 .notifyDialogue .innerNotifyDialogue,
.msie8 .notifyDialogue .innerNotifyDialogue {
border: 1px solid #c7c5c5;
}
.notifyDialogue .innerNotifyDialogue .notifyHeader {
float: left;
width: 100%;
padding-bottom: 8px;
}
.notifyDialogue .innerNotifyDialogue .notifyHeader h4 {
color: #222222;
line-height: 100%;
float: left;
margin-top: 8px;
font-weight: 700;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 13px;
text-transform: uppercase;
}
.notifyDialogue .innerNotifyDialogue .notifyDetail {
float: left;
width: 100%;
padding-top: 10px;
color: #222222;
font: 12px Arial;
}
.notifyDialogue .innerNotifyDialogue .notifyBody .notifyText {
float: left;
min-height: 30px;
padding-left: 2px;
padding-bottom: 5px;
display: block;
color: #666;
font-size: 12px;
}
.PageHeader .BreadcrumbNavigation {
color: #000;
overflow: hidden;
top: 105px;
width: 100%;
display: none;
background-color: #f7f7f7;
border-bottom: 1px solid #c7c5c5;
height: 36px;
position: static;
}
.PageHeader .BreadcrumbNavigation .NavigationFadeSection .NavigationFade {
display: none;
background-color: #000;
z-index: 2000;
opacity: 0.8;
width: 100%;
height: 37px;
position: absolute;
}
.PageHeader .BreadcrumbNavigation .Content {
border-bottom: none;
}
.PageHeader .BreadcrumbNavigation.Hidden {
margin-top: -32px;
}
.PageHeader .BreadcrumbNavigation .Back {
cursor: pointer;
float: left;
margin-top: 0;
padding: 5px 0;
}
.PageHeader .BreadcrumbNavigation .Back a {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-size: 11px;
}
.PageHeader .BreadcrumbNavigation .Back a.nxbtn {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.PageHeader .BreadcrumbNavigation .Back a.nxbtn.icon {
line-height: 16px;
padding: 4px 10px 4px 25px;
text-transform: uppercase;
}
.PageHeader .BreadcrumbNavigation .Back a.nxbtn.icon.icon-arrow-left {
background-position: left 10px center;
}
.PageHeader .BreadcrumbNavigation .BreadcrumbsHolder {
overflow: hidden;
float: left;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs {
margin: 0;
margin-left: 13px;
float: left;
line-height: 16px;
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .Breadcrumb {
list-style: none;
float: left;
margin-right: 10px;
background-image: url(../images/structural/Icons/arrow_right.png);
background-repeat: no-repeat;
background-position: right 12px;
padding: 11px 16px 11px 0;
white-space: nowrap;
font-size: 11px;
font-weight: 500;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .Breadcrumb [dir=rtl] {
background-image: url(../images/Structural/Icons/arrow_left.png);
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .Breadcrumb a {
color: #111;
font-weight: 400;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .Breadcrumb a:hover {
text-decoration: underline;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .Breadcrumb:last-child {
background-image: none;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .Breadcrumb:first-child img {
float: left;
margin-right: 7px;
padding-top: 1px;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .lastBreadcrumb {
background-image: none;
font-weight: 500;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .bcHome {
white-space: normal;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .bcHome a {
background: url("../images/Structural/Icons/home.png") no-repeat;
background-repeat: no-repeat;
padding-left: 20px;
background-position-x: left;
background-position-y: 1px;
display: block;
}
.PageHeader .BreadcrumbNavigation .Breadcrumbs .BreadcrumbEllipsis {
display: none;
padding-top: 7px;
float: left;
}
.PageHeader .BreadcrumbNavigation .SocialBookmarks {
float: right;
}
header.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
padding-left: 4px;
padding-right: 4px;
}
@media only screen and (max-width: 1023px) {
.PageHeader .QuickLinks .myAccountdropdown {
left: 422px;
}
.MainNavigation .SecondaryNavigation {
width: 966px;
}
.MainNavigation .SecondaryNavigation.Columns2 {
width: 378px;
}
.MainNavigation .SecondaryNavigation.Columns2.align-right {
left: calc(100% - 394px);
}
.MainNavigation .SecondaryNavigation.Columns3 {
width: 580px;
}
.MainNavigation .SecondaryNavigation.Columns3.align-right {
left: calc(100% - 596px);
}
body.msie11 .MainNavigation .SecondaryNavigation,
body.msie10 .MainNavigation .SecondaryNavigation,
body.msie9 .MainNavigation .SecondaryNavigation {
width: 959px;
}
body.msie11 .MainNavigation .SecondaryNavigation.Columns2,
body.msie10 .MainNavigation .SecondaryNavigation.Columns2,
body.msie9 .MainNavigation .SecondaryNavigation.Columns2 {
width: 378px;
}
body.msie11 .MainNavigation .SecondaryNavigation.Columns2.align-right,
body.msie10 .MainNavigation .SecondaryNavigation.Columns2.align-right,
body.msie9 .MainNavigation .SecondaryNavigation.Columns2.align-right {
left: calc(100% - 394px);
}
body.msie11 .MainNavigation .SecondaryNavigation.Columns3,
body.msie10 .MainNavigation .SecondaryNavigation.Columns3,
body.msie9 .MainNavigation .SecondaryNavigation.Columns3 {
width: 580px;
}
body.msie11 .MainNavigation .SecondaryNavigation.Columns3.align-right,
body.msie10 .MainNavigation .SecondaryNavigation.Columns3.align-right,
body.msie9 .MainNavigation .SecondaryNavigation.Columns3.align-right {
left: calc(100% - 596px);
}
body.msie9 .MainNavigation .PrimaryNavigation {
text-align: justify;
width: 966px;
}
body.msie9 .MainNavigation .PrimaryNavigation .Department {
display: inline-block;
float: none;
margin-right: 0;
}
body.msie9 .MainNavigation .PrimaryNavigation:after {
content: "";
width: 100%;
/* Ensures justification for single lines */
display: inline-block;
}
body.msie9 .MainNavigation .SecondaryNavigation .Text {
text-align: left;
}
body.msie9 .MainNavigation .SecondaryNavigation .subDepts .Text {
text-align: center;
}
body.msie9 header.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
padding-left: 4px;
padding-right: 4px;
}
body.msie9 .SecondaryNavigation li.Active .CollectionDetails h3 {
text-align: left;
}
}
@media only screen and (min-width: 1024px) {
header.PageHeader .HeaderContent .HeaderTopBar {
width: 976px;
}
header.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
padding-left: 6px;
padding-right: 6px;
margin-right: 0;
letter-spacing: -0.2px;
}
header.PageHeader .HeaderContent .HeaderNavigation .Department:first-child span.DepartmentText,
header.PageHeader .HeaderContent .HeaderNavigation .Department:last-child span.DepartmentText {
padding-left: 12px;
padding-right: 12px;
}
header.PageHeader .HeaderContent .flagContainer {
width: 25px;
margin-top: 7px;
}
header.PageHeader .BreadcrumbNavigation .Content {
width: 976px;
}
/*IE9 Specific code for equidistant menu elements*/
body.msie9 .MainNavigation {
width: 1000px;
}
body.msie9 .MainNavigation .PrimaryNavigation {
text-align: justify;
}
body.msie9 .MainNavigation .PrimaryNavigation .Department {
display: inline-block;
float: none;
margin-right: 0;
}
body.msie9 .MainNavigation .PrimaryNavigation:after {
content: "";
width: 100%;
/* Ensures justification for single lines */
display: inline-block;
}
body.msie9 .MainNavigation .SecondaryNavigation .Text {
text-align: left;
}
body.msie9 .MainNavigation .SecondaryNavigation .subDepts .Text {
text-align: center;
}
body.msie9 header.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
padding-left: 4px;
padding-right: 4px;
}
body.msie9 .SecondaryNavigation li.Active .CollectionDetails h3 {
text-align: left;
}
.MainNavigation .PrimaryNavigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.MainNavigation .PrimaryNavigation .Department {
float: none;
margin-right: 0;
}
.MainNavigation .SecondaryNavigation .placeholder img.placeholderLoader {
width: 38px;
height: 38px;
}
.MainNavigation .SecondaryNavigation .ComponentContainer.ProductsContainer.SubDepts .Component {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
#MainNavigation .SecondaryNavigation {
width: 999.5px;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
padding-right: 0;
}
#MainNavigation .SecondaryNavigation .TNStaticLive {
width: 98.5%;
}
#MainNavigation .SecondaryNavigation.Columns3 {
width: 580px;
}
#MainNavigation .SecondaryNavigation.Columns3.align-right {
left: calc(100% - 580px);
}
#MainNavigation .SecondaryNavigation.Columns2 {
width: 378px;
}
#MainNavigation .SecondaryNavigation.Columns2.align-right {
left: calc(100% - 377.5px);
}
#MainNavigation .SecondaryNavigation.Columns1 {
width: 188px;
}
#MainNavigation .SecondaryNavigation.Columns1.align-right {
left: calc(100% - 188px);
}
.msie11 #MainNavigation .SecondaryNavigation,
.msie10 #MainNavigation .SecondaryNavigation,
.msie9 #MainNavigation .SecondaryNavigation,
.mozilla #MainNavigation .SecondaryNavigation {
width: 1000px;
}
.msie11 #MainNavigation .SecondaryNavigation.Columns2,
.msie10 #MainNavigation .SecondaryNavigation.Columns2,
.msie9 #MainNavigation .SecondaryNavigation.Columns2,
.mozilla #MainNavigation .SecondaryNavigation.Columns2 {
width: 378px;
}
.msie11 #MainNavigation .SecondaryNavigation.Columns2.align-right,
.msie10 #MainNavigation .SecondaryNavigation.Columns2.align-right,
.msie9 #MainNavigation .SecondaryNavigation.Columns2.align-right,
.mozilla #MainNavigation .SecondaryNavigation.Columns2.align-right {
left: calc(100% - 377px);
}
.msie11 #MainNavigation .SecondaryNavigation.Columns3,
.msie10 #MainNavigation .SecondaryNavigation.Columns3,
.msie9 #MainNavigation .SecondaryNavigation.Columns3,
.mozilla #MainNavigation .SecondaryNavigation.Columns3 {
width: 580px;
}
.msie11 #MainNavigation .SecondaryNavigation.Columns3.align-right,
.msie10 #MainNavigation .SecondaryNavigation.Columns3.align-right,
.msie9 #MainNavigation .SecondaryNavigation.Columns3.align-right,
.mozilla #MainNavigation .SecondaryNavigation.Columns3.align-right {
left: calc(100% - 579px);
}
.PageHeader .MainNavigation .SecondaryNavigation .ProductsContainer.SubDepts {
width: calc(100% - 216px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer.SubDepts ul.Component,
.PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer ul.Component {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.PageHeader .QuickLinks .myAccountdropdown {
left: 435px;
}
body.msie9 .PageHeader .MainNavigation .SecondaryNavigation .ProductsContainer.SubDepts {
display: table;
}
body.msie9 .PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer.SubDepts ul.Component,
body.msie9 .PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer ul.Component {
display: table-cell;
}
body.msie9 .PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer.Cols-1 .Component {
width: 100%;
}
body.msie9 .PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer.Cols-2 .Component {
width: 50%;
}
body.msie9 .PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer.Cols-3 .Component {
width: 33%;
}
body.msie9 .PageHeader #MainNavigation .SecondaryNavigation div.ProductsContainer.Cols-4 .Component {
width: 20%;
}
}
@media only screen and (min-width: 1280px) {
.bp1280 header.PageHeader .HeaderContent .HeaderTopBar {
width: 1216px;
}
.bp1280 header.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
padding-left: 16px;
padding-right: 16px;
}
.bp1280 header.PageHeader .HeaderContent .HeaderNavigation .Department:first-child span.DepartmentText,
.bp1280 header.PageHeader .HeaderContent .HeaderNavigation .Department:last-child span.DepartmentText {
padding-left: 16px;
padding-right: 16px;
}
.bp1280 header.PageHeader .BreadcrumbNavigation .Content {
width: 1216px;
}
.bp1280 #MainNavigation .SecondaryNavigation {
width: 1247.5px;
}
.bp1280 #MainNavigation .SecondaryNavigation.Columns3 {
width: 861px;
}
.bp1280 #MainNavigation .SecondaryNavigation.Columns3.align-right {
left: calc(100% - 861px);
}
.bp1280 #MainNavigation .SecondaryNavigation.Columns2 {
width: 378px;
}
.bp1280 #MainNavigation .SecondaryNavigation.Columns2.align-right {
left: calc(100% - 377.5px);
}
.bp1280 #MainNavigation .SecondaryNavigation .Cols-3 {
width: 861px;
}
.bp1280 #MainNavigation .SecondaryNavigation .Cols-3 .Component {
min-width: 33.2%;
}
.bp1280 .PageHeader .QuickLinks .myAccountdropdown {
left: 675px;
}
.bp1280.msie11 #MainNavigation .SecondaryNavigation.Columns2,
.bp1280.msie10 #MainNavigation .SecondaryNavigation.Columns2,
.bp1280.msie9 #MainNavigation .SecondaryNavigation.Columns2,
.bp1280.mozilla #MainNavigation .SecondaryNavigation.Columns2 {
width: 378px;
}
.bp1280.msie11 #MainNavigation .SecondaryNavigation.Columns2.align-right,
.bp1280.msie10 #MainNavigation .SecondaryNavigation.Columns2.align-right,
.bp1280.msie9 #MainNavigation .SecondaryNavigation.Columns2.align-right,
.bp1280.mozilla #MainNavigation .SecondaryNavigation.Columns2.align-right {
left: calc(100% - 377px);
}
.bp1280.msie11 #MainNavigation .SecondaryNavigation.Columns3,
.bp1280.msie10 #MainNavigation .SecondaryNavigation.Columns3,
.bp1280.msie9 #MainNavigation .SecondaryNavigation.Columns3,
.bp1280.mozilla #MainNavigation .SecondaryNavigation.Columns3 {
width: 861px;
}
.bp1280.msie11 #MainNavigation .SecondaryNavigation.Columns3.align-right,
.bp1280.msie10 #MainNavigation .SecondaryNavigation.Columns3.align-right,
.bp1280.msie9 #MainNavigation .SecondaryNavigation.Columns3.align-right,
.bp1280.mozilla #MainNavigation .SecondaryNavigation.Columns3.align-right {
left: calc(100% - 860px);
}
.bp1280.mozilla #MainNavigation .SecondaryNavigation {
width: 1248px;
}
.bp1280.msie9 header.PageHeader .HeaderContent .HeaderNavigation span.DepartmentText {
padding-left: 16px;
padding-right: 16px;
}
.bp1280.msie9 .MainNavigation {
width: 1248px;
}
}
@media only screen and (min-width: 1440px) {
.bp1440 .Content.MainNavigation {
width: 1248px;
}
}
.PageHeader .MainNavigation .SecondaryNavigation .bteBanner {
background: #ffffff;
width: 100%;
margin: 0 -7px;
padding: 5px 10px;
position: relative;
overflow: auto;
min-width: 973px;
}
.PageHeader .MainNavigation .SecondaryNavigation .bteBanner span {
background: url("../images/Structural/Header/beauty-banner-menu@2x.png") no-repeat center center;
margin: 2px auto;
position: absolute;
display: inline-block;
left: 10%;
right: 10%;
top: 4px;
bottom: 2px;
height: 28px;
}
.PageHeader .MainNavigation .SecondaryNavigation .bteBanner a {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
text-decoration: underline;
margin-right: 15px;
line-height: 30px;
padding-right: 10px;
text-transform: uppercase;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUeNpiYGBg2A7EMv///2dAxiBgBMTHgFgURQIqaw/E+4GYB0UCKukHxDuBmA1FAioZB8RrgJiZEWYRDDAyMhYAKR0mBlwAl1H4LcfqXKgHj2N4EFeQAAQYACxBbUkAQ48JAAAAAElFTkSuQmCC") no-repeat right center;
float: right;
color: #222222;
}
.PageHeader .MainNavigation .SecondaryNavigation .xmasBanner {
background: #b78b20;
width: 100%;
position: relative;
overflow: auto;
min-width: 973px;
}
.PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a {
display: block;
padding: 3px;
text-decoration: none;
}
.PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a span {
background: url("../images/Structural/Header/xmas-banner-desktop.png") no-repeat center center;
/*background-size: contain;*/
display: block;
line-height: 35px;
text-decoration: none;
}
.PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a span :hover {
text-decoration: none;
}
.PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a :hover {
text-decoration: none;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .bteBanner {
background: #df9ba1;
width: 100%;
margin: 0 -7px;
padding: 5px 10px;
position: relative;
overflow: auto;
min-width: 973px;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .bteBanner span {
background-image: url("../images/Structural/Header/beauty-banner-menu@2x.png");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
margin: 2px auto;
position: absolute;
display: inline-block;
left: 25%;
right: 25%;
top: 4px;
bottom: 2px;
height: 28px;
width: 525px;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .bteBanner a {
font-family: "azo-sans", Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
text-decoration: underline;
margin-right: 15px;
line-height: 30px;
padding-right: 10px;
text-transform: uppercase;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAYAAABBV8wuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFxJREFUeNpiYGBg2A7EMv///2dAxiBgBMTHgFgURQIqaw/E+4GYB0UCKukHxDuBmA1FAioZB8RrgJiZEWYRDDAyMhYAKR0mBlwAl1H4LcfqXKgHj2N4EFeQAAQYACxBbUkAQ48JAAAAAElFTkSuQmCC") no-repeat right center;
float: right;
color: #222222;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .xmasBanner {
background: #b78b20;
width: 100%;
position: relative;
overflow: auto;
min-width: 973px;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a {
display: block;
padding: 3px;
text-decoration: none;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a span {
background: url("../images/Structural/Header/xmas-banner-desktop.png") no-repeat center center;
/*background-size: contain;*/
display: block;
line-height: 35px;
text-decoration: none;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a span :hover {
text-decoration: none;
}
body.msie8 .PageHeader .MainNavigation .SecondaryNavigation .xmasBanner a :hover {
text-decoration: none;
}
header * {
box-sizing: content-box;
line-height: normal;
}
/*For the Account Portal (Address Templates) dropdowns*/
.dk_container {
display: none;
float: left;
border-radius: 5px;
font-weight: normal;
height: 30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.dk_container a {
border: 1px solid #cecece;
outline: 0 none;
padding: 5px;
}
.dk_container a:hover {
text-decoration: none !important;
}
#dkValidSuccessSymbol {
background-image: url("../images/Structural/FormValidation/validation-success.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 350px center, 373px center !important;
border-color: #589c5e !important;
}
[dir=rtl] #dkValidSuccessSymbol {
background-position: 32px center, 8px center !important;
}
#dkValidErrorSymbol {
background-image: url("../images/Structural/FormValidation/validation-error.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 350px center, 373px center !important;
border-color: #ff0000 !important;
}
[dir=rtl] #dkValidErrorSymbol {
background-position: 35px center, 8px center !important;
}
.dk_container > a {
text-overflow: ellipsis;
word-wrap: inherit;
white-space: nowrap;
overflow: hidden;
padding-right: 30px;
background-image: url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 185px center;
background-repeat: no-repeat;
background-color: #f9f9f9;
height: 14px;
/*Added for the Account Portal (Address Templates) dropdowns*/
}
.dk_container > a.valid-success {
background-image: url("../images/Structural/FormValidation/validation-success.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
}
.dk_container > a.valid-error {
background-image: url("../images/Structural/FormValidation/validation-error.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
}
.dk_container > a.dk-input-validation-success {
background-image: url("../images/Structural/FormValidation/validation-success.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 350px center, 373px center !important;
border-color: #589c5e !important;
}
[dir=rtl] .dk_container > a.dk-input-validation-success {
background-position: 32px center, 8px center !important;
}
.dk_container > a.dk-input-validation-error {
background-image: url("../images/Structural/FormValidation/validation-error.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 350px center, 373px center !important;
border-color: #ff0000 !important;
}
[dir=rtl] .dk_container > a.dk-input-validation-error {
background-position: 35px center, 8px center !important;
}
/*Added for the Account Portal (Address Templates) dropdowns*/
.dk_med > .form-row > .dk_container > a.dk-input-validation-success,
.dk_med > .form-row-international > .form-row-international > .dk_container > a.dk-input-validation-success {
background-position: 221px center, 243px center !important;
}
[dir=rtl] .dk_med > .form-row > .dk_container > a.dk-input-validation-success,
[dir=rtl] .dk_med > .form-row-international > .form-row-international > .dk_container > a.dk-input-validation-success {
background-position: 35px center, 8px center !important;
}
.dk_med > .form-row > .dk_container > a.dk-input-validation-error,
.dk_med > .form-row-international > .form-row-international > .dk_container > a.dk-input-validation-error {
background-position: 222px center, 244px center !important;
}
[dir=rtl] .dk_med > .form-row > .dk_container > a.dk-input-validation-error,
[dir=rtl] .dk_med > .form-row-international > .form-row-international > .dk_container > a.dk-input-validation-error {
background-position: 35px center, 8px center !important;
}
.dk_container.dk_open {
z-index: 103;
}
.dk_container.dk_open > a {
background-image: url("../images/Structural/Arrows/18x18/dark_up.png");
/*Added for the Account Portal (Address Templates) dropdowns*/
}
.dk_container.dk_open > a.valid-success {
background-image: url("../images/Structural/FormValidation/validation-success.png"), url("../images/Structural/Arrows/18x18/dark_up.png");
}
.dk_container.dk_open > a.valid-error {
background-image: url("../images/Structural/FormValidation/validation-error.png"), url("../images/Structural/Arrows/18x18/dark_up.png");
}
.dk_container.dk_open > a.dk-input-validation-success {
background-image: url("../images/Structural/FormValidation/validation-success.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 350px center, 373px center !important;
border-color: #589c5e !important;
background-image: url("../images/Structural/FormValidation/validation-success.png"), url("../images/Structural/Arrows/18x18/dark_up.png") !important;
}
[dir=rtl] .dk_container.dk_open > a.dk-input-validation-success {
background-position: 32px center, 8px center !important;
}
.dk_container.dk_open > a.dk-input-validation-error {
background-image: url("../images/Structural/FormValidation/validation-error.png"), url("../images/Structural/Arrows/18x18/dark_down.png");
background-position: 350px center, 373px center !important;
border-color: #ff0000 !important;
background-image: url("../images/Structural/FormValidation/validation-error.png"), url("../images/Structural/Arrows/18x18/dark_up.png") !important;
}
[dir=rtl] .dk_container.dk_open > a.dk-input-validation-error {
background-position: 35px center, 8px center !important;
}
.dk_toggle {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
position: relative;
zoom: 1;
}
.dk_toggle:focus {
border: 1px solid #707070;
}
.dk_open {
position: relative;
}
.dk_open .dk_options {
display: block;
}
.dk_open .dk_label {
color: inherit;
}
.dk_options {
display: none;
position: absolute;
width: 100%;
left: 0;
overflow: auto;
border: 1px solid #cecece;
background: #f9f9f9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
display: block;
}
[dir=rtl] .dk_options_inner li {
list-style: none;
}
.dk_container .dk_options_inner {
overflow: hidden;
overflow-y: auto;
position: relative;
-webkit-overflow-scrolling: touch;
margin: 0;
z-index: 10;
white-space: nowrap;
}
.dk_options_inner a {
border: none;
padding: 5px;
background: none;
}
.dk_container.dk_open .dk_options_inner a {
background: none;
color: #222222;
}
.dk_container.dk_open .dk_options_inner .SoldOut a,
.dk_container.dk_open .dk_options_inner .SaleSoldOut a {
color: #f00;
}
.dk_container.dk_open .dk_options_inner .ComingSoon a {
color: black;
}
.dk_container a span.chip {
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
float: left;
height: 11px;
margin-right: 10px;
margin-top: 1px;
width: 11px;
border: 1px solid #cecece;
}
.dk_container.dk_open .dk_options_inner a.highlight {
background: #666;
color: #fff !important;
}
.dk_container select {
position: absolute;
visibility: hidden;
}
.dk_container.dk_open .dk_options_inner .dk_option_current a {
background: #666;
color: #fff !important;
}
.dk_container.dk_focus > a {
border: 1px solid #707070;
}
.dk_mobile {
position: relative;
}
.dk_container.dk_mobile select {
display: block;
width: 100%;
/*height: 100%;*/
top: 0;
left: 0;
visibility: visible;
opacity: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
float: none;
}
/* Supreme - Disable Dropkick */
.dk-disable {
opacity: 0.6;
}
.dk-disable a {
cursor: pointer !important;
}
/* End */
#liteFooterContainerSpace {
padding-top: 60px;
}
#liteFooterContainer {
background-color: #f7f7f7;
border-top: 0.0625rem solid #eaeaea;
bottom: 0;
position: fixed;
width: 100%;
}
#liteFooterContainer #copyrightTextContainer {
padding: 1.125rem 0;
}
#liteFooterContainer #copyrightTextContainer h3 {
margin: 0px;
}
#liteFooterContainer #copyrightTextContainer #copyrightText {
padding: 0 0.75rem;
color: var(--text-primary, #515151);
line-height: var(--global-body-2-line-height, 1.5rem);
letter-spacing: var(--global-body-2-letter-spacing, 0.12px);
font-family: var(--global-body-2-font-family, "azo-sans");
font-size: var(--global-body-2-font-size, 0.75rem);
font-style: var(--global-body-2-font-style, normal);
font-weight: var(--global-body-2-font-weight, 400);
text-decoration: var(--global-body-2-text-decoration, none);
text-transform: var(--global-body-2-text-transform, none);
text-align: center;
}
#mainwrapper {
padding-bottom: 0px;
}
@media (min-width: 768px) {
html:not([data-widget=resetPwdWidget]) #mainwrapper {
padding-bottom: 0px;
}
}
@media (min-width: 950px) {
#mainwrapper {
padding-bottom: 0px;
}
}
.helpBtnLite {
height: 16px;
text-align: right;
font-weight: 500;
font-family: var(--global-body-2-font-family, "azo-sans");
padding: 0 4px 0 11px;
text-decoration: none;
font-size: 12px;
color: #000;
}
.helpBtnLite:hover {
cursor: pointer;
text-decoration: underline;
}
.flagContainerLite {
float: right;
}
.flagContainerLite .HeaderFlag {
box-sizing: content-box;
}
#header-bag-item-count {
font-family: var(--global-body-2-font-family, "azo-sans");
letter-spacing: normal;
font-weight: 300;
line-height: 1.42857143;
left: 0.5px;
}
.desktopLite {
padding-right: 11px;
}
#btnHelp {
margin: 0 11px 0 0;
}
#header-bag-icon {
margin: 0;
}
.header-lite-items {
width: 40%;
}
.header-lite-logo {
width: 60%;
}
.nx-icon.nav-nextlogo.gold {
background-image: url(../images/next/logo-large-gold.svg);
}
@font-face {
font-family: "Azo Sans";
src: url(../fonts/AzoSans-Thin-webfont.woff2) format("woff2"), url(../fonts/AzoSans-Thin-webfont.woff) format("woff"), url(../fonts/AzoSans-Thin-webfont.ttf) format("truetype"), url(../fonts/AzoSans-Thin-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/AzoSans-Thin-webfont.svg#azo_sansthin) format("svg");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Azo Sans";
src: url(../fonts/AzoSans-Light-webfont.woff2) format("woff2"), url(../fonts/AzoSans-Light-webfont.woff) format("woff"), url(../fonts/AzoSans-Light-webfont.ttf) format("truetype"), url(../fonts/AzoSans-Light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/AzoSans-Light-webfont.svg#azo_sanslight) format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Azo Sans";
src: url(../fonts/AzoSans-Regular-webfont.woff2) format("woff2"), url(../fonts/AzoSans-Regular-webfont.woff) format("woff"), url(../fonts/AzoSans-Regular-webfont.ttf) format("truetype"), url(../fonts/AzoSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/AzoSans-Regular-webfont.svg#azo_sansregular) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Azo Sans";
src: url(../fonts/AzoSans-Medium.woff2) format("woff2"), url(../fonts/AzoSans-Medium.woff) format("woff"), url(../fonts/AzoSans-Medium-webfont.ttf) format("truetype"), url(../fonts/AzoSans-Medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/AzoSans-Medium-webfont.svg#azo_sansmedium) format("svg");
font-weight: 500 700;
font-style: normal;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
#mainwrapper .sr-only {
display: none;
}
#mainwrapper #navigationheader {
height: 45px;
padding-left: 16px;
padding-right: 4px;
display: flex;
justify-content: space-between;
background-color: var(--background--paper-background-color);
}
#mainwrapper #navigationheader .nav-header-left {
display: flex;
height: 100%;
align-items: center;
}
#mainwrapper #navigationheader .nav-header-left #header-logo img {
display: block;
height: auto;
width: auto;
}
#mainwrapper #navigationheader .nav-header-left #header-logo img.header_logo_content {
content: var(--icon-logo-default);
}
#mainwrapper #navigationheader .nav-header-left .nav-search-link {
margin-left: 16px;
}
#mainwrapper #navigationheader .nav-header-left .nav-search-link .nx-icon {
background-image: var(--icon-secure-m-default);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 24px;
width: 24px;
}
#mainwrapper #navigationheader .nav-header-right {
display: flex;
height: 100%;
align-items: center;
}
#mainwrapper #navigationheader .nav-header-right #header-help-link {
color: var(--text-primary, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
border-right: 1px solid var(--components-divider-default-border-color, #949494);
display: block;
width: 51px;
height: 18px;
text-align: center;
}
#mainwrapper #navigationheader .nav-header-right #header-bag-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
}
#mainwrapper #navigationheader .nav-header-right #header-bag-icon .nx-icon {
background-image: var(--icon-bag-m-default);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 24px;
width: 24px;
}
#mainwrapper #navigationheader .nav-header-right #header-bag-icon .bag-item-counter {
position: absolute;
padding-top: 1px;
color: var(--components-app-bar-brand-bar-default-text-color, #949494);
line-height: var(--component-badge-label-line-height);
letter-spacing: var(--component-badge-label-letter-spacing);
font-family: var(--component-badge-label-font-family);
font-size: var(--component-badge-label-font-size);
font-style: var(--component-badge-label-font-style);
font-weight: var(--component-badge-label-font-weight);
text-decoration: var(--component-badge-label-text-decoration);
text-transform: var(--component-badge-label-text-transform);
}
#mainwrapper #subheader {
height: 44px;
background-color: var(--background--paper-background-color);
border-top: 1px solid var(--components-divider-default-border-color, #949494);
position: relative;
}
#mainwrapper #subheader #back-button {
display: flex;
position: absolute;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
cursor: pointer;
}
#mainwrapper #subheader #back-button .nx-icon {
background-image: var(--icon-chevron-left-m-default);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 24px;
width: 24px;
}
#mainwrapper #subheader #back-button .nx-icon:dir(rtl) {
transform: rotate(180deg);
}
#mainwrapper #subheader h1 {
text-align: center;
width: 100%;
display: inline-block;
color: var(--text-primary, #949494);
line-height: var(--global-h2-line-height);
letter-spacing: var(--global-h2-letter-spacing);
font-family: var(--global-h2-font-family);
font-size: var(--global-h2-font-size);
font-style: var(--global-h2-font-style);
font-weight: var(--global-h2-font-weight);
text-decoration: var(--global-h2-text-decoration);
text-transform: var(--global-h2-text-transform);
}
@media (min-width: 768px) {
#mainwrapper #navigationheader {
height: 60px;
padding-left: 32px;
padding-right: 32px;
}
#mainwrapper #subheader {
padding: 0 13px;
}
}
@media (min-width: 1280px) {
#mainwrapper #navigationheader {
padding-left: 40px;
padding-right: 40px;
}
#mainwrapper #subheader {
padding: 0 21px;
}
}
span.inputValidationIcon {
width: 44px;
height: 44px;
border-start-end-radius: var(--action-default-border-radius);
border-end-end-radius: var(--action-default-border-radius);
inset-inline-end: 0px;
position: absolute;
border-left: none;
display: inline-flex;
justify-content: center;
align-items: center;
}
span.inputValidationIcon div {
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
}
span#passwordResetInputValidationIcon, span#reEnterPasswordInputValidationIcon {
margin-right: 89px;
}
span.inputValidationMessage {
color: var(--brand-error-default-text-color, #949494);
line-height: var(--component-helper-text-line-height);
letter-spacing: var(--component-helper-text-letter-spacing);
font-family: var(--component-helper-text-font-family);
font-size: var(--component-helper-text-font-size);
font-style: var(--component-helper-text-font-style);
font-weight: var(--component-helper-text-font-weight);
text-decoration: var(--component-helper-text-text-decoration);
text-transform: var(--component-helper-text-text-transform);
height: 18px;
display: inline-block;
margin-top: 4px;
}
.main_container {
display: flex;
flex-direction: column;
padding-left: 16px;
padding-right: 16px;
}
.main_container #loginWidget {
width: 100%;
}
.main_container #loginWidget ._widget {
line-height: 0px;
}
.main_container #loginWidget ._widget section {
padding-bottom: 0px;
padding-top: 0px;
}
.main_container #loginWidget ._widget section div > div {
justify-content: normal;
}
.main_container #loginWidget ._widget section div > div header {
padding-top: 8px;
padding-bottom: 20px;
width: 100%;
}
.main_container #loginWidget ._widget section div > div header #custom-prompt-logo {
display: none;
}
.main_container #loginWidget ._widget section div > div header #prompt-logo-center {
display: none;
}
.main_container #loginWidget ._widget section div > div header h1 {
margin-top: 0px;
}
.main_container #loginWidget ._widget section div > div header h1#loginTitle {
text-align: center;
}
.main_container #loginWidget ._widget section div > div header h1 .existingText,
.main_container #loginWidget ._widget section div > div header h1 .customerText {
height: 23px;
color: var(--text-primary, #949494);
line-height: var(--global-h3-line-height);
letter-spacing: var(--global-h3-letter-spacing);
font-family: var(--global-h3-font-family);
font-size: var(--global-h3-font-size);
font-style: var(--global-h3-font-style);
font-weight: var(--global-h3-font-weight);
text-decoration: var(--global-h3-text-decoration);
text-transform: var(--global-h3-text-transform);
}
.main_container #loginWidget ._widget section div > div header > div > p {
display: none;
color: var(--text-primary, #949494);
line-height: var(--global-display-2-line-height);
letter-spacing: var(--global-display-2-letter-spacing);
font-family: var(--global-display-2-font-family);
font-size: var(--global-display-2-font-size);
font-style: var(--global-display-2-font-style);
font-weight: var(--global-display-2-font-weight);
text-decoration: var(--global-display-2-text-decoration);
text-transform: var(--global-display-2-text-transform);
}
.main_container #loginWidget ._widget section div > div div > form button[type=submit][name=action] {
display: none;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper {
position: relative;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper label {
display: none;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .inputTitleText {
color: var(--text-primary, #949494);
line-height: var(--component-input-label-1-line-height);
letter-spacing: var(--component-input-label-1-letter-spacing);
font-family: var(--component-input-label-1-font-family);
font-size: var(--component-input-label-1-font-size);
font-style: var(--component-input-label-1-font-style);
font-weight: var(--component-input-label-1-font-weight);
text-decoration: var(--component-input-label-1-text-decoration);
text-transform: var(--component-input-label-1-text-transform);
margin-bottom: 8px;
justify-content: start;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .inputTitleText[data-dynamic-label-for=password] {
margin-top: 0px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .validation-failed input#username,
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .validation-failed input#password {
border-top-color: var(--components-alert-error-default-border-color, #949494);
border-right-color: var(--components-alert-error-default-border-color, #949494);
border-bottom-color: var(--components-alert-error-default-border-color, #949494);
border-left-color: var(--components-alert-error-default-border-color, #949494);
padding-inline-end: 44px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .validation-failed span div {
background-image: var(--icon-cross-m-error);
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .validation-passed input#username,
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .validation-passed input#password {
border-top-color: var(--components-alert-success-default-border-color, #949494);
border-right-color: var(--components-alert-success-default-border-color, #949494);
border-bottom-color: var(--components-alert-success-default-border-color, #949494);
border-left-color: var(--components-alert-success-default-border-color, #949494);
padding-inline-end: 44px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper .validation-passed span div {
background-image: var(--icon-check-m-success);
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper #username,
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper #password {
height: 44px;
padding: 16px;
width: 100%;
background-color: var(--action-default-enabled-background-color);
border-radius: var(--action-default-border-radius);
border-top: 1px solid var(--action-default-enabled-border-color, #949494);
border-right: 1px solid var(--action-default-enabled-border-color, #949494);
border-bottom: 1px solid var(--action-default-enabled-border-color, #949494);
border-left: 1px solid var(--action-default-enabled-border-color, #949494);
color: var(--text-primary, #949494);
line-height: var(--component-input-text-line-height);
letter-spacing: var(--component-input-text-letter-spacing);
font-family: var(--component-input-text-font-family);
font-size: var(--component-input-text-font-size);
font-style: var(--component-input-text-font-style);
font-weight: var(--component-input-text-font-weight);
text-decoration: var(--component-input-text-text-decoration);
text-transform: var(--component-input-text-text-transform);
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper #username:focus,
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper #password:focus {
border-top-color: var(--action-default-selected-border-color, #949494);
border-right-color: var(--action-default-selected-border-color, #949494);
border-bottom-color: var(--action-default-selected-border-color, #949494);
border-left-color: var(--action-default-selected-border-color, #949494);
background-color: var(--action-default-selected-background-color);
outline: 0px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper div.showPasswordOuter {
display: none;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper div.showPasswordOuter a#showPasswordButton {
display: block;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 12px;
width: 70px;
height: 44px;
color: var(--components-button-outlined-secondary-enabled-contrast-text-color, #949494);
line-height: var(--component-button-small-line-height);
letter-spacing: var(--component-button-small-letter-spacing);
font-family: var(--component-button-small-font-family);
font-size: var(--component-button-small-font-size);
font-style: var(--component-button-small-font-style);
font-weight: var(--component-button-small-font-weight);
text-decoration: var(--component-button-small-text-decoration);
text-transform: var(--component-button-small-text-transform);
background-color: var(--components-button-outlined-secondary-enabled-background-color);
border-top: 1px solid var(--components-button-outlined-secondary-enabled-border-color, #949494);
border-right: 1px solid var(--components-button-outlined-secondary-enabled-border-color, #949494);
border-bottom: 1px solid var(--components-button-outlined-secondary-enabled-border-color, #949494);
border-left: 1px solid var(--components-button-outlined-secondary-enabled-border-color, #949494);
border-start-start-radius: 0px;
border-end-start-radius: 0px;
border-start-end-radius: var(--action-default-border-radius);
border-end-end-radius: var(--action-default-border-radius);
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper {
display: none;
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter {
display: flex;
justify-content: end;
margin-top: 8px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter .rememberEmailLabel {
color: var(--text-primary, #949494);
line-height: var(--component-input-label-1-line-height);
letter-spacing: var(--component-input-label-1-letter-spacing);
font-family: var(--component-input-label-1-font-family);
font-size: var(--component-input-label-1-font-size);
font-style: var(--component-input-label-1-font-style);
font-weight: var(--component-input-label-1-font-weight);
text-decoration: var(--component-input-label-1-text-decoration);
text-transform: var(--component-input-label-1-text-transform);
margin-inline-end: 8px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter .checkboxContainer span {
display: none;
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter .checkboxContainer #rememberEmail {
width: 20px;
height: 20px;
margin: 0px;
display: block;
opacity: 1;
border-radius: var(--action-checkbox-border-radius, 4px);
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter .checkboxContainer input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter .checkboxContainer input[type=checkbox]:after {
display: block;
height: 20px;
width: 20px;
content: "";
background: var(--components-checkbox-default-enabled-unselected-background-color);
border-radius: var(--action-checkbox-border-radius, 4px);
border-radius: var(--action-checkbox-border-radius);
border-top: 1px solid var(--components-checkbox-default-enabled-unselected-background-color-border-color, #949494);
border-right: 1px solid var(--components-checkbox-default-enabled-unselected-background-color-border-color, #949494);
border-bottom: 1px solid var(--components-checkbox-default-enabled-unselected-background-color-border-color, #949494);
border-left: 1px solid var(--components-checkbox-default-enabled-unselected-background-color-border-color, #949494);
}
.main_container #loginWidget ._widget section div > div div > form div > div .rememberEmailWrapper .rememberEmailOuter .checkboxContainer input[type=checkbox]:checked:after {
display: block;
height: 20px;
width: 20px;
content: "";
background: var(--icon-check-s-default);
background-position: center;
background-size: auto;
border-radius: var(--action-checkbox-border-radius);
border-top: 2px solid var(--components-checkbox-default-enabled-selected-border-color, #949494);
border-right: 2px solid var(--components-checkbox-default-enabled-selected-border-color, #949494);
border-bottom: 2px solid var(--components-checkbox-default-enabled-selected-border-color, #949494);
border-left: 2px solid var(--components-checkbox-default-enabled-selected-border-color, #949494);
}
.main_container #loginWidget ._widget section div > div div > form p {
margin-top: 8px;
margin-bottom: 12px;
}
.main_container #loginWidget ._widget section div > div div > form p a {
color: var(--components-link-primary-enabled-text-color, #949494);
line-height: var(--global-body-5-line-height);
letter-spacing: var(--global-body-5-letter-spacing);
font-family: var(--global-body-5-font-family);
font-size: var(--global-body-5-font-size);
font-style: var(--global-body-5-font-style);
font-weight: var(--global-body-5-font-weight);
text-decoration: var(--global-body-5-text-decoration);
text-transform: var(--global-body-5-text-transform);
padding: 0px;
}
.main_container #loginWidget ._widget section div > div div > form div button[type=submit][name=action] {
background-color: var(--components-button-contained-primary-enabled-background-color);
border-radius: var(--components-button-default-border-radius);
border-top: 1px solid var(--components-button-contained-primary-enabled-border-color, #949494);
border-right: 1px solid var(--components-button-contained-primary-enabled-border-color, #949494);
border-bottom: 1px solid var(--components-button-contained-primary-enabled-border-color, #949494);
border-left: 1px solid var(--components-button-contained-primary-enabled-border-color, #949494);
color: var(--components-button-contained-primary-enabled-contrast-text-color, #949494);
line-height: var(--component-button-large-line-height);
letter-spacing: var(--component-button-large-letter-spacing);
font-family: var(--component-button-large-font-family);
font-size: var(--component-button-large-font-size);
font-style: var(--component-button-large-font-style);
font-weight: var(--component-button-large-font-weight);
text-decoration: var(--component-button-large-text-decoration);
text-transform: var(--component-button-large-text-transform);
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
margin-bottom: 12px;
width: 100%;
height: 44px;
}
.main_container #loginWidget .tabs {
display: flex;
padding-left: 8px;
justify-content: right;
}
.main_container #loginWidget .tabs .help {
display: none;
}
.main_container #loginWidget .tabs acronym {
text-decoration: none;
border-bottom: none;
}
.main_container #loginWidget .tabs div {
margin-right: 26px;
}
.main_container #loginWidget .tabs div a {
color: var(--components-link-primary-enabled-text-color, #949494);
line-height: var(--global-body-5-line-height);
letter-spacing: var(--global-body-5-letter-spacing);
font-family: var(--global-body-5-font-family);
font-size: var(--global-body-5-font-size);
font-style: var(--global-body-5-font-style);
font-weight: var(--global-body-5-font-weight);
text-decoration: var(--global-body-5-text-decoration);
text-transform: var(--global-body-5-text-transform);
}
@media (min-width: 768px) {
body .main_container {
flex-direction: row;
justify-content: space-between;
margin: auto;
margin-top: 64px;
padding-left: 32px;
padding-right: 32px;
}
body .main_container #loginWidget {
padding-top: 0px;
max-width: 490px;
}
body .main_container #loginWidget main.login {
padding-bottom: 0px;
padding-left: 0px;
}
body .main_container #loginWidget ._widget > section > div {
background-color: var(--background-main);
border-bottom: solid 1px;
border-bottom-color: var(--action-default-enabled-border-color);
border-radius: 0px;
padding-left: 31px;
padding-right: 31px;
}
body .main_container #loginWidget ._widget > section > div div header {
padding-top: 28px;
padding-bottom: 16px;
}
body .main_container #loginWidget ._widget > section > div div header h1 {
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}
body .main_container #loginWidget ._widget > section > div div header h1 .existingText,
body .main_container #loginWidget ._widget > section > div div header h1 .customerText {
color: var(--text-primary, #949494);
line-height: var(--global-display-1-line-height);
letter-spacing: var(--global-display-1-letter-spacing);
font-family: var(--global-display-1-font-family);
font-size: var(--global-display-1-font-size);
font-style: var(--global-display-1-font-style);
font-weight: var(--global-display-1-font-weight);
text-decoration: var(--global-display-1-text-decoration);
text-transform: var(--global-display-1-text-transform);
}
body .main_container #loginWidget ._widget > section > div div header h1#loginTitle {
text-align: start;
}
body .main_container #loginWidget ._widget > section > div div header > div > p {
display: block;
}
body .main_container #loginWidget ._widget > section > div div div > form {
max-width: 370px;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div {
display: flex;
justify-content: left;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div:nth-child(2) {
background-color: var(--background-main);
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div.inputTitleText {
margin-bottom: 4px;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div.inputTitleText[data-dynamic-label-for=password] {
margin-top: 0px;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div label {
display: none;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div.validation-failed input#username,
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div.validation-failed input#password, body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div.validation-passed input#username,
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div.validation-passed input#password {
padding-right: 16px;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div #password {
border-start-end-radius: 0px;
border-end-end-radius: 0px;
border-start-start-radius: var(--action-default-border-radius);
border-end-start-radius: var(--action-default-border-radius);
border-inline-end: none;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div div.showPasswordOuter {
display: block;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .input-wrapper div span.inputValidationIcon {
display: none;
}
body .main_container #loginWidget ._widget > section > div div div > form div div .rememberEmailWrapper {
display: block;
}
body .main_container #loginWidget ._widget > section > div div div > form div button[type=submit][name=action] {
margin-bottom: 32px;
}
body .main_container #loginWidget ._widget > section > div div div > form p {
display: flex;
justify-content: end;
margin-top: 7px;
margin-bottom: 24px;
}
body .main_container #loginWidget ._widget > section > div div div > form p a {
color: var(--components-link-primary-enabled-text-color, #949494);
line-height: var(--global-body-3-link-line-height);
letter-spacing: var(--global-body-3-link-letter-spacing);
font-family: var(--global-body-3-link-font-family);
font-size: var(--global-body-3-link-font-size);
font-style: var(--global-body-3-link-font-style);
font-weight: var(--global-body-3-link-font-weight);
text-decoration: var(--global-body-3-link-text-decoration);
text-transform: var(--global-body-3-link-text-transform);
}
body .main_container #loginWidget .tabs {
gap: 12px;
justify-content: left;
margin-bottom: 64px;
}
body .main_container #loginWidget .tabs div {
display: flex;
height: var(--Spacing-Spacing-8, 32px);
padding: 5px 22px;
margin-right: 0px;
justify-content: center;
align-items: center;
border-radius: 0px 0px 8px 8px;
border-right: 1px solid var(--components-divider-default-border-color, #eee);
border-bottom: 1px solid var(--components-divider-default-border-color, #eee);
border-left: 1px solid var(--components-divider-default-border-color, #eee);
background: var(--background-paper, #fff);
}
body .main_container #loginWidget .tabs div.help {
display: flex;
}
body .main_container #loginWidget .tabs div a {
color: var(--text-primary, #949494);
line-height: var(--global-body-2-line-height);
letter-spacing: var(--global-body-2-letter-spacing);
font-family: var(--global-body-2-font-family);
font-size: var(--global-body-2-font-size);
font-style: var(--global-body-2-font-style);
font-weight: var(--global-body-2-font-weight);
text-decoration: var(--global-body-2-text-decoration);
text-transform: var(--global-body-2-text-transform);
}
}
@media (min-width: 1024px) {
body .main_container {
max-width: 938px;
padding: 0;
}
}
@media (min-width: 1024px) {
body .main_container #loginWidget {
width: 490px;
}
}
#registration_container .registration_secondary_container {
padding-top: 30px;
}
#registration_container .registration_secondary_container .desktopSecondaryContainer {
display: none;
}
#registration_container .registration_secondary_container .desktopSecondaryContainer h2 {
margin: 0px;
text-align: center;
color: var(--text-primary, #949494);
line-height: var(--global-display-1-line-height);
letter-spacing: var(--global-display-1-letter-spacing);
font-family: var(--global-display-1-font-family);
font-size: var(--global-display-1-font-size);
font-style: var(--global-display-1-font-style);
font-weight: var(--global-display-1-font-weight);
text-decoration: var(--global-display-1-text-decoration);
text-transform: var(--global-display-1-text-transform);
}
#registration_container .registration_secondary_container .desktopSecondaryContainer h2 span {
color: var(--text-primary, #949494);
line-height: var(--global-display-1-line-height);
letter-spacing: var(--global-display-1-letter-spacing);
font-family: var(--global-display-1-font-family);
font-size: var(--global-display-1-font-size);
font-style: var(--global-display-1-font-style);
font-weight: var(--global-display-1-font-weight);
text-decoration: var(--global-display-1-text-decoration);
text-transform: var(--global-display-1-text-transform);
}
#registration_container .registration_secondary_container .desktopSecondaryContainer h3 {
margin: 0px;
margin-bottom: 28px;
text-align: center;
color: var(--text-primary, #949494);
line-height: var(--global-display-2-line-height);
letter-spacing: var(--global-display-2-letter-spacing);
font-family: var(--global-display-2-font-family);
font-size: var(--global-display-2-font-size);
font-style: var(--global-display-2-font-style);
font-weight: var(--global-display-2-font-weight);
text-decoration: var(--global-display-2-text-decoration);
text-transform: var(--global-display-2-text-transform);
}
#registration_container .registration_secondary_container .mobileSecondaryContainer {
display: block;
}
#registration_container .registration_secondary_container .mobileSecondaryContainer h5 {
margin: 0px;
margin-bottom: 12px;
text-align: center;
color: var(--text-primary, #949494);
line-height: var(--global-h3-line-height);
letter-spacing: var(--global-h3-letter-spacing);
font-family: var(--global-h3-font-family);
font-size: var(--global-h3-font-size);
font-style: var(--global-h3-font-style);
font-weight: var(--global-h3-font-weight);
text-decoration: var(--global-h3-text-decoration);
text-transform: var(--global-h3-text-transform);
}
#registration_container .registration_secondary_container a {
display: block;
text-align: center;
text-decoration: none;
margin: 0 auto;
}
#registration_container .guest-checkout__desktop {
font-family: var(--global-body-1-font-family);
}
#registration_container .guest-checkout__desktop a.gcbtn.guestCheckout__button {
width: 100%;
border-radius: var(--components-button-default-border-radius);
}
#registration_container .guest-checkout__desktop .guestCheckout-container {
padding: 0;
}
#registration_container #guestCheckoutProvidersContainer.panel-level-content {
padding: 18px 0px 0px 0px;
}
#registration_container #guestCheckoutProvidersContainer.panel-level-content .guestCheckout-container.guestCheckout-container-offset {
padding: unset;
}
#registration_container .guestCheckout-container #Next a.gcbtn.guestCheckout__button {
border-radius: var(--components-button-default-border-radius);
height: 44px;
padding: 12px 24px;
width: 100%;
}
#registration_container .guestCheckout-container #Next a.gcbtn.guestCheckout__button .guestCheckout__button-text {
font-family: var(--global-body-1-font-family);
text-transform: var(--component-button-medium-text-transform);
font-weight: var(--component-button-medium-font-weight);
}
#registration_container #registrationBtn {
border-top-color: var(--components-button-contained-secondary-enabled-border-color, #949494);
border-right-color: var(--components-button-contained-secondary-enabled-border-color, #949494);
border-bottom-color: var(--components-button-contained-secondary-enabled-border-color, #949494);
border-left-color: var(--components-button-contained-secondary-enabled-border-color, #949494);
border-radius: var(--components-button-default-border-radius);
background-color: var(--components-button-contained-secondary-enabled-background-color);
height: 44px;
padding: 12px 24px;
line-height: 21px;
}
#registration_container #registrationBtn span {
color: var(--components-button-contained-secondary-enabled-contrast-text-color, #949494);
line-height: var(--component-button-large-line-height);
letter-spacing: var(--component-button-large-letter-spacing);
font-family: var(--component-button-large-font-family);
font-size: var(--component-button-large-font-size);
font-style: var(--component-button-large-font-style);
font-weight: var(--component-button-large-font-weight);
text-decoration: var(--component-button-large-text-decoration);
text-transform: var(--component-button-large-text-transform);
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
#registration_container #applePayFrame {
border-radius: var(--components-button-default-border-radius);
}
#registration_container a.tcs {
color: var(--components-link-primary-enabled-text-color, black);
text-decoration: underline;
font-weight: var(--global-body-5-link-font-weight);
}
@media (min-width: 768px) {
#registration_container {
width: 100%;
max-width: 366px;
}
#registration_container .registration_secondary_container .mobileSecondaryContainer {
display: none;
}
#registration_container .registration_secondary_container .desktopSecondaryContainer {
display: block;
margin-bottom: 15px;
}
#registration_container a {
width: 100%;
max-width: 367px;
}
}
@media (min-width: 768px) and (max-width: 951px) {
#registration_container {
padding-inline-start: 31px;
}
}
body > .CookieConsent {
background-color: #fff;
box-sizing: content-box;
border: 1px solid #eaeaea;
border-radius: 5px;
color: black;
font-family: sans-serif;
font-size: 14px;
font-weight: 400;
display: block;
width: 260px;
height: 145px;
position: fixed;
bottom: 10px;
right: 10px;
padding: 8px 16px 16px 16px;
opacity: 0.95;
z-index: 1001;
cursor: pointer;
letter-spacing: normal;
}
body > .CookieConsent .CookieConsentCross {
display: inline-block;
background-image: url("../images/Structural/XIcon.png");
background-size: contain;
position: absolute;
right: 8px;
top: 8px;
height: 10px;
width: 10px;
}
body > .CookieConsent p:first-child {
font-weight: 600;
}
body > .CookieConsent p {
margin: 1px;
line-height: 21px;
}
body > .CookieConsent p #aFindOutMore {
color: #28a89d;
text-decoration: underline;
}
.ModalPopup body .messagebox {
margin-top: 50px;
margin-bottom: 16px;
}
/*These elements are added to html structure by IdentityProvider's solution.
To avoid issues with changing the html structure by them and ensure that elements stay unvisible,
exceptionally `!important` keyword was used which should be treated as an exception to this specific case
and shouldn't be used anywhere else.*/
#error-element-password,
#prompt-alert {
display: none !important;
}
.messagebox {
background-color: #f7f7f7;
background-repeat: no-repeat;
background-position: 0 100%;
text-align: start;
margin-top: 16px;
padding: 16px;
position: relative;
}
.messagebox.account-match {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-info-default-border-color, #1d89dd);
background: var(--components-alert-info-default-background-color, #f4f9fd);
color: var(--components-alert-info-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.messagebox.Failure {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-error-default-border-color, #d91440);
background-color: var(--components-alert-error-default-background-color, #fdf3f5);
color: var(--components-alert-error-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.messagebox.Success {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-success-default-border-color, #257f39);
background-color: var(--components-alert-success-default-background-color, #f4f9f6);
color: var(--components-alert-success-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.messagebox.Success .msgBody p {
margin-top: 0px;
margin-bottom: 14px;
}
.messagebox.Advisory {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-warning-default-border-color, #d88f31);
background: var(--components-alert-warning-default-background-color, #fdf9f5);
color: var(--components-alert-warning-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.messagebox .msgboxTitle {
display: inline-block;
margin-bottom: 10px;
color: var(--components-alert-error-default-text-color, #949494);
line-height: var(--global-subtitle-2-line-height);
letter-spacing: var(--global-subtitle-2-letter-spacing);
font-family: var(--global-subtitle-2-font-family);
font-size: var(--global-subtitle-2-font-size);
font-style: var(--global-subtitle-2-font-style);
font-weight: var(--global-subtitle-2-font-weight);
text-decoration: var(--global-subtitle-2-text-decoration);
text-transform: var(--global-subtitle-2-text-transform);
}
.auth-banner header.alert,
.guestcheckout-banner-mobile header.alert {
padding: 16px;
margin: 16px;
}
.auth-banner header.alert.account-match,
.guestcheckout-banner-mobile header.alert.account-match {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-info-default-border-color, #1d89dd);
background: var(--components-alert-info-default-background-color, #f4f9fd);
color: var(--components-alert-info-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.auth-banner header.alert.nx-failure div:not(.nx-title) > span,
.guestcheckout-banner-mobile header.alert.nx-failure div:not(.nx-title) > span {
color: var(--components-alert-error-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.auth-banner header.alert.nx-success .nx-title span,
.guestcheckout-banner-mobile header.alert.nx-success .nx-title span {
font-weight: var(--global-subtitle-2-font-weight);
}
body .hidden {
display: none;
visibility: hidden;
}
body .nx-advisory {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-warning-default-border-color, #d88f31);
background: var(--components-alert-warning-default-background-color, #fdf9f5);
color: var(--components-alert-warning-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
body .nx-failure {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-error-default-border-color, #d91440);
background-color: var(--components-alert-error-default-background-color, #fdf3f5);
color: var(--components-alert-error-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
body .nx-failure .nx-title {
color: var(--components-alert-error-default-text-color, #949494);
line-height: var(--global-subtitle-2-line-height);
letter-spacing: var(--global-subtitle-2-letter-spacing);
font-family: var(--global-subtitle-2-font-family);
font-size: var(--global-subtitle-2-font-size);
font-style: var(--global-subtitle-2-font-style);
font-weight: var(--global-subtitle-2-font-weight);
text-decoration: var(--global-subtitle-2-text-decoration);
text-transform: var(--global-subtitle-2-text-transform);
}
body .nx-success {
border-radius: var(--components-alert-default-border-radius, 0px);
border-inline-start: 2px solid var(--components-alert-success-default-border-color, #257f39);
background-color: var(--components-alert-success-default-background-color, #f4f9f6);
color: var(--components-alert-success-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
margin-top: 0.5rem;
-webkit-text-fill-color: var(--components-alert-success-default-text-color, #000);
}
body .nx-success div > span {
color: var(--components-alert-success-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
body .nx-title {
font-weight: bold;
padding-bottom: 10px;
}
body .nx-alertbody p {
margin-top: 0;
margin-bottom: 0;
}
body .auth-banner p,
body .guestcheckout-banner-mobile p {
padding-bottom: 10px;
}
.guestcheckout-banner-desktop {
padding-left: 32px;
padding-right: 32px;
margin-bottom: 16px;
}
.guestcheckout-banner-desktop .messagebox {
max-width: 938px;
margin-left: auto;
margin-right: auto;
}
h3#postcodeBlockMessageTitle,
h3#postcodeBlockMessageDescription {
margin-bottom: 0.5em;
}
.contact-number {
white-space: nowrap;
}
.contact-number a {
color: var(--components-alert-info-default-text-color, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
.underline-here-word {
color: var(--components-alert-success-default-text-color, #000);
text-decoration: underline;
}
@media (min-width: 768px) {
.auth-banner,
.guestcheckout-banner-mobile {
display: none;
}
}
@media (max-width: 767.9px) {
#messagebox,
.messagebox,
.ModalPopupContainer,
.ModalPopup {
display: none;
}
}
#themeBanner {
display: block;
width: 100%;
text-align: start;
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 768px) {
#themeBanner {
padding-bottom: 40px;
padding-left: 32px;
padding-right: 32px;
margin: auto;
}
}
@media (min-width: 1024px) {
#themeBanner {
max-width: 938px;
padding: 0;
padding-bottom: 40px;
}
}
#themeBanner p {
color: var(--text-primary, #949494);
line-height: var(--global-body-1-line-height);
letter-spacing: var(--global-body-1-letter-spacing);
font-family: var(--global-body-1-font-family);
font-size: var(--global-body-1-font-size);
font-style: var(--global-body-1-font-style);
font-weight: var(--global-body-1-font-weight);
text-decoration: var(--global-body-1-text-decoration);
text-transform: var(--global-body-1-text-transform);
}
#themeBanner p a {
color: var(--components-link-primary-enabled-text-color, #949494);
line-height: var(--global-body-6-link-line-height);
letter-spacing: var(--global-body-6-link-letter-spacing);
font-family: var(--global-body-6-link-font-family);
font-size: var(--global-body-6-link-font-size);
font-style: var(--global-body-6-link-font-style);
font-weight: var(--global-body-6-link-font-weight);
text-decoration: var(--global-body-6-link-text-decoration);
text-transform: var(--global-body-6-link-text-transform);
}
#themeBanner p a:hover {
color: var(--components-link-primary-hovered-text-color);
}
#liteFooterContainerSpace {
padding-top: 60px;
}
#liteFooterContainer {
background-color: #f7f7f7;
border-top: 0.0625rem solid #eaeaea;
bottom: 0;
position: fixed;
width: 100%;
}
#liteFooterContainer #copyrightTextContainer {
padding: 1.125rem 0;
}
#liteFooterContainer #copyrightTextContainer h3 {
margin: 0px;
}
#liteFooterContainer #copyrightTextContainer #copyrightText {
padding: 0 0.75rem;
color: var(--text-primary, #515151);
line-height: var(--global-body-2-line-height, 1.5rem);
letter-spacing: var(--global-body-2-letter-spacing, 0.12px);
font-family: var(--global-body-2-font-family, "azo-sans");
font-size: var(--global-body-2-font-size, 0.75rem);
font-style: var(--global-body-2-font-style, normal);
font-weight: var(--global-body-2-font-weight, 400);
text-decoration: var(--global-body-2-text-decoration, none);
text-transform: var(--global-body-2-text-transform, none);
text-align: center;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: #fff;
}
#mainwrapper {
border-bottom: 1px solid #eee;
}
#mainwrapper #navigationheader .nav-header-right {
justify-content: flex-end;
}
.main_container #loginWidget ._widget section div > div header > div > p {
margin-bottom: 0px;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper div.inputTitleText {
font-weight: 500;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper div.showPasswordOuter a#showPasswordButton {
text-transform: lowercase;
}
.main_container #loginWidget ._widget section div > div div > form div > div .input-wrapper div.showPasswordOuter::first-letter {
text-transform: uppercase;
}
.flagContainer {
margin: 0;
}
@media (max-width: 767.95px) {
.auth-banner header.alert.nx-success .nx-title {
display: block;
}
.auth-banner header.alert.nx-success .nx-title > span {
font-weight: bold;
}
.main_container #registration_container {
padding: 0;
}
}
@media (min-width: 767.95px) {
#registration_container .registration_secondary_container {
padding-top: 0;
margin-top: 28px;
margin-left: 0;
margin-right: 0;
}
}
/*# sourceMappingURL=next-int-visionLoginPage.desktop.ltr.css.map */