/* Minification failed. Returning unminified contents.
(236,21): run-time error CSS1036: Expected expression, found ';'
(237,18): run-time error CSS1036: Expected expression, found ';'
(238,17): run-time error CSS1036: Expected expression, found ';'
(239,13): run-time error CSS1036: Expected expression, found ';'
(240,9): run-time error CSS1036: Expected expression, found ';'
(1091,21): run-time error CSS1036: Expected expression, found ';'
(1092,18): run-time error CSS1036: Expected expression, found ';'
(1093,17): run-time error CSS1036: Expected expression, found ';'
(1094,13): run-time error CSS1036: Expected expression, found ';'
(1095,9): run-time error CSS1036: Expected expression, found ';'
 */
.FontNormal {
  font-family: Montserrat, Arial;
}
.ErrorMessageFont {
  color: white;
  padding: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
}
.FontMedium {
  font-family: Montserrat-Medium, Arial;
}
.FontLight {
  font-family: Montserrat-Light, Arial;
}
.FontBold {
  font-family: Montserrat-Bold, Arial;
}
.FontSerif {
  font-family: Montserrat, Arial;
}
@font-face {
  font-family: Montserrat;
  src: url(/Styles/VI/Font/Montserrat-Regular.ttf);
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Bold;
  src: url(/Styles/VI/Font/Montserrat-Bold.ttf);
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Light;
  src: url(/Styles/VI/Font/Montserrat-Light.ttf);
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Montserrat-Medium;
  src: url(/Styles/VI/Font/Montserrat-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Regular.ttf);
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Bold;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Bold.ttf);
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Light;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Light.ttf);
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Roboto-Medium;
  src: url(/Areas/CheckoutMobile/Styles/font/Roboto-Medium.ttf);
  font-weight: 500;
  font-display: swap;
}
.MultilineParagraph {
  line-height: 1.2;
}
/* Mixins */
.Layout_Phone #CheckoutHeaderPlaceholder {
  min-height: 10.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.Layout_Desktop #CheckoutHeaderPlaceholder,
.Layout_Tablet #CheckoutHeaderPlaceholder {
  min-height: 7rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar {
  position: relative;
  margin-top: 3rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar #RepPhoto,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar #RepPhoto {
  width: 10rem;
  height: 10rem;
  display: none;
  margin-right: 2rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar #RepPhoto img,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar #RepPhoto img {
  width: 100%;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar {
  display: inline-block;
  margin-bottom: 2rem;
  vertical-align: top;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar {
  display: inline-block;
  height: 50%;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo {
  display: inline-block;
  cursor: pointer;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo svg-icon,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo svg-icon {
  width: 22.4rem;
  height: 4.07272727rem;
  color: #231f20;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo svg-icon > svg.double,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo svg-icon > svg.double {
  height: 8.14545455rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar {
  display: inline-table;
  margin-left: 3rem;
  height: 4.07272727rem;
  vertical-align: top;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureLogo,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureLogo {
  display: table-cell;
  vertical-align: middle;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureLogo svg-icon,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureLogo svg-icon {
  width: 3rem;
  height: 3.2rem;
  color: #6a17ad;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureText,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureText {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 1rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureText span,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureText span {
  display: block;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar #WishListLink,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar #WishListLink {
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
  margin-top: 0.3rem;
  width: 6.2rem;
  float: right;
  clear: both;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar #WishListLink:after,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar #WishListLink:after {
  font-size: 1.2rem;
  margin-left: 0.16rem;
  content: "▹";
}
.no-touch .Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar #WishListLink:after:hover,
.no-touch .Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar #WishListLink:after:hover {
  text-decoration: none;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  font-size: 1rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links a,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links a {
  display: block;
  text-transform: uppercase;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links a:after,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links a:after {
  font-size: 1.2rem;
  margin-left: 0.16rem;
  content: "▹";
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links .ContinueShoppingLinik,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .Links .ContinueShoppingLinik {
  color: #7f28c4;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith {
  font-size: 1.4rem;
  height: 50%;
  display: table;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith .RepName,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith .RepName {
  color: #7f28c4;
  font-weight: bold;
  padding-left: .5rem;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith a,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith a,
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith span,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith span {
  display: table-cell;
  vertical-align: bottom;
}
.Layout_Desktop #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar.HasRepImage,
.Layout_Tablet #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar.HasRepImage {
  height: 10rem;
  margin-bottom: 0;
}
.Layout_Desktop #CheckoutHeader .Steps,
.Layout_Tablet #CheckoutHeader .Steps {
  padding-top: 1rem;
  margin: 0 auto;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
}
.Layout_Desktop #CheckoutHeader .Steps li,
.Layout_Tablet #CheckoutHeader .Steps li {
  align-items: center;
  position: relative;
  width: 27rem;
  display: inline-block;
  margin-left: 4rem;
}
.Layout_Desktop #CheckoutHeader .Steps li svg-icon,
.Layout_Tablet #CheckoutHeader .Steps li svg-icon {
  width: 2.7rem;
  height: 2.7rem;
  margin-right: 1rem;
}
.Layout_Desktop #CheckoutHeader .Steps li .NavCircleNumber,
.Layout_Tablet #CheckoutHeader .Steps li .NavCircleNumber,
.Layout_Desktop #CheckoutHeader .Steps li .NavTick,
.Layout_Tablet #CheckoutHeader .Steps li .NavTick {
  position: absolute;
  color: #ffffff;
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  font-style: italic;
  font-weight: 700;
}
.Layout_Desktop #CheckoutHeader .Steps li .NavCircleNumber,
.Layout_Tablet #CheckoutHeader .Steps li .NavCircleNumber {
  left: 1rem;
  top: .6rem;
}
.Layout_Desktop #CheckoutHeader .Steps li .NavTick,
.Layout_Tablet #CheckoutHeader .Steps li .NavTick {
  left: 0.7rem;
  top: 0.4rem;
}
.Layout_Desktop #CheckoutHeader .Steps li .StepText,
.Layout_Tablet #CheckoutHeader .Steps li .StepText {
  font-size: 2rem;
  font-family: Montserrat, Arial;
  font-style: italic;
  color: #cccccc;
  position: relative;
  bottom: 0.5rem;
}
.Layout_Desktop #CheckoutHeader .Steps li .StepText.Active,
.Layout_Tablet #CheckoutHeader .Steps li .StepText.Active {
  color: #546264;
}
.Layout_Desktop #CheckoutHeader .CheckoutHeaderBorder,
.Layout_Tablet #CheckoutHeader .CheckoutHeaderBorder {
  border-top: solid 1px #cccccc;
  max-width: 100%;
}
.Layout_Desktop #CheckoutHeader #HeaderShadow,
.Layout_Tablet #CheckoutHeader #HeaderShadow {
  box-shadow: 0rem 0.5rem 1.5rem -0.3rem rgba(0, 0, 0, 0.4);
  height: 1rem;
  position: relative;
  top: 0.1rem;
}
.Layout_Tablet #CheckoutHeader .Steps {
  padding-left: 0;
}
.Layout_Tablet #CheckoutHeader .Steps li {
  width: auto;
  display: inline-block;
  margin-left: 1rem;
}
.Layout_Tablet #CheckoutHeader .Steps li svg-icon {
  margin-right: 0.8rem;
}
.Layout_Tablet #CheckoutHeader .Steps li .StepText {
  font-size: 1.9rem;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar {
  position: relative;
  margin-top: 1.2rem;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar #RepPhoto {
  width: 8rem;
  height: 8rem;
  display: none;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar #RepPhoto img {
  width: 100%;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar {
  display: inline-block;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar {
  display: inline-block;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo {
  display: block;
  cursor: pointer;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo svg-icon {
  width: 12rem;
  height: 2.18181818rem;
  color: #231f20;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .AvonLogo svg-icon > svg.double {
  height: 4.36363636rem;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar {
  display: inline-block;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureLogo {
  display: inline-block;
  vertical-align: middle;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureLogo svg-icon {
  width: 1.2rem;
  height: 1.2rem;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .LogoSecureBar .SecureBar .SecureText {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  font-size: 1.05rem;
}
.Layout_Phone #CheckoutHeader #RepLogoSecureBar .ShoppingWithLogoSecureBar .ShoppingWith .RepName {
  color: #7f28c4;
  display: block;
  font-weight: bold;
}
.Layout_Phone #CheckoutHeader .Links {
  margin-top: 2.7rem;
}
.Layout_Phone #CheckoutHeader .Links a {
  text-transform: uppercase;
  position: relative;
  font-size: 1.2rem;
  display: inline-block;
}
.Layout_Phone #CheckoutHeader .Links .ContinueShoppingLinik {
  color: #7f28c4;
}
.Layout_Phone #CheckoutHeader .Links .ContinueShoppingLinik svg-icon {
  margin-right: .5rem;
}
.Layout_Phone #CheckoutHeader .Links .HelpLink {
  position: absolute;
  right: 0;
}
.Layout_Phone #CheckoutHeader .Links .HelpLink svg-icon {
  color: #546264;
  margin-left: .5rem;
}
.Layout_Phone #CheckoutHeader .Links svg-icon {
  width: .6rem;
  height: 1.1rem;
}
.Layout_Phone #CheckoutHeader .Steps {
  text-align: center;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 0.8rem 0;
  margin-top: 1.6rem;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.Layout_Phone #CheckoutHeader .Steps li {
  display: table-cell;
}
.Layout_Phone #CheckoutHeader .Steps .StepText {
  font-size: 1.3rem;
  font-family: Montserrat, Arial;
  font-style: italic;
  color: #cccccc;
}
.Layout_Phone #CheckoutHeader .Steps .StepText.Active {
  color: #546264;
}
#FindARep #ChangeRepLeftSection {
  width: 50%;
  padding-right: 3.5rem;
}
.Layout_Phone #FindARep #ChangeRepLeftSection {
  padding-right: 0;
  width: 100%;
}
#FindARep #ChangeRepLeftSection p,
#FindARep #ChangeRepLeftSection li {
  font-family: Montserrat, Arial;
}
#FindARep #ChangeRepLeftSection #NoRepresentativeActions {
  padding: 0.5rem 0;
}
#FindARep #ChangeRepLeftSection #NoRepresentativeActions #NoRepresentativeActionsLeftSide {
  width: auto;
  margin-right: 1rem;
}
#FindARep #ChangeRepLeftSection .AvonFormContainer #FindByLocation {
  padding: 0.5rem 0;
}
#FindARep #ChangeRepLeftSection .AvonFormContainer #FindByLocation.DropDowFarForm {
  width: 100%;
  text-align: center;
}
#FindARep #ChangeRepRightSection {
  margin-left: 9%;
  width: 40%;
}
.Layout_Phone #FindARep #ChangeRepRightSection {
  margin-left: 0;
  width: 100%;
}
#FindARep .LateralPaddingMedium {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
#FindARep .VerticalPaddingSmall {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
#CheckoutLogin {
  margin: 0 auto;
  max-width: none;
}
#CheckoutLogin h1 {
  font-size: 1.9rem;
  font-weight: normal;
  display: block;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 2rem;
}
#CheckoutLogin ul {
  list-style-position: inside;
}
#CheckoutLogin .PanelBackground {
  background-color: #f2f2f2;
}
#CheckoutLogin .LoginFormContainer {
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  border: 1px solid #cccccc;
  margin: 1.5rem;
  max-width: 30%;
}
.Layout_Phone.no-touch #CheckoutLogin .LoginFormContainer:hover,
.Layout_Tablet.no-touch #CheckoutLogin .LoginFormContainer:hover {
  border: 1px solid #7f28c4;
  box-shadow: 0 0 0 0.1rem #7f28c4;
}
#CheckoutLogin .LoginFormContainer.Active {
  border: 1px solid #7f28c4;
  box-shadow: 0 0 0 0.1rem #7f28c4;
  background: linear-gradient(to bottom, #ffffff, #e9e9e9);
}
#CheckoutLogin .LoginFormContainer .SubmitButton {
  text-align: center;
  margin: 0;
}
#CheckoutLogin .LoginFormContainer #CustomerRegisterForm span.FormText,
#CheckoutLogin .LoginFormContainer #GuestRegisterForm span.FormText {
  display: inline-block;
}
.Layout_Phone #CheckoutLogin .LoginFormContainer #CustomerRegisterForm span.FormText,
.Layout_Phone #CheckoutLogin .LoginFormContainer #GuestRegisterForm span.FormText {
  margin-bottom: 2rem;
}
#CheckoutLogin .LoginFormContainer [ng-messages] span {
  margin-bottom: -2rem;
}
#CheckoutLogin .NavDownContainer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
#CheckoutLogin .NavDownContainer svg-icon {
  width: 2.6rem;
  height: 2.6rem;
  margin-left: -1.3rem;
  position: relative;
  left: 50%;
  bottom: 0.9rem;
}
.Layout_Desktop #CheckoutLogin {
  padding: 0 2rem;
}
.Layout_Desktop #CheckoutLogin .ColumnDivider,
.Layout_Tablet #CheckoutLogin .ColumnDivider {
  display: none;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels > *,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels > * {
  display: table-cell;
  width: 31.33333333%;
  padding: 0 1rem 4rem 0;
  position: relative;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels > *:first-child,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels > *:first-child {
  padding-left: 0;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels > *:last-child,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels > *:last-child {
  padding-right: 0;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels > *.ColumnDivider,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels > *.ColumnDivider {
  border: none;
  width: 3%;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels > * .AvonForm,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels > * .AvonForm {
  position: static;
}
.Layout_Desktop #CheckoutLogin #CheckoutLoginPanels > * .SubmitButton,
.Layout_Tablet #CheckoutLogin #CheckoutLoginPanels > * .SubmitButton {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}
.Layout_Tablet #CheckoutLogin .LoginFormContainer {
  margin: 1.0rem;
}
.Layout_Tablet #CheckoutLogin .LoginFormContainer form {
  padding: 1rem;
}
.Layout_Tablet #CheckoutLogin .NavDownContainer svg-icon {
  height: 2rem;
  width: 2rem;
  left: 9.2rem;
}
.Layout_Phone #CheckoutLogin .Button {
  width: 100%;
  padding: 0.8rem;
  font-size: 1.8rem;
}
.Layout_Phone #CheckoutLogin #CustomerRegistrationForm,
.Layout_Phone #CheckoutLogin #GuestRegistrationForm {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 1rem;
}
.Layout_Phone #CheckoutLogin #CustomerRegistrationForm .SubmitButton,
.Layout_Phone #CheckoutLogin #GuestRegistrationForm .SubmitButton {
  text-align: left;
}
.Layout_Phone #CheckoutLogin #CreateAccountButton,
.Layout_Phone #CheckoutLogin #ContinueAsGuestButton {
  width: auto;
}
.Layout_Phone #CheckoutLogin.DisplayGuestRegistrationForm,
.Layout_Phone #CheckoutLogin.DisplayRegistrationForm {
  display: none;
}
.Layout_Phone #CheckoutLogin .LoginFormContainer {
  max-width: 100%;
  margin: 0;
  border: none;
  min-height: 0;
  margin-bottom: 0.5rem;
}
.Layout_Phone #CheckoutLogin .LoginFormContainer h2 {
  font-style: normal;
  font-family: Montserrat, Arial;
  font-size: 1.5rem;
  font-weight: bold;
}
.Layout_Phone #CheckoutLogin #LoginForm {
  background-color: #eaeaea;
  margin-top: 2.8rem;
}
#CheckoutFindARep #FindARep .AlignedCentered .NoRepIntroduction {
  display: none;
}
#RepresentativeDelieryInstructions {
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  width: 24rem;
  vertical-align: top;
  /*margin-top: 3rem;*/
  float: right;
}
.Layout_Phone #RepresentativeDelieryInstructions {
  float: none;
  width: 100%;
}
#RepresentativeDelieryInstructions .SpecialInstructions {
  padding-bottom: 1rem;
}
#RepresentativeDelieryInstructions textarea {
  height: 17.2rem;
  width: 100%;
}
#RepresentativeDelieryInstructions .CharactersRemaining {
  text-align: right;
  color: #999999;
  padding-top: 1rem;
}
#RepresentativeDelieryInstructions .CharactersRemaining .CharactersRemainingText {
  margin-left: 1rem;
}
.Layout_Phone #CartSummary .CartReview {
  padding-bottom: 1rem;
  padding-top: 2rem;
}
.Layout_Phone #CartSummary .CartReview .Icon {
  display: table-cell;
  vertical-align: top;
}
.Layout_Phone #CartSummary .CartReview .Information {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding-left: 1rem;
}
.Layout_Phone #CartSummary .CartReview .Information .Label {
  display: block;
}
.Layout_Phone #CartSummary .CartReview .Information .ButtonLink {
  display: block;
}
.Layout_Phone #CartSummary #DeliveryPanel .PanelTitle {
  font-weight: bold;
  font-style: normal;
  padding-right: 0;
  font-size: 1.6rem;
}
.Layout_Phone #CartSummary #DeliveryPanel .DeliveryPanelContent {
  max-width: none;
  border: none;
  padding-left: 0;
}
.Layout_Phone #CartSummary #DeliveryPanel .DeliveryPanelContent #Border {
  border-left: none;
  padding-left: 0;
}
.Layout_Phone #CartSummary #RepresentativePanel {
  border: 1px solid #cccccc;
  padding: 1rem;
}
.Layout_Phone #CartSummary #RepresentativePanel .PanelTitle {
  padding-left: 0;
  padding-right: 0;
}
.Layout_Phone #CartSummary #RepresentativePanel .PanelContent .RepresentativeCard .InfoSideCard {
  width: 100%;
}
.Layout_Phone #CartSummary #RepresentativePanel .summary-actions .Button {
  width: 100%;
}
.Layout_Phone #CartSummary .DeliveryInstructions #RepresentativeDelieryInstructions {
  width: 100%;
  padding-top: 1rem;
}
.Layout_Phone #CartSummary .DeliveryInstructions #RepresentativeDelieryInstructions textarea {
  max-width: 100%;
  font-weight: normal;
}
.Layout_Phone #CartSummary .Columns_2 .summary-actions {
  padding-left: 0;
  padding-right: 0;
}
.Layout_Phone #CartSummary .Columns_2 .summary-actions .right {
  padding-right: 0;
}
.Layout_Phone #CartSummary .right {
  padding-right: 0;
}
.Layout_Phone #CartSummary .right .Button {
  width: 100%;
}
.Layout_Phone #CartSummary .summary-actions {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.Layout_Phone #CartSummary .summary-actions .Phone .Button {
  width: 100%;
  display: block;
  margin-bottom: 1.5rem;
}
.Layout_Phone #CartSummary .summary-actions .Phone .ButtonLink {
  width: 100%;
  display: block;
  text-align: left;
  margin-top: 1.5rem;
}
.Layout_Phone #CartSummary .summary-actions .Phone .ButtonLink:before {
  content: "◃ ";
}
#CartSummary .CartReview {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom-color: #cccccc;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
#CartSummary .CartReview span.Vertical {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#CartSummary .CartReview .Spacing {
  margin-left: 1rem;
  margin-right: 1rem;
}
#CartSummary .CartReview .Black {
  color: #333333;
  font-weight: 700;
}
#CartSummary .CartReview .Grey {
  color: #999999;
}
#CartSummary .CartReview .SummaryBag {
  width: 3rem;
  height: 2.8rem;
}
#CartSummary .CartReview a.Vertical {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#CartSummary #DeliveryPanel .DeliveryPanelContent {
  font-family: Montserrat, Arial;
  font-size: 1.4rem;
  margin: 1.5rem 0 1.5rem 0;
  position: relative;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  max-width: 30rem;
  border: 0.2rem solid #7f28c4;
  padding: 1.3rem;
}
#CartSummary #DeliveryPanel .DeliveryPanelContent .FullName {
  font-weight: 700;
}
#CartSummary #DeliveryPanel .DeliveryPanelContent .AddressFieldSpaced {
  padding-bottom: 1rem;
}
#CartSummary #DeliveryPanel .DeliveryPanelEditContent .AddressBook {
  width: 38rem;
  padding-bottom: 5rem;
  border-bottom-color: #cccccc;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  position: relative;
}
.Layout_Phone #CartSummary #DeliveryPanel .DeliveryPanelEditContent .AddressBook {
  width: 100%;
}
#CartSummary #DeliveryPanel .DeliveryPanelEditContent .AddressBook select {
  font-family: Montserrat, Arial;
  font-size: 1.4rem;
  width: 100%;
  height: 3.3rem;
  margin: 1.5rem 0;
}
#CartSummary #DeliveryPanel .DeliveryPanelEditContent .AddressBook a {
  float: right;
}
#CartSummary #DeliveryPanel .DeliveryPanelEditContent .FormField {
  padding-bottom: 0.8rem;
}
#CartSummary #DeliveryPanel .DeliveryPanelEditContent .AvonForm {
  padding-left: 0;
}
#CartSummary #DeliveryPanel .DeliveryPanelEditContent .AvonForm div.SubmitButtons {
  padding-left: 15.4rem;
}
.Layout_Phone #CartSummary #DeliveryPanel .DeliveryPanelEditContent .AvonForm div.SubmitButtons {
  padding-left: 0;
}
#CartSummary #DeliveryPanel .PanelContent {
  margin: 1.5rem 0 1.5rem 0;
  position: relative;
}
#CartSummary #DeliveryPanel .PanelTitle {
  padding-left: 0;
  padding-right: 1.2rem;
}
#CartSummary #RepresentativePanel .PanelContent {
  margin: 2.5rem 0 1.5rem 0;
  position: relative;
}
#CartSummary #RepresentativePanel .PanelTitle {
  padding-right: 1.2rem;
}
#CartSummary #Border {
  border-left: solid 0.2rem #cccccc;
  padding-left: 0.8rem;
}
#CartSummary .Button.Success {
  width: 21rem;
  text-align: center;
  font-size: 1.8rem;
  padding-bottom: 0.7rem;
}
#CartSummary #Padding {
  padding-bottom: 1rem;
}
#CartSummary #Bag {
  display: inline-block;
  padding: 0 1rem;
  vertical-align: top;
  width: 70%;
  margin-bottom: 3rem;
  margin-left: 0;
}
#CartSummary #Bag #Cart {
  padding: 0;
  width: 100%;
}
.Layout_Tablet #CartSummary #Bag #Cart .Cart-ProductsHeader {
  font-size: 1.1rem;
}
#CartSummary #Bag #Cart .Cart-ProductsHeader .Cart-ProductName {
  width: 45%;
}
#CartSummary #Bag #Cart .Cart-ProductsHeader .Cart-ProductPrice {
  width: 25%;
}
#CartSummary #Bag #Cart .Cart-ProductsHeader .Cart-Quantity {
  width: 15%;
  position: relative;
  left: 1rem;
  text-align: center;
  white-space: nowrap;
}
#CartSummary #Bag #Cart .Cart-ProductsHeader .Cart-ProductTotalPrice {
  width: 12%;
  position: relative;
  left: 1.2rem;
  text-align: center;
  white-space: nowrap;
}
.Layout_Tablet #CartSummary #Bag #Cart .Cart-ProductsHeader .Cart-ProductTotalPrice {
  width: 14%;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductImage {
  width: 12%;
  margin: 0;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductImage a {
  display: block;
  width: 6rem;
  height: 6rem;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductName {
  font-size: 1.3rem;
  width: 33%;
  padding-left: 1%;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductPrice {
  width: 25%;
  text-align: right;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductPrice .Cart-ProductPriceOld {
  font-size: 1rem;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductPrice .Cart-ProductPriceOld .Cart-OldPrice {
  top: auto;
  right: auto;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductActions {
  font-size: 1.3rem;
  font-weight: normal;
  width: 12%;
  padding-left: 2rem;
}
#CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductTotalPrice {
  width: 15%;
  white-space: nowrap;
}
.Layout_Desktop #CartSummary #Bag #Cart .Cart-Campaigns .Cart-ProductTotalPrice {
  position: relative;
  left: 0.8rem;
}
#CartSummary #Bag #Cart .Cart-Coupon {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#CartSummary #Bag #Cart .Cart-Coupon .Cart-HaveCoupon .CouponInputBox {
  vertical-align: top;
  width: 25%;
}
#CartSummary #Bag #Cart .Cart-Coupon .Cart-HaveCoupon .Cart-CouponPromotionMessage {
  display: inline-block;
  width: 70%;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Coupon {
  width: 21%;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary {
  position: relative;
  float: right;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-SubTotalLabel,
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-SubTotal {
  display: none;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-ShippingLabel {
  font-size: 1.3rem;
  color: #546264;
  display: inline-block;
  text-transform: capitalize;
  width: 80%;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-ShippingPrice {
  font-size: 1.4rem;
  color: #546264;
  display: inline-block;
  font-weight: 400;
  width: 15%;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-TotalLabel {
  font-size: 1.3rem;
  color: #546264;
  display: inline-block;
  width: 80%;
}
#CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-TotalPrice {
  display: inline-block;
  width: 15%;
}
.Layout_Tablet #CartSummary #Bag {
  width: 70%;
}
.Layout_Phone #CartSummary #Bag {
  width: 100%;
  padding: 0;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Campaign {
  border-bottom: solid 0.2rem #999999;
  padding-bottom: 1rem;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product {
  border-bottom: solid 1px #999999;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product .Cart-ProductImage {
  width: 16%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product .Cart-ProductName {
  width: 30%;
  padding-left: 1%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product .Cart-ProductPrice {
  width: 21%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product .Cart-ProductPrice .Cart-ProductPriceOld {
  font-size: 1.3rem;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product .Cart-ProductActions {
  width: 5%;
  padding-left: 1rem;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Campaigns .Cart-Product .Cart-ProductTotalPrice {
  width: 21%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary {
  position: relative;
  float: right;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-SubTotalLabel,
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-SubTotal {
  display: none;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-ShippingLabel {
  width: 65%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-ShippingPrice {
  width: 30%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-TotalLabel {
  width: 65%;
}
.Layout_Phone #CartSummary #Bag #Cart .Cart-Footer .Cart-Summary .Cart-HasShipping .Cart-TotalPrice {
  font-size: 2.4rem;
  width: 30%;
}
#CartSummary .DeliveryInstructions {
  width: 30%;
}
.Layout_Phone #CartSummary .DeliveryInstructions {
  width: 100%;
}
#CartSummary .DeliveryInstructions #RepresentativeDelieryInstructions {
  width: 80%;
}
.Layout_Tablet #CartSummary .DeliveryInstructions #RepresentativeDelieryInstructions {
  width: 90%;
}
#CartSummary .summary-actions {
  margin-top: 2.5rem;
  margin-bottom: 3.5rem;
  padding-top: 2.5rem;
  border-top: dotted 1px black;
}
#CartSummary .summary-actions .right {
  text-align: right;
}
.Layout_Phone #CartSummary .summary-actions .right {
  padding-right: 2rem;
}
#CartSummary .summary-actions .left {
  text-align: left;
}
#CartSummary .summary-actions .left a {
  color: #7f28c4;
  position: relative;
  top: 2.3rem;
}
#CartSummary .summary-actions .left a:before {
  content: "◃ ";
}
.Area_Checkout .AvonForm .FormField input,
.Area_Checkout .AvonForm .FormField textarea {
  min-height: 3.6rem;
  line-height: 3.6rem;
}
.Area_Checkout .AlignedCentered {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: flex;
  -webkit-box-flex: ;
  -moz-box-flex: ;
  -webkit-flex: ;
  -ms-flex: ;
  flex: ;
  align-items: center;
  justify-content: center;
}
.Area_Checkout .AlignedRight {
  text-align: right;
}
.Area_Checkout .BottomSeparator {
  border-bottom: dotted 1px #cccccc;
}
.Area_Checkout .CheckoutBottomPadding {
  padding-left: 1rem;
  padding-right: 1rem;
}
.Area_Checkout .CheckoutBottomPadding .Layout_Desktop {
  padding-bottom: 6rem;
}
.Area_Checkout .Colored {
  color: #7f28c4;
}
.Area_Checkout .TopMarginMedium {
  margin-top: 3rem;
}
.Area_Checkout .TopMarginSmall {
  margin-top: 1.5rem;
}
.Area_Checkout .MarginBottomSmall {
  margin-bottom: 1.5rem;
}
.Area_Checkout .DeliveryPanelFooter {
  background-color: #f7f7f7;
}
.Area_Checkout .LateralPaddingMedium {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
.Area_Checkout .VerticalPaddingSmall {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.Area_Checkout .PanelTitle {
  font-size: 1.8rem;
  font-family: Montserrat, Arial;
  font-style: italic;
  padding-left: 3.5rem;
}
.Area_Checkout .PanelContent {
  margin: 1.5rem 0 1.5rem 0;
}
.Area_Checkout .PhotoSide {
  display: inline-block;
  width: 33%;
  padding-right: 5rem;
  vertical-align: top;
  text-align: center;
}
.Area_Checkout .PhotoSide img {
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  border-radius: 0.5rem;
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
.Area_Checkout .PhotoSide a.Button {
  margin-top: 1.5rem;
}
.Area_Checkout .RepresentativeCard {
  width: 85%;
  margin: auto;
  margin-top: 1rem;
}
.Layout_Phone .Area_Checkout .RepresentativeCard {
  width: 95%;
}
.Area_Checkout .RepresentativeCard .PhotoSide {
  width: 40%;
}
.Area_Checkout .RepresentativeCard .PhotoSide a.MyRepCardMoreInformation {
  color: #7f28c4;
}
#ConfirmationAreaSentYourOrderPanel .Area_Checkout .RepresentativeCard .PhotoSide a.MyRepCardMoreInformation {
  display: none;
}
.Layout_Phone .Area_Checkout .RepresentativeCard .PhotoSide {
  width: 100%;
  padding: 0;
}
.Layout_Phone .Area_Checkout .RepresentativeCard .PhotoSide img {
  text-align: center;
  width: 50%;
}
.Area_Checkout .RepresentativeCard .PhotoSide img {
  margin-bottom: 0;
  position: relative;
  bottom: 1rem;
}
.Area_Checkout .RepresentativeCard .PhotoSide p {
  text-align: center;
}
.Area_Checkout .RepresentativeCard .PhotoSide p a {
  color: #7f28c4;
}
.Area_Checkout .RepresentativeCard .InfoSideCard {
  display: inline-block;
  width: 59%;
}
.Layout_Phone .Area_Checkout .RepresentativeCard .InfoSideCard {
  width: 100%;
}
.Area_Checkout .RepresentativeCard .InfoSideCard a.MyRepCardMoreInformation {
  color: #7f28c4;
}
.Area_Checkout .RepresentativeCard .InfoSideCard h3 {
  font-size: 2.4rem;
  font-family: Montserrat, Arial;
  font-style: italic;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating {
  display: inline-block;
  position: relative;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating .Rating {
  display: inline-block;
}
.Layout_Desktop .Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating:hover #CardRatingHoverDetails {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 1;
  height: auto;
  overflow: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: 1px solid #cccccc;
  border-top: 0.2rem solid #7f28c4;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating #CardRatingHoverDetails {
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  left: -9.5rem;
  top: -1.22rem;
  width: 30rem;
  background-color: white;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating #CardRatingHoverDetails > .Rating {
  display: block;
  text-align: center;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating #CardRatingHoverDetails > .Rating + p {
  margin-left: 9.4rem;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating #CardRatingHoverDetails .DetailedRatings {
  position: relative;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating #CardRatingHoverDetails .DetailedRatings .Rating {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  text-align: center;
  color: #546264;
}
.Area_Checkout .RepresentativeCard .InfoSideCard #CardMyRepHoverableRating #CardRatingHoverDetails .DetailedRatings .Rating + p {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  text-align: left;
  color: #999999;
  margin: 0;
}
.Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons {
  display: none;
}
.Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons .Button {
  margin-right: 2rem;
}
.Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons .Button:last-child {
  margin-right: 0;
}
.Layout_Phone .Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons {
  margin-top: 2rem;
}
.Layout_Phone .Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons .Button {
  margin: auto;
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}
.Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons.Confirmation {
  display: table;
  position: relative;
  bottom: 1.6rem;
}
.Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons.Confirmation .Button {
  color: #546264;
  background-color: #e8e8e8;
  border: none;
}
.Area_Checkout .RepresentativeCard .InfoSideCard .CardButtons.Confirmation .Button:hover {
  background-color: #cccccc;
}
.Area_Checkout.Layout_Phone #CartSummary #RepresentativePanel .RepresentativeCard {
  width: 95%;
}
.Area_Checkout.Layout_Phone #CartSummary #RepresentativePanel .RepresentativeCard .PhotoSide {
  padding-right: 1.5rem;
  width: 33%;
}
.Area_Checkout.Layout_Phone #CartSummary #RepresentativePanel .RepresentativeCard .InfoSideCard {
  width: 65%;
}
.Area_Checkout.Layout_Phone #CartSummary #RepresentativePanel .RepresentativeCard .InfoSideCard h3 {
  font-size: 2rem;
}
#Checkout #Registration .AvonFormContainer .RegistrationTriangle {
  right: 42.3rem;
}
#Checkout #Registration .AvonFormContainer .GuestRegistration {
  right: 11.8rem;
}
#Checkout .CustomerViewHeader {
  text-align: center;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #999999;
}
#Checkout .CustomerViewHeader .Fade {
  color: #546264;
}
/*# sourceMappingURL=/Areas/Checkout/Styles/VI/Checkout.css.map */