/* MIXINS*/
/* **********************************************************************************************
       STYLE From ...NextMVC3Primary\CSS\html5reset-1.6.1.css..
    ********************************************************************************************** */
@import url("AccountMenu.css");
@import url("PageCommonInfo.css");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-size: 100%;*/
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

#platform_modernisation_header * {
  box-sizing: border-box !important;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

#nuACSummaryAddToBag,
#nuACSummaryThankYou,
#nuACHasNU {
  margin-top: 10px;
}

/* Setting Font Family and all relevant attributes on Top Leve so each component can inherit from here */
html,
body {
  font-family: var(--global-body-1-font-family);
  font-feature-settings: "clig" off, "liga" off;
  font-style: var(--global-body-1-font-style);
  font-weight: var(--global-body-1-font-weight);
  line-height: var(--global-body-1-line-height);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  letter-spacing: normal;
}

/* CONVERTED From @import url('../../../../APContent/css/VisionReskin/base-Vision.css')*/
html {
  height: auto;
}

body {
  height: auto;
}
body #mainContent div.box label sup.req {
  margin-right: 3px;
}
body #mainContent .uk-auth .SignInTo .messagebox .msgBody {
  width: 350px;
}
body #mainContent .optionHeading h2 {
  font-size: 15px;
}
body #mainContent .inputOuter input[type=text],
body #mainContent .inputOuter input[type=password] {
  border-radius: var(--action-default-border-radius, 22px);
  border: 1px solid var(--action-default-enabled-border-color, #949494);
  background-color: var(--action-default-enabled-background-color, #FFF);
  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);
  color: var(--text-primary, #616161);
}
body #mainContent .inputOuter input[type=text]:focus,
body #mainContent .inputOuter input[type=password]:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid var(--action-default-selected-border-color, #000);
  background-color: var(--action-default-enabled-background-color, #FFF);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
  color: var(--text-primary, #000);
}
body #mainContent .inputOuter input[type=text]::placeholder,
body #mainContent .inputOuter input[type=password]::placeholder {
  color: var(--text-secondary, #000);
}
body #mainContent .inputOuter input[type=text]:hover,
body #mainContent .inputOuter input[type=password]:hover {
  border: 1px solid var(--action-default-hovered-border-color, #424242);
  background-color: var(--action-default-hovered-background-color, #FFF);
}
body #mainContent .inputOuter input[type=text]::placeholder,
body #mainContent .inputOuter input[type=password]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-secondary, #616161);
  opacity: 1; /* Firefox */
}
body #mainContent .inputOuter input[type=text]:-ms-input-placeholder, body #mainContent .inputOuter input[type=text]::-ms-input-placeholder,
body #mainContent .inputOuter input[type=password]:-ms-input-placeholder,
body #mainContent .inputOuter input[type=password]::-ms-input-placeholder {
  color: var(--text-secondary, #616161);
}
body #mainContent .inputOuter.validation-success input {
  border: 1px solid var(--components-alert-success-default-border-color, #257F39);
  background-color: var(--action-default-enabled-background-color, #FFF);
}
body #mainContent .inputOuter.validation-failed input {
  border: 1px solid var(--components-alert-error-default-border-color, #D91440);
  background-color: var(--action-default-enabled-background-color, #FFF);
}
body #mainContent.addresses div.box .address-finder.SearchSelect .inputOuter .inputMessage {
  left: -180px;
  top: 5px;
  font-size: 12px;
  width: 100%;
  margin-bottom: 15px;
}
body #mainContent.addresses div.box .address-finder.ConfirmationAddress .inputOuter .inputMessage {
  left: -180px;
  top: 5px;
  font-size: 12px;
  width: 100%;
  margin-bottom: 15px;
}
body #mainContent.CardPayment h1.mainHeader {
  font-size: 20px;
}
body #mainContent.CardPayment hr.part {
  width: 100%;
  margin-top: 0;
  border-top: 2px solid #eaeaea;
}
body #mainContent.payments h1.boxclassic {
  margin-bottom: 0;
}
body #mainContent.payments hr.part {
  margin: 0;
  height: 0;
}
body #mainContent.payments .radio-container input:checked ~ .next-radio-btn {
  border: 2px solid black;
  height: 20px;
  width: 20px;
  background-color: #f7f7f7;
}
body #mainContent.payments .radio-container input:checked ~ .next-radio-btn:after {
  width: 8px;
  height: 8px;
  top: 6px;
  left: 6px;
}
body #mainContent.payments .pvb-grid-container {
  display: block;
}
body #mainContent.payments .pvb-content .cardPaymentBox .row.pvb-oneline {
  width: 100%;
}
body #mainContent.payments .pvb-content .cardPaymentBox .row.pvb-oneline .has-feedback > .pvb-inputOuter {
  width: 100%;
}
body #mainContent.payments .pvb-content table {
  float: none;
  width: 100%;
}
body #mainContent.payments .pvb-content .Amount-validation-message {
  padding: 0;
  color: #d91440;
  font-size: 12px;
}
body #mainContent.payments .pvb-label {
  width: auto;
  padding: 0;
  text-transform: lowercase;
  font-size: 14px;
}
body #mainContent.payments .pvb-label::first-line {
  text-transform: capitalize;
}
body #mainContent.payments input[type=text]:not([disabled]) {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 1px solid #949494;
  border-radius: 32px;
  height: 34px !important;
  width: 50%;
}
body #mainContent.payments input[type=text]:not([disabled]):hover {
  border: 1px solid #000;
}
body #mainContent.payments input[type=text]:not([disabled]):focus {
  -webkit-box-shadow: 0 0 0 4px #eaeaea;
  -moz-box-shadow: 0 0 0 4px #eaeaea;
  box-shadow: 0 0 0 4px #eaeaea;
}
body #mainContent.payments input[type=text]:not([disabled]).input-validation-error {
  background: url(../images/VisionReskin/tick--error.png) no-repeat;
  background-position: right;
}
body #mainContent.payments input[type=number]:not([disabled]) {
  border: 1px solid #949494;
  border-radius: 32px;
  height: 34px !important;
  padding-left: 10px;
}
body #mainContent.payments input[type=number]:not([disabled]):hover {
  border: 1px solid #000;
}
body #mainContent.payments input[type=number]:not([disabled]):focus {
  -webkit-box-shadow: 0 0 0 4px #eaeaea;
  -moz-box-shadow: 0 0 0 4px #eaeaea;
  box-shadow: 0 0 0 4px #eaeaea;
}
body #mainContent.payments .input-group-placeholder.pvb-inputOuter.Amount {
  background-color: none;
}
body #mainContent.payments .pvb-inputOuter.validation-failed .pvb-fldFlag {
  display: none;
}
body #mainContent.payments .pvb-inputOuter.validation-failed input {
  border: 1px solid #d91440;
  background: url(../images/VisionReskin/tick--error.png) no-repeat;
  background-position: right;
  background-repeat: no-repeat;
}
body #mainContent.payments .pvb-inputOuter.validation-success .pvb-fldFlag {
  display: none;
}
body #mainContent.payments .pvb-inputOuter.validation-success input {
  border: 1px solid #257F39;
  background: url(../images/VisionReskin/tick--success.png) no-repeat;
  background-position: right;
  background-repeat: no-repeat;
}
body #mainContent.payments .secureVisaBranding {
  font-size: 12px;
  line-height: 1.5;
  margin: 10px 0;
}
body #mainContent.payments .inputOuter.validation-success input {
  border-color: #3c763d;
  background: url(../images/VisionReskin/tick--success.png) no-repeat;
  background-position: right;
}
body #mainContent.payments .inputOuter.validation-success input:focus {
  border-color: #3c763d;
  background: url(../images/VisionReskin/tick--success.png) no-repeat;
  background-position: right;
}
body #mainContent.payments button.nxbtn.primary {
  text-transform: capitalize;
  border: none;
  border-radius: 32px;
  height: 36px;
  letter-spacing: normal;
  font-weight: 600;
}
body ul.easypayTokens li:not(.selected):after {
  top: 25px;
  background: url("../images/Gel3-0/icon-ui-chevron.svg") no-repeat;
  opacity: 0.7;
  transform: none;
}
body .pvb-content .cardPaymentBox .row.pvb-oneline button {
  background: #007a7a;
  border-radius: 32px;
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  width: 130px;
  height: 36px;
}
body .pvb-content .cardPaymentBox .row.pvb-oneline button:hover {
  background-color: #006060;
}
body .pvb-content .cardPaymentBox .row.pvb-oneline button:focus {
  background-color: #006060;
}
body .pvb-content .cardPaymentBox .row.pvb-oneline button::first-letter {
  text-transform: capitalize;
}
body .pvb-content .cardPaymentBox .row.pvb-oneline input {
  width: 220px;
}

body.Secure {
  overflow-y: scroll;
}

body.Generic {
  overflow-y: scroll;
}

#mainContent {
  width: 964px;
  margin: 0 auto;
  color: var(--text-primary, #000);
  padding: 0 0 40px 0;
}
#mainContent #nur {
  position: relative;
}
#mainContent #nur .banner {
  margin-bottom: 35px;
}
#mainContent #pri {
  position: relative;
}
#mainContent #pri #contain_waystopay p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #131415;
}
#mainContent #pri #contain_waystopay .tel-int-banking__text {
  margin-bottom: 0;
}
#mainContent #pri #contain_waystopay .tel-int-banking__bank-details {
  margin: 30px 0;
  line-height: 30px;
}
#mainContent #pri #contain_waystopay .tel-int-banking__button p {
  margin-left: 10px;
  margin-bottom: 0;
  padding: 0;
}
#mainContent #pri #contain_waystopay .condition p {
  font-size: 12px;
  padding: 10px;
  margin-bottom: 0;
}
#mainContent #ter {
  position: relative;
}
#mainContent h1 {
  margin-bottom: 1em;
  position: relative;
}
#mainContent h1 > span {
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
}
#mainContent h1 > a {
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
}
#mainContent .intlDeliveryAdds h1 {
  font-weight: 500;
}
#mainContent h2 {
  max-width: 464px;
  position: relative;
}
#mainContent h2 > span {
  font-size: 12px;
  text-transform: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
#mainContent h2 > a {
  font-size: 12px;
  text-transform: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
#mainContent h2 > .button {
  font-size: 12px;
  text-transform: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
#mainContent h3 {
  color: var(--text-primary, #000);
  font-family: var(--global-h3-font-family);
  font-weight: var(--global-h3-font-weight);
  font-style: var(--global-h3-font-style);
  text-transform: var(--global-h3-text-transform);
  text-decoration: var(--global-h3-text-decoration);
  font-size: var(--global-h3-font-size);
  letter-spacing: var(--global-h3-letter-spacing);
  line-height: var(--global-h3-line-height);
  padding: 5px;
  margin-left: 30px;
  float: left;
  margin-bottom: 0;
}
#mainContent .optionHeading h2 {
  background: none;
  font-size: 18px;
  margin: 0;
  margin-top: 12px;
  padding: 0;
  color: #404040;
}
#mainContent div.optionHeading {
  margin-top: -5px;
}
#mainContent div.optionHeading.savedCards {
  display: block;
  height: 60px;
}
#mainContent div.optionHeading.otherWays {
  display: block;
  height: 50px;
}
#mainContent h1.boxclassic + .box {
  border-top: 1px solid var(--components-divider-default-border-color, #EEE);
  border-right: 1px solid var(--components-divider-default-border-color, #EEE);
  border-left: 1px solid var(--components-divider-default-border-color, #EEE);
  border-bottom: 0;
  background: var(--background-main, #F7F7F7);
  padding: 8px;
  padding-left: 15px;
}
#mainContent div.box {
  border-radius: var(--components-alert-default-border-radius, 0px);
  border-right: 1px solid var(--components-divider-default-border-color, #EEE);
  border-bottom: 1px solid var(--components-divider-default-border-color, #EEE);
  border-left: 1px solid var(--components-divider-default-border-color, #EEE);
  padding: 8px;
  background-repeat: no-repeat;
  background-position: 11px 8px;
  position: relative;
}
#mainContent div.box h2 {
  color: var(--text-primary, #000);
  font-family: var(--global-h2-font-family);
  font-weight: var(--global-h2-font-weight);
  font-style: var(--global-h2-font-style);
  text-transform: var(--global-h2-text-transform);
  text-decoration: var(--global-h2-text-decoration);
  font-size: var(--global-h2-font-size);
  letter-spacing: var(--global-h2-letter-spacing);
  line-height: var(--global-h2-line-height);
  background: none;
  margin: 0;
  padding: 0;
  max-width: none;
}
#mainContent div.box p {
  margin: 0 2em 0.5em 187px;
  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);
}
#mainContent div.box p.address {
  margin: 20px 2em 0px 0px;
}
#mainContent div.box p.title {
  margin: 0.5em;
  font-weight: bold;
}
#mainContent div.box .row.oneline label.left {
  text-align: left;
}
#mainContent div.box .row.oneline .inputOuter {
  margin-left: 180px;
  padding: 0;
}
#mainContent div.box .row.oneline .inputOuter .label {
  padding-top: 10px;
}
#mainContent div.box .row.oneline .inputOuter .inputMessage {
  left: 0;
  width: 100%;
  position: relative;
  height: 20px;
  top: 0;
}
#mainContent div.box .row.oneline input {
  width: 190px;
}
#mainContent div.box .row.oneline select {
  width: 228px;
}
#mainContent div.box .row.oneline .inputOuter.validation-failed select {
  width: 301.5px;
}
#mainContent div.box .row.oneline .inputOuter.validation-success select {
  width: 301.5px;
}
#mainContent div.box .row.oneline .fldFlag {
  top: 3px;
  left: 198px;
}
#mainContent div.box .row.oneline .messageArrow {
  top: 4px;
  left: 248px;
}
#mainContent div.box .row .checkboxOuter {
  width: 407px;
}
#mainContent div.box .button {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#mainContent div.box .button.link {
  position: static;
  margin: 0.5em 0 0.5em 187px;
}
#mainContent div.box .messagebox .button.link {
  margin: 0;
  position: relative;
  right: 0;
}
#mainContent div.box .checkboxes .row.oneline label {
  text-align: left;
  margin: -1px 0 0 6px;
  width: auto;
}
#mainContent div.box .checkboxes .row.oneline input {
  width: auto;
  margin-bottom: 2px;
}
#mainContent div.box.bottom {
  border-width: 1px;
}
#mainContent div.box.bottomGap {
  margin-bottom: 1em;
}
#mainContent div.box.outerbox {
  padding-right: 8px;
}
#mainContent h1.box {
  background: none;
  padding-left: 0;
  font-size: 18px;
  margin-bottom: 0.5em;
}
#mainContent div.button.secondary .buttonInner {
  height: 45px;
}
#mainContent .button {
  overflow: hidden;
}
#mainContent .button a {
  background-position: center;
  border: 0;
  cursor: pointer;
  background: transparent;
  padding: 0 16px;
}
#mainContent .button .buttonInner {
  float: left;
}
#mainContent .button div.buttonStart {
  float: left;
  width: 16px;
}
#mainContent .button div.buttonMid {
  float: left;
  background-position: center;
}
#mainContent .button div.buttonMid a {
  float: left;
}
#mainContent .button div.buttonEnd {
  float: right;
  width: 16px;
  background-position: bottom right;
  background-repeat: no-repeat;
}
#mainContent .button input {
  background-position: center;
  border: 0;
  cursor: pointer;
  text-align: center;
  background: transparent;
  margin: 0 -16px;
  padding: 0 12px;
}
#mainContent .messagebox {
  letter-spacing: 0.4px;
  text-align: left;
  position: relative;
}
#mainContent .messagebox .msgContent .msgBody {
  margin-top: 4px;
}
#mainContent .messagebox .msgContent .msgBody ul {
  margin-top: 4px;
}
#mainContent .messagebox.TwoFA {
  background: linear-gradient(to right, #369EB5, #3877B5);
  border-radius: 0px 0px 20px 20px;
  border: 3px solid #2B688F;
  border-width: 3pt;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 8px 0;
  padding: 10px 10px 12px 28px;
  border-bottom-width: 4px;
  margin-top: 7px;
  padding-top: 4px;
  padding-bottom: 0px;
}
#mainContent .messagebox.TwoFA .msgContent div.front-message-title {
  font-weight: 600;
  padding-top: 9px;
  padding-left: 11px;
  line-height: normal;
  letter-spacing: normal;
}
#mainContent .messagebox.TwoFA .msgContent div.rear-message-title {
  font-weight: 400;
  font-size: 14px;
  padding-top: 12px;
  line-height: normal;
  letter-spacing: normal;
}
#mainContent .messagebox.TwoFA .msgContent div.accountSummarytitleSeperator {
  padding-top: 9px;
}
#mainContent .messagebox.TwoFA .msgContent span.msgboxTitle {
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin: 0 0px 0 25px;
  display: inline-flex;
}
#mainContent .messagebox.TwoFA .msgBody {
  margin: 12px 0 20px 12px;
}
#mainContent .two-fa-get-started a {
  color: #000;
}
#mainContent .two-fa-not-right-now a {
  color: #fff;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}
#mainContent .messagebox.Info {
  border-radius: var(--components-alert-default-border-radius, 0px);
  border-left: 2px solid var(--components-alert-info-default-border-color, #1D89DD);
  background: var(--components-alert-info-default-background-color, #F4F9FD);
  color: var(--components-alert-info-default-text-color, #000);
}
#mainContent .messagebox.None {
  border-left-color: #000;
  background-color: #fff;
}
#mainContent .messagebox.None .msgContent {
  margin: 0;
}
#mainContent a.boxlink {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
}
#mainContent a.boxlink img {
  display: inline;
  vertical-align: -2px;
}
#mainContent div.box.header {
  font-weight: bold;
  background-color: #f4f4f4;
}
#mainContent div.box.header span {
  float: right;
  font-weight: normal;
}
#mainContent fieldset {
  padding-top: 0px;
}
#mainContent .row {
  padding: 8px 8px 0 8px;
}
#mainContent .row.oneline {
  margin-top: 10px;
}
#mainContent .row .rowspacer {
  padding: 20px 8px 0 8px;
}
#mainContent .row .inputMessage.under {
  width: auto;
  height: auto;
  top: 32px;
  left: 0px;
  width: auto;
  height: auto;
  top: 32px;
  left: 0px;
}
#mainContent .row.confirmation {
  padding-top: 8px;
}
#mainContent .row.last {
  padding-bottom: 15px;
}
#mainContent .row.underline {
  background: url("../images/structural/ap/forms/separator-row.png") no-repeat 0 100%;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
#mainContent .row.dotted {
  border-bottom: medium dotted #CCCCCC;
  border-color: #CCCCCC;
  width: 450px;
}
#mainContent .row.underlineWide {
  background: url("../images/structural/ap/forms/separator-row-wide.png") no-repeat 50% 100%;
}
#mainContent .row.separater {
  border-bottom: solid 1px #333333;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
#mainContent .inputOuter {
  padding: 0px 0 8px 0;
  position: relative;
}
#mainContent .inputOuter input {
  font-size: 14px;
  padding: 2px 33px 0 3px;
  width: 331px;
  border: 1px solid #C9C9C9;
  height: 21px;
  margin-top: 3px;
}
#mainContent .inputOuter select {
  font-size: 13px;
  height: 25px;
  width: 369px;
  border: 1px solid #C9C9C9;
  padding: 2px;
  margin-right: 9px;
  position: relative;
  top: 3px;
}
#mainContent .inputOuter select option {
  padding-right: 12px;
  color: var(--text-primary, #000);
  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);
}
#mainContent .inputOuter .inputMessage {
  height: 50px;
  position: absolute;
  top: -10px;
  left: 423px;
  display: none;
  width: 270px;
}
#mainContent .inputOuter .inputMessage td {
  vertical-align: middle;
}
#mainContent .inputOuter .inputMessage.bubble {
  width: 134px;
  left: 383px;
  z-index: 999;
}
#mainContent .inputOuter .inputMessage.bubble td {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -168px -1px;
  color: black;
  padding: 8px 8px 8px 18px;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 17px;
}
#mainContent .inputOuter .fldFlag {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -336px 0;
  height: 25px;
  width: 30px;
  position: absolute;
  top: 3px;
  left: 347px;
  display: none;
}
#mainContent .inputOuter .messageArrow {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -369px -2px no-repeat;
  height: 25px;
  width: 14px;
  position: absolute;
  top: 3px;
  left: 398px;
  display: none;
}
#mainContent .inputOuter .inputMessage.server-validation-failed {
  display: table;
}
#mainContent .inputOuter .inputMessage.server-validation-failed td {
  color: var(--brand-error-default-text-color, #D91440);
  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);
}
#mainContent .inputOuter .fldFlag.server-validation-failed {
  display: block;
}
#mainContent .inputOuter .messageArrow.server-validation-failed {
  display: block;
}
#mainContent .inputOuter.checkbox {
  position: relative;
  top: 8px;
}
#mainContent .inputOuter.checkbox input {
  height: auto;
}
#mainContent .inputOuter.short input {
  width: 65px;
}
#mainContent .inputOuter.short .fldFlag {
  left: 221px;
}
#mainContent .inputOuter.date .fldFlag {
  left: 266px;
}
#mainContent .row.oneline 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);
  color: var(--text-primary, #000);
  position: absolute;
  margin-top: 10px;
  padding: 0;
}
#mainContent .row.oneline .inputOuter {
  margin-left: 100px;
}
#mainContent .row.oneline .inputOuter.validation-failed {
  background: none;
}
#mainContent .checkboxOuter {
  width: 360px;
  height: 15px;
  background-image: url("../images/structural/ap/forms/checkbox.png");
  background-repeat: no-repeat;
  background-position: 100% -12px;
}
#mainContent .checkboxOuter label {
  display: inline;
  font-weight: normal;
  float: right;
  margin: 0;
  width: auto;
}
#mainContent .checkboxOuter input {
  width: auto;
  float: right;
  padding: 0px;
  margin: -2px 0 0 5px;
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#mainContent .checkboxOuter.checked {
  background-position: 100% 3px;
}
#mainContent .inputOuter.focus-message-added td {
  color: black;
}
#mainContent .inputOuter.focus-message-added .messageArrow {
  display: block;
  background-position: -369px -28px;
}
#mainContent .inputOuter.focus-message-added .inputMessage {
  display: table;
}
#mainContent .inputOuter.validation-success .fldFlag {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -336px -27px no-repeat;
  display: block;
}
#mainContent .inputOuter.validation-success .inputMessage.server-validation-failed {
  display: none;
}
#mainContent .inputOuter.validation-success .messageArrow.server-validation-failed {
  display: none;
}
#mainContent .inputOuter.validation-failed .inputMessage.bubble td {
  color: #d31617;
  background-position: 0 -1px;
}
#mainContent .inputOuter.validation-failed .inputMessage {
  display: table;
}
#mainContent .inputOuter.validation-failed .inputMessage td {
  color: var(--brand-error-default-text-color, #D91440);
  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);
}
#mainContent .inputOuter.validation-failed input {
  border-color: #d91440;
}
#mainContent .inputOuter.validation-failed .messageArrow {
  background-position: -369px -2px;
  display: block;
}
#mainContent .inputOuter.validation-failed .fldFlag {
  display: block;
}
#mainContent .inputOuter.validation-failed select {
  border-color: #D31617;
}
#mainContent .form-default form fieldset .form-row.validation-failed .inputMessage td {
  width: 250px;
}
#mainContent .inputOuter.focused.editing.focus-message-added td {
  color: black;
}
#mainContent .inputOuter.focused.editing.focus-message-added .messageArrow {
  display: block;
  background-position: -369px -28px;
}
#mainContent .confirmRow {
  margin-top: 0.8em;
}
#mainContent .confirmRow .label {
  width: 350px;
  display: inline-block;
  vertical-align: top;
}
#mainContent .confirmRow .value {
  font-weight: bold;
  display: inline-block;
}
#mainContent .button.tertiary input {
  color: #444;
  text-shadow: #CCC 1px 1px 1px;
}
#mainContent .button.tertiary a {
  color: #444;
  text-shadow: #CCC 1px 1px 1px;
}
#mainContent .button.disabled input {
  color: #535353;
  text-shadow: none;
  cursor: default;
}
#mainContent .button.disabled a {
  color: #535353;
  text-shadow: none;
  cursor: default;
}
#mainContent .button.disabled.light input {
  color: #BBBBBB;
}
#mainContent .button.disabled.light a {
  color: #BBBBBB;
}
#mainContent .button.large .buttonInner > * {
  height: 44px;
}
#mainContent .button.large input {
  height: 40px;
  font-size: 15px;
}
#mainContent .button.large a {
  height: 40px;
  font-size: 15px;
  line-height: 44px;
}
#mainContent .button.medium .buttonInner > * {
  height: 36px;
}
#mainContent .button.medium input {
  height: 36px;
}
#mainContent .button.medium a {
  height: 36px;
}
#mainContent .button.medium.primary input {
  width: 200px;
}
#mainContent .button.small .buttonInner > * {
  height: 28px;
}
#mainContent .button.small div.buttonStart {
  width: 10px;
}
#mainContent .button.small div.buttonEnd {
  width: 10px;
}
#mainContent .button.link {
  display: inline-block;
  position: relative;
  top: 3px;
}
#mainContent .button.link .buttonInner {
  float: none;
}
#mainContent .button.link .buttonStart {
  display: none;
}
#mainContent .button.link .buttonEnd {
  display: none;
}
#mainContent .inputOuter.captcha {
  width: 300px;
}
#mainContent .inputOuter.captcha input {
  width: 200px;
}
#mainContent .inputOuter.captcha .fldFlag {
  top: 69px;
  left: 207px;
}
#mainContent .inputOuter.captcha .inputMessage {
  left: 243px;
  top: 48px;
}
#mainContent .inputOuter.ajax-waiting .fldFlag {
  background: url("../images/structural/ap/forms/field-validation-thinking.gif");
  display: block;
}
#mainContent .inputOuter.ajax-waiting input {
  border-color: #ffd39a;
}
#mainContent .address-finder .top-message {
  margin: 1em 8px 1em 8px;
}
#mainContent .address-finder .top-message .button {
  position: relative;
  top: -2px;
}
#mainContent .address-finder div.button.medium .buttonInner input {
  width: 150px;
}
#mainContent .button.reskin.small.redirect {
  text-transform: uppercase;
  background-color: #111;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  width: 125px;
  height: 28px;
}
#mainContent .button.reskin.small.redirect a {
  color: #fff;
  display: block;
}
#mainContent div.BigBox .button.reskin.small.secondary input {
  text-align: center;
  height: 36px;
  margin: 0 auto;
}
#mainContent div.button.reskin.small.secondary a#btnshopnow {
  text-transform: uppercase;
  background-color: #111;
  padding-bottom: 21px;
  padding-top: 3px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  width: 113px;
  height: 28px;
}
#mainContent div.button.reskin.small.tertiary a#btnMake-a-Payment {
  background-color: #111;
  padding-bottom: 4px;
  padding-top: 3px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  width: 200px;
  text-shadow: none;
  margin: auto;
}
#mainContent .fusPayLink {
  padding-bottom: 5px;
  display: inline-block;
}
#mainContent #contain_waystopay {
  width: 716px;
  overflow: hidden;
  display: block;
  vertical-align: top;
  border: none;
  padding-left: 10px;
}
#mainContent #contain_waystopay h3 {
  border-bottom: 1px solid #d1d1d1;
  margin: 0px 0px 5px -10px;
  color: black;
  height: 30px;
  float: none;
  font-weight: 500;
  font-size: 15px;
  line-height: normal;
  text-transform: lowercase !important;
}
#mainContent #contain_waystopay h3::first-line {
  text-transform: capitalize;
}
#mainContent #contain_waystopay .directDebit {
  background: url("../images/VisionReskin/24-px-payment-direct-debit.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .tel-int-banking {
  background: url("../images/VisionReskin/20-px-telephone.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .at-next-store {
  background: url("../images/VisionReskin/20-px-store.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .self-serve {
  background: url("../images/VisionReskin/24-px-self-serve.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .internet {
  background: url("../images/VisionReskin/24-px-mouse.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .any-bank {
  background: url("../images/VisionReskin/24-px-bank.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .by-post {
  background: url("../images/VisionReskin/24-px-post-cheque.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .post-office {
  background: url("../images/structural/ap/icons/icn-at-post-office.gif") no-repeat;
  width: 25px;
  height: 15px;
  float: left;
}
#mainContent #contain_waystopay .next-giftcard {
  background: url("../images/VisionReskin/20-px-gift-card.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .payzone {
  background: url("../images/VisionReskin/24-px-payment-payzone.svg") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .post_office_text {
  text-decoration: underline;
}
#mainContent #contain_waystopay .paypal {
  background: url("../images/VisionReskin/24-px-payment-paypal-square.png") no-repeat;
  width: 50px;
  height: 44px;
  float: left;
  margin-top: -10px;
}
#mainContent #contain_waystopay .condition {
  padding: 0;
  border: 1px solid #d1d1d1;
  margin-left: -10px;
}
#mainContent #contain_waystopay .condition p {
  text-align: left;
  padding-left: 10px;
  font-size: 10px;
}
#mainContent .tel-int-banking__button {
  margin: 0 0 20px auto;
  display: flex;
  border: none;
  background-color: white;
  cursor: pointer;
}
#mainContent .tel-int-banking__chevron-down {
  background: url(../images/Gel3-0/icon-ui-chevron.svg) center;
  background-position: center;
  background-repeat: no-repeat;
  content: " ";
  width: 12px;
  height: 15px;
  margin-top: 3px;
  background-size: contain;
}
#mainContent .tel-int-banking__chevron-up {
  transform: rotate(-180deg);
}
#mainContent #postcode label {
  text-align: left;
  line-height: 10px;
}
#mainContent .linkSeparator {
  display: inline;
  margin: 0 5px;
  color: #BBBBBB;
}
#mainContent .linkSeparator .button.link input {
  border-left: 1px solid #29ACA0;
  padding-left: 15px;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box {
  padding-bottom: 0;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .underline {
  margin-bottom: 0;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .leftPart {
  width: 50%;
  float: left;
  padding-top: 10px;
  line-height: 20px;
  padding-bottom: 10px;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .leftPart span {
  font-weight: bold;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .rightPart {
  width: 50%;
  margin-left: 50%;
  padding-left: 25px;
  border-left: 1px solid #cccccc;
  padding-top: 10px;
  line-height: 20px;
  padding-bottom: 10px;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .rightPart span {
  font-weight: bold;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .rightPart .editLink {
  position: absolute;
  margin: 0;
  right: 10px;
}
#mainContent #divBAStep2 .divBAAddressSummary div.box .rightPart div.editLink div.button.link {
  top: -3px;
  position: relative;
}
#mainContent #divBAStep2 .no-border-top {
  border-top: 0;
}
#mainContent #divBAStep2 .bottomBoxText {
  padding: 15px 10px;
}
#mainContent #divBAStep2 .bottomBoxText p {
  margin: 0;
  width: 75%;
  font-size: 12px;
  margin: 0;
  width: 69%;
  font-size: 12px;
}
#mainContent #divBAStep2 .bottomBoxText .btnCallBack .button {
  position: relative;
  float: right;
  top: -40px;
  right: 0;
  position: relative;
  float: right;
  top: -40px;
  right: 0;
}
#mainContent #divBAStep2 .failureMessage {
  color: black;
}
#mainContent #divBAStep2 .failureMessage.bottomBoxText {
  padding: 5px 0 0;
}
#mainContent #divBAStep2 .divBillingAddress h1 {
  background: none;
  padding: 0;
}
#mainContent #divBAStep2 .divBillingAddress h1 > span {
  float: right;
}
#mainContent #divBAStep2 .header {
  background: url("../images/structural/ap/icons/icn-lock.png") no-repeat;
  height: 25px;
}
#mainContent #divBAStep2 .header h2 {
  margin-left: 30px;
  top: 5px;
}
#mainContent #divBAStep2 h2 > span {
  position: relative;
  font-weight: bold;
  font-size: 14px;
  top: 0;
}
#mainContent #divBAStep2 .pBAHeaderText {
  margin: 0 0 25px;
  font-weight: bold;
  font-size: 12px;
}
#mainContent #divBAStep2 .underline {
  border-top: 1px solid #cccccc;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 102.5%;
  margin-left: -9px;
}
#mainContent #divBAStep2 .btnConfirm {
  margin-top: 20px;
}
#mainContent #divBAStep2 .btnConfirm .button {
  position: relative;
  margin-left: 197px;
}
#mainContent #divBAStep2 label {
  text-align: left;
  line-height: 10px;
}
#mainContent #divBAStep2 .lblCardNumber {
  margin-left: 8px;
  margin-top: 1px;
}
#mainContent #divBAStep2 .failureMessagebox {
  margin-top: 10px;
}
#mainContent .divActivateAddress h1 {
  background: none;
  margin-bottom: 0;
}
#mainContent .divActivateAddress h1 > span {
  float: right;
}
#mainContent .divActivateAddress div.box {
  padding-bottom: 0;
}
#mainContent .divActivateAddress div.box .header {
  background: url("../images/structural/ap/icons/icn-lock.png") no-repeat 0px 0px;
  height: 30px;
  padding: 5px;
}
#mainContent .divActivateAddress div.box .header > h2 {
  margin-left: 20px;
  text-transform: uppercase;
}
#mainContent .divActivateAddress div.box .header > p {
  margin: 5px 0 10px 20px;
  font-size: 0.8em;
}
#mainContent .divActivateAddress div.box .underline {
  border-top: 1px dashed #cccccc;
  margin: 10px 0 10px -6px;
  width: 480px;
}
#mainContent .divActivateAddress div.box .activateLeftPart {
  width: 70%;
  float: left;
}
#mainContent .divActivateAddress div.box .activateLeftPart label {
  text-align: left;
  line-height: 10px;
  font-weight: normal;
}
#mainContent .divActivateAddress div.box .activateLeftPart .underline {
  width: 95%;
  margin: 10px;
}
#mainContent .divActivateAddress div.box .activateLeftPart .redExpiryDate {
  float: left;
  margin-top: 10px;
}
#mainContent .divActivateAddress div.box .activateLeftPart .txtSecurityCode .fldFlag {
  left: 78px;
}
#mainContent .divActivateAddress div.box .activateLeftPart .ddlExpiryDate .fldFlag {
  left: 150px;
}
#mainContent .divActivateAddress div.box .activateLeftPart div.row .inputOuter .inputMessage {
  width: 100%;
}
#mainContent .divActivateAddress div.box .activateRightPart {
  float: right;
  width: 200px;
}
#mainContent .divActivateAddress div.box .activateRightPart .underline {
  width: 107%;
  margin: 7px 0 5px -6px;
}
#mainContent .divActivateAddress div.box .activateRightPart .address {
  position: relative;
  border: 2px solid #28A89D;
  padding: 7px 8px;
  margin: 0 0 20px 5px;
}
#mainContent .divActivateAddress div.box .activateRightPart .address h3 {
  text-transform: none;
  margin: 0;
  float: none;
  padding: 0;
}
#mainContent .divActivateAddress div.box .activateRightPart .address .editDiv {
  position: absolute;
  top: 6px;
  right: 6px;
}
#mainContent .divActivateAddress div.box .activateRightPart .address span.arrow {
  background: url("../images/structural/ap/buttons/misc/info-arrow-small.gif") no-repeat left top;
  display: block;
  height: 9px;
  position: absolute;
  left: -7px;
  top: 7px;
  width: 7px;
}
#mainContent .divActivateAddress div.box .activateRightPart .address .addressText {
  margin: 10px 0 0 0;
}
#mainContent .divActivateAddress div.box .activateRightPart .deliveryAddress {
  border-color: #E8E8E8;
}
#mainContent .divActivateAddress div.box .activateRightPart .deliveryAddress span {
  display: block;
}
#mainContent .divActivateAddress div.box .activateRightPart .deliveryAddress .extraWeight {
  font-weight: bold;
}
#mainContent .divActivateAddress div.box .clearBoth {
  clear: both;
}
#mainContent .divActivateAddress div.box .btnConfirm {
  margin: 20px 0 8px 197px;
}
#mainContent .divActivateAddress div.box .btnConfirm .button {
  position: relative;
}
#mainContent .divActivateAddress div.box .inputOuter {
  width: 290px;
}
#mainContent .divActivateAddress div.extraWidth {
  border-width: 5px;
}
#mainContent .divActivateAddress #SecurtiyCode {
  width: 71px;
}
#mainContent .divActivateAddress #SelectedExpiryDateMonth {
  width: 71px;
}
#mainContent .divActivateAddress #SelectedExpiryDateYear {
  width: 71px;
}
#mainContent .divActivateAddress #IssueNumber {
  width: 71px;
}
#mainContent .divActivateAddress #spanMasterCard {
  font-size: 0.8em;
}
#mainContent .divActivateAddress #SelectedStartDateMonth {
  width: 71px;
}
#mainContent .divActivateAddress #SelectedStartDateYear {
  width: 71px;
}
#mainContent .divActivateAddress .inputOuter.validation-success .fldFlag {
  display: none;
}
#mainContent .divActivateAddress .inputOuter.validation-success input {
  border-color: #C9C9C9;
}
#mainContent .divActivateAddress .inputOuter.validation-success select {
  border-color: #C9C9C9;
}
#mainContent table.noAddressManagement {
  border-collapse: collapse;
  width: 100%;
}
#mainContent table.noAddressManagement th {
  font-weight: bold;
  text-align: left;
  width: 120px;
}
#mainContent table.noAddressManagement td.addr {
  font-weight: bold;
  padding: 0 10px 30px;
  width: 158px;
}
#mainContent table.noAddressManagement td .field-tip {
  border: 2px solid #3f8279;
  font-size: 0.9em;
  line-height: 13px;
  margin: 0 0 0 10px;
  padding: 0 5px 1px;
  position: relative;
}
#mainContent table.noAddressManagement td .field-tip span.arrow {
  background: url(images/1024/myaccount/info-arrow-small.gif) no-repeat left top;
  display: block;
  height: 9px;
  margin-left: -7px;
  position: absolute;
  left: 0;
  top: 2px;
  width: 7px;
}
#mainContent .stepBanner {
  position: relative;
  margin: 10px 0;
  height: 81px;
  width: 710px;
}
#mainContent .stepBanner .step1 {
  width: 50%;
  float: left;
  padding: 12px 0 10px 10px;
}
#mainContent .stepBanner .step2 {
  width: 50%;
  float: left;
  padding: 12px 0 10px;
  margin-left: -20px;
}
#mainContent .stepBanner .step2 .part2 {
  width: 82%;
  display: inline-block;
}
#mainContent .stepBanner .part1 {
  width: 10%;
  display: inline-block;
  float: left;
  text-align: center;
  border-right: 1px solid #cccccc;
  margin-right: 15px;
  padding-right: 12px;
}
#mainContent .stepBanner .part1 span {
  font-size: 2em;
  font-weight: bold;
}
#mainContent .stepBanner .part2 {
  width: 75%;
  display: inline-block;
}
#mainContent .stepBanner .part2 p {
  margin: 0;
}
#mainContent .stepBanner .part2 p.title {
  font-weight: bold;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 21px;
}
#mainContent .stepBanner .disableEffect {
  opacity: 0.4;
}
#mainContent .step1ActiveBannerBg {
  background: url("../images/structural/ap/stepbanner/Step-1-Active.png") no-repeat 0 0;
}
#mainContent .step2ActiveBannerBg {
  background: url("../images/structural/ap/stepbanner/Step-2-Active.png") no-repeat 0 0;
}
#mainContent .divPopupHeader {
  text-align: center;
}
#mainContent .popupBtnList {
  text-align: center;
  margin: 20px 0;
}
#mainContent .popupBtnList .btnYes {
  margin-left: 30px;
}
#mainContent .popupBtnList .btnYes .button input {
  padding: 0 50px;
}
#mainContent .popupBtnList .btnLeavePopup {
  display: inline;
  float: left;
  margin-left: 70px;
  margin-bottom: 20px;
}
#mainContent .popupBtnList .btnLeavePopup .button input {
  padding: 0 50px;
}
#mainContent .popupBtnList .btnSalePopup {
  display: inline;
  float: left;
  margin-bottom: 15px;
}
#mainContent .popupBtnList .btnNoThanks {
  margin-left: 10px;
}
#mainContent .popupBtnList .btnNoThanks .button.link {
  top: 10px;
}
#mainContent .popupBtnList .aNavLink {
  width: 100px;
  float: left;
  margin-left: -10px;
  margin-top: 10px;
}
#mainContent #divStatusN {
  color: black;
  margin-left: -8px;
  margin-bottom: 15px;
}
#mainContent #divStatusN .divStatusNTop .row {
  padding: 0;
}
#mainContent #divStatusN .divStatusNTop .row label {
  line-height: 10px;
}
#mainContent #divStatusN .divStatusNTop .row.oneline .inputOuter input {
  width: 190px;
}
#mainContent #divStatusN .divStatusNTop .row.oneline .inputOuter .inputMessage {
  left: 270px;
  width: 200px;
}
#mainContent #divStatusN .divStatusNTop .row.oneline .fldFlag {
  left: 198px;
}
#mainContent #divStatusN .divStatusNTop .row.oneline .messageArrow {
  left: 248px;
}
#mainContent #divStatusN .btnUpdateDetails {
  position: absolute;
  right: 0px;
  bottom: 0;
}
#mainContent #divStatusN .btnSkipDetails {
  position: absolute;
  bottom: 0;
  right: 130px;
}
#mainContent .cardLogos h3 {
  float: none;
  margin: 0;
  padding-left: 0;
  font-weight: bold;
  text-transform: uppercase;
}
#mainContent .cardLogos p {
  font-size: 12px;
}
#mainContent .uk-auth .messagebox .msgContent span.msgboxTitle::first-letter {
  text-transform: uppercase !important;
}
#mainContent .uk-auth .messagebox .msgBody {
  margin-top: 10px;
}
#mainContent .uk-auth .messagebox.Advisory {
  width: 369px;
  border: 0;
  border-left: solid 3px #d58d3a;
}

.HeaderSpacer {
  width: 964px;
  margin: 0 auto;
  color: black;
  height: 127px !important;
}

body.iFrame #mainContent {
  padding-bottom: 0;
}

#mainContent.DCaddresses div.box .messagebox .msgBody .button.link {
  right: -87px;
  top: -21px;
  color: #007a7a;
  position: unset;
  margin-left: 6px;
}
#mainContent.DCaddresses div.box p sup.req {
  margin-right: 3px;
}
#mainContent.DCaddresses div.box .underline {
  border-top: 1px solid #cccccc;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: -15px;
  width: 706px;
}
#mainContent.DCaddresses div.box .header {
  background: url("../images/structural/ap/icons/icn-home.gif") no-repeat 0px 5px;
  height: 25px;
  padding: 5px;
}
#mainContent.DCaddresses div.box .header h2 {
  margin-left: 30px;
  top: 5px;
}
#mainContent.DCaddresses div.box .header span.extraWeight {
  font-weight: bold;
  position: relative;
  font-size: 14px;
  top: 0;
}
#mainContent.DCaddresses .messagebox.Failure {
  border: none;
  border-left: 2px solid #d91440;
  background: #fdf3f5;
  height: 45px;
  color: #000;
  padding-bottom: 13px;
  margin-bottom: 15px;
}
#mainContent.DCaddresses div.button.link .buttonInner input {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: normal;
  color: #007a7a;
}
#mainContent.DCaddresses .messagebox {
  position: relative;
  top: 10px;
}
#mainContent.DCaddresses .messagebox .msgContent .msgBody {
  padding-top: 5px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
}
#mainContent.DCaddresses .button input {
  text-align: left;
}
#mainContent.DCaddresses #pri .divAddAddress .box.extraWidth .address-finder #SwitchForm .button.link {
  margin-left: 160px;
}
#mainContent.DCaddresses #pri .divAddAddress .box.extraWidth .address-finder.PostcodeSearch .row.oneline.rowspacer label[for=RecipientName] {
  display: table;
}
#mainContent.DCaddresses .inputOuter.focus-message-added td {
  padding-top: 4px;
}
#mainContent.DCaddresses .required:before {
  margin-right: 3px;
  vertical-align: baseline;
  display: table-cell;
}
#mainContent.DCaddresses div.box.headerPadding {
  padding: 3px 15px;
}
#mainContent.DCaddresses .divAddAddress fieldset {
  padding-top: 0;
  padding-top: 0;
}
#mainContent.DCaddresses .divAddAddress .inputOuter #MakeDefault {
  width: 13px;
  margin-left: 0px;
}
#mainContent.DCaddresses .divAddAddress .divAddAddressBtn {
  margin-top: 1em;
  padding-top: 10px;
  position: relative;
  top: 2.5em;
}
#mainContent.DCaddresses .divAddAddress .divAddAddressBtn .button.link {
  margin-left: 197px;
}
#mainContent.DCaddresses .divAddAddress .divAddAddressBtn .button {
  position: relative;
  margin-left: 197px;
}
#mainContent.DCaddresses .divAddAddress .switch-form {
  position: relative;
  top: -3em;
}
#mainContent.DCaddresses .bottomBoxText {
  padding: 5px 5px;
}
#mainContent.DCaddresses .bottomBoxText p {
  margin: 0;
  width: 75%;
  font-size: 12px;
}
#mainContent.DCaddresses .bottomBoxText .btnCallBack .button {
  position: relative;
  float: right;
  top: -40px;
  right: 0;
}
#mainContent.DCaddresses h1 {
  background: none;
  margin-bottom: 0;
}
#mainContent.DCaddresses .top-message {
  padding: 10px 15px 0 15px;
  border-bottom: 1px dashed #E8E8E8;
  width: 670px;
  margin-left: -15px;
  margin-top: 0;
}
#mainContent.DCaddresses .activeAddressHeader h2 {
  text-transform: none;
  background: url("../images/structural/ap/icons/icn-lock.png") no-repeat 5px 3px;
  padding: 5px 0 0px 30px;
}
#mainContent.DCaddresses .editAddressHeader h2 {
  text-transform: none;
  background: url("../images/structural/ap/icons/icn-home.gif") no-repeat 0px 0px;
  padding: 5px 0 0px 30px;
}
#mainContent.DCaddresses div div.intro p {
  margin-left: 30px;
}
#mainContent.DCaddresses .editDelAddress h1 > span {
  display: inline;
  float: right;
}
#mainContent.DCaddresses .extraWidth {
  border: 5px solid #E8E8E8;
}
#mainContent.DCaddresses #lblMakeDefault {
  margin-left: 10px;
}
#mainContent.DCaddresses .inputOuter #MakeDefault {
  margin-left: -87px;
}
#mainContent.DCaddresses .pvAccAddressBtnList {
  margin-left: 195px;
  margin-top: 15px;
  height: 25px;
}
#mainContent.DCaddresses .pvAccAddressBtnList .button {
  position: relative;
}
#mainContent.DCaddresses .pvAccAddressBtnList .button.link {
  margin: 0;
  position: relative;
  margin-left: 0px;
}
#mainContent.DCaddresses .divBillingAddress h1 > span {
  float: right;
}
#mainContent.DCaddresses .tryagain {
  background: url("../images/structural/ap/icons/icn-reg-tryagain-alert.gif") no-repeat;
}
#mainContent.DCaddresses .tryagain p {
  margin: 0;
  margin-left: 30px;
}
#mainContent.DCaddresses .tryagain .btnAddressManual .button {
  margin: 30px;
}
#mainContent.DCaddresses #enterManually label {
  text-align: left;
}
#mainContent.DCaddresses #enterManually .pvAccAddressBtnList {
  margin-left: 0;
}
#mainContent.DCaddresses #enterManually .pvAccAddressBtnList .btnEdit {
  position: relative;
  margin-left: 195px;
  display: inline-block;
  margin-right: 10px;
}
#mainContent.DCaddresses #enterManually .pvAccAddressBtnList .manAddressLink {
  position: relative;
  display: inline-block;
}
#mainContent.DCaddresses #enterManually .editAddressHeader {
  margin-top: -20px;
}
#mainContent.DCaddresses #enterManually h2 {
  text-transform: none;
  background: url("../images/structural/ap/icons/icn-home.gif") no-repeat 0px 0px;
  padding: 5px 0 0px 30px;
}
#mainContent.DCaddresses #enterManually div div.intro p {
  margin-left: 40px;
}
#mainContent.DCaddresses #selectAddress label {
  text-align: left;
}
#mainContent.DCaddresses #selectAddress .ddlSelectAddress select {
  width: 100%;
}
#mainContent.DCaddresses #selectAddress .noLeft {
  margin-left: 8px;
  margin-top: 30px;
}
#mainContent.DCaddresses #selectAddress .noLeft .button.link {
  margin-left: 0;
}

.close-banner-x {
  background-image: url(../images/VisionReskin/crossbutton-icon_white.png) !important;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  position: absolute;
  left: 94%;
  z-index: 1;
  color: #fff;
}

.two-fa-banner {
  display: none;
}

.two-fa-get-started {
  background-color: #fff;
  height: 20px;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  padding: 7px 15px;
  width: 115px;
  letter-spacing: normal;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  margin-left: -13px;
}

.Twofa-buttons {
  display: flex;
  margin-top: 12px;
  height: 34px;
  margin-bottom: 0px;
}

.two-fa-not-right-now {
  width: 110px;
  color: #000;
  padding: 7px 14px;
  text-align: center;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  line-height: 1.43;
  letter-spacing: normal;
  cursor: pointer;
}

.ModalPopup #mainContent .messagebox {
  margin-top: 50px;
  margin-bottom: 16px;
}

#mainContent.prompt .messagebox.Info {
  border-left-color: #1d89dd;
  background-color: #f4f9fd;
  margin-left: 8px;
}
#mainContent.prompt .messagebox {
  border: none;
  border-left: solid 2px #222;
  font-size: 14px;
}
#mainContent.prompt .row {
  padding: 8px 8px 0 8px;
  margin: 0 0 4px;
}
#mainContent.prompt .inputOuter input {
  font-size: 14px;
  padding: 2px 33px 0 13px;
  margin-top: 7px;
  width: 426px;
  height: 36px;
  border-radius: 32px;
  border: solid 1px #949494;
  background-color: #fff;
}
#mainContent.prompt .inputOuter .inputMessage {
  margin-top: 5px;
}
#mainContent.prompt .req {
  margin-right: 3px;
}
#mainContent.prompt div.button.primary .buttonInner input {
  width: 126px;
}
#mainContent.prompt div.button.primary .buttonInner input[name=ResetDetails] {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: content-box;
}
#mainContent.prompt #passwordComplexity {
  margin-top: 6px;
  float: right;
  width: 100%;
  -webkit-text-size-adjust: none;
}

.column-left .content-left .fieldtip > div {
  top: 3px !important;
}

.fieldtip {
  text-align: left;
  display: inline;
  float: right;
  background: var(--icon-question-m-default) no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.fieldtip > div {
  background: url("../../../../../images/structural/ap/buttons/Misc/field-tip-arrow.png");
  margin-left: 24px;
  height: 18px;
  width: 9px;
  position: absolute;
  top: 10px;
  z-index: 10000;
  display: none;
}
.fieldtip p {
  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);
  position: absolute;
  background: #fff;
  margin: -15px 0 0 32px !important;
  width: 150px;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 2px 2px 6px #a3a3a3;
  border-radius: var(--components-tooltip-default-border-radius);
  overflow: hidden;
  z-index: 9999;
  display: none;
}
.fieldtip:hover > * {
  display: block;
}
.fieldtip:hover div {
  display: block;
}
.fieldtip .bgBubbleLarge {
  background: url("../images/structural/ap/forms/tool-tip-large.png") no-repeat 0 0;
  position: absolute;
  width: 195px;
  height: 71px;
  top: -25px;
  left: 20px;
  display: none;
  padding: 10px 15px;
}
.fieldtip .bgBubbleSmall {
  background: url("../images/structural/ap/forms/tool-tip-small.png") no-repeat;
  display: none;
  position: absolute;
  width: 170px;
  height: 55px;
  top: -20px;
  left: 20px;
  display: none;
  padding: 10px 13px;
}

.fieldtip.top {
  position: relative;
}
.fieldtip.top > div {
  background: url("../images/structural/ap/buttons/Misc/field-tip-arrow-top.png") no-repeat;
  height: 9px;
  width: 18px;
  margin: -16px 0 0 0;
}
.fieldtip.top p {
  bottom: 0;
  margin: 0 0 32px -100px !important;
  width: 200px;
  box-shadow: 2px 2px 6px #A3A3A3;
  border-radius: 8px;
}

#mainContent.payments .account-balance-summary {
  margin: 0 0 38px 0;
  clear: both;
  min-height: 60px;
  width: 715px;
}
#mainContent.payments .account-balance-summary div.explanation .fieldtip > div {
  margin-top: 12px;
}
#mainContent.payments .account-balance-summary > div {
  color: #404040;
  width: 159px;
  height: 35px;
  border: 1px solid #a3a3a3;
  display: block;
  float: left;
  margin-right: 19px;
  padding: 10px 33px 9px 31px;
  margin-top: 15px;
}
#mainContent.payments .account-balance-summary > div b {
  font-weight: normal;
  font-size: 25px;
  float: right;
}
#mainContent.payments .account-balance-summary > div b span.noPaymentsRequired {
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
  width: 80px;
  float: left;
  display: block;
}
#mainContent.payments .account-balance-summary > div b.amountLength7 {
  font-size: 18px;
  margin-top: 5px;
}
#mainContent.payments .account-balance-summary > div b.amountLength6 {
  font-size: 18px;
  margin-top: 3px;
}
#mainContent.payments .account-balance-summary > div b.amountLength5 {
  font-size: 14px;
  margin-top: 1px;
}
#mainContent.payments .account-balance-summary > div b.amountLengthLong {
  font-size: 12px;
  font-weight: bold;
}
#mainContent.payments .account-balance-summary span.balanceLabel {
  font-weight: normal;
  width: 35px;
  font-size: 14px;
  margin-right: 25px;
  white-space: normal;
  display: block;
  float: left;
  line-height: 1.14;
}
#mainContent.payments .account-balance-summary div.clearSummary {
  clear: both;
  width: 715px;
  height: 1px;
  display: block;
  border: none;
  margin: 0;
}
#mainContent.payments .account-balance-summary > div.overdue-payment span.balanceLabel {
  clear: both;
  width: 200px;
  font-size: 12px;
  margin-right: 0;
  margin-left: -11px;
}
#mainContent.payments .account-balance-summary > div.overdue-payment b {
  font-size: 19px;
  margin-left: -11px;
}
#mainContent.payments .account-balance-summary > div.total-payment span.balanceLabel {
  font-size: 11px;
  line-height: 100%;
}
#mainContent.payments .account-balance-summary div.vertical-separator {
  height: 42px;
  float: left;
  margin-top: -4px;
  border-left: 1px solid #a3a3a3;
}
#mainContent.payments .account-balance-summary div.img-div {
  width: 40px;
  height: 40px;
  float: left;
  margin-left: -30px;
  margin-top: -4px;
}
#mainContent.payments .account-balance-summary div.img-div img {
  max-width: 100%;
  max-height: 100%;
}
#mainContent.payments .account-balance-summary.np3-arrears .fieldtip.top > div {
  margin: -6px 0 0 13px;
}
#mainContent.payments .account-balance-summary.np3-arrears div.fieldtip.top p {
  margin: 0 0 50px -100px !important;
}
#mainContent.payments #pri {
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
#mainContent.payments #pri .summaryBox {
  font-weight: normal;
  float: right;
  border: 1px solid #a3a3a3;
  padding: 5px;
  margin-right: 2px;
  margin-top: -6px;
}
#mainContent.payments #pri .summaryBox span {
  color: #000;
  float: left;
  width: 120px;
  font-weight: normal !important;
}
#mainContent.payments #pri p {
  margin-bottom: 1em;
}
#mainContent.payments .balance-summary-new-tiles {
  display: flex;
  justify-content: space-between;
  color: #000000;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 16px;
  margin-top: 16px;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box {
  background-color: #f7f7f7;
  padding: 5px;
  margin-right: 15px;
  display: inline-flex;
  flex-direction: row;
  flex-grow: 1;
  flex-basis: 0px;
  flex-shrink: 1;
  border-radius: 16px;
  font-size: 14px;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box:last-child {
  margin-right: 0px !important;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box .crm--highlight-box-text {
  min-height: 50px;
  padding: 10px;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box .crm--highlight-box-label {
  padding: 0px;
  letter-spacing: normal;
  max-width: 160px;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box .crm--highlight-separation-line {
  margin: 0;
  width: 52px;
  text-align: left;
  margin-top: 6px;
  border-top: solid 1px #9e9e9e;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box .crm--highlight-box-value {
  min-height: 50px;
  margin-top: 4px;
  font-weight: 500;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight--box .crm--highlight-box-tooltip {
  margin-left: auto;
  margin-right: 10px;
  padding: 10px;
}
#mainContent.payments .balance-summary-new-tiles .crm--highlight-box-reminder {
  font-size: 12px;
  margin-top: 5px;
  font-weight: normal;
}
#mainContent.payments .balance-summary-new-tiles .fieldtip {
  background: url("../images/structural/ap/buttons/Misc/tooltip-info.png") no-repeat !important;
  background-size: contain !important;
}
#mainContent.payments .balance-summary-new-tiles .fieldtip > div {
  background: none;
  margin: 28px 0 0 15px !important;
  width: 20px;
  height: 20px;
  background-color: #fff;
  transform: translate(-50%, 0) rotate(45deg);
  transform-origin: top;
  transition: all 0.2s ease-in;
  border: none;
  box-shadow: -3px -4px 4px -3px rgba(161, 161, 161, 0.5);
}
#mainContent.payments .balance-summary-new-tiles .fieldtip p {
  margin: 35px 0 0 -235px !important;
  border: none;
  width: 250px;
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
}
#mainContent.payments #main {
  clear: both;
  min-height: 60px;
}
#mainContent.payments #main ul.paymentoptionstoken {
  margin: 0;
  padding: 0;
  padding-top: 0;
  list-style: none;
  border: 1px solid #afafaf;
  margin-bottom: 25px;
}
#mainContent.payments #main ul.paymentoptionstoken li {
  list-style: none;
  border-bottom: 1px dotted #afafaf;
  padding: 9px 19px;
  position: relative;
  min-height: 23px;
  font-size: 14px;
  color: #404040;
  cursor: pointer;
  background-image: url("/apcontent/Account/images/payment/chevron.gif");
  background-repeat: no-repeat;
  background-position: 694px 13px;
}
#mainContent.payments #main ul.paymentoptionstoken li:last-child {
  border-bottom: none;
}
#mainContent.payments #main ul.paymentoptionstoken li img.card {
  float: left;
}
#mainContent.payments #main ul.paymentoptionstoken li div.tokenValue {
  position: absolute;
  left: 87px;
  top: 11px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.expiryMessage {
  font-size: 12px;
  position: absolute;
  left: 560px;
  top: 15px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm {
  position: absolute;
  top: 45px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow {
  font-size: 13px;
  padding: 9px 0;
  height: 25px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow span.label {
  display: block;
  float: left;
  width: 175px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow input {
  float: left;
  border: 1px solid #a3a3a3;
  padding: 3px;
  height: 17px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow input.Cvv {
  width: 70px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow span.messageIcon {
  background-image: url("/apcontent/images/structural/ap/forms/field-validation-sprites.png");
  background-position: -1000px 0;
  width: 45px;
  height: 1px;
  float: left;
  border: none;
  margin-left: -30px;
  background-repeat: no-repeat;
  display: block;
  background-color: none;
  margin-right: 15px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow .inputValidationMessage {
  padding-top: 3px;
  display: block;
  float: left;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow input.input-validation-error {
  border-color: #D31617;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow input.input-validation-success {
  border-color: #87b26a;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow.wrapperError .inputValidationMessage {
  font-weight: bold;
  color: #ff0000;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow.wrapperError span.messageIcon {
  background-position: -336px 0;
  height: 25px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm div.elementRow.wrapperSuccess span.messageIcon {
  background-position: -336px -27px;
  height: 25px;
  width: 30px;
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm a.submitPayment {
  width: 75px;
  display: block;
  text-align: center;
  background-color: #26a7a3;
  margin-left: 175px;
  margin-top: 12px;
  text-decoration: none;
  font-size: 13px;
  color: #ffffff;
  padding: 7px 23px;
  background: -moz-linear-gradient(top, #26a7a3 0%, #1d827a);
  background: -webkit-gradient(linear, left top, left bottom, from(#26a7a3), to(#1d827a));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
#mainContent.payments #main ul.paymentoptionstoken li div.cardForm a.submitPayment:hover {
  width: 75px;
  display: block;
  text-align: center;
  background-color: #26a7a3;
  margin-left: 175px;
  margin-top: 12px;
  text-decoration: none;
  font-size: 13px;
  color: #ffffff;
  padding: 7px 23px;
  background: -moz-linear-gradient(top, #26a7a3 0%, #1d827a);
  background: -webkit-gradient(linear, left top, left bottom, from(#26a7a3), to(#1d827a));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
#mainContent.payments #main ul.paymentoptionstoken li a.closeRow {
  float: right;
}
#mainContent.payments #main ul.paymentoptionstoken li.active {
  background-image: none;
  border-bottom: 1px dotted #afafaf;
  cursor: default;
}
#mainContent.payments #main ul.paymentoptionstoken li.active:last-child {
  background-image: none;
  border-bottom: 1px dotted #afafaf;
  cursor: default;
}
#mainContent.payments .easypayLoader {
  text-align: center;
  height: 20px;
  width: 715px;
  margin: 19px auto 30px auto;
  position: absolute;
}
#mainContent.payments #main.worldpay {
  min-height: 0;
}
#mainContent.payments .paymentOptionWrapper {
  border-top: none !important;
}
#mainContent.payments .paymentOptionWrapper .payments-options:last-child {
  border-bottom: 1px solid #a3a3a3;
}
#mainContent.payments .payments-options {
  color: #404040;
  display: block;
  height: 53px;
  padding-left: 20px;
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  z-index: 10;
  border: 1px solid #a3a3a3;
  border-bottom: 1px dotted #a3a3a3;
  border-top: none;
}
#mainContent.payments .payments-options p {
  float: left;
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
}
#mainContent.payments .payments-options img {
  float: right;
  margin-right: 10px;
}
#mainContent.payments .payments-options .paymentchevron {
  margin-top: 22px;
  margin-right: 12px;
}
#mainContent.payments .payments-options .amex {
  margin-top: 14.5px;
}
#mainContent.payments .payments-options .maestro {
  margin-top: 16px;
}
#mainContent.payments .payments-options .mastercard {
  margin-top: 16px;
}
#mainContent.payments .payments-options .visa-electron {
  margin-top: 16px;
}
#mainContent.payments .payments-options .visa {
  margin-top: 16px;
}
#mainContent.payments .payments-options .paypal {
  margin-top: 12px;
}
#mainContent.payments .payments-options .googlepayaccount {
  margin-top: 12px;
  width: 56px;
}
#mainContent.payments .payments-options .applepay {
  margin-top: 7.5px;
  height: 75%;
}
#mainContent.payments .payments-options .gift-card {
  margin-top: 7.5px;
}
#mainContent.payments .payments-options .evoucher {
  margin-top: 9px;
}
#mainContent.payments .hrLine {
  border-bottom: 1px solid #d1d1d1;
}
#mainContent.payments .input-label.label-weight {
  font-weight: 500;
}
#mainContent.payments .form-group {
  margin: 0;
}
#mainContent.payments .other-amount-input {
  margin-left: 0;
  margin-top: 5px;
}
#mainContent.payments .terms-and-conditions {
  font-size: 14px;
  line-height: 1.5;
}
#mainContent.payments .pin-text {
  max-width: 190px;
  font-size: 12px;
}
#mainContent.payments .input-container {
  width: 340px;
}
#mainContent.payments .field-validation-error span {
  text-transform: none !important;
  font-size: 12px;
  font-weight: normal;
  color: #d91440;
}
#mainContent.payments .error {
  margin-top: 5px;
}
#mainContent.payments .ie8-account-balance-summary {
  margin: 0 0 38px 0;
  clear: both;
  min-height: 60px;
  width: 715px;
}
#mainContent.payments .ie8-account-balance-summary > div {
  color: #404040;
  width: 159px;
  height: 35px;
  border: 1px solid #a3a3a3;
  display: block;
  float: left;
  margin-right: 10px;
  padding: 10px 33px 9px 31px;
  margin-top: 15px;
}
#mainContent.payments .ie8-account-balance-summary > div b {
  font-weight: normal;
  font-size: 25px;
  float: left;
}
#mainContent.payments .ie8-account-balance-summary > div b span.noPaymentsRequired {
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
  width: 75px;
  float: left;
  display: block;
}
#mainContent.payments .ie8-account-balance-summary > div b.amountLength7 {
  font-size: 19px;
}
#mainContent.payments .ie8-account-balance-summary > div b.amountLength6 {
  font-size: 19px;
}
#mainContent.payments .ie8-account-balance-summary > div b.amountLength5 {
  font-size: 14px;
}
#mainContent.payments .ie8-account-balance-summary > div b.amountLengthLong {
  font-size: 12px;
  font-weight: bold;
}
#mainContent.payments .ie8-account-balance-summary span.balanceLabel {
  font-weight: normal;
  width: 40px;
  font-size: 13px;
  margin-right: 25px;
  white-space: normal;
  display: block;
  float: left;
}
#mainContent.payments .ie8-account-balance-summary div:nth-child(3n+3) {
  margin-right: 0;
}
#mainContent.payments .ie8-account-balance-summary div.clearSummary {
  clear: both;
  width: 715px;
  height: 1px;
  display: block;
  border: none;
  margin: 0;
}
#mainContent.payments .ie8-account-balance-summary > div.overdue-payment span.balanceLabel {
  clear: both;
  width: 200px;
  font-size: 12px;
  margin-right: 0;
  margin-left: -11px;
}
#mainContent.payments .ie8-account-balance-summary > div.overdue-payment b {
  font-size: 19px;
  margin-left: -11px;
}
#mainContent.payments .ie8-account-balance-summary > div.total-payment span.balanceLabel {
  font-size: 11px;
  line-height: 100%;
  font-size: 11px;
  line-height: 100%;
}

.req {
  color: var(--brand-error-default-text-color, #D91440);
}

.error {
  font-weight: bold;
  color: red !important;
}

ul.error {
  margin-left: 2em;
  font-weight: normal;
}
ul.error li {
  margin-top: 0.5em;
}

.hide {
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -500em;
  width: 1px;
}

acronym {
  border: 0;
}

body.no-scroll {
  overflow: hidden;
}

a#modalCloseButton {
  height: 24px;
  width: 24px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/structural/ap/buttons/Misc/dialog-close.png") no-repeat;
  text-indent: -1000em;
}

#mainContent.classic #pri {
  font: 11px/1.3 "";
}
#mainContent.classic #pri .summaryBox {
  float: right;
  border: 2px solid #e8e8e8;
  padding: 5px;
  font-weight: bold;
}
#mainContent.classic #pri .summaryBox span {
  color: #7b7b7b;
  float: left;
  width: 120px;
}
#mainContent.classic #pri .messagebox {
  border-style: solid;
  border-width: 1px 0;
  padding: 0;
  margin-bottom: 2em;
  min-height: 55px;
  background-position: 8px 5px;
}
#mainContent.classic #pri .button.primary * {
  background: #4F948D !important;
}
#mainContent.classic #pri .button.disabled * {
  background: #bbbbbb !important;
  color: #ccc;
}
#mainContent.classic #pri p {
  margin-bottom: 1em;
}
#mainContent.classic .messagebox p.top {
  padding-top: 6px;
}

#mainContent.accountSummary #pri .summaryBox {
  font-weight: normal;
  float: right;
  border: 1px solid #a3a3a3;
  padding: 5px;
  margin-right: 2px;
}
#mainContent.accountSummary #pri .summaryBox span {
  color: #000;
  float: left;
  width: 120px;
  font-weight: bold;
}
#mainContent.accountSummary #pri .messagebox.Success .msgIcon {
  margin-top: 4px;
}
#mainContent.accountSummary #pri .messagebox.Info {
  border-color: #cccccc;
  border-top-width: 2px;
  border-bottom-width: 2px;
}
#mainContent.accountSummary #pri .messagebox.Info div.tl {
  padding-left: 5px;
  background: none;
}
#mainContent.accountSummary #pri .messagebox.Info div.tr {
  background: none;
}
#mainContent.accountSummary #pri .messagebox.Info div.bl {
  background: none;
}
#mainContent.accountSummary #pri .messagebox.Info div.br {
  background: none;
}
#mainContent.accountSummary .messagebox p.top {
  padding-top: 6px;
}
#mainContent.accountSummary .leftColumnConstrain_big {
  display: block;
  overflow: hidden;
}
#mainContent.accountSummary #statement_table {
  width: 706px;
  display: block;
  vertical-align: top;
  clear: both;
}
#mainContent.accountSummary #statement_table .detail_text {
  display: block;
  width: 676px;
  overflow: hidden;
  border-top: 5px solid #e8e8e8;
  border-left: 5px solid #e8e8e8;
  border-right: 5px solid #e8e8e8;
  padding: 10px 10px 0px 10px;
}
#mainContent.accountSummary #statement_table .line {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-bottom-style: dashed;
  display: block;
  margin: -10px 0 10px 0px;
  padding: 0;
}
#mainContent.accountSummary #statement_table #drop_down {
  width: 696px;
  height: 100%;
  overflow: hidden;
  display: block;
  border-left: 5px solid #e8e8e8;
  border-right: 5px solid #e8e8e8;
  border-top: 5px solid #e8e8e8;
  display: block;
  padding: 5px 0px 5px 0px;
}
#mainContent.accountSummary #statement_table .select_title {
  margin: 0px 5px 10px 5px;
  padding-bottom: 5px;
  color: #7b7b7b;
}
#mainContent.accountSummary #statement_table .view_box {
  padding: 0px 5px;
  display: block;
  width: 47.5%;
  overflow: hidden;
  float: left;
  display: block;
}
#mainContent.accountSummary #statement_table .view_box .button {
  margin-left: 10px;
  height: 26px;
}
#mainContent.accountSummary #statement_table .view_box .button input {
  height: 25px;
}
#mainContent.accountSummary #statement_table .view {
  float: left;
  color: #7b7b7b;
}
#mainContent.accountSummary #statement_table .trans_type {
  border: 1px solid #cccccc;
  background-color: #f5f3f4;
  height: 21px;
  font-weight: bold;
}
#mainContent.accountSummary #statement_table .transType {
  padding-bottom: 3px;
  padding-left: 3px;
  padding-top: 3px;
}
#mainContent.accountSummary #statement_table .btn_minmax {
  padding: 0px 5px 0px 5px;
  vertical-align: middle;
}
#mainContent.accountSummary .divnostatement {
  border-top: 5px solid #e8e8e8;
  width: 560px;
  border-bottom: 1px solid #ffcc70;
  height: 100%;
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}
#mainContent.accountSummary .divnostatement .img_advice {
  float: left;
  padding-top: 11px;
}
#mainContent.accountSummary .divnostatement .message_advice {
  float: right;
  padding: 11px 5px 8px 15px;
}
#mainContent.accountSummary #drop_down select {
  float: left;
  border: 1px solid #7F9CBA;
  float: left;
  margin: 0 0 0 6px;
  padding: 1px;
  width: 195px;
}
#mainContent.accountSummary #drop_down .button {
  float: left;
}
#mainContent.accountSummary #HeaderRow {
  width: 696px;
  vertical-align: top;
  display: block;
  border: 0px solid #000;
  padding: 0px;
  margin: 0px;
  border: 5px solid #e8e8e8;
}
#mainContent.accountSummary #HeaderRow p {
  margin: 2px 0px;
}
#mainContent.accountSummary #HeaderRow .data_table {
  border-bottom: 1px solid #ccc;
}
#mainContent.accountSummary #tablelist_alert #HeaderRow {
  border: 5px solid #e8e8e8;
}
#mainContent.accountSummary #tablelist_alert #HeaderRow .data_table {
  border-bottom: 1px solid #ff5d5e;
}
#mainContent.accountSummary #tablelist_alert #FooterRow {
  border: 5px solid #e8e8e8;
  margin-top: 10px;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .PBcell {
  width: 75px;
  border-top: 1px solid #ff5d5e;
  background-color: #ffeded;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .PBcell p {
  padding: 10px 0px 0px 0px;
  text-align: right;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .CMcell {
  width: 75px;
  background-color: #ffeded;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .CMcell p {
  padding: 0px;
  text-align: right;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .CBcell {
  width: 75px;
  border-bottom: 1px solid #ff5d5e;
  background-color: #ffeded;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .CBcell p {
  padding: 0px;
  text-align: right;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .CRcell {
  width: 26px;
  border-top: 1px solid #ff5d5e;
  border-right: 1px solid #ff5d5e;
  background-color: #ffeded;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .CRcell p {
  text-align: left;
  padding: 10px 0px 0px 5px;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .MMcell {
  width: 26px;
  border-right: 1px solid #ff5d5e;
  background-color: #ffeded;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .MMcell p {
  text-align: left;
  padding-left: 5px;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .EMcell {
  width: 26px;
  border-right: 1px solid #ff5d5e;
  border-bottom: 1px solid #ff5d5e;
  background-color: #ffeded;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .EMcell p {
  text-align: left;
  padding-left: 5px;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .balance_title {
  padding: 10px 12px 0px 0px;
  background-color: #ffeded;
  border-right: 1px solid #ff5d5e;
  border-top: 1px solid #ff5d5e;
  overflow: hidden;
  border-left: 1px solid #ff5d5e;
  width: 595px;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .balance_title1 {
  padding: 0px 12px 0px 0px;
  background-color: #ffeded;
  border-right: 1px solid #ff5d5e;
  overflow: hidden;
  border-left: 1px solid #ff5d5e;
  border-bottom: 1px solid #ff5d5e;
  width: 595px;
}
#mainContent.accountSummary #tablelist_alert #FooterRow .balance_titleM {
  padding: 0px 12px 0px 0px;
  background-color: #ffeded;
  border-right: 1px solid #ff5d5e;
  overflow: hidden;
  border-left: 1px solid #ff5d5e;
  width: 595px;
}
#mainContent.accountSummary #sortbtn {
  background: #cdcdcd url("../images/structural/ap/page/bg.gif") repeat-x;
}
#mainContent.accountSummary #sortbtn td {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#mainContent.accountSummary #sortbtn td a {
  display: block;
  height: 30px;
  border-width: 0px;
}
#mainContent.accountSummary #sortbtn .first_col {
  border: 1px solid #000000;
}
#mainContent.accountSummary #sortbtn .middle_col {
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
#mainContent.accountSummary #sortbtn .col_1 {
  border: 1px solid #989898;
}
#mainContent.accountSummary #sortbtn .col_2 {
  border-top: 1px solid #989898;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
}
#mainContent.accountSummary #sortbtn .col_3 {
  border-top: 1px solid #989898;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
  width: 402px;
}
#mainContent.accountSummary #sortbtn .col_4 {
  border-top: 1px solid #989898;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
}
#mainContent.accountSummary #sortbtn .col_5 {
  border-top: 1px solid #989898;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
}
#mainContent.accountSummary #sortbtn .Acol_1 {
  background: url("../images/structural/ap/buttons/Misc/Statement/date_d.gif") no-repeat;
  width: 73px;
}
#mainContent.accountSummary #sortbtn .Acol_2 {
  background: url("../images/structural/ap/buttons/Misc/Statement/invoice_d.gif") no-repeat;
  width: 58px;
}
#mainContent.accountSummary #sortbtn .Acol_3 {
  background: url(../images/structural/ap/buttons/Misc/Statement/description.gif) no-repeat;
  width: 286px;
}
#mainContent.accountSummary #sortbtn .Acol_4 {
  background: url("../images/structural/ap/buttons/Misc/Statement/item_d.gif") no-repeat;
  width: 57px;
}
#mainContent.accountSummary #sortbtn .Acol_5 {
  background: url("../images/structural/ap/buttons/Misc/Statement/amount_d.gif") no-repeat;
  width: 100px;
}
#mainContent.accountSummary #sortbtn .Dcol_1 {
  background: url("../images/structural/ap/buttons/Misc/Statement/date_u.gif") no-repeat;
  width: 73px;
}
#mainContent.accountSummary #sortbtn .Dcol_2 {
  background: url("../images/structural/ap/buttons/Misc/Statement/invoice_u.gif") no-repeat;
  width: 58px;
}
#mainContent.accountSummary #sortbtn .Dcol_3 {
  background: url(../images/structural/ap/buttons/Misc/Statement/description.gif) no-repeat;
  width: 286px;
}
#mainContent.accountSummary #sortbtn .Dcol_4 {
  background: url("../images/structural/ap/buttons/Misc/Statement/item_u.gif") no-repeat;
  width: 57px;
}
#mainContent.accountSummary #sortbtn .Dcol_5 {
  background: url("../images/structural/ap/buttons/Misc/Statement/amount_u.gif") no-repeat;
  width: 100px;
}
#mainContent.accountSummary .data {
  empty-cells: show;
  border-collapse: collapse;
}
#mainContent.accountSummary .data tr {
  width: 100%;
}
#mainContent.accountSummary .data tr ul {
  margin: 0 0 0 25px;
}
#mainContent.accountSummary .data .cell_1 {
  width: 73px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
#mainContent.accountSummary .data .cell_1 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data .cell_2 {
  width: 58px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data .cell_2 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data .cell_3 {
  width: 402px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data .cell_3 p {
  padding: 0px 5px;
  text-align: left;
}
#mainContent.accountSummary .data .cell_4 {
  width: 57px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data .cell_4 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data .cell_5 {
  width: 75px;
  vertical-align: top;
  text-align: left;
}
#mainContent.accountSummary .data .cell_5 p {
  padding: 0px;
  text-align: right;
}
#mainContent.accountSummary .data .cell_6 {
  width: 25px;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data .cell_6 p {
  padding: 0px 5px;
  text-align: left;
}
#mainContent.accountSummary .data_alert {
  empty-cells: show;
  border-collapse: collapse;
  background-color: #ffeded;
}
#mainContent.accountSummary .data_alert tr {
  width: 100%;
}
#mainContent.accountSummary .data_alert tr ul {
  margin: 0 0 0 25px;
}
#mainContent.accountSummary .data_alert .cell_1 {
  width: 73px;
  vertical-align: top;
  border-right: 1px solid #ff5d5e;
  border-left: 1px solid #ff5d5e;
}
#mainContent.accountSummary .data_alert .cell_1 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data_alert .cell_2 {
  width: 58px;
  vertical-align: top;
  border-right: 1px solid #ff5d5e;
}
#mainContent.accountSummary .data_alert .cell_2 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data_alert .cell_3 {
  width: 402px;
  vertical-align: top;
  border-right: 1px solid #ff5d5e;
}
#mainContent.accountSummary .data_alert .cell_3 p {
  padding: 0px 5px;
  text-align: left;
}
#mainContent.accountSummary .data_alert .cell_4 {
  width: 57px;
  vertical-align: top;
  border-right: 1px solid #ff5d5e;
}
#mainContent.accountSummary .data_alert .cell_4 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data_alert .cell_5 {
  width: 75px;
  vertical-align: top;
  text-align: left;
}
#mainContent.accountSummary .data_alert .cell_5 p {
  padding: 0px 5px;
  text-align: right;
}
#mainContent.accountSummary .data_alert .cell_6 {
  width: 25px;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid #ff5d5e;
}
#mainContent.accountSummary .data_alert .cell_6 p {
  padding: 0px 5px;
  text-align: left;
}
#mainContent.accountSummary .total_row {
  background-color: #f5f3f4;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}
#mainContent.accountSummary #FooterRow {
  width: 696px;
  vertical-align: top;
  overflow: hidden;
  display: block;
  border: 0px solid #000;
  padding: 0px;
  margin: 0px;
}
#mainContent.accountSummary #tablelist #FooterRow {
  border: 5px solid #e8e8e8;
  margin-top: 10px;
}
#mainContent.accountSummary #tablelist #FooterRow .PBcell {
  width: 75px;
  border-top: 1px solid #cccccc;
}
#mainContent.accountSummary #tablelist #FooterRow .PBcell p {
  padding: 10px 0px 0px 0px;
  text-align: right;
}
#mainContent.accountSummary #tablelist #FooterRow .CMcell {
  width: 75px;
}
#mainContent.accountSummary #tablelist #FooterRow .CMcell p {
  padding: 0px;
  text-align: right;
}
#mainContent.accountSummary #tablelist #FooterRow .CMcell_Ovd p {
  padding: 0px;
  text-align: right;
  color: red;
}
#mainContent.accountSummary #tablelist #FooterRow .CBcell {
  width: 75px;
  border-bottom: 1px solid #cccccc;
}
#mainContent.accountSummary #tablelist #FooterRow .CBcell p {
  padding: 0px;
  text-align: right;
}
#mainContent.accountSummary #tablelist #FooterRow .CRcell {
  width: 26px;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary #tablelist #FooterRow .CRcell p {
  text-align: left;
  padding: 10px 0px 0px 5px;
}
#mainContent.accountSummary #tablelist #FooterRow .MMcell {
  width: 26px;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary #tablelist #FooterRow .MMcell p {
  text-align: left;
  padding-left: 5px;
}
#mainContent.accountSummary #tablelist #FooterRow .EMcell {
  width: 26px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
#mainContent.accountSummary #tablelist #FooterRow .EMcell p {
  text-align: left;
  padding-left: 5px;
}
#mainContent.accountSummary #tablelist #FooterRow .balance_title {
  padding: 10px 12px 0px 10px;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  overflow: hidden;
  border-left: 1px solid #cccccc;
  width: 595px;
}
#mainContent.accountSummary #tablelist #FooterRow .balance_title1 {
  padding: 15px 12px 0px 10px;
  border-right: 1px solid #cccccc;
  overflow: hidden;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  width: 595px;
}
#mainContent.accountSummary #tablelist #FooterRow .balance_titleM {
  padding: 0px 12px 0px 10px;
  border-right: 1px solid #cccccc;
  overflow: hidden;
  border-left: 1px solid #cccccc;
  width: 595px;
}
#mainContent.accountSummary #tablelist #FooterRow .balance_titleM.Ovd {
  vertical-align: middle;
}
#mainContent.accountSummary #tablelist #FooterRow .balance_titleM.Min {
  padding: 5px 12px 0 10px;
}
#mainContent.accountSummary #tablelist #FooterRow #trPaymentOvd {
  border-top: 1px solid #CCCCCC;
}
#mainContent.accountSummary #tablelist #FooterRow #trPaymentOvd .CMcell {
  vertical-align: middle;
}
#mainContent.accountSummary #tablelist #FooterRow #trPaymentOvd .CMcell p {
  margin-bottom: 0px;
}
#mainContent.accountSummary #tablelist #FooterRow #trPaymentTot {
  border-top: 1px solid #CCCCCC;
  padding-bottom: 10px;
}
#mainContent.accountSummary #tablelist #FooterRow #trPaymentTot .CMcell {
  vertical-align: middle;
}
#mainContent.accountSummary #tablelist #FooterRow #trPaymentTot .CMcell p {
  margin-bottom: 0px;
}
#mainContent.accountSummary #tablelist #FooterRow .balance_titleM.Tot {
  vertical-align: middle;
}
#mainContent.accountSummary #tablelist #FooterRow #trBalance strong {
  font-size: 12px;
}
#mainContent.accountSummary .embeddedCustomer {
  text-align: center;
  padding: 20px 10px 15px 10px;
  background-color: #f5f3f4;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
#mainContent.accountSummary .back_to_top {
  padding: 0px 0px 15px 0px;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
}
#mainContent.accountSummary .footer_text {
  padding: 10px;
  border-left: 5px solid #e8e8e8;
  border-right: 5px solid #e8e8e8;
  border-bottom: 5px solid #e8e8e8;
  margin-bottom: 10px;
  width: 676px;
}
#mainContent.accountSummary .footer_text .line {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-bottom-style: dashed;
  display: block;
  margin: -10px 0 10px 0px;
  padding: 0;
}
#mainContent.accountSummary .footer_note {
  padding: 10px;
  border: 5px solid #e8e8e8;
  margin-bottom: 10px;
  width: 676px;
}
#mainContent.accountSummary .footer_note h3 {
  border-bottom: 1px solid #ccc;
  border-bottom-style: dashed;
  margin: 0px 0px 10px 0px;
  padding: 0 0 5px;
  color: #7b7b7b;
  text-transform: uppercase;
  float: none;
  font-weight: bold;
}
#mainContent.accountSummary #fusData {
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}
#mainContent.accountSummary #Small_HeaderRow {
  background-color: #ffcccb;
}
#mainContent.accountSummary #Header .first_col {
  border: 1px solid #ff7270;
  padding: 3px;
}
#mainContent.accountSummary #Header .middle_col {
  border-top: 1px solid #ff7270;
  padding: 3px;
  border-right: 1px solid #ff7270;
  border-bottom: 1px solid #ff7270;
}
#mainContent.accountSummary #Header .f_col {
  border-left: 1px solid #ff7270;
  border-right: 1px solid #ff7270;
  padding: 3px;
  vertical-align: middle;
}
#mainContent.accountSummary #Header .m_col {
  padding: 3px;
  border-right: 1px solid #ff7270;
  text-align: left;
}
#mainContent.accountSummary #Header .m_col_date {
  padding: 3px;
  border-right: 1px solid #ff7270;
  text-align: center;
}
#mainContent.accountSummary .btn_previous {
  float: left;
  display: block;
}
#mainContent.accountSummary .btn_previous input {
  height: 22px;
  width: 22px;
}
#mainContent.accountSummary .btn_previous .bgPrevEnable {
  background: url("../images/structural/ap/buttons/Misc/Statement/btn_pre_statement.gif") no-repeat;
  border: none;
}
#mainContent.accountSummary .btn_previous .bgPrevDisable {
  background: url("../images/structural/ap/buttons/Misc/Statement/btn_pre_statement_hd.gif") no-repeat;
  border: none;
}
#mainContent.accountSummary .previousText {
  float: left;
  overflow: hidden;
  display: block;
  text-align: left;
  padding: 5px 0px 0px 5px;
  color: Black;
}
#mainContent.accountSummary .nextStatementPart {
  position: absolute;
  right: 17px;
  width: 150px;
}
#mainContent.accountSummary .btn_next {
  display: inline;
  padding: 0px;
  float: right;
}
#mainContent.accountSummary .btn_next input {
  height: 22px;
  width: 22px;
}
#mainContent.accountSummary .btn_next .bgNextEnable {
  background: url("../images/structural/ap/buttons/Misc/Statement/btn_next_statement.gif") no-repeat;
  border: none;
}
#mainContent.accountSummary .btn_next .bgNextDisable {
  background: url("../images/structural/ap/buttons/Misc/Statement/btn_next_statement_hd.gif") no-repeat;
  border: none;
}
#mainContent.accountSummary .nextText {
  overflow: hidden;
  display: inline;
  text-align: right;
  padding: 5px 5px 0px 0px;
  position: absolute;
  right: 22px;
}
#mainContent.accountSummary .StatementDetailText {
  text-align: center;
  float: left;
  width: 535px;
  overflow: hidden;
  display: block;
}
#mainContent.accountSummary #contain_manageStatements {
  width: 684px;
  overflow: hidden;
  display: block;
  vertical-align: top;
  border: 2px solid #e8e8e8;
  padding: 10px 10px 0px 10px;
}
#mainContent.accountSummary #contain_manageStatements .messagebox.Enforce {
  border: none;
  margin-bottom: 6px;
}
#mainContent.accountSummary #paperStatementsButton {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0px 0px 10px 0px;
}
#mainContent.accountSummary #statementAdvantages {
  margin-top: 40px;
}
#mainContent.accountSummary #contain_waystopay {
  width: 676px;
  overflow: hidden;
  display: block;
  vertical-align: top;
  border: 5px solid #e8e8e8;
  padding: 10px 10px 0px 10px;
}
#mainContent.accountSummary #contain_waystopay h3 {
  border-bottom: 1px solid #d1d1d1;
  margin: 0px 0px 5px -10px;
  color: black;
  height: 30px;
  float: none;
  font-weight: 500;
  font-size: 15px;
  line-height: normal;
  text-transform: lowercase !important;
}
#mainContent.accountSummary #contain_waystopay h3::first-line {
  text-transform: capitalize;
}
#mainContent.accountSummary #contain_waystopay p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #131415;
}
#mainContent.accountSummary .condition {
  padding: 10px;
  border: 5px solid #e8e8e8;
  margin-top: 10px;
  width: 676px;
}
#mainContent.accountSummary .condition p {
  text-align: left;
  padding-left: 10px;
  font-size: 10px;
}
#mainContent.accountSummary .data_4 {
  empty-cells: show;
  border-collapse: collapse;
}
#mainContent.accountSummary .data_4 tr {
  width: 100%;
}
#mainContent.accountSummary .data_4 .cell_1 {
  width: 73px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
#mainContent.accountSummary .data_4 .cell_1 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data_4 .cell_3 {
  width: 479px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data_4 .cell_3 p {
  padding: 0px 5px;
  text-align: left;
}
#mainContent.accountSummary .data_4 .cell_4 {
  width: 64px;
  vertical-align: top;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data_4 .cell_4 p {
  padding: 0px 5px;
  text-align: center;
}
#mainContent.accountSummary .data_4 .cell_7 {
  width: 75px;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid #cccccc;
}
#mainContent.accountSummary .data_4 .cell_7 p {
  padding: 0px 5px;
  text-align: right;
}

#mainContent.accountsummary #pri .messagebox.Enforce {
  border-bottom: 2px dotted #e8e8e8;
  border-top: none;
  margin-bottom: 15px;
}
#mainContent.accountsummary .statement_table {
  width: 100%;
}
#mainContent.accountsummary .statement_table table {
  width: 100%;
}
#mainContent.accountsummary .statement_table .box-caption {
  border-right: 5px solid #e8e8e8;
  padding: 10px 10px 0 10px;
  width: 50%;
}
#mainContent.accountsummary .statement_table .box1 {
  border-right: 5px solid #e8e8e8;
  padding: 10px;
  width: 50%;
}
#mainContent.accountsummary .statement_table .box2 {
  padding: 10px;
  width: 50%;
}
#mainContent.accountsummary .statement_table .box3 {
  padding: 0 10px 10px 10px;
  width: 50%;
  vertical-align: top;
}
#mainContent.accountsummary .statement_table .box4 {
  padding: 10px;
  width: 50%;
  text-align: left;
  font-size: 9px;
  font-weight: normal;
}
#mainContent.accountsummary .statement_table .box4 div {
  padding: 16px;
  background-color: #f9f9f9;
  height: 100%;
}
#mainContent.accountsummary .statement_table th {
  text-align: left;
  font-weight: normal;
}
#mainContent.accountsummary .statement_table tr.ovd th {
  font-weight: bold;
}
#mainContent.accountsummary .statement_table tr.ovd td {
  font-weight: bold;
}
#mainContent.accountsummary .statement_table tr.total {
  height: 25px;
}
#mainContent.accountsummary .statement_table tr.total th {
  vertical-align: top;
}
#mainContent.accountsummary .statement_table tr.total td {
  vertical-align: top;
}
#mainContent.accountsummary .statement_table td {
  text-align: right;
  font-weight: 600;
}
#mainContent.accountsummary .statement_table caption {
  border-bottom: 1px dashed #B5B5B5;
  color: #7b7b7b;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  margin-bottom: 4px;
}
#mainContent.accountsummary .statement_table .latestStatementLink {
  background-image: url("../images/structural/ap/menu/account-menu-bullet.png");
  background-position: 110px 9px;
  background-repeat: no-repeat;
  float: left;
  font-weight: normal;
  padding-top: 7px;
  text-align: left;
  width: 121px;
}
#mainContent.accountsummary .statement_table .makePaymentLink {
  background-image: url("../images/structural/ap/menu/account-menu-bullet.png");
  background-position: 72px 9px;
  background-repeat: no-repeat;
  float: left;
  font-weight: normal;
  padding-top: 7px;
  text-align: left;
  width: 84px;
}
#mainContent.accountsummary .statement_table .manageStatementsLink {
  background-image: url("../images/structural/ap/menu/account-menu-bullet.png");
  background-position: 98px 9px;
  background-repeat: no-repeat;
  float: left;
  font-weight: normal;
  padding-top: 7px;
  text-align: left;
  width: 109px;
}
#mainContent.accountsummary .statement_table.contain1 {
  border: 5px solid #e8e8e8;
}
#mainContent.accountsummary .statement_table.contain2 {
  border-left: 5px solid #e8e8e8;
  border-right: 5px solid #e8e8e8;
}
#mainContent.accountsummary .statement_table.contain3 {
  width: 706px;
  border: 5px solid #E8E8E8;
  border-top: 0;
  position: relative;
  height: 111px;
}
#mainContent.accountsummary .statement_table.contain-border-bottom {
  border-bottom: 5px solid #e8e8e8;
}
#mainContent.accountsummary .statement_table.contain-no-border {
  width: 706px;
  border: 0;
  border-top: 0;
  position: relative;
  height: 111px;
}
#mainContent.accountsummary .messageBoxNoIcon p {
  margin: 10px 0 0;
  padding: 0;
}
#mainContent.accountsummary .messageBoxNoIcon p.small {
  font-size: 11px;
}
#mainContent.accountsummary .messageBoxNoIcon div.button {
  margin-top: 10px;
}
#mainContent.accountsummary .statement_table.contain0 {
  width: 706px;
  border: 5px solid #E8E8E8;
  border-top: 0;
  position: relative;
  height: 1px;
}
#mainContent.accountsummary .trialBanner {
  padding: 2px 0px 15px 0px;
  padding: 2px 0px 15px 0px;
}

.account-menu-footer {
  margin: 1em;
}
.account-menu-footer .signout-text {
  margin-top: 16px;
  line-height: 150%;
  width: 159px;
}

.shadowLineLeft {
  height: 8px;
  width: 50%;
  float: left;
  border-bottom: 1px solid #d1d6da;
}

.shadowLineRight {
  height: 8px;
  width: 50%;
  float: right;
  border-bottom: 1px solid #d1d6da;
}

.ui-dialog {
  position: absolute;
  width: 300px;
  height: 168px !important;
}
.ui-dialog .row {
  padding: 8px 8px 0 8px;
}
.ui-dialog .row .rowspacer {
  padding: 20px 8px 0 8px;
}
.ui-dialog .row label {
  font-size: 0.9em;
}
.ui-dialog .row label span {
  color: #666;
}
.ui-dialog .row p {
  font-size: 0.9em;
  margin-bottom: 0;
}
.ui-dialog .row .inputMessage.under {
  width: auto;
  height: auto;
  top: 32px;
  left: 0px;
  width: auto;
  height: auto;
  top: 32px;
  left: 0px;
  width: auto;
  height: auto;
  top: 32px;
  right: 0px;
  left: unset;
}
.ui-dialog .row .inputMessage.under td {
  font-size: 0.9em;
  font-size: 0.9em;
}
.ui-dialog .row.confirmation {
  padding-top: 8px;
}
.ui-dialog .row.last {
  padding-bottom: 15px;
}
.ui-dialog .row.underline {
  background: url("../images/structural/ap/forms/separator-row.png") no-repeat 0 100%;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.ui-dialog .row.dotted {
  border-bottom: medium dotted #CCCCCC;
  border-color: #CCCCCC;
  width: 450px;
}
.ui-dialog .row.underlineWide {
  background: url("../images/structural/ap/forms/separator-row-wide.png") no-repeat 50% 100%;
}
.ui-dialog .row.separater {
  border-bottom: solid 1px #333333;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.ui-dialog .inputOuter {
  padding: 0px 0 8px 0;
  position: relative;
}
.ui-dialog .inputOuter input {
  font-size: 14px;
  padding: 2px 33px 0 3px;
  width: 331px;
  border: 1px solid #C9C9C9;
  height: 21px;
  margin-top: 3px;
}
.ui-dialog .inputOuter select {
  font-size: 13px;
  height: 25px;
  width: 369px;
  border: 1px solid #C9C9C9;
  padding: 2px;
  margin-right: 9px;
  position: relative;
  top: 3px;
}
.ui-dialog .inputOuter select option {
  padding-right: 12px;
}
.ui-dialog .inputOuter .inputMessage {
  height: 50px;
  position: absolute;
  top: -10px;
  left: 423px;
  display: none;
  width: 270px;
}
.ui-dialog .inputOuter .inputMessage td {
  vertical-align: middle;
}
.ui-dialog .inputOuter .inputMessage.bubble {
  width: 134px;
  left: 383px;
  z-index: 999;
}
.ui-dialog .inputOuter .inputMessage.bubble td {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -168px -1px;
  color: black;
  padding: 8px 8px 8px 18px;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 17px;
}
.ui-dialog .inputOuter .fldFlag {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -336px 0;
  height: 25px;
  width: 30px;
  position: absolute;
  top: 3px;
  left: 347px;
  display: none;
}
.ui-dialog .inputOuter .messageArrow {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -369px -2px no-repeat;
  height: 25px;
  width: 14px;
  position: absolute;
  top: 3px;
  left: 398px;
  display: none;
}
.ui-dialog .inputOuter .inputMessage.server-validation-failed {
  display: table;
}
.ui-dialog .inputOuter .inputMessage.server-validation-failed td {
  color: var(--brand-error-default-text-color, #D91440);
  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);
}
.ui-dialog .inputOuter .fldFlag.server-validation-failed {
  display: block;
}
.ui-dialog .inputOuter .messageArrow.server-validation-failed {
  display: block;
}
.ui-dialog .inputOuter.checkbox {
  position: relative;
  top: 8px;
}
.ui-dialog .inputOuter.checkbox input {
  height: auto;
}
.ui-dialog .inputOuter.short input {
  width: 65px;
}
.ui-dialog .inputOuter.short .fldFlag {
  left: 221px;
}
.ui-dialog .inputOuter.date .fldFlag {
  left: 266px;
}
.ui-dialog .row.oneline label {
  position: absolute;
  margin-top: 10px;
  padding: 0;
}
.ui-dialog .row.oneline .inputOuter {
  margin-left: 100px;
  margin-left: 100px;
}
.ui-dialog .row.oneline .inputOuter.validation-failed {
  background: none;
}
.ui-dialog .inputOuter.focus-message-added td {
  color: black;
}
.ui-dialog .inputOuter.focus-message-added .messageArrow {
  display: block;
  background-position: -369px -28px;
}
.ui-dialog .inputOuter.focus-message-added .inputMessage {
  display: table;
}
.ui-dialog .inputOuter.validation-success .fldFlag {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -336px -27px no-repeat;
  display: block;
}
.ui-dialog .inputOuter.validation-success select {
  border-color: #87b26a !important;
  border-color: #3c763d;
  background: url(../images/VisionReskin/tick--success.png) no-repeat;
  background-position: right;
}
.ui-dialog .inputOuter.validation-success .inputMessage.server-validation-failed {
  display: none;
}
.ui-dialog .inputOuter.validation-success .messageArrow.server-validation-failed {
  display: none;
}
.ui-dialog .inputOuter.validation-failed .inputMessage.bubble td {
  color: #d31617;
  background-position: 0 -1px;
}
.ui-dialog .inputOuter.validation-failed .inputMessage {
  display: table;
}
.ui-dialog .inputOuter.validation-failed .inputMessage td {
  color: #d91440;
}
.ui-dialog .inputOuter.validation-failed select {
  border-color: #d91440;
}
.ui-dialog .inputOuter.validation-failed .messageArrow {
  background-position: -369px -2px;
  display: block;
}
.ui-dialog .inputOuter.validation-failed .fldFlag {
  display: block;
}
.ui-dialog .inputOuter.focused.editing.focus-message-added td {
  color: black;
}
.ui-dialog .inputOuter.focused.editing.focus-message-added .messageArrow {
  display: block;
  background-position: -369px -28px;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 20px 22px 0px;
  position: relative;
  -moz-border-radius: 0px;
}
.ui-dialog .ui-dialog-title {
  float: left;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  color: black;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: -17px;
  top: -19px;
  padding: 1px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  padding: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 1px;
}
.ui-dialog .ui-dialog-content {
  border: 0;
  padding: 5px 22px 10px;
  zoom: 1;
  text-align: left;
  font-size: 11px;
  line-height: 18px;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  padding: 0 15px 10px 16px;
}
.ui-dialog .ui-dialog-buttonpane button {
  width: 141px;
  float: left;
  margin: 0.5em 0.4em 0.5em 0.5em;
  cursor: pointer;
  padding: 0.4em 0em;
  line-height: 1.4em;
  overflow: visible;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  right: 3px;
  bottom: 3px;
}

#mainContent.CustomerRegistration .form-default form fieldset .form-row .inputMessage td {
  width: 250px;
}
#mainContent.CustomerRegistration .form-default form fieldset .form-row input.other-field {
  background-position: 168px center !important;
}

.msie7 #mainContent .button div.buttonEnd {
  position: absolute;
}
.msie7 #mainContent.PDFStatement #olderStatements #statementListContainer .btnBox {
  float: left;
}
.msie7 #mainContent.PDFStatement #olderStatements #statementListContainer .btnBox a {
  width: 137px;
}

.messagebox {
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding-bottom: 16px;
  margin-top: 16px;
  position: relative;
}
.messagebox div.tl {
  padding: 10px 10px 10px 70px;
  background-repeat: no-repeat;
  min-height: 38px;
  position: relative;
  top: -4px;
  margin: 0 10px 0 0 !important;
}
.messagebox div.tr {
  height: 100%;
  width: 10px;
  position: absolute;
  top: 0;
  right: -10px;
  background-position: top right;
}
.messagebox div.br {
  height: 20px;
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-position: bottom left;
}
.messagebox div.bl {
  height: 20px;
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: bottom right;
}
.messagebox a.button {
  display: block;
  float: right;
  text-indent: -999em;
}
.messagebox ul {
  margin-bottom: 0;
}
.messagebox .callbackExtra {
  margin-top: 1em;
  color: black;
  margin-right: 160px;
}

.messagebox.Icon div.tl {
  margin-right: 20px !important;
  min-height: 73px;
  padding-left: 104px;
  padding-right: 0px;
  background-image: url("../images/structural/ap/messagebox/messagebox-icon.png");
  color: black;
}
.messagebox.Icon div.tr {
  width: 20px;
  right: -20px;
  background-image: url("../images/structural/ap/messagebox/messagebox-icon.png");
  color: black;
}
.messagebox.Icon div.br {
  background-position: 0 -139px;
  background-image: url("../images/structural/ap/messagebox/messagebox-icon.png");
  color: black;
}
.messagebox.Icon div.bl {
  background-position: 100% -139px;
  background-image: url("../images/structural/ap/messagebox/messagebox-icon.png");
  color: black;
}
.messagebox.Icon strong {
  display: block;
  text-transform: uppercase;
  border-bottom: 1px solid #999;
  box-shadow: 0 15px 15px -15px #b6b6b6;
  font-weight: normal;
  font-size: 17px;
  padding: 5px 0 8px 0;
  position: relative;
  z-index: 99;
}
.messagebox.Icon .msgBody {
  margin-top: 1em;
}
.messagebox.Icon .msgBoxRight {
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0px;
  right: -50px;
}
.messagebox.Icon .icon {
  position: absolute;
  height: 55px;
  width: 55px;
  top: 23px;
  left: 26px;
}
.messagebox.Icon .icon.lock {
  background: url("../images/structural/ap/messagebox/messagebox-icon.png") 0 55px;
}
.messagebox.Icon .icon.emailSuccess {
  background: url("../images/structural/ap/messagebox/messagebox-icon.png") -55px 55px;
}
.messagebox.Icon .icon.emailFail {
  background: url("../images/structural/ap/messagebox/messagebox-icon.png") -110px 55px;
}

.messagebox.Icon.Success .msgBody {
  margin: 0 35px 0 -104px;
  padding: 12px 0px 10px 104px;
  position: relative;
  background-image: url("../images/structural/ap/messagebox/messagebox-icon.png");
  padding-left: 163px;
  font-size: 0.9em;
  background-position: 0 255px;
  color: #608546;
}
.messagebox.Icon.Success .msgBody b {
  font-size: 1.2em;
}
.messagebox.Icon.Success .msgBoxRight {
  background: url("../images/structural/ap/messagebox/messagebox-icon.png") 55px 255px;
}

.messagebox.Icon.Fail .msgBody {
  margin: 0 35px 0 -104px;
  padding: 12px 0px 10px 104px;
  position: relative;
  background-image: url("../images/structural/ap/messagebox/messagebox-icon.png");
  padding-left: 163px;
  font-size: 0.9em;
  background-position: 0 155px;
  color: #D71D0B;
}
.messagebox.Icon.Fail .msgBody b {
  font-size: 1.2em;
}
.messagebox.Icon.Fail .msgBoxRight {
  background: url("../images/structural/ap/messagebox/messagebox-icon.png") 55px 155px;
}

.messagebox.none div.tl {
  padding: 20px 10px 0 8px;
}

.messageBoxNoIcon {
  background-repeat: no-repeat;
  background-position: 0 100%;
  padding-bottom: 16px;
  margin-top: 4px;
  position: relative;
  color: #D71D0B;
  padding-top: 12px;
}
.messageBoxNoIcon div.br {
  height: 20px;
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-position: bottom left;
}
.messageBoxNoIcon div.bl {
  height: 20px;
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: bottom right;
}
.messageBoxNoIcon div.tr {
  height: 100%;
  position: absolute;
  top: 0;
  right: -10px;
  background-position: top right;
  width: 10px;
}
.messageBoxNoIcon div.tl {
  padding: 10px;
  background-repeat: no-repeat;
  min-height: 38px;
  position: relative;
  top: -4px;
  margin: 0 10px 0 0 !important;
  max-height: 999999px;
  -webkit-text-size-adjust: 100%;
}
.messageBoxNoIcon div.title {
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  margin-bottom: 10px;
}

.messageBoxNoIcon.Arrears {
  color: #000;
}
.messageBoxNoIcon.Arrears a {
  color: #000;
  text-decoration: underline;
}
.messageBoxNoIcon.Arrears div.tl {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}
.messageBoxNoIcon.Arrears div.tr {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}
.messageBoxNoIcon.Arrears div.bl {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}
.messageBoxNoIcon.Arrears div.br {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}

.messageBoxNoIcon.Failure div.tl {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}
.messageBoxNoIcon.Failure div.tr {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}
.messageBoxNoIcon.Failure div.bl {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}
.messageBoxNoIcon.Failure div.br {
  background-image: url("../images/structural/ap/messagebox/BannerWithoutIcon/messagebox-alert.png");
}

.dialogExit {
  height: 42px !important;
  margin-top: 12px;
}

.dialogSale {
  height: auto !important;
}

#mainContent.login ul.tabs {
  width: 466px;
  height: 31px;
  background: url("../images/structural/ap/buttons/tabs/bg-login-tabs.png");
  position: relative;
  left: -25px;
  margin: 2em 0;
  padding-left: 35px;
}
#mainContent.login ul.tabs li {
  height: 30px;
  text-align: center;
  margin-right: 13px;
  float: left;
  list-style: none;
}
#mainContent.login ul.tabs li a {
  height: 23px;
  float: left;
  font-weight: bold;
  color: black;
  padding: 7px 0 0 0;
  width: 100%;
  margin: 0;
  font-size: 0.9em;
}
#mainContent.login ul.tabs li.one {
  width: 44px;
}
#mainContent.login ul.tabs li.two {
  width: 69px;
}
#mainContent.login ul.tabs li.three {
  width: 159px;
}
#mainContent.login #sec img {
  margin: 0 auto;
  display: block;
}
#mainContent.login .inputOuter.validation-success .fldFlag {
  display: none;
}
#mainContent.login .inputOuter.validation-success input {
  border-color: #C9C9C9;
}
#mainContent.login .inputOuter.validation-success select {
  border-color: #C9C9C9;
}
#mainContent.login .inputOuter select#DobDay {
  width: 50px;
}
#mainContent.login .inputOuter select#DobMonth {
  width: 50px;
}
#mainContent.login .inputOuter select#DobYear {
  width: 60px;
}

.FloatRight {
  float: right;
}

.FloatLeft {
  float: left;
}

.captchaControl {
  overflow: hidden;
  width: 230px;
}
.captchaControl > div {
  float: left;
  margin-right: 10px;
}
.captchaControl a > img {
  margin-bottom: 3px;
}

#mainContent.register .row.oneline .inputOuter.editing .fldFlag {
  background: url("../images/structural/ap/forms/field-validation-thinking.gif");
  display: block;
}
#mainContent.register .row.oneline .inputOuter.editing input {
  border-color: #ffd39a;
}
#mainContent.register .row.oneline .inputOuter {
  margin-left: 150px;
}
#mainContent.register .row.oneline .inputOuter input {
  width: 250px;
}
#mainContent.register .row.oneline .inputOuter select {
  width: 78px;
  margin-right: 6px;
}
#mainContent.register .row.oneline .inputOuter select#Title {
  width: 120px;
}
#mainContent.register .row.oneline .inputOuter .fldFlag {
  left: 257px;
}
#mainContent.register .row.oneline .inputOuter .inputMessage.bubble {
  left: 293px;
}
#mainContent.register .row.oneline .inputOuter .messageArrow {
  left: 308px;
}
#mainContent.register .row.oneline .inputOuter .inputMessage {
  left: 333px;
}
#mainContent.register .row.oneline .inputOuter#titleOuter .fldFlag {
  left: 122px;
}
#mainContent.register .row .button {
  margin-left: 370px;
}
#mainContent.register .checkboxOuter {
  width: 438px;
}
#mainContent.register .inputOuter.ajax-waiting select {
  border-color: #ffd39a;
}
#mainContent.register #legalNotes {
  text-align: justify;
  color: #9B9B9B;
  font-size: 0.85em;
  padding-top: 2em;
}
#mainContent.register #passwordComplexity {
  margin-top: 6px;
  float: right;
  width: 100%;
}
#mainContent.register #passwordComplexity b {
  -webkit-text-size-adjust: none;
}
#mainContent.register .dataBlock {
  margin: 15px 0 30px 0;
}
#mainContent.register .dataRow {
  margin: 0 0 10px 180px;
}
#mainContent.register .dataRow b {
  position: absolute;
  left: 10px;
}
#mainContent.register .address-finder .row.underline {
  height: 1.8em;
}
#mainContent.register .address-finder .switch-form {
  position: relative;
  top: -4em;
  margin-left: 8px;
}
#mainContent.register .address-finder .row.oneline .inputOuter select {
  position: relative;
  left: -150px;
  width: 400px;
}
#mainContent.register .address-finder .row.oneline .inputOuter.editing .fldFlag {
  display: none;
}
#mainContent.register #prefs h2 {
  margin-bottom: 5px;
}
#mainContent.register #prefs .row .inputOuter {
  padding: 0;
}
#mainContent.register #prefs .row .inputOuter .fldFlag {
  top: -19px;
  left: 376px;
}
#mainContent.register #prefs .row input {
  float: left;
  margin-top: 2px;
}
#mainContent.register #prefs .row label {
  display: block;
  font-weight: normal;
  margin-left: 20px;
  width: 350px;
}
#mainContent.register #prefs .row.underline {
  margin-bottom: 15px;
  padding-bottom: 20px;
}
#mainContent.register #popupDiv {
  display: none;
  position: absolute;
  top: -20px;
  left: 375px;
  z-index: 999;
  background: url("../images/structural/ap/dialog/reg_popupV2.png");
  height: 283px;
  width: 266px;
  padding: 23px 28px 0 43px;
}
#mainContent.register #popupDiv .row {
  padding: 0 0 8px 0;
  margin-bottom: 5px;
}
#mainContent.register #popupDiv .row label {
  font-weight: bold;
}
#mainContent.register #popupDiv .button {
  margin: 2px 6px 0 0;
  float: left;
}
#mainContent.register #popupDiv .button input {
  margin: 0;
}
#mainContent.register fieldset {
  margin: 0 0 20px;
  padding: 0 0 0 0;
  margin: 0 0 20px;
  padding: 0 0 0 0;
}
#mainContent.register fieldset fieldset {
  border: none;
  margin-bottom: 0;
  height: auto;
  padding: 0;
  border: none;
  margin-bottom: 0;
  height: auto;
  padding: 0;
}
#mainContent.register .bookrequest {
  margin: 1em 0 0 0;
}
#mainContent.register .bookrequest input {
  margin: 8px;
  width: 250px;
  height: 21px;
  overflow: visible;
  border-width: 1px;
  font-size: 14px;
  padding: 2px 33px 0px 3px;
  border: 1px solid #c9c9c9;
  margin: 8px;
  width: 250px;
  height: 21px;
  overflow: visible;
  border-width: 1px;
  font-size: 14px;
  padding: 2px 33px 0px 3px;
  border: 1px solid #c9c9c9;
}
#mainContent.register input.no-pad {
  margin: 0;
  margin: 0;
}
#mainContent.register label sup {
  position: relative;
  right: 5px;
  position: relative;
  top: 3px;
}
#mainContent.register p.last {
  margin-bottom: 0;
  margin-bottom: 0;
}
#mainContent.register .pvAccAddressBtnList {
  margin-left: 10px;
  margin-left: 10px;
}
#mainContent.register .btnContinue {
  float: right;
  margin-right: 10px;
  float: right;
  margin-right: 10px;
}
#mainContent.register #registrationLegalNotes {
  color: #9b9b9b;
  padding: 0 8px 0 8px;
  color: #9b9b9b;
  padding: 0 8px 0 8px;
}
#mainContent.register #registrationLegalNotes p {
  margin-left: 8px;
  font-size: 0.94em;
  text-align: justify;
  margin-left: 8px;
  font-size: 0.94em;
  text-align: justify;
}
#mainContent.register #pnlSelectCountry .popupBtnList .button {
  float: left;
  margin-bottom: 20px;
  float: left;
  margin-bottom: 20px;
}
#mainContent.register .row.checkboxes .row {
  margin: 0 0 10px 0;
  padding-bottom: 0px;
}
#mainContent.register .row.checkboxes .row label {
  width: 370px;
  margin: 0;
  font-weight: normal;
}
#mainContent.register .row.checkboxes .row input {
  margin: -1px 3px 0 0px;
  width: auto;
  padding: 0;
}
#mainContent.register .directoryad {
  left: 370px;
  position: absolute;
  top: -84px;
  z-index: 999;
}
#mainContent.register .failedSubmit .button {
  margin-left: 0;
}
#mainContent.register .tblShoppingBag {
  width: 100%;
  margin-top: 1em;
  border-style: solid;
  border-color: #d1cfcf;
  border-width: 1px 1px 0 0;
}
#mainContent.register .tblShoppingBag th {
  border-style: solid;
  border-color: #d1cfcf;
  border-width: 0 0 1px 1px;
  padding: 9px 11px;
  text-align: left;
  background: #f5f5f5;
  font-size: 15px;
  font-weight: normal;
}
#mainContent.register .tblShoppingBag td {
  border-style: solid;
  border-color: #d1cfcf;
  border-width: 0 0 1px 1px;
  padding: 15px;
}
#mainContent.register .tblShoppingBag td.image div {
  width: 66px;
  height: 94px;
  background-repeat: no-repeat;
  background-position: 50%;
  border: 1px solid #d1cfcf;
}
#mainContent.register .tblShoppingBag td.item {
  font-size: 14px;
  border-left-width: 0;
  width: 234px;
}
#mainContent.register .tblShoppingBag td.item .itemNumber {
  font-style: italic;
  color: #989898;
  font-size: 11px;
}
#mainContent.register .tblShoppingBag th.size {
  width: 155px;
}
#mainContent.register .tblShoppingBag td.size {
  width: 155px;
}
#mainContent.register .tblShoppingBag th.qty {
  width: 60px;
}
#mainContent.register .tblShoppingBag td.qty {
  width: 60px;
}
#mainContent.register .tblShoppingBag th.availability {
  width: 130px;
}
#mainContent.register .tblShoppingBag td.availability {
  width: 130px;
}
#mainContent.register .tblShoppingBag td.availability.instock {
  background: url("images/shopping-bag-in_stock.gif") no-repeat 135px 10px;
}
#mainContent.register .tblShoppingBag td.availability.soldout {
  background: url("images/shopping-bag-sold_out.gif") no-repeat 135px 10px;
}
#mainContent.register .tblShoppingBag td.availability.delayed {
  background: url("images/shopping-bag-delayed.gif") no-repeat 135px 10px;
}
#mainContent.register .tblShoppingBag th.total {
  text-align: right;
  width: 138px;
}
#mainContent.register .tblShoppingBag td.total {
  text-align: right;
  width: 138px;
  font-size: 15px;
  font-weight: bold;
}
#mainContent.register .tblBagTotals {
  width: 100%;
  background: #f5f5f5;
}
#mainContent.register .tblBagTotals th {
  padding: 2px 15px;
  text-indent: 540px;
  text-align: left;
  font-weight: normal;
}
#mainContent.register .tblBagTotals td {
  padding: 2px 15px;
  text-align: right;
  font-weight: bold;
}
#mainContent.register .tblBagTotals tr.subTotal th {
  padding-top: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
#mainContent.register .tblBagTotals tr.subTotal td {
  padding-top: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
#mainContent.register .tblBagTotals tr.total th {
  padding: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
}
#mainContent.register .tblBagTotals tr.total th .deliveryAmount {
  text-transform: none;
  font-size: 11px;
}
#mainContent.register .tblBagTotals tr.total td {
  padding: 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
}
#mainContent.register .registrationFailedThanks {
  background: url("../images/structural/ap/page/bg-welcome-frame.gif") no-repeat;
}
#mainContent.register .registrationFailedThanks .pri h1 {
  position: static;
  margin-bottom: 0;
  font: 236.36% "";
  color: #333;
  text-transform: none;
}
#mainContent.register .registrationFailedThanks .pri p {
  padding-right: 520px;
  margin-bottom: 1em;
}
#mainContent.register .registrationFailedTiny {
  padding: 10px 8px;
}
#mainContent.register .registrationFailedTiny p {
  font-size: 11px;
  color: #9b9b9b;
  margin-bottom: 1em;
}
#mainContent.register .address-finder.BFPO .top-message {
  background: url("../images/structural/ap/logo/logo-bfpo.gif") no-repeat top right;
  padding-right: 150px;
  min-height: 55px;
}

#passwordComplexity {
  font-weight: bold;
  clear: both;
  display: none;
}

#mainContent.updatesignin #popupDiv {
  display: none;
  position: absolute;
  top: 186px;
  left: 175px;
  z-index: 999;
  height: 283px;
  width: 266px;
  padding: 23px 28px 0 43px;
  background: url("../images/structural/ap/mainsite/reg_popupV2.png");
}

.shopBoxes {
  margin-top: 25px;
  clear: both;
}
.shopBoxes div {
  float: left;
  margin-right: 23px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.shopBoxes span {
  width: 123px;
  height: 137px;
  border: 1px solid #3E7F77;
  margin-bottom: 5px;
  display: block;
}
.shopBoxes a {
  color: black;
}

#mainContent.welcome {
  background: url("../images/structural/ap/page/bg-welcome-frame.gif") no-repeat;
}
#mainContent.welcome h1 {
  font: 236.36% "";
  color: #333;
  background: transparent;
  text-transform: none;
}
#mainContent.welcome #pri p {
  font-size: 1.3em;
  margin: 0.7em 0 0.3em 0;
  padding-right: 360px;
}
#mainContent.welcome #pri .CreditCheckLegal p {
  font-size: 0.85em;
  color: #787878;
}

#mainContent.addresses .address-finder .top-message {
  margin-bottom: 0;
  font-size: 14px;
}
#mainContent.addresses .address-finder .btnContinue {
  margin: 15px 0 0.8em 187px;
}
#mainContent.addresses .address-finder .btnContinue .button {
  position: relative;
  top: 0;
  left: 0;
}
#mainContent.addresses .address-finder .switch-form {
  position: absolute;
  bottom: 2.6em;
  left: 365px;
}
#mainContent.addresses .address-finder .switch-form .button {
  margin-left: 0;
  position: relative;
  left: 0;
  top: 9px;
}
#mainContent.addresses .address-finder.BFPO .top-message img {
  position: absolute;
  top: 96px;
  left: 460px;
}
#mainContent.addresses .address-finder.SearchSelect .row.oneline select {
  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);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  color: var(--text-primary);
  border-radius: var(--action-default-border-radius, 22px);
  border: 1px solid var(--action-default-enabled-border-color, #949494);
  background: var(--action-default-enabled-background-color, #FFF);
  background-image: var(--icon-chevron-down-m-default);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: calc(100% - 10px);
  padding: 6px 0 6px 16px;
  left: -180px;
  width: 400px;
  height: 36px;
  padding-right: 33px;
}
#mainContent.addresses .address-finder.SearchSelect .row.oneline select:focus {
  border: 1px solid var(--action-default-selected-border-color, #000);
  background-color: var(--action-default-enabled-background-color, #FFF);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#mainContent.addresses .address-finder.SearchSelect .row.oneline select:hover {
  border: 1px solid var(--action-default-hovered-border-color, #424242);
  background-color: var(--action-default-hovered-background-color, #FFF);
}
#mainContent.addresses .address-finder.SearchSelect .row.oneline .inputOuter.validation-failed select {
  width: 400px;
  border: 1px solid var(--components-alert-error-default-border-color, #D91440);
}
#mainContent.addresses .address-finder.SearchSelect .row.oneline .inputOuter.validation-success select {
  width: 400px;
  border: 1px solid var(--components-alert-success-default-border-color, #257F39);
}
#mainContent.addresses .address-finder.SearchSelect .btnContinue {
  margin-left: 6px;
}
#mainContent.addresses .address-finder.SearchSelect .switch-form {
  left: 185px;
}
#mainContent.addresses .address-finder.ConfirmationAddress .row.oneline select {
  position: relative;
  left: -180px;
  width: 400px;
  border-radius: 32px;
  font-size: 14px;
  padding-left: 15px;
  height: 36px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-image: url(../images/VisionReskin/chev-down.svg);
  background-position: right;
  background-repeat: no-repeat;
}
#mainContent.addresses .address-finder.ConfirmationAddress .row.oneline .inputOuter.validation-failed select {
  width: 400px;
}
#mainContent.addresses .address-finder.ConfirmationAddress .row.oneline .inputOuter.validation-success select {
  width: 400px;
  margin-bottom: 10px;
}
#mainContent.addresses .address-finder.ConfirmationAddress .row.oneline.disable-clicable-event select {
  width: 600px;
  font-size: 13px;
  padding-left: 7px;
  border-radius: 21px;
  background-image: none;
  background-position: unset;
  background-repeat: no-repeat;
}
#mainContent.addresses .address-finder.ConfirmationAddress .row.oneline.rowspacer .inputOuter.validation-success select {
  width: 600px;
}
#mainContent.addresses .address-finder.ConfirmationAddress .disable-clicable-event {
  pointer-events: none;
}
#mainContent.addresses .address-finder.ConfirmationAddress .btnContinue {
  margin-left: 6px;
  margin-bottom: 5px;
}
#mainContent.addresses .address-finder.ConfirmationAddress .switch-form {
  left: 185px;
  left: 250px;
}
#mainContent.addresses div.box .boxlinks {
  position: absolute;
  top: 12px;
  right: 10px;
}
#mainContent.addresses div.box .boxlinks a {
  margin-right: 3px;
  font-size: 0.9em;
}
#mainContent.addresses div.box .boxlinks .button.link {
  display: inline-block;
  top: 2px;
  margin: 0;
  position: relative;
  right: 5px;
}
#mainContent.addresses div.box .boxlinks > div {
  text-align: right;
  margin-bottom: 0.6em;
}
#mainContent.addresses div.box .underline {
  border-top: 1px solid #cccccc;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: -15px;
  width: 706px;
}
#mainContent.addresses div.box .headerInfo {
  margin-bottom: 10px;
  height: 25px;
  font-weight: bold;
}
#mainContent.addresses div.box .headerInfo .button {
  position: relative;
  display: inline-block;
  float: right;
  top: 0;
  right: 0;
}
#mainContent.addresses div.box h2 {
  text-transform: none;
  font-weight: bold;
}
#mainContent.addresses div.box .recipientInfo {
  margin-bottom: 15px;
}
#mainContent.addresses div.box div.recipientInfo p {
  margin: 0;
  margin-bottom: 5px;
}
#mainContent.addresses div.box div.recipientInfo p.leftPart {
  float: left;
}
#mainContent.addresses div.box div.recipientInfo p.rightPart {
  margin-left: 180px;
}
#mainContent.addresses div.box div.btnList {
  width: 120px;
  height: 100px;
  position: absolute;
  right: 10px;
  overflow: hidden;
  text-align: right;
  margin-top: 25px;
}
#mainContent.addresses div.box div.btnList .button {
  position: relative;
  right: 0;
}
#mainContent.addresses div.box div.btnList .divBALink {
  margin-bottom: 5px;
}
#mainContent.addresses div.box div.btnList .button.link {
  top: -3px;
  margin-right: 5px;
}
#mainContent.addresses div.box .divBACallBack p {
  margin: 0;
  width: 70%;
  font-size: 0.8em;
}
#mainContent.addresses div.box .divBACallBack div {
  margin-top: -30px;
  position: absolute;
  right: 10px;
}
#mainContent.addresses .btnConfirm {
  margin: 0.8em 0 0.8em 187px;
}
#mainContent.addresses .btnConfirm .button {
  position: relative;
  top: 0;
  left: 0;
}
#mainContent.addresses div.box.headerPadding {
  padding: 3px 15px;
}
#mainContent.addresses div.box.icn-home.pMargin p {
  margin-top: 0.5em;
}

#mainContent.promptmodal .inputMessage {
  width: 280px;
}
#mainContent.promptmodal .inputOuter.validation-success .fldFlag {
  display: none;
}

#mainContent.promptlogin .row {
  border-bottom: 1px solid #b7b7b7;
  padding: 1.7em 0 2em 0;
}
#mainContent.promptlogin .row:first-child {
  box-shadow: 0 15px 15px -15px #b6b6b6;
}
#mainContent.promptlogin .row h2 {
  background-repeat: no-repeat;
  line-height: 20px;
  margin-bottom: 0;
  padding: 0 0 0.5em 25px;
  font-weight: 600;
  font-size: 1em;
}
#mainContent.promptlogin .row h2.icn-lock {
  background-image: url("../images/structural/ap/icons/icn-lock.png");
}
#mainContent.promptlogin .row h2.icn-phone {
  background-image: url("../images/structural/ap/icons/icn-phone.png");
  background-position: 0 3px;
}
#mainContent.promptlogin .row h2.icn-password {
  background-image: url("../images/structural/ap/icons/icn-password.png");
  background-position: 0 4px;
}
#mainContent.promptlogin .row h2.icn-bag {
  background-image: url("../images/structural/ap/icons/icn-bag.png");
}
#mainContent.promptlogin .row .inputMessage {
  display: none;
}
#mainContent.promptlogin .passwordHint {
  width: 459px;
  text-align: right;
}
#mainContent.promptlogin .callCenterLegal {
  font-size: 0.75em;
  color: #666;
  margin-top: 3px;
}
#mainContent.promptlogin #pri .button {
  float: right;
  margin-left: 60px;
}
#mainContent.promptlogin #pri .button a {
  width: 118px;
}
#mainContent.promptlogin #pri input {
  width: 150px;
}
#mainContent.promptlogin .row.callback .button {
  margin: 2em 0;
}
#mainContent.promptlogin .fldFlag {
  left: 430px;
}
#mainContent.promptlogin .inputOuter {
  width: 500px;
}
#mainContent.promptlogin .inputOuter.validation-success .fldFlag {
  display: none;
}
#mainContent.promptlogin .account-menu:first-child a {
  font-size: 14px;
  font-weight: 600;
}
#mainContent.promptlogin .account-menu:first-child .subMenu a {
  font-size: 13px;
  font-weight: normal;
}
#mainContent.promptlogin .account-menu .inactive a {
  font-size: 13px;
  font-weight: normal;
}

#mainContent.accountsummaryCash .summaryBoxTile {
  background-image: var(--icon-chevron-right-m-default);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
#mainContent.accountsummaryCash .linkSection {
  float: inherit;
}
#mainContent.accountsummaryCash .linkSection .bannerBox {
  margin-bottom: 20px;
}
#mainContent.accountsummaryCash .linkSection .bannerBox.BannerboxSmall {
  width: 347px;
  height: 130px;
}
#mainContent.accountsummaryCash .linkSection .bannerBox.BannerboxSmall.BannerRight {
  float: Right;
}
#mainContent.accountsummaryCash .linkSection .bannerBox.BannerboxSmall.BannerLeft {
  float: Left;
}
#mainContent.accountsummaryCash .linkSection .bannerBox.Bannerboxbig {
  width: 708px;
  height: 130px;
}
#mainContent.accountsummaryCash .box1.credit_account_info {
  border: solid #e8e8e8;
  height: 60px;
}
#mainContent.accountsummaryCash div.credit_account_info_wrapper {
  display: none;
}
#mainContent.accountsummaryCash div.creditAccountInfo {
  margin: 10px;
}
#mainContent.accountsummaryCash div #dialogWindowHeader {
  padding: 7px 16px;
}
#mainContent.accountsummaryCash div.box.pay_book {
  height: 90px;
  height: 90px;
}
#mainContent.accountsummaryCash h1.mainHeader {
  background: none;
  padding-left: 0;
  position: absolute;
  top: 12px;
  font-size: 18px;
}
#mainContent.accountsummaryCash hr {
  display: block;
  border-top: 1px dotted #ccc;
  height: 1px;
}
#mainContent.accountsummaryCash hr.part {
  width: 470px;
}
#mainContent.accountsummaryCash .messageBanner {
  margin: 20px 0 -15px;
}
#mainContent.accountsummaryCash a.smallermsgbox {
  height: 100%;
  width: 100%;
}
#mainContent.accountsummaryCash a.biggermsgbox {
  height: 100%;
}
#mainContent.accountsummaryCash div.credit_accountInor {
  background: url("../images/structural/ap/icons/question-icon.png") no-repeat 0px 5px;
  padding-left: 15px;
}
#mainContent.accountsummaryCash div.credit_accountInor h1 {
  font: 16px/1.2 "";
  background: none;
  font-size: medium;
  padding: 0px;
  padding-left: 20px;
  padding-top: 6px;
  margin: 0;
}
#mainContent.accountsummaryCash div.credit_accountInor p {
  font: 12px/1.2 "";
  background: none;
  padding-left: 20px;
  margin-bottom: 0;
}
#mainContent.accountsummaryCash div.spacing {
  padding: 15px;
}

.greytext {
  color: #CCC;
}

#mainContent.friends fieldset {
  padding-top: 0px;
  margin-left: 30px;
  width: 455px;
  min-height: 400px;
  padding-bottom: 100px;
  padding-top: 0;
  margin-left: 30px;
  width: 455px;
  min-height: 400px;
  padding-bottom: 100px;
}
#mainContent.friends h1 {
  font: 18px;
  margin-top: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  background-image: none;
}
#mainContent.friends p {
  padding-bottom: 50px;
  margin-bottom: 0px;
  position: relative;
  font-size: 11px;
}
#mainContent.friends p.info {
  padding-bottom: 16px;
}
#mainContent.friends .button {
  margin-top: 10px;
  float: right;
}
#mainContent.friends hr {
  background-color: #d3d3d3;
  margin-bottom: 14px;
  margin-top: 12px;
  width: 475px;
}
#mainContent.friends .friendHeader {
  font: 16px;
  display: block;
  padding-bottom: 6px;
}
#mainContent.friends #addFriend {
  background: url("../images/structural/ap/buttons/1-Green/DownArrow.gif") no-repeat 100% 50%;
  padding-right: 15px;
  display: inline-block;
}
#mainContent.friends #addanotherfriend {
  font-size: 12px;
  font-weight: bold;
  background: url("../images/structural/ap/forms/separator-row.png") no-repeat 0 100%;
  background-position: bottom center;
  height: 32px;
  margin-bottom: 8px;
  margin-top: 10px;
}
#mainContent.friends #addanotherfriend .add_text {
  float: left;
}
#mainContent.friends .submit_text {
  font-size: 11px;
}
#mainContent.friends #thankyou {
  margin-left: 30px;
  width: 488px;
  min-height: 400px;
  padding-bottom: 100px;
  padding-top: 4px;
}
#mainContent.friends #thankyou .separator {
  background: url("../images/structural/ap/forms/separator-row.png") no-repeat 0 100%;
  background-position: center;
  height: 10px;
  padding-bottom: 12px;
  padding-top: 25px;
  text-align: center;
}
#mainContent.friends #thankyou #thumbs {
  background-position: center;
  width: 463px;
  height: 342px;
  position: relative;
}
#mainContent.friends #thankyou #thumbs .image {
  background-repeat: no-repeat;
  background-position: center;
}
#mainContent.friends #thankyou #thumbs .womens {
  position: absolute;
  height: 138px;
  left: 2px;
  top: 2px;
  width: 138px;
}
#mainContent.friends #thankyou #thumbs .mens {
  position: absolute;
  height: 138px;
  left: 164px;
  top: 2px;
  width: 138px;
}
#mainContent.friends #thankyou #thumbs .boys {
  position: absolute;
  height: 138px;
  left: 324px;
  top: 2px;
  width: 138px;
}
#mainContent.friends #thankyou #thumbs .girls {
  position: absolute;
  height: 138px;
  left: 2px;
  top: 179px;
  width: 138px;
}
#mainContent.friends #thankyou #thumbs .homeware {
  position: absolute;
  height: 138px;
  left: 164px;
  top: 179px;
  width: 138px;
}
#mainContent.friends #thankyou #thumbs .lipsy {
  position: absolute;
  height: 138px;
  left: 324px;
  top: 179px;
  width: 138px;
}

#mainContent.newsletter {
  height: 460px;
}
#mainContent.newsletter #pri {
  position: relative;
  padding: 0px;
  width: 964px;
}
#mainContent.newsletter .signup {
  width: 380px;
  position: absolute;
  top: 300px;
  left: 525px;
}
#mainContent.newsletter .signup p {
  font-size: 13px;
  width: 360px;
  margin-bottom: 4px;
}
#mainContent.newsletter .signup p.submit {
  margin-bottom: 15px;
  font-size: 13px;
}
#mainContent.newsletter .signup .button {
  margin-left: 240px;
  margin-top: 15px;
  margin-right: 18px;
  float: right;
}
#mainContent.newsletter .signup span {
  float: left;
  line-height: 25px;
}
#mainContent.newsletter .signup span.InvalidEmail {
  float: left;
  padding-left: 40px;
  visibility: hidden;
}
#mainContent.newsletter .signup label {
  font-size: 13px;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 140px;
  font-weight: normal;
  font-style: normal;
  margin-left: 10px;
  line-height: 25px;
}
#mainContent.newsletter .inputOuter {
  padding: 0;
}
#mainContent.newsletter .inputOuter .fldFlag {
  width: 30px;
  top: 0;
  left: 230px;
}
#mainContent.newsletter input[type=text] {
  border: 1px solid #7F9CBA;
  margin: 0;
  width: 175px;
  margin-left: 40px;
}
#mainContent.newsletter .row .inputMessage {
  margin-left: 40px;
  top: 25px;
}
#mainContent.newsletter .inputOuter.validation-failed input {
  border: 1px solid #D31617;
}
#mainContent.newsletter .inputOuter.validation-success input {
  border-color: #87b26a;
}
#mainContent.newsletter .existinglogin {
  width: 100%;
  padding-top: 25px;
  font-size: 12px;
}
#mainContent.newsletter .policy {
  width: 100%;
  padding-top: 60px;
  font-size: 12px;
}
#mainContent.newsletter #shopLatest {
  font-size: 18px;
  height: 28px;
  position: absolute;
  left: 655px;
  top: 402px;
}
#mainContent.newsletter #shopLatest a {
  color: #5A4139;
}
#mainContent.newsletter #shopWomen {
  font-size: 18px;
  height: 28px;
  position: absolute;
  left: 640px;
  top: 238px;
}
#mainContent.newsletter #shopWomen a {
  color: #5A4139;
}
#mainContent.newsletter #shopMen {
  font-size: 18px;
  height: 28px;
  position: absolute;
  left: 655px;
  top: 279px;
}
#mainContent.newsletter #shopMen a {
  color: #5A4139;
}
#mainContent.newsletter #shopBoys {
  font-size: 18px;
  height: 28px;
  position: absolute;
  left: 657px;
  top: 360px;
}
#mainContent.newsletter #shopBoys a {
  color: #5A4139;
}
#mainContent.newsletter #shopGirls {
  font-size: 18px;
  height: 28px;
  position: absolute;
  left: 659px;
  top: 320px;
}
#mainContent.newsletter #shopGirls a {
  color: #5A4139;
}

#mainContent.errorView #pri {
  padding: 63px 0px 21px;
  font-size: 14px;
  line-height: 1;
}
#mainContent.errorView #pri h1 {
  background: none;
  background-color: #f7f7f7;
  padding: 0 0 0 10px;
  line-height: 44px;
  font-size: 20px;
  font-weight: 500;
  text-transform: none;
}
#mainContent.errorView #pri strong {
  font-weight: 400;
  text-decoration: underline;
}
#mainContent.errorView #pri div.button.secondary .buttonInner a {
  background-color: unset;
  color: #007a7a;
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 1.43;
  letter-spacing: normal;
  min-width: unset;
  padding-left: 10px;
}
#mainContent.errorView #pri .error-info {
  padding-left: 8px;
}
#mainContent.errorView .BrowserInfo {
  color: #666;
  text-align: right;
  text-transform: uppercase;
}

.friendlyErrorCode {
  color: #666;
  text-align: right;
  text-transform: uppercase;
}

#mainContent.PDFStatement {
  font-size: 12px;
}
#mainContent.PDFStatement a.nxbtn {
  font-size: 11px;
}
#mainContent.PDFStatement a.nxbtn.primary {
  background-color: #4D8958;
  background-image: linear-gradient(#5fa86c 5%, #4d8958 100%);
}
#mainContent.PDFStatement p {
  margin-bottom: 0;
}
#mainContent.PDFStatement #statementContainer {
  width: auto;
  min-height: 136px;
  position: relative;
}
#mainContent.PDFStatement #statementContainer input.nxbtn {
  width: 100%;
  height: 34px;
}
#mainContent.PDFStatement #statementContainer a.nxbtn {
  width: 174px;
  padding-top: 11px;
  padding-bottom: 11px;
}
#mainContent.PDFStatement #statementContainer div.statement {
  width: 228px;
  float: left;
  padding-top: 16px;
  padding-left: 16px;
}
#mainContent.PDFStatement #statementContainer div.statement.NoPaddingLeft {
  padding-left: 0;
}
#mainContent.PDFStatement #statementContainer div.statementHeader {
  padding-bottom: 16px;
  padding-left: 56px;
  padding-top: 16px;
  background: #f2f2f2 url("../../APContent/images/structural/ap/icons/Statement-Icon-32.png") no-repeat 7% 51%;
  border-top: 1px solid #cecece;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
#mainContent.PDFStatement #statementContainer div.statementbutton {
  padding: 16px;
  background-color: #ffffff;
  text-align: center;
  border-bottom: 1px solid #cecece;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
#mainContent.PDFStatement #statementContainer div.statementbutton .button input {
  width: 205px;
}
#mainContent.PDFStatement #statementContainer span.date {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
#mainContent.PDFStatement #statementContainer span.statementId {
  font-size: 11px;
}
#mainContent.PDFStatement #olderStatements {
  margin-top: 24px;
  height: 27px;
  padding: 16px;
  background-color: #f2f2f2;
  position: relative;
  border: 1px solid #cecece;
}
#mainContent.PDFStatement #olderStatements .lblOlderStatements {
  text-transform: uppercase;
  float: left;
  line-height: 28px;
  font-size: 11px;
  font-weight: 500;
}
#mainContent.PDFStatement #olderStatements #statementListContainer {
  position: absolute;
  right: 16px;
}
#mainContent.PDFStatement #olderStatements #statementListContainer a {
  color: #111;
}
#mainContent.PDFStatement #olderStatements #statementListContainer a.nxbtn.secondary {
  color: #fff;
}
#mainContent.PDFStatement #olderStatements #statementListContainer #statementID {
  width: 375px;
  height: 28px;
  float: left;
}
#mainContent.PDFStatement #olderStatements #statementListContainer .btnBox {
  float: right;
  margin-left: 16px;
}
#mainContent.PDFStatement #olderStatements #statementListContainer .btnBox a {
  padding-left: 16px;
  padding-right: 16px;
}
#mainContent.PDFStatement #olderStatements .dk_container {
  font-size: 11px;
  height: 27px;
}
#mainContent.PDFStatement #olderStatements .dk_container a {
  padding: 6px 16px;
}
#mainContent.PDFStatement .infoTxt {
  margin-top: 24px;
}
#mainContent.PDFStatement .infoTxt a {
  color: #111;
  text-decoration: underline;
  font-weight: bold;
}
#mainContent.PDFStatement .paperTurnOffSection {
  padding-bottom: 16px;
  border-bottom: 1px dashed #cecece;
}
#mainContent.PDFStatement .contactDetailsSection {
  margin: 16px 0;
}
#mainContent.PDFStatement .contactDetailsSection a.linkToDiffPage {
  font-weight: bold;
  color: #111;
  text-decoration: underline;
}
#mainContent.PDFStatement .paymentInfoTxt {
  margin-top: 16px;
}
#mainContent.PDFStatement .downloadAcrobat {
  margin-top: 24px;
  position: relative;
}
#mainContent.PDFStatement .downloadAcrobat #getAcrobatLink {
  background: url("../../APContent/images/structural/ap/logo/get_adobe_reader.gif") no-repeat 0 0;
  width: 112px;
  height: 33px;
  cursor: pointer;
  display: block;
}
#mainContent.PDFStatement .downloadAcrobat .acrobatText {
  position: absolute;
  top: 8px;
  left: 128px;
}

.ReskinMessageBanner {
  border: 1px solid #111;
  border-radius: 5px;
  padding: 16px;
  margin-top: 16px;
}
.ReskinMessageBanner .title {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}
.ReskinMessageBanner .infoText {
  display: block;
  font-size: 14px;
}
.ReskinMessageBanner.Success {
  border: none;
  border-radius: var(--components-alert-default-border-radius, 0px);
  border-left: 2px solid var(--components-alert-success-default-border-color, #257F39);
  background-color: var(--components-alert-success-default-background-color, #F4F9F6);
  margin-bottom: 20px;
}
.ReskinMessageBanner.Success .msgBody {
  color: var(--components-alert-success-default-text-color, #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);
}

#mainContent.communications div.box.icn-phone label {
  text-align: right;
}
#mainContent.communications div.box.icn-home p {
  margin-top: 0.2em;
}
#mainContent.communications div.box .inputOuter.txtWorkPhoneNo .inputMessage {
  width: 118px;
}
#mainContent.communications div.box .inputOuter.txtEmailAddress .inputMessage {
  width: 118px;
}

#mainContent.CardPayment h1.mainHeader {
  background: none;
  padding-left: 0;
  position: absolute;
  top: 12px;
  font-size: 18px;
}
#mainContent.CardPayment hr {
  display: block;
  border-top: 1px dotted #ccc;
  height: 1px;
}
#mainContent.CardPayment .cardBox h3 {
  margin-left: 0;
  font-weight: bold;
  padding-left: 0;
  float: none;
}
#mainContent.CardPayment .messageBanner {
  margin-top: 20px;
}
#mainContent.CardPayment .cardPaymentBox .row {
  padding: 0;
}
#mainContent.CardPayment .cardPaymentBox .row label.lblReqPayment {
  text-transform: uppercase;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline label {
  font-weight: normal;
  line-height: 10px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline .inputOuter {
  margin-left: 150px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline .inputOuter .fldFlag {
  left: 200px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline .inputOuter .messageArrow {
  left: 250px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline .inputOuter .inputMessage {
  left: 270px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline input {
  width: 190px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline select {
  width: 78px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline button {
  margin: 0.8em 0 0.8em 150px;
  height: 31px;
  width: 128px;
  background: url("../images/structural/ap/buttons/Misc/CardPAyment/pay-now-enabled.png") no-repeat 0 0;
  color: white;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline #Cvv {
  width: 40px;
  float: left;
  margin-bottom: 8px;
}
#mainContent.CardPayment .cardPaymentBox .row.oneline label.lblPrice {
  position: relative;
  margin-top: -10px;
  line-height: 25px;
  font-weight: bold;
}
#mainContent.CardPayment .cardPaymentBox .Cvv.row.oneline .inputOuter .fldFlag {
  left: 47px;
}
#mainContent.CardPayment .cardPaymentBox .ExpiryDate.row.oneline .inputOuter .fldFlag {
  left: 163px;
  z-index: 10;
}
#mainContent.CardPayment .cardPaymentBox .ExpiryDate.row.oneline select#ExpiryYear {
  position: absolute;
  left: 90px;
}
#mainContent.CardPayment .cardPaymentBox .clearfix {
  clear: both;
}
#mainContent.CardPayment .cardPaymentBox #paymentControls {
  margin-top: 8px;
  margin-left: -3px;
}
#mainContent.CardPayment .cardPaymentBox span#CvvTooltip {
  margin-left: 240px;
  margin-top: -8px;
  background: url("../images/structural/ap/payment/security-code-asset.png") no-repeat 0 0;
  width: 59px;
  height: 34px;
  display: block;
}
#mainContent.CardPayment #validationFailed {
  display: none;
}
#mainContent.CardPayment div.box.shopNow {
  height: 90px;
  padding: 5px;
  border-width: 1px 1px 1px 1px;
  padding-left: 20px;
}
#mainContent.CardPayment .buttonDiv {
  float: left;
}
#mainContent.CardPayment .buttonDiv.optional {
  padding-left: 10px;
}
#mainContent.CardPayment .account-balance-summary {
  padding-bottom: 20px;
  font: 11px/1.3 "";
}
#mainContent.CardPayment .account-balance-summary label {
  font-weight: normal;
  width: 195px;
  display: inline-block;
}
#mainContent.CardPayment #WorldPayMain .WPPaymentValue .WPAmount {
  width: 65%;
}
#mainContent.CardPayment #WorldPayMain table.inputMessage {
  margin-top: 5px;
}

#mainContent.CardPayment.Complete p.heading {
  font-size: initial;
  padding-top: 14px;
}

.priceMargin {
  margin-left: 7px;
}

.lbPrice {
  margin-left: -30px;
  margin-left: -30px;
}

#savedCardControls {
  width: 750px;
  height: 30px;
  width: 750px;
  height: 30px;
}
#savedCardControls #savedCardCheckbox {
  float: left;
  width: 160px;
  text-align: right;
  padding-top: 8px;
  float: left;
  width: 160px;
  text-align: right;
  padding-top: 8px;
}
#savedCardControls #savedCardLabel {
  float: left;
  width: 200px;
  text-align: center;
  padding-top: 8px;
  float: left;
  width: 200px;
  text-align: center;
  padding-top: 8px;
}
#savedCardControls #savedCardLabel #lblSaveCard {
  font-weight: normal;
  font-weight: normal;
}
#savedCardControls #savedCardMessageArrow {
  float: left;
  width: 20px;
  text-align: center;
  padding-left: 40px;
  float: left;
  width: 20px;
  text-align: center;
  padding-left: 40px;
}
#savedCardControls #savedCardMessageArrow .savedCardmessageArrowError {
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -369px -25px no-repeat;
  height: 25px;
  width: 14px;
  background: url("../images/structural/ap/forms/field-validation-sprites.png") -369px -25px no-repeat;
  height: 25px;
  width: 14px;
}
#savedCardControls #savedCardValidationMessage {
  float: left;
  width: 200px;
  text-align: left;
  display: none;
  float: left;
  width: 200px;
  text-align: left;
  display: none;
}
#savedCardControls #savedCardValidationMessage #lblMaxFalse {
  font-weight: normal;
  color: grey;
  font-weight: normal;
  color: grey;
}
#savedCardControls #savedCardlblMessage {
  float: left;
  width: 10px;
  float: left;
  width: 10px;
}

#credit_debit_card_loader_frame {
  width: 100%;
  height: 340px;
}

.easypayTokens {
  margin: 0;
  padding: 0;
  padding-top: 0;
  list-style: none;
  border: 1px solid #afafaf;
  margin-bottom: 15px;
  margin: 0;
  padding: 0;
  padding-top: 0;
  list-style: none;
  border: 1px solid #afafaf;
  margin-bottom: 15px;
}
.easypayTokens .tokenValue {
  left: 90px;
  display: inline-block;
  position: absolute;
  margin-top: 2px;
  font-weight: 500;
}
.easypayTokens .expiryMessage {
  left: 316px;
  display: inline-block;
  position: absolute;
}
.easypayTokens .easypayCV2Frame {
  display: none;
  border-top: 1px dotted #afafaf;
  width: 97%;
  height: 160px;
  margin-top: 14px;
}
.easypayTokens .easypayCV2Indicator {
  display: none;
  border-top: 1px dotted #afafaf;
  width: 97%;
  height: 100px;
  margin-top: 14px;
}
.easypayTokens .repeaterTable img {
  padding-left: 18px;
  float: left;
}
.easypayTokens .repeaterTable iframe {
  padding-top: 18px;
  padding-left: 18px;
}
.easypayTokens .closeRow {
  display: none;
  float: right;
  padding-right: 18px;
}
.easypayTokens .selected {
  background-image: none;
  border-bottom: none;
}
.easypayTokens .expired {
  opacity: 0.5;
  cursor: default;
  margin-top: 2px;
}
.easypayTokens .lastSavedCard {
  border-bottom: none;
}
.easypayTokens .closeRowForWorldPay {
  float: right;
  padding-right: 18px;
  background: url(../images/Gel3-0/icon-ui-chevron.svg) no-repeat;
  transform: rotate(180deg);
  background-position: center;
  opacity: 0.7;
}
.easypayTokens .closeRowForWorldPay img {
  padding-left: 35px;
  margin-left: -7px;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul.easypayTokens li {
  list-style: none;
  border-bottom: 1px dotted #afafaf;
  padding: 9px 1px;
  position: relative;
  min-height: 30px;
  font-size: 15px;
  color: #404040;
  cursor: pointer;
  background-image: url("https://www.next.co.uk/content/Account/images/payment/ni-chevron-right-line-64.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: 670px;
}

.easypayCardLoadingAnimation {
  position: absolute;
  left: 340px;
  top: 130px;
  display: none;
}

.expired .tokenValue {
  opacity: 0.5;
  cursor: default;
  margin-top: 2px;
}
.expired .expiryMessage {
  opacity: 0.5;
  cursor: default;
  margin-top: 2px;
}

.savedCardTitle {
  float: left;
  width: 300px;
  height: 90%;
}

.vbvWrapper {
  width: 230px;
  height: 100%;
  margin-left: 485px;
}

.vbvTitleText {
  font-style: italic;
  font-size: 11px;
}

.vbvTitle {
  width: 70px;
  padding-top: 10px;
  height: 50%;
  float: left;
}

.vbvLogo {
  margin-left: 75px;
  height: 100%;
  width: 150px;
}

.vbvvisalogo {
  background: url("https://www.next.co.uk/content/Payments/images/payment/vbyvisa_blu.png");
  -ms-background-size: 80px 40px;
  background-size: 70px 35px;
  background-repeat: no-repeat;
  width: 49%;
  height: 100%;
  float: left;
  overflow: hidden;
}

.vbvmastercardlogo {
  background: url("https://www.next.co.uk/content/Payments/images/payment/mastercard_securecode.gif");
  -ms-background-size: 80px 40px;
  background-size: 80px 40px;
  background-repeat: no-repeat;
  float: left;
  width: 51%;
  height: 100%;
}

.accountSummaryvbvWrapper {
  width: 100%;
  height: 50px;
}

.account-balance-summary-cardpayment {
  float: left;
  width: 300px;
}
.account-balance-summary-cardpayment span.balanceLabel {
  width: 100px;
  display: inline-block;
}

.payment-ajax-loader {
  padding: 5px 5px 5px 5px;
}

.payment-ajax-loader-logo {
  margin-left: -290px;
}

.otherWaysToPay {
  float: left;
  width: 300px;
}

.ie8-account-balance-summary div.img-div {
  width: 40px;
  height: 40px;
  float: left;
  margin-left: -30px;
  margin-top: -4px;
}
.ie8-account-balance-summary div.img-div img {
  max-width: 100%;
  max-height: 100%;
}

.easyPayCloseImage {
  width: 35px;
  height: 35px;
}

#mainCLIDiv {
  font-size: 12px;
  border: 1px solid #c0c0c0;
  margin-bottom: 16px;
  z-index: 0;
  overflow: hidden;
  position: relative;
  height: 100%;
}
#mainCLIDiv p {
  margin-bottom: 0;
}
#mainCLIDiv .displayed {
  display: block;
}
#mainCLIDiv .hidden {
  display: none;
}
#mainCLIDiv .divCLIBanner {
  padding: 8px 16px 16px;
}
#mainCLIDiv .divCLIBanner .leftPartCLIBanner {
  float: left;
  padding-right: 16px;
  margin-top: 4px;
}
#mainCLIDiv .divCLIBanner .leftPartCLIBanner .iconCLI {
  background: url("../images/structural/ap/icons/icn-credit-limit-increase.png") 0 0 no-repeat;
  height: 34px;
  width: 34px;
}
#mainCLIDiv .divCLIBanner .rightPartCLIBanner {
  border-left: 1px solid #c0c0c0;
  margin-left: 50px;
  padding: 8px 0 8px 16px;
}
#mainCLIDiv .divCLIBanner .rightPartCLIBanner .bannerTitle {
  text-transform: uppercase;
  font-weight: bold;
}
#mainCLIDiv .divCLIExpanded.displayed {
  position: absolute;
  background: #fff;
  width: 100%;
  z-index: 100;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  left: -1px;
}
#mainCLIDiv .divCLIExpanded .topSection {
  padding: 0 16px 16px;
}
#mainCLIDiv .divCLIExpanded .topSection .numberInfo {
  padding: 16px 0;
  border-top: 1px solid #c0c0c0;
}
#mainCLIDiv .divCLIExpanded .topSection .numberInfo .boxStyle {
  border: 1px solid #c0c0c0;
  float: left;
  padding: 16px;
  width: 180px;
  text-align: center;
}
#mainCLIDiv .divCLIExpanded .topSection .numberInfo div.notFirst {
  margin-left: 16px;
}
#mainCLIDiv .divCLIExpanded .topSection .numberInfo div.last {
  width: 185px;
  border-color: #000;
}
#mainCLIDiv .divCLIExpanded .offeredOptions {
  margin: 16px 0;
  position: relative;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption {
  padding: 16px;
  border-bottom: 1px dashed #cecece;
  position: relative;
  cursor: pointer;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption input {
  margin-right: 16px;
  float: left;
  cursor: pointer;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption label {
  width: 200px;
  float: left;
  cursor: pointer;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption .infoText {
  margin-left: 230px;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption .firstpart input {
  margin-top: 6px;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption .firstpart label {
  margin-top: 6px;
}
#mainCLIDiv .divCLIExpanded .offeredOptions .offeredOption.selected {
  border-left: 5px solid #4D8958;
  padding-left: 11px;
}
#mainCLIDiv .divCLIExpanded input.nxbtn {
  font-size: 14px;
}
#mainCLIDiv .divCLIExpanded input.nxbtn.primary {
  background-color: #4D8958;
  height: 34px;
}
#mainCLIDiv .divCLIExpanded input.nxbtn.primary.btnApplyChoice {
  margin-bottom: 16px;
}
#mainCLIDiv .UpDownMainDiv {
  background-color: #cecece;
  padding: 16px;
  text-align: center;
  cursor: pointer;
}
#mainCLIDiv .UpDownMainDiv .UpDownText {
  display: inline-block;
}
#mainCLIDiv .UpDownMainDiv .UpDownArrowImg {
  background: url("../images/structural/ap/page/up-down-chevron.png") no-repeat;
  height: 8px;
  width: 16px;
  display: inline-block;
  margin-left: 4px;
}
#mainCLIDiv .UpDownMainDiv .UpDownArrowImg.up {
  background-position: 0 0;
}
#mainCLIDiv .UpDownMainDiv .UpDownArrowImg.down {
  background-position: -16px 0;
}

#mainCLIDiv.expanded {
  overflow: visible;
  z-index: 100;
  margin-bottom: 0;
}

.divThirdPartyOrdFailure {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  text-align: center;
}
.divThirdPartyOrdFailure .line1 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
}
.divThirdPartyOrdFailure .line4 {
  font-weight: bold;
  margin-top: 16px;
}

#ChannelRedirect_Background {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 100000;
}
#ChannelRedirect_Background > #outer {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 10%;
}
#ChannelRedirect_Background > #outer > .ChannelRedirect {
  padding: 40px;
  background-color: white;
  border-radius: 5px;
  margin: auto auto;
  width: 450px;
  height: 200px;
  color: #424242;
}

.ChannelRedirect > .h1_mimic {
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 0.5em;
  font: 236.36% "";
}
.ChannelRedirect > .p_large {
  font-size: 1.3em;
}
.ChannelRedirect > .border_bottom {
  width: 100%;
  border-bottom: 1px dotted #999999;
  margin: 20px 0;
}
.ChannelRedirect > #ChannelRedirect_Cancel {
  text-transform: uppercase;
}

.ctoc .messageBoxNoIcon.ctoc-banner {
  border: 2px solid #e8e8e8;
  border-radius: 5px;
  margin-bottom: 15px;
  color: #111;
  padding-bottom: 0;
  padding-top: 2px;
}
.ctoc .messageBoxNoIcon.ctoc-banner .ctoc-button-group {
  width: 29%;
  display: inline-block;
}
.ctoc .messageBoxNoIcon.ctoc-banner .ctoc-button-group .nxbtn.secondary {
  display: inline-block;
  float: right;
  font-size: 14px;
  width: 160px;
  text-align: center;
}
.ctoc .messageBoxNoIcon.ctoc-banner .ctoc-button-group .pymnt-btn {
  margin-bottom: 20px;
}
.ctoc #mainContent.accountsummary .messageBoxNoIcon.ctoc-banner p {
  width: 70%;
  display: inline-block;
}
.ctoc .messageBoxNoIcon.ctoc-banner.arrears {
  background-color: rgb(254, 247, 238);
  border: 2px solid rgb(203, 178, 149);
}
.ctoc .messageBoxNoIcon.ctoc-banner.arrears .ctoc-button-group {
  height: 140px;
}

.autoSaveOptionWrapper {
  border-top: 1px solid #a3a3a3;
  margin-top: 20px;
}
.autoSaveOptionWrapper .payments-options:last-child {
  border-bottom: 1px solid #a3a3a3 !important;
}
.autoSaveOptionWrapper .autoSaveOptionWrapper p {
  margin-top: 5px !important;
}

.autoSaveOptionWrapperDescription {
  float: left;
  width: 70%;
  height: 100%;
  font-size: 13px;
  margin-top: 10px;
}

.autoSaveOptionWrapperButton {
  float: left;
  width: 28%;
  height: 100%;
}
.autoSaveOptionWrapperButton .autoSaveButton {
  float: right;
  margin-top: 10px;
  font-size: 12px;
  width: 150px;
  text-transform: uppercase;
  background-color: #111;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  line-height: 27px;
  height: 28px;
  cursor: pointer;
}

.commPrefGlowBox {
  top: 16px;
  left: 0;
  height: 88px !important;
  width: 684px !important;
}

.notallowedcursor {
  cursor: not-allowed !important;
}

.addressChange {
  padding-bottom: 19px;
}

.display-inline {
  display: inline;
}

.display-none {
  display: none;
}

.display-list-item {
  display: list-item;
}

.worldpay-payment-frame {
  min-height: 160px;
  border-top: 1px dotted #afafaf;
}

.worldpay-payment-frame-wrapper {
  padding-top: 10px;
  clear: both;
}

.worldpay-card-li.ng-hide-add {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
  opacity: 1;
}

.worldpay-card-li.ng-hide-remove {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
  opacity: 1;
}

.worldpay-card-li.ng-hide {
  opacity: 0;
}

.visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.box4 p {
  line-height: 12px;
}

.last-payment-spacer {
  padding-top: 10px;
}

.last-update-info {
  position: absolute;
  text-transform: unset;
}

.last-update-timestamp {
  padding-top: 10px;
  text-transform: unset;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 4px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-container input:checked ~ .next-radio-btn {
  background-color: white;
  border: solid 2px #000;
}
.radio-container input:checked ~ .next-radio-btn:after {
  display: block;
}
.radio-container .next-radio-btn:after {
  top: 8px;
  left: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: black;
}

.next-radio-btn {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: solid 1px #949494;
  border-radius: 50%;
  background-color: #fff;
}
.next-radio-btn:after {
  content: "";
  position: absolute;
  display: none;
}

.required:before {
  content: "*";
  font-weight: bold;
  color: red;
}

[ng\:cloak] {
  display: none !important;
}

[ng-cloak] {
  display: none !important;
}

[data-ng-cloak] {
  display: none !important;
}

[x-ng-cloak] {
  display: none !important;
}

.ng-cloak {
  display: none !important;
}

.x-ng-cloak {
  display: none !important;
}

.x-next-plat-mod h3 {
  text-transform: none;
  float: none;
  padding: 0;
}
.x-next-plat-mod h2 {
  text-transform: none;
  float: none;
  padding: 0;
}

.uk-auth .filled {
  display: none;
}

.int-auth .filled {
  display: none;
}

.sprite-sheet-paypal-icon {
  display: inline-block;
  vertical-align: top;
  background-image: url(../images/sprite-sheet@1x.png);
  background-repeat: no-repeat;
  background-size: 352px 288px;
  background-position: 0 -192px;
  width: 91px;
  height: 29px;
  float: right;
  margin-right: 10px;
}

.label-spacing {
  margin-bottom: 5px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.showMoreLessContentWrapper .hidden {
  display: none;
}

.showMoreLessTitle {
  font-weight: 600;
  cursor: pointer;
}

.messageBanner.hidden {
  display: none;
}

.applepay-link {
  display: none;
}

#Apple-Pay-Nav.hidden {
  display: none;
}

#Apple-Pay-PaymentOption.payments-options.hidden {
  display: none;
}

.googlepayaccount-link {
  display: none;
}

/* CONVERTED FROM @import url('../../../../APContent/css/VisionReskin/desktop-Vision.css');*/
/*IE8 Fixes*/

input.nxbtn.primary {
  color: #ffffff;
  background: #1a6461;
}

a.nxbtn.primary {
  color: #ffffff;
  background: #1a6461;
}

button.nxbtn.primary.disabled {
  background: #1a6461;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}

input.nxbtn.primary.disabled {
  background: #1a6461;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}

a.nxbtn.primary.disabled {
  background: #1a6461;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}

#mainContent input.submitTokenButton {
  color: #ffffff;
  background: #1a6461;
}
#mainContent .account-menu-footer .button.reskin.small.secondary {
  border-radius: var(--components-button-default-border-radius, 22px);
  border: 1px solid var(--components-button-outlined-secondary-enabled-border-color, #000);
  background-color: var(--components-button-outlined-secondary-enabled-background-color, #FFF);
  width: 96px;
  padding-left: 16px;
  padding-right: 16px;
  height: var(--button-medium-height, 36px);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: unset;
}
#mainContent .account-menu-footer .button.reskin.small.secondary:focus {
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#mainContent .account-menu-footer .button.reskin.small.secondary:hover {
  border-color: var(--components-button-outlined-secondary-hovered-border-color, #333);
  background-color: var(--components-button-outlined-secondary-hovered-background-color, #FFF);
}
#mainContent .account-menu-footer .button.reskin.small.secondary a#btnlogout {
  color: var(--components-button-outlined-secondary-enabled-contrast-text-color, #000);
  font-family: var(--component-button-medium-font-family);
  font-weight: var(--component-button-medium-font-weight);
  font-style: var(--component-button-medium-font-style);
  text-transform: var(--component-button-medium-text-transform);
  text-decoration: var(--component-button-medium-text-decoration);
  font-size: var(--component-button-medium-font-size);
  letter-spacing: var(--component-button-medium-letter-spacing);
  line-height: var(--component-button-medium-line-height);
  font-family: var(--component-button-medium-font-family) !important;
  text-shadow: none;
  display: flex;
  align-content: space-between;
  justify-content: space-evenly;
  flex-direction: column;
  padding: 0;
}
#mainContent .account-menu-footer .button.reskin.small.secondary a#btnlogout:hover {
  color: var(--components-button-outlined-secondary-hovered-contrast-text-color, #333);
}
#mainContent div.box .checkboxes .marketing-opts, #mainContent div.box.icn-password .marketing-opts {
  margin-top: 14px;
  float: left;
  margin-left: 16%;
  margin-bottom: -21px;
}
#mainContent div.box .checkboxes .row.oneline,
#mainContent div.box .checkboxes .checkboxOuter, #mainContent div.box.icn-password .row.oneline,
#mainContent div.box.icn-password .checkboxOuter {
  padding-top: 6px;
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox],
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox], #mainContent div.box.icn-password .row.oneline input[type=checkbox],
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox] {
  background: none;
  display: none;
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox] ~ label,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox] ~ label, #mainContent div.box.icn-password .row.oneline input[type=checkbox] ~ label,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox] ~ label {
  color: var(--text-primary, #000);
  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);
  display: inline-block;
  position: static;
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox] ~ label::before,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox] ~ label::before, #mainContent div.box.icn-password .row.oneline input[type=checkbox] ~ label::before,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox] ~ label::before {
  content: "";
  height: 20px;
  width: 20px;
  display: block;
  border: 1px solid var(--components-checkbox-default-enabled-unselected-border-color, #949494);
  border-radius: var(--action-checkbox-border-radius, 4px);
  background-color: var(--components-checkbox-default-enabled-unselected-background-color, #FFF);
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox] ~ label:hover::before,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox] ~ label:hover::before, #mainContent div.box.icn-password .row.oneline input[type=checkbox] ~ label:hover::before,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox] ~ label:hover::before {
  border: 1px solid var(--components-checkbox-default-hovered-unselected-border-color, #424242);
  border-radius: var(--action-checkbox-border-radius, 4px);
  background-color: var(--components-checkbox-default-hovered-unselected-background-color, #FFF);
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox] ~ label:focus::before,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox] ~ label:focus::before, #mainContent div.box.icn-password .row.oneline input[type=checkbox] ~ label:focus::before,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox] ~ label:focus::before {
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox]:checked ~ label::before,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox]:checked ~ label::before, #mainContent div.box.icn-password .row.oneline input[type=checkbox]:checked ~ label::before,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox]:checked ~ label::before {
  background: var(--icon-check-s-default) no-repeat;
  background-position: center;
  border: 2px solid var(--components-checkbox-default-enabled-selected-border-color, #8E44AD);
  border-radius: var(--action-checkbox-border-radius, 4px);
  background-color: var(--components-checkbox-default-enabled-selected-background-color, #FFF);
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox]:checked ~ label:hover::before,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox]:checked ~ label:hover::before, #mainContent div.box.icn-password .row.oneline input[type=checkbox]:checked ~ label:hover::before,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox]:checked ~ label:hover::before {
  border: 2px solid var(--components-checkbox-default-hovered-selected-border-color, #7F3D9B);
  border-radius: var(--action-checkbox-border-radius, 4px);
  background-color: var(--components-checkbox-default-hovered-selected-background-color, #FFF);
}
#mainContent div.box .checkboxes .row.oneline input[type=checkbox]:checked ~ label:focus::before,
#mainContent div.box .checkboxes .checkboxOuter input[type=checkbox]:checked ~ label:focus::before, #mainContent div.box.icn-password .row.oneline input[type=checkbox]:checked ~ label:focus::before,
#mainContent div.box.icn-password .checkboxOuter input[type=checkbox]:checked ~ label:focus::before {
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#mainContent .checkboxOuter {
  background-image: url(../images/structural/ap/forms/checkbox-teal.png);
  background-position-y: -21px;
  height: 16px;
}
#mainContent .checkboxOuter label {
  padding-top: 1px;
  padding-right: 5px;
}
#mainContent .checkboxOuter.checked {
  background-position-y: 0;
}
#mainContent div.button.primary.small .buttonInner > * {
  background: none;
}
#mainContent div.button.secondary.small .buttonInner > * {
  background: none;
}
#mainContent div.button.primary.medium .buttonInner > * {
  background: none;
}
#mainContent div.button.secondary.medium .buttonInner > * {
  background: none;
}
#mainContent div.button.primary.large .buttonInner > * {
  background: none;
}
#mainContent div.button.secondary.large .buttonInner > * {
  background: none;
}
#mainContent div.button.primary.small.disabled .buttonInner input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.primary.small.disabled .buttonInner a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary.small.disabled .buttonInner input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary.small.disabled .buttonInner a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.primary.medium.disabled .buttonInner input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.primary.medium.disabled .buttonInner a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary.medium.disabled .buttonInner input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary.medium.disabled .buttonInner a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.primary.large.disabled .buttonInner input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.primary.large.disabled .buttonInner a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary.large.disabled .buttonInner input {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary.large.disabled .buttonInner a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
#mainContent div.button.secondary .buttonInner input,
#mainContent div.button.small .buttonInner input,
#mainContent div.button.medium .buttonInner input,
#mainContent div.button.large .buttonInner input {
  border-radius: var(--components-button-default-border-radius, 22px);
  -webkit-border-radius: var(--components-button-default-border-radius, 22px);
  -moz-border-radius: var(--components-button-default-border-radius, 22px);
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  font-family: var(--component-button-medium-font-family);
  font-weight: var(--component-button-medium-font-weight);
  font-style: var(--component-button-medium-font-style);
  text-transform: var(--component-button-medium-text-transform);
  text-decoration: var(--component-button-medium-text-decoration);
  font-size: var(--component-button-medium-font-size);
  letter-spacing: var(--component-button-medium-letter-spacing);
  line-height: var(--component-button-medium-line-height);
  color: var(--components-button-contained-primary-enabled-contrast-text-color, #FFF);
  -webkit-appearance: none;
  outline: none;
}
#mainContent div.button.secondary .buttonInner input:focus,
#mainContent div.button.small .buttonInner input:focus,
#mainContent div.button.medium .buttonInner input:focus,
#mainContent div.button.large .buttonInner input:focus {
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#mainContent div.button.secondary .buttonInner input:hover,
#mainContent div.button.small .buttonInner input:hover,
#mainContent div.button.medium .buttonInner input:hover,
#mainContent div.button.large .buttonInner input:hover {
  border: 1px solid var(--components-button-contained-primary-hovered-border-color, #7F3D9B);
  background-color: var(--components-button-contained-primary-hovered-background-color, #7F3D9B);
}
#mainContent div.button.secondary .buttonInner a,
#mainContent div.button.small .buttonInner a,
#mainContent div.button.medium .buttonInner a,
#mainContent div.button.large .buttonInner a {
  border-radius: var(--components-button-default-border-radius, 22px);
  -webkit-border-radius: var(--components-button-default-border-radius, 22px);
  -moz-border-radius: var(--components-button-default-border-radius, 22px);
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  font-family: var(--component-button-medium-font-family);
  font-weight: var(--component-button-medium-font-weight);
  font-style: var(--component-button-medium-font-style);
  text-transform: var(--component-button-medium-text-transform);
  text-decoration: var(--component-button-medium-text-decoration);
  font-size: var(--component-button-medium-font-size);
  letter-spacing: var(--component-button-medium-letter-spacing);
  line-height: var(--component-button-medium-line-height);
  color: var(--components-button-contained-primary-enabled-contrast-text-color, #FFF);
  min-width: 174px;
  height: 36px;
  text-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  padding: 0;
}
#mainContent div.button.secondary .buttonInner a:focus,
#mainContent div.button.small .buttonInner a:focus,
#mainContent div.button.medium .buttonInner a:focus,
#mainContent div.button.large .buttonInner a:focus {
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
#mainContent div.button.secondary .buttonInner a:hover,
#mainContent div.button.small .buttonInner a:hover,
#mainContent div.button.medium .buttonInner a:hover,
#mainContent div.button.large .buttonInner a:hover {
  border: 1px solid var(--components-button-contained-primary-hovered-border-color, #7F3D9B);
  background-color: var(--components-button-contained-primary-hovered-background-color, #7F3D9B);
}
#mainContent .button.link input {
  color: var(--components-link-primary-enabled-text-color, #7F3D9B);
  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-shadow: none;
  background: none;
  padding: 0;
  margin: 0;
}
#mainContent #addNewCardModel .modalBorderWrapper,
#mainContent #editCardModel .modalBorderWrapper {
  padding: 0;
  background: none;
  border: 1px solid #c7c5c5;
  border-radius: 0;
}
#mainContent #addNewCardModel #AddToken,
#mainContent #editCardModel #AddToken {
  border-radius: 0;
}
#mainContent #addNewCardModel #EditToken,
#mainContent #editCardModel #EditToken {
  border-radius: 0;
}
#mainContent #addNewCardModel .submitTokenButton,
#mainContent #editCardModel .submitTokenButton {
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: none;
  outline: none;
  padding-top: 8px;
  padding-bottom: 8px;
}
#mainContent .form-default form a {
  color: #1a6461;
}
#mainContent .form-default form fieldset .form-row button.submit {
  color: #ffffff;
  background-color: #1a6461;
  background: #1a6461;
}
#mainContent .shop-now-button {
  padding: 10px 40px;
  border-radius: var(--components-button-default-border-radius, 22px);
  -webkit-border-radius: var(--components-button-default-border-radius, 22px);
  -moz-border-radius: var(--components-button-default-border-radius, 22px);
  border: 1px solid var(--components-button-contained-primary-enabled-border-color, #8E44AD);
  background-color: var(--components-button-contained-primary-enabled-background-color, #8E44AD);
  color: var(--components-button-contained-primary-enabled-contrast-text-color);
}

.btn-primary {
  color: #ffffff;
  background: #1a6461;
}

a {
  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);
}
a:focus {
  border-radius: var(--action-checkbox-border-radius, 4px);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}
a:hover {
  color: var(--components-link-primary-hovered-text-color, #7F3D9B);
}

.button a:focus {
  outline: none;
}

input[type=button] {
  -webkit-appearance: none;
}

input[type=submit] {
  -webkit-appearance: none;
}

input[type=reset] {
  -webkit-appearance: none;
}

button {
  -webkit-appearance: none;
}

a.cancelitem {
  color: #1a6461;
  text-decoration: underline;
}

.boxlinks a {
  color: #1a6461;
  text-decoration: underline;
}

p > a {
  color: var(--text-primary, #000);
  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);
}

.PageHeader .HeaderContent .BagSummary .Icon.active {
  color: #1a6461;
}

.findoutmore a {
  color: #1a6461;
  text-decoration: underline;
}

#mainContent.payments .account-balance-summary .fieldtip {
  height: 32px;
  width: 44px;
  margin-top: -10px !important;
}
#mainContent.payments #paymentViewBox .bottom .btnConfirm .buttonInner input {
  background-image: url("../images/structural/ap/buttons/Misc/CardPAyment/pay-now-enabled-teal.png");
}
#mainContent.payments #paymentViewBox .top .left span {
  font-weight: 500 !important;
}

.tplite-sign-in-with-next {
  color: #ffffff;
  margin: 0 0 8px;
  padding: 7px 20px;
  background: #000000;
  font-size: 20px;
  display: none;
}
.tplite-sign-in-with-next .next-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/next-logo-white.svg);
  width: 51px;
  margin: 0 0 0 2px;
  background-repeat: no-repeat;
  background-position: 0;
  display: inline-block;
  color: transparent;
}

#tplite-insert-banner {
  color: #000000;
}

#tplite-insert-banner.hidden {
  display: none;
}

#tplite-insert-banner.login {
  background-color: #ffffff;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.login .bannerBox {
  display: block;
  padding: 20px;
  border: solid 2px #000000;
  text-align: center;
  background-color: #f7f7f7;
}
#tplite-insert-banner.login .bannerBox .loginBannerHeading {
  margin: 0 0 10px 0;
  font-size: 18.2px;
}
#tplite-insert-banner.login .bannerBox .loginBannerText {
  margin: 0;
  font-size: 14px;
  color: #a26100;
}
#tplite-insert-banner.login .bannerBox .loginBannerText a {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-top: 10px;
  display: block;
}
#tplite-insert-banner.login .bannerBox .loginBannerText .asterick {
  color: #a26100;
}
#tplite-insert-banner.login .bannerBox span.la-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/la-logo_v2.png);
  width: 250px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  margin: 1px auto 8px auto;
  line-height: 1;
  color: transparent;
  display: block;
  margin-bottom: 15px;
}
#tplite-insert-banner.login .bannerBox span.aubin-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/aubin-logo_login_desktop.svg);
  width: 66px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  display: inline-block;
  color: transparent;
  line-height: 0.5;
}
#tplite-insert-banner.login .bannerBox span.next-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/next-logo-desktop-prominent.svg);
  width: 64px;
  height: 21px;
  margin: 0px 0 0px 2px;
  background-repeat: no-repeat;
  background-position: 0;
  display: inline-block;
  color: transparent;
}

#tplite-insert-banner.login[data-theme=LauraAshley] {
  background: url("/apcontent/images/totalplatformlite/la-checkout-banner-d-964px.jpg");
  background-repeat: no-repeat;
  min-height: 167px;
  border: 0;
  padding: 24px 28px;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox {
  background-color: transparent !important;
  padding: 37px !important;
  border: none !important;
  font-weight: 400;
  display: block;
  padding: 20px !important;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox .loginBannerText {
  margin: 0;
  font-size: 12px;
  color: #000000;
  display: block;
  justify-items: center;
  padding-top: 0;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox .loginBannerText .asterick {
  color: #000000;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox .loginBannerHeading {
  margin: 0 0 17px 0;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox a {
  font-weight: 700 !important;
  font-size: 12px;
  color: #000000;
  text-decoration-line: underline;
  margin-top: 15px;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox .partnerText {
  font-size: 12px;
}
#tplite-insert-banner.login[data-theme=LauraAshley] .bannerBox .next-logo {
  height: auto;
  font-size: 14.2px;
  float: unset;
  background-position: 0px !important;
  background-position-y: 5px !important;
}

#tplite-insert-banner.accountSummary {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #f7f7f7;
  border: solid 2px #000000;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.accountSummary .bannerBox {
  text-align: center;
}
#tplite-insert-banner.accountSummary .bannerBox .myAccountBannerHeading {
  margin-bottom: 10px;
  font-size: 13px;
  color: #000000;
}
#tplite-insert-banner.accountSummary .bannerBox .myAccountBannerText {
  font-size: 12px;
  color: #a26100;
  margin: 0;
}
#tplite-insert-banner.accountSummary .bannerBox .myAccountBannerText a {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  display: block;
  margin-top: 10px;
}
#tplite-insert-banner.accountSummary .bannerBox .myAccountBannerText .asterick {
  color: #a26100;
}
#tplite-insert-banner.accountSummary .bannerBox span.la-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/la-logo_v2.png);
  width: 250px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  display: block;
  margin: 19px auto 8px auto;
  line-height: 1;
  color: transparent;
}
#tplite-insert-banner.accountSummary .bannerBox span.aubin-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/aubin-logo_login_desktop.svg);
  width: 66px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -khtml-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  display: inline-block;
  line-height: 1;
  color: transparent;
}
#tplite-insert-banner.accountSummary .bannerBox span.next-logo {
  background-image: url(/APContent/Images/TotalPlatformLite/next-logo-desktop-prominent.svg);
  width: 47px;
  height: 21px;
  margin: 0px 0 0px 1px;
  background-repeat: no-repeat;
  background-size: 100% 135%;
  -webkit-background-size: 100% 135%;
  -khtml-background-size: 100% 135%;
  -moz-background-size: 100% 135%;
  display: inline-block;
  line-height: 2.5;
  color: transparent;
}

.login .tpLiteBanner.login[data-theme=DesignerBoutique] .bannerBox {
  padding: 0 !important;
}

#tplite-insert-banner.accountSummary[data-theme=LauraAshley] {
  background-image: url(/APContent/Images/TotalPlatformLite/la-account-banner-d-716px.jpg);
  min-height: 167px;
  border: 0;
  padding: 24px 28px;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox {
  display: block;
  padding: 1px !important;
  background-color: unset;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox span.next-logo {
  margin-left: 6px;
  float: none;
  position: relative;
  top: 9px;
  width: 51px;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox .myAccountBannerText {
  color: #000000;
  justify-items: center;
  padding: 0;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox .myAccountBannerText .asterick {
  color: #000000;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox .myAccountBannerText strong {
  font-weight: 700;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox .myAccountBannerText a {
  font-size: 12px;
  font-weight: 700;
  margin-top: 17px;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.accountSummary[data-theme=LauraAshley] .bannerBox .myAccountBannerHeading {
  margin-bottom: 19px;
  font-size: 12px;
}

#mainContent.addresses div#change-address-steps + div.box.icn-home {
  height: auto;
  border-top: 1px solid #eaeaea;
}
#mainContent.addresses div#change-address-steps + div.box.icn-home h3 {
  padding: 2px;
}
#mainContent.addresses #dialogWindow #dialogWindowShadow {
  display: none;
}
#mainContent.addresses #dialogWindow #dialogWindowContent {
  border-radius: 8px;
  border: 1px solid #949494;
}
#mainContent.addresses #dialogWindow #dialogWindowContent .close {
  background: url(../images/structural/ap/dialog/close_flat.png);
}
#mainContent.addresses #dialogWindow #dialogWindowContent #dialogWindowHeader {
  font-weight: 500;
}
#mainContent.addresses #dialogWindow #dialogWindowBody.center {
  font-size: 14px;
}

#mainContent.DCaddresses .editAddressHeader h2 {
  background-image: url(../images/structural/ap/icons/icn-home-flat.gif);
}

#mainContent.communications #dialogWindow #dialogWindowShadow {
  display: none;
}
#mainContent.communications #dialogWindow #dialogWindowContent {
  border-radius: 8px;
  border: 1px solid #949494;
}
#mainContent.communications #dialogWindow #dialogWindowContent .close {
  background: url(../images/structural/ap/dialog/close_flat.png);
}
#mainContent.communications #dialogWindow #dialogWindowContent #dialogWindowHeader {
  font-weight: 500;
}
#mainContent.communications #dialogWindow #dialogWindowBody.center {
  font-size: 14px;
}

#mainContent.ordertracking .otrack {
  background: none;
}
#mainContent.ordertracking #otracktabs {
  border-bottom: 1px solid #1a6461;
  margin-bottom: 0;
  right: 0;
}
#mainContent.ordertracking #otracktabs li a {
  color: #525252;
}
#mainContent.ordertracking #otracktabs li a#ot-all {
  background-image: url("../images/structural/ap/ordertracking/otab-all-thin.gif");
  text-decoration: none;
}
#mainContent.ordertracking #otracktabs li a#ot-all:hover {
  background-image: url("../images/structural/ap/ordertracking/otab-all-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-all.active {
  background-image: url("../images/structural/ap/ordertracking/otab-all-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-store {
  background-image: url("../images/structural/ap/ordertracking/otab-store-thin.gif");
  text-decoration: none;
}
#mainContent.ordertracking #otracktabs li a#ot-store:hover {
  background-image: url("../images/structural/ap/ordertracking/otab-store-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-store.active {
  background-image: url("../images/structural/ap/ordertracking/otab-store-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-reserved {
  background-image: url("../images/structural/ap/ordertracking/otab-reserved-thin.gif");
  text-decoration: none;
}
#mainContent.ordertracking #otracktabs li a#ot-reserved:hover {
  background-image: url("../images/structural/ap/ordertracking/otab-reserved-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-reserved.active {
  background-image: url("../images/structural/ap/ordertracking/otab-reserved-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-completed {
  background-image: url("../images/structural/ap/ordertracking/otab-completed-thin.gif");
  text-decoration: none;
}
#mainContent.ordertracking #otracktabs li a#ot-completed:hover {
  background-image: url("../images/structural/ap/ordertracking/otab-completed-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-completed.active {
  background-image: url("../images/structural/ap/ordertracking/otab-completed-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-returned {
  background-image: url("../images/structural/ap/ordertracking/otab-returned-thin.gif");
  text-decoration: none;
}
#mainContent.ordertracking #otracktabs li a#ot-returned:hover {
  background-image: url("../images/structural/ap/ordertracking/otab-returned-over-thin.gif");
}
#mainContent.ordertracking #otracktabs li a#ot-returned.active {
  background-image: url("../images/structural/ap/ordertracking/otab-returned-over-thin.gif");
}
#mainContent.ordertracking .itemlist {
  border: none;
  border-bottom: none;
  background: none;
}
#mainContent.ordertracking .itemlist:hover {
  border: none;
}
#mainContent.ordertracking .itemlist ul li.itemlink a.pcode {
  text-decoration: underline;
}
#mainContent.ordertracking .itemlistReserved {
  background: none;
}
#mainContent.ordertracking .itemlistCancelled {
  background: none;
}
#mainContent.ordertracking .itemlistReturned {
  background: none;
}
#mainContent.ordertracking .otable {
  width: 705px;
  border: none;
}
#mainContent.ordertracking .otable span.sort1 {
  padding-right: 28px;
  background-image: url("../images/structural/ap/ordertracking/sort-down-thin.gif");
}
#mainContent.ordertracking .otable span.sort2 {
  padding-right: 28px;
  background-image: url("../images/structural/ap/ordertracking/sort-up-thin.gif");
}
#mainContent.ordertracking .otable th {
  background-color: #f7f7f7;
  background-image: url("../images/structural/ap/ordertracking/thead-thin.gif");
}
#mainContent.ordertracking .otable th.tCol2 {
  background-color: #f7f7f7;
  background-image: url("../images/structural/ap/ordertracking/thead2-thin.gif");
}
#mainContent.ordertracking #getMoreOrdersContainer {
  border-bottom: none;
}
#mainContent.ordertracking td.tCol1 {
  font-weight: normal;
}
#mainContent.ordertracking .delinfo span {
  font-weight: normal;
}
#mainContent.ordertracking #noItemsFound td {
  background-image: url("../images/structural/ap/icons/icn-message-positiveInfo-thin.gif");
}

#mainContent.accountsummary .statement_table .latestStatementLink {
  background-image: url("../images/structural/ap/menu/account-menu-bullet-transparent.png");
}
#mainContent.accountsummary .statement_table .makePaymentLink {
  background-image: url("../images/structural/ap/menu/account-menu-bullet-transparent.png");
}
#mainContent.accountsummary .statement_table .manageStatementsLink {
  background-image: url("../images/structural/ap/menu/account-menu-bullet-transparent.png");
}

#mainContent.accountSummary #statement_table div#drop_down {
  border: none;
}
#mainContent.accountSummary #statement_table div#drop_down .view {
  padding-top: 5px;
}
#mainContent.accountSummary #statement_table div#drop_down #DoView {
  margin-top: 3px;
}
#mainContent.accountSummary #statement_table #HeaderRow {
  border: none;
  border-bottom: 1px solid #cccccc;
}
#mainContent.accountSummary div#contain_waystopay {
  border: none;
}
#mainContent.accountSummary div#contain_manageStatements {
  border: none;
}

#mainContent.CardPayment .cardPaymentBox .row.oneline button {
  background-image: url("../images/structural/ap/buttons/Misc/CardPAyment/pay-now-enabled-teal.png");
}

#mainContent.updatesignin .editSignInButtons .button {
  background-color: #1a6461;
}

#mainContent.internationalcoa .form-short form fieldset .form-row button.submit {
  background: #1a6461;
  background-color: #1a6461;
}

div.ui-dialog.orderTrackingDialog {
  background: #ffffff;
  border: 1px solid #c7c5c5;
  position: fixed;
}
div.ui-dialog.orderTrackingDialog .ui-dialog-buttonset button.accept {
  background: #1a6461;
  color: #ffffff;
  border-radius: 4px;
  border: 1px solid #1a6461;
  outline: none;
  text-transform: uppercase;
}
div.ui-dialog.orderTrackingDialog .ui-dialog-buttonset button.decline {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #222222;
  color: #111111;
  outline: none;
  text-transform: uppercase;
}

.msie8 #mainContent div.box div.checkboxes .row.oneline {
  padding-top: 8px;
}
.msie8 #mainContent div.box div.checkboxes .row.oneline input[type=checkbox] {
  display: inline-block;
}
.msie8 #mainContent div.box div.checkboxes .row.oneline input[type=checkbox] ~ label {
  display: inline;
  padding: 0;
  background: none;
  margin-left: 6px;
  position: absolute;
}

.failure-banner {
  border-left: 2px solid red !important;
  border-radius: 0;
  border: 2px solid #e6e6e6;
  margin-bottom: 0;
  padding: 0;
  color: #222222;
  background-color: #FDF4F5;
}

.security-container {
  padding-top: 8%;
}
.security-container p {
  margin-bottom: 0;
}
.security-container .security-header {
  font-family: var(--global-h3-font-family);
  font-weight: var(--global-h3-font-weight);
  font-style: var(--global-h3-font-style);
  text-transform: var(--global-h3-text-transform);
  text-decoration: var(--global-h3-text-decoration);
  font-size: var(--global-h3-font-size);
  letter-spacing: var(--global-h3-letter-spacing);
  line-height: var(--global-h3-line-height);
  padding-bottom: 8px;
}
.security-container .security-body {
  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);
  padding-bottom: 16px;
  width: 364px;
}
.security-container input {
  border-radius: var(--action-default-border-radius, 22px);
  border: 1px solid var(--action-default-enabled-border-color, #949494);
  background-color: var(--action-default-enabled-background-color, #FFF);
  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: 42px;
  width: 318px;
  padding: 0 33px 0 16px;
  margin-top: 0;
  color: var(--text-primary, #616161);
}
.security-container input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid var(--action-default-selected-border-color, #000);
  background-color: var(--action-default-enabled-background-color, #FFF);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
  color: var(--text-primary, #000);
}
.security-container input::placeholder {
  color: var(--text-secondary, #000);
}
.security-container input:hover {
  border: 1px solid var(--action-default-hovered-border-color, #424242);
  background-color: var(--action-default-hovered-background-color, #FFF);
}
.security-container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-secondary, #616161);
  opacity: 1; /* Firefox */
}
.security-container input:-ms-input-placeholder, .security-container input::-ms-input-placeholder {
  color: var(--text-secondary, #616161);
}
.security-container #Security-validation-message {
  color: var(--brand-error-default-text-color);
  visibility: hidden;
}

/*  **********************************************************************************************
    Used for Accesibility "Skip to main content" below Header
    STYLE From  ...\MVC Website\NextMVC3Primary\CSS\SASS\Desktop\modules\base\_functional.scss
    whish is part of ...\MVC Website\NextMVC3Primary\CSS\SASS\Desktop\base.scss
    ********************************************************************************************** */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.helper, #access {
  /* display:none; hides content from screen readers so... */
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: -500em;
  width: 1px;
}

/*  **********************************************************************************************
    Used for space below Header
    STYLE From  ...NextMVC3Primary\CSS\SASS\Gel-3.0\Desktop\VisionHeader.scss    
    ********************************************************************************************** */
body div#mainContent.MainContent {
  margin-top: 20px;
}

/*  **********************************************************************************************
    STYLE From  ...\mvc website\NextMVC3Primary\CSS\SASS\VisionReskin\_shared.scss
    whish is part of ...\MVC Website\NextMVC3Primary\CSS\SASS\VisionReskin\Desktop\header.scss
    ********************************************************************************************** */
h1, h2, h3, h4, p, div, .text-body, .text-body-xs, label, #page-title {
  letter-spacing: normal;
}

input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=text]:focus {
  outline: none;
}

input:focus {
  outline: none;
}

select:focus {
  outline: none;
}

.messagebox.hidden {
  display: none;
}

.accountTpLiteBanner .bannerBox, .tpLiteBanner .bannerBox, #tplite-insert-banner.login .bannerBox {
  border: 1px solid #000;
  border-radius: 0;
  background-color: #fff;
  display: flex;
  background: #fff;
}
.accountTpLiteBanner .bannerBox .loginBannerText, .tpLiteBanner .bannerBox .loginBannerText, #tplite-insert-banner.login .bannerBox .loginBannerText {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  padding: 19px;
  color: #000;
  text-align: left;
  display: flex;
}
.accountTpLiteBanner .bannerBox .loginBannerText a, .tpLiteBanner .bannerBox .loginBannerText a, #tplite-insert-banner.login .bannerBox .loginBannerText a {
  color: #000;
}
.accountTpLiteBanner .bannerBox .accountTpLiteBanner_HeaderContainer, .tpLiteBanner .bannerBox .accountTpLiteBanner_HeaderContainer, #tplite-insert-banner.login .bannerBox .accountTpLiteBanner_HeaderContainer {
  width: 250px;
  height: auto;
  border-right: 1px solid #000;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer, .tpLiteBanner .accountTpLiteBanner_HeaderContainer, #tplite-insert-banner.login .accountTpLiteBanner_HeaderContainer {
  height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #fff;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer .brandLogo, .tpLiteBanner .accountTpLiteBanner_HeaderContainer .brandLogo, #tplite-insert-banner.login .accountTpLiteBanner_HeaderContainer .brandLogo {
  background-position: center;
  background-size: auto;
  width: 100%;
  height: 20px;
  padding-bottom: 12px;
  padding-top: 16px;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer .poweredByText, .tpLiteBanner .accountTpLiteBanner_HeaderContainer .poweredByText, #tplite-insert-banner.login .accountTpLiteBanner_HeaderContainer .poweredByText {
  font-family: sans-serif;
  font-weight: 500;
  line-height: 1.5;
  font-size: 14px;
  padding-right: 0px;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 11px;
}
.accountTpLiteBanner .next-logo, .accountTpLiteBanner .bannerBox span.next-logo, .tpLiteBanner .next-logo, .tpLiteBanner .bannerBox span.next-logo, #tplite-insert-banner.login .next-logo, #tplite-insert-banner.login .bannerBox span.next-logo {
  background: url("/apcontent/images/totalplatformlite/next-seasons-banner-logo.svg") no-repeat !important;
  object-fit: contain;
  background-position: 1px 0px;
  display: inline-block;
  color: transparent;
  margin-left: 6px !important;
  height: 17px !important;
  float: right;
  margin-top: 2px;
}
.accountTpLiteBanner .tpBannerText, .accountTpLiteBanner .registerBannerText, .tpLiteBanner .tpBannerText, .tpLiteBanner .registerBannerText, #tplite-insert-banner.login .tpBannerText, #tplite-insert-banner.login .registerBannerText {
  background: var(--tpl-account-banner-body-background);
  color: var(--tpl-account-banner-body-color);
  padding: 18px;
  text-align: left;
}
.accountTpLiteBanner .tpBannerText a, .accountTpLiteBanner .registerBannerText a, .tpLiteBanner .tpBannerText a, .tpLiteBanner .registerBannerText a, #tplite-insert-banner.login .tpBannerText a, #tplite-insert-banner.login .registerBannerText a {
  text-decoration: none;
  color: var(--tpl-account-banner-body-link-color);
}

.accountTpLiteBanner .bannerBox, .tpLiteBanner .bannerBox, #tplite-insert-banner.accountSummary .bannerBox {
  padding: 0px;
  border: 1px solid #000;
  border-radius: 0;
  display: flex;
}
.accountTpLiteBanner .bannerBox .myAccountBannerText, .tpLiteBanner .bannerBox .myAccountBannerText, #tplite-insert-banner.accountSummary .bannerBox .myAccountBannerText {
  padding: 16px;
  color: black;
  text-align: left;
}
.accountTpLiteBanner .bannerBox .accountTpLiteBanner_HeaderContainer, .tpLiteBanner .bannerBox .accountTpLiteBanner_HeaderContainer, #tplite-insert-banner.accountSummary .bannerBox .accountTpLiteBanner_HeaderContainer {
  width: 250px;
  height: auto;
  border-right: 1px solid #000;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer, .tpLiteBanner .accountTpLiteBanner_HeaderContainer, #tplite-insert-banner.accountSummary .accountTpLiteBanner_HeaderContainer {
  height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #fff;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer .brandLogo, .tpLiteBanner .accountTpLiteBanner_HeaderContainer .brandLogo, #tplite-insert-banner.accountSummary .accountTpLiteBanner_HeaderContainer .brandLogo {
  background-position: center;
  background-size: auto;
  width: 100%;
  height: 40px;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer [data-theme=DesignerBoutique] .brandLogo, .tpLiteBanner .accountTpLiteBanner_HeaderContainer [data-theme=DesignerBoutique] .brandLogo, #tplite-insert-banner.accountSummary .accountTpLiteBanner_HeaderContainer [data-theme=DesignerBoutique] .brandLogo {
  background: url("/apcontent/images/totalplatformlite/lauraashley.svg") no-repeat;
}
.accountTpLiteBanner .accountTpLiteBanner_HeaderContainer [data-theme=LauraAshley] .brandLogo, .tpLiteBanner .accountTpLiteBanner_HeaderContainer [data-theme=LauraAshley] .brandLogo, #tplite-insert-banner.accountSummary .accountTpLiteBanner_HeaderContainer [data-theme=LauraAshley] .brandLogo {
  background: url("/apcontent/images/totalplatformlite/seasons-logo.svg") no-repeat;
}
.accountTpLiteBanner .next-logo, .tpLiteBanner .next-logo, #tplite-insert-banner.accountSummary .next-logo {
  background: url("/apcontent/images/totalplatformlite/next-seasons-banner-logo.svg") no-repeat !important;
  width: 45px;
  margin: 2px 0 1px 2px;
  object-fit: contain;
  background-position: 1px 0px;
  display: inline-block;
  color: transparent;
}
.accountTpLiteBanner .tpBannerText, .tpLiteBanner .tpBannerText, #tplite-insert-banner.accountSummary .tpBannerText {
  background: var(--tpl-account-banner-body-background);
  color: var(--tpl-account-banner-body-color);
  padding: 18px;
  text-align: left;
}
.accountTpLiteBanner .tpBannerText a, .tpLiteBanner .tpBannerText a, #tplite-insert-banner.accountSummary .tpBannerText a {
  text-decoration: none;
  color: var(--tpl-account-banner-body-link-color);
}

#tplite-insert-banner.accountSummary .bannerBox {
  border: none;
}
#tplite-insert-banner.accountSummary .bannerBox .accountTpLiteBanner_HeaderContainer {
  border: 1px solid #000;
}
#tplite-insert-banner.accountSummary .bannerBox .accountTpLiteBanner_HeaderContainer .poweredByText {
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-family: "Next Display Text" !important;
}
#tplite-insert-banner.accountSummary .bannerBox .accountTpLiteBanner_HeaderContainer .poweredByText .next-logo {
  line-height: 1.8 !important;
  width: 50px;
}

#tplite-insert-banner {
  margin: 10px 0px 11px;
  background-color: #f7f7f7;
  text-align: center;
}
#tplite-insert-banner.register {
  margin: 16px 0;
}
#tplite-insert-banner.register .tpLiteBanner-Inner {
  padding: 0 16px !important;
}
#tplite-insert-banner.register .tpLiteBanner-Inner .registerBannerText {
  text-align: center !important;
  margin: 10px;
}
@media only screen and (min-width: 769px) {
  #tplite-insert-banner.register .tpLiteBanner-Inner {
    padding: 0 16px;
  }
  #tplite-insert-banner.register .tpLiteBanner-Inner .accountTpLiteBanner_HeaderContainer {
    border-right: 1px solid black;
  }
  #tplite-insert-banner.register .tpLiteBanner-Inner .accountTpLiteBanner_HeaderContainer .brandLogo {
    padding-top: 16px;
  }
}
#tplite-insert-banner.register .tpLiteBanner-Inner .accountTpLiteBanner_HeaderContainer .poweredByText {
  padding-top: 12px !important;
  font-size: 14px !important;
}
#tplite-insert-banner .registerBannerHeading {
  margin: 0;
}

.tpLiteBanner[data-theme=DesignerBoutique] .bannerBox .accountTpLiteBanner_HeaderContainer .brandLogo {
  background: url("/apcontent/images/totalplatformlite/seasons-logo.svg") no-repeat;
}

.tpLiteBanner[data-theme=LauraAshley] .bannerBox .accountTpLiteBanner_HeaderContainer .brandLogo {
  background: url("/apcontent/images/totalplatformlite/lauraashley-logo.svg") no-repeat;
}

.failure-header-title {
  border: none;
  border-radius: var(--components-alert-default-border-radius, 0px);
  border-left: 2px solid var(--components-alert-error-default-border-color, #D91440);
  background-color: var(--components-alert-error-default-background-color, #FDF3F5);
  padding: 11px 16px 11px;
  margin-top: 3px;
  margin-bottom: 11px;
}

/*nextunlimited summary*/
#nuContainer .top {
  margin-top: 1em;
  background-color: var(--background-main);
  border-top: 1px solid var(--components-divider-default-border-color);
}
#nuContainer .nuHeader2 {
  font-family: var(--global-h4-font-family);
  font-weight: var(--global-h4-font-weight);
  font-style: var(--global-h4-font-style);
  text-transform: var(--global-h4-text-transform);
  text-decoration: var(--global-h4-text-decoration);
  font-size: var(--global-h4-font-size);
  letter-spacing: var(--global-h4-letter-spacing);
  line-height: var(--global-h4-line-height);
}
#nuContainer #nuTermsLink {
  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);
}
#nuContainer .TermsContainer {
  margin-right: 5px;
}

#mainContent div.nu-summary p:first-child span strong {
  float: none;
  position: static;
}
#mainContent div.nu-summary p {
  margin: 0;
  width: 300px;
}
#mainContent div.nu-summary p span {
  vertical-align: middle;
  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);
}
#mainContent div.nu-summary p span strong {
  float: right;
  position: relative;
  top: 5px;
  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);
}
#mainContent div.nu-summary p .nu-calendar {
  display: inline-block;
  width: 7px;
  height: 30px;
}
#mainContent div.nu-summary p .nu-tickmark {
  display: inline-block;
  width: 40px;
  height: 30px;
  background-image: var(--icon-check-m-success);
  background-repeat: no-repeat;
  background-position: center;
}
#mainContent .nu-manage p {
  margin: 0 !important;
  padding: 8px;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
#mainContent .nu-manage p .nu-button {
  font-family: var(--component-button-medium-font-family);
  font-weight: var(--component-button-medium-font-weight);
  font-style: var(--component-button-medium-font-style);
  text-transform: var(--component-button-medium-text-transform);
  text-decoration: var(--component-button-medium-text-decoration);
  font-size: var(--component-button-medium-font-size);
  letter-spacing: var(--component-button-medium-letter-spacing);
  line-height: var(--component-button-medium-line-height);
  color: var(--components-button-contained-primary-enabled-contrast-text-color);
  background-color: var(--components-button-contained-primary-enabled-background-color);
  border-radius: var(--components-button-default-border-radius);
  border: 1px solid var(--components-button-contained-primary-enabled-border-color);
  padding: 5px;
  width: 15rem;
  margin-top: 15px;
}