﻿@media print {
    nav, .mobile_items {
display:none;    
}

    .top-bar {
display:block;
color:black;
    }

    .fixed-icon {
display:block;
position:relative;
width:160px;    
}

        .fixed-icon img {
            width: 160px;
        }

    .center {
width:90%;
font-size:12px;    
}

}

/* START PORTED ORDER CLASSES */
.blockFormSection {
    display: block;
    vertical-align: top;
    margin-bottom: 40px;
}

.neat {
    margin-bottom: 20px;
}

.FormCol {
    display: inline-block;
    vertical-align: top;
}

    .chkwrap .FormCol h5 {
display:none;
    }

.blockFormSection input[type=image] {
    /*margin-left:40px;*/
}

.msg-error {
color:red;
}

.loginwrap .blockFormSection input[type=image] {
    margin-left: 0px;
    transition: all ease-in-out 1s;
}
.loginwrap .blockFormSection input[type=image]:hover {

    transition: all ease-in-out 1s;
}

.order-emptymsg {
color:#FFFFFF !important;
}

.chkordersummary {
    width: 100%;
    /*margin-left: 40px;*/
    text-align: left;
}



.FormFieldSection {
    display: block;
    margin: 40px 0px 0px 0px;
    vertical-align: top;
}

.FormFieldSet {
    display: block;
    vertical-align: top;
    margin: 12px 0px;
}

.FormFieldWrap {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    text-align: left;
}

.FormLabel {
    display: inline-block;
}

.line {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 20px;
}


.msg-minor {
    font-size: 12pt;
}

.chkwrap input[type=text], .chkwrap .formfield, .sectionbasesubnav .formfield,
.loginwrap input[type=text], .loginwrap input[type=password],
.forgotpasssection input[type=text], .forgotpasssection input[type=password], .chkwrap select {
    display: inline-block;
    width: 210px;
    height: 36px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #444346;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #444346;
    margin-right: 4px;
margin-top:0px;
    vertical-align: middle;
}

.forgotpasssection input[type=text], .forgotpasssection input[type=password] {
    width: 80%;
    max-width: 210px;
}
.checkoutpre-wrap input[type=text], .checkoutpre-wrap input[type=password] {
    width: 80%;
    max-width: 180px;
}
.forgotpasssection input[type=image] {
    width: 80%;
    max-width: 180px;
}

 .chkwrap .formfield {
    width: 58% !important;
    margin-right: 0px;
}

.registrationsection .formfield, .checkoutpre-wrap input[type=text], .checkoutpre-wrap input[type=password] {
    display: inline-block;
    height: 36px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #444346;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #444346;
    margin-right: 4px;
    vertical-align: middle;
}

.registrationsection .FormFieldWrap {
font-size:18px;
}

.forgotpasssection {
min-height:400px;
padding:40px 20px;
}

.chkwrap input.fieldwide {
    width: 300px;
}

.chkwrap input.fieldsmall {
    width: 140px;
}

.chkwrap input.fieldxsmall {
    width: 110px;
}

.chkwrap input[type="checkbox"] {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 0 12px;
    font-size: 16px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #444346;
    margin-right: 4px;
    vertical-align: middle;
}

.orderhistory-col-date {
    text-align: center;
}

.gv-row {
    height: 70px;
    vertical-align: middle;
}

.order-stamp-row {
    text-align: left;
    font-weight: bold;
    margin-bottom: 40px;
}

.order-emptymsg-all .td_cell {
    border-bottom: none !important;
}

.order-emptymsg {
    padding-top: 20px;
}


.like_table .msg-empty {
    width: 100%;
    position: absolute;
}



.customer-row {
    text-align: left;
    margin-left: 60px;
    margin-bottom: 40px;
}

.customer-col-billing {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: left;
    margin-right: 40px;
}

.customer-col-shipping {
    display: inline-block;
    vertical-align: top;
}

    .customer-col-billing .lblfield, .customer-col-shipping .lblfield {
        font-weight: bold;
    }

.sidebar-item-col-delete {
    display: inline-block;
    vertical-align: top;
}

.sidebar-item-col-img {
    display: inline-block;
    vertical-align: top;
}

    .sidebar-item-col-img .oimg {
        width: 60px;
    }

.sidebar-item-col {
    display: inline-block;
}

.sidebar-item-row-name {
    font-weight: bold;
    max-width: 240px;
}

.sidebar-item-row-priceqtycombo {
    display: block;
}

.sidebar-item-col-price {
    display: inline-block;
}

.sidebar-item-col-qty {
    display: inline-block;
    margin-right: 2px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}

.sidebar-item-row-multishipmultimethod {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.sidebar-item-col-shipto {
    display: inline-block;
}

.sidebar-item-col-shipmethod {
    display: inline-block;
}

.sidebar-total-row {
    background-color: #003399;
    text-align: right;
    padding-right: 6px;
}

.giftnotecharlimittext {
    color: #bfad7f;
    font-size: 16px;
}

.printinvoicebase .invoice-wrap {
    width: 685px;
    color: #000000;
    font-size: 16px;
    margin: 10px;
}

.printinvoice-header {
    width: 100%;
    text-align: center;
}

.printinvoicebase .order-item-row-header {
    color: #000000;
    background: none;
    border-bottom: 1px solid #000000;
    border-top: 2px solid #000000;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .rowrepeater {
    font-size: 12pt;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .order-item-col-multishipmultimethod {
    width: 34%;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .order-item-col-name {
    width: 36%;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout-main .order-item-col-name {
    width: 70%;
}

.invoice-summary-col {
    display: inline-block;
}

.invoice-summary-section {
    display: inline-block;
    float: right;
}

.invoice-summary-nums {
    border: 1px solid #000000;
    display: inline-block;
}

.invoice-summary-due {
    margin-top: 10px;
    border: 1px solid #000000;
    display: inline-block;
}

.invoice-summary-nums-row {
    display: table;
}

.invLabel-col {
    display: table-cell;
    width: 110px;
    margin-right: 10px;
    text-align: left;
    padding: 2px;
}

    .invLabel-col .genLabel {
        padding-bottom: 0px;
    }

.invNumLabel-col {
    display: table-cell;
    text-align: right;
    width: 120px;
    padding: 2px;
}

.invoice-wrap .lblfield {
    color: #000000;
}

.printinvoicebase .invoice-wrap .order-item-col-img {
    display: none;
}

.printinvoice-multishipmultimethod .order-summary-all, .printinvoice-main .order-summary-all {
    font-size: 14px;
}

    .printinvoice-multishipmultimethod .order-summary-all .address-name {
        border-bottom: 1px dashed gray;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-row-shipmethod {
        border-top: 1px dashed gray;
    }

    .printinvoice-main .order-summary-all .order-item-col-name {
        width: 55%;
    }

    .printinvoice-main .order-summary-all .order-item-col-price {
        width: 12%;
    }

    .printinvoice-main .order-summary-all .order-item-col-qty {
        width: 15%;
    }

    .printinvoice-main .order-summary-all .order-item-col-amt {
        width: 15%;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-col-name {
        width: 40%;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-col-multishipmultimethod {
        width: 30%;
    }

.printinvoicebase .order-summary-all .order-summary-col-totalssection {
    padding-right: 16px;
}

.printinvoicebase-main .rowrepeater:nth-child(even) {
    background-color: #edf0f1;
}

.printinvoicebase .order-summary-row-promostotals {
    border-top: 1px solid #000000;
}

.title_mobile {
    display: none;
}

.form-group input[type=button] {
    color: #ffffff;
    background-color: #444346;
    text-transform: capitalize;
    display: inline-block;
    padding: 11px 35px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

    .form-group input[type=button]:hover {
        background-color: #ffffff;
        color: #444346;
        border: 1px solid #444346;
    }




.shoplayout-main {
    font-size: 18px;
    color: #444346;
    font-family: sans-serif;
    width: 100%;
    text-align: left;
}

.order-summary-all {
    max-width: 1520px;
    margin: 0 auto;
}


/* END PORTED ORDER CLASSES */

/*--  start summary --*/
.orderSummary .banner > img {
    max-width: 100%;
    margin: 0 auto;
}

.orderSummary .content_summary {
    padding: 0 0 45px;
    width: 100%;
}

.shoplayout-main {
    font-size: 18px;
    color: #000000;
    font-family: primary,sans-serif;
}

.order-summary-all {
    max-width: 100%;
    margin: 0 auto;
    line-height: 1.2;
border-collapse:collapse;
}

.rowrepeater {
    display: table-row-group;
    width: 100%;
    border-bottom: 10px solid white;
    color: #4D4C4C;
}

.ddata {
    text-align: center;
    width: 100%;
}

.dsummary {
    text-align: center;
    width: 100%;
}

.ddata > div, .dsummary-totals > div {
    display: inline-block;
    vertical-align: middle;
}

.ddata-label, .dsummary-label {
    font-weight: bold;
}


div.table {
    display: table;
    width: 100%;
}

div.tr_row {
    display: table-row;
    width: 100%;
}

div.td_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
}

.order-item-row-header {
font-weight:bold;
}

.order-item-col-delete.td_cell {
    width: 36px;
    padding: 33px 5px 33px 20px;
text-align:center;
}

.order-item-col-name.td_cell {
padding-left:10px;
}

.order-item-col-delete.td_cell span {
    width: 36px;
    height: 36px;
    display: inline-block;
    color: #000000;
    text-align: center;
    font-size: 16px;
    border: 1px solid #000000;
    line-height: 2.34;
}

.order-item-col-price .form-control {
    width: 100%;
}
.tb-oformfield {
    margin: 0 4px;
    height: 24px;
    padding: 6px;
    font-size: 14px;
    /*line-height: 1.42857143;*/
    color: #7f7f7f;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.order-item-col-qty {
text-align:center;
}

.order-item-col-qty .tb-oformfield {
    width: 42px;
    vertical-align: middle;
text-align:center;
font-size:16px;
}

.order-item-col-qty img {
vertical-align:middle;
}

.order-item-col-amt.td_cell {
    padding: 33px 20px 33px 5px;
}

.order-item-col-img {
    width: 160px;
}

div.td_cell.order-item-col-img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.order-item-col-amt {
    text-align: right;
    padding-right: 2px;
}

.orderSummary .form-control {
    margin: 0 4px;
    height: 36px;
    padding: 6px;
    font-size: 14px;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.coupon-row, .order-summary-shippingmethod {
    padding: 10px 0 10px 40px;
    
}

.order-summary-promocode {
    padding: 10px 0 10px 40px;
    border-bottom: 2px solid #f1f2f2;
}

.order-summary-shippingmethodselect {
display:inline-block;
}

 .coupon-row .form-control1, .order-summary-shippingmethod .form-control, .order-summary-promocode .form-control {
        display: inline-block;
        width: 240px;
        height: 39px;
        margin: 0 15px 0 0px;
        font-size: 16px;
    }

.coupon-row label, .form-group label, .order-summary-shippingmethod label {
    text-transform: capitalize;
    font-size: 17px;
    display: inline-block;
    width: 160px;
}

.order-item-col-qty span:first-of-type {
    /*float: left;
    position: relative;
    margin-right: 13px;*/
}


.order-item-col-qty span.minus_qty,
.order-item-col-qty span.plus_qty {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    background: #ffffff;
    color: #000000;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    border: 1px solid #000000;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.order-item-col-qty .form-control {
    width: 50px;
    float: left;
}
/*--  order-summary-col-totalssection --*/
.order-summary-row-promostotals {
    padding: 4px 0px 0 0;
    overflow: hidden;
}

.order-summary-promocode {
    margin-top: 8px;
}

.order-summary-shippingmethodselect .form-control {
    width: 240px;
font-size:16px;
}

.btn-Checkout {
display:inline-block;
vertical-align:middle;
transition:all ease-in-out 1s;
}

.btn-Checkout .learn_more {
    text-transform: none;
    position: relative;
    display: inline-block;
    padding: 22px 59px 20px;
    font-size: 20px;
    margin-left: 33px;
}

    .btn-Checkout .learn_more:first-of-type {
        padding: 22px 31px 20px;
        margin-right: 30px;
    }

.btn-Checkout div {
    display: inline-block;
    vertical-align: top;
}

.order-summary-col-shipandpromosection {
color:#FFFFFF;
}

.order-summary-col-totalssection {
    float: right;
    margin-top: 20px;
    padding-right: 20px;
    color: #FFFFFF;
}

.order-section-row {
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 23px;
}

.order-section-col-subtotal, .order-section-col-discount, .order-section-col-tax, .order-section-col-shipping, .order-section-col-total {
    margin-right: 20px;
}


.order-section-row div:first-of-type {
    float: left;
text-align:right;
width:96px;
}

    .order-section-row div:first-of-type span {
        display: block;
        text-align: right;
        font-family: primary,sans-serif;
    }

.order-section-row div:last-of-type {
    float: right;
}

.order-summary-col-buttons {
    margin-top: 20px;
text-align:right;
display:block;
clear:both;
padding-right:20px;
}

.btn-Checkout img {
    display: inline-block;
}


.btn-Checkout {
    text-align: right;
display:inline-block;
vertical-align:top;
}

.continue-button {
    display: inline-block;
    vertical-align: top;
    border: 2px solid #dba510;
    color: #dba510;
    padding: 16px 26px 15px 10px;
 transition: all 0.3s ease;
    cursor: pointer;
    background: #fff;
    text-transform: uppercase;
    width: 160px;
margin-right:40px;
margin-bottom:20px;
}

    .continue-button:hover {
        background: #dba510;
        color: #FFF;
    }

.order-summary-all {
    margin: 0px 0px;
    width: 100%;
    padding-right: 0px;
}

.ucBase .order-summary-all {
    margin: 0px auto 110px;
}

/*--  end summary --*/

.ucBase .blockFormSection input[type=image] {
padding-left:40px;
}

    .ucBase .blockFormSection input[type=image].btn-registration {
        padding: 0px;
    }

.order-item-row-header {
    font-size: 16px;
    color: #FFFFFF;
    background-color: #1B3866;
    font-weight: bold;
    padding-top: 6px;
    height: 26px;
    line-height: 26px;
}

    .order-item-row-header div.td_cell {
        padding: 6px 12px 0;
    }

    .order-item-row-header .order-item-col-amt.td_cell {
        padding: 6px 20px 0 12px;
    }

    .order-item-row-header .order-item-col-qty.td_cell {
        /* padding-left: 40px;*/

    }

.order-item-col-delete.td_cell {
    width: 36px;
    padding: 20px 12px 6px 0;
}

.order-item-col-amt.td_cell {
    padding: 20px 20px 6px 12px;
}

.order-item-col-img {
    width: 125px;
}

    .order-item-col-img img {
        width: 100%;
        display: block;
    }

.order-item-col-amt {
    text-align: right;
    padding-right: 2px;
}

.order-item-col-qty.td_cell {
    text-align: center;

}

.checkoutpre-wrap {
width:100%;
display:block;
position:relative;
vertical-align:top;
text-align:center;
margin-top:40px;
color:#FFFFFF;
}



.checkoutpre-col {
    display: inline-block;
    vertical-align: top;
    width: 22%;
    border-right: 1px solid #FFFFFF;
    min-height: 350px;
margin-bottom:40px;
padding:0px 20px;
}
.checkoutpre-col label {

}


    .checkoutpre-col:first-of-type {
border-left:1px solid #FFFFFF;    
}

.checkoutpre-col table {
width:100%;
}

    .checkoutpre-col table td:first-of-type > div:nth-of-type(2), .checkoutpre-col table td:first-of-type > div:nth-of-type(3) {
      text-align:center;
    }

    .form-minor {
font-size:12px;
}


.loginwrap {
text-align:center;
padding-bottom:40px;
}

    .loginwrap input[type=text], .loginwrap input[type=password] {
max-width:220px;
    }

.registrationsection {
text-align:center;
padding-bottom:40px;
min-height:450px;
}

.registration-content {
margin:20px 0px;
font-size:22px;
}

@media only screen and (max-width: 1600px) {
    .content_wrapper {
        max-width: 90%;
    }
}

@media only screen and (max-width: 1366px) {

    .order-item-col-qty span:first-of-type {
        width: 100%;
        position: static;
    }



    .order-summary-all {
        width: initial;
        width: unset;
    }
}

@media only screen and (max-width: 1023px) {

    .order-item-col-name.td_cell {
        width: 187px;
    }

    .order-item-col-qty span:first-of-type {
        width: 100%;
        top: -6px;
        right: -26px;
    }

    .order-item-col-amt.td_cell span {
        position: relative;
        top: -12px;
    }

    .order-item-col-qty img:first-of-type {
        margin: 0px 0px 0px 0px;
    }

    .order-item-col-qty img:last-of-type {
        margin: 0px 0px 0px 0px;
    }

    .checkoutpre-col  {
text-align:center;
    }

        .checkoutpre-col input[type=text], .checkoutpre-col input[type=password] {
            display: block;
            width: 88% !important;
        }

    .form-minor br {
display:none;    
}

}
@media only screen and (max-width: 835px) {
    .order-item-col-qty {
width:94px;    
}
        .order-item-col-qty img:first-of-type {
            margin: 0px 0px 4px 0px;
        }

        .order-item-col-qty img:last-of-type {
            margin: 4px 0px 0px 0px;
        }

}


    @media only screen and (max-width: 767px) {

        .order-summary-all {
            margin: 0px auto 110px;
        }

        div.table {
            display: block;
            width: 100%;
        }

        div.tr_row {
            display: block;
            width: 100%;
            height: auto;
            text-align: center;
        }

        div.td_cell {
            display: block;
            padding: 0;
            border-bottom: none;
            width: 100%;
            margin: 22px 0;
        }

        .rowrepeater {
            display: block;
        }

        .order-item-col-delete.td_cell {
            padding: 0px;
        }

        .order-item-row-header.tr_row {
            display: none;
        }

        .order-item-row.tr_row {
            border-bottom: 1px solid #ccc;
        }

        .order-item-col-name.td_cell {
            width: auto;
        }

        .order-item-col-amt.td_cell {
            padding: 0;
        }

        .order-item-col-price .form-control {
            width: 50%;
        }

        .order-item-col-qty .form-control,
        .order-item-col-qty span.minus_qty, .order-item-col-qty span.plus_qty {
            display: inline-block;
            float: none;
        }

        .order-item-col-qty .form-control {
            position: relative;
            top: -2px;
        }

        .order-item-col-qty img:first-of-type {
            margin: 0px 0px 0px 0px;
        }

        .order-item-col-qty img:last-of-type {
            margin: 0px 0px 0px 0px;
        }


        .order-item-col-amt {
            text-align: center;
            padding-right: 2px;
        }

            .order-item-col-amt.td_cell span,
            .order-item-col-qty span:first-of-type {
                width: 100%;
                display: block;
                margin: 0 0 5px 0;
                position: static;
            }


        .checkoutpre-wrap {
            width: 98%;
        }

        .checkoutpre-col {
            display: block;
            width: 100%;
padding:0px 20px 30px 20px;
border-right:none;
text-align:left;
border-bottom:1px solid white;
min-height:initial;
        }
            .checkoutpre-col:first-of-type {
                border-left: none;
                border-bottom: 1px solid white;
            }
            .checkoutpre-col input[type=text], .checkoutpre-col input[type=password] {
                display: block;
                width: 48% !important;
            }
            .checkoutpre-col table td:first-of-type > div:nth-of-type(2), .checkoutpre-col table td:first-of-type > div:nth-of-type(3) {
text-align:left;            
}
    }

    @media only screen and (max-width: 567px) {

        .coupon-row {
            padding: 30px 0 30px 0;
        }

        .form-group1, .attributes-sa {
            margin: 8px 0 9px 0;
        }

        .coupon-row label {
            display: block;
            margin-left: 25px;
        }

        .order-summary-row-promostotals {
            padding: 45px 15px 0;
        }

        .orderSummary .banner {
            height: 200px;
        }

            .orderSummary .banner > img {
                max-width: none;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .continue-button {
            display: inline;
            float: left;
            margin-right: 1px;
        }
        .checkoutpre-col input[type=text], .checkoutpre-col input[type=password] {
            width: 60% !important;
        }
    }

    @media only screen and (max-width: 450px) {

        .order-summary-all {
            padding: 10px;
        }

        .order-summary-shippingmethod, .order-summary-promocode {
            padding: 0px 0 30px 10px;
            border-top: none;
        }

            .order-summary-promocode .form-control {
                width: initial;
            }

        .form-group input[type=button] {
            margin-top: 4px;
        }
        .checkoutpre-wrap h2 {
            font-size: 24px;
        }

        .sectionbaseprimary .subHeaders {
            height:auto;
line-height:auto;
min-height:40px;
vertical-align:middle;
        }

        .sectionbaseprimary .subHeaders h2 {
            font-size: 18px;
        }

    }
@media only screen and (max-width: 350px) {
    .checkoutpre-col input[type=text], .checkoutpre-col input[type=password] {
        width: 80% !important;
    }
    .checkoutpre-col {
width:94%;    
}


}
