/* checkout process */
.loginBox { float: left; width: 450px; }
.loginBox .head { border-bottom: 1px solid #CFCFCF; font-weight: bold; margin-bottom: 10px; font-size: 16px; }
.loginBox .subhead { margin-bottom: 10px; }
.loginBoxSeparator { float: left; width: 20px; }

.notification {
    border: 1px solid;
    margin: 10px 0;
    padding: 5px 10px;
}
.notification.error {
    color: #D8000C;
    background-color: #FFBABA;
}
.notification.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}


.shoppingCartContainer.review { width: auto; float: none; padding-bottom: 30px; font-size: 13px; }
.shoppingCartContainer.review .shoppingCartItems .quantityColumn { padding-top: 18px; }
.shoppingCartContainer.review .shoppingCartItems .itemNameColumn { width: 695px; max-width: 100% }
.shoppingCartContainer.review .shoppingCartItems { margin-bottom: 30px; }
.shoppingCartContainer.review .shoppingCartItems .itemPriceColumn { text-align: right; }
.shoppingCartContainer.review .shoppingCartItems .itemTotalColumn { text-align: right; }
.shoppingCartContainer.review .subtotalLine .subtotalLabel { width: 830px; max-width: 100% }

/* CART PAGE */
.shoppingCartContainer { padding-bottom: 30px; width: 600px; float: left; font-size:13px;}
.shoppingCartSidebar { width: 311px; float: right; }
.shoppingCartSidebar .estShipping { margin-top: 10px; }
.shoppingCartItems th.shoppingCartHeader { border-bottom: 1px solid #acacac; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 14px; font-weight: normal; }
.shoppingCartItems { list-style: none; padding: 0; margin: 0; }
.shoppingCartItems li { overflow: auto; width: 100%;}
.shoppingCartItems .actionColumn { float: left; width: 50px; margin-right: 0; }
.shoppingCartItems .actionColumn a { display: block; font-size: 9px; }
.shoppingCartItems .actionColumn a.updateLink { margin-bottom: 5px; }
.shoppingCartItems .quantityColumn { float: left; width: 35px; margin-right: 10px; }
.shoppingCartItems .itemNameColumn { float: left; width: 375px; margin-right: 10px; padding-top: 18px; }
.shoppingCartItems .itemPriceColumn { float: left; width: 85px; margin-right: 10px; padding-top: 18px; }
.shoppingCartItems .quantityColumn .updateLink { font-size: 10px; }
.shoppingCartItems .itemTotalColumn { float: left; width: 75px; padding-top: 18px; }
.shoppingCartItems .itemTotalColumn a { font-size: 10px; display: inline-block; margin-top: 10px; }
.shoppingCartItems .shoppingCartHeader { font-weight: bold; text-align: left; }
.shoppingCartItems .shoppingCartItem {  }
.shoppingCartItems td { padding: 15px 0; }
.shoppingCartItems td.separate { border-bottom: 1px solid #e0e0e0; padding: 0; }
.shoppingCartItems .shoppingCartItem .quantityColumn { }
.shoppingCartItems .shoppingCartItem .quantityColumn .quantityBox { width: 35px; text-align: center; font-size: 13px; }
.shoppingCartItems .shoppingCartItem .itemNameColumn { font-weight: bold; }
.shoppingCartItems .shoppingCartItem .itemNameColumn ul { list-style: disc; padding: 10px 0 0 30px; margin: 0; }
.shoppingCartItems .shoppingCartItem .itemNameColumn ul li { font-weight: normal; overflow: inherit; padding: 0; }
.shoppingCartItems .shoppingCartItem .itemPriceColumn { text-align: right; }
.shoppingCartItems .shoppingCartItem .itemTotalColumn { text-align: right; font-weight: bold; }
.subtotalLineLong { overflow: auto; width: 100%; }
.subtotalLineLong .subtotalLabel { float: left; text-align: right; width:  }
.subtotalLineLong .subtotalAmount { float: right; width: 80px; text-align: right; font-weight: bold; }
.subtotalLineLong.dealerDiscount {color: #558b2d;}
.subtotalLine.finalTotal { margin-top:10px;}
.cartCodes { background: #ececec; padding: 15px; margin: 0 0 5px 0; display: block}
.cartCodes h4 { border-bottom: 1px solid #acacac; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 14px; font-weight: normal; }

.cartTotals { background: #ececec; padding: 15px; margin: 0 0 5px 0; }
.cartTotals h3 { border-bottom: 1px solid #acacac; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 14px; font-weight: normal; }

/*.cartCodes { width: 50%;padding: 30px 10px; box-sizing: border-box; float:left; border: 1px solid #eaeaea; background: #f9f9f9; }
.cartCodes h4 { margin-top: 0; }*/
.shippingCalculator { padding: 15px; background: #ececec;margin-bottom: 10px; }
.shippingCalculator h4 { border-bottom: 1px solid #acacac; margin: 0 0 15px 0; padding: 0 0 5px 0; font-size: 14px; font-weight: normal; }
.shippingCalculator .field ul { margin: 0; padding: 0; list-style: none outside; }
.shippingCalculator select { width: 156px; }
.bottomBar { overflow: auto; width: 100%; padding: 0; clear: both; }
.bottomBar .btnContinueShopping { display: block; line-height: 52px; }
.btnCheckOut { float: right; display: block; text-indent: -99999px; width: 287px; height: 79px; background: url(/images/btn-check-out.jpg) no-repeat;margin-bottom: 13px; }

.checkoutArea { width: 100%; }

/* checkout */
.checkout-form td, .checkout-form th {
    padding: 3px 0;
}
.checkout-form td.label {
    padding-right: 3px;    
}
.checkout-form td.optional {
    padding-left: 8px;
}


/* checkout navigation - steps 1 through 4 */
.checkoutNav { overflow: auto; width: 650px; margin: 0 auto; }
.checkoutNav .step { height: 49px; background: #929292; float: left; padding: 0 30px; position: relative; color: White; }
.checkoutNav .step.first { padding-left: 10px; }
.checkoutNav .step.last { padding-right: 10px; }
.checkoutNav .step.selected { background: #558b2d; }
.checkoutNav .step .topText { padding: 7px 0 2px 0; font-size: 11px; }
.checkoutNav .step .bottomText { font-weight: bold; font-size: 14px; }
.checkoutNav .step .divider { position: absolute; top: 0; right: -25px; z-index: 200; width: 49px; height: 49px; background: url(../images/step-divider.png) no-repeat; }

/* checkout - step 1 */
.addressBox { float: left; width: 445px; margin-right: 30px; }
.addressBox.last { margin-right: 0; }
.addressBox .head { border-bottom: 1px solid #CFCFCF; margin-right: 10px; margin-bottom: 10px; font-weight: bold; font-size: 14px; color: #185e9e; padding: 0 0 7px 0; font-size: 1.3em; }
.addressBox .head a { font-size: 12px; font-weight: normal; }
.addressBox .inputBox { width: 180px; font-size: 12px;padding: 2px; }
.addressBox textarea.inputBox { width: 180px; font-size: 10px; }

/* checkout - step 2 */
.shippingBox { }
.shippingBox .head { border-bottom: 1px solid #CFCFCF; margin-right: 10px; margin-bottom: 10px; font-weight: bold; font-size: 14px; }

/* checkout - step 3 */
.paymentBox { }
.paymentBox .head { border-bottom: 1px solid #CFCFCF; margin-right: 10px; margin-bottom: 10px; font-weight: bold; font-size: 14px; }
.paymentBox .billingProviderIndent { margin: 5px 0 0 20px; }
.paymentBox .tblCreditCard { }
.paymentBox .tblCreditCard .inputBox { width: 180px; }
.paymentBox .tblCreditCard .securityCode { width: 60px; }
.paymentBox .tblCreditCard td { padding: 2px; }
.paymentBox .tblCreditCard td.label { width: 130px; }

.validation span { color: red; }

/* checkout - step 4 */
.confirmTwoColumn { overflow: auto; margin-top: 20px; }
.confirmTwoColumn .confirmColumn { float: left; width: 450px; margin-right: 10px; }
.confirmTwoColumn .confirmColumn.last { margin-right:0;}
.confirmTwoColumn .confirmColumn .confirmBlock { margin-bottom: 10px; }
.confirmTwoColumn .confirmColumn .confirmBlock .head { border-bottom: 1px solid #CFCFCF; margin-right: 10px; margin-bottom: 10px; font-weight: bold; font-size: 14px; padding-bottom: 1px; }
.confirmTwoColumn .confirmColumn .confirmBlock .checkoutChange { font-weight: normal; font-size: 12px; }
.confirmTwoColumn .confirmColumn .confirmBlock table { width: 100%; }
.confirmTwoColumn .confirmColumn .confirmBlock table td { padding: 1px; margin: 0; }
.confirmTwoColumn .confirmColumn .confirmBlock table td.label { width: 150px; }
.confirmTwoColumn .confirmColumn .confirmBlock table td.data { }
.confirmTwoColumn .confirmColumn .confirmBlock table td.data .inputBox { width: 100%; }
.subtotalLine { overflow: auto; width: 100%; margin-bottom: 5px; }
.subtotalLine .subtotalLabel { float: left; text-align: right; width: 590px; padding-right: 10px; }
.subtotalLine .subtotalAmount { float: left; width: 80px; text-align: right; font-weight: bold; }
.additionalInfoBlock { margin: 10px 0; }
.additionalInfoBlock .head { border-bottom: 1px solid #CFCFCF; margin-bottom: 10px; font-weight: bold; font-size: 14px; padding-bottom: 1px; }
.additionalInfoBlock .txtComments { width: 100%; height: 40px; }

.cartCheckoutWrapper {
    border: 2px solid #ccc;
    float: right;
    width: 311px;
    padding: 10px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.cartCheckoutWrapper .secureFeaure {
    border-top: 1px solid #999999;
    padding: 6px 0;
    margin: 0;
    float: left;
    width: 100%;
}
.cartCheckoutWrapper .secureFeaure .icon {
    float: left;
    width: 60px;
    height: 50px;
    margin: 0 5px 0 0;
    background: url(../images/sprites/sprite-cart.png) no-repeat;
}
    .cartCheckoutWrapper .secureFeaure .icon.security {
        background-position: -74px 0;
    }
    .cartCheckoutWrapper .secureFeaure .icon.privacy {
        background-position: -155px 0;
    }
    .cartCheckoutWrapper .secureFeaure .icon.satisfaction {
        background-position: 0 0;
    }
.cartCheckoutWrapper .secureFeaure .info {
    float: right;
    width: 217px;
    height: 50px;
    margin: 0;
}

.cartCheckoutWrapper .secureFeaure .info h5 {
    font-family: 'proxima-nova-condensed';
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.cartCheckoutWrapper .secureFeaure .info p {
    font-family: 'proxima-nova';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    padding: 0;
    margin: 0;
}