body #mainBody #registerArea #register_form .auto-incentive__registration-banner, body #mainBody .int-registration .auto-incentive__registration-banner { display: flex; flex-direction: row; align-items: center; background: var(--primary-shades-8p); border-radius: var(--components-dialog-default-border-radius); padding: 12px 16px; gap: 12px; } body #mainBody #registerArea #register_form .auto-incentive__registration-banner .auto-incentive__registration-banner-icon, body #mainBody .int-registration .auto-incentive__registration-banner .auto-incentive__registration-banner-icon { border-radius: var(--components-icon-button-default-border-radius); background: var(--background-main); background-image: var(--icon-sale-m-default); background-position: center; background-size: 22px; background-repeat: no-repeat; min-width: 44px; min-height: 44px; } body #mainBody #registerArea #register_form .auto-incentive__registration-banner .auto-incentive__registration-banner-text, body #mainBody .int-registration .auto-incentive__registration-banner .auto-incentive__registration-banner-text { display: flex; flex-direction: column; align-items: flex-start; padding: 0; color: var(--text-primary); font-family: var(--global-body-2-font-family); font-weight: var(--global-body-2-font-weight); font-style: var(--global-body-2-font-style); text-transform: var(--global-body-2-text-transform); text-decoration: var(--global-body-2-text-decoration); font-size: var(--global-body-2-font-size); letter-spacing: var(--global-body-2-letter-spacing); line-height: var(--global-body-2-line-height); } body #mainBody #registerArea #register_form .auto-incentive__registration-banner .auto-incentive__registration-banner-text a.link-underline, body #mainBody .int-registration .auto-incentive__registration-banner .auto-incentive__registration-banner-text a.link-underline { color: var(--text-primary); font-family: var(--global-body-4-link-font-family); font-weight: var(--global-body-4-link-font-weight); font-style: var(--global-body-4-link-font-style); text-transform: var(--global-body-4-link-text-transform); text-decoration: var(--global-body-4-link-text-decoration); font-size: var(--global-body-4-link-font-size); letter-spacing: var(--global-body-4-link-letter-spacing); line-height: var(--global-body-4-link-line-height); } body #mainBody #registerArea #register_form .auto-incentive__registration-CTA-banner, body #mainBody .int-registration .auto-incentive__registration-CTA-banner { display: flex; flex-direction: column; align-items: center; padding: 24px 16px 16px; border-radius: var(--components-dialog-default-border-radius); border: 1px solid var(--action-default-enabled-border-color); } body #mainBody #registerArea #register_form .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text, body #mainBody .int-registration .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text { display: flex; flex-direction: column; align-items: center; padding-bottom: 16px; color: var(--text-primary); font-family: var(--global-body-3-font-family); font-weight: var(--global-body-3-font-weight); font-style: var(--global-body-3-font-style); text-transform: var(--global-body-3-text-transform); text-decoration: var(--global-body-3-text-decoration); font-size: var(--global-body-3-font-size); letter-spacing: var(--global-body-3-letter-spacing); line-height: var(--global-body-3-line-height); } body #mainBody #registerArea #register_form .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text a.link-underline, body #mainBody .int-registration .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text a.link-underline { color: var(--text-primary); font-family: var(--global-body-4-link-font-family); font-weight: var(--global-body-4-link-font-weight); font-style: var(--global-body-4-link-font-style); text-transform: var(--global-body-4-link-text-transform); text-decoration: var(--global-body-4-link-text-decoration); font-size: var(--global-body-4-link-font-size); letter-spacing: var(--global-body-4-link-letter-spacing); line-height: var(--global-body-4-link-line-height); } body #mainBody #registerArea #register_form .auto-incentive__registration-CTA-banner .auto-incentive__registration-OR-text, body #mainBody .int-registration .auto-incentive__registration-CTA-banner .auto-incentive__registration-OR-text { display: flex; background: var(--background-paper); position: absolute; top: 45px; left: 47%; width: 50px; order: -1; } body #mainBody #registerArea #register_form .form-group.checkout-guest-reg-split.auto-incentive__registration-OR-text, body #mainBody .int-registration .form-group.checkout-guest-reg-split.auto-incentive__registration-OR-text { font-family: var(--global-body-5-font-family); font-weight: var(--global-body-5-font-weight); font-style: var(--global-body-5-font-style); text-transform: var(--global-body-5-text-transform); text-decoration: var(--global-body-5-text-decoration); font-size: var(--global-body-5-font-size); letter-spacing: var(--global-body-5-letter-spacing); line-height: var(--global-body-5-line-height); } body #mainBody .auto-incentive__guest-registration-CTA-banner { margin-top: 24px; } body #mainBody #registerArea #register_form .req-banner { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); color: var(--text-primary); } body #mainBody #registerArea #register_form .row-width { margin-right: 20px; } body #mainBody #registerArea #register_form .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons) { font-family: var(--component-input-text-font-family); font-weight: var(--component-input-text-font-weight); font-style: var(--component-input-text-font-style); text-transform: var(--component-input-text-text-transform); text-decoration: var(--component-input-text-text-decoration); font-size: var(--component-input-text-font-size); letter-spacing: var(--component-input-text-letter-spacing); line-height: var(--component-input-text-line-height); height: 44px; } body #mainBody #registerArea #register_form .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons).filled, body #mainBody #registerArea #register_form .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons):focus { font-family: var(--component-input-label-1-font-family); font-weight: var(--component-input-label-1-font-weight); font-style: var(--component-input-label-1-font-style); text-transform: var(--component-input-label-1-text-transform); text-decoration: var(--component-input-label-1-text-decoration); font-size: var(--component-input-label-1-font-size); letter-spacing: var(--component-input-label-1-letter-spacing); line-height: var(--component-input-label-1-line-height); } body #mainBody #registerArea #register_form .password-help-text, body #mainBody #registerArea #register_form .textalertinfo, body #mainBody #registerArea #register_form .deliveryAddressHelp { width: 100%; } body #mainBody #registerArea #register_form .input-group label { color: var(--text-primary); font-family: var(--component-input-text-font-family); font-weight: var(--component-input-text-font-weight); font-style: var(--component-input-text-font-style); text-transform: var(--component-input-text-text-transform); text-decoration: var(--component-input-text-text-decoration); font-size: var(--component-input-text-font-size); letter-spacing: var(--component-input-text-letter-spacing); line-height: var(--component-input-text-line-height); } body #mainBody #registerArea #register_form .input-group label.required:after { content: "*"; color: var(--brand-error-default-text-color); margin-left: 2px; } body #mainBody #registerArea #register_form .info-txt-left-delivery, body #mainBody #registerArea #register_form .info-txt-left-email, body #mainBody #registerArea #register_form .info-txt-left { font-family: var(--component-helper-text-font-family); font-weight: var(--component-helper-text-font-weight); font-style: var(--component-helper-text-font-style); text-transform: var(--component-helper-text-text-transform); text-decoration: var(--component-helper-text-text-decoration); font-size: var(--component-helper-text-font-size); letter-spacing: var(--component-helper-text-letter-spacing); line-height: var(--component-helper-text-line-height); color: var(--text-secondary); } body #mainBody #registerArea #register_form .info-txt-left-delivery#DOBHelp, body #mainBody #registerArea #register_form .info-txt-left-email#DOBHelp, body #mainBody #registerArea #register_form .info-txt-left#DOBHelp { margin-top: 4px; margin-bottom: 0; } body #mainBody #registerArea #register_form .show, body #mainBody #registerArea #register_form #ShowPassword span, body #mainBody #registerArea #register_form #SearchPostcode { font-family: var(--component-button-large-font-family); font-weight: var(--component-button-large-font-weight); font-style: var(--component-button-large-font-style); text-transform: var(--component-button-large-text-transform); text-decoration: var(--component-button-large-text-decoration); font-size: var(--component-button-large-font-size); letter-spacing: var(--component-button-large-letter-spacing); line-height: var(--component-button-large-line-height); border: 1px solid var(--components-button-outlined-secondary-enabled-border-color); border-radius: 0 var(--components-button-default-border-radius) var(--components-button-default-border-radius) 0; background: var(--components-button-outlined-secondary-enabled-background-color); height: 44px; right: 0; } body #mainBody #registerArea #register_form .link-section { font-family: var(--global-body-5-font-family); font-weight: var(--global-body-5-font-weight); font-style: var(--global-body-5-font-style); text-transform: var(--global-body-5-text-transform); text-decoration: var(--global-body-5-text-decoration); font-size: var(--global-body-5-font-size); letter-spacing: var(--global-body-5-letter-spacing); line-height: var(--global-body-5-line-height); } body #mainBody #registerArea #register_form .next-marketing .marketing-opt-out-positioning { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); color: var(--text-primary); margin-bottom: 0; border-bottom: 0; } body #mainBody #registerArea #register_form .next-marketing .marketing-opt-out-positioning.border-divider { border-top: 1px solid #d1d1d1; padding-top: 13px; } body #mainBody #registerArea #register_form .marketing-terms-and-conditions { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); } body #mainBody #registerArea #register_form .reg-little-label { padding-top: 10px; } body #mainBody #registerArea #register_form .auto-incentive__registration-CTA-banner { padding-top: 16px; } body #mainBody #registerArea #register_form .next-marketing-preferences { font-family: var(--component-input-label-1-font-family); font-weight: var(--component-input-label-1-font-weight); font-style: var(--component-input-label-1-font-style); text-transform: var(--component-input-label-1-text-transform); text-decoration: var(--component-input-label-1-text-decoration); font-size: var(--component-input-label-1-font-size); letter-spacing: var(--component-input-label-1-letter-spacing); line-height: var(--component-input-label-1-line-height); } body #mainBody #registerArea #register_form .gdprText { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); } body #mainBody #registerArea #register_form .gdprText span { font-family: var(--global-body-3-font-family); font-weight: var(--global-body-3-font-weight); font-style: var(--global-body-3-font-style); text-transform: var(--global-body-3-text-transform); text-decoration: var(--global-body-3-text-decoration); font-size: var(--global-body-3-font-size); letter-spacing: var(--global-body-3-letter-spacing); line-height: var(--global-body-3-line-height); } body #mainBody #registerArea #register_form .requiredfields, body #mainBody #registerArea #register_form .req-banner { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); margin: 16px 0; } body #mainBody #registerArea #register_form .requiredfields span, body #mainBody #registerArea #register_form .req-banner span { color: var(--brand-error-default-text-color); } body #mainBody #registerArea #register_form #SignupButton { width: 100%; font-family: var(--component-button-large-font-family); font-weight: var(--component-button-large-font-weight); font-style: var(--component-button-large-font-style); text-transform: var(--component-button-large-text-transform); text-decoration: var(--component-button-large-text-decoration); font-size: var(--component-button-large-font-size); letter-spacing: var(--component-button-large-letter-spacing); line-height: var(--component-button-large-line-height); } body #mainBody #registerArea #register_form span.field-validation-error { left: 0; margin-left: -3px; margin-top: 3px; color: var(--brand-error-default-text-color); display: flex; align-items: flex-start; flex-direction: row-reverse; width: 100%; justify-content: flex-end; font-family: var(--global-caption-font-family); font-weight: var(--global-caption-font-weight); font-style: var(--global-caption-font-style); text-transform: var(--global-caption-text-transform); text-decoration: var(--global-caption-text-decoration); font-size: var(--global-caption-font-size); letter-spacing: var(--global-caption-letter-spacing); line-height: var(--global-caption-line-height); } body #mainBody #registerArea #register_form span.field-validation-error:before { content: var(--icon-warning-s-default); content-visibility: hidden; } body #mainBody #registerArea #register_form span.field-validation-error:after { content: ""; display: flex; background: var(--brand-error-default-icon-color); -webkit-mask: var(--icon-warning-s-default) no-repeat center/contain; mask: var(--icon-warning-s-default) no-repeat center/contain; max-width: 18px; width: 100%; height: 18px; position: relative; } body #mainBody #registerArea #register_form #AddressSearch-error { display: flex; } body #mainBody #registerArea #register_form .error-address-txt { position: relative; left: 0px; bottom: 18px; color: var(--brand-error-default-text-color); vertical-align: baseline; font-family: var(--component-helper-text-font-family); font-weight: var(--component-helper-text-font-weight); font-style: var(--component-helper-text-font-style); text-transform: var(--component-helper-text-text-transform); text-decoration: var(--component-helper-text-text-decoration); font-size: var(--component-helper-text-font-size); letter-spacing: var(--component-helper-text-letter-spacing); line-height: var(--component-helper-text-line-height); } body #mainBody #registerArea #register_form .col-xs-12:has(> .field-validation-error) { height: 0px; } body #mainBody #registerArea #register_form [data-valmsg-for=DobDate] { position: relative; left: 10px; bottom: 18px; margin-bottom: 0px; height: 0px; } body #mainBody #registerArea #register_form .has-success [data-valmsg-for=DobDate] { bottom: 8px; } body #mainBody #registerArea #register_form #DontKnowPostcode, body #mainBody #registerArea #register_form #IsBFPO, body #mainBody #registerArea #register_form #IsNotBFPO, body #mainBody #registerArea #register_form #KnowPostcode { font-family: var(--global-body-5-font-family); font-weight: var(--global-body-5-font-weight); font-style: var(--global-body-5-font-style); text-transform: var(--global-body-5-text-transform); text-decoration: var(--global-body-5-text-decoration); font-size: var(--global-body-5-font-size); letter-spacing: var(--global-body-5-letter-spacing); line-height: var(--global-body-5-line-height); color: var(--components-link-primary-enabled-text-color); text-decoration: none !important; } body #mainBody #registerArea #register_form #IsBFPOAddressLookup { color: var(--components-link-primary-enabled-text-color, #7F3D9B); font-family: var(--global-body-2-link-font-family); font-weight: var(--global-body-2-link-font-weight); font-style: var(--global-body-2-link-font-style); text-transform: var(--global-body-2-link-text-transform); text-decoration: var(--global-body-2-link-text-decoration); font-size: var(--global-body-2-link-font-size); letter-spacing: var(--global-body-2-link-letter-spacing); line-height: var(--global-body-2-link-line-height); } body #mainBody #registerArea #register_form .container { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; } body #mainBody #registerArea #register_form .container .form-group { margin-left: 0; margin-right: 0; } body #mainBody #registerArea #register_form .container .form-group.incentive { margin-bottom: 0; } body #mainBody #registerArea #register_form .container .form-group #add-incentive-btn .row-width { width: 100%; } body #mainBody #registerArea #register_form .container .dob-group.has-error .textalertinfo { height: 20px; } body #mainBody #registerArea #register_form .container .textalertinfo { margin-left: 0px; width: 100%; } body #mainBody #registerArea #register_form .container input#Password, body #mainBody #registerArea #register_form .container input#Postcode { width: 100%; } body #mainBody #registerArea #register_form .container .checkbox { padding-left: 20px; } body #mainBody #registerArea #register_form .container .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons) { text-indent: 8px; } body #mainBody #registerArea #register_form .container select.form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons) { padding-bottom: 0; } body #mainBody #registerArea #register_form .container .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons) { padding-top: 25px; } body #mainBody #registerArea #register_form .container .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons).select-option { padding-top: 0; } body #mainBody #registerArea #register_form .container.register-cta { padding-top: 0; } body #mainBody #registerArea #register_form .container .input-container input:focus + label, body #mainBody #registerArea #register_form .container .input-container input.filled + label, body #mainBody #registerArea #register_form .container .input-container .input-group label { font-family: var(--component-input-label-2-font-family); font-weight: var(--component-input-label-2-font-weight); font-style: var(--component-input-label-2-font-style); text-transform: var(--component-input-label-2-text-transform); text-decoration: var(--component-input-label-2-text-decoration); font-size: var(--component-input-label-2-font-size); letter-spacing: var(--component-input-label-2-letter-spacing); line-height: var(--component-input-label-2-line-height); color: var(--text-secondary); top: 4px; left: 16px; } body #mainBody #registerArea #register_form .container .row-width, body #mainBody #registerArea #register_form .container .searchby-post-postcode, body #mainBody #registerArea #register_form .container .input-container, body #mainBody #registerArea #register_form .container #SignupButton { width: 100%; } body #mainBody #registerArea #register_form .container .row-width, body #mainBody #registerArea #register_form .container .searchby-post-postcode { width: 100%; margin: auto; } body #mainBody #registerArea #register_form .container .hide-show { text-align: center; position: absolute; right: 0; z-index: 5; top: 0px; } body #mainBody #registerArea #register_form .container .show, body #mainBody #registerArea #register_form .container #ShowPassword span { font-family: var(--component-button-large-font-family); font-weight: var(--component-button-large-font-weight); font-style: var(--component-button-large-font-style); text-transform: var(--component-button-large-text-transform); text-decoration: var(--component-button-large-text-decoration); font-size: var(--component-button-large-font-size); letter-spacing: var(--component-button-large-letter-spacing); line-height: var(--component-button-large-line-height); line-height: 44px; position: absolute; width: 89px; color: var(--components-button-outlined-secondary-enabled-contrast-text-color); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; right: 0; top: 0; } @media (min-width: 1200px) { body #mainBody #registerArea #register_form .container, body #mainBody #registerArea #register_form .container.next-marketing { width: 1170px; padding-right: 106px; padding-left: 115px; } } @media (min-width: 1280px) { body #mainBody #registerArea #register_form .container, body #mainBody #registerArea #register_form .container.next-marketing { width: 1170px; padding-right: 106px; padding-left: 115px; margin-left: auto; margin-right: auto; } } body #mainBody #registerArea #register_form .tp-wrapper { text-align: right; margin-left: 0; } body #mainBody #registerArea #register_form .select-option, body #mainBody #registerArea #register_form .has-success select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; color: var(--text-primary); border-radius: var(--action-default-border-radius); border: 1px solid var(--action-default-enabled-border-color); background: var(--action-default-enabled-background-color); background-image: var(--icon-chevron-down-m-default); background-position: center; background-repeat: no-repeat; background-size: auto; background-position: calc(100% - 10px); height: 44px; padding-top: 0; } body #mainBody #registerArea #register_form .marketing-container { width: 95%; } body #mainBody #registerArea #register_form .input-group { width: 100%; } body #mainBody #registerArea #register_form .input-group ::-webkit-input-placeholder { color: white; } body #mainBody #registerArea #register_form .marketing-container { width: 100%; } body #mainBody #registerArea #register_form .input-container label { position: absolute; top: 14px; color: var(--text-primary); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 3; left: 16px; cursor: text; } body #mainBody #registerArea #register_form .selectContainer label { position: absolute; z-index: 2; height: 100%; display: flex; align-items: center; margin-left: 16px; } body #mainBody #registerArea #register_form .selectContainer .has-success label { display: none; } body #mainBody #registerArea #register_form .input-group-addon { display: none; } body #mainBody #registerArea #register_form .form-group { margin-bottom: 24px; margin-top: 0; } body #mainBody #registerArea #register_form .form-group.bfpo-number-group { margin-bottom: 0; } body #mainBody #registerArea #register_form .req-banner { margin-bottom: 16px; margin-top: 14px; } body #mainBody #registerArea #register_form .container.next-marketing { padding-top: 0; } body #mainBody #registerArea #register_form .tp-wrapper { width: 50%; } body #mainBody #registerArea #register_form .glyphicon-remove:before { content: ""; } body #mainBody #registerArea #register_form .glyphicon { position: relative; top: 1px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body #mainBody #registerArea #register_form .glyphicon-ok:before { content: var(--icon-check-m-success); } body #mainBody #registerArea #register_form .next-marketing-preferences { padding: 8px 0px; margin-top: 0; } body #mainBody #registerArea #register_form .reg-little-label { display: flex; justify-content: left; margin-left: 0; } body #mainBody #registerArea #register_form .reg-little-label .emailMarketing { white-space: nowrap; } @media screen and (max-width: 768px) { body #mainBody #registerArea #register_form .next-marketing-preferences div.checkbox { padding-bottom: 0; } } body #mainBody #registerArea #register_form #search-result-address { float: right; width: 100%; border: 1px solid var(--action-default-enabled-border-color); background: var(--background-paper); margin-bottom: 20px; padding: 15px 20px 5px 19px; border-radius: var(--components-dialog-default-border-radius); color: var(--text-primary); } body #mainBody #registerArea #register_form .addressCaption { display: flex; color: var(--text-primary, #000); font-family: var(--global-body-3-font-family); font-weight: var(--global-body-3-font-weight); font-style: var(--global-body-3-font-style); text-transform: var(--global-body-3-text-transform); text-decoration: var(--global-body-3-text-decoration); font-size: var(--global-body-3-font-size); letter-spacing: var(--global-body-3-letter-spacing); line-height: var(--global-body-3-line-height); } @media (min-width: 1023px) { body #mainBody #registerArea #register_form .addressCaption { display: none; } } body #mainBody #registerArea #register_form .txt-align-right { text-align: right; } body #mainBody #registerArea #register_form .has-success .form-control-feedback { position: absolute; z-index: 3; display: flex; width: 44px; height: 44px; justify-content: center; align-items: center; margin-right: 8px; padding: 0 4px 0 16px; border-radius: var(--components-icon-button-default-border-radius, 22px); right: 11px; } body #mainBody #registerArea #register_form .input-group-addon { display: none; } body #mainBody #registerArea #register_form .next-marketing .form-group.marketing-container .row.marketing-preferences { padding-bottom: 0; margin: 24px 0; padding: 0px 8px; } @media screen and (max-width: 768px) { body #mainBody #registerArea #register_form .next-marketing .form-group.marketing-container .row.marketing-preferences { padding: 0px 18px; } } body #mainBody #registerArea #register_form #ChkByPost, body #mainBody #registerArea #register_form #ChkBySms, body #mainBody #registerArea #register_form #ChkByEmail { margin-top: 0; margin-right: 7px; } body #mainBody #registerArea #register_form #deliveryAddressHelp { width: 120%; } @media (min-width: 1023px) { body #mainBody #registerArea #register_form .checkbox label { padding-left: 16px; } body #mainBody #registerArea #register_form #ChkByPost, body #mainBody #registerArea #register_form #ChkBySms, body #mainBody #registerArea #register_form #ChkByEmail { margin-right: 10px; } } body #mainBody #registerArea #register_form #deliveryAddressHelp, body #mainBody #registerArea #register_form .info-txt-left-delivery, body #mainBody #registerArea #register_form .info-txt-left-email { margin-top: -20px; margin-bottom: 18px; margin-left: 0; } body #mainBody #registerArea #register_form #SearchStreet { font-family: var(--component-button-large-font-family); font-weight: var(--component-button-large-font-weight); font-style: var(--component-button-large-font-style); text-transform: var(--component-button-large-text-transform); text-decoration: var(--component-button-large-text-decoration); font-size: var(--component-button-large-font-size); letter-spacing: var(--component-button-large-letter-spacing); line-height: var(--component-button-large-line-height); background-color: var(--components-button-contained-primary-enabled-background-color) !important; color: var(--components-button-contained-primary-enabled-contrast-text-color); border-radius: var(--action-default-border-radius) !important; margin-right: 0; height: var(--button-large-height, 44px); width: 100%; } body #mainBody #registerArea #register_form #SearchPostcode { width: 89px; font-family: var(--component-button-large-font-family); font-weight: var(--component-button-large-font-weight); font-style: var(--component-button-large-font-style); text-transform: var(--component-button-large-text-transform); text-decoration: var(--component-button-large-text-decoration); font-size: var(--component-button-large-font-size); letter-spacing: var(--component-button-large-letter-spacing); line-height: var(--component-button-large-line-height); letter-spacing: 0; letter-spacing: 0; position: absolute; border-radius: 0 var(--components-button-default-border-radius) var(--components-button-default-border-radius) 0; border: 1px solid var(--components-button-contained-primary-enabled-border-color); background: var(--components-button-contained-primary-enabled-background-color); color: var(--components-button-contained-primary-enabled-contrast-text-color); z-index: 5; top: 0px; height: 44px; } @media (max-width: 1023px) { body #mainBody #registerArea #register_form #SearchStreet, body #mainBody #registerArea #register_form #SearchBFPO { margin-left: 0; width: 100%; } } body #mainBody #registerArea #register_form .has-error .form-control-feedback { display: flex; color: var(--brand-error-default-text-color); } body #mainBody #registerArea #register_form .has-success .form-control { border-radius: var(--action-default-border-radius, 22px); background: var(--action-default-enabled-background-color); } body #mainBody #registerArea #register_form input.filled.valid { border: 1px solid var(--components-alert-success-default-border-color); } body #mainBody #registerArea #register_form .has-error .form-control { border: 1px solid var(--components-alert-error-default-border-color, #D91440); background-color: var(--action-default-enabled-background-color, #FFF); border-radius: var(--action-default-border-radius, 22px); } body #mainBody #registerArea #register_form .checkbox label { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); font-weight: var(--component-input-label-1-font-weight) !important; color: var(--text-primary); } body #mainBody #registerArea #register_form input[type=checkbox] + label:after, body #mainBody #registerArea #register_form input[type=checkbox]:checked + label:after { width: 20px; height: 20px; } body #mainBody #registerArea #register_form .checkbox input[type=checkbox] { opacity: 0; z-index: 1; cursor: pointer; } body #mainBody #registerArea #register_form #SearchPostcode { display: block !important; } body #mainBody #registerArea #register_form #password-field-container .form-control-feedback, body #mainBody #registerArea #register_form .searchby-post-postcode .form-control-feedback { right: 90px; } body #mainBody #registerArea #register_form #mmyySpan, body #mainBody #registerArea #register_form #yySpan { display: none !important; } body #mainBody #registerArea #register_form .form-group.marketing-container { width: 100%; border-radius: var(--components-dialog-default-border-radius); } body #mainBody #registerArea #register_form .form-group.marketing-container .row.marketing-preferences { background-color: var(--background-main); color: var(--text-primary); font-family: var(--component-input-label-1-font-family); font-weight: var(--component-input-label-1-font-weight); font-style: var(--component-input-label-1-font-style); text-transform: var(--component-input-label-1-text-transform); text-decoration: var(--component-input-label-1-text-decoration); font-size: var(--component-input-label-1-font-size); letter-spacing: var(--component-input-label-1-letter-spacing); line-height: var(--component-input-label-1-line-height); font-weight: var(--component-input-label-1-font-weight) !important; border-radius: var(--components-alert-default-border-radius); } body #mainBody #registerArea #register_form .auto-incentive__registration-CTA-banner { border: 1px solids var(--components-divider-default-border-color); border-radius: var(--components-dialog-default-border-radius); background-color: var(--primary-shades-8p); } body #mainBody #registerArea .container .row .col-md-9 .form-group.has-feedback .input-group .form-control:not(select):not([type=search]):not(.btn-primary), body #mainBody #registerArea .container .row .col-xs-12 .form-group.has-feedback .input-group .form-control:not(select):not([type=search]):not(.btn-primary) { height: 44px; } @media (min-width: 480px) and (max-width: 1023px) { .container { width: 100%; } } #mainBody #registerArea #register_form #field-BFPO .bfpo-icon { background: url(/APContent/images/structural/ap/register/bfpo.png) no-repeat left 0 #f3f3f1; height: 39px; width: 85px; margin-top: 4px; } @media all and (min-width: 480px) { #mainBody #registerArea #register_form #field-BFPO .bfpo-icon { background: url(/APContent/images/structural/ap/register/bfpo-big.png) no-repeat left 0 #f3f3f1; height: 48px; width: 177px; margin-top: 0; } } #mainBody #registerArea #register_form #field-BFPO .bfpo-icon { margin-left: 4px; } #mainBody #registerArea #register_form #field-BFPO .input-txt-field:not(.bfpo-number-field) { padding-top: 8px !important; } #mainBody #registerArea #register_form #field-BFPO .optional-indicator, #mainBody #registerArea #register_form #field-BFPO .bfpo-prefix { font-family: var(--component-input-text-font-family); font-weight: var(--component-input-text-font-weight); font-style: var(--component-input-text-font-style); text-transform: var(--component-input-text-text-transform); text-decoration: var(--component-input-text-text-decoration); font-size: var(--component-input-text-font-size); letter-spacing: var(--component-input-text-letter-spacing); line-height: var(--component-input-text-line-height); text-align: center; position: absolute; top: 13px; right: 9px; width: 80px; z-index: 5; color: var(--text-secondary); } #mainBody #registerArea #register_form #field-BFPO .bfpo-prefix { margin-right: 20px; } #mainBody #registerArea #register_form #field-BFPO .form-group.bfpo-number-group .input-group { width: 100%; margin-left: 0; } #mainBody #registerArea #register_form #field-BFPO .nx-icon.nx-tooltip { margin-top: -10px; } #mainBody #registerArea #register_form #field-BFPO #SearchBFPO { font-family: var(--component-button-large-font-family); font-weight: var(--component-button-large-font-weight); font-style: var(--component-button-large-font-style); text-transform: var(--component-button-large-text-transform); text-decoration: var(--component-button-large-text-decoration); font-size: var(--component-button-large-font-size); letter-spacing: var(--component-button-large-letter-spacing); line-height: var(--component-button-large-line-height); background-color: var(--components-button-contained-primary-enabled-background-color) !important; color: var(--components-button-contained-primary-enabled-contrast-text-color); border-radius: var(--action-default-border-radius) !important; margin-right: 0; height: var(--button-large-height, 44px); width: 100%; margin-top: 24px; } #mainBody #registerArea #register_form #field-BFPO .nx-icon.nx-tooltip { margin-top: 10px; } @media (max-width: 1023px) { #mainBody #registerArea #register_form #field-BFPO .bfpo-prefix { display: none; } #mainBody #registerArea #register_form #field-BFPO #IsNotBFPO { margin-top: 5px; } #mainBody #registerArea #register_form #field-BFPO #SearchBFPO { margin-left: 0; width: 100%; } #mainBody #registerArea #register_form #field-BFPO .optional-indicator { top: 12px; } #mainBody #registerArea #register_form #field-BFPO span.field-validation-error[data-valmsg-for="UserAddress.BFPONo"], #mainBody #registerArea #register_form #field-BFPO #BFPONo-error { margin-left: 0; } #mainBody #registerArea #register_form #field-BFPO .container { padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } } @media (min-width: 1023px) { #mainBody #registerArea #register_form #field-BFPO .form-group.bfpo-number-group label { width: 25%; } #mainBody #registerArea #register_form #field-BFPO .nx-icon.nx-tooltip { margin-left: 60px; } #mainBody #registerArea #register_form #field-BFPO .container { padding-right: 8px; padding-left: 8px; margin-right: auto; margin-left: auto; } } #mainBody #registerArea #register_form #field-BFPO .nx-tooltip-indicator { float: left; } #mainBody #registerArea #register_form #field-BFPO .popover-content { padding: 16px; color: var(--text-primary, #000); font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); } #mainBody #registerArea #register_form #field-BFPO .margin-bttm-8px { margin-bottom: 0; } @media (max-width: 480px) { #mainBody #registerArea #register_form .nx-icon.nx-tooltip { margin-left: 5px; } #mainBody #registerArea #register_form .bfpo-input-group { width: 60%; } } #mainBody #registerArea #register_form #error-find-address p { color: var(--brand-error-default-text-color); font-family: var(--component-helper-text-font-family); font-weight: var(--component-helper-text-font-weight); font-style: var(--component-helper-text-font-style); text-transform: var(--component-helper-text-text-transform); text-decoration: var(--component-helper-text-text-decoration); font-size: var(--component-helper-text-font-size); letter-spacing: var(--component-helper-text-letter-spacing); line-height: var(--component-helper-text-line-height); } #mainBody #registerArea #register_form #error-find-address p button { font-family: var(--component-helper-text-font-family); font-weight: var(--component-helper-text-font-weight); font-style: var(--component-helper-text-font-style); text-transform: var(--component-helper-text-text-transform); text-decoration: var(--component-helper-text-text-decoration); font-size: var(--component-helper-text-font-size); letter-spacing: var(--component-helper-text-letter-spacing); line-height: var(--component-helper-text-line-height); } #mainBody #registerArea #register_form .form-horizontal .form-group { margin-bottom: 0; } #mainBody #registerArea #register_form .info-txt-left-email { display: none; } #mainBody #registerArea #register_form .gdprText { margin-right: 10px; } #mainBody #registerArea #register_form .input-container label[for=AddressListSelection] { clip: rect(0, 0, 0, 0); } #mainBody #registerArea #register_form #EditAddress { font-family: var(--global-body-5-font-family); font-weight: var(--global-body-5-font-weight); font-style: var(--global-body-5-font-style); text-transform: var(--global-body-5-text-transform); text-decoration: var(--global-body-5-text-decoration); font-size: var(--global-body-5-font-size); letter-spacing: var(--global-body-5-letter-spacing); line-height: var(--global-body-5-line-height); text-transform: var(--global-body-1-text-transform) !important; text-decoration: var(--global-body-1-text-decoration) !important; color: var(--components-link-inherit-enabled-text-color, #000); } @media (min-width: 1024px) { #mainBody #registerArea #register_form #addressSearchWrapper .icn-search { margin-left: 194px; left: 0; } } @media (max-width: 1023px) { #mainBody #registerArea #register_form #addressSearchWrapper .icn-search { margin-left: 10px; left: 0; } } #mainBody #registerArea #register_form #addressSearchWrapper .icn-search { background-image: var(--icon-search-m-default); width: 42px; height: 42px; position: absolute; background-size: 24px; background-repeat: no-repeat; background-position-x: center; background-position-y: center; z-index: 4; top: 1px; } #mainBody #registerArea #register_form #addressSearchWrapper .address-search-input { margin-bottom: -16px; table-layout: fixed; } #mainBody #registerArea #register_form #addressSearchWrapper .address-search-input #AddressSearch { margin-left: 2px; padding-left: 36px; } @media (max-width: 1023px) { #mainBody #registerArea #register_form #addressSearchWrapper .address-search-input #AddressSearch { padding-top: 9px; white-space: nowrap; text-overflow: ellipsis; display: table-cell; } #mainBody #registerArea #register_form #addressSearchWrapper .address-search-input #AddressSearch::placeholder { color: var(--text-primary, #000); font-family: var(--component-input-text-font-family); font-weight: var(--component-input-text-font-weight); font-style: var(--component-input-text-font-style); text-transform: var(--component-input-text-text-transform); text-decoration: var(--component-input-text-text-decoration); font-size: var(--component-input-text-font-size); letter-spacing: var(--component-input-text-letter-spacing); line-height: var(--component-input-text-line-height); } } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress { display: none; margin-top: 16px; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress #singleFieldAddressChange a { font-family: var(--global-body-1-link-font-family); font-weight: var(--global-body-1-link-font-weight); font-style: var(--global-body-1-link-font-style); text-transform: var(--global-body-1-link-text-transform); text-decoration: var(--global-body-1-link-text-decoration); font-size: var(--global-body-1-link-font-size); letter-spacing: var(--global-body-1-link-letter-spacing); line-height: var(--global-body-1-link-line-height); } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group { margin-bottom: 24px; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group .input-group { background: var(--action-default-enabled-background-color); float: left; width: 100%; display: flex; align-items: center; flex-direction: row-reverse; position: relative; border-collapse: separate; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group div.input-group.input-container div.form-control { display: inline-flex; height: 44px; margin: 0 0 0 -4px; padding: 0; border: none; -webkit-box-shadow: none; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group div.input-group.input-container div.form-control.singleField.wrapEnabled #singleFieldAddressLines { text-wrap: auto; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group div.input-group.input-container div.form-control span#singleFieldAddressLines { overflow: hidden; text-overflow: ellipsis; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group div.input-group.input-container div.form-control span#singleFieldAddressCode { margin-left: 0.5em; margin-right: auto; padding-right: 8px; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group div.input-group.input-container div.form-control span#singleFieldAddressCaption { font-family: var(--global-body-3-font-family); font-weight: var(--global-body-3-font-weight); font-style: var(--global-body-3-font-style); text-transform: var(--global-body-3-text-transform); text-decoration: var(--global-body-3-text-decoration); font-size: var(--global-body-3-font-size); letter-spacing: var(--global-body-3-letter-spacing); line-height: var(--global-body-3-line-height); color: var(--text-primary, #000); font-feature-settings: "liga" off, "clig" off; position: absolute; top: -20px; } #mainBody #registerArea #register_form #addressSearchWrapper div#singleFieldAddress div.form-group div.input-group.input-container div.form-control span { font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); color: var(--text-primary, #000); font-feature-settings: "liga" off, "clig" off; white-space: nowrap; } @media (min-width: 1024px) { #mainBody #registerArea #register_form .action-link.row.address-field { margin-left: 190px; width: 59%; } } #mainBody #registerArea #register_form .action-link.row.address-field { justify-content: space-between; display: flex; font-family: var(--global-body-2-link-font-family); font-weight: var(--global-body-2-link-font-weight); font-style: var(--global-body-2-link-font-style); text-transform: var(--global-body-2-link-text-transform); text-decoration: var(--global-body-2-link-text-decoration); font-size: var(--global-body-2-link-font-size); letter-spacing: var(--global-body-2-link-letter-spacing); line-height: var(--global-body-2-link-line-height); color: var(--components-link-primary-enabled-text-color, #7F3D9B); } #mainBody #registerArea #register_form .action-link.row.address-field::before, #mainBody #registerArea #register_form .action-link.row.address-field::after { content: none; } @media (min-width: 1024px) { #mainBody #registerArea #register_form #deliveryAddressHelp { margin-left: 0; } #mainBody #registerArea #register_form #postcodeSearchWrapper #deliveryAddressHelp { margin-left: 0; } #mainBody #registerArea #register_form #searchResultsWrapper #deliveryAddressHelp { margin-left: 0; } #mainBody #registerArea #register_form #field-BFPO .bfpo-prefix { left: 115px; } #mainBody #registerArea #register_form #field-BFPO label[for=BFPONo] { margin-bottom: 10px; } #mainBody #registerArea #register_form #field-BFPO .form-group.bfpo-number-group.has-success .form-control-feedback { right: -12%; } } #mainBody #registerArea #register_form input[type=password] { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif !important; } #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner { border-radius: var(--components-dialog-default-border-radius, 4px); border: 1px solid var(--primary-contrast, #FFF); background-color: var(--primary-shades-8p); padding-top: 12px; padding-bottom: 12px; display: block; } #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text { display: inline-block; font-family: var(--global-body-1-font-family); font-weight: var(--global-body-1-font-weight); font-style: var(--global-body-1-font-style); text-transform: var(--global-body-1-text-transform); text-decoration: var(--global-body-1-text-decoration); font-size: var(--global-body-1-font-size); letter-spacing: var(--global-body-1-letter-spacing); line-height: var(--global-body-1-line-height); display: block; position: relative; } #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-icon { border-radius: var(--components-icon-button-default-border-radius); background: var(--background-main); background-image: var(--icon-sale-m-default); background-repeat: no-repeat; background-position: center; width: 44px; height: 44px; position: absolute; } @media (min-width: 1024px) { #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner { display: flex; flex-direction: row; align-items: center; } #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text { display: inline-block; width: 50%; align-items: center; padding: 0; margin-left: 55px; } #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner #SignupButton { width: 50%; } } @media (max-width: 1023px) { #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-text { display: inline-block; position: relative; width: 76%; margin-left: 12px; vertical-align: middle; bottom: 11px; } #mainBody #registerArea #register_form .auto-incentive-CTA-container.gdprRegister .auto-incentive__registration-CTA-banner .auto-incentive__registration-CTA-banner-icon { position: relative; display: inline-block; } } .ui-helper-hidden-accessible { display: none; } .ui-menu { display: block; border-radius: 8px; border: 1px solid var(--components-dialog-strong-border-color, #000); background: var(--background-paper, #FFF); overflow: hidden; width: 534px; z-index: 5; list-style: none; padding: 0; margin: 0; display: block; outline: 0; } @media (max-width: 767px) { .ui-menu { width: 93%; } } .ui-menu-item { margin-left: 8px !important; font-family: var(--global-body-2-font-family); font-weight: var(--global-body-2-font-weight); font-style: var(--global-body-2-font-style); text-transform: var(--global-body-2-text-transform); text-decoration: var(--global-body-2-text-decoration); font-size: var(--global-body-2-font-size); letter-spacing: var(--global-body-2-letter-spacing); line-height: var(--global-body-2-line-height); background-color: var(--background-paper, #FFF); color: var(--text-primary, #000); height: 32px; list-style: none; margin-left: -32px; padding: 7px 0; overflow: hidden; margin: 0; cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); white-space: normal !important; height: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } /*# sourceMappingURL=Registration.css.map */