body {
    font-family: "OpenSans";
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.clr {
    height: 0px;
    clear: both;
}

.clr5 {
    height: 5px;
    clear: both;
}

.clr10 {
    height: 10px;
    clear: both;
}

.clr20 {
    height: 20px;
    clear: both;
}

.clr50 {
    height: 50px;
    clear: both;
}

@font-face {
    font-family: "OpenSans";
    src: url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
}

.RpaddMarAdj {
    padding-left: 7px !important;
}

#wrapper {
    min-height: 300px;
}

ul li {
    list-style-type: none;
}

.row {
    padding-left: 0px;
}

.clr10 {
    clear: both;
    height: 10px;
}

.clr20 {
    clear: both;
    height: 20px;
}

.content {
    overflow-x: hidden !important;
}

/*tabs*/
.topThreeLinkPart {
    min-height: 39px;
}

a .retailTab {
    min-height: 31px;
}

a .jExpoTab {
    min-height: 31px;
}

a .wSaleTab {
    min-height: 31px;
}

@media only screen and ( min-width: 568px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-width: 568px) and ( min-device-pixel-ratio: 1.25) {
    .topThreeLinkPart {
        min-height: 39px;
    }

    a .retailTab {
        min-height: 32px;
    }

    a .jExpoTab {
        min-height: 32px;
    }

    a .wSaleTab {
        min-height: 32px;
    }
}
/*tabs 
@font-face {
    font-family: "OpenSans";
    src: url('fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
}

/*CART AREA SECTION START*/

/*Common part*/

.changeIconArea {
    float: right;
    width: 100px;
    padding: 5px 7px 5px 5px;
    font-size: 14px;
    line-height: 20px;
    color: #007483;
    text-align: right;
    font-weight: bold;
    margin-top: 6px;
}

    .changeIconArea a {
        color: #007483;
        text-decoration: none;
        cursor: pointer;
    }

/*Common part End*/

/*sidePanel start*/
.sidePanel {
    overflow: hidden;
    float: right;
}

.sidePanelArea {
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    border-radius: 7px 7px 0px 0px;
    border: #e7e7e7 solid 1px;
    margin-right: 7px;
    margin-top: 15px;
    width: 96%;
    max-width: 100%;
    overflow: hidden;
}

    .sidePanelArea h2 {
        float: left;
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        color: #333333;
        margin: 0px;
        padding: 5px 5px 0px 5px;
        font-weight: bold;
    }

.tPrice {
    float: right;
    width: 100%;
    background: #d9f1fd url(../images/totPrice.png) no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    margin-top: 10px;
    min-height: 480px;
    border-radius: 7px 7px 0px 0px;
}

.priceTxtAreatotal {
    font-size: 14px;
    font-weight: normal;
    /*color:#6a6a6a;*/
    color: #454545;
    width: 100%;
    float: left;
    margin-right: 18px;
    letter-spacing: .5px;
    padding: 6px 1% 0px 8px;
    border-radius: 7px 7px 0px 0px;
    background: rgba(115,118,119,0.2);
}

.priceTxtAreatotalGuest {
    font-size: 14px;
    font-weight: normal;
    /*color:#6a6a6a;*/
    color: #454545;
    width: 100%;
    float: left;
    /*margin-right: 18px;*/
    letter-spacing: .5px;
    /*padding: 6px 1% 0px 8px;*/
    border-radius: 7px 7px 0px 0px;
    /*background: rgba(115,118,119,0.2);*/
}

.priceTxtAreatotal > div input[type="checkbox"] {
    margin-right: 10px;
}

.cartPrice {
    float: left;
    width: auto;
    color: #7f7f7f;
    width: 100%;
}

.odrSummaryPayAmountBox {
    border: none;
    border-top: none;
    border-radius: 0px !important;
    margin-top: 0px;
    padding-left: 8px;
}

    .odrSummaryPayAmountBox .tSec {
        padding: 2px 0px 0px 0px;
        margin: 1px 0px 0px 0px;
        border-bottom: none;
    }

        .odrSummaryPayAmountBox .tSec .leftpart {
            float: left;
            width: 60%;
            padding: 4px 1% 4px 0px;
            text-align: left;
        }

        .odrSummaryPayAmountBox .tSec .rightpart {
            float: right;
            width: 40%;
            padding: 4px 0px 4px 0px;
            text-align: left;
            color: #7f7f7f;
        }

            .odrSummaryPayAmountBox .tSec .rightpart span {
                float: left;
                max-width: 90%;
            }

            .odrSummaryPayAmountBox .tSec .rightpart label {
                margin-left: 5px;
                font-size: 12px;
                line-height: 21px;
            }

.priceTxtAreatotal {
    background: none;
    border: none;
}

    .priceTxtAreatotal table tr td {
        min-height: 20px;
        padding-top: 6px;
        padding-bottom: 8px;
    }

    .priceTxtAreatotal .cartPrice .CartImg {
        margin-right: 8px;
    }

.totPayblePriceAmtSec {
    background: #ededed;
    padding-left: 8px;
}

    .totPayblePriceAmtSec .tSec .rightpart {
        float: right;
        /*width:40%;*/
        width: 40%;
        padding: 7px 0% 7px 0%;
        text-align: left;
        color: #7f7f7f;
    }

    .totPayblePriceAmtSec .tSec .leftpart {
        float: left;
        width: 60%;
        padding: 7px 1% 7px 0px;
        text-align: left;
    }

.priceTxtAreatotal table tr td.gText {
    color: #c00b00;
}

.priceTxtAreatotal table tr td.redText {
    color: #c00b00;
    font-size: 14px;
}

.priceTxtAreatotal table tr td span {
    padding-left: 0px;
}

.redText {
    color: #c00b00;
    font-size: 14px;
    font-weight: bold;
}

.greenText {
    color: #017887;
    font-size: 14px;
    font-weight: bold;
}

.blueText {
    color: #3565ad;
    font-size: 14px;
    font-weight: bold;
}

.totPayblePriceAmtSec .tSec .rightpart .cartPrice {
    color: #7f7f7f;
}

.odrSummaryPayAmountBox {
    background: none;
}

@media only screen and (min-width:768px) and (max-width:1300px) {
    .priceTxtAreatotal table {
        font-size: 12px;
    }
}


@media only screen and (min-width:768px) and (max-width:1199px) {
    .sidePanelArea {
        padding: 0px;
        margin: 0px;
        float: right;
        width: 100%;
        position: relative;
        background: #ffffff;
        border-radius: 7px 7px 0px 0px;
        border: #e7e7e7 solid 1px;
        margin-right: 7px;
        margin-top: 1px;
        max-width: 480px;
    }

    .shippCoupnArea {
        float: left;
        position: relative;
    }

    .priceTxtAreatotal table tr td:first-child {
        width: 60% !important;
    }

    .priceTxtAreatotal table tr td:last-child {
        width: 40% !important;
    }

    .odrSummaryPayAmountBox .tSec .leftpart {
        width: 60%;
        font-size: 12px;
    }

    .odrSummaryPayAmountBox .tSec .rightpart {
        width: 40%;
    }

    .totPayblePriceAmtSec .tSec .leftpart {
        width: 60%;
        font-size: 12px;
    }

    .totPayblePriceAmtSec .tSec .rightpart {
        width: 40%;
    }
}

@media only screen and (min-width:300px) and (max-width:360px) {
    .priceTxtAreatotal table tr td:first-child {
        width: 62% !important;
    }

    .priceTxtAreatotal table tr td:last-child {
        width: 38% !important;
    }

    .odrSummaryPayAmountBox .tSec .leftpart {
        width: 62%;
        font-size: 12px;
    }

    .odrSummaryPayAmountBox .tSec .rightpart {
        width: 38%;
    }

    .totPayblePriceAmtSec .tSec .leftpart {
        width: 62%;
        font-size: 12px;
    }

    .totPayblePriceAmtSec .tSec .rightpart {
        width: 38%;
    }
}

@media only screen and (min-width:1200px) and (max-width:2500px) {
    .sidePanelArea {
        padding: 0px;
        margin: 0px;
        position: fixed;
        background: #ffffff;
        border-radius: 7px 7px 0px 0px;
        border: #e7e7e7 solid 1px;
        margin-right: 7px;
        margin-top: 1px;
        max-width: 480px;
    }
    /*.shippCoupnArea{
   position:fixed;
}*/
}


/*sidePanel end*/

/*placeOrderSec start*/
.placeOrderSec {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    margin-right: 7px;
    margin-top: 6px;
    min-height: 80px;
}

    .placeOrderSec p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 2%;
    }

.payTC {
    float: left;
    width: 99%;
    padding-left: 0px;
    padding-bottom: 5px;
}

    .payTC .chkLogin {
        float: left;
    }

        .payTC .chkLogin input[type="checkbox"] {
            margin-top: 3px;
            float: left;
            width: 18px;
            height: 18px;
        }

            .payTC .chkLogin input[type="checkbox"]:focus {
                outline: none;
            }


    .payTC .chktext {
        margin-left: 3px;
        max-width: 85%;
        float: left;
        text-align: left;
        margin: 2px 10px;
        /*line-height: 18px;*/
    }

#emMbDrop {
    display: none;
}

/*passConPassWordSec*/
.passConPassWordSec {
    float: left;
    width: 100%;
    min-height: 12px;
    margin-bottom: 10px;
}

.arrowTopdiv35 {
    position: relative;
    top: 2px;
    left: 6px;
    width: 15px;
    height: 10px;
    display: block;
    cursor: pointer;
    background: url(../images/arrow_top1.png) no-repeat left top;
    z-index: 1000;
}

.passConSecBox {
    float: left;
    width: 98%;
    -webkit-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 3px 7px 0px rgba(0,0,0,0.25);
    /* padding: 20px; */
    padding: 5px 3px 3px;
    border: 1px solid #d8d5d5;
    margin-top: 1px !important;
    background: #ffffff;
}

    .passConSecBox .areaSec {
        float: left;
        width: 100%;
        padding: 3px;
        margin: 0px;
        margin-bottom: 3px;
    }

        .passConSecBox .areaSec .txtPart {
            float: left;
            width: 30%;
            font-size: 12px;
            line-height: 16px;
        }

        .passConSecBox .areaSec .outputPart {
            float: right;
            width: 70%;
        }

            .passConSecBox .areaSec .outputPart input {
                font-size: 14px;
                width: 98%;
                color: #555555;
                padding-left: 9px;
                height: 28px;
                border: #c3c3c3 solid 1px;
                margin-bottom: 0px;
            }

            .passConSecBox .areaSec .outputPart > span {
                display: block;
                font-size: 12px;
                line-height: 14px;
                font-size: 11px;
                margin-top: 1px;
                color: #0a5466;
                margin-left: 0px;
                margin-bottom: 1px;
            }

/*passConPassWordSec End*/

.placeOrderButt {
    float: left;
    width: 100%;
}

    .placeOrderButt a {
        float: left;
        margin: 1% 1% 1% 0px;
        font-size: 15px;
        line-height: 30px;
        text-align: center;
        width: 98%;
        min-height: 30px;
        border: #b58f30 solid 1px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fad886+0,f9c854+100 */
        /* background: rgb(250,216,134); 
        background: -moz-linear-gradient(top, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,216,134,1)), color-stop(100%,rgba(249,200,84,1)));
        background: -webkit-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        background: -o-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        background: -ms-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        background: linear-gradient(to bottom, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854',GradientType=0 );*/
        color: #000000;
        background: rgba(249,200,84,1);
        background: -moz-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,200,84,1)), color-stop(100%, rgba(250,216,134,1)));
        background: -webkit-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: -o-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: -ms-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: linear-gradient(to right, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c854', endColorstr='#fad886', GradientType=1 );
    }

        .placeOrderButt a:hover {
            color: #672204;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c854+0,fad886+100 */
            /*background: rgb(249,200,84); 
            background: -moz-linear-gradient(top, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%); 
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,200,84,1)), color-stop(100%,rgba(250,216,134,1)));
            background: -webkit-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%);
            background: -o-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%);
            background: -ms-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%);
            background: linear-gradient(to bottom, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c854', endColorstr='#fad886',GradientType=0 ); */
            background: rgba(250,216,134,1);
            background: -moz-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,216,134,1)), color-stop(100%, rgba(249,200,84,1)));
            background: -webkit-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: -o-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: -ms-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: linear-gradient(to right, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854', GradientType=1 );
        }

    .placeOrderButt input[type=submit] {
        float: left;
        margin: 1% 1% 1% 0px;
        font-size: 15px;
        line-height: 34px;
        text-align: center;
        width: 98%;
        min-height: 35px;
        border: #b58f30 solid 1px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fad886+0,f9c854+100 */
        background: rgb(250,216,134); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,216,134,1)), color-stop(100%,rgba(249,200,84,1))); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* IE10 preview */
        background: linear-gradient(to bottom, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854',GradientType=0 ); /* IE6-9 */
        color: #000000;
    }

        .placeOrderButt input[type=submit]:hover {
            color: #672204;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c854+0,fad886+100 */
            background: rgb(249,200,84); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%); /* FF3.6-15 */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,200,84,1)), color-stop(100%,rgba(250,216,134,1))); /* Chrome4-9,Safari4-5 */
            background: -webkit-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: -o-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* Opera 11.10-11.50 */
            background: -ms-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* IE10 preview */
            background: linear-gradient(to bottom, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c854', endColorstr='#fad886',GradientType=0 ); /* IE6-9 */
        }

.placeOrderButt_Three {
    float: right;
    /*width: 98%;*/
    /*margin-right: 2%;*/
    width: 100%;
}

    .placeOrderButt_Three a {
        float: left;
        margin: 1% 0px 3px 0px;
        font-size: 15px;
        line-height: 29px;
        text-align: center;
        width: 100%;
        min-height: 30px;
        /*border: #97ae75 solid 1px;*/
        /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fad886+0,f9c854+100 */
        /*background: rgb(250,216,134);
        background: -moz-linear-gradient(top, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,216,134,1)), color-stop(100%,rgba(249,200,84,1))); 
        background: -webkit-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        background: -o-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        background: -ms-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        background: linear-gradient(to bottom, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854',GradientType=0 );*/
        border: #b58f30 solid 1px;
        background: rgba(249,200,84,1);
        background: -moz-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,200,84,1)), color-stop(100%, rgba(250,216,134,1)));
        background: -webkit-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: -o-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: -ms-linear-gradient(left, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        background: linear-gradient(to right, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c854', endColorstr='#fad886', GradientType=1 );
        color: #000000;
    }

        .placeOrderButt_Three a:hover {
            text-decoration: none;
            color: #672204;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c854+0,fad886+100 */
            /*background: rgb(249,200,84);
            background: -moz-linear-gradient(top, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,200,84,1)), color-stop(100%,rgba(250,216,134,1))); 
            background: -webkit-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%);
            background: -o-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%);
            background: -ms-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); 
            background: linear-gradient(to bottom, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c854', endColorstr='#fad886',GradientType=0 );*/
            background: rgba(250,216,134,1);
            background: -moz-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,216,134,1)), color-stop(100%, rgba(249,200,84,1)));
            background: -webkit-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: -o-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: -ms-linear-gradient(left, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            background: linear-gradient(to right, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854', GradientType=1 );
        }
/*Start*/
.addAddressButt {
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    letter-spacing: .5px;
    color: #000000;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-left: 10px;
    margin-right: 2%;
    text-transform: uppercase;
    padding: 2px 8px;
    width: 140px;
    line-height: 28px;
    height: 32px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    margin-bottom: 3px;
    border: #b58f30 solid 1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fad886+0,f9c854+100 */
    background: rgb(250,216,134); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,216,134,1)), color-stop(100%,rgba(249,200,84,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854',GradientType=0 ); /* IE6-9 */
    color: #000000;
}

    .addAddressButt:hover {
        color: #672204;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c854+0,fad886+100 */
        background: rgb(249,200,84); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(249,200,84,1) 0%, rgba(250,216,134,1) 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,200,84,1)), color-stop(100%,rgba(250,216,134,1))); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* IE10 preview */
        background: linear-gradient(to bottom, rgba(249,200,84,1) 0%,rgba(250,216,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c854', endColorstr='#fad886',GradientType=0 ); /* IE6-9 */
    }

/*End*/


.placeOrderTxt {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
}

    .placeOrderTxt a {
        font-weight: bold;
        text-decoration: none;
        margin-right: 2px;
    }

        .placeOrderTxt a:hover {
            text-decoration: underline;
        }

.placeOrderTxtSM {
    float: left;
    width: 100%;
    margin-top: 1px;
    margin-bottom: 3px;
}

    .placeOrderTxtSM a {
        font-weight: bold;
        text-decoration: none;
        margin-right: 2px;
    }

        .placeOrderTxtSM a:hover {
            text-decoration: underline;
        }
/*totalCartArea start*/

.payCartAreaADJ {
    max-width: 1600px;
    margin: 1px auto 3px;
    clear: both;
}

.payCartAreaADJ3 {
    max-width: 1400px;
    margin: 3px auto 0px;
    clear: both;
    background: rgba(255, 255, 255, 0.9);
}

.cartAreaADJ {
    max-width: 1600px;
    margin: 0 auto;
}

.totalCartArea {
    padding-top: 2px;
    padding-bottom: 5px;
    margin-top: 3px;
}

ul.cartHeadingsec {
    float: left;
    padding: 0;
    margin: 0;
    /*border-bottom: #3a6cb3 solid 2px;*/
    /* border-bottom: #77a3e1 solid 2px;*/
    border-bottom: #b8d0f2 solid 2px;
    width: 100%;
}

    ul.cartHeadingsec li {
        border-bottom: none;
        background-color: #fff;
        float: left;
        /*width: 25%;*/
        width: 30%;
        /*background: rgba(58,106,178,1);
        background: -moz-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,106,178,1)), color-stop(58%, rgba(80,129,201,1)), color-stop(100%, rgba(39,76,133,1)));
        background: -webkit-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: -o-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: -ms-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: linear-gradient(to bottom, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6ab2', endColorstr='#274c85', GradientType=0 );*/


        background: rgba(39,76,133,1); /*new add gradient*/
        background: -moz-linear-gradient(left, rgba(39,76,133,1) 0%, rgba(80,129,201,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,76,133,1)), color-stop(100%, rgba(80,129,201,1)));
        background: -webkit-linear-gradient(left, rgba(39,76,133,1) 0%, rgba(80,129,201,1) 100%);
        background: -o-linear-gradient(left, rgba(39,76,133,1) 0%, rgba(80,129,201,1) 100%);
        background: -ms-linear-gradient(left, rgba(39,76,133,1) 0%, rgba(80,129,201,1) 100%);
        background: linear-gradient(to right, rgba(39,76,133,1) 0%, rgba(80,129,201,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274c85', endColorstr='#5081c9', GradientType=1 ); /*new add gradient*/
        display: block;
        color: #ffffff;
        font-size: 15px;
        line-height: 20px;
        letter-spacing: .5px;
        padding: 5px 0px 5px 6px;
        border-radius: 5px 12px 0px 0px;
        -moz-border-radius: 5px 12px 0px 0px;
        -webkit-border-radius: 5px 12px 0px 0px;
        margin: 3px 3px 0px 0px;
    }

.cartHeadSec {
    float: left;
    padding: 0;
    margin: 0;
    /*border-bottom: #3a6cb3 solid 2px;*/
    border-bottom: #77a3e1 solid 2px;
    width: 100%;
}

    .cartHeadSec .HeadPart-round {
        border-bottom: none;
        background-color: #fff;
        float: left;
        width: 25%;
        background: rgba(58,106,178,1);
        background: -moz-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,106,178,1)), color-stop(58%, rgba(80,129,201,1)), color-stop(100%, rgba(39,76,133,1)));
        background: -webkit-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: -o-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: -ms-linear-gradient(top, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        background: linear-gradient(to bottom, rgba(58,106,178,1) 0%, rgba(80,129,201,1) 58%, rgba(39,76,133,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6ab2', endColorstr='#274c85', GradientType=0 );
        display: block;
        color: #ffffff;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .5px;
        padding: 5px 0px 5px 6px;
        border-radius: 5px 12px 0px 0px;
        -moz-border-radius: 5px 12px 0px 0px;
        -webkit-border-radius: 5px 12px 0px 0px;
        margin: 3px 3px 0px 0px;
    }


.shippingDtlsArea {
    float: left;
    width: 100%;
    /*background: url(../images/blueCheck.jpg);
	background-size: cover;*/
    margin-top: 0px;
    margin-bottom: 2px;
    min-height: 90px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

@media screen and (max-width:1500px) {
    .payCartAreaADJ3 {
        max-width: 1400px;
    }
}

@media screen and (max-width:1440px) {
    .payCartAreaADJ3 {
        max-width: 1200px;
    }
}



@media screen and (max-width:767px) {
    .placeOrderButt_Three {
        float: left;
        width: 95%;
        margin-left: 2%;
    }

    .placeOrderTxtSM {
        float: left;
        width: 95%;
        margin-left: 2%;
        font-size: 12px;
    }
}

@media screen and (max-width:600px) {
    ul.cartHeadingsec li {
        font-size: 14px;
    }

    .topThreeLinkPart {
        display: none;
    }
}

/*shippAddarea*/
.shippAddarea {
    float: left;
    width: 100%;
    margin: 1px 0px 10px 0px;
    /*background: url(../images/payMthdSecBG.jpg) no-repeat;*/
    background-size: cover;
    color: #5c5c5c;
    /*box-shadow: 1px 1px 8px 1px #c9c9c9;
    -moz-box-shadow: 1px 1px 8px 1px #c9c9c9;
    -webkit-box-shadow: 1px 1px 8px 1px #c9c9c9;*/
}

    .shippAddarea .headSec {
        float: left;
        width: 50%;
        font-size: 18px;
        line-height: 21px;
        padding-top: 5px;
        padding-bottom: 0px;
        padding-left: 10px;
        color: #003788;
    }

    .shippAddarea .txtPart {
        float: left;
        width: 100%;
        padding: 5px;
        font-size: 14px;
        line-height: 20px;
        color: #5c5c5c;
    }

        .shippAddarea .txtPart h2 {
            float: left;
            width: 100%;
            font-size: 16px;
            line-height: 22px;
            color: #f78d1f;
            margin: 0px;
            padding-bottom: 5px;
            font-weight: bold;
        }

        .shippAddarea .txtPart .secArea {
            float: left;
            width: 50%;
        }

            .shippAddarea .txtPart .secArea .txtPart {
                float: left;
                width: 45%;
                padding-top: 7px;
                padding-bottom: 7px;
                font-size: 14px;
                min-height: 35px;
                padding-left: 10px;
                /*color: #008990;*/
                color: #000000;
                text-transform: capitalize;
            }

                .shippAddarea .txtPart .secArea .txtPart img {
                    margin-top: -2px;
                }

                .shippAddarea .txtPart .secArea .txtPart span {
                    float: right;
                    margin-right: 5%;
                }

            .shippAddarea .txtPart .secArea .outPutValue {
                float: left;
                width: 55%;
                padding-top: 7px;
                padding-bottom: 7px;
                padding-left: 10px;
                font-size: 13px;
                color: #656c6e;
                min-height: 35px;
            }

                .shippAddarea .txtPart .secArea .outPutValue span {
                    float: left;
                    padding-top: 3px;
                }

.changeButtArea {
    float: right;
    width: 150px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 1px 7px 3px 5px;
    margin: 1px 0px 0px 0px;
    text-align: right;
    position: relative;
    top: 5px;
}

    .changeButtArea img {
        margin-top: -3px;
    }

    .changeButtArea a:focus {
        outline: none;
    }

    .changeButtArea input:focus {
        outline: none;
    }

.txtBlueButt {
    height: 24px;
    line-height: 23px;
    font-size: 14px;
    background: none;
    color: #003788;
    border: none;
    float: right;
    margin-right: 5px;
}

.paddTopBottAdj {
    padding-top: 10px;
    padding-bottom: 10px;
}

.BillingChk {
    margin-bottom: 10px;
    color: #575757;
    float: left;
    width: 50% !important;
    color: #000;
    margin: 2px 0px 15px 14px;
}

    .BillingChk strong {
        padding-left: 5px;
    }

    .BillingChk input[type="checkbox"] {
        margin-right: 7px;
        float: left;
        width: 18px;
        height: 18px;
    }

.BillingChkGuest {
    margin-bottom: 10px;
    color: #575757;
    float: left;
    width: 50% !important;
    color: #000;
    margin: 15px 0px 15px 15px;
}

    .BillingChkGuest strong {
        padding-left: 5px;
    }

    .BillingChkGuest input[type="checkbox"] {
        margin-right: 7px;
        float: left;
        width: 18px;
        height: 18px;
    }

@media only screen and (min-width:768px) and (max-width:1100px) {
    .shippAddarea .txtPart .secArea .txtPart {
        font-size: 14px;
    }
}

@media only screen and (min-width:600px) and (max-width:1920px) {
    .BillingChk {
        margin-top: -18px !important;
    }
}

@media screen and (max-width:1000px) {
    .shippAddarea .txtPart .secArea {
        float: left;
        width: 100%;
    }

        .shippAddarea .txtPart .secArea .txtPart {
            width: 45%;
        }

        .shippAddarea .txtPart .secArea .outPutValue {
            width: 53%;
        }

    .BillingChk {
        width: 65% !important;
    }
}

@media screen and (max-width:700px) {
    .BillingChk {
        width: 60% !important;
        margin-top: -20px !important;
    }

    .BillingChkGuest {
        width: 98% !important;
    }
}

/*shippAddarea End*/

.shippRadioButaddArea {
    float: left;
    /*width:100%;*/
    width: 50%;
    padding: 5px;
    margin: 1px 0px 3px 0px;
    color: #5c5c5c;
    min-height: 160px;
}

.activate {
    /*background:#ddebef;*/
    /*background: #fff5ea;
    border: #ffe9d3 solid 1px;*/
}

.shippRadioButaddArea .radioSec {
    float: left;
    width: 20px;
    margin-right: 3px;
    margin-left: 7px;
    text-align: center;
    cursor: pointer;
}

.shippRadioButaddArea .txtPart {
    float: left;
    width: 90%;
    padding: 0px;
    font-size: 14px;
    line-height: 19px;
    color: #5c5c5c;
    background: none;
}

.shippRadioButaddArea .EditArea {
    float: left;
    width: 30px;
    padding: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #007483;
    text-align: left;
    font-weight: normal;
    margin-right: 7px;
    margin-left: 30px;
    margin-top: 4px;
}

    .shippRadioButaddArea .EditArea a {
        color: #007483;
        text-decoration: none;
        cursor: pointer;
        font-weight: bold;
    }

.shippRadioButaddArea .DeleteArea {
    float: left;
    width: 30px;
    padding: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #cc3500;
    text-align: right;
    font-weight: normal;
    margin-right: 3px;
    margin-top: 4px;
}

    .shippRadioButaddArea .DeleteArea a {
        color: #cc3500;
        text-decoration: none;
        cursor: pointer;
        font-weight: bold;
    }


/*shippAddarea*/

.shipAddSecPart {
    background: url(../images/payMthdSecBG.jpg) no-repeat;
    background-size: cover;
}

.addNewAddressSec {
    float: right;
    width: auto;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    cursor: pointer;
    color: #14476e;
    font-size: 17px;
    font-weight: normal;
    padding: 2px 6px;
    text-decoration: none;
    border-radius: 7px 7px 0px 0px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-top: -30px;
}

    .addNewAddressSec a {
        color: #14476e;
    }

        .addNewAddressSec a:hover {
            color: #508dbc;
        }

/*---------*/
.AddButtSecPart {
    float: right;
    width: auto;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    cursor: pointer;
    color: #14476e;
    font-size: 19px;
    font-weight: normal;
    padding: 2px 6px;
    text-decoration: none;
    border-radius: 7px 7px 0px 0px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
}

    .AddButtSecPart a {
        color: #14476e;
    }

        .AddButtSecPart a:hover {
            color: #508dbc;
        }

/*---------------------*/

/*SideBar Floting Label Control css*/

#main {
    height: 100vh;
}

.adDiv {
    height: 380px;
}


@media only screen and (min-width:768px) and (max-width:1350px) {
    #main {
        right: 0px !important;
        top: 1px !important;
        height: 100vh;
        float: right !important;
        position: inherit;
    }
}

@media screen and (max-width:1024px) {
    .shippRadioButaddArea .radioSec {
        float: left;
        width: 5%;
        margin-right: 12px;
    }
}

@media screen and (max-width:767px) {
    #main {
        height: 450px;
    }

    .adDiv {
        height: 380px;
    }
}

/*SideBar Floting Label Control css End*/



/*shippCoupnArea start*/

.OutershippCoupnArea {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.shippCoupnArea {
    float: left;
    /*width: 99%;*/
    max-width: 550px;
    /*min-height: 340px;*/
    font-size: 13px;
    color: #595b5c;
    margin: 0px;
    margin-top: 30px;
    padding: 10px;
    border-radius: 7px 7px 0px 0px;
    border: #e7e7e7 solid 1px;
    background: #ffffff;
    /* position: absolute;
    top: 1px;
    right: 7px;*/
}

    .shippCoupnArea h2 {
        background-image: none;
        padding: 0;
        margin: 0;
        margin-bottom: 3px;
        /*line-height:30px;*/
        line-height: 24px;
        font-weight: normal;
        color: #333333;
        /*font-size:16px;*/
        font-size: 18px;
        text-transform: capitalize;
        margin-left: 0px;
        font-weight: bold;
    }

        .shippCoupnArea h2 span {
            color: #f47d1f;
            font-size: 18px;
        }

.shippInsure {
    float: left;
    width: 99%;
    padding: 3px;
    margin: 0px;
    background: #f4f4f4;
}

    .shippInsure h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 3px;
        line-height: 21px;
        font-weight: normal;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
    }

        .shippInsure h3 span {
            color: #f78d1f;
        }

    .shippInsure .areaPart {
        float: left;
        width: 99%;
        padding: 0;
        padding-bottom: 0px;
        padding-bottom: 0px;
        margin: 2px 0px;
        border-bottom: none;
    }

        .shippInsure .areaPart > div input[type="checkbox"] {
            float: left;
            width: 15px;
            outline: none;
            margin-right: 3px;
            margin-left: 2%;
        }

        .shippInsure .areaPart > div label {
            float: left;
            width: 70%;
            padding-left: 8px;
        }



.selShippOpt {
    float: left;
    width: 100%;
    padding: 0;
    margin: 5px 0px;
    border-right: none;
}

    .selShippOpt .rlistinPart {
        float: left;
        width: 99%;
        padding: 0;
        padding-bottom: 0px;
        padding-bottom: 2px;
        padding-left: 8px;
        margin: 2px 0px;
        /*border-bottom: #a6c4cb dashed 1px;*/
        border-bottom: none;
    }

    .selShippOpt span {
        font-size: 12px;
    }

    .selShippOpt strong {
        font-size: 12px;
    }

    .selShippOpt .rlistinPart .radioButtsec {
        float: left;
        /*min-width:4%;*/
        width: 20px;
        padding-left: 2%;
        padding-right: 7px;
        margin-top: 0px;
        text-align: center;
        cursor: pointer;
    }

    .selShippOpt .rlistinPart .txtPart {
        float: left;
        padding-left: 8px;
        width: auto;
    }

    .selShippOpt .ShippingNote {
        padding: 6px 4px;
        font-size: 12px;
        line-height: 18px;
        text-align: justify;
        float: left;
        width: 100%;
    }



    .selShippOpt .cartPrice .CartImg {
        padding-top: 1px;
    }

@media screen and (max-width:1600px) {
    .RpaddMarAdj {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0px;
    }
}

@media screen and (max-width:1400px) {
    .shippCoupnArea {
        border: none !important;
    }
}

@media screen and (max-width:1200px) {
    ul.cartHeadingsec li {
        width: 35%;
    }

    .odrSummaryPayAmountBox .tSec .rightpart .Couponarea3 {
        /* width:50%;*/
        width: 220px;
        float: left;
        margin-left: -25%;
    }
}

@media screen and (max-width:600px) {
    ul.cartHeadingsec li {
        width: 50%;
    }

    .addNewAddressSec {
        font-size: 14px;
    }

    .shippCoupnArea {
        float: left;
        width: 100%;
        max-width: 480px;
        min-height: 340px;
        font-size: 12px;
        margin-top: 12px;
        padding-left: 5px;
        border-radius: 7px 7px 0px 0px;
    }

    .odrSummaryPayAmountBox .tSec {
        font-size: 12px;
    }

    .shippRadioButaddArea .txtPart {
        float: left;
        width: 70%;
        font-size: 13px;
        line-height: 18px;
    }

    .shippRadioButaddArea .txtPart {
        width: 85%;
    }
}

@media screen and (max-width:400px) {
    .shippRadioButaddArea .txtPart {
        width: 80%;
    }
}

/*shippCoupnArea End*/

/*payMhtd_areasec start*/
.payMhtd_areasec {
    background: url(../images/payMhtdbg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    background: #ffffff;
    padding: 3px 0 12px 0;
    margin-bottom: 3px;
    margin-top: 3px;
    overflow: hidden;
}

    .payMhtd_areasec .area {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

.dbtAndCrdtcardArea {
    float: left;
    width: 100%;
    padding: 6px;
    margin: 1px 0px 5px 0px;
    /*border:#cccccc solid 1px;*/
    /*border:#77a3e1 solid 1px;*/
    /*background: url(../images/payMthdSecBG.jpg) no-repeat;*/
}

    .dbtAndCrdtcardArea .threesecPart {
        float: left;
        /*width:100%;*/
        width: 50%;
        margin-top: 4px;
        margin-bottom: 7px;
    }

        .dbtAndCrdtcardArea .threesecPart .crDrcard {
            float: left;
            /*width:40%;*/
            /*width:58%;*/
            width: 100%;
            margin-right: 1%;
            margin-left: 1%;
            display: inline-block;
            color: #686868;
            font-size: 14px;
        }

            .dbtAndCrdtcardArea .threesecPart .crDrcard span {
                color: #333333;
                font-weight: bold;
            }

            .dbtAndCrdtcardArea .threesecPart .crDrcard input[type=radio] {
                float: left;
                margin-right: 10px;
                cursor: pointer;
            }

            .dbtAndCrdtcardArea .threesecPart .crDrcard img {
                float: left;
                margin-right: 7px;
                margin-top: -1px;
                width: 30px;
            }

            .dbtAndCrdtcardArea .threesecPart .crDrcard .wrapperRButtSM {
                float: left;
                padding-left: 12px;
            }

        .dbtAndCrdtcardArea .threesecPart .nameOfCard {
            float: left;
            /*width:22%;*/
            margin-right: 1%;
            width: 100%;
            margin-left: 8%;
        }

        .dbtAndCrdtcardArea .threesecPart .expire {
            float: left;
            /*width:22%;*/
            /*text-align:right;*/
            text-align: left;
            margin-right: 1%;
            width: 100%;
            margin-left: 8%;
        }

        .dbtAndCrdtcardArea .threesecPart .editDelArea {
            /*float:right;
	width:10%;*/
            float: left;
            width: 100%;
            margin-left: 8%;
            margin-top: 5px;
        }





.editSecArea {
    /*float:right;*/
    float: left;
    padding: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #007483;
    text-align: right;
    font-weight: normal;
    margin-right: 7px;
}

    .editSecArea a {
        color: #007483;
        text-decoration: none;
        cursor: pointer;
        font-weight: bold;
    }

.deleteSecArea {
    /*float:right;*/
    float: left;
    padding: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #cc3500;
    text-align: right;
    font-weight: normal;
    margin-right: 3px;
}

    .deleteSecArea a {
        color: #cc3500;
        text-decoration: none;
        cursor: pointer;
        font-weight: bold;
    }


.dbtAndCrdtcardArea .threesecPartHead {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 6px;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: #cccccc solid 1px;
}

    .dbtAndCrdtcardArea .threesecPartHead .crDrcard {
        float: left;
        /*width:40%;*/
        width: 50%;
        margin-right: 1%;
        display: inline-block;
        margin-top: -15px;
    }

        .dbtAndCrdtcardArea .threesecPartHead .crDrcard h2 {
            font-size: 16px;
            padding: 0px;
            margin: 0px;
            font-weight: bold;
        }
    /*.dbtAndCrdtcardArea .threesecPartHead .nameOfCard{
	float:left;
	font-size:14px;
	width:22%;
	margin-right:1%;
}*/
    .dbtAndCrdtcardArea .threesecPartHead .expire {
        float: left;
        font-size: 14px;
        /*width:23%;*/
        width: 32%;
        /*text-align:right;*/
        text-align: left;
        margin-right: 1%;
    }



/**/
.chosePaymhtd {
    float: left;
    width: 100%;
    padding: 5px 0px;
    background: rgba(199,199,199,0.3);
}

    .chosePaymhtd .contPart {
        float: left;
        width: 89%;
        padding: 5px;
        font-size: 14px;
        line-height: 20px;
        color: #5c5c5c;
    }

        .chosePaymhtd .contPart h2 {
            float: left;
            width: 100%;
            font-size: 16px;
            line-height: 22px;
            color: #f78d1f;
            margin: 0px;
            padding-bottom: 5px;
            font-weight: bold;
        }

        .chosePaymhtd .contPart p {
            margin-left: 1%;
            font-size: 14px;
            line-height: 20px;
            color: #5c5c5c;
        }

.closeIconArea {
    float: right;
    /*width: 10%;*/
    padding: 5px 7px 5px 5px;
    font-size: 14px;
    line-height: 20px;
    color: #cc3500;
    text-align: right;
    font-weight: bold;
    margin-top: 6px;
}

    .closeIconArea a {
        color: #cc3500;
    }

/**/

/*paymentCardsecArea*/
.paymentCardsecArea {
    float: left;
    width: 100%;
    padding: 5px;
    margin: 0px;
    /*background: rgba(199,199,199,0.3);*/
    margin-bottom: 3px;
}

    .paymentCardsecArea h2 {
        font-size: 16px;
        line-height: 22px;
        color: #f78d1f;
        margin: 0px;
        padding-bottom: 5px;
        font-weight: bold;
        padding-left: 0px;
    }

.cardWithText {
    display: inline-block;
}

    .cardWithText span {
        float: left;
        width: 100%;
    }

        .cardWithText span > div {
            float: left;
            width: auto;
            margin-right: 5px;
            display: inline-block;
        }

            .cardWithText span > div span {
                width: auto;
                margin-right: 5px;
            }



    .cardWithText img {
        float: left;
        margin-right: 5px;
    }

    .cardWithText > div {
        float: left;
        min-width: 15%;
    }

.CardTxtMain {
    float: right;
}


.paymentCardsecArea .cvvSEC {
    float: left;
    width: 90%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 10px;
}

    .paymentCardsecArea .cvvSEC input {
        width: 140px !important;
        float: left;
        margin-right: 6px;
        min-height: 23px;
        min-height: 32px;
    }

    .paymentCardsecArea .cvvSEC .quesPart {
        float: left;
        margin-top: -5px;
        margin-top: -6px;
        margin-top: 0px;
    }

        .paymentCardsecArea .cvvSEC .quesPart a.tooltip9 span {
            margin-top: -15px;
        }

/*payMhtdInner start*/
.payMhtdInner {
    margin-top: 5px;
}

.payMhtdInnerPart {
    float: left;
    width: 100%;
    margin-top: -2px;
    background: url(../images/payMthdSecBG.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 6px;
    box-shadow: 1px 1px 8px 1px #c9c9c9;
    -moz-box-shadow: 1px 1px 8px 1px #c9c9c9;
    -webkit-box-shadow: 1px 1px 8px 1px #c9c9c9;
}

.payMhtdInnerPart3 {
    float: left;
    width: 100%;
    margin-top: 2px;
    /*background: #ffffff url(../images/shippingDtlsBG.png) no-repeat;
    background-size: cover;*/
    padding-bottom: 6px;
    /*box-shadow:1px 1px 8px 1px #c9c9c9;
	-moz-box-shadow:1px 1px 8px 1px #c9c9c9;
	-webkit-box-shadow:1px 1px 8px 1px #c9c9c9;*/
}

/*billingDtlsInfoSec Start*/
.billingDtlsInfoSec {
    padding-right: 0px !important;
    padding-left: 10px !important;
}

    .billingDtlsInfoSec .headinPart {
        float: left;
        width: 100%;
        font-size: 18px;
        line-height: 21px;
        padding-top: 0px;
        padding-bottom: 5px;
        text-transform: capitalize;
        color: #003788;
        padding-left: 5px;
        /*margin-top:5px;*/
        margin-top: 0px;
    }

.bottUnderLine {
    float: left;
    width: 90%;
    height: 5px;
    color: #0080ad;
    background: url(../images/cartIcon/patern.png);
    background-repeat: repeat-x;
    padding: 3px 0px 3px;
    margin: 0px;
    margin-top: 4px;
    display: none;
}

.billingDtlsInfoSec .secPart {
    float: left;
    width: 100%;
}

    .billingDtlsInfoSec .secPart .txtNameSec {
        float: left;
        width: 40%;
        padding-top: 9px;
        padding-bottom: 7px;
        font-size: 14px;
        min-height: 40px;
        padding-left: 6px;
        /*color: #008990;*/
        color: #000000;
        text-transform: capitalize;
    }

        .billingDtlsInfoSec .secPart .txtNameSec img {
            margin-top: -3px;
        }

        .billingDtlsInfoSec .secPart .txtNameSec span.rCol {
            text-align: right;
            padding-right: 40px;
            float: right;
        }

    .billingDtlsInfoSec .secPart .outPutValue {
        float: left;
        width: 65%;
        font-size: 16px;
        padding-top: 6px;
        padding-bottom: 4px;
        padding-left: 10px;
        color: #56747a;
        min-height: 35px;
    }

        .billingDtlsInfoSec .secPart .outPutValue span {
            padding-top: 5px;
            float: left;
        }

/*.billingDtlsInfoSec .secPart .outPutValue span{
	padding-top:5px;
	float:left;
}*/
span.wrong {
    font-size: 11px;
    color: #ff0000;
    height: 14px;
    line-height: 12px;
    overflow: hidden;
    text-align: left;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    span.wrong > span {
        color: #ff0000;
        padding: 0px;
        margin: 0px;
        /*margin-left:37%;*/
    }

.areaPart span.wrong > span {
    margin-left: 45%;
}

span.wrong > span br {
    display: none;
}
/*Special Adjustment*/

/*Special Adjustment End*/

.billingDtlsInfoSec .secPart .outPutValue input {
    font-size: 14px;
    color: #555555;
    padding-left: 9px;
    height: 32px;
    width: 98%;
    /*border: #83c0df solid 1px;*/
    border: #bdbdbd solid 1px;
    margin-bottom: 0px;
    /*background: #c2eeff;*/
    /*background:#f0f0f0;*/
}

.billingDtlsInfoSec .secPart .outPutValue select {
    font-size: 14px;
    color: #555555;
    padding-left: 9px;
    height: 32px;
    width: 98%;
    /*border: #83c0df solid 1px;*/
    border: #bdbdbd solid 1px;
    margin-bottom: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/drop-arrow.png) no-repeat 98% center;
}

    .billingDtlsInfoSec .secPart .outPutValue select option {
        overflow: hidden;
        font-size: 14px;
    }

.cardInfoSec .outPutValue select option {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
}

.billingDtlsInfoSec .secPart .outPutValue select:focus {
    outline: none;
}

.payMhtdInnerPart3 .billingDtlsInfoSec .secPart span.wrong {
    float: right;
    width: 63%;
}

.payMhtdInnerPart3 .cardInfoSec .secPart span.wrong {
    float: right;
    width: 57%;
}

@media screen and (max-width:1500px) {
    .billingDtlsInfoSec .secPart .txtNameSec {
        float: left;
        width: 40%;
        font-size: 14px;
    }

    .billingDtlsInfoSec .secPart .outPutValue {
        float: left;
        width: 60%;
        font-size: 14px;
    }
    /*block 14.6.2018*/
    /*span.wrong > span { 
        margin-left: 42%;
    }*/

    .guestShip .sec span.wrong > span {
        margin-left: 3px;
    }

    .payMhtdInnerPart3 .billingDtlsInfoSec .secPart span.wrong {
        width: 57%;
    }
}

@media screen and (max-width:1200px) {
    .billingDtlsInfoSec {
        width: 100% !important;
    }

        .billingDtlsInfoSec .secPart .txtNameSec {
            float: left;
            width: 40%;
            font-size: 14px;
        }

        .billingDtlsInfoSec .secPart .outPutValue {
            float: left;
            width: 60%;
            font-size: 14px;
            padding-left: 0px;
        }

    .cardInfoSec {
        width: 100% !important;
    }

        .cardInfoSec .secPart .txtNameSec {
            float: left;
            width: 40%;
            font-size: 14px;
        }

    .billingDtlsInfoSec .secPart .txtNameSec span.rCol {
        padding-right: 10px;
    }

    .cardInfoSec .secPart .outPutValue {
        float: left;
        width: 60%;
        font-size: 14px;
    }
}

@media screen and (max-width:600px) {
    .billingDtlsInfoSec .headinPart {
        font-size: 18px;
    }

    .billingDtlsInfoSec .secPart .outPutValue input {
        width: 95%;
    }

    .billingDtlsInfoSec .secPart .outPutValue select {
        width: 95%;
    }

    .payMhtdInnerPart3 .cardInfoSec .secPart span.wrong {
        float: right;
        width: 58%;
    }
}

@media screen and (max-width:450px) {
    .billingDtlsInfoSec .secPart .txtNameSec {
        width: 45%;
        font-size: 12px;
    }

    .billingDtlsInfoSec .secPart .outPutValue {
        width: 55%;
        font-size: 12px;
    }
}

/*billingDtlsInfoSec End*/

/*cardInfoSec Start*/
.cardInfoSec {
    padding-left: 0px !important;
    padding-right: 10px !important;
}

    .cardInfoSec .headinPart {
        float: left;
        width: 100%;
        font-size: 18px;
        line-height: 21px;
        padding-top: 2px;
        padding-bottom: 5px;
        padding-left: 10px;
        color: #003788;
        margin-top: 0px;
    }

    .cardInfoSec .secPart {
        float: left;
        width: 100%;
    }

        .cardInfoSec .secPart .txtNameSec {
            float: left;
            width: 40%;
            padding-top: 9px;
            padding-bottom: 7px;
            font-size: 14px;
            min-height: 40px;
            padding-left: 6px;
            /*color: #008990;*/
            color: #000000;
            text-transform: capitalize;
        }

            .cardInfoSec .secPart .txtNameSec img {
                margin-top: -3px;
            }

            .cardInfoSec .secPart .txtNameSec .rCol {
                text-align: right;
                padding-right: 20px;
                float: right;
            }

        .cardInfoSec .secPart .outPutValue {
            float: left;
            width: 60%;
            font-size: 16px;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 10px;
            color: #56747a;
            min-height: 35px;
        }

            .cardInfoSec .secPart .outPutValue span {
                /*padding-top:5px;*/
                float: left;
            }

                .cardInfoSec .secPart .outPutValue span.input-group-addon {
                    float: none;
                }

            .cardInfoSec .secPart .outPutValue input {
                font-size: 14px;
                color: #555555;
                padding-left: 9px;
                height: 32px;
                width: 100%;
                /*border: #83c0df solid 1px;*/
                border: #bdbdbd solid 1px;
                margin-bottom: 0px;
                /*background: #c2eeff;*/
                /*background:#f0f0f0;*/
            }

    .cardInfoSec .outPutValue select {
        font-size: 14px;
        color: #555555;
        padding-left: 9px;
        height: 32px;
        width: 100%;
        /*border: #83c0df solid 1px;*/
        border: #bdbdbd solid 1px;
        margin-bottom: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/drop-arrow.png) no-repeat 96% center;
    }

        .cardInfoSec .outPutValue select:focus {
            outline: none;
        }

.halfDropList {
    width: 49% !important;
}

span.wrong2 {
    float: right;
    width: 58%;
}

    span.wrong2 > span.lft {
        color: #ed2324;
        font-size: 11px;
    }

    span.wrong2 > span.rft {
        color: #ed2324;
        font-size: 11px;
    }

/*floting Input Sec*/
.cardInfoSec .input-group {
    width: 99%;
    top: 2px;
    bottom: 5px;
    margin-bottom: 5px;
}

    .cardInfoSec .input-group .input-group-addon {
        width: 40px;
        height: 30px;
        /*background: #c2eeff;*/
        /*background:#f0f0f0;*/
        border: #83c0df solid 1px;
        border-right: 0px;
        border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

    .cardInfoSec .input-group input {
        -moz-box-shadow: inset -1px 0 5px 0px #d8d8d8;
        -webkit-box-shadow: inset -1px 0 5px 0px #d8d8d8;
        box-shadow: inset -1px 0 5px 0px #d8d8d8;
    }

        .cardInfoSec .input-group input:focus ~ .floating-label,
        input:not(:focus):valid ~ .floating-label {
            top: 2px;
            bottom: 2px;
            left: 50px;
            font-size: 9px;
            line-height: 10px;
            opacity: 1;
        }

        .cardInfoSec .input-group input.inputText {
            font-size: 14px;
            color: #555555;
            padding-left: 9px;
            height: 30px;
            border: #83c0df solid 1px;
            margin-bottom: 0px;
            /*background:#f0f0f0;*/
        }

    .cardInfoSec .input-group .floating-label {
        position: absolute;
        pointer-events: none;
        left: 50px;
        top: 3px;
        font-size: 14px;
        color: #858585;
        transition: 0.2s ease all;
    }
/*floting info sec End*/

/*cvv Part Start*/
.cardInfoSec .cvvSEC {
    float: left;
    width: 90%;
    margin-right: 1%;
    margin-left: 0px;
    margin-top: 0px;
}

    .cardInfoSec .cvvSEC input {
        width: 90px !important;
        float: left;
        margin-right: 6px;
        min-height: 32px;
        /*background:#c2eeff;*/
        border: #83c0df solid 1px;
    }

    .cardInfoSec .cvvSEC .quesPart {
        float: left;
        margin-top: -5px;
        margin-top: -6px;
        margin-top: 0px;
    }

        .cardInfoSec .cvvSEC .quesPart a.tooltip9 span {
            margin-top: -15px;
        }



@media screen and (max-width:1500px) {
    .cardInfoSec .secPart .txtNameSec {
        font-size: 14px;
    }

    .cardInfoSec .secPart .outPutValue {
        font-size: 14px;
    }
}

@media screen and (max-width:1200px) {
    .cardInfoSec .secPart .outPutValue {
        float: left;
        width: 60%;
        padding-right: 10px;
        font-size: 14px;
    }

    .cardInfoSec .secPart .txtNameSec .rCol {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cardInfoSec {
        padding-left: 10px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width:700px) {
    .cardInfoSec .secPart .outPutValue {
        padding-right: 0px;
    }
}

@media screen and (max-width:600px) {
    .cardInfoSec .headinPart {
        font-size: 18px;
    }

    .cardInfoSec .secPart .outPutValue input {
        width: 95%;
    }

    .cardInfoSec .outPutValue select {
        width: 96%;
    }

    .halfDropList {
        width: 48% !important;
    }
}

@media screen and (max-width:480px) {
    .halfDropList {
        width: 98% !important;
        margin-bottom: 5px !important;
    }
}


@media screen and (max-width:450px) {
    .cardInfoSec .secPart .txtNameSec {
        width: 45%;
        font-size: 12px;
    }

    .cardInfoSec .secPart .outPutValue {
        width: 55%;
        font-size: 12px;
    }

    .payMhtdInnerPart3 .billingDtlsInfoSec .secPart span.wrong {
        float: right;
        width: 54%;
    }

        .payMhtdInnerPart3 .billingDtlsInfoSec .secPart span.wrong > span { /*add 14.6.2018*/
            margin-left: 0px;
        }

    .payMhtdInnerPart3 .cardInfoSec .secPart span.wrong {
        float: right;
        width: 54%;
    }

        .payMhtdInnerPart3 .cardInfoSec .secPart span.wrong > span { /*add 14.6.2018*/
            margin-left: 0px;
        }
}


/*cvv Part End*/


/*cardInfoSec End*/

/*Link Butt Sec Area*/
.buttAreaPart {
}

.BlueBgButt {
    width: 110px !important;
    height: 24px;
    line-height: 23px;
    font-size: 14px;
    color: #003788;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009ed8+0,0080ad+100 */
    background: #009ed8; /* Old browsers */
    background: -moz-linear-gradient(top, #009ed8 0%, #0080ad 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ed8), color-stop(100%,#0080ad)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #009ed8 0%,#0080ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #009ed8 0%,#0080ad 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #009ed8 0%,#0080ad 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #009ed8 0%,#0080ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ed8', endColorstr='#0080ad',GradientType=0 ); /* IE6-9 */
    border: none;
    float: right;
    margin-right: 5px;
}

.blueAddbutton {
    float: left;
    cursor: pointer;
    vertical-align: top;
    font-family: "Comfortaa";
    text-align: center;
    font-size: 11px;
    color: #FFF;
    background: #3b6bb4;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 0px 25px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    margin-bottom: 3px;
    width: auto !important;
    background: #009ed8; /* Old browsers */
    background: -moz-linear-gradient(top, #009ed8 0%, #0080ad 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ed8), color-stop(100%,#0080ad)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #009ed8 0%,#0080ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #009ed8 0%,#0080ad 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #009ed8 0%,#0080ad 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #009ed8 0%,#0080ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ed8', endColorstr='#0080ad',GradientType=0 ); /* IE6-9 */
    text-decoration: none !important;
}

/*Link Butt Sec Area End*/


.addallcard {
    float: right;
    width: auto;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    cursor: pointer;
    color: #007eca;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 0px;
    text-decoration: none;
    border-radius: 7px 7px 0px 0px;
    text-align: left;
    margin-bottom: -40px;
}

    .addallcard img {
        margin-top: -3px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

.otherPaymentMethd {
    float: left;
    width: 50%;
    padding: 0px;
    margin: 5px 0px 5px;
    display: inline-block;
}

    .otherPaymentMethd h2 {
        float: left;
        width: 100%;
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

.addallsecCard {
    float: left;
    width: 99%;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    padding: 5px 0px;
    text-decoration: none;
    border-radius: 7px 7px 0px 0px;
    text-align: left;
    /*margin-left:1%;*/
}

    .addallsecCard img {
        margin-top: -3px;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .addallsecCard .subTxt {
        width: 97%;
        min-height: 30px;
        margin-left: 3%;
        font-size: 11px;
        color: #626262;
        text-align: justify;
        margin-bottom: 3px;
    }

        .addallsecCard .subTxt #giftCrdMore {
            font-size: 11px;
            font-weight: bold;
            color: #2a73ab;
            text-decoration: underline;
            display: inline-block;
            padding-left: 3px;
        }

            .addallsecCard .subTxt #giftCrdMore:hover {
                font-size: 11px;
                color: #478bbf;
                text-decoration: none;
            }

    .addallsecCard .subTxtBig {
        width: 97%;
        min-height: 30px;
        margin-left: 3%;
        font-size: 11px;
        color: #626262;
        text-align: justify;
    }

        .addallsecCard .subTxtBig #giftCrdless {
            font-size: 11px;
            font-weight: bold;
            color: #2a73ab;
            text-decoration: underline;
            display: inline-block;
            padding-left: 3px;
        }

            .addallsecCard .subTxtBig #giftCrdless:hover {
                font-size: 11px;
                color: #478bbf;
                text-decoration: none;
            }

#GiftsubTxtBig {
    display: none;
}

/*coupanSecArea Start*/
.coupanSecArea {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}

.applyQuiCouponArea {
    float: left;
    width: 100%;
    margin-top: 1px;
    /*background: url(../images/payMthdSecBG.jpg) no-repeat;
    background-size: cover;*/
    padding-bottom: 6px;
    /* box-shadow: 1px 1px 8px 1px #c9c9c9;
    -moz-box-shadow: 1px 1px 8px 1px #c9c9c9;
    -webkit-box-shadow: 1px 1px 8px 1px #c9c9c9;*/
    margin-bottom: 10px;
}

    .applyQuiCouponArea .giftcardSecArea {
        float: left;
        width: 100%;
    }

        .applyQuiCouponArea .giftcardSecArea .partarea {
            float: left;
            width: 100%;
            padding: 0px 12px 12px 12px;
        }

            .applyQuiCouponArea .giftcardSecArea .partarea .txtPart {
                font-size: 16px;
                color: #333333;
                font-weight: normal;
                padding: 2px 0 0 0px;
                margin: 0;
                line-height: normal;
                width: 50%;
                float: left;
            }

            .applyQuiCouponArea .giftcardSecArea .partarea span {
                font-size: 16px;
                color: #333333;
                font-weight: normal;
                padding: 10px 0 0 0px;
                margin: 0;
                line-height: normal;
                width: 45%;
                float: left;
            }

            .applyQuiCouponArea .giftcardSecArea .partarea input {
                border: #bdbdbd solid 1px;
                float: left;
                font-size: 12px;
                color: #2e2e2e;
                width: 34%;
                height: 36px;
                line-height: 35px;
                padding: 0px 5px;
                border-radius: 0;
                margin-top: 10px;
                margin-bottom: 12px;
            }

            .applyQuiCouponArea .giftcardSecArea .partarea .applyButt {
                margin-top: 20px;
            }
    /**/
    .applyQuiCouponArea .partarea {
        float: left;
        width: 100%;
        padding: 0px 2px 0px 12px;
    }


        .applyQuiCouponArea .partarea .txtPart {
            font-size: 16px;
            color: #333333;
            font-weight: normal;
            padding: 2px 0 0 0px;
            margin: 0;
            line-height: normal;
            width: 50%;
            float: left;
        }

        .applyQuiCouponArea .partarea span {
            font-size: 16px;
            color: #333333;
            font-weight: normal;
            padding: 8px 0 0 0px;
            margin: 0;
            line-height: normal;
            width: 45%;
            float: left;
        }

.notePartSec {
    float: left;
    min-height: 30px;
    font-size: 11px;
    color: #626262;
    text-align: justify;
    margin-top: 5px;
    margin-bottom: 3px;
}

.applyQuiCouponArea .partarea input {
    border: #bdbdbd solid 1px;
    float: left;
    font-size: 12px;
    color: #2e2e2e;
    width: 34%;
    height: 36px;
    line-height: 35px;
    padding: 0px 5px;
    border-radius: 0;
    margin-top: 5px;
    margin-bottom: 12px;
}

.applyQuiCouponArea .arrowArea {
    float: left;
    text-align: center;
    max-width: 2%;
    min-height: 20px;
    vertical-align: middle;
    padding: 0px;
    margin-right: 1%;
    margin-top: 10px;
}

.applyQuiCouponArea .partarea .applyButt {
    margin-top: 5px;
}

/**/
.applyCouponSec {
    float: left;
    width: 100%;
}

    .applyCouponSec .Couponarea3 {
        /* width:50%;*/
        width: 300px;
        float: left;
        margin-left: -42%;
        margin-top: -45px;
        position: absolute;
        z-index: 1000;
    }

        .applyCouponSec .Couponarea3 .arrowdiv7 {
            top: 16px;
            left: -18px;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
        }

    .applyCouponSec .applyCouponArea {
        float: left;
        width: 100%;
    }

    .applyCouponSec .couponinputarea {
        padding: 1% 0px 0px 0px;
        width: 97%;
        padding-left: 3%;
    }

        .applyCouponSec .couponinputarea input[type="text"] {
            width: 60%;
            height: 24px;
            padding: 0px 3px;
        }

    .applyCouponSec .CouponRedeemarea input[type="button"] {
        line-height: 20px;
        height: 23px;
        padding-top: 0px;
    }

.couponinputarea label {
    font-size: 12px;
}

@media screen and (max-width:900px) {
    .applyQuiCouponArea .partarea span {
        width: 98%;
        padding: 10px 0 0 0px;
    }

    .applyQuiCouponArea .partarea input {
        width: 65%;
        margin-top: 10px;
    }

    .applyQuiCouponArea .arrowArea {
        margin-top: 10px;
    }

    .applyQuiCouponArea .partarea .applyButt {
        margin-top: 10px;
    }
}

@media screen and (max-width:800px) {
    .applyQuiCouponArea .giftcardSecArea .partarea .txtPart {
        width: 98%;
    }

    .applyQuiCouponArea .giftcardSecArea .arrowArea {
        display: none;
    }

    .applyQuiCouponArea .giftcardSecArea .partarea input {
        width: 70%;
        margin-top: 10px;
    }

    .applyQuiCouponArea .giftcardSecArea .partarea .applyButt {
        margin-top: 10px;
    }
}

@media screen and (max-width:400px) {
    .applyQuiCouponArea .arrowArea {
        margin-top: 14px;
    }
}

/*Payment Method New Card Area*/

.payment_billingnewCardAreaModal {
    float: none;
    width: 600px;
    margin: 10px auto;
    overflow: hidden;
    clear: both;
}

.newCardArea {
    width: 100%;
    margin: 5px auto;
    padding: 0px;
    overflow: hidden;
    background: rgba(111,157,168,0.1);
    border-radius: 5px 5px 0px 0px;
}

    .newCardArea .left {
        width: 97%;
        margin: 0 0 15px 6px !important;
        padding: 0px 15px 0px 0px;
        float: left;
        font-size: 14px;
        color: #3A6BB3;
        text-align: left;
        margin-bottom: 5px;
        height: 30px;
        line-height: 30px;
        border-bottom: #d6d6d6 solid 1px;
    }

    .newCardArea .left1 {
        width: 35%;
        width: 40%;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 0px 15px 0px 2%;
        float: left;
        font-size: 14px;
        color: #6b6b6b;
        text-align: left;
        margin-bottom: 5px;
        height: 30px;
        line-height: 30px;
    }

    .newCardArea .right {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 0px;
        margin-left: auto;
        padding: 0px 0px;
        float: left;
        margin-bottom: 5px;
        margin-left: 10%;
        margin-left: 0px;
        color: #6b6b6b;
    }

        .newCardArea .right input[type="text"] {
            border-radius: 0px;
            width: 97%;
            min-height: 30px;
            box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -webkit-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -o-box-shadow: inset 0px 0px 13px -4px #ABABAB;
        }

        .newCardArea .right input[type="password"] {
            border-radius: 0px;
            /*width: 44%;*/
            width: 97%;
            min-height: 30px;
            box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -webkit-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -o-box-shadow: inset 0px 0px 13px -4px #ABABAB;
        }

        .newCardArea .right select {
            /*width: 49.5% !important;*/
            width: 97% !important;
            border-radius: 0px;
            box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -webkit-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -o-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: rgba(255,255,255,0.8) url(../images/drop-arrow9.png) no-repeat 97% 50%;
            cursor: pointer;
            outline: none;
            line-height: normal;
            margin-bottom: 7px;
        }


/*giftcardSecArea*/
.giftcardSecArea {
    float: right;
    width: 49%;
    padding: 0px;
    margin: 5px 0px 5px;
}

    .giftcardSecArea .arrowArea {
        float: left;
        text-align: center;
        width: 10%;
        min-height: 100px;
        vertical-align: middle;
        padding: 0px;
        margin-right: 1%;
    }

        .giftcardSecArea .arrowArea img {
            margin-top: 50px;
        }

    .giftcardSecArea .partarea {
        float: right;
        width: 88%;
        padding: 0px;
        margin: 0px;
    }

        .giftcardSecArea .partarea span {
            font-size: 16px;
            color: #333333;
            font-weight: normal;
            padding: 5px 0 0 0px;
            margin: 3px 0px 5px 0px;
            line-height: normal;
            width: 80%;
            float: left;
        }

        .giftcardSecArea .partarea input {
            border: #bdbdbd solid 1px;
            float: left;
            font-size: 12px;
            color: #2e2e2e;
            width: 100%;
            height: 36px;
            line-height: 31px;
            padding: 0px 5px;
            border-radius: 0;
            margin-top: 7px;
            margin-bottom: 12px;
        }

            .giftcardSecArea .partarea input.halfAdjPart {
                width: 80%;
            }

            .giftcardSecArea .partarea input:focus {
                border: #bdbdbd solid 1px !important;
            }

a.applyButt {
    float: right;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    color: #FFF;
    background: #3b6bb4;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    margin-left: 0px;
    margin-top: 7px;
    text-transform: uppercase;
    padding: 0px 20px;
    line-height: 35px;
    height: 36px;
    border: none;
    margin-right: 1px;
}

a.crossCancelButt {
    float: right;
    cursor: pointer;
    vertical-align: top;
    font-size: 11px;
    color: #FFF;
    background: #3b6bb4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 5px;
    margin-top: 7px;
    text-transform: uppercase;
    padding: 0px 20px;
    line-height: 30px;
    height: 30px;
    border: none;
    background: #f7c11e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YzExZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y3OGQxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTJiMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7c11e 0%, #f78d1e 50%, #ee2b24 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c11e), color-stop(50%,#f78d1e), color-stop(100%,#ee2b24));
    background: -webkit-linear-gradient(top, #f7c11e 0%,#f78d1e 50%,#ee2b24 100%);
    background: -o-linear-gradient(top, #f7c11e 0%,#f78d1e 50%,#ee2b24 100%);
    background: -ms-linear-gradient(top, #f7c11e 0%,#f78d1e 50%,#ee2b24 100%);
    background: linear-gradient(to bottom, #f7c11e 0%,#f78d1e 50%,#ee2b24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c11e', endColorstr='#ee2b24',GradientType=0 );
    margin-right: 5px;
}

a.submitButt {
    float: left;
    width: 46%;
    max-width: 250px;
    cursor: pointer;
    vertical-align: top;
    font-size: 12px;
    color: #000000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 0px;
    margin-top: 7px;
    padding: 0px 5px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border: none;
    border: #b58f30 solid 1px;
    background: rgb(250,216,134);
    background: -moz-linear-gradient(top, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,216,134,1)), color-stop(100%,rgba(249,200,84,1)));
    background: -webkit-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    background: -o-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    background: linear-gradient(to bottom, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854',GradientType=0 );
}

a.submitButt3 {
    float: left;
    width: 50%;
    cursor: pointer;
    vertical-align: top;
    font-size: 14px;
    color: #000000;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 25%;
    margin-top: 7px;
    padding: 0px 5px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border: none;
    border: #b58f30 solid 1px;
    background: rgb(250,216,134);
    background: -moz-linear-gradient(top, rgba(250,216,134,1) 0%, rgba(249,200,84,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,216,134,1)), color-stop(100%,rgba(249,200,84,1)));
    background: -webkit-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    background: -o-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    background: linear-gradient(to bottom, rgba(250,216,134,1) 0%,rgba(249,200,84,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad886', endColorstr='#f9c854',GradientType=0 );
}

a.CancelCrossButt {
    float: right;
    width: 46%;
    max-width: 250px;
    cursor: pointer;
    vertical-align: top;
    font-size: 12px;
    color: #ffffff;
    /*background: #3b6bb4;*/
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 7px;
    padding: 0px 5px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border: none;
    border: #a26107 solid 1px;
    background: #f78d1f;
    background: -moz-linear-gradient(top, #f78d1f 0%, #d87309 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78d1f), color-stop(100%,#d87309));
    background: -webkit-linear-gradient(top, #f78d1f 0%,#d87309 100%);
    background: -o-linear-gradient(top, #f78d1f 0%,#d87309 100%);
    background: -ms-linear-gradient(top, #f78d1f 0%,#d87309 100%);
    background: linear-gradient(to bottom, #f78d1f 0%,#d87309 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78d1f', endColorstr='#d87309',GradientType=0 );
}

@media screen and (max-width:1000px) {

    .otherPaymentMethd {
        width: 99%;
    }

    .giftcardSecArea {
        width: 99%;
    }
}

@media screen and (max-width:400px) {
    .giftcardSecArea .partarea input.halfAdjPart {
        width: 70%;
    }
}

/*giftcardSecArea End*/

.applyCouponSecArea {
    float: right;
    width: 88%;
    padding: 0px;
    margin: 5px 0px 5px;
}




/*deliveryADDfrom*/
.deliveryADDfrom {
    float: none;
    width: 550px;
    padding: 5px 4px;
    margin: 0px auto;
}

    .deliveryADDfrom h2 {
        background: url(../images/youraccount-icon.png) no-repeat top left;
        font-family: "Comfortaa";
        color: #1c5b6a;
        font-size: 20px;
        font-weight: normal;
        text-transform: none;
        padding-left: 45px;
        line-height: 36px;
        margin-bottom: 0px;
        float: left;
        margin-top: 9px;
    }

        .deliveryADDfrom h2 span {
            color: #f46c20;
        }

.recipentAddresssecboxFull {
    float: left;
    width: 100%;
    padding: 10px 0px;
    margin: 0;
    margin-left: 0px;
    background: rgba(178,205,245,0.2);
}

    .recipentAddresssecboxFull .textAndinputSEc {
        margin-bottom: 7px;
        width: 100%;
        float: left;
    }


    .recipentAddresssecboxFull .tsec {
        float: left;
        width: 40%;
        padding-top: 5px;
        padding-right: 1%;
        text-align: left;
        font-size: 13px;
        line-height: 15px;
        color: #4a4a4a;
    }

    .recipentAddresssecboxFull .fromsec {
        float: left;
        width: 58%;
        padding-right: 1%;
    }

        .recipentAddresssecboxFull .fromsec input[type="text"] {
            width: 95% !important;
            border: #afc7d5 solid 1px;
            border-radius: 0px !important;
            box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -webkit-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -o-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            min-height: 30px;
            margin-bottom: 10px;
        }

        .recipentAddresssecboxFull .fromsec select {
            width: 95% !important;
            border: #afc7d5 solid 1px;
            border-radius: 0px !important;
            box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -webkit-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -o-box-shadow: inset 0px 0px 13px -4px #ABABAB;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: rgba(255,255,255,0.8) url(../images/drop-arrow9.png) no-repeat 97% 50%;
            cursor: pointer;
            outline: none;
            margin-bottom: 6px;
        }
/*deliveryADDfrom end*/

/*reviewSecArea*/
.reviewSecArea {
    margin: 0px;
    padding: 0px;
}

    .reviewSecArea .partSec {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

        .reviewSecArea .partSec h2 {
            font-size: 18px;
            line-height: 21px;
            color: #f78d1f;
            font-weight: bold;
            margin-top: 7px;
        }

            .reviewSecArea .partSec h2 span {
                color: #3565ad;
            }

        .reviewSecArea .partSec .picPart {
            float: left;
            vertical-align: top;
        }

        .reviewSecArea .partSec .estimatedelivery {
            /*overflow: auto;
            max-height:350px;*/
            width: 99%;
        }

        .reviewSecArea .partSec .estimatedeliveryArea {
            margin-bottom: 10px;
            overflow-x: hidden; /*hide horizontal*/
        }


        .reviewSecArea .partSec .contTextPart {
            float: left;
        }

            .reviewSecArea .partSec .contTextPart .sec {
                /*width: 100%;*/
                width: auto;
                float: left;
                font-size: 14px;
                display: inline-block;
                margin-right: 5px;
            }

            .reviewSecArea .partSec .contTextPart .sec {
            }

            .reviewSecArea .partSec .contTextPart .StoreName {
                width: 100%;
                display: inline;
                float: left;
                font-weight: normal;
            }

.store {
    color: #3b6bb4 !important;
}

.reviewSecArea .partSec .contTextPart .sec input {
    width: 100px;
    margin-top: 5px;
    margin-left: 5px;
}

.reviewSecArea .partSec .contTextPart .sec a {
    color: #3a6cb3;
    /*margin-left:3px;*/
    margin-left: 0px;
}

.reviewSecArea .partSec .contTextPart .price {
    width: 100%;
    float: left;
    color: #017887;
    font-size: 14px;
}

.reviewSecArea .partSec .contTextPart .cartPrice .CartImg {
    margin-left: -3px;
    margin-right: 5px;
    float: left;
}

.reviewSecArea .partSec .contTextPart .cartPrice .cartContainSpl {
    padding-top: 0px;
}

.a-text-strike {
    text-decoration: line-through;
    color: #ff0000;
}

.availability {
    color: #c60;
    /*margin-top:6px;*/
    margin-top: 2px;
}

.reviewSecArea .partSec .contTextPart .sec a.update {
    font-size: 0px;
    color: #017887;
    line-height: 18px;
}

.reviewSecArea .partSec .contTextPart .sec a.delete {
    font-size: 12px;
    color: #f62300;
}

.reviewSecArea .partSec .contTextPart .sec a.delete {
}

select.Quantity {
    width: 65px;
    text-shadow: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 12px;
    border-radius: 3px;
    background: rgba(255,255,255,0.8) url(../images/drop-arrow-small.png) no-repeat 94% 50%;
    cursor: pointer;
}

    select.Quantity:focus {
        outline: none;
    }

/*.reviewSecArea .partSec .standDeliveryHeading{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	margin-bottom:6px;
}

.reviewSecArea .partSec .stndDelivery{
	float:left;
	width:100%;
	margin-bottom:5px;
}

.reviewSecArea .partSec .stndDelivery .radioSec{
	float:left;
	width:40px;
	text-align:center;
}

.reviewSecArea .partSec .stndDelivery .conttxtPart{
	float:left;
	width:80%;
	text-align:left;
}

.reviewSecArea .partSec .stndDelivery .conttxtPart span{
	color:#3091a9;
}*/

@media (max-width:1420px) {
    .reviewSecArea .partSec .estimatedeliveryArea a img {
        width: 110px !important;
        height: 110px !important;
    }
}


@media (max-width:1300px) {
    .reviewSecArea .partSec .estimatedeliveryArea a img {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width:1024px) {
    .reviewSecArea .partSec .estimatedeliveryArea a img {
        width: 70px !important;
        height: 70px !important;
    }
}

@media (max-width:767px) {
    .reviewSecArea .partSec .estimatedeliveryArea a img {
        width: 120px !important;
        height: 120px !important;
    }
}

@media (max-width: 480px) {
    .reviewSecArea .partSec .estimatedeliveryArea a img {
        width: 70px !important;
        height: 70px !important;
    }
}


/*reviewSecArea end*/
/*payMhtd_areasec end*/

/*side panel total payment-area*/
.tPrice {
    float: right;
    width: 100%;
    background: none !important;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    min-height: 240px;
    border-radius: 7px 7px 0px 0px;
}

.tPriceSmall {
    float: right;
    width: 100%;
    background: none !important;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    min-height: 140px;
    border-radius: 7px 7px 0px 0px;
}


/*side panel total payment-area End*/


/*totalCartArea end*/


/*CART AREA SECTION END*/

#dDrop2 {
    /*background:#CF0;*/
    background: url(../images/d-pic.png) no-repeat;
    width: 40px;
    height: 40px;
    /*margin-top:-65px;*/
    margin-right: 9px;
    margin-top: -41px;
    float: right;
    display: none;
    /*position:absolute;*/
    cursor: pointer;
}

#tSecallarea2 {
    padding: 0;
    margin: 0;
    display: block;
}

.menuDropArea {
    padding: 1px;
    margin-top: 1px;
}


.navBrandLogo {
    top: -2px;
    position: relative;
}
/* top most nav */

.topMostNav {
    height: 25px;
    position: fixed;
    z-index: 5002;
    width: 100%;
    margin-bottom: 25px;
}

.topNavCartDiv {
    text-align: right;
    padding-top: 5px;
}

    .topNavCartDiv a {
        text-decoration: none;
        color: #fff;
    }

.topMostDivDrop {
    position: relative;
    padding-top: 5px;
    font-size: 11px;
    list-style: none;
}

    .topMostDivDrop a {
        text-decoration: none;
        color: #fff;
    }

.topmostNavIcon {
    font-size: 10px;
    padding-top: 6px;
    text-align: right;
    padding-right: 12px;
}

    .topmostNavIcon a i.fa {
        margin-right: 3px;
    }
/*add class S*/
/*.logandCartsec {
    float: right;
    width: 70px;
}*/
/*logo and top section total adjustment*/
.logandCartsec {
    float: right;
    /*width:80px;*/
    width: auto;
    margin-right: 8px;
}

.topAnotherLinkAec {
    float: right;
    /*width:70px;*/
    width: auto;
    margin-right: 9px;
    font-size: 11px;
    color: #ffffff;
    padding-top: 5px;
    list-style-type: none;
}

    .topAnotherLinkAec a {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
    }

        .topAnotherLinkAec a i.fa {
            margin-right: 3px;
        }


.topNavAction {
    text-decoration: none;
    color: #fff;
}

    .topNavAction:hover {
        text-decoration: none;
        color: #fff;
    }

.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 8px !important; /*edit for shop be department*/
    font-size: 14px;
}

    .nav > li > a i.fa {
        font-size: 12px;
        margin-right: 3px;
    }

top cart adjustmen endt*/ .bigLogo {
    display: block;
}

.smallLogo {
    display: none;
}




/*top cart adjustment*/

.dropdown-menuAddj {
    background: #fff8ed;
    background: -moz-linear-gradient(top, #fff8ed 0%, #ffe6bd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8ed), color-stop(100%,#ffe6bd));
    background: -webkit-linear-gradient(top, #fff8ed 0%,#ffe6bd 100%);
    background: -o-linear-gradient(top, #fff8ed 0%,#ffe6bd 100%);
    background: -ms-linear-gradient(top, #fff8ed 0%,#ffe6bd 100%);
    background: linear-gradient(to bottom, #fff8ed 0%,#ffe6bd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8ed', endColorstr='#ffe6bd',GradientType=0 );
    border: #ffffff solid 1px;
    min-width: 160px;
}

#basket {
    max-width: 160px;
    height: auto;
    border: none;
    margin: 0px auto;
    padding: 0;
    display: inline;
    background-color: transparent;
    background-image: url(../images/basketMid.jpg);
    background-repeat: repeat-y;
    text-align: center;
}

    #basket > div {
        margin: 0px auto;
        text-align: center !important;
    }

#basketSub {
    width: 90%;
    height: auto;
    border: 1px solid #099;
    margin: 10px !important;
    padding: 5px 0px;
    background-color: transparent;
    color: #666;
    line-height: 110%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}

    #basketSub div {
        font-size: 14px;
        margin: 5px 0 3px 0;
        color: #000;
    }

    #basketSub .cartPrice > div {
        width: auto;
        display: inline-block;
        padding: 3px 2px;
        margin: 0px;
    }

        #basketSub .cartPrice > div img {
            margin-top: -3px;
        }

.redbutton {
    /*float: left;*/
    cursor: pointer;
    vertical-align: top;
    /*font-family: "Comfortaa";*/
    font-size: 11px;
    color: #FFF;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 1px 25px 0px;
    line-height: 20px;
    height: 26px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    background: #db2823; /* Old browsers */
    background: -moz-linear-gradient(top, #db2823 0%, #630f0f 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db2823), color-stop(100%,#630f0f)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #db2823 0%,#630f0f 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #db2823 0%,#630f0f 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #db2823 0%,#630f0f 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #db2823 0%,#630f0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db2823', endColorstr='#630f0f',GradientType=0 ); /* IE6-9 */
    font-weight: normal;
    border: 1px solid #ab1f1b;
    margin-top: 6px;
}

    .redbutton:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#630f0f+0,db2823+98 */
        background: #630f0f; /* Old browsers */
        background: -moz-linear-gradient(top, #630f0f 0%, #db2823 98%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#630f0f), color-stop(98%,#db2823)); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, #630f0f 0%,#db2823 98%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, #630f0f 0%,#db2823 98%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, #630f0f 0%,#db2823 98%); /* IE10 preview */
        background: linear-gradient(to bottom, #630f0f 0%,#db2823 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630f0f', endColorstr='#db2823',GradientType=0 ); /* IE6-9 */
    }
/*top cart adjustment*/

@media only screen and (min-width:1000px) and (max-width:1200px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 4px;
        font-size: 12px;
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 4px;
        font-size: 10px;
    }
}


@media only screen and (min-width:768px) and (max-width:950px) {
    .bigLogo {
        display: none;
    }

    .smallLogo {
        display: block;
    }

    .navbar-right {
        margin-right: 0px !important;
    }
}

@media (max-width: 767px) {
    .shippCoupnArea {
        position: relative;
        top: 1px;
    }
}

@media (max-width: 680px) {
    .sideHeading {
        font-size: 16px;
        background-size: 30px auto;
    }
}

@media (max-width: 400px) {
    .paddFiveAdj {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/*logo and top section total adjustment end*/

.topNavAction {
    text-decoration: none;
    color: #fff;
}

    .topNavAction:hover {
        text-decoration: none;
        color: #fff;
    }

/* top most nav */

/* top */

/* bar */

.contactButDiv {
    text-align: center;
}

/* sanbot */
.collapse ul li a { /*edit for shop by department*/
    /*color: #666666;*/
    color: #444444;
    font-weight: bold;
}

    .collapse ul li a.maintainHover { /*edit for shop by department*/
        font-weight: bold;
    }

    .collapse ul li a:hover {
        color: #ff3300;
    }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #0000004d;
    /* background: url(../img/home/buttog.png) no-repeat center top; */
    /*  border: 1px solid #f2f2f2; */
    border-radius: 4px;
}


.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
    /*  position: fixed; */
    z-index: 2020;
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.navbar-inverse {
    border-radius: 0px;
    position: fixed;
    z-index: 5001;
    top: 25px;
}

    .navbar-inverse .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav > li > a:hover {
            color: #c9cdd2;
        }

        .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:focus {
            outline: 0;
            text-decoration: none;
        }

.proDivider {
    margin-bottom: 0px;
}




/* nav */


/*
 * Custom styles
 */
.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    padding: 20px 0 20px 0;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #222;
    border-color: #080808;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    position: fixed;
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    padding: 0;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand, .navbarColor, .navBrandLogo, .navBrand,
.navbar-container {
    transition: 0.8s;
    -webkit-transition: 0.8s;
}

/* sticky */
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0px solid transparent;
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}

.nav > li > a:hover {
    /*background: rgba(255,255,255,.3);*/
    background: none !important; /*edit for shop by department*/
}

.navbar-brand {
    /* background:rgba(0,0,0,.2); */
    position: relative;
    top: -9px;
}

.navbar-toggle collapsed:hover {
    background: rgba(172,6,14,1);
    background: -moz-linear-gradient(top, rgba(172,6,14,1) 0%, rgba(198,8,20,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(172,6,14,1)), color-stop(100%, rgba(198,8,20,1)));
    background: -webkit-linear-gradient(top, rgba(172,6,14,1) 0%, rgba(198,8,20,1) 100%);
    background: -o-linear-gradient(top, rgba(172,6,14,1) 0%, rgba(198,8,20,1) 100%);
    background: -ms-linear-gradient(top, rgba(172,6,14,1) 0%, rgba(198,8,20,1) 100%);
    background: linear-gradient(to bottom, rgba(172,6,14,1) 0%, rgba(198,8,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac060e', endColorstr='#c60814', GradientType=0 );
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: rgba(255,184,164,1);
    color: #555;
}

.navMenuAction:hover {
    color: #4a4a4a;
    text-decoration: none;
}

/* boot */
/* icon */




.list-group.panel > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}






/*Owl Crowsel Implement*/


/*shop by department section fixing*/

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: none !important;
    border-color: none;
}

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: none !important;
        border-color: none;
    }

.shopbydepartment li.active {
    line-height: 25px !important;
    padding-top: 0px !important;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: none !important;
    background: none !important;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: none !important;
    background: none !important;
}

.left label {
    width: auto !important;
    left: 15px;
}

.dropdown-menu > li > a span {
    color: #999999;
}

.dropdown-menu > li > a:hover {
    color: #ff3300;
}

li a.dropdown-toggle {
    color: #ffffff !important;
    font-weight: normal !important;
}

.shopbydepartment li a.dropdown-toggle {
    font-size: 16px;
}

.shopbydepartment .dropdown-menu {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.shopbydepartment .popover {
    min-width: 473px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 0px 3px 0px #B0B0B0;
    -moz-box-shadow: 2px 0px 3px 0px #B0B0B0;
    -webkit-box-shadow: 2px 0px 3px 0px #B0B0B0;
    margin-top: 0px;
    padding-bottom: 4px !important;
    padding: 0px;
    overflow: hidden;
}

.shopbydepartment .popover-title {
    background: none;
}

@-moz-document url-prefix() {
    .shopbydepartment .popover {
        /*min-height:431px;*/
        /* min-height:466px!important;*/
    }
}

@media only screen and ( min-width: 568px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-width: 568px) and ( min-device-pixel-ratio: 1.25) {

    .shopbydepartment .popover {
        /*top:2.7px!important;*/
        /*min-height:464px!important;*/
    }
}


.shopbydepartment .popover-title {
    border-bottom: none !important;
}

.shopbydepartment .popover-content .categorylinkbox {
    padding-bottom: 5px;
    margin-top: 2px;
}

    .shopbydepartment .popover-content .categorylinkbox ul li a {
        font-weight: normal;
    }

.dropdown-menu > li > a span {
    color: #999999;
}

    .dropdown-menu > li > a span:hover {
        color: #000000;
    }

input.keywordssearch[type="text"] {
    width: 72% !important;
    margin-left: 5%;
}

.categorylinkbox ul li a {
    font-weight: normal;
}

#howItworksSecWrapper .adddr a {
    width: 100% !important;
}

@media(max-width: 1024px) {
    .shopbydepartment {
        line-height: 26px;
    }

        .shopbydepartment li a.dropdown-toggle {
            font-size: 14px;
        }

        .shopbydepartment .nav > li > a {
            padding: 3px 5px;
        }
}


@media(max-width: 600px) {
    .keywordsearch {
        width: 92%;
    }

    .welcometext {
        padding-top: 1px;
    }
}

@media(max-width:400px) {
    .left label {
        left: 18px;
    }
}


/*shop by department section fixing end*/


/*Top General Header Fixing*/
.wordsearchSec {
    height: 32px;
}

.searchTypefield input {
    height: 30px;
    padding-top: 3px;
    line-height: 24px;
    margin-bottom: 0px;
}

#ctl00_dropSearch {
    width: 80px;
}

@media(max-width: 600px) {
    .wordsearchSec {
        width: 92%;
        margin-left: 3%;
        margin-top: 3px;
    }
}

@media(max-width: 440px) {
    .wordsearchSec {
        width: 93%;
        margin-left: 1%;
        margin-top: 3px;
    }

    #ctl00_dropSearch {
        width: 85px !important;
    }
}

/*Top General Header Fixing End*/

/*Bottom Footer Fixing*/

.paymenticon ul li {
    width: 18%;
}

@media(max-width:920px) {
    .paymenticon ul li {
        width: 17%;
    }
}

@media(max-width:480px) {
    .paymenticon ul li {
        width: 18.5%;
    }
}

/*Bottom Footer Fixing End*/

/*Payment Method card from area*/
.paymentMtdcard {
    padding: 0px;
    margin: 0px;
    margin-bottom: 6px;
    width: 100%;
    float: left;
}

    .paymentMtdcard table {
        width: 100%;
        padding-top: 5px;
        margin-top: 3px !important;
        float: left;
    }

        .paymentMtdcard table tr td {
            padding-top: 5px;
            padding-bottom: 2px;
            line-height: 18px;
            color: #07357c;
            width: 47%;
            margin-right: 3%;
            float: left;
        }

            .paymentMtdcard table tr td:first-child {
            }

            .paymentMtdcard table tr td div.txtTop {
                float: left;
                width: 100%;
                padding: 0px 0px 8px 5px;
                color: #000000;
                font-size: 14px;
                line-height: 18px;
            }

        .paymentMtdcard table tr td {
            padding-left: none;
        }

            .paymentMtdcard table tr td div.icon {
                margin-left: -25px;
            }

            .paymentMtdcard table tr td strong {
                color: #6c7f9c !important;
                padding-left: 0px;
                float: left;
                padding-left: 5px;
                padding-top: 5px;
            }

.paddBut {
    padding-top: 0px !important;
    padding-bottom: 8px !important;
}

.paymentMtdcard table tr td input[type='text'] {
    width: 100% !important;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 31px;
    margin-left: 5px;
    margin-bottom: 3px !important;
    border: #bfbfbf solid 1px;
    background: #ffffff;
    /*-moz-box-shadow:inset 0 0 10px #c5c5c5;
   -webkit-box-shadow:inset 0 0 10px #c5c5c5;
   box-shadow:inset 0 0 10px #c5c5c5;*/
}

.paymentMtdcard table tr td input.pas {
    width: 100% !important;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 31px;
    margin-left: 5px;
    margin-bottom: 3px !important;
    border: #bfbfbf solid 1px;
    background: #ffffff;
    /*-moz-box-shadow:inset 0 0 10px #c5c5c5;
   -webkit-box-shadow:inset 0 0 10px #c5c5c5;
   box-shadow:inset 0 0 10px #c5c5c5;*/
}


.paymentMtdcard table tr td input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ /*placeholder color change*/
    color: #767676;
}

.paymentMtdcard table tr td input::-moz-placeholder { /* Firefox 19+ */ /*placeholder color change*/
    color: #767676;
}

.paymentMtdcard table tr td input:-ms-input-placeholder { /* IE 10+ */ /*placeholder color change*/
    color: #767676;
}

.paymentMtdcard table tr td input:-moz-placeholder { /* Firefox 18- */ /*placeholder color change*/
    color: #767676;
}

.paymentMtdcard table tr td select {
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 3px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: /*rgba(255,255,255,0.8)*/ #ffffff url(../images/drop-arrow.png) no-repeat 98% center;
    line-height: normal;
    margin-left: 5px;
    border: #bfbfbf solid 1px;
    /*-moz-box-shadow:inset 0 0 10px #c5c5c5;
   -webkit-box-shadow:inset 0 0 10px #c5c5c5;
   box-shadow:inset 0 0 10px #c5c5c5;*/
    color: #767676;
    font-size: 12px;
}

.paymentMtdcard .cvvSEC {
    float: left;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 0px;
    padding-left: 3px;
}

    .paymentMtdcard .cvvSEC input {
        width: 140px !important;
        float: left;
        margin-right: 6px;
        min-height: 23px;
        min-height: 32px;
        margin-bottom: 0px;
    }

    .paymentMtdcard .cvvSEC .quesPart {
        float: left;
        margin-top: -5px;
        margin-top: -6px;
        margin-top: 0px;
    }

        .paymentMtdcard .cvvSEC .quesPart a.tooltip9 span {
            margin-top: -15px;
        }

.modalTxtareaSec {
    padding-right: 0px;
}


@media(max-width:480px) {
    .paymentMtdcard table tr td {
        padding-top: 3px;
        padding-bottom: 3px;
        width: 100%;
        float: left;
    }

    .paymentMtdcard {
        padding: 0;
        margin: 0 auto;
        width: 400px;
    }

        .paymentMtdcard .cvvSEC input {
            width: 100px !important;
        }
}

@media(max-width:420px) {
    .paymentMtdcard {
        padding: 0;
        margin: 0 auto;
        width: 300px;
    }
}

/*paymentMtdcardArea start*/
.paymentMtdcardArea {
    padding: 0;
    margin: 0;
    margin-top: 9px;
    width: 100%;
    float: left;
}

    .paymentMtdcardArea div.fullsec {
        float: left;
        width: 98%;
        min-height: 25px;
        margin: 0px 2% 15px 0px;
        padding: 2px 0px;
        /*background:#9F3;*/
    }

    .paymentMtdcardArea div.sec {
        float: left;
        width: 48%;
        min-height: 65px;
        margin: 1px 2% 3px 0px;
        padding: 2px 0px;
        /*background:#9F3;*/
    }

        .paymentMtdcardArea div.sec span.wrong {
            height: 20px;
            font-size: 11px;
            line-height: 12px;
            color: #ff0000;
            clear: both;
            padding-top: 1px;
            overflow: hidden;
        }

    /*floting label*/
    .paymentMtdcardArea .input-group {
        width: 99%;
        top: 2px;
        bottom: 5px;
        margin-bottom: 5px;
    }

        .paymentMtdcardArea .input-group .input-group-addon {
            width: 40px;
        }

        .paymentMtdcardArea .input-group input {
            -moz-box-shadow: inset -1px 0 5px 0px #d8d8d8;
            -webkit-box-shadow: inset -1px 0 5px 0px #d8d8d8;
            box-shadow: inset -1px 0 5px 0px #d8d8d8;
        }

            .paymentMtdcardArea .input-group input:focus ~ .floating-label,
            input:not(:focus):valid ~ .floating-label {
                top: 2px;
                bottom: 2px;
                left: 50px;
                font-size: 9px;
                opacity: 1;
            }

            .paymentMtdcardArea .input-group input.inputText {
                font-size: 14px;
                width: 100%;
                color: #555555;
                padding-left: 9px;
                height: 38px;
                border: #cccccc solid 1px;
                margin-bottom: 0px;
            }

        .paymentMtdcardArea .input-group .floating-label {
            position: absolute;
            pointer-events: none;
            left: 50px;
            top: 9px;
            color: #858585;
            transition: 0.2s ease all;
        }

        /*floting label*/

        /*select floting label*/
        .paymentMtdcardArea .input-group select {
            -moz-box-shadow: inset -1px 0 5px 0px #d8d8d8;
            -webkit-box-shadow: inset -1px 0 5px 0px #d8d8d8;
            box-shadow: inset -1px 0 5px 0px #d8d8d8;
            width: 100%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: /*rgba(255,255,255,0.8)*/ #ffffff url(../images/drop-arrow.png) no-repeat 98% center;
            height: 38px;
            color: #858585;
        }

    /*select floting label*/

    /*cvvSEC Part*/
    .paymentMtdcardArea .cvvSEC {
        float: left;
        width: 98%;
        margin-right: 1%;
        margin-left: 0px;
        margin-top: 0px;
        padding-left: 3px;
    }

        .paymentMtdcardArea .cvvSEC .input-group {
            width: 150px;
            top: 5px;
            bottom: 5px;
            margin-bottom: 15px;
            float: left;
        }

        .paymentMtdcardArea .cvvSEC .cvvPartArea {
            float: left;
            width: auto;
        }

        .paymentMtdcardArea .cvvSEC input {
            width: 140px !important;
            float: left;
            margin-right: 6px;
            min-height: 23px;
            min-height: 32px;
            margin-bottom: 0px;
        }

        .paymentMtdcardArea .cvvSEC .quesPart {
            float: left;
            margin-top: -5px;
            margin-top: -6px;
            margin-top: 0px;
        }

            .paymentMtdcardArea .cvvSEC .quesPart a.tooltip9 span {
                margin-top: -15px;
            }
/*cvvSEC End*/

.secUserCardNumber {
}

    .secUserCardNumber .input-group {
        width: 99%;
        top: 2px;
        bottom: 5px;
        margin-bottom: 5px;
    }

        .secUserCardNumber .input-group .input-group-addon {
            width: 40px;
            height: 34px;
        }

        .secUserCardNumber .input-group input {
            -moz-box-shadow: inset -1px 0 5px 0px #d8d8d8;
            -webkit-box-shadow: inset -1px 0 5px 0px #d8d8d8;
            box-shadow: inset -1px 0 5px 0px #d8d8d8;
        }

            .secUserCardNumber .input-group input:focus ~ .floating-label,
            input:not(:focus):valid ~ .floating-label {
                top: 2px;
                bottom: 2px;
                left: 50px;
                font-size: 9px;
                opacity: 1;
            }

            .secUserCardNumber .input-group input.inputText {
                font-size: 14px;
                color: #555555;
                padding-left: 9px;
                height: 34px;
                border: #cccccc solid 1px;
                margin-bottom: 0px;
            }

        .secUserCardNumber .input-group .floating-label {
            position: absolute;
            pointer-events: none;
            left: 50px;
            top: 7px;
            color: #858585;
            transition: 0.2s ease all;
        }

    .secUserCardNumber img {
        float: right;
    }

@media screen and (max-width:530px) {
    .paymentMtdcardArea div.sec {
        width: 98%;
        margin: 1px 1% 3px 1%;
        /*background:#9F3;*/
    }
}
/*PaymentMtdcardArea End*/

/*addShippingAddFromArea start*/
.addNewaddressSec {
    /*background:#ffffff url(../images/shippingDtlsBG.png) no-repeat;*/
    padding: 4px 7px !important;
}


.addShippingAddFromArea {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}

    .addShippingAddFromArea div.sec {
        float: left;
        width: 49%;
        /*min-height: 55px;*/
        min-height: 45px;
        margin: 1px 1% 1px 0px;
        padding: 1px 0px;
    }


    .addShippingAddFromArea .Paybtn {
        width: 100% !important;
        text-align: right;
    }

    .addShippingAddFromArea div.sec span.wrong {
        height: 20px;
        font-size: 11px;
        line-height: 12px;
        color: #ff0000;
        clear: both;
        padding-top: 1px;
        overflow: hidden;
        width: 100%;
    }

    .addShippingAddFromArea div.secR {
        float: left;
        width: 48%;
        min-height: 65px;
        margin: 1px 0px 3px 2%;
        padding: 2px 0px;
    }

.guestShip {
    padding-top: 30px !important;
    /*padding-bottom:25px!important;*/
}

.guestCredit {
    /*padding-top:10px!important;*/
    padding-bottom: 35px !important;
}

.addShippingAddFromArea div.secR span.wrong {
    height: 20px;
    font-size: 11px;
    line-height: 12px;
    color: #ff0000;
    clear: both;
    padding-top: 1px;
    overflow: hidden;
}

/*floting label*/
.addShippingAddFromArea .input-group {
    width: 100%;
    top: 2px;
    bottom: 5px;
    margin-bottom: 2px;
}

    .addShippingAddFromArea .input-group .saveExitButt {
        margin-left: 0px;
    }

    .addShippingAddFromArea .input-group .input-group-addon {
        width: 40px;
        /*border: #83c0df solid 1px;*/
        border: #bdbdbd solid 1px;
        border-right: 0px;
    }

    .addShippingAddFromArea .input-group input {
        -moz-box-shadow: inset -1px 0 5px 0px #d8d8d8;
        -webkit-box-shadow: inset -1px 0 5px 0px #d8d8d8;
        box-shadow: inset -1px 0 5px 0px #d8d8d8;
    }

        .addShippingAddFromArea .input-group input:focus ~ .floating-label,
        input:not(:focus):valid ~ .floating-label {
            top: 0px;
            bottom: 2px;
            left: 50px;
            font-size: 9px;
            opacity: 1;
        }

        .addShippingAddFromArea .input-group input.inputText {
            font-size: 12px;
            width: 98%;
            color: #555555;
            padding-left: 9px;
            height: 32px;
            border: #bdbdbd solid 1px;
            margin-bottom: 0px;
            padding-top: 5px;
        }

    .addShippingAddFromArea .input-group .floating-label {
        position: absolute;
        pointer-events: none;
        left: 50px;
        top: 6px;
        color: #858585;
        transition: 0.2s ease all;
    }

    /*floting label*/

    /*select floting label*/
    .addShippingAddFromArea .input-group select {
        -moz-box-shadow: inset -1px 0 5px 0px #d8d8d8;
        -webkit-box-shadow: inset -1px 0 5px 0px #d8d8d8;
        box-shadow: inset -1px 0 5px 0px #d8d8d8;
        width: 98%;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #ffffff url(../images/drop-arrow.png) no-repeat 98% center;
        height: 32px;
        color: #858585;
        border: #83c0df solid 1px;
    }

        .addShippingAddFromArea .input-group select:focus {
            outline: none;
        }

.shippingDtlsWithBG {
    background: #ffffff url(../images/shippingDtlsBG.png) no-repeat !important;
    padding-left: 10px;
}



.billingDtlsInfoSec .secPart .outPutValue {
    float: left;
    width: 60%;
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-left: 10px;
    color: #56747a;
    min-height: 35px;
}

    .billingDtlsInfoSec .secPart .outPutValue span {
        padding-top: 5px;
        float: left;
    }

.addShippingAddFromArea {
}

    .addShippingAddFromArea .areaPart {
        float: left;
        width: 48.5%;
        min-height: 55px;
        min-height: 45px;
        margin: 1px 1% 1px 0px;
        padding: 1px 0px;
    }


        .addShippingAddFromArea .areaPart .txtNameSec {
            float: left;
            width: 40%;
            padding-top: 9px;
            padding-bottom: 7px;
            font-size: 14px;
            min-height: 40px;
            padding-left: 6px;
            /*color: #008990;*/
            color: #333333;
            text-transform: capitalize;
        }

            .addShippingAddFromArea .areaPart .txtNameSec img {
                margin-top: -3px;
            }

            .addShippingAddFromArea .areaPart .txtNameSec span.rCol {
                text-align: right;
                padding-right: 40px;
                float: right;
            }


        .addShippingAddFromArea .areaPart .outPutValue {
            float: left;
            width: 60%;
            font-size: 16px;
            padding-top: 6px;
            padding-bottom: 4px;
            padding-left: 10px;
            color: #56747a;
            min-height: 35px;
        }

            .addShippingAddFromArea .areaPart .outPutValue input {
                font-size: 14px;
                color: #555555;
                padding-left: 9px;
                height: 32px;
                width: 98%;
                border: #83c0df solid 1px;
                border: #bdbdbd solid 1px;
                margin-bottom: 0px;
                background: #ffffff;
            }

            .addShippingAddFromArea .areaPart .outPutValue select {
                font-size: 14px;
                color: #555555;
                padding-left: 9px;
                height: 32px;
                width: 98%;
                border: #83c0df solid 1px;
                border: #bdbdbd solid 1px;
                margin-bottom: 0px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: url(../images/drop-arrow.png) no-repeat 96% center;
            }

@media screen and (max-width:1450px) {
    .addShippingAddFromArea .areaPart .txtNameSec {
        font-size: 13px;
    }

    .addShippingAddFromArea .areaPart .txtNameSec {
        width: 45%;
    }

    .addShippingAddFromArea .areaPart .outPutValue {
        width: 55%;
    }

    .addShippingAddFromArea .areaPart .txtNameSec span.rCol {
        padding-right: 20px;
    }
}

@media screen and (max-width:1000px) {
    .addShippingAddFromArea .areaPart {
        width: 99%;
    }
}


@media screen and (max-width:600px) {
    .addShippingAddFromArea .input-group input.inputText {
        width: 95%;
    }

    .addShippingAddFromArea .input-group select {
        width: 99%;
    }
}

@media screen and (max-width:530px) {
    .addShippingAddFromArea div.sec {
        float: left;
        width: 98%;
        min-height: 65px;
        margin: 1px 1% 3px 1%;
        padding: 2px 0px;
    }
}

@media screen and (max-width:450px) {
    .billingDtlsInfoSec .secPart .outPutValue {
        width: 55%;
    }
}

/*addShippingAddFromArea End*/


/*Payment method card from area*/




/*------Css Part Modal Sec---------*/


#modalOuterWrapArea {
    z-index: 3000;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.7);
}

/*conFirmationBox*/

.conFirmationBox {
    /*width: 1440px;*/
    width: 60%;
    min-height: 200px;
    padding: 5px;
    /*overflow: hidden;*/
    background: url(../images/SkyGreenSeeBG.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    position: absolute;
    left: 20%;
    top: 20%;
    z-index: 1000;
}

.modTopsmallHeadingArea {
    float: left;
    width: 97%;
    padding: 5px;
    margin-left: 3% !important;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
    color: #045775;
}

.crossButtHead {
    float: right;
    position: relative;
    top: -20px;
    right: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
}

/*cardVerification-From*/
.cardVerification-From {
    float: right;
    width: 43%;
    min-height: 200px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    border: #cccccc solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 5% 2% 3% 2%;
}

.cardVerification-From3 {
    float: right;
    width: 43%;
    min-height: 200px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.6);
    border: #cccccc solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 5% 5% 3% 2%;
}

.sideModalLogoTop {
    position: absolute;
    left: 48%;
    top: 5px;
    min-height: 50px;
    width: 50%;
    text-align: center;
}

.crdHeading {
    float: left;
    width: 100%;
    font-size: 24px;
    padding-bottom: 23px;
    color: #00409c;
    line-height: 26px;
    margin-bottom: 3px;
    margin-left: 5px;
}

.crdVer_FromSecArea {
    float: left;
    width: 100%;
    padding: 1px 0px 3px 0px;
    margin: 2px 0px 5px 0px;
}

    .crdVer_FromSecArea .contPart {
        float: right;
        width: 98%;
        padding: 0px;
        margin: 0px 1% 0px 0px;
    }

        .crdVer_FromSecArea .contPart span div {
            float: left;
            width: 100%;
            height: 21px;
            color: #ff0000;
            /*font-size:12px;*/
            font-size: 0px;
            line-height: 18px;
        }



    /*floting label*/
    .crdVer_FromSecArea .input-group {
        width: 99%;
        top: 2px;
        bottom: 5px;
        margin-bottom: 3px;
    }

        .crdVer_FromSecArea .input-group .input-group-addon {
            width: 40px;
            background: #abe2e4;
            border: #82bfc6 solid 1px;
            border-right: none;
        }

            .crdVer_FromSecArea .input-group .input-group-addon i.fa {
                color: #45878a;
                font-size: 16px;
            }

        .crdVer_FromSecArea .input-group input {
            background: #abe2e4;
            /*-moz-box-shadow:inset -1px 0 5px 0px #d8d8d8;
    -webkit-box-shadow:inset -1px 0 5px 0px #d8d8d8;
     box-shadow:inset -1px 0 5px 0px #d8d8d8;*/
        }

            .crdVer_FromSecArea .input-group input:focus ~ .floating-label,
            input:not(:focus):valid ~ .floating-label {
                top: 0px;
                bottom: 2px;
                left: 50px;
                font-size: 9px;
                line-height: 10px;
                opacity: 1;
            }

            .crdVer_FromSecArea .input-group input.inputText {
                font-size: 16px;
                width: 100%;
                color: #004b4e;
                padding-left: 9px;
                height: 42px;
                border: #82bfc6 solid 1px;
                border-left: none;
                margin-bottom: 0px;
            }

        .crdVer_FromSecArea .input-group .floating-label {
            position: absolute;
            pointer-events: none;
            left: 50px;
            top: 10px;
            color: #004b4e;
            transition: 0.2s ease all;
        }

        .crdVer_FromSecArea .input-group .input-group-addon span div img {
            margin-top: 3px;
        }

span.impTxt {
    float: left;
    width: 100%;
    color: #000000;
    font-size: 12px;
    margin-top: 7px;
}




.verifyCard {
    background: url(../images/verify-card.png) no-repeat;
    background-size: cover;
    float: left;
    width: 97% !important;
    border: none;
    color: #ffffff;
    height: 45px;
    font-size: 24px;
    line-height: 42px;
    margin-left: 1%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 12px;
    text-shadow: 2px 2px #5c5c5c;
    text-align: center;
}

    .verifyCard:hover {
        opacity: 0.8;
        text-shadow: none;
    }

/*cardVerification-From End*/

.sideContL-bar {
    float: left;
    background: rgba(255, 255, 255, 0.2);
    width: 43%;
    padding: 0px 5% 2% 2%;
    margin: 1% 2%;
    /*border-right: #5b8a8a solid 1px;*/
}

.topCombineLogoArea {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

div.siteContTxt {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    div.siteContTxt h2 {
        color: #00b0f0;
        font-size: 18px;
        line-height: 20px;
        margin-top: 0px;
        margin-bottom: 3px;
        padding: 0px 0px 2px 0px;
    }

        div.siteContTxt h2 span {
            color: #de7200;
        }

            div.siteContTxt h2 span.green {
                color: #00879a;
            }

        div.siteContTxt h2.deep {
            color: #0d47be;
        }


    div.siteContTxt p {
        /*background: url(../images/bullet-arrow.png) no-repeat;*/
        background-position-x: 0%;
        background-position-y: 0%;
        background-position: 3px 3px;
        color: #474747;
        font-size: 14px;
        line-height: 18px;
        /*padding-left:20px;*/
        margin-bottom: 5px;
        margin-left: 1px;
        margin-top: 5px;
        padding-bottom: 4px;
        text-align: justify;
    }

        div.siteContTxt p.green {
            color: #007f00;
        }




@media (max-width: 1800px) {
    .sideContL-bar {
        float: left;
        width: 44%;
        padding: 3% 3% 3% 2%;
        margin: 1% 1% 1% 2%;
        border-right: #5b8a8a solid 1px;
    }

    .crdHeading {
        float: left;
        width: 100%;
        font-size: 24px;
        padding-bottom: 23px;
        color: #00409c;
        line-height: 30px;
        margin-bottom: 3px;
        margin-left: 5px;
    }
}



@media (max-width: 1500px) {
    .conFirmationBox {
        width: 80%;
        min-height: 200px;
        /*overflow: hidden;*/
        left: 10%;
    }


    .sideContL-bar {
        margin: 1% 2%;
    }

    .sideContL-bar {
        width: 43%;
        padding: 3% 3% 2% 1%;
        margin: 1% 2%;
    }

    .cardVerification-From {
        margin: 3% 2%;
    }

    .cardVerification-From3 {
        margin: 6% 6% 3% 2%;
    }
}

@media (max-width: 1250px) {
    .totContainerArea {
        width: 100%;
        padding: 0px;
        margin: 0px auto;
    }

    /*conFirmationBox*/
    .conFirmationBox {
        width: 80%;
        max-width: 1000px;
        min-height: 200px;
        left: 10%;
        /*overflow: hidden;*/
    }

    .cardVerification-From {
        width: 43%;
        margin: 10% 2% 3% 2%;
    }

    .cardVerification-From3 {
        width: 43%;
        margin: 6% 5% 3% 2%;
    }

    .sideContL-bar {
        width: 42%;
    }
}

@media (max-width:950px) {
    .conFirmationBox {
        width: 90%;
        max-width: 1000px;
        min-height: 200px;
        left: 5%;
        top: 5%;
        /*overflow: hidden;*/
    }
}

@media (max-width:850px) {
    .cardVerification-From {
        width: 96%;
        left: 5%;
        margin-top: 4%;
        float: left;
    }

    .cardVerification-From3 {
        width: 90%;
        left: 5%;
        margin-top: 9%;
    }

    .sideContL-bar {
        width: 98%;
        border-right: none;
        padding: 0% 1% 2% 1%;
        margin: -15px 1% 5px 1%;
    }

    #modalOuterWrapArea {
        height: 700vh;
        position: absolute;
    }

    .crdVer_FromSecArea {
        float: left;
        width: 100%;
        padding: 3px 0px 0px 0px;
        margin: 4px 0px 2px 0px;
    }

    .crdHeading {
        padding-bottom: 6px;
    }


    .sideModalLogoTop {
        left: 1%;
        top: 5px;
        width: 98%;
    }
}

@media (max-width:600px) {
    .cardVerification-From {
        width: 96%;
        left: 2%;
        top: 3%;
    }

    .cardVerification-From3 {
        width: 96%;
        left: 2%;
        top: 3%;
        margin: 15% 2% 3% 2%;
    }

    .sideContL-bar {
        width: 100%;
        margin-top: 4px;
        border-right: none;
    }

    .topThreeLinkPartSigned {
        display: none;
    }
}

@media (max-width:400px) {
    .sideModalLogoTop img {
        max-width: 80%;
    }

    .sideContL-bar {
        margin: -30px 1% 5px 1%;
    }

    .topCombineLogoArea img {
        max-width: 80%;
    }
}

/*conFirmationBox End*/


/*------Css Part Modal Sec---------*/


/* login css start */
#LoginmodalOuterWrapArea {
    z-index: 999995;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.8);
}

.userLoginPageWrapper {
    width: 60%;
    /*max-width:1440px;*/
    min-height: 200px;
    padding: 5px 50px 50px 50px;
    /*overflow: hidden;*/
    background: url(../images/SkyGreenSeeBG.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    position: absolute;
    left: 20%;
    top: 16%;
    z-index: 1000;
}

.userLoginFormWrapper {
    float: left;
    border: 2px solid #95adc9;
    background: #fff9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 20px;
}

.loginMainHeader {
    font-size: 26px;
    text-align: center;
    color: #23438c;
}

.crossButt {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    right: -65px;
    top: -20px;
    z-index: 999999;
}

    .crossButt a img {
    }

        .crossButt a img:hover {
            opacity: 0.7;
        }



.loginMainHeader span {
    position: relative;
    top: 3px;
}

.userLoginImg {
    margin-right: 6px;
    width: 35px;
}

.userLoginDetailFormLft {
    float: left;
    width: 50%;
    min-height: 200px;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*padding:1% 3%;*/
    padding: 1% 1%;
}

.LoginDetailFormLftWrap {
    margin: 0px auto;
}

.userLoginDetailFormRgt {
    float: right;
    width: 50%;
    min-height: 200px;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1% 2%;
}

.LoginDetailFormRgtWrap {
    margin: 0px auto;
}

.loginHeaderTxt {
    text-align: center;
    width: 100%;
    font-size: 24px;
    margin-bottom: 15px;
    color: #00409c;
}

.userLogInfo {
    font-size: 12px;
    color: #156aaa;
    margin-left: 1%;
    padding-bottom: 10px;
}

    .userLogInfo span {
        border-bottom: 1px dashed #727171;
        color: #ed2624;
    }

        .userLogInfo span a {
            border-bottom: 1px dashed #727171;
            color: #ed2624;
        }

.logForgotTxt {
    text-align: right;
    font-size: 14px;
    color: #506ab7;
    margin-right: 1%;
    color: #031e6e;
}

.logButMainDiv {
}

.loginBut {
    background: url(../images/verify-card.png) no-repeat;
    background-size: auto auto;
    background-size: cover;
    float: left;
    width: 99% !important;
    border: none;
    color: #ffffff;
    height: 45px;
    font-size: 21px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: center;
}

.loginDescMainDiv {
    width: 98%;
    margin-top: 5px;
}

.loginDescLftTxt {
    width: 50%;
    float: left;
}

    .loginDescLftTxt input[type="checkbox"] {
        margin-right: 10px;
        position: relative;
        left: 4px;
    }

.loginDescRgtTxt {
    width: 50%;
    float: left;
    text-align: left;
    color: #ff0000;
}

.loginUserInfoTxtArea {
    min-height: 94px;
    max-height: 117px;
}

    .loginUserInfoTxtArea p {
        text-align: justify;
        padding: 0px 5px 1px;
        font-size: 14px;
        line-height: 18px;
        color: #6b6b6b;
    }

.loginActionBut {
    background: rgba(36,100,189,1);
    background: -moz-linear-gradient(top, rgba(36,100,189,1) 0%, rgba(71,129,209,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,100,189,1)), color-stop(100%, rgba(71,129,209,1)));
    background: -webkit-linear-gradient(top, rgba(36,100,189,1) 0%, rgba(71,129,209,1) 100%);
    background: -o-linear-gradient(top, rgba(36,100,189,1) 0%, rgba(71,129,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(36,100,189,1) 0%, rgba(71,129,209,1) 100%);
    background: linear-gradient(to bottom, rgba(36,100,189,1) 0%, rgba(71,129,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2464bd', endColorstr='#4781d1', GradientType=0 );
    float: left;
    width: 97% !important;
    border: none;
    color: #ffffff;
    height: 45px;
    font-size: 21px;
    margin-left: 1%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: center;
}

.logPassErrorMsg {
    float: left;
    width: 100%;
    height: 10px !important;
    color: #ff0000;
    font-size: 8px;
}

@media (max-width:1500px) {
    .userLoginPageWrapper {
        width: 75%;
        padding: 5px 50px 50px 50px;
        /*overflow: hidden;*/
        left: 12.5%;
        top: 14%;
    }

    .userLogInfo {
        font-size: 12.5px;
    }
}

@media (max-width:1400px) {
    .userLoginPageWrapper {
        /*width: 80%;*/
        width: 70%;
        padding: 5px 50px 50px 50px;
        /*overflow: hidden;*/
        /*left: 10%;*/
        left: 15%;
        top: 14%;
    }

    .loginUserInfoTxtArea p {
        font-size: 13px;
    }
}

@media (max-width:1200px) {
    .userLoginPageWrapper {
        width: 90%;
        padding: 5px 50px 50px 50px;
        left: 5%;
        top: 14%;
    }

    .loginUserInfoTxtArea p {
        font-size: 13px;
    }

    .loginUserInfoTxtArea p {
        padding: 0px 5px 1px;
        font-size: 12px;
        line-height: 18px;
        color: #6b6b6b;
    }
}

@media (max-width:1100px) {
    .userLoginPageWrapper {
        width: 90%;
        padding: 5px 50px 50px 50px;
        left: 5%;
        top: 7%;
    }

    #LoginmodalOuterWrapArea {
        position: absolute;
        height: 280vh;
    }

    #divShowCurrency {
        position: absolute;
        height: 280vh;
    }
}





@media (max-width:600px) {
    .loginMainHeader {
        font-size: 24px;
    }

    .userLoginPageWrapper {
        padding: 5px 20px 20px 20px;
        /*overflow: hidden;*/
        left: 3%;
        top: 10%;
        width: 94%;
    }

    .crossButt {
        right: -30px;
    }

    .loginHeaderTxt {
        text-align: center;
        width: 100%;
        font-size: 21px;
        margin-bottom: 8px;
        color: #00409c;
    }

    .userLoginDetailFormRgt {
        width: 100%;
        float: left;
    }

    .userLoginDetailFormLft {
        float: right;
        width: 100%;
    }

    .loginUserInfoTxtArea p {
        padding: 0px 5px 1px;
        font-size: 11px;
        line-height: 13px;
        color: #6b6b6b;
    }

    .loginUserInfoTxtArea {
        min-height: 70px;
        max-height: 75px;
    }

    .loginBut {
        margin-top: 6px;
        height: 40px;
        line-height: 38px;
        font-size: 19px;
    }

    .loginActionBut {
        margin-top: 6px;
        height: 40px;
        line-height: 38px;
        font-size: 19px;
    }
}

@media (max-width:450px) {
    .loginDescLftTxt {
        width: 100%;
        float: left;
    }

    .loginDescRgtTxt {
        width: 100%;
        float: left;
        text-align: left;
        padding-top: 10px;
        padding-left: 8px;
        color: #ff0000;
    }

    .loginMainHeader {
        font-size: 20px;
    }

    .loginHeaderTxt {
        font-size: 20px;
    }

    .userLoginPageWrapper {
        top: 5%;
    }
}


/* login css End */


/*select Shipping Option Area Start*/
.shippingOptionSelArea {
    float: left;
    width: 100%;
    margin-top: 1px;
    /*background: url(../images/payMthdSecBG.jpg) no-repeat;
    background-size: cover;*/
    padding-bottom: 3px;
    /*box-shadow: 1px 1px 8px 1px #c9c9c9;
    -moz-box-shadow: 1px 1px 8px 1px #c9c9c9;
    -webkit-box-shadow: 1px 1px 8px 1px #c9c9c9;*/
    margin-bottom: 10px;
}

    .shippingOptionSelArea .selShippOpt {
        float: left;
        width: 100%;
        padding: 0px 0px 2px 12px;
        margin: 5px 0px;
        border-right: none;
    }

        .shippingOptionSelArea .selShippOpt h2 {
            background-image: none;
            padding: 0;
            margin: 0;
            margin-bottom: 10px;
            line-height: 24px;
            font-weight: normal;
            color: #333333;
            font-size: 16px;
            font-size: 14px;
            text-transform: capitalize;
            font-weight: bold;
            float: left;
            width: 100%;
        }

        .shippingOptionSelArea .selShippOpt .rlistinPart {
            float: left;
            /*width: 99%;*/
            width: 50%;
            padding: 0;
            padding-bottom: 0px;
            padding-bottom: 2px;
            padding-left: 8px;
            margin: 2px 0px;
            /*border-bottom: #a6c4cb dashed 1px;*/
            border-bottom: none;
        }

        .shippingOptionSelArea .selShippOpt span {
            font-size: 12px;
            line-height: 16px;
            float: left;
        }

        .shippingOptionSelArea .selShippOpt strong {
            font-size: 12px;
        }

        .shippingOptionSelArea .selShippOpt .rlistinPart .radioButtsec {
            float: left;
            /*min-width:4%;*/
            width: 20px;
            padding-left: 2%;
            padding-right: 7px;
            margin-top: 0px;
            text-align: center;
            cursor: pointer;
        }

        .shippingOptionSelArea .selShippOpt .rlistinPart .txtPart {
            float: left;
            padding-left: 8px;
            width: 80%;
            text-transform: lowercase;
        }

    /*ShippingNote*/
    .shippingOptionSelArea .ShippingNote {
        padding: 5px 12px 6px 12px;
        font-size: 14px;
        line-height: 21px;
        color: #009eb2;
        text-align: justify;
        width: 100%;
        float: left;
    }

    .shippingOptionSelArea .ShippingChoise {
        padding: 0px 12px 12px 12px;
        text-align: justify;
        width: 100%;
        float: left;
    }

        .shippingOptionSelArea .ShippingChoise h2 {
            background-image: none;
            padding: 0;
            margin: 0;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-bottom: 3px;
            line-height: 30px;
            line-height: 24px;
            font-weight: normal;
            color: #333333;
            font-size: 16px;
            font-size: 14px;
            text-transform: capitalize;
            margin-left: 0px;
            font-weight: bold;
        }

    /*ShippingNote*/



    /*Shipping Insuranece*/
    .shippingOptionSelArea .ShippingInsuramce {
        padding: 0px 12px 12px 12px;
        font-size: 12px;
        line-height: 18px;
        color: #009eb2;
        text-align: justify;
        width: 100%;
        float: left;
    }

        .shippingOptionSelArea .ShippingInsuramce h2 {
            background-image: none;
            padding: 0;
            margin: 0;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-bottom: 3px;
            line-height: 30px;
            line-height: 24px;
            font-weight: normal;
            color: #333333;
            font-size: 16px;
            font-size: 14px;
            text-transform: capitalize;
            margin-left: 0px;
            font-weight: bold;
        }
/*select Shipping Option End*/

@media screen and (max-width:1200px) {
    .shippingOptionSelArea .selShippOpt .rlistinPart .txtPart {
        float: left;
        padding-left: 8px;
        font-size: 13px;
        line-height: 16px;
        width: 90%;
    }
}

@media screen and (max-width:1000px) {
    .shippingOptionSelArea .selShippOpt .rlistinPart .txtPart {
        padding-left: 6px;
        font-size: 14px;
        line-height: 16px;
        width: 80%;
    }
}

@media screen and (max-width:600px) {
    .shippingOptionSelArea .selShippOpt .rlistinPart {
        width: 98%;
    }
}

/*select Shipping Option Area End*/

/*topHeadSerialBreadCumPolicy*/
.topHeadSerialBreadCumPolicy {
    float: left;
    width: 100%;
}

.steps {
    margin: 10px 0px;
    padding: 0;
    overflow: hidden;
}

    .steps li {
        float: left;
        margin-left: 0;
        width: 250px;
        height: 25px;
        margin-right: 6px;
        list-style-type: none;
        padding: 5px 5px 5px 30px;
        padding-left: 30px;
        border-right: 3px solid white;
        width: gap between arrows, color: background of document;
        position: relative;
        background-color: #7C8437;
        color: #ffffff;
    }

        .steps li a .steps li:nth-child(n+2)::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            border-left: 25px solid white;
            width: arrow width, color: background of document;
            border-top: 15px solid transparent;
            width: half height;
            border-bottom: 15px solid transparent;
            width: half height;
            width: 0;
            height: 0;
            content: " ";
            color: #ffffff;
        }

        .steps li::after {
            z-index: 1;
            position: absolute;
            top: 0;
            right: -25px;
            display: block;
            border-left: 25px solid #7c8437;
            border-left-color: rgb(124, 132, 55);
            width: arrow width;
            border-top: 15px solid transparent;
            width: half height;
            border-bottom: 15px solid transparent;
            width: half height;
            width: 0;
            height: 0;
            content: " ";
            color: #ffffff;
        }

        .steps li.current {
            background-color: #C36615;
        }





/*topHeadSerialBreadCumPolicy End*/



/*only Popuup DD modal Part Adjustment*/

.billCurrency {
    float: right;
    width: 250px;
    height: 30px;
    position: relative;
    right: 1px;
    z-index: 99999;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
    /*Only DD Drop Downlist Adjustment*/

    .billCurrency .dd {
        border: 1px solid #c3c3c3;
        outline: none;
        width: 250px !important;
    }

        .billCurrency .dd .ddcommon {
            position: relative;
            display: -moz-inline-stack;
            zoom: 1;
            display: inline-block;
            *display: inline;
            cursor: default;
            width: 70% !important;
        }

    .billCurrency .dd {
        border: 1px solid #c3c3c3;
        outline: none;
    }

        .billCurrency .dd .divider { /*border-left:1px solid #c3c3c3; border-right:1px solid #fff;;*/
            right: 24px;
        }

        .billCurrency .dd .ddArrow {
            width: 16px;
            height: 16px;
            margin-top: -8px;
        }
            /*background:url(../../images/msdropdown/skin1/dd_arrow.gif) no-repeat;*/
            .billCurrency .dd .ddArrow:hover {
                background-position: 0 100%;
            }

        .billCurrency .dd .ddTitle {
            color: #000;
            background: #e2e2e4;
            font-size: 11px;
        }
            /* url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top*/
            .billCurrency .dd .ddTitle .ddTitleText {
                padding: 5px 3px 5px 5px;
                background: url(../images/drop-arrow.png) no-repeat 96% center;
            }

                .billCurrency .dd .ddTitle .ddTitleText .ddTitleText {
                    padding: 0;
                }

            .billCurrency .dd .ddTitle .description {
                font-size: 11px;
                color: #666;
            }

            .billCurrency .dd .ddTitle .ddTitleText img {
                padding-right: 5px;
            }

        .billCurrency .dd .ddChild {
            width: 250px;
            border: 1px solid #c3c3c3;
            background-color: #fff;
            left: -1px;
        }

            .billCurrency .dd .ddChild li {
                padding: 5px;
                background-color: #fff;
                border-bottom: 1px solid #c3c3c3;
            }

                .billCurrency .dd .ddChild li .description {
                    color: #666;
                }

                .billCurrency .dd .ddChild li .ddlabel {
                    color: #333;
                    font-size: 11px;
                }

                .billCurrency .dd .ddChild li.hover {
                    background-color: #f2f2f2;
                }

                .billCurrency .dd .ddChild li img {
                    padding: 0 6px 0 0;
                }

                .billCurrency .dd .ddChild li.optgroup {
                    padding: 0;
                }

                    .billCurrency .dd .ddChild li.optgroup .optgroupTitle {
                        padding: 0 5px;
                        font-weight: bold;
                        font-style: italic;
                    }

                    .billCurrency .dd .ddChild li.optgroup ul li {
                        padding: 5px 5px 5px 15px;
                    }

                .billCurrency .dd .ddChild li.selected {
                    background-color: #d5d5d5;
                    color: #000;
                }

            .billCurrency .dd .ddChild li {
                line-height: 20px;
                margin-bottom: 0px;
            }

                .billCurrency .dd .ddChild li .ddlabel .mid {
                    width: 100%;
                    text-align: center;
                    float: right;
                    /*background-color: #d5d5d5;*/
                    color: #3b6bb4 !important;
                    cursor: pointer;
                    font-weight: bold;
                }

@media screen and (max-width:650px) {
    .billCurrency {
        width: 100%;
    }

        .billCurrency .dd {
            margin-left: 10%;
        }
}

/*Only DD Drop Downlist End*/






/*only Popuup DD modal Part Adjustment*/

#modalOuterWrapAreaFinal {
    z-index: 3000;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.7);
}

.successFullOrderModal {
    /*width: 1440px;*/
    width: 40%;
    min-height: 200px;
    padding: 5px;
    /*overflow: hidden;*/
    background: url(../images/SkyGreenSeeBG.jpg) no-repeat;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    position: absolute;
    left: 30%;
    top: 20%;
    z-index: 1000;
}

.successFullOrder_ContArea {
    float: left;
    background: rgba(255, 255, 255, 0.2);
    width: 96%;
    padding: 0px 2% 0px 2%;
    margin: 1% 2%;
    /*border-right: #5b8a8a solid 1px;*/
}

.successFullOrder_LogoArea {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

div.successFullOrder_SiteCont {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    div.successFullOrder_SiteCont p {
        color: #000000;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
        margin-left: 1px;
        margin-top: 5px;
        padding-bottom: 4px;
        text-align: center;
    }

.successFullOrder_modalButtArea {
    width: 100%;
    padding: 5px 3px 10px;
    float: left;
    text-align: center;
}

a.okButt {
    width: 200px;
    margin: 0 auto !important;
    display: block;
    cursor: pointer;
    vertical-align: top;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 0px;
    margin-top: 7px;
    padding: 0px 5px;
    text-align: center;
    line-height: 33px;
    height: 34px;
    border: none;
    border: #b58f30 solid 1px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

    a.okButt:hover {
        opacity: 0.9;
        line-height: 33px;
        height: 34px;
    }



/*--modalRecip Currency Adjustment--*/

.closeIcon {
    float: right;
    width: 5%;
    height: 50px;
    margin-top: -20px;
    margin-right: -25px;
    text-align: center;
}

#divShowCurrency {
    z-index: 3000;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.7);
}

.modalRecipCardVeri {
    float: left;
    width: 50%;
    min-height: 300px;
    padding: 8px;
    background: url(../images/modalShowCurrencyBG.jpg) no-repeat;
    background-size: auto auto;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.49);
    position: absolute;
    left: 25%;
    top: 12%;
    z-index: 1000;
}

.modalRecipCardVeriHead {
    width: 100%;
    min-height: 44px;
    padding: 0;
    margin: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d6fb8+0,4d84d7+100 */
    color: #0070c0;
    float: left;
}

.modalRecipCardVeriHeadTxt {
    float: left;
    width: 60%;
    padding: 5px 0px 0px 1%;
    margin: 0;
    height: 34px;
    font-size: 16px;
    line-height: 18px;
    color: #0070c0;
    text-transform: uppercase;
}

.modalRecipCardVeriLogoArea {
    float: right;
    width: 28%;
    padding: 0px;
    margin: 0px;
    margin-right: 3%;
}

    .modalRecipCardVeriLogoArea img {
        max-width: 100%;
    }

.contSubHead {
    float: left;
    width: 50%;
    padding: 2px 3px 2px 3px;
    margin: 0px 0px 4px 0px;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
}

.modalTextContPart {
    float: left;
    width: 100%;
    padding: 2px 3px 2px 3px;
    margin: 0px 0px 7px 0px;
    font-size: 12px;
    line-height: 16px;
    color: #272727;
    text-align: justify;
    min-height: 50px;
}

    .modalTextContPart p {
        padding: 6px 0px;
        font-size: 15px;
        line-height: 21px;
        margin: 0px;
    }

        .modalTextContPart p.head {
            padding: 4px 0px 7px;
            font-size: 16px;
            line-height: 18px;
            margin: 0px;
            color: #0070c0;
            text-decoration: underline;
        }

            .modalTextContPart p.head span {
                color: #e46c0a !important;
                text-decoration: underline;
            }

        .modalTextContPart p.lAdj {
            padding: 3px 0px 3px 9px;
            font-size: 14px;
            line-height: 20px;
            margin: 0px;
        }


        .modalTextContPart p span.left {
            float: left;
            width: 12px;
            margin-bottom: 15px;
            font-size: 12px;
            line-height: 16px;
        }


.currencyBillSecArea {
    width: 80%;
    float: left;
    margin: 5px 0px 5px 10%;
}

.modalButtonAreaSec {
    width: 80%;
    float: left;
    margin: 5px 0px 5px 10%;
}

.closeBoxRecipient {
    float: right;
    width: 10%;
    padding: 7px 2% 0px 0;
    margin: 0px -6px 0px 0px;
    text-align: right;
}

@media screen and (max-width:1450px) {
    .modalRecipCardVeri {
        width: 70%;
        left: 15%;
        top: 16%;
        z-index: 1000;
    }
}

@media screen and (max-width:1200px) {
    .modalRecipCardVeri {
        position: relative;
        width: 80%;
        left: 10%;
    }

    .modalButtonAreaSec {
        width: 80%;
        float: left;
        margin: 5px 0px 5px 10%;
    }

    .currencyBillSecArea {
        width: 80%;
        float: left;
        margin: 5px 0px 5px 10%;
    }

    .modalTextContPart p {
        padding: 4px 0px;
        font-size: 15px;
        line-height: 20px;
    }

        .modalTextContPart p.head {
            padding: 4px 0px 7px;
            font-size: 16px;
            line-height: 18px;
            margin: 0px;
            color: #0070c0;
        }
}

@media screen and (max-width:1100px) {
    #divShowCurrency {
        height: 700vh;
        position: absolute;
    }

    .modalRecipCardVeri {
        top: 3%;
    }

    .modalButtonAreaSec {
        width: 90%;
        float: left;
        margin: 5px 0px 5px 5%;
    }

    .currencyBillSecArea {
        width: 90%;
        float: left;
        margin: 5px 0px 5px 5%;
    }
}


@media screen and (max-width:800px) {
    .modalRecipCardVeri {
        width: 90%;
        left: 5%;
        z-index: 1000;
    }

    .modalRecipCardVeriLogoArea {
        margin-right: 0px;
    }

    .modalRecipCardVeriHeadTxt {
        float: left;
        width: 100%;
    }

    .modalRecipCardVeriLogoArea {
        float: left;
        width: 90%;
        margin-right: 0px;
        text-align: center;
    }

        .modalRecipCardVeriLogoArea img {
            max-width: 100%;
            margin: 0 auto;
        }
}

@media screen and (max-width:650px) {
    .contSubHead {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:500px) {

    .currencyBillSecArea {
        width: 90%;
        float: left;
        margin: 5px 0px 5px 5%;
    }

    .modalButtonAreaSec {
        width: 90%;
        float: left;
        margin: 5px 0px 5px 5%;
    }

    .closeIcon {
        margin-right: -8px;
    }
}
/*--modalRecip Currency Adjustment End--*/

/*----Stylish Check Box Radio Box Section----*/
.secBoxCheck {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 96%;
    border-bottom: #cccccc dashed 1px;
    padding-bottom: 3px;
}

    /* Hide the browser's default checkbox */
    .secBoxCheck input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 30%;
    left: 1px;
    height: 20px;
    width: 20px;
    background-color: #eeeeee;
    border: #878787 solid 1px;
}

/* On mouse-over, add a grey background color */
.secBoxCheck:hover input ~ .checkmark {
    background-color: #ccc;
    margin-top: 2px;
}

/* When the checkbox is checked, add a blue background */
.secBoxCheck input:checked ~ .checkmark {
    background-color: #2196F3;
    border: #5bb3f8 solid 1px;
    margin-top: 2px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.secBoxCheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.secBoxCheck .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*----Stylish Check Box Radio Box Section End----*/


/*----Stylish Check Box Radio Box Section (SMALL SIZE)----*/
.secBoxCheckSM {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 98%;
}

    /* Hide the browser's default checkbox */
    .secBoxCheckSM input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom checkbox */
.checkmarkSM {
    position: absolute;
    top: 2px;
    left: 1px;
    height: 14px;
    width: 14px;
    background-color: #eeeeee;
    border: #878787 solid 1px;
}

/* On mouse-over, add a grey background color */
.secBoxCheckSM:hover input ~ .checkmarkSM {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.secBoxCheckSM input:checked ~ .checkmarkSM {
    background-color: #2196F3;
    border: #5bb3f8 solid 1px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkSM:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.secBoxCheckSM input:checked ~ .checkmarkSM:after {
    display: block;
}

/* Style the checkmark/indicator */
.secBoxCheckSM .checkmarkSM:after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*----Stylish Check Box Radio Box Section End----*/




/*-------Stylish Radio Button--------*/
.wrapperRButt {
    display: block;
    position: relative;
    padding-left: 28px;
    padding-top: 1px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px !important;
}

    /* Hide the browser's default radio button */
    .wrapperRButt input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom radio button */
.checkmarkRound {
    position: absolute;
    top: 2px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #eeeeee;
    border: #878787 solid 1px;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.wrapperRButt:hover input ~ .checkmarkRound {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.wrapperRButt input:checked ~ .checkmarkRound {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRound:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.wrapperRButt input:checked ~ .checkmarkRound:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.wrapperRButt .checkmarkRound:after {
    top: 5px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.modTextPartSMALL div.LboxPart .wrapperRButt {
    float: left;
    width: auto;
    margin-right: 7px;
}

/*---------------Stylish Radio Button sec---------------*/



/*-------Stylish Radio Button Small--------*/
.wrapperRButtSM {
    display: block;
    position: relative;
    padding-left: 22px;
    padding-top: 1px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px !important;
}

    /* Hide the browser's default radio button */
    .wrapperRButtSM input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom radio button */
.checkmarkRoundSM {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eeeeee;
    border: #878787 solid 1px;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.wrapperRButtSM:hover input ~ .checkmarkRoundSM {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.wrapperRButtSM input:checked ~ .checkmarkRoundSM {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRoundSM:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.wrapperRButtSM input:checked ~ .checkmarkRoundSM:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.wrapperRButtSM .checkmarkRoundSM:after {
    top: 5px;
    left: 5px;
    width: 4.5px;
    height: 4.5px;
    border-radius: 50%;
    background: white;
}

@media screen and (max-width:1200px) {
    .wrapperRButtSM {
        font-size: 12px;
    }
}

/*---------------Stylish Radio Button sec---------------*/

/*Cart Icon Adjustment*/

.cartPrice .CartImg img {
    padding-top: 0px;
    margin-top: 1px;
}

/*Cart Icon Adjustment End*/
/*.content img{
	max-width:100%!important;
}*/

#ctl00_ContentPlaceHolder1_updateCartDetails {
    /*background: rgba(240,240,240,1);
	background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(212,212,212,1) 51%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(51%, rgba(212,212,212,1)), color-stop(100%, rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(212,212,212,1) 51%, rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(212,212,212,1) 51%, rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(212,212,212,1) 51%, rgba(240,240,240,1) 100%);
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(212,212,212,1) 51%, rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0 );*/
    /*background: rgba(240,240,240,0.26);
	background: -moz-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(240,240,240,0.8) 10%, rgba(212,212,212,0.89) 51%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,0.26)), color-stop(10%, rgba(240,240,240,0.8)), color-stop(51%, rgba(212,212,212,0.89)), color-stop(100%, 	 rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(240,240,240,0.8) 10%, rgba(212,212,212,0.89) 51%, rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(240,240,240,0.8) 10%, rgba(212,212,212,0.89) 51%, rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(240,240,240,0.8) 10%, rgba(212,212,212,0.89) 51%, rgba(240,240,240,1) 100%);
	padding-top:30px;*/

    background: rgba(240,240,240,0.26);
    background: -moz-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(181,179,184,0.8) 10%, rgba(209,213,199,0.89) 51%, rgba(181,179,184,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,0.26)), color-stop(10%, rgba(181,179,184,0.8)), color-stop(51%, rgba(209,213,199,0.89)), color-stop(100%, rgba(181,179,184,1)));
    background: -webkit-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(181,179,184,0.8) 10%, rgba(209,213,199,0.89) 51%, rgba(181,179,184,1) 100%);
    background: -o-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(181,179,184,0.8) 10%, rgba(209,213,199,0.89) 51%, rgba(181,179,184,1) 100%);
    background: -ms-linear-gradient(top, rgba(240,240,240,0.26) 0%, rgba(181,179,184,0.8) 10%, rgba(209,213,199,0.89) 51%, rgba(181,179,184,1) 100%);
    background: linear-gradient(to bottom, rgba(240,240,240,0.26) 0%, rgba(181,179,184,0.8) 10%, rgba(209,213,199,0.89) 51%, rgba(181,179,184,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#b5b3b8', GradientType=0 );
}

/*rounded check box area*/
.areaBoxCheck {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .areaBoxCheck div {
        /*background:#3a60bd;*/
        margin-left: -20px;
        padding-left: 20px;
        font-size: 12px;
        line-height: 14px;
        /*color:#ffffff;*/
        color: #333333;
        padding-top: 5px;
        padding-bottom: 5px;
        /*width:100%;*/
        /*max-width:100%;*/
        float: left;
        /*min-height:72px;
	max-height:74px;*/
        background: rgba(232,232,232,1);
        background: -moz-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(242,242,242,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,232,232,1)), color-stop(100%, rgba(242,242,242,1)));
        background: -webkit-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(242,242,242,1) 100%);
        background: -o-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(242,242,242,1) 100%);
        background: -ms-linear-gradient(left, rgba(232,232,232,1) 0%, rgba(242,242,242,1) 100%);
        background: linear-gradient(to right, rgba(232,232,232,1) 0%, rgba(242,242,242,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f2f2f2', GradientType=1 );
        border-radius: 5px 0px 0px 5px;
    }

        .areaBoxCheck div:hover {
            background: rgba(222,222,222,1);
            background: -moz-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(240,240,240,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,222,222,1)), color-stop(100%, rgba(240,240,240,1)));
            background: -webkit-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(240,240,240,1) 100%);
            background: -o-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(240,240,240,1) 100%);
            background: -ms-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(240,240,240,1) 100%);
            background: linear-gradient(to right, rgba(222,222,222,1) 0%, rgba(240,240,240,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f0f0f0', GradientType=1 );
        }

.cnfmAlrtTxtDivTop {
    font-size: 16px !important;
    line-height: 18px !important;
    margin-bottom: 5px;
    color: #000000 !important;
    width: 100%;
}

/* Hide the browser's default checkbox */
.areaBoxCheck input {
    position: absolute;
    opacity: 0;
}

.areaBoxCheckAmtOption input {
    position: absolute;
    opacity: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 30%;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-left: 4px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    padding-top: 3px;
    padding-bottom: 5px;
    float: left;
}

/* On mouse-over, add a grey background color */
.areaBoxCheck:hover input ~ .checkmark {
    background-color: #e9e9e9;
}

/* When the checkbox is checked, add a blue background */
.areaBoxCheck input:checked ~ .checkmark {
    background-color: #e9e9e9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.areaBoxCheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.areaBoxCheck .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #2196F3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width:1440px) {
    .checkmark {
        top: 30%;
    }

    .areaBoxCheck div {
        padding-top: 2px;
        padding-bottom: 2px;
        /*min-height:44px;*/
        /*max-height:45px;*/
        /*overflow:hidden;*/
    }
}

/*rounded checkbox area end*/

/*new*/
.couponAccordian {
    float: left;
    width: 100%;
}

    .couponAccordian > .panel-heading {
        color: #000000;
        border-radius: 0px;
        float: left;
        width: 50%;
    }

    .couponAccordian .panel-group .panel {
        margin-bottom: 0;
        border-radius: 0px;
    }

    .couponAccordian .panel-title {
        padding: 0px !important;
        border-bottom: #333333 dashed 1px;
        margin: 15px;
    }


        .couponAccordian .panel-title > a {
            color: inherit;
            display: block;
            padding: 10px 0px;
        }

            .couponAccordian .panel-title > a:hover {
                text-decoration: none;
            }

            .couponAccordian .panel-title > a:focus {
                outline: none;
                text-decoration: none;
            }

    .couponAccordian .panel-body {
        padding: 0px;
        float: left;
        width: 100%;
    }

.clrSec {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.couponAccordian .panel-heading {
    padding: 0;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.couponAccordian .panel-body ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    .couponAccordian .panel-body ul li {
        background: #eeeeee;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 15px;
        border-bottom: #ffffff solid 1px;
        color: #3b6bb4;
    }

        .couponAccordian .panel-body ul li a {
            color: #3b6bb4;
            text-decoration: none;
            display: block;
        }

.couponAccordian .glyphicon {
    position: relative;
    top: 1px;
    float: right;
    margin-right: 5px;
}

.couponAccordian .glyphicon-plus::before {
    content: "\2b" !important;
}

.couponAccordian .glyphicon-minus::before {
    content: "\2212" !important;
}

@media screen and (max-width:1440px) {
    .couponAccordian > .panel-heading {
        width: 80%;
    }
}

/*test ship css*/
.mb_5 {
    margin-bottom: 5px;
}

.ordrSumTxt {
    font-size: 17px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}

    .ordrSumTxt span {
        color: #e85b2b;
    }

.orderSumContainer {
    float: left;
    width: 99%;
    max-width: 480px;
    min-height: 200px;
    font-size: 13px;
    color: #595b5c;
    margin: 0px;
    margin-top: 12px;
    margin-bottom: 10px;
    padding-left: 12px;
    border-radius: 7px 7px 0px 0px;
    border: #e7e7e7 solid 1px;
    background: #ffffff;
}

.areaBoxCheckAmtOption {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    /*max-width: 150px;*/
    /* background: red; */
    border: 1px dashed #868080;
    padding: 10px;
}

    .areaBoxCheckAmtOption div {
        /*margin-left: -20px;
        padding-left: 20px;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        padding-top: 5px;
        padding-bottom: 5px;
        float: left;
        margin-left: 4px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 14px;
    color: #333333;
    padding-top: 3px;
    padding-bottom: 5px;
    float: left;*/
        margin-left: -20px;
        padding-left: 20px;
        font-size: 12px;
        line-height: 14px;
        color: #333333;
        /* padding-top: 5px; */
        /* padding-bottom: 5px; */
        float: left;
        margin-left: 4px;
        padding-left: 20px;
        font-size: 24px;
        line-height: 34px;
        color: #333333;
        /* padding-top: 3px; */
        /* padding-bottom: 5px; */
        width: 100%;
        text-align: center;
        float: left;
    }

.priceTxtAreatotalGuest table tr td {
    padding: 5px 0px;
}

.areaBoxCheckAmtOption div:hover {
}

.cnfmAlrtTxtDivAmtTop {
    font-size: 15px !important;
    line-height: 18px !important;
    margin-bottom: 5px;
    color: #000000 !important;
    width: 100%;
    position: relative;
    top: 4px;
}

.shipHeadinPart {
    font-size: 15px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #7b7878;
    /*position: relative;*/
    /*left: -7px;*/
    font-weight: 600;
    padding: 10px 0px;
}

.addShippingAddFromArea .areaPart .shipTxtNameSec {
    float: left;
    width: 40%;
    padding-top: 9px;
    padding-bottom: 7px;
    font-size: 15px;
    min-height: 40px;
    padding-left: 6px;
    color: #333333;
    text-transform: capitalize;
}

    .addShippingAddFromArea .areaPart .shipTxtNameSec span.rCol {
        text-align: right;
        padding-right: 40px;
        float: right;
    }

.priceTxtAreatotal .cartPrice .CartImg {
    float: left;
}

.cartContainSpl {
    font-size: 13px;
    position: relative;
    top: 0px;
}

.priceTxtAreatotalShip {
    font-size: 14px;
    font-weight: normal;
    /*color:#6a6a6a;*/
    color: #454545;
    width: 100%;
    float: left;
    margin-right: 18px;
    letter-spacing: .5px;
    border-radius: 7px 7px 0px 0px;
    background: rgba(115,118,119,0.2);
}

.secPartMinHeight {
    height: 45px;
}

.abtMainTxtCotain {
    width: 100%;
}

.abtInfoHead {
    /*font-size:21px;*/
    /* color:#1566e0; */
    padding-bottom: 5px;
}

    .abtInfoHead span {
        color: #1566e0;
        border-bottom: 1px dashed #98c1ff;
        font-size: 14px;
    }

.abtInfoTxt {
    text-align: left;
    font-size: 13px;
    color: #595757;
    padding: 0px;
    line-height: 18px;
}

    .abtInfoTxt img {
        width: 14px;
        margin-right: 4px;
    }

    .abtInfoTxt span {
        color: #2783aa;
        font-weight: 600;
        font-size: 12px;
    }

@media only screen and (min-width:320px) and (max-width:479px) {
    .crdVer_FromSecArea .input-group {
        width: 99%;
        top: 2px;
        bottom: 5px;
        margin-bottom: 3px;
        padding-left: 5px;
    }

    .crdVer_FromSecArea .loginCaptcha {
        float: left !important;
        width: 57% !important;
    }

    .divCaptchaLoginImg {
        padding: 5px;
        width: 80%;
        float: left;
    }
}
@media only screen and (min-width:600px) and (max-width:779px) {
    .crdVer_FromSecArea .input-group {
        width: 99%;
        top: 2px;
        bottom: 5px;
        margin-bottom: 3px;
        padding-left: 5px;
    }

    .crdVer_FromSecArea .loginCaptcha {
        float: left !important;
        width: 40% !important;
    }

    .divCaptchaLoginImg {
        padding: 5px;
        width: 45%;
        float: left;
    }
}
@media only screen and (min-width:766px) and (max-width:1000px) {
    .crdVer_FromSecArea .input-group {
        width: 99%;
        top: 2px;
        bottom: 5px;
        margin-bottom: 3px;
        padding-left: 5px;
    }

    .crdVer_FromSecArea .loginCaptcha {
        float: left !important;
        width: 58% !important;
    }

    .divCaptchaLoginImg {
        padding: 5px;
        width: 77%;
        float: left;
    }
}