﻿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 .input-container input:focus + label, body #mainBody #registerArea #register_form .input-container input.filled + label {
  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);
}
@media (max-width: 1023px) {
  body #mainBody #registerArea #register_form .input-container input:focus + label, body #mainBody #registerArea #register_form .input-container input.filled + label {
    color: var(--text-secondary);
    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);
  }
}
body #mainBody #registerArea #register_form .input-group label {
  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);
}
body #mainBody #registerArea #register_form .info-txt-left-delivery, body #mainBody #registerArea #register_form .info-txt-left-email {
  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-primary);
}
@media (max-width: 1023px) {
  body #mainBody #registerArea #register_form .info-txt-left-delivery, body #mainBody #registerArea #register_form .info-txt-left-email {
    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);
    color: var(--text-primary);
  }
  body #mainBody #registerArea #register_form .info-txt-left-delivery#DOBHelp, body #mainBody #registerArea #register_form .info-txt-left-email#DOBHelp {
    margin-top: 0;
    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-top-right-radius: var(--action-default-border-radius);
  border-bottom-right-radius: var(--action-default-border-radius);
  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 .marketing-terms-and-conditions {
  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 .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 #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 {
  margin-top: 3px;
  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);
}
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);
}
@media (min-width: 1020px) {
  body #mainBody #registerArea #register_form .error-address-txt {
    left: 178px;
  }
}
@media (min-width: 1200px) {
  body #mainBody #registerArea #register_form .error-address-txt {
    left: 188px;
  }
}
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;
}
@media (min-width: 1020px) {
  body #mainBody #registerArea #register_form [data-valmsg-for=DobDate] {
    left: 10px;
    bottom: 18px;
    margin-bottom: 0px;
    height: 0px;
  }
}
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 .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 input#Password, body #mainBody #registerArea #register_form .container input#Postcode {
  width: 75%;
}
@media (max-width: 1023px) {
  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: 10px;
}
body #mainBody #registerArea #register_form .container select.form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons) {
  padding-bottom: 0;
}
@media (max-width: 1023px) {
  body #mainBody #registerArea #register_form .container .form-control:not(#Delivery_Address):not(.delivery-performance--delivery-slots__buttons) {
    padding-top: 20px;
  }
  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 {
  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%;
}
@media (min-width: 1024px) {
  body #mainBody #registerArea #register_form .container .row-width, body #mainBody #registerArea #register_form .container .searchby-post-postcode {
    width: 79.3%;
    margin-right: 20px;
  }
}
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);
  border: 1px solid var(--components-button-outlined-secondary-enabled-border-color);
  border-top-right-radius: var(--action-default-border-radius);
  border-bottom-right-radius: var(--action-default-border-radius);
  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: 992px) {
  body #mainBody #registerArea #register_form .container, body #mainBody #registerArea #register_form .container.next-marketing {
    width: 970px;
    padding-right: 36px;
    padding-left: 36px;
    margin-left: 0;
    margin-right: 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 #tp-container {
  display: none;
}
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 .has-success select.form-control {
  border: 1px solid var(--components-alert-success-default-border-color);
}
body #mainBody #registerArea #register_form .marketing-container {
  width: 95%;
}
@media (max-width: 1023px) {
  body #mainBody #registerArea #register_form .input-group {
    width: 40%;
  }
  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: 0.75rem;
    cursor: text;
  }
  body #mainBody #registerArea #register_form .selectContainer 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: 24px;
  margin-top: 8px;
}
body #mainBody #registerArea #register_form .container.next-marketing {
  padding-top: 0;
}
@media (min-width: 1024px) {
  body #mainBody #registerArea #register_form .form-group .input-group {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  body #mainBody #registerArea #register_form .form-group .input-group label {
    width: 25%;
  }
  body #mainBody #registerArea #register_form .form-group .input-group .input-group-addon {
    display: none;
  }
  body #mainBody #registerArea #register_form .form-group .input-group .input-txt-field, body #mainBody #registerArea #register_form .form-group .input-group .select-option {
    height: 44px;
  }
  body #mainBody #registerArea #register_form .form-group .input-group #SignupButton {
    width: 80%;
    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 .input-group .form-control {
    width: 75%;
    float: left;
  }
  body #mainBody #registerArea #register_form .register-cta {
    padding-right: 17%;
  }
  body #mainBody #registerArea #register_form .info-txt-left-email, body #mainBody #registerArea #register_form .info-txt-left-delivery {
    margin-bottom: 0;
  }
  body #mainBody #registerArea #register_form span.field-validation-error[data-valmsg-for=DobDate] {
    margin-left: 19%;
  }
  body #mainBody #registerArea #register_form span.field-validation-error[data-valmsg-for=Password] {
    display: flex;
  }
  body #mainBody #registerArea #register_form .DOBValidation, body #mainBody #registerArea #register_form span.field-validation-error[data-valmsg-for=Password] {
    margin-top: -20px;
  }
}
@media (min-width: 1024px) {
  body #mainBody #registerArea #register_form .tp-wrapper {
    width: 50%;
    margin-left: 0;
  }
  body #mainBody #registerArea #register_form .req-banner {
    margin-left: 178px;
  }
}
@media (min-width: 1200px) {
  body #mainBody #registerArea #register_form .req-banner {
    margin-left: 187px;
  }
}
@media (max-width: 1023px) {
  body #mainBody #registerArea #register_form .tp-wrapper {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  body #mainBody #registerArea #register_form .link-section {
    width: 56%;
    margin-left: 19%;
  }
}
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;
  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);
  margin-bottom: 20px;
  padding: 15px 20px 5px 19px;
  border-radius: 8px;
}
@media (min-width: 1023px) {
  body #mainBody #registerArea #register_form #search-result-address {
    width: 75%;
  }
}
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;
}
body #mainBody #registerArea #register_form span.field-validation-error {
  margin-left: 0;
}
body #mainBody #registerArea #register_form #ChkByPost, body #mainBody #registerArea #register_form #ChkBySms, body #mainBody #registerArea #register_form #ChkByEmail {
  margin-top: 0;
  margin-right: 7px;
}
@media (min-width: 1023px) {
  body #mainBody #registerArea #register_form span.field-validation-error {
    margin-left: 25%;
  }
  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 {
  width: 85%;
}
@media (max-width: 1023px) {
  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);
  margin-left: 25%;
  width: 75%;
}
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);
  border: 1px solid var(--components-button-outlined-secondary-enabled-border-color);
  letter-spacing: 0;
  letter-spacing: 0;
  position: absolute;
  border-top-right-radius: var(--action-default-border-radius);
  border-bottom-right-radius: var(--action-default-border-radius);
  background-color: var(--components-button-outlined-secondary-enabled-background-color) !important;
  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 {
  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(--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;
  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: 89px;
  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;
  }
}
@media all and (min-width: 1024px) {
  #mainBody #registerArea #register_form #field-BFPO .bfpo-icon {
    bottom: 23px;
    margin-left: 60px;
    margin-right: 15px;
  }
}
#mainBody #registerArea #register_form #field-BFPO .input-txt-field:not(.bfpo-number-field) {
  padding-top: 8px !important;
}
@media (min-width: 1023px) {
  #mainBody #registerArea #register_form #field-BFPO .form-group .input-group {
    width: 100%;
  }
  #mainBody #registerArea #register_form #field-BFPO .row-width {
    margin-top: -22px;
    margin-bottom: 24px;
  }
  #mainBody #registerArea #register_form #field-BFPO .form-group.bfpo-number-group {
    margin-top: -22px;
    margin-bottom: 24px;
  }
  #mainBody #registerArea #register_form #field-BFPO label[for=BFPONo] {
    margin-bottom: 24px;
  }
}
#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 .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);
  margin-left: 25%;
  width: 75%;
  margin-top: 24px;
}
#mainBody #registerArea #register_form #field-BFPO span.field-validation-error[data-valmsg-for="UserAddress.BFPONo"] {
  margin-left: 38%;
}
@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 .nx-icon.nx-tooltip {
    margin-left: 50px;
    margin-top: 10px;
  }
  #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 .form-group.bfpo-number-group .input-group {
    margin-left: 58px;
  }
  #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;
}
#mainBody #registerArea #register_form #error-find-address p {
  margin-left: 19%;
  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(--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 .form-horizontal .form-group {
  margin-bottom: 0;
}
#mainBody #registerArea #register_form .info-txt-left-email {
  display: none;
}
#mainBody #registerArea #register_form .gdprText {
  margin-left: 10px;
}
@media (max-width: 991px) {
  #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-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);
  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 #deliveryAddressHelp {
    margin-left: 16px;
  }
  #mainBody #registerArea #register_form #postcodeSearchWrapper #deliveryAddressHelp {
    margin-left: 0;
  }
  #mainBody #registerArea #register_form .addressfinder {
    float: right;
    margin-left: 10px;
    margin-top: -60px;
  }
  #mainBody #registerArea #register_form .bfpo-number-field {
    margin-left: 10px !important;
  }
  #mainBody #registerArea #register_form #BFPONo-error {
    margin-left: 8px !important;
  }
  #mainBody #registerArea #register_form #IsBFPO {
    position: relative;
    left: 40px;
  }
}
@media (min-width: 1200px) {
  #mainBody #registerArea #register_form .bfpo-number-field {
    margin-left: 14px !important;
  }
}
#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;
  }
}
