﻿

body.fixfixed { position:relative; }
#emptyCart { text-align:center; padding:65px 0; }

.emptyCartLogin {
    margin: 25px auto 0;
    padding: 0 20px 20px;
    background-color: #eee;
    border: 1px solid #ccc;
    float: none;
    display: inline-block;
}

.errorMsg { border:1px solid #CA4B56; font-size: 14px; padding:10px 1.5%; margin:20px 0; }

.errorMsgDiscountCode {
    border: 1px solid #CA4B56;
    font-size: 12px;
    padding: 10px 1.5%;
    margin: 20px 0;
}


.signInContent {
    

}

.signInContent p{
    font-size:20px;
    margin:0px;
    color:#3B5A88;
    padding-bottom: 5px;
}


.grayBtnOrderLinks, a.grayBtnOrderLinks, input.grayBtnOrderLinks{
        color: white;
        border: 1px solid #ddd;
        background: #BDBDBD;
        cursor: pointer;
        padding: 5px 10px;
        display: inline-block;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        font-weight: normal;
        border-radius: 0;
        -webkit-appearance: none;
}


.signInContent .form-group input{
    width:100%;
}

.signInContent .socialLogins{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.blindsDisclaimer{
    font-size:14px;
    padding-top: 10px;
}

#UpdatingTotalMsg { display:none; float:left; }
#UpdatingTotalMsg span { font-size:16px; font-weight:bold; color:#2c509c; }

.red .small { margin-right:3px; }

.MeasuringInstallationBanner {
    background-color: #15305F;
    width: 100%;
    padding: 7px 0;
}

.MeasuringInstallationBanner a {
    /*text-transform:uppercase;*/font-family:'Helvetica W01 Cn', Helvetica, Arial, sans-serif;color:white;display:block;width:100%;text-align:center;/*font-weight:bold;*/
}

/* Cart Header
----------------------------------------------- */


#ttIcon_secureCheckout {
    color: #202020;
    border: 1px solid #202020;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 30px;
}

.cartStepList {      margin: 15px 0 35px;
    padding: 0;
    list-style: none;
    overflow: auto;
    width: 100%;

}
.cartStepList li { 
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    position: relative;

}

.cartStepList .secureCheckout .stepNum {
    display: table-cell;
    background-image: url(/images/icons/lock-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    border-radius: 18px;
    box-sizing: border-box;
    top: 0;
}

.cartStepList li.secureCheckout {
    color: #fff;
    padding-top: 10px;
}

.cartStepList li.grayLine {
    height: 3px;
    background: #dedede;
    width: 18%;
    top: -26px;
}

.cartStepList li.done {
    background-color: #fff;
    color: #555;
}

.cartStepList li .stepNum {
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: relative;
    top: 0px;
}

.cartStepList li .stepNumBg {
    background: #dedede;
    background: linear-gradient(162deg,rgba(222,222,222,1) 0%,rgba(238,238,238,1) 100%);
    border-radius: 18px;
    height: 24px;
    width: 24px;
    margin: 0 auto 5px;
}

.cartStepList li.active .stepNumBg {
    border-radius: 23px;
    background: #294979!important;
}

.cartStepList li .stepText {
    vertical-align: bottom;
    color: #202020;
    font-weight: bold;
}

.shopcartEmail { margin: 5px 15% 4px; text-align:center; }
.shopcartPrintEmail { font-size:smaller;padding:0px 30px 0px 15px;float:right; }

h1 .buttonSet .spanrevieworder {
    display: flex;
}

.goToCheckoutBtn {
    margin: 0;
}

/* Cart Table
----------------------------------------------- */
#mainform {
    position: relative;
}
#cartGrid { margin-top:15px; width:100%; }
#cartGrid a:hover {  /*color:#017bb8; needed to override 3rd party CSS */ }
.singleLineItem { margin-bottom: 25px; }
.cartLineItem { border:1px solid #ccc; border-top-width:1px; overflow:auto; }
.cartLineItemCol { display:inline-block; float:left; }
.lineItemLabel { font-weight: bold; }
.lineItemDetails { border-right:1px solid #ccc; padding:10px; box-sizing:border-box; width: 65%; }
.lineItemDetails .productTitle { font-size:18px; color: black; text-decoration: underline; }
.lineItemDetails .productImage { margin-right:4%; float:left; display:inline-block; width:30%; }
.lineItemColors { overflow:auto; }
.lineItemColors .lineItemSwatch { width:25px; height:25px !important; margin-left:5px; float:right; border:1px solid #ccc; }
.lineItemColor {margin-right: 5px}
.lineItemColor, .lineItemTapeColor { display:inline-block; }
.lineItemFeatureDetails { clear:both; padding-top:20px; }
.lineItemFeatureDetails label { display:inline-block; margin:10px 5px 0 0; }
.unavailableFeatureOption { color: red; font-weight: bold; }
.itemQty { width:50px; }
.featureOptionTypeLabel { font-weight: bold; }

.lineItemPriceBlock { position:relative; padding-bottom:35px; box-sizing:border-box; width: 35%; }
.lineItemWarranty { width:40%; box-sizing:border-box; padding:10px; min-height:120px; }
.lineItemWarrantyName { box-sizing:border-box; padding-right:5px; }
.warrantyPrice { display:inline-block; float:right; text-align:right; }
.lineItemPrice { width:15%; box-sizing:border-box; padding:10px; min-height:120px; }
.lineItemQty { width:15%; box-sizing:border-box; padding: 0 10px 10px; min-height:120px; border-bottom: 1px solid #ccc; }
.lineItemQty .customSelect { min-width:50px; border: 1px #cdcdcd solid; height: auto; }
.lineItemTotals { width:30%; box-sizing:border-box; padding:10px; min-height:120px; color: #355cab; }
.lineItemNotes { clear:both; overflow:auto; margin-top: 10px; }
.lineItemNotes .inputNotes { box-sizing:border-box; }
.serviceLineItem .lineItemNotes .inputNotes { margin-top: 10px; }
.inputNotes label { font-weight: bold; }
.inputNotes input, .inputNotes textarea { box-sizing:border-box; padding:5px; border:1px solid #ccc; margin: 3px 0; }
.lineItemNotes textarea { width: 90%; height: 50px; resize: none; font-family: Arial; }
.roomNameLabel { vertical-align: middle; float: left; margin-top: 5px; }
.lineItemLinks { position: relative; padding: 5px 0px 5px; border-top: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd; box-sizing: border-box;}
.cartItemLinks { margin:0; padding:0; list-style:none; overflow:auto; float:unset; }
.cartItemLinks li { display:inline-block; float:left; margin:0; border-right:1px solid #ccc; }
.cartItemLinks li:last-child { border:none; }
.cartItemLinks li a { padding:0px 10px; }
.ArrivalEstimate .shippingEstimator { width:100%; background-color:transparent; border:none; }
.ArrivalEstimate .title { display:none; }
.cartLineItemPriceTable { width: 95%; margin: auto; }
.cartLineItemPriceTable .cartSummaryItem { padding-left: 0; }
.cartLineItemPriceTable, .cartLineItemPriceTable td { border: 0; border-collapse: collapse; }
.cartLineItemTitle { margin-top: 0; }

.roomNameInputDiv { margin-top: 10px; }
.inputNotes .helpTooltip { margin-right: 6px; }
.shoppingCartTooltip { display:none; font-size:13px; line-height:16px; }
.shoppingCartTooltip p { color:#fff; }

.sidebarCartDiscount { margin-right: 15px; }
.promoBox { display:inline-block; margin-top:5px; color:#355bac; text-align:center; position:relative; width: 100%; }
.promoBoxContent { margin: 10px 0 10px; }
.mainPromoLine { font-size:16px; font-weight:bold; color:#355bac; text-transform:uppercase; margin-bottom:8px; }
.secondaryPromoLine { margin:10px 0; font-size:13px;}
.promoCodeInput { padding:5px 2%; overflow:auto; }
.enterPromoCode { overflow:auto; padding-bottom: 10px; }
/*.promoCodeInput #DiscountCode { width:80%; margin:0; display:inline-block; float:left; padding:5px; box-sizing:border-box; border:1px solid #ccc; color:#707070; height:30px; }*/
#DiscountCode { width: 100%; margin:0; display:inline-block; float:left; padding:5px; box-sizing:border-box; border:1px solid #ccc; color:#707070; height:30px; }
 /*.discountBtn { height:30px; background-color:#355bac; color:#fff; text-transform:uppercase; float:right; display:inline-block; width:100%; box-sizing:border-box; padding:5px; border:1px solid #355bac; border-radius:0; -webkit-appearance:none; text-align:center; text-decoration:none !important; cursor:pointer; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }*/
.promoBox .discountBtn { min-width: 55px; height:30px; background-color:#355bac; color:#fff; text-transform:uppercase; float:right; display:inline-block; box-sizing:border-box; padding:5px; border:1px solid #355bac; border-radius:0; -webkit-appearance:none; text-align:center; text-decoration:none !important; cursor:pointer; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
.discountCodeWrap { overflow:auto; padding:6px 0 3px; text-align:right; background-color:#eee; display: none;}
.discountCodeContent {  padding:7px 0; display:inline-block; box-sizing:border-box; color:#000; width:72%; }
.discountCodeContent.noCode {padding-right: 15px; text-align: center; }
.disabledCode .discountBtn { opacity:0.5; cursor:default; }
.discountCodeActions { display:inline-block; padding-right:0px; position:absolute; right:0; box-sizing:border-box; }
.discountCode { float:right; display:inline-block; padding:5px 30px; font-weight:bold; height:30px; box-sizing:border-box; line-height:20px; border:1px solid #ccc; border-right:none; color:#000; margin-top:-7px; margin-left:15px; }
.discountCodeActions .helpTooltip { position:absolute; right:5px; top:8px; }
.promoBox .or span { color:#355bac; }
.promoBox .errorMsg { text-align:left; padding-left:35px; background-image:url(/images/icons/warning_20.png); background-repeat:no-repeat; background-position:8px 8px; margin-top:10px; }
.cartSidebarDivider {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.errorMsgGreen {
    border-width: 2px;
    border-color: green;
    border-style: double;
    padding-left: 5px;
    padding-right: 5px;
    padding: 5px;
    color: seagreen;
    margin-bottom: 10px;
    background-color: #BEFEC9;
}
.promoToggle { display:none; height:18px; width:100%; background-repeat:no-repeat; background-position:center; }
.promoInputOpen, .promoInputClosed { border-top:1px solid #ccc; }
.promoInputClosed .promoToggle {
        display: block;
        background-image: url(/images/icons/arrow_open.png);
        background-size: 20px 14px;
        padding-left: 6px;
        padding-bottom: 3px;
    }
.promotoggleMore {
    margin-left: -67px;
    font-size: 16px;
}
.promoInputClosed .enterPromoCode { max-height:0; overflow:hidden; padding:0; }
.promoInputOpen .promoToggle {
    display: block;
    background-image: url(/images/icons/arrow_close.png);
    background-size: 20px 14px;
    padding-left: 6px;
    padding-bottom: 3px;
}
.promoInputOpen .enterPromoCode { max-height:200px; overflow:auto; padding-top:10px; }

.checkoutSummary { float:right; display:inline-block; min-width:27%; width:50%; clear:right; text-align:center; }
.checkoutSummary table { border:none; text-align:right; width:100%; }
.checkoutSummary table td { border:inherit; padding:10px; vertical-align:top; }
.checkoutSummary table td:first-child { padding-right:20px; text-align:left; }
.checkoutTotal td { font-weight:bold; color:#355cab; font-size:18px; text-transform:uppercase; }
.hasHelpIcon { position:relative;  }
.hasHelpIcon .helpTooltip { position:absolute; top:12px; right:0; }
#totalsPanel { margin-bottom:10px;}
.totalBeforeTaxes {
    border-top: 1px solid black;
}
.totalBeforeTaxes:not(.noAddress) td:first-child div, .totalAfterTaxes{
    color: #355cab;
    font-weight: bold;
    font-size:18px;
}

.calculateTaxesProvinceDisplay td {
    height: 36.19px;
}
.calculateTaxesDropdown td {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 36.19px;
}
.calculateTaxesDropdown .shipState {
    margin: 0;
    height: auto !important;
    width: auto;
}
.calculateTaxesDropdown .shipState select {
    padding: 0 0 0 5px;
    height: auto;
}

.proceedCheckout { border:1px solid #ccc; background-color:#eee; overflow:auto; clear:right; }
.cartBtns { float:left; display:inline-block; border-right:1px solid #ccc; background-color:#fff; width:45%; box-sizing:border-box; padding: 10px 10px 10px 10px !important; }
.cartBtns a { width:100%; display:block; margin:12px 0; text-align:center; box-sizing:border-box;  }
.checkoutBtn {
    margin-top: 25px;
    padding: 2px 10px 2px 10px !important;
    margin-top: 22px;
}
.continue_ShoppingBtn {
    display: none !important;
}

.continue_saveCartBtn {
    display: none !important;
}


.UseText {
    display: none;
}

.warrantyName {
    font-size: 12px;
}

.paypalImageEn {
    padding-left: 5px;
    height: 16px;
    vertical-align: middle;    
}

.paypalButtonEn {
    width: 194px;
    height: 36px;
    font-size: 12px;
    display:none;
}

.paypalButtonFr {
    width: 232px;
    height: 36px;
    font-size: 12px;
    display:none;
}

.paypalImageFr {
    width: 234px;
}

.paypalCheckoutText{
    color:#2c509c;
    cursor:pointer;
}

.paypalCheckoutBtn {
    padding-top: 10px !important;
}

.cartSummaryHeader {
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 8px;
    margin: 2px 0 8px 10px;
}

.cartSummaryItem {
    font-weight: bold;
}
.totalsTable .cartSummaryItem {
    font-weight: normal;
}
.cartSummaryValue {
    text-align: right;
    padding: 10px 0 10px;
    white-space: nowrap;
}

.lineItemQty .cartSummaryItem, .lineItemQty .cartSummaryValue {
    padding-top: 0;
}

.lineItemQty .cartSummaryValue .customSelect {
    margin-bottom: 0;
}

.productWarningBorder {
    border: none;
}

#shoppingCartDetail .productWarningBorder {
    /*Only show border on shopping cart page*/
    border: 1px solid red;
}

.productWarning {
    display: none;
    color: red;
    padding: 10px;
    font-size: 16px;
}

#shoppingCartDetail .productWarning {
    /*Only show warningon shopping cart page*/
    display: block;
}

/* Need to show some elements differently on the saved cart page */
.savedCartView #cartTotals {
    display: block !important;
}

.savedCartView #cartTotalsItems {
    max-width: 400px;
    float: right;
}

.savedCartView tbody td {
    border: none;
}

/* Checkout 
------------------------------------------------- */
.checkoutMainCol {
    display: inline-block;
    float: left;
    width: 74%;
    border-right: 1px solid #ccc;
}
.checkoutReviewCol { display:inline-block; float:right; width:24.5%; position:relative; }
.checkoutReviewCol .checkoutSummary { width:100%; float:none; }
.checkoutReviewCol .checkoutSummary .subTitle { text-transform:uppercase; text-align:left; }
.checkoutReviewCol #totalsPanel { float:none; border-bottom:1px solid #ccc; }
#cartTotalsItems {
    overflow: hidden;
    width: -moz-available; /* Fix for expanding width on firefox */
}
.checkoutSummary.scrollingSummary, #cartTotalsItems.scrollingSummary { position:absolute; margin-right: 26px; }
/*.scrollingSummary .quickCart { display:none; }*/
.activeArrow { display:none; position:absolute; left:45%; bottom:-22px; z-index:10; height:15px; width:34px; background-repeat:no-repeat; }

.checkoutStep { clear:both; }
.checkoutStep .subTitle { text-transform:uppercase; }
.stepHeader { background:#2c4f9b; border-top-left-radius:20px; border-bottom-left-radius:20px; position:relative; margin-top:30px; }
.stepHeader h2 { color:#fff; text-transform:uppercase; position:relative; font-size:14px; margin:0; }
.stepHeader h2 .stepNum { background:#fff; color:#333; display:inline-block; width:36px; height:36px; font-size:16px; line-height:36px; text-align:center; border-radius:20px; border:2px solid #2c4f9b; position:relative; z-index:5; margin-right:12px; }
.stepHeader h2 .stepArrow { display:inline-block; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:18px solid #fff; position:absolute; left:29px; top:5px; z-index:6; }
.stepContent { padding:15px 2% 15px 1%; box-sizing:border-box; }
.stepContent:after { content:""; display:block; clear:both; visibility:hidden; font-size:0; height:0; }
.stepContent .errorMsg { background-image:url(/images/icons/warning_red_16.svg); background-repeat:no-repeat; background-position:10px 10px; margin:0 0 15px; padding:10px 1.5% 10px 40px; background-size:20px 20px; }
.stepContent .errorMsg ul { padding:0; margin:0; list-style:none; }
.stepContent .errorMsg ul li { padding:0; margin:3px 0; }

.radioGroupTab { display:inline-block; float:left; border:1px solid #ccc; position:relative; /*padding:5px 5px 5px 30px;*/ box-sizing:border-box; text-align:center; text-transform:uppercase; cursor:pointer; }
.radioGroupTab.active { border: none; overflow:visible; }

.radioGroupTab .customRadio { position:absolute; left:8px; top:45%; }
.radioGroupTab .activeArrow {  background-image:url(/images/icons/tabArrow_grey.png); }
.radioGroupTab.active .activeArrow { display:block; }
.radioTabDisplay { clear:both; padding:0; }
.radioTabDisplay .radioTabContent { display:none; border:1px solid #ccc; background-color:#eee; padding:10px 4%; }
.radioTabDisplay .radioTabContent.active { display:block; background-color: #eee;}

.orderDetailsBtn .arrows { display:none; }
.orderDetailsBtnFr .arrows {
    display: none;
}
.OrderDetails .ui-dialog-content { overflow:auto; padding:0; background-color:#eee; max-height:90% !important; }
.OrderDetails #cartGrid { margin-top:0; }
.OrderDetails .cartLineItemCol { width:55%; }
.OrderDetails .cartLineItemCol:first-child { width:45%; }
.OrderDetails .lineItemTotals { width:25%; }
.OrderDetails .lineItemPrice { width:20%; }
.OrderDetails .cartItemSummary {
    display: inline-block;
    max-height: 500px;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
    overflow: auto;
}
.OrderDetails .cartTotalSummary { display:inline-block; float:right;box-sizing:border-box; padding:10px 8px; }
.OrderDetails .cartTotalSummary td { border:none; padding:10px; }
.OrderDetails .cartTotalSummary td:last-child { text-align:right; }
.OrderDetails .cartTotalSummary .checkoutTotal td:first-child { text-align:left !important; }
.OrderDetails .helpTooltip { display:none; }

.discountMsg { border:1px solid #8c8c8c; background-color:#eee; color:#355cab; font-size:12px; padding:10px 1.5%; box-sizing:border-box; display:block; font-size: 14px; }

.paypal-button-containerCheckout {
    max-width: 250px;
    display: none;
}

#paypalButtonContainerMobile {
    max-width: unset;
    margin: 17px 28px 0 10px;
}

/* Shipping Options */
#shippingOptionsPanel .stepHeader { margin-top:0; }
#shippingAddressPanel .stepHeader {margin-top:0; }
.deliveryTimes { font-size:11px; }
.deliveryTimes img { float:left; margin:5px 10px 0 0; }
.shippingOptions { overflow:auto; position:relative; }
.shippingOptions .radioGroupTab { width:48.5%; margin:10px 0 20px 1.5%; }
.shippingOptions .radioGroupTab[data-radiotab=standardShipping] { margin-left:0; margin-right:1.5%; }
.shippingType { display:inline-block; float:right; border:1px solid #ccc; padding:8px 2%; width:62%; height:55px; box-sizing:border-box; }
.shippingType img { width:80px; }
.shippingType .small { text-transform:none; }
.shippingCost { display:inline-block; float:left; padding:10px 2%; width:35%; box-sizing:border-box; }
.shippingOptions .subTitle img { display:none; }

.changedShippingMethod { border:1px solid #ccc; background-color:#fff; transition:background-color 1s ease-out 300ms, border 1s ease-out 300ms; padding:12px 1.5%; margin-bottom:10px; }
.changedShippingMethod.fade { background-color:#ffd; border:1px solid #ff0; }

/* Shipping Address */
#shippingAddressPanel input[type=text], #shippingAddressPanel input[type=password], #shippingAddressPanel input[type=tel] { width:100%; padding:6px; border:1px solid #ccc; box-sizing:border-box; margin-bottom:8px; }
#shippingAddressPanel #addressBookPanel { width:100%; }
#addressBookPanel { position:relative; }
#addressBookPanel .subtitle { text-transform:uppercase; }
.addressOptions { margin-bottom:15px; }
.addressOption { display:inline-block; float:left; width:48.5%; padding:5px; box-sizing:border-box; border:1px solid #ccc; margin:0 0 0 1.5%; text-align:left; text-transform:none; position:relative; }
.addressOption:first-child { margin-left:0; margin-right:1.5%; }
.defaultAddress, .addressBookOption:hover {  border-color:#2b4f9b; }
.defaultAddress .addressSelection label { background-image:url(/images/icons/checkmark_20.png); background-repeat:no-repeat; background-position:right center; padding:5px 24px 5px 0; display:inline-block; }
.addressOption .addressDisplay { padding:10px; background-color:#eee; position:relative; }
.incomplete .addressDisplay { background-color:transparent; }
.addressDisplay .small { display:inline-block; position:absolute; bottom:10px; right:10px; color:#aaa; }
.addressOption .addressActions { padding:10px 10px 5px 10px; position:relative;}
.needDefaultAddress { cursor:default; }
.needDefaultAddress .addressActions { display:none; }
.needDefaultAddress .addressDisplay { text-align:center; }
.needDefaultAddress .addressDisplay label { display:inline-block; margin:20px auto; padding:5px  0 5px 24px; background-image:url(/images/icons/warning_20.png); background-repeat:no-repeat; background-position:left center; color:#D5636A; }
.addressOption .customRadio { position:static; left:auto; top:auto; display:none; }
.addressSelection { float:right; }
.addressBookOption { padding:15px; display:inline-table; cursor:pointer; }
.addressBookOption label { display:table-cell; vertical-align:middle; text-align:center; text-transform:uppercase; color:#2c509c; cursor:pointer;  }
.addressBookOption.active .activeArrow, .defaultAddress .activeArrow { display:block; background-image:url(/images/icons/tabArrow_grey.png); }
.deleteAddressConfirm { display:none; box-sizing:border-box; width:100%; position:absolute; top:0; left:0; background-color:#fff; text-transform:uppercase; padding:10px 10px 6px 10px; font-weight:bold; font-size:13px; }
.deleteActions { float:right; font-weight:normal; margin-left:8px; white-space:nowrap; }

.guestAddress { padding:1.5% 0; }
.newAddressWrap { padding:1.5%; }
.addressBookDisplay, #editAddressDisplay { padding:0; margin:20px 0 5px; background-color:#eee; border:1px solid #ccc; box-sizing:border-box; display:none; }
#editAddressDisplay { position:relative; min-height:40px; }
#editAddressDisplay .twoCol { padding:15px; }
#editAddressDisplay .defaultShipping { display:inline-block; float:right; margin-top:5px; }
.addressBookDisplay .subTitle { text-transform:uppercase; margin-top:5px; padding:10px 1.5%; }
.addressForm .button-group { margin-top:5px; }
#shippingAddressPanel input.zipInput { width:50%; float: right; margin-right: 8px; }
.guestEmail { position:relative; }
#shippingAddressPanel .guestEmail input[type=text],#shippingAddressPanel input[type=email]  { width:100%; }
#shippingAddressPanel input[type=email] {padding:6px; border:1px solid #ccc; box-sizing:border-box; margin-bottom:8px;}
.guestEmail .helpTooltip { position:absolute; right:5px; top:6px; }
#editAddressWrap { margin:10px 0; }
.addressBookDisplay > .button-group, #editAddressDisplay .button-group { padding:12px 1.5%; border-top:1px solid #ccc; background-color:#fff; margin-top:15px; }
#editAddressDisplay .saveBtn { display:none; }
#shippingAddressPanel .editAddressFields { overflow:visible; }

.addressLineItems.showSomeAddresses { padding-bottom:45px !important; max-height:200px; }
.addressLineItems.showSomeAddresses .transOverlay { position:absolute; left:0; width:100%; top:130px; background: url(/images/layout/transOverlay_50_grey.png) repeat-x; height:50px; z-index: 5; }
.addressLineItems.editAddressMode { max-height:10000px !important; padding-bottom:0 !important; }
.editAddressMode .active { padding-left:0; }
.editAddressMode .active .customRadio { display:none; }
.addressLineItems .loadMoreAddresses { width:97%; box-sizing:border-box; text-align:center; position:absolute; top:166px; z-index:6; text-decoration:none !important; }
@-moz-document url-prefix() {
    .addressLineItems .loadMoreAddresses { width:97%; box-sizing:border-box; text-align:center; position:absolute; top:167px; z-index:6; text-decoration:none !important; }
}
.addressLineItems .loadMoreAddresses .less { display:none; }
.addressLineItems.showAllAddresses { max-height:5000px !important; }
.addressLineItems.showAllAddresses .transOverlay { display:none !important; }
.addressLineItems.showAllAddresses .loadMoreAddresses { bottom:0; top:auto; }
.addressLineItems.showAllAddresses .loadMoreAddresses .less { display:block; }
.addressLineItems.showAllAddresses .loadMoreAddresses .more { display:none; }

.guestOrSignup { background-color:#eee; border:1px solid #ccc; box-sizing:border-box; padding:20px 1.5%; margin-top:20px; }
.createAccount, .checkoutAsGuest { position:relative; padding-left:25px; /*overflow:auto;*/ }
.createAccount .helpTooltip { display:none; }
.createAccount.disabled { color:#aaa; }
.createAccount.disabled .helpTooltip { display:inline-block; vertical-align:top; margin-left:5px; }
.guestOrSignup .customRadio { position:absolute; top:5px; left:0; }
.guestOrSignup .customRadioHack { /*position:relative; top:3px; left:0;*/ display:inline-block; z-index:500 }
.guestOrSignup label { text-transform:uppercase; font-weight:bold; }
.createAccount p { margin-top:5px; }
.accountCreationFields { display:none; }
.passField { padding-right:20px; background-repeat:no-repeat; background-position:99% center; background-size:16px 16px; }
.passField.passMatch { background-image:url(/images/icons/passwordPass.png); }
.passField.passDiffer { background-image:url(/images/icons/passwordFail.png); }
/*.checkoutAsGuest { margin-top:15px; }*/
#accountExists { clear:both; padding-right:3%; position:relative; padding-top:14px; }
#accountExists .activeArrow { background-image:url(/images/icons/tabArrow_white.png); top:0; left:68%; bottom:auto; display:inline-block; }
.emailExists { border:1px solid #ccc; padding:15px 3% 15px 36px; background-image:url(/images/icons/warning_20.png); background-repeat:no-repeat; background-position:8px 13px; clear:both; }

.IsAZTax { padding:0 3%; border:1px solid #ccc; margin:20px 0 10px; }
.IsAZTax h3 { margin-bottom:0; }

/* Payment Options */
.paymentOptions .subTitle { margin:15px 0; }
.paymentOptions .subTitle img { display:none; }
.checkoutSummary .subTitle { margin:10px; text-align:right; }
.paymentOptions { position:relative; }
.paymentOptions .radioTabDisplay { margin:0; width:100%; box-sizing:border-box; /*border:1px solid #ccc; border-top: none;*/background-color:#eee; padding: 0 0 20px 0;}
.paymentOptions .radioTabDisplay .radioTabContent { border:none; /*background-color:transparent;*/ }
.paymentOptions .radioGroupTab { /*width:31.3%;*/ margin:10px 1.5% 20px; display:inline-table; min-height:70px; }
.paymentOptions .radioGroupTab:first-child { margin-left:0; }
.paymentOptions .radioGroupTab:nth-child(3n) { margin-right:0; }
.paymentOptions .payOptionImg { display:block; max-width:100%; float:none; vertical-align:middle; /*line-height: 68px;*/ }
.paymentOptions .payOptionImg img { max-height:52px; max-width:90px; display:inline-block; margin-top: 18px}
.paymentOptions .radioLabel { display:table-cell; /*width:40%; padding:10px 2%;*/ box-sizing:border-box; vertical-align:middle; }
.paymentOptions .or span { background-color:#eee; }
.creditCard { width:42%; margin-right:1%; margin-bottom:10px; float:left; display:inline-block; }
.ccNumber { width:100%; background-position:98% center; background-image:url(/images/icons/lock_gray.svg); background-size:13px 13px; background-repeat:no-repeat; border:1px solid #ccc; padding:6px 40px 6px 6px; box-sizing:border-box; }
.cardTypes { display:inline-block; margin:3px 0 0; float:right; list-style:none; padding:0; }
.cardTypes li { display:inline-block; float:left; opacity:0.3; width:35px; height:20px; margin-left:5px; background-repeat:no-repeat; background-size:contain; border:1px solid transparent; }
.cardTypes li.active { opacity:1; border-color:#2b4f9b; }
.cardTypes .Visa { background-image:url(/images/icons/visa_icon.jpg); }
.cardTypes .MasterCard { background-image:url(/images/icons/mastercard_icon.jpg); }
.cardTypes .AmEx { background-image:url(/images/icons/amex_icon.jpg); }
/*.cardTypes .Discover { background-image:url(/images/icons/discover_icon.jpg); }*/
.ccMonth { width:10%; margin:0 1%; float:left; }
.ccSeparator { display:inline-block; float:left; height:30px; width:10px; line-height:30px; font-size:18px; text-align:center; }
.ccYear { width:15%; margin:0 1%; float:left; }
.ccCVV { width:12%; padding:6px; margin-left:1%; border:1px solid #ccc; box-sizing:border-box; float:left; }
#PayPal { overflow:auto; }
.paypalBtnMsg { display:none; }
.seen .paypalBtnMsg { display:block; padding:6px 10px; border:1px solid; margin-top:5px; }
.paypalBtn { cursor:pointer; margin-bottom:10px; float:left; margin-right:10px; }

#BillingSameAsShipping { clear:both; /*padding:15px 3%;*/ position:relative; /*min-height:80px;*/ box-sizing:border-box;}
#BillingSameAsShipping .subTitle { margin:0 0 10px; }
.billingSameAsShipping { font-size:12px; text-transform:none; font-weight:normal; display:inline-block; margin-left:5px; }
.editBillingAddress .ui-dialog-content { padding:15px; box-sizing:border-box; }
.editBillingAddress .addressBookDisplay { background-color:transparent; border:none; margin-top:0; }
.editBillingAddress .addAddress { float:right; font-size:14px; text-decoration:none !important; text-transform:none; }
.editBillingAddress .button-group { margin-top:8px; }
#dialogtemplate #editAddressWrap .defaultShipping { display:none; }
#dialogtemplate .addressLineItems { padding:0 !important; }
#dialogtemplate .addressLineItems.showSomeAddresses {
    max-height: 2000px;
    overflow-y: scroll;
}
#dialogtemplate .addressLineItems.showSomeAddresses .transOverlay, #dialogtemplate .addressLineItems.showSomeAddresses .loadMoreAddresses { display:none !important; }

/* Complete Order */
#termsConditionsPanel .stepContent { position:relative; }
.termsConditions { margin:10px 0; }
.termsConditionsIncomplete {
    border-color: red;
    border-width: 2px;
    border-style: dotted;
    background-color: #ffdfdf !important;
}

.termsConditions .customCheckbox { vertical-align:top; margin-right:5px; }
.termsModal .mainIntBanner, .termsModal .menuSection { display:none; }
.termsModal h1 { margin-bottom:0; }
.cancelationPolicyLink { margin-top:20px; display:inline-block; }
.cancelationPolicyContent { padding:5px 3%; }
.completeOrder { background-color:#eee; padding:10px 15px; }
.completeOrder input { margin-top:5px; }
.completeOrder .checkoutPrice, .completeOrder .linkContainer { display:none; }
.completeOrder .checkoutPriceFr, .completeOrder .linkContainerFr {
        display: none;
    }
#ProcessingMsg.checkoutProcessing {
    float: left;
}
.cordWarning { width:80%; margin-top:15px; }
.cordWarning .warning { color:#ce2029; text-transform:uppercase; font-weight:bold; font-size:17px; padding-left:28px; background:url(/images/icons/warning_20.png) no-repeat left center; margin:10px 0 0; }
.cordWarning img { float:left; margin:15px 10px 10px 0; max-width:55px; }

.quickCart { margin-top:25px; max-height:350px; overflow:hidden; position:relative; }
.quickCart .transOverlay { background:url(/CSS/images/transOverlay.png) repeat-x; height:36px; z-index:5; position:absolute; top:315px; width:100%; left:0; }
.quickCartItem { border:none; clear:both; padding:0 10px 10px 30%; position:relative; margin:0 0px 25px 0; text-align:left; min-height:50px; }
.quickCartItem .productImage { position:absolute; top:0; left:2%; width:24%; }
.quickCartItem .quickCartItemPrice { float:right; }

#ccInfo { padding-top:10px; }
.BMLlogo { float:left; margin-right:10px; }

.orderLinks { padding:0 10px; }
.orderLinks a { margin:5px 0; width:100%; box-sizing:border-box; }

.card_container {
    display: none;
}

#loadingOverlayCardFields {
    height: 54px;
    pointer-events: none;
    justify-content: center;
    display: flex;
}

#loadingOverlayCardFields .loadingIcon {
    position: relative;
    top: 6px;
    left: 9px;
}

/* Order Confirmation
-------------------------------------------------- */
.thankYouPageContent .lineItemPriceBlock { padding-bottom:10px; }
.thankYouPageContent .subTitle { text-transform:uppercase; }
.thankYouPageContent .sendPayment { border:1px solid #ccc; padding:0 1.5%; }
/*#radioGroupTabWrap, #chkCreditCard {display:none;}*/
/*#CallForCC, #creditCardRadio{opacity:0;height: 0px;overflow: hidden;display: block;}*/
.cartInstructions {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding-top: 5px;
    /*width:60%;*/
    /*width:580px;*/
    width: 100%;
}

.cartInstructions h1{
    font-weight: normal !important;
    font-style:normal;
    color:#666;
    font-size:16px;
    text-transform:uppercase;
    padding-bottom:0;
    margin-bottom:0;
    margin-top: 5px;
}
.cartInstructions p{
    color:#ccc;
    padding:0;
    margin:0;
}

.cartInstructions textarea{
    width:100%;
    border:0;
    background:transparent;
    resize:none;
}
.specialinstructions {
    width: 100%;
    margin-top:5px;
    margin-bottom: 20px;
    position:relative;
}

#closeMgrWindow {
    height: 50px;
    width: 150px;
    font-size: 20px;
}

#SatisfactionIcons{
    float:left;
    width:50%;
    /*padding-top:20px;*/
    margin-top:0 !important;
}

#RecentlyViewedContainer.fixedHeight {
    height: 358px;
}

@media screen and (max-width: 1024px) {
    #RecentlyViewedContainer.fixedHeight {
        height: 343px;
    }
}

@media screen and (max-width: 820px) {
    #RecentlyViewedContainer.fixedHeight {
        height: 332px;
    }
}

@media screen and (max-width: 768px) {
    #RecentlyViewedContainer.fixedHeight {
        height: 305px;
    }
}

@media screen and (max-width: 660px) {
    #RecentlyViewedContainer.fixedHeight {
        height: 286px;
    }
}

@media screen and (max-width: 1280px) {
    .checkoutTotal td {
        font-size: 16px;
    }
    .lineItemWarrantyName {
        display: block;
    }
}

@media screen and (min-width:640px)  and (max-width:821px) {

    .cartStepList li .stepNumBg {
        background: #dedede;
        background: linear-gradient(162deg,rgba(222,222,222,1) 0%,rgba(238,238,238,1) 100%);
        border-radius: 18px;
        height: 33px;
        width: 33px;
        margin: 0 auto 5px;
    }

    .cartStepList li.grayLine {
        height: 3px;
        background: #dedede;
        width: 4%;
        top: -35px;
    }
 
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    /*Make french cart button smaller so it fits on one line*/
    .fr .savedCartBtnCartItems > a {
        font-size: 13px;
        padding: 5px 4px;
    }
}

@media screen and (max-width:769px) {

        .signInContent .socialLogins {
            width: 100%;
        }


        .paypalCheckoutText {
            font-size: 13px;
            padding-top: 5PX;
            padding-bottom: 10px;
        }

        #specialInstructionsForm {
            width: 100%;
            clear: both;
            margin-top: 10px;
            padding-top: 10px;
        }

        .specialinstructions {
            width: 100%;
            clear: both;
            margin: 0;
            float: none;
            min-width: 0;
            max-width: 100%;
        }

        .cartStepList li.satisfactionGuarantee {
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

        #SatisfactionIcons {
            width: 100%;
            clear: both;
        }

        .cartStepList li.satisfactionGuarantee .stepNum {
            font-size: 14px;
            font-size: 4vw;
        }
    }

    .flex-viewport {
        height: auto !important;
    }

    /*Always display as grid in review order details panel*/
    .OrderDetails .lineItemDetails {
        display: grid;
        grid-template-columns: 35% 65%;
        grid-template-areas:
            "name name"
            "pic besidePic"
            "features features"
            "roomName roomName"
            "notes notes";
    }

    .OrderDetails .productTitle {
        font-size: 16px;
    }

    .OrderDetails .lineItemFeatureDetails {
        padding-top: 0;
    }

    .OrderDetails .lineItemDetails .productImage {
        width: 90%;
    }

    .cartLineItemTitle {
        grid-area: name;
    }

    .productImageLink {
        grid-area: pic;
    }

    .besideProductImage {
        grid-area: besidePic;
    }

    .roomNameInputDiv {
        grid-area: roomName;
    }

    .lineItemFeatureDetails {
        grid-area: features;
    }

    .lineItemNotes {
        grid-area: notes;
    }

    @media screen and (max-width: 996px) {
        .termsConditions .customCheckbox {
            vertical-align: middle;
            margin-top: 0;
        }

        .customCheckbox .checkbox {
            width: 18px;
            height: 18px;
        }

            .customCheckbox .checkbox.selected .checked {
                width: 12px;
                height: 12px;
            }


        .paypalButtonEn {
            width: 89%;
        }

        .paypalButtonFr {
            width: 89%;
        }

        .paypalImageEn {
            width: 75px;
        }

        .paypalImageFr {
            width: 75px;
        }

        .lineItemDetails .productImage {
            width: 90%;
        }

        .lineItemDetails {
            display: grid;
            grid-template-columns: 35% 65%;
            grid-template-areas:
                "name name"
                "pic besidePic"
                "features features"
                "roomName roomName"
                "notes notes";
        }

        .lineItemColors .lineItemSwatch {
            float: none;
        }

        .lineItemColors {
            display: flex;
            flex-direction: column;
        }

        .widthHeight {
            margin: 0;
        }

        .lineItemMountType {
            margin: 0;
        }

        .roomNameInput {
            width: 175px;
        }

        .OrderDetails {
            width: 98% !important;
            left: 1% !important;
            height: 90% !important;
        }

            .OrderDetails .cartItemSummary {
                max-height: initial;
            }

        .fr discountBtn {
            width: 30%;
        }
    }

    @media screen and (max-width: 769px) {
        .cartStepList {
            margin: 0px 0 15px;
            width: 100%;
            font-size: 14px;
            padding: 0px;
            display: flex;
            justify-content: space-between;
            overflow: visible;
        }

        .h1revieworder {
            padding-bottom: 35px;
        }

        .lineItemDetails {
            border-bottom: 1px solid #ccc;
        }
        /*.lineItemNotes label { display:inline-block; width:75px; }*/
        .lineItemNotes label {
            display: inline-block;
        }

        .lineItemNotes input {
            display: inline-block;
            width: 70%;
        }

        .checkoutSummary {
            width: 38%;
        }

            .checkoutSummary table td:first-child {
                padding-right: 25px;
            }

        .continueShoppingBtn.onlyMobile {
            display: none;
        }

        .proceedCheckout {
            padding-bottom: 10px;
        }

        .checkoutBtn {
            width: 92%;
            box-sizing: border-box;
            margin: 4% 4% 0 4%;
        }

        .cartBtns {
            width: 100%;
            float: none;
            border: none;
        }

            .cartBtns .continueShoppingBtn {
                margin-bottom: 10px;
            }

        .promoBox {
            max-width: 55%;
            float: left;
        }

        /*.promoCodeInput #DiscountCode, .discountCodeContent { width:67%; }*/
        .discountCodeContent {
            width: 67%;
        }

        .promoBox .discountBtn {
            font-size: 15px;
        }

        .completeOrder {
            background-color: transparent;
        }

        .checkoutMainCol {
            display: block;
            float: none;
            width: 100%;
            border-right: none;
        }

        .checkoutReviewCol {
            display: none;
        }

        .termsConditions {
            line-height: 1.6;
        }

        .completeOrderBar {
            width: auto;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #e1e1e1;
            border-top: 2px solid #f88f00;
            z-index: 100000;
            padding: 0;
        }

            .completeOrderBar .btnContainer {
                width: 45%;
                box-sizing: border-box;
                padding: 5px 10px 10px;
                display: inline-block;
                float: left;
                text-align: right;
                border-left: 1px solid #ccc;
            }

            .completeOrderBar .btnContainerFr {
                width: 45%;
                box-sizing: border-box;
                padding: 5px 10px 10px;
                display: inline-block;
                float: left;
                text-align: right;
                border-left: 1px solid #ccc;
            }

        .completeOrder .linkContainer .orderDetailsBtn {
            margin-right: 5px;
        }

        .completeOrder .linkContainerFr .orderDetailsBtnFr {
            margin-right: 5px;
        }

        .completeOrder .checkoutPrice {
            display: inline-block;
            float: left;
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            line-height: 1.2;
        }

        .completeOrder .checkoutPriceFr {
            display: inline-block;
            float: left;
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            line-height: 1.2;
        }

        .checkoutPrice label {
            font-size: 11px;
            font-weight: normal;
        }

        .checkoutPriceFr label {
            font-size: 11px;
            font-weight: normal;
        }

        .completeOrder .linkContainer {
            display: inline-block;
            float: left;
            width: 55%;
            box-sizing: border-box;
            padding: 10px;
        }

        .completeOrder .linkContainerFr {
            display: inline-block;
            float: left;
            width: 55%;
            box-sizing: border-box;
            padding: 10px;
        }

        .paypalAction {
            max-width: 70%;
        }

        .paypalBtn {
            float: none;
            margin: 5px 0 0 0;
        }

        .guestEmail .helpTooltip {
            right: 15px;
        }

        .addressLineItems .loadMoreAddresses {
            top: 166px;
        }

        .ccMonth, .ccYear {
            height: 33px;
        }

            .ccMonth select, .ccYear select {
                height: 32px;
            }

        .ccSeparator {
            height: 33px;
            line-height: 33px;
        }
    }



    @media screen and (max-width: 639px) {
        .CheckoutStreamline.Signin .cartStepList {
            display: none;
        }
        .CheckoutStreamline.Signin .pageContent {
            padding: 0px 2%;
        }
        .CheckoutStreamline.Signin .pageFlipFrame {
            margin-top: 0;
        }
        .CheckoutStreamline.Signin .loginBoxContent {
            padding: 0px 4% 15px 4%;
        }
        .cartLineItemCol {
            float: none;
            width: 100% !important;
            display: block;
        }

        .lineItemPriceBlock {
            padding-bottom: 0;
        }

        .lineItemNotes .inputNotes {
            clear: both;
            width: 100%;
        }

        .promoBox {
            float: none;
        }

        h1 .buttonSet .orangeBtn {
            display: none;
        }

        .cartStepList li {
            width: 20%;
            border-right: 2px solid #fff;
            box-sizing: border-box;
        }

            .cartStepList li .stepText {
                display: none;
            }

            .cartStepList li .stepNum, .cartStepList .secureCheckout .stepNum {
                background-color: #EB8A2A;
                color: #fff;
                border-radius: initial;
            }

            .cartStepList li.active .stepNum, .cartStepList li.active .stepText {
                background: #fff;
                color: #EB8A2A;
                display: table-cell;
                vertical-align: middle;
            }

            .cartStepList li.active {
                width: 40%;
            }

        .checkoutSummary {
            width: 45%;
        }

        .proceedCheckout {
            border: none;
            background-color: transparent;
        }

        .radioGroupTab {
            margin: 5px;
        }

            .radioGroupTab .customRadio {
                display: none;
            }

        .addressOption {
            float: none;
            width: 100%;
            margin: 5px 0;
        }

        .shippingType {
            display: none;
        }

        .shippingCost {
            width: 100%;
        }

        .shippingNote {
            max-height: 1000px;
            transition: max-height 0.3s linear;
            font-size: 14px;
        }

            .shippingNote .subTitle {
                border-bottom: 1px solid #ccc;
                padding: 10px 0;
                margin-top: 0;
                position: relative;
            }

                .shippingNote .subTitle img {
                    position: absolute;
                    right: 0;
                    display: inline-block;
                    width: 85px;
                }

        .paymentOptions .radioLabel {
            text-align: left;
        }

        .radioTabDisplay {
            padding: 0;
            margin: 11px 0 15px;
        }

        .addressOptions {
            margin: 0;
        }

        .deleteAddressConfirm {
            top: auto;
            bottom: 5px;
        }

        .addressBookDisplay {
            margin: 0;
            padding: 0;
            background-color: transparent;
            border: none;
        }

        #addressBookPanel .addAddress {
            display: block;
            width: 100%;
            float: none;
            margin: 0 0 10px;
            text-transform: uppercase;
            position: relative;
            border: 1px solid #ddd;
            background: #efefef;
            background: -moz-linear-gradient(top, #efefef 0%, #dedede 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dedede));
            background: -webkit-linear-gradient(top, #efefef 0%,#dedede 100%);
            background: -o-linear-gradient(top, #efefef 0%,#dedede 100%);
            background: -ms-linear-gradient(top, #efefef 0%,#dedede 100%);
            background: linear-gradient(to bottom, #efefef 0%,#dedede 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dedede',GradientType=0 );
        }

            #addressBookPanel .addAddress .addNew {
                display: inline;
            }

        .disabledBtn .activeArrow {
            display: inline-block;
            background-image: url(/images/icons/tabArrow_white.png);
        }

        .addressBookDisplay > .button-group {
            display: none !important;
        }

        .addressBookDisplay .addressItemActions {
            display: none;
        }

        #editAddressDisplay .button-group {
            padding: 12px 3%;
        }

        .addressBookDisplay .subTitle, .addressBookOption .subTitle {
            display: none;
        }

        .newAddressWrap {
            padding: 10px 3%;
        }

        #editAddressDisplay {
            margin-top: 0;
            margin-bottom: 20px;
            background-color: transparent;
        }

        .paymentOptions .radioTabDisplay {
            margin: 0px 0;
            padding: 0 0 15px 0;
        }

        .addressOption {
            position: relative;
            border: none;
            border-bottom: 1px solid #ccc;
            margin-bottom: 20px;
        }

            .addressOption.active {
                border-color: #ccc;
            }

            .addressOption.defaultAddress {
                border: 1px solid #ccc;
                padding-bottom: 15px;
                margin-top: 0;
                margin-right: 0;
                background-color: #fff;
                transition: background-color 0.5s ease-out 300ms;
            }

        .addressBookOption {
            background: linear-gradient(to bottom, #efefef 0%, #dedede 100%);
            border: 1px solid #ddd;
        }

        .addressBookOption:hover {
            border-color: #ddd;
        }

        .defaultAddress.fade {
            background-color: #e9e9e9;
            transition: none;
        }

        .defaultAddress .activeArrow {
            background-image: url(/images/icons/tabArrow_white.png);
        }

        .addressOption.needDefaultAddress {
            border: 1px solid #ccc;
        }

        .defaultAddress .subtitle, .needDefaultAddress .subtitle {
            padding: 0 10px;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .addressOption .addressSelection {
            position: absolute;
            top: 15px;
            left: 5px;
        }

            .addressOption .addressSelection .customRadio {
                display: inline-block;
            }

            .addressOption .addressSelection label {
                display: none;
            }

        .addressOption .addressDisplay {
            background-color: transparent;
            padding-left: 28px;
        }

        .addressOption .addressActions {
            position: static;
        }

            .addressOption .addressActions a {
                width: 48%;
                box-sizing: border-box;
                text-align: center;
                margin-right: 2%;
                float: left;
            }

            .addressOption .addressActions .deleteDefaultBtn {
                margin-right: 0;
                margin-left: 2%;
            }

        #addressBookPanel .addressLineItem {
            padding: 15px 0 15px 28px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 0;
        }

            #addressBookPanel .addressLineItem .customRadio {
                top: 20px;
            }

        .addressLineItem label span {
            display: block;
        }

        .addressLineItem label .comma {
            display: none;
        }

        .addressBookDisplay .addressLineItems {
            padding: 0 3%;
        }

        #dialogtemplate .addressLineItems.showSomeAddresses,
        .addressLineItems.showSomeAddresses {
            max-height: 450px;
        }

            .addressLineItems.showSomeAddresses .transOverlay {
                top: 375px;
                background-image: url(/images/layout/transOverlay_50_white.png);
            }

        .addressLineItems .loadMoreAddresses {
            top: 416px;
            width: 94%;
        }

        .curSelectedLineItem {
            display: none !important;
        }

        .addressBookDisplay #editAddressWrap {
            border: 1px solid #ccc;
            margin-top: 20px;
        }

        #editAddressDisplay .defaultShipping, #editAddressWrap .defaultShipping {
            float: none;
            display: block;
            margin-bottom: 15px;
        }

        .guestOrSignup {
            padding: 20px 3% 20px 2%;
        }

        .guestEmail {
            width: 95%;
        }

            .guestEmail .helpTooltip {
                right: 7px;
            }

        .addressLineItem .addressItemActions a {
            width: 33px;
            height: 33px;
        }

        #accountExists {
            padding-right: 0;
        }

            #accountExists .activeArrow {
                left: 45%;
            }

        .paymentOptions .radioLabel {
            width: 100%;
            text-align: center;
        }

        .paymentOptions .payOptionImg {
            /*display: none;*/
        }

        .paymentOptions .payOptionImg img {
            margin-top: 30px;
        }

        .paymentOptions .subTitle {
            position: relative;
            padding: 8px 0;
        }

            .paymentOptions .subTitle img {
                position: absolute;
                top: 0;
                right: 0;
                display: inline-block;
                width: 90px;
            }

        .orderDetailsBtn {
            text-align: center;
            margin: 15px 0;
        }

        .orderDetailsBtnFr {
            text-align: center;
            margin: 15px 0;
        }

        .OrderDetails .cartItemSummary {
            float: none;
            width: 100%;
        }

        .OrderDetails .cartTotalSummary {
            width: 100%;
            float: none;
        }

            .OrderDetails .cartTotalSummary table {
                width: 100%;
            }

        .OrderDetails .editOrderBtn {
            text-align: center;
            margin-bottom: 15px;
        }

        .cordWarning {
            width: 100%;
            margin: 15px 0;
        }
        #BillingSameAsShipping {
            margin-top: 15px;
        }
        input#chkCreditCard {
            margin-top: 30px;
            margin-left: 12px;
        }
    }

    @media screen and (max-width: 480px) {
        .shopcartPrintEmail {
            padding: 0px 0px 0px 10px;
        }

        .stepContent {
            padding: 15px 2%;
        }

        .lineItemDetails {
            border-bottom: none;
        }

            .lineItemDetails .productImage {
                width: 90% !important;
            }

        .lineItemColors {
            clear: both;
        }

        .lineItemFeatureDetails {
            padding-top: 5px;
        }

        .lineItemWarranty {
            width: 100%;
            min-height: 0;
            padding-top: 0;
            float: none;
        }

            .lineItemWarranty label {
                margin: 0;
            }

        .lineItemPrice, .lineItemQty {
            width: 30% !important;
        }

        .lineItemTotals {
            width: 40% !important;
        }

        .lineItemNotes label {
            display: block;
        }
        /*.lineItemNotes input { width:100%; }*/
        .lineItemNotes input {
            width: 100%;
            font-size: 10px !important;
        }

        .lineItemLinks {
            width: 100%;
            padding: 10px 0;
            font-size: 10px;
        }

        .cartItemLinks li:last-child {
            margin-right: 0;
        }

        .cartItemLinks li a {
            padding: 0 7px;
        }

        .cartItemLinks {
            font-size: 14px;
        }

        .helpTooltip {
            font-size: 10px;
        }

        .cartLineItemPriceTable {
            width: 95%;
        }

        .lineItemDetails {
            display: grid;
            grid-template-columns: 40% 60%;
        }

        .roomNameInputDiv .inputNotes {
            display: flex;
            flex-direction: column;
        }

            .roomNameInputDiv .inputNotes .roomNameInput, .lineItemNotes textarea {
                width: 100%;
            }

        .cartBtns {
            display: none;
            float: none;
            text-align: center;
            width: 100%;
            padding: 0;
        }

            .cartBtns .continueShoppingBtn {
                display: none !important; /*display:block; float:none; margin:0; width:100%; box-sizing:border-box; margin-bottom:10px;*/
            }

            .cartBtns .saveCartBtn {
                display: none !important; /*display:block; float:none; margin:0; width:100%; box-sizing:border-box; margin-bottom:10px;*/
            }

        .continue_ShoppingBtn {
            display: block !important;
            padding: 5px 0px 6px 10px !important;
            width: 87%;
            margin-left: 10px;
            margin-top: 15px;
        }

        .continue_saveCartBtn {
            display: block !important;
            margin: 0px 0px !important;
        }

        .UseText {
            display: none;
            margin-left: 170px;
        }

        .paypalImageEn {
            padding-left: 5px;
            width: 75px;
            vertical-align: middle;
        }

        .paypalButtonEn {
            width: 88%;
            height: 36px;
            font-size: 15px;
            margin-top: 4px;
            margin-right: 2px;
        }

        .paypalButtonFr {
            width: 88%;
            height: 36px;
            font-size: 15px;
            margin-top: 4px;
            margin-right: 2px;
        }

        .paypalButtonDivEn {
            margin-top: 4px;
        }

        .cartBtns {
            padding: 15px 27px 10px 10px !important;
        }

        .paypalCheckoutBtn {
            padding-top: 0 !important;
        }

        .cartBtnsContinue {
            text-align: center;
        }

        .enterPromoCode {
            overflow: auto;
            width: auto;
        }

        .checkoutBtn {
            width: 90% !important;
            margin-left: 10px !important;
        }

        .lgBtn, a.lgBtn, input.lgBtn {
            font-size: 16px !important;
        }

        .promoBox {
            max-width: unset;
        }

            .promoBox .discountBtn {
                font-size: 12px;
                padding: 6px;
            }

        #discountForm {
            margin-top: 25px;
        }

        .checkoutTotal td {
            font-size: 18px;
        }

        #specialInstructionsForm {
            padding-top: 0;
        }

        /*.promoCodeInput #DiscountCode { padding: 4px; font-size: 11px; width: 70%;}*/
        #DiscountCode {
            padding: 4px;
            font-size: 16px;
        }

        .discountCodeActions {
            padding: 0px;
        }

        #totalsPanel {
            width: 100%;
        }

        .checkoutSummary {
            float: none;
            text-align: left;
            width: 100%;
        }

            .checkoutSummary .subTitle {
                text-align: left;
                margin: 10px 0;
            }

            .checkoutSummary table {
                text-align: left;
                width: 100%;
            }

                .checkoutSummary table td {
                    padding: 7px 15px 7px 0px;
                }

                    .checkoutSummary table td:last-child {
                        text-align: right;
                        padding: 7px 0px 7px 15px;
                    }

        .checkoutBtn {
            margin: 0;
            width: 100%;
        }

        .hasHelpIcon .helpTooltip {
            position: static;
            top: auto;
            left: auto;
        }

        .orderLinks {
            text-align: left;
        }

        #termsConditionsPanel .customSelect {
            width: 100%;
        }

            #termsConditionsPanel .customSelect select {
                width: 100%;
            }

        .activeArrow {
            left: 38%;
        }

        .paymentOptions .radioGroupTab {
            min-height: 90px;
        }

        .radioGroupTab .customRadio {
            top: 40%;
        }

#totalsPanel { width:100%; }
.checkoutSummary { float:none; text-align:left; width:100%; }
.checkoutSummary .subTitle { text-align:left; margin:10px 0; }
.checkoutSummary table { text-align:left; width:100%; }
.checkoutSummary table td { padding:7px 15px 7px 0px; }
.checkoutSummary table td:last-child { text-align:right; padding:7px 0px 7px 15px; }
.checkoutBtn { margin:0; width:100%; }
.calculateTaxesProvinceDisplay td {
    text-align: left !important;
    padding-left: 0 !important;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 5px;
}
.calculateTaxesDropdown td {
    padding-left: 0 !important;
}
.hasHelpIcon .helpTooltip { position:static; top:auto; left:auto; }
.orderLinks { text-align:left; }
#termsConditionsPanel .customSelect { width:100%; }
#termsConditionsPanel .customSelect select { width:100%; }

        .proceedCheckout {
            margin-top: 10px;
            margin-left: 12px;
        }

        .orderDetailsBtn .arrows {
            display: inline-block;
            margin-left: 3px;
            font-weight: bold;
        }

        .orderDetailsBtnFr .arrows {
            display: inline-block;
            margin-left: 3px;
            font-weight: bold;
        }

        .continueShoppingBtn.visible-phone {
            display: block !important;
            width: 100%;
            margin-top: 25px;
            box-sizing: border-box;
            text-align: center;
        }

        .termsConditions {
            margin-top: 15px;
            line-height: 22px;
        }

            .termsConditions .customCheckbox {
                margin: -2px 0px 0px 0px;
            }

        .termsModal table {
            font-size: 12px;
        }

        .completeOrder .linkContainer {
            position: absolute;
        }

            .completeOrder .linkContainer .editOrder {
                display: none;
            }

            .completeOrder .linkContainer .orderDetailsBtn {
                background: none;
                text-transform: none;
                padding: 0;
                margin: 0;
                text-shadow: none;
                font-size: 15px;
                border: none;
            }

        .completeOrder .linkContainerFr {
            position: absolute;
        }

            .completeOrder .linkContainerFr .editOrder {
                display: none;
            }

            .completeOrder .linkContainerFr .orderDetailsBtnFr {
                background: none;
                text-transform: none;
                padding: 0;
                margin: 0;
                text-shadow: none;
                font-size: 15px;
                border: none;
            }

        .completeOrderBar .btnContainer {
            float: none;
            width: 100%;
            border: none;
        }

        .completeOrderBar .btnContainerFr {
            float: none;
            width: 100%;
            border: none;
        }

        .checkoutPrice {
            padding-top: 26px;
        }

            .checkoutPrice label {
                display: none;
            }

        .checkoutPriceFr {
            padding-top: 26px;
        }

            .checkoutPriceFr label {
                display: none;
            }

        .paypalAction {
            max-width: 50%;
        }

        .creditCard {
            width: 100%;
            margin-right: 0;
        }

        .cardTypes {
            float: left;
        }

            .cardTypes li {
                margin-left: 0;
                margin-right: 5px;
            }

        .ccMonth {
            margin-left: 0;
        }

        .ccCVV {
            width: 35%;
        }

        .ccYear {
            width: 21%;
            margin: 0 1%;
            float: left;
        }

        .ccMonth {
            width: 15%;
            /*margin: 0 1%;*/
            float: left;
        }

        .productWarning {
            font-size: 10px;
        }

    .savedCartView #cartTotalsItems {
        max-width: unset;
    }

    #cartTotalsItems {
        width: 100%;
    }

        .savedCartView .totalsTable {
            width: 100%;
        }

    .h1revieworder .buttonSet a {
        margin-left: 0;
        padding: 5px;
        font-size: 12px;
    }

    .checkoutSummary {
        float: none;
        text-align: left;
        width: 100%;
    }

    .h1revieworder .buttonSet a {
        margin-left: 0;
        padding: 5px;
        font-size: 12px;
    }
}

    @media screen and (max-width: 375px) {
        .UseText {
            display: none;
            width: 30px;
            text-align: center;
            margin-left: 140px;
        }

        .completeOrderBar .btnContainerFr {
            padding: 7px 5px 10px;
        }

        .checkoutPriceFr {
            padding-left: 4px;
        }
    }

    @media screen and (max-width: 360px) {
        .UseText {
            display: none;
            width: 30px;
            text-align: center;
            margin-left: 135px;
        }

        .enterPromoCode {
            overflow: auto;
        }
    }

    @media screen and (min-width:412px) and (max-width: 420px) {
        .UseText {
            display: none;
            width: 30px;
            text-align: center;
        }
    }

    @media screen and (max-width: 420px) {
        .loginContainer #innerLoginWrap {
            width: 78%;
        }

        .CheckoutStreamline .socialLogins > .socialLink > .icon {
            width: 23px;
            padding: 4px 0 0 3px;
        }
    }

    @media screen and (min-width:420px) and (max-width: 770px) {
        .loginContainer #innerLoginWrap {
            width: 63%;
        }

        .cartStepList .secureCheckout .stepNum {
            top: 4px;
            left: 4px;
        }

        .cartStepList li .stepNum {
            top: 5px;
        }
    }

    label[for='CreateNewAccount'], label[for='GuestCheckout']{
        pointer-events:none;
    }

    @media screen and (max-width: 360px) {
        .completeOrder .linkContainerFr {
            padding: 10px 8px;
        }
    }


    @media screen and (max-width: 320px) {
        .completeOrder .linkContainerFr .orderDetailsBtnFr {
            margin: -5px 55px 0px -25px;
        }

        .completeOrder input {
            margin-top: 12px;
        }

        .checkoutPriceFr {
            padding-top: 35px;
        }

        .enterPromoCode {
            padding: 0 23px 10px 23px;
            overflow: auto;
        }
    }
    /* New CSS */
    /*@media screen and (max-width: 639px) {
    .promoBox .discountBtn {
        width:126%;
    }
}*/
    /* Prompt for email w/o sign-in */
    /*.modalBack {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
        -webkit-animation-name: fadeIn;
        -webkit-animation-duration: 0.4s;
        animation-name: fadeIn;
        animation-duration: 0.4s
    }

    .modalBody {
        position: fixed;
        padding: 40px 15px 10px 15px;
        top: 40%;
        left:45%;
        background-color: #fefefe;
        height: 100px;
        width: 200px;
        text-align:center;
        -webkit-animation-name: slideIn;
        -webkit-animation-duration: 0.4s;
        animation-name: slideIn;
        animation-duration: 0.4s
    }

    .scModalContent {
        top: 30%;
    }

    @-webkit-keyframes slideIn {
        from {left: -300px; opacity: 0}
        to {left: 45%; opacity: 1}
    }

    @keyframes slideIn {
        from {left: -300px; opacity: 0}
        to {left: 45%; opacity: 1}
    }

    @-webkit-keyframes fadeIn {
        from {opacity: 0}
        to {opacity: 1}
    }

    @keyframes fadeIn {
        from {opacity: 0}
        to {opacity: 1}
    }*/

    .shipState {
        width: 40%;
    }

    .zipInput {
        width: 50% !important;
    }

    @media screen and (max-width:769px) {
        .shipState {
            height: 32px !important;
        }
    }

    @media screen and (min-width:769px) {
        .shipState {
            height: 29px !important;
        }
    }

    .billState {
        width: 30%;
    }

    #selectShippingDiv {
        display: none;
    }


    @media only screen and (min-width: 1279px) {
        /*    .checkoutBtnEn {
        margin-top: 32px;
    }*/

        #termsConditionsPanel .stepContent .col b {
            display: block;
        }

        /*    #SatisfactionIcons{
        width:75%;
    }
    
    .checkoutSummary{
        width: 25%;
    }*/

        /*    #satisfactionImage > img {
        max-width: 200%;
        width: 150%;
    }*/

        .proceedCheckout {
            width: 92%;
            float: right;
        }

        .cartBtns {
            width: 42%;
        }

        .cartStepList {
            margin: 5px auto 15px;
            /*padding-left: 101px;*/
            list-style: none;
            overflow: auto;
            font-family: Arial,Helvetica,sans-serif;
            font-size: 10px;
            width: 85%;
        }

        #satisfactionImage > img {
            width: 80%;
        }
    }

    @media screen and (min-width: 770px) {
        #cartGrid {
            width: 74%;
            float: left;
        }

        #cartTotals {
            width: 25%;
            float: right;
            margin-top: 15px;
        }

            #cartTotals .totalsPanel {
                width: 100%;
            }

                #cartTotals .totalsPanel > table, #cartTotals .totalsPanel > table td {
                    border: 0 !important;
                    width: 100%;
                    padding-bottom: 6px;
                }

        .totalsPanel {
            float: right;
            margin-bottom: 10px;
        }

        .cartSidebarButtons {
            width: 100%;
            padding: 0 15px;
        }

    .cartSidebarButtons a {
        width:100%;
        display:inline-block;
        margin-bottom:10px;
        margin-right: 0;
        padding: 5px 0;
        text-align: center;
    }

    .savedCartBtnCartItems {
        margin-left: 12px;
        text-align: center;
    }

    .savedCartBtnCartItems > a {
        width: 100%;
        padding: 5px 8px;
    }

    .checkoutWithPaypalLink {
        display: block;
    }
}

    @media screen and (min-width: 768px) {
        .roomNameText {
            display: inline-block;
            margin-top: 5px;
            margin-left: 3px;
        }

        .roomNameInputDiv .inputNotes {
            display: flex;
            max-width: 90%;
        }

        .roomNameInput {
            flex-grow: 1;
        }
    }

    .customRadioHack .radio {
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        border: 2px solid #ccc;
        background-color: #fff;
        box-sizing: border-box;
        padding: 1px;
        cursor: pointer;
    }

    .customRadioHack {
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

        .customRadioHack .radio.selected .checked {
            background-color: #2b4f9b;
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 5px;
        }

    .checkoutAsGuest .radio{
        display: none;
    }

    .cartSteps.hidden-desktop .cartStepList li .stepNum {
        display: table-cell;
        width: 35px;
        height: 35px;
        text-align: center;
        font-size: 27px;
        line-height: 35px;
        font-weight: bold;
    }

    .cartSteps.hidden-desktop .cartStepList li {
        padding: 0;
        margin: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: table;
        /*width: 15%;*/
        float: left;
        text-transform: uppercase;
        line-height: 1.1;
        color: #aaa;
    }

    @media only screen and (max-width:640px){
        .cartSteps.hidden-desktop .cartStepList li {
            /*display: inline-block;*/
        }
    }

    .cartSteps.hidden-desktop .cartStepList .secureCheckout .stepNum {
        background-image: url(/css/images/secureLock.png);
    }

#radioGroupTabWrap {
    display: flex;
    justify-content: space-between;
}

.radioGroupTab {
    width: 100%;
}

.radioGroupTabItemWrapper {
    width: 30%;
    min-height: 75px;
    /*flex: 1;*/
    /*margin: 0 10px 10px 10px;*/
    /*border-bottom: 2px solid #ccc;*/
}

.radioGroupTabItemWrapper.left {
    padding-left: 0;
}

.radioGroupTabItemWrapper.right {
    padding-right: 0;
}

.radioGroupTabItemWrapper.selected {
    /*border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-top: 2px solid #ccc;*/
    background-color: #eee;
    border-bottom: none;
}

.radioGroupTabItemWrapper .customRadio .radio {
    display:none;
}

@media only screen and (min-width:800px){
    #header.CheckoutStreamline .mobileMenuClosed {
        display: none;
    }
    .paymentOptions .radioGroupTab {
        width: 100%;
        margin: 0;
        display: inline-table;
        min-height: 70px;
    }
/*    .radioGroupTab.active.paypalTab {
        border: 1px solid #2b4f9b;
    }*/
}

#header.CheckoutStreamline.Signin .mobileMenuClosed {
    display: block;
}

@media only screen and (min-width:800px){
    .CheckoutStreamline #checkoutWrap{
        margin-top: 25px;
    }
}

#completeBnpl {
    cursor: pointer;
}

#paypalBnplHiddenBtn {
    width: 250px;
}

#paypalBnplCheckoutImage:not(.hide) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
}
#CreateNewAccount{
    display:none;
}

.mainSection.CheckoutStreamline .freeShippingSection {
    display: none;
}

footer.CheckoutStreamline {
    display: none;
}

#innerLoginWrap {
    width: 40%;
    margin: auto;
    border: 1px solid #999;
    padding: 30px 30px 0;
}

#ttIcon_secureCheckout{
    display: none;
}
.capFirstWord:first-letter{
    text-transform: capitalize;
}
@media only screen and (min-width:800px) {
    .twoCol .col.specialFooterCol{
        padding-right: 0;
        width:52%;
    }
}
.twoCol .col.specialFooterCol .completeOrder{
    padding-right:0;
}

#bnplOptions {
    display: flex;
}

#bnplOptions > * {
    margin-right: 16px;
}

#bnplOptions > *:last-child {
    margin-right: 0;
}

.bnplOption {
    opacity: 1;
}

.bnplDivider {
    width: 1px;
    align-self: stretch;
    background-color: #ccc;
}

.bnplOption:hover {
    cursor: pointer;
}

.bnplOption.selected {
    opacity: 1;
}

@media screen and (max-width: 650px) {

    #bnplOptions {
        align-items: flex-start;
    }

    .bnplOption {
        max-width: 160px;
    }

    #completeBnpl {
        max-width: 179px !important;
    }

    #afterpayCheckoutImage {
        /*max-width: none !important;*/
    }

    .bnplCheckoutLabel {
        display: none;
    }

    #paypalBnplHiddenBtn {
        width: 140px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 400px) {
    .bnplOption {
        max-width: 137px;
    }

    #completeBnpl {
        max-width: 150px !important;
    }
}

@media screen and (max-width: 360px) {
    .bnplOption {
        font-size: 14px;
    }
}
.bnplOption {
    display: flex;
    flex-direction: column;
}

.bnplOption > div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#paypalBnplOption > div {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#paypalBnplOption .payOptionImg {
    transform: scale(0.60);
    max-height: 52px;
}

.capFirstWord:first-letter {
    text-transform: capitalize;
}

#afterpayTabContent {
    margin: 15px 0;
}

#paypalBnplTabContent {
    margin-top: 15px;
}

.timeline {
    width: 400px;
    height: 20px;
    list-style: none;
    text-align: justify;
    margin: 30px 0 45px 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgb(0,0,0) 51%, rgba(255,255,255,0) 57%, rgba(255,255,255,0) 100%);
    padding-left: 0;
}

.timeline:after {
    display: inline-block;
    content: "";
    width: 100%;
}

.timeline li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #000000;
	text-align: center;
	line-height: 1.2;
	position: relative;
	/*border-radius: 50%;*/
}
.timeline li:before {
	display: inline-block;
	content: attr(data-year);
	font-size: 16px;
	position: absolute;
	left: 50%;
	transform: translateX(-14%);
    white-space:nowrap;
}

/*.timeline li:nth-child(odd):before {
	top: -40px;
}*/
.timeline li:before {
	bottom: -45px;
}

.timeline li:after {
	display: inline-block;
	content: attr(data-text);
	font-size: 12px;
	position: absolute;
	left: 50%;
	transform: translateX(-10%);
    top: 20px;
    white-space:nowrap;
}

@media screen and (max-width: 650px) {

    .timeline {
        width: 280px;
    }

    .timeline li:before {
	    font-size: 14px;
    }

    .timeline li:after {
        font-size: 11px;
    }

    .fr #bnplOptions > div {
        font-size: 12px;
    }

}

@media screen and (max-width: 375px) {

    .timeline {
        width: 250px;
    }

        .timeline li:before {
            font-size: 12px;
        }

        .timeline li:after {
            font-size: 10px;
        }

}

.afterpay-paragraph{display:none;}