body.MenuLeft #pri {
  float: right;
  width: 716px;
  margin-right: 22px;
}

body.MenuLeft #sec {
  float: left;
  width: 210px;
  margin-left: -11px;
  position: relative;
}

body.MenuRight #pri {
  float: left;
  width: 708px;
}

body.MenuRight #sec {
  float: right;
  width: 210px;
}

body.ContentLeftHalf #pri {
  float: left;
  width: 482px;
}

body.ContentLeftHalf #sec {
  float: right;
  width: 482px;
}

body.ContentRightHalf #pri {
  float: right;
  width: 482px;
}

body.ContentRightHalf #sec {
  float: left;
  width: 482px;
}

body.SingleColumnFlexWidth #mainContent {
  width: auto;
}

body.rtl.MenuLeft #pri, body[dir="rtl"].MenuLeft #pri {
  float: left;
  margin-left: 22px;
  margin-right: 0;
}

body.rtl.MenuLeft #sec, body[dir="rtl"].MenuLeft #sec {
  float: right;
  margin-right: -11px;
  margin-left: 0;
}

body.rtl.MenuRight #pri, body[dir="rtl"].MenuRight #pri {
  float: right;
}

body.rtl.MenuRight #sec, body[dir="rtl"].MenuRight #sec {
  float: left;
}

body.rtl.ContentLeftHalf #pri, body[dir="rtl"].ContentLeftHalf #pri {
  float: right;
}

body.rtl.ContentLeftHalf #sec, body[dir="rtl"].ContentLeftHalf #sec {
  float: left;
}

body.rtl.ContentRightHalf #pri, body[dir="rtl"].ContentRightHalf #pri {
  float: left;
}

body.rtl.ContentRightHalf #sec, body[dir="rtl"].ContentRightHalf #sec {
  float: right;
}

body.rtl .summaryBox, body[dir="rtl"] .summaryBox {
  text-align: left;
  float: left;
  margin-left: 68%;
  margin-right: 0;
}

body.rtl .summaryBox span, body[dir="rtl"] .summaryBox span {
  float: right;
}

body.rtl #dialogWindowContent .close, body[dir="rtl"] #dialogWindowContent .close {
  float: left;
}

#ter {
  clear: both;
}

#dialogWindow {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#dialogBlackout {
  background: var(--components-backdrop-default-background-color, rgba(0, 0, 0, 0.5));
  height: 100%;
  width: 100%;
}

#dialogWindowShadow {
  position: absolute;
  z-index: 99;
  background: black;
  border-radius: 13px;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

#dialogWindowContent {
  position: absolute;
  z-index: 100;
  border-radius: var(--components-dialog-default-border-radius, 8px);
  border: 1px solid var(--components-dialog-dialog-header-default-border-color, #EEE);
  background-color: var(--components-dialog-dialog-content-default-background-color, #FFF);
}

#dialogWindowContent .close {
  display: block;
  margin: 10px 10px 0 10px;
  float: right;
  text-indent: -1000em;
  width: 24px;
  height: 24px;
  background-image: var(--icon-cross-m-default);
}

#dialogWindowContent ul.buttons {
  margin: 15px 8px;
  overflow: hidden;
}

#dialogWindowContent ul.buttons li {
  display: inline-block;
  list-style: none;
  margin: 0 7px;
}

#dialogWindowContent ul.buttons li .button.link {
  top: -6px;
  min-width: 0px;
}

#dialogWindowContent ul.buttons li .button.link input {
  min-width: 0px;
}

#dialogWindowContent ul.buttons li .button input {
  min-width: 100px;
}

#dialogWindowContent ul.buttons.buttons.left {
  text-align: left;
}

#dialogWindowContent ul.buttons.buttons.center {
  text-align: center;
}

#dialogWindowContent ul.buttons.buttons.right {
  text-align: right;
}

#dialogWindowHeader {
  color: var(--components-dialog-dialog-header-default-text-color, #000);
  font-family: var(--global-subtitle-2-font-family);
  font-weight: var(--global-subtitle-2-font-weight);
  font-style: var(--global-subtitle-2-font-style);
  text-transform: var(--global-subtitle-2-text-transform);
  text-decoration: var(--global-subtitle-2-text-decoration);
  font-size: var(--global-subtitle-2-font-size);
  letter-spacing: var(--global-subtitle-2-letter-spacing);
  line-height: var(--global-subtitle-2-line-height);
  text-align: center;
  padding: 19px 25px 10px 25px;
}

#dialogWindowHeader.center {
  text-align: center;
}

#dialogWindowHeader.right {
  text-align: right;
}

.pw body {
  margin: 0;
}

.pw #dialogWindowHeader {
  text-align: left;
  padding: 12px 16px;
}

#dialogWindowBody {
  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);
  text-align: center;
  padding: 0 20px;
}

#dialogWindowBody.center {
  text-align: center;
}

#dialogWindowBody.right {
  text-align: right;
}

body #mainContent #close-page-modal-buttons {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 7px;
}

body #mainContent #close-page-modal-buttons .button {
  overflow: unset;
}

body #mainContent #dialogWindow #dialogWindowContent .button.primary .buttonInner input {
  height: 36px;
  width: 121px;
  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-large-font-family);
  font-weight: var(--component-button-large-font-weight);
  font-style: var(--component-button-large-font-style);
  text-transform: var(--component-button-large-text-transform);
  text-decoration: var(--component-button-large-text-decoration);
  font-size: var(--component-button-large-font-size);
  letter-spacing: var(--component-button-large-letter-spacing);
  line-height: var(--component-button-large-line-height);
  color: var(--components-button-contained-primary-enabled-contrast-text-color, #FFF);
  -webkit-appearance: none;
  outline: none;
}

body #mainContent #dialogWindow #dialogWindowContent .button.primary .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;
}

body #mainContent #dialogWindow #dialogWindowContent .button.primary .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);
}

body #mainContent #dialogWindow #dialogWindowContent .button.link {
  top: 0px;
  margin-left: 16px;
  margin-bottom: 10px;
}

body #mainContent #dialogWindow #dialogWindowContent #close-page-modal-buttons .button.link input {
  margin: 10px 0 0 68px;
  color: var(--components-button-unstyled-primary-enabled-contrast-text-color, #8E44AD);
  font-family: var(--component-button-large-font-family);
  font-weight: var(--component-button-large-font-weight);
  font-style: var(--component-button-large-font-style);
  text-transform: var(--component-button-large-text-transform);
  text-decoration: var(--component-button-large-text-decoration);
  font-size: var(--component-button-large-font-size);
  letter-spacing: var(--component-button-large-letter-spacing);
  line-height: var(--component-button-large-line-height);
}

body #mainContent #dialogWindow #dialogWindowContent #close-page-modal-buttons .button.link input:focus {
  color: var(--components-button-unstyled-primary-enabled-contrast-text-color, #8E44AD);
}

body #mainContent #dialogWindow #dialogWindowContent #close-page-modal-buttons .button.link input:hover {
  color: var(--components-button-unstyled-primary-hovered-contrast-text-color, #7F3D9B);
}

body #mainContent {
  /* **********************************************************************************************
        Used for Customer Number and Self Service Number on the Page Header
        STYLE From ...\NextMVC3Primary\CSS\SASS\VisionReskin\Desktop\Modules\_myaccount.scss 
        whish is part of ...\MVC Website\NextMVC3Primary\CSS\SASS\Gel-3.0\Desktop\myaccount-generic.scss
    ********************************************************************************************** */
  /* Override H2 styling with H4 Typography as requested from UX Team */
}

body #mainContent div.box.details h2 {
  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);
}

body #mainContent #nuContainer {
  margin-top: 16px;
}

body #mainContent #faqLink {
  font-family: var(--global-body-3-font-family);
  font-weight: var(--global-body-3-font-weight);
  font-style: var(--global-body-3-font-style);
  text-transform: var(--global-body-3-text-transform);
  text-decoration: var(--global-body-3-text-decoration);
  font-size: var(--global-body-3-font-size);
  letter-spacing: var(--global-body-3-letter-spacing);
  line-height: var(--global-body-3-line-height);
}

body #mainContent #nuAddToBagImg {
  width: 710px;
}

body #mainContent #nuACSummaryThankYou img {
  max-width: 100%;
}

body #mainContent #nuAdd-container img {
  max-width: 100%;
}

body #mainContent .summaryBox {
  border: none;
  font-family: var(--global-body-2-font-family);
  font-weight: var(--global-body-2-font-weight);
  font-style: var(--global-body-2-font-style);
  text-transform: var(--global-body-2-text-transform);
  text-decoration: var(--global-body-2-text-decoration);
  font-size: var(--global-body-2-font-size);
  letter-spacing: var(--global-body-2-letter-spacing);
  line-height: var(--global-body-2-line-height);
  color: var(--text-primary, #000);
  z-index: 1;
  position: absolute;
  padding: 0;
  width: 210px;
  text-align: right;
  float: right;
  margin-left: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body #mainContent .summaryBox span {
  color: var(--text-primary, #000);
  width: 115px;
  float: left;
  text-align: left;
}

body #mainContent .summaryBox span + a {
  color: var(--text-primary, #000);
  text-decoration: none;
}

body #mainContent .SignInContainer .msgBody p {
  margin-bottom: 16px;
}

body #mainContent #HistoricOrderTrackingMessage {
  border: none;
  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);
  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);
}

body #mainContent .messagebox {
  padding: 16px;
  margin-top: 3px;
  margin-bottom: 11px;
}

body #mainContent .messagebox .msgContent msgboxTitle {
  margin-bottom: 10px;
}

body #mainContent .messagebox .msgContent span.msgboxTitle,
body #mainContent .messagebox .msgContent span.msgboxTitle strong {
  font-family: var(--global-subtitle-2-font-family);
  font-weight: var(--global-subtitle-2-font-weight);
  font-style: var(--global-subtitle-2-font-style);
  text-transform: var(--global-subtitle-2-text-transform);
  text-decoration: var(--global-subtitle-2-text-decoration);
  font-size: var(--global-subtitle-2-font-size);
  letter-spacing: var(--global-subtitle-2-letter-spacing);
  line-height: var(--global-subtitle-2-line-height);
}

body #mainContent .messagebox .msgContent .msgBody {
  padding-top: 0;
  margin-top: 0;
  font-family: var(--global-body-1-font-family);
  font-weight: var(--global-body-1-font-weight);
  font-style: var(--global-body-1-font-style);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  font-size: var(--global-body-1-font-size);
  letter-spacing: var(--global-body-1-letter-spacing);
  line-height: var(--global-body-1-line-height);
}

body #mainContent .messagebox .msgContent .msgBody b, body #mainContent .messagebox .msgContent .msgBody strong {
  font-family: var(--global-body-5-font-family);
  font-weight: var(--global-body-5-font-weight);
  font-style: var(--global-body-5-font-style);
  text-transform: var(--global-body-5-text-transform);
  text-decoration: var(--global-body-5-text-decoration);
  font-size: var(--global-body-5-font-size);
  letter-spacing: var(--global-body-5-letter-spacing);
  line-height: var(--global-body-5-line-height);
}

body #mainContent .messagebox .msgContent .msgBody a {
  color: var(--components-alert-info-default-text-color, #000);
  font-family: var(--global-body-5-link-font-family);
  font-weight: var(--global-body-5-link-font-weight);
  font-style: var(--global-body-5-link-font-style);
  text-transform: var(--global-body-5-link-text-transform);
  text-decoration: var(--global-body-5-link-text-decoration);
  font-size: var(--global-body-5-link-font-size);
  letter-spacing: var(--global-body-5-link-letter-spacing);
  line-height: var(--global-body-5-link-line-height);
}

body #mainContent .messagebox .msgContent .msgBody a:focus {
  border-radius: var(--action-checkbox-border-radius, 4px);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}

body #mainContent .messagebox .msgContent .msgBody a:hover {
  color: var(--components-link-primary-hovered-text-color, #7F3D9B);
}

body #mainContent .messagebox .msgContent .msgBody a.stores-link {
  color: var(--components-alert-info-default-text-color, #000);
  font-family: var(--global-body-5-link-font-family);
  font-weight: var(--global-body-5-link-font-weight);
  font-style: var(--global-body-5-link-font-style);
  text-transform: var(--global-body-5-link-text-transform);
  text-decoration: var(--global-body-5-link-text-decoration);
  font-size: var(--global-body-5-link-font-size);
  letter-spacing: var(--global-body-5-link-letter-spacing);
  line-height: var(--global-body-5-link-line-height);
}

body #mainContent .messagebox .msgContent .msgBody a.underline-here-word {
  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);
}

body #mainContent .messagebox .msgContent .msgBody .button.link {
  top: 6px;
}

body #mainContent .messagebox .msgContent .msgBody .button.small.secondary .buttonInner {
  float: right;
}

body #mainContent .messagebox .msgContent ddrm {
  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);
}

body #mainContent .messagebox.Success {
  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);
}

body #mainContent .messagebox.Success .msgContent span.msgboxTitle,
body #mainContent .messagebox.Success .msgContent .msgBody {
  color: var(--components-alert-success-default-text-color, #000);
}

body #mainContent .messagebox.Failure {
  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);
}

body #mainContent .messagebox.Failure .msgContent span.msgboxTitle,
body #mainContent .messagebox.Failure .msgContent .msgBody {
  color: var(--components-alert-error-default-text-color, #000);
}

body #mainContent .messagebox.Advisory {
  border-radius: var(--components-alert-default-border-radius, 0px);
  border-left: 2px solid var(--components-alert-warning-default-border-color, #D88F31);
  background: var(--components-alert-warning-default-background-color, #FDF9F5);
  margin-bottom: 16px;
}

body #mainContent .messagebox.Advisory .msgContent span.msgboxTitle,
body #mainContent .messagebox.Advisory .msgContent .msgBody {
  color: var(--components-alert-warning-default-text-color, #000);
}

body #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);
}

body #mainContent .messagebox.Info .msgContent span.msgboxTitle,
body #mainContent .messagebox.Info .msgContent .msgBody {
  color: var(--components-alert-info-default-text-color, #000);
}

body #mainContent h1.boxclassic,
body #mainContent #pri form[name="ArrangeReturnsForm"] h1,
body #mainContent #pri form h1,
body #mainContent h1.box {
  color: var(--text-primary, #000);
  font-family: var(--global-h1-font-family);
  font-weight: var(--global-h1-font-weight);
  font-style: var(--global-h1-font-style);
  text-transform: var(--global-h1-text-transform);
  text-decoration: var(--global-h1-text-decoration);
  font-size: var(--global-h1-font-size);
  letter-spacing: var(--global-h1-letter-spacing);
  line-height: var(--global-h1-line-height);
  height: 23px;
  padding-bottom: 11px;
  padding-top: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--components-divider-default-border-color);
}

body #mainContent #pri h1.box span {
  position: relative;
  top: 7px;
  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);
}

body #mainContent #pri h1.box span .req {
  top: 0;
  color: var(--brand-error-default-text-color, #D91440);
  font-family: var(--global-body-1-font-family);
  font-weight: var(--global-body-1-font-weight);
  font-style: var(--global-body-1-font-style);
  text-transform: var(--global-body-1-text-transform);
  text-decoration: var(--global-body-1-text-decoration);
  font-size: var(--global-body-1-font-size);
  letter-spacing: var(--global-body-1-letter-spacing);
  line-height: var(--global-body-1-line-height);
}

body #mainContent #faqLink a,
body #mainContent .panel-link {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  align-self: stretch;
  background-color: var(--background-paper, #FFF);
  height: var(--spacing-spacing-11, 44px);
  border-top: 1px solid var(--components-divider-default-border-color, #EEE);
  border-bottom: 1px solid var(--components-divider-default-border-color, #EEE);
  color: var(--text-primary, #000);
  font-family: var(--global-body-3-font-family);
  font-weight: var(--global-body-3-font-weight);
  font-style: var(--global-body-3-font-style);
  text-transform: var(--global-body-3-text-transform);
  text-decoration: var(--global-body-3-text-decoration);
  font-size: var(--global-body-3-font-size);
  letter-spacing: var(--global-body-3-letter-spacing);
  line-height: var(--global-body-3-line-height);
}

body #mainContent #faqLink a span,
body #mainContent .panel-link span {
  padding-left: 20px;
}

body #mainContent #faqLink a .right-arrow,
body #mainContent .panel-link .right-arrow {
  background: var(--icon-chevron-right-m-default) no-repeat;
  background-position: center;
  width: var(--spacing-spacing-6, 24px);
  height: var(--spacing-spacing-6, 24px);
}

body #mainContent #faqLink a:hover,
body #mainContent .panel-link:hover {
  color: var(--components-link-primary-hovered-text-color, #7F3D9B);
}

body #mainContent #faqLink a:focus,
body #mainContent .panel-link:focus {
  border-radius: var(--action-checkbox-border-radius, 4px);
  outline: 2px solid var(--interactive-focus-default-outline-color, #1D89DD);
  outline-offset: 1px;
}

body #mainContent .box.callback {
  margin-top: 0 !important;
  padding: 20px 16px 15px;
  overflow: hidden;
  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);
}

body #mainContent .box.callback span {
  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);
}

body #mainContent .box.callback span b,
body #mainContent .box.callback span strong {
  color: var(--text-primary, #000);
  font-family: var(--global-body-3-font-family);
  font-weight: var(--global-body-3-font-weight);
  font-style: var(--global-body-3-font-style);
  text-transform: var(--global-body-3-text-transform);
  text-decoration: var(--global-body-3-text-decoration);
  font-size: var(--global-body-3-font-size);
  letter-spacing: var(--global-body-3-letter-spacing);
  line-height: var(--global-body-3-line-height);
}

body #mainContent .box.callback .button {
  position: static;
  margin-top: 10px;
  overflow: unset;
}

html:not([lang="en"]) body #mainContent #sec .account-menu > ul > li.multiline {
  white-space: normal;
}

/*# sourceMappingURL=PageCommonInfo.css.map */