html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

img {
    border: 0;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
    padding: 0;
}

input[type='text'], input[type='password'], textarea, select {
    outline: 0;
    resize: none;
}

input[type='checkbox'] {
    cursor: pointer;
}

img {
    border: 0;
}

.cls960 {
    margin: 0 auto;
    width: 960px;
    min-height: 100px;
    overflow: hidden;
}

.clsFloatLeft {
    float: left;
}

.clsFloatRight {
    float: right;
}

.overlayloading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9;
    z-index: 10000;
    display: none;
}

#divMessage {
    display: none;
    position: absolute;
    z-index: 10000;
}

.clscross {
    position: absolute;
       right: -10px;
    top: -10px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-image: url('https://ShoopiQ.com/Images/CLOSE.png');
}

.divMessageContent {
    padding: 20px;
    background-color: #FFF;
    width: 500px;
    border: solid 3px #ffec0e;
    border-radius: 3px;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 20px;
}

.btnYes {
    background: url('https://ShoopiQ.com/Images/yes.png') left center no-repeat;
    width: 50px;
    height: 31px;
    margin-right: 10px;
    cursor: pointer;
}

.btnNo {
    background: url('https://ShoopiQ.com/Images/no.png') left center no-repeat;
    width: 50px;
    height: 31px;
    cursor: pointer;
}

body {
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

.needhelp {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 16px;
}

.phone {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    font-size: 12px;
}

.email {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #878787;
    font-size: 12px;
}

.clsCheckoutBody {
    min-height: 600px;
    margin: 25px 0;
    padding: 0 5px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #424242;
}

.HeaderDivActive {
    overflow: hidden;
    width: 100%;
    border: solid 1px #d2d2d2;
    box-shadow: 0 0 7px 1px #c2c2c2;
}

    .HeaderDivActive .stepno {
        float: right;
        height: 46px;
        width: 27px;
        padding: 9px 0;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #fff; /* background: rgb(101, 40, 49); */
        text-align: center;
        background-image: url(../images/active_step.jpg);
        background-repeat: no-repeat;
    }

    .HeaderDivActive .steptext {
        float: left;
        height: 46px;
        width: 100%;
        padding: 15px 15px;
        font-family: 'Open Sans',sans-serif;
        font-size: 17px;
        background: #f4f4f4;
        text-align: left;
        font-weight: 400;
        color: #333;
    }

    .HeaderDivActive .steptextdesc {
        float: right;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #fff;
        padding: 4px 0;
    }

.HeaderDivDeactivated {
    overflow: hidden;
    height: 45px;
    width: 100%;
    margin: 10px 0;
    box-shadow: 0 2px 3px #c2c2c2;
}

    .HeaderDivDeactivated .stepno {
        float: left;
        height: 27px;
        padding: 9px 0;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #fff;
        background: #C61203;
        text-align: center;
    }

    .HeaderDivDeactivated .steptext {
        float: left;
        height: 46px;
        width: 100%;
        padding: 15px 15px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 17px;
        color: #ffffff;
        background: #c3a23b;
        text-align: left;
    }

    .HeaderDivDeactivated .steptextdesc {
        float: right;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #ffffff;
        padding: 4px 0;
    }

.HeaderDivClose {
    overflow: hidden;
    height: 45px;
    /*width: 960px;*/
    margin: 10px 0;
    box-shadow: 0 2px 3px #c2c2c2;
    background: #f4f4f4;
}

    .HeaderDivClose .stepdone {
        float: left;
        height: 0px;
        margin:8px;
        width: 30px;
        padding: 15px 0;
        text-align: center;
        background: #c3a23b;
        border-radius: 50%;
    }

    .HeaderDivClose .steptext {
        /*float: left;*/
        width:100%;
        padding: 12px 15px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 15px;
        font-weight:bold;
        color: #818181;
        background: #f4f4f4;
        text-align: left;
    }

    .HeaderDivClose .stepdetails {
        float: left;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #818181;
        padding-left: 5px;
        /*width: 460px;*/
    }

.content {
    margin-top:-35px;
    height: auto;
    border: solid 1px #d2d2d2;
    box-shadow: 0 0 7px 1px #c2c2c2;
}

#divGuestUser {
    padding-top: 30px;
    margin-left: 15px;
}

#divLogin {
    height: 160px;
    margin-left: 15px;
    display: none;
    margin-top: 10px;
}

.cooption {
    width: 50%;
    height: auto;
    margin-bottom: 30px;
    float: left;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 13px;
    height: 13px;
    border: 0;
    outline: 0;
    background: transparent url(../Images/radio-normal.png) no-repeat center center;
}

    input[type="radio"]:checked {
        background: transparent url(../Images/radio-checked.png) no-repeat center center;
    }

.usertext {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
}

.cls-small-note {
    display: block;
    text-indent: 16px;
    line-height: 12px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #7e7e7e;
}

.RegEmail {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
    border: 1px solid #eae9e9;
    border-radius: 2px;
    width: 260px;
    padding: 11px 0 11px 100px !important;
    outline: 0;
    height: 20px;
}

    .RegEmail:focus {
        box-shadow: 0 0 4px #e31e25;
        -webkit-box-shadow: 0 0 4px #e31e25;
        -moz-box-shadow: 0 0 4px #e31e25;
        box-shadow: 0 0 4px #e31e25;
        border: 1px solid #e31e25 !important;
    }

.RegEmailimg {
    position: absolute;
    width: 59px;
    height: 18px;
    left: 8px;
    top: 13px;
    padding-left: 10px;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
}

.RegPassword {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
    border: 1px solid #eae9e9;
    border-radius: 2px;
    width: 260px;
    padding: 11px 0 11px 100px !important;
    outline: 0;
    height: 20px;
}

    .RegPassword:focus {
        box-shadow: 0 0 4px #ee7d00;
        -webkit-box-shadow: 0 0 4px #ee7d00;
        -moz-box-shadow: 0 0 4px #ee7d00;
        box-shadow: 0 0 4px #e31e25;
        border: 1px solid #e31e25 !important;
    }

.RegPasswordimg {
    position: absolute;
    width: 45px;
    height: 22px;
    left: 5px;
    top: 11px;
    padding-left: 10px;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
    padding-top: 1px;
}

.keeplogin {
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #545454;
}

    .keeplogin label {
        margin-left: 5px;
    }

.forgotpass {
    float: right;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #ee7d00;
}

.attr-section {
    overflow: hidden;
}

.clsfloat-Left {
    float: left;
}

.clsGuestSection {
    width: 960px;
    padding: 0 5px;
    line-height: 25px;
}

.clsAlign {
    text-align: left;
    direction: ltr;
}

.facebook-login-section {
    width: 388px;
    text-align: center !important;
}

.fbtext {
    width: 270px;
    height: 40px;
    text-align: left;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #4d4d4d;
    margin-top: 60px;
}

.loginemailtext {
    width: 100%;
    height: 25px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #4d4d4d;
    font-weight: bold;
}

.useremail {
    width: 100%;
    height: 25px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #4d4d4d;
}

.ordertext {
    width: 100%;
    height: 40px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #7e7e7e;
}

.lbtnGplus {
    background: url('../Images/g-plus1.png') no-repeat center !important;
    width: 230px;
    height: 44px;
    cursor: pointer;
}

.cls-shipping-popup {
    width: 100%;
    height: auto;
    margin-top:15px;
    overflow: hidden;
    background-color: #fff;
    display: none;
}

.tbl-shipping-addr {
    width: 100%;
    height: 100%;
    margin-top:10px;
    margin-bottom:10px;
    color: #3d3d3b;
    padding: 20px 10px;
}

    .tbl-shipping-addr td {
        padding: 0 5px 5px 0;
        float:left;
    }

.tbl-shipping {
    width: 100%;
    height: 100%;
}

.addresstextbox {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
    border: 1px solid #eae9e9;
    border-radius: 2px;
    width: 326px;
    padding: 15px 0 11px 100px !important;
    outline: 0;
}

    .addresstextbox:focus {
        box-shadow: 0 0 4px #e31e25;
        -webkit-box-shadow: 0 0 4px #e31e25;
        -moz-box-shadow: 0 0 4px #e31e25;
        box-shadow: 0 0 4px #e31e25;
        border: 1px solid #e31e25 !important;
    }

.asterik {
    color: Red;
}

.addressdetailicon {
    position: absolute;
    width: 80px;
    height: 18px;
    left: 8px;
    top: 10px;
    padding-left: 10px;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
    padding-top: 6px;
}

/*
.usernameicon
{
    background: url('../Images/login-user.png') no-repeat 3px center !important;
}
.mobileicon
{
    background: url('../Images/mobile.png') no-repeat 3px center !important;
}
.locationicon
{
    background: url('../Images/location-state.png') no-repeat 3px center !important;
}
.pincodeicon
{
    background: url('../Images/code.png') no-repeat 3px center !important;
}
*/
.locationImage {
    background: url('../location-state.png') no-repeat 3px center !important;
    position: absolute;
    width: 80px;
    height: 18px;
    left: 8px;
    top: 10px;
    padding-left: 33px;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
    padding-top: 6px;
}

.addressdropdown {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #656565;
    background: url('../Images/select-arrow.png') no-repeat right center !important;
    -webkit-appearance: none;
    border: 1px solid #eae9e9;
    border-radius: 2px;
    width: 100%;
    padding: 15px 0 11px 85px !important;
    outline: 0;
}

.classbutton {
    cursor: pointer;
    margin-top: 10px;
    color: #fff;
    background: #333;
    border-color: #333;
    display: inline-block;
    margin: 0;
    padding: 10px 30px;
    border: 2px solid #333;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-shadow: none;
    background: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.sameasshipping {
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    color: #898989;
}

.keepchk input[type=checkbox] {
    -webkit-appearance: inherit;
    box-sizing: border-box;
    background: url(../Images/keep-logged.png);
    width: 16px;
    height: 15px;
    margin: 0;
    outline: 0;
}

    .keepchk input[type=checkbox]:checked {
        background: url(../Images/keep-logged-select.png);
        -webkit-appearance: inherit;
        box-sizing: border-box;
        width: 16px;
        height: 15px;
        outline: 0;
        margin-top: 0;
    }

.addressblock {
    width: 292px;
    height: 215px;
    background-color: #fff;
    margin-right: 10px;
    position: relative;
    float: left;
}

    .addressblock .top {
        width: 292px;
        height: 5px;
        background-image: url("../Images/add-bg-top.png");
    }

    .addressblock .middle {
        width: 292px;
        height: 201px;
        background-image: url("../Images/add-bg-center.png");
        background-repeat: repeat-y;
    }

    .addressblock .name {
        width: 265px;
        height: 20px;
        padding: 0px 10px;
        border-bottom: dashed 1px #dfdfdf;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #4d4d4d;
        text-transform: uppercase;
    }

    .addressblock .addressarea {
        overflow: hidden;
        width: 270px;
        height: 110px;
        padding: 10px 10px;
    }

.field {
    float: left;
    width: 65px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #2c2b2b;
}

.value {
    float: left;
    width: 200px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #7e7e7e;
}

.addressblock .bottom {
    width: 292px;
    height: 8px;
    background-image: url("../Images/add-bg-bottom.png");
}

.arrow-container {
    width: 14px;
    height: 210px;
    overflow: hidden;
    line-height: 185px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}

.left-arrow {
    background: transparent url(../Images/add-right-arrow.png) no-repeat center center;
    left: -12px;
    top: 85px;
    z-index: 100;
}

.right-arrow {
    background: transparent url(../Images/add-left-arrow.png) no-repeat center center;
    right: -8px;
    top: 85px;
    z-index: 100;
}

.cls-addr-box-parent {
    width: 900px;
    height: 225px;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
}

#divAddressBook {
    width: 100%;
    margin-top:15px;
    height: 300px;
    display: none;
}

.noaddressfound {
    width: 100%;
    text-align: center;
    padding: 30px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #818181;
}

.couponcode {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #4d4d4d;
}

.coupontext {
    margin-top: 5px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #4d4d4d;
}

.coupontxt {
    float: left;
    width: 255px;
    height: 36px;
    padding-left: 5px;
    border: solid 1px #eee;
}

.ordersumtable {
    width: 245px;
    padding: 0;
    margin: 0;
}

    .ordersumtable .tdLeft {
        width: 150px;
        text-align: left;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 13px;
        color: #414141;
        padding: 5px 0;
    }

    .ordersumtable .tdRight {
        text-align: right;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 13px;
        color: #414141;
        padding: 5px 0;
    }

    .ordersumtable .clsFree {
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        font-size: 13px;
        color: #009033;
    }

    .ordersumtable .clsGrandTotal {
        font-family: 'Open Sans',sans-serif;
        font-weight: bold;
        font-size: 16px;
        color: #3a3a3a;
        margin: 0;
        padding: 5px 0;
    }

.gifttext {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #4d4d4d;
    width: 230px;
    height: 25px;
    float: left;
    font-weight: normal !important;
    margin-top: 5px;
}

.gift {
    background: url(../Images/keep-logged.png);
    width: 16px;
    height: 15px;
    margin: 0;
    outline: 0;
}

.giftactive {
    background: url(../Images/keep-logged-select.png);
    width: 16px;
    height: 15px;
    outline: 0;
    margin-top: 0;
}

.cls-searchfor {
    border-right: 1px solid #ededed;
    background: #f4f4f4;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #4d4d4d;
}

.divPaymentMode {
    width: 200px;
    min-height: 370px;
    text-align: center;
}

.cls-cat-arrow {
    color: #424242;
}

    .cls-cat-arrow:hover, .cls-cat-arrow.active {
        color: #fff;
        background: #868686;
    }

.divleftCOD, .divleftOnlinePayment, .divleftBankPayment {
    padding: 20px 0;
    cursor: pointer;
}

.pgoptiontext {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #868686;
}

.grandtotaltext {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #3a3a3a;
}

.paybleamount {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #222;
}

.paymentopttitle {
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #ee7d00;
    border-bottom: 1px dashed #bcbbbb;
    padding-bottom: 15px;
}

.amountpaybletext {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #868686;
}

.amount {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 17px;
    color: #4d4d4d;
    font-weight: bold;
}

.alignLeft {
    text-align: left;
}

.clsContainer {
    padding: 40px 48px;
}

.DivProductsTitle {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #3f3f3f;
    text-transform: uppercase;
    border: 1px solid #ebebeb;
    background: #f4f4f4;
    height: 38px;
}

.ProductItem {
    margin-top: 20px;
    height: 50px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #414141;
    font-weight: 600;
}

.clsProductNameImg {
    width:30%;
    padding: 10px 0 0 25px;
}

.clsOrderDetProdNmImg {
    /*width: 300px;*/
    padding: 10px 0 0 25px;
}

.PaddingTop10 {
    padding-top: 10px;
}

.ItemImg {
    overflow: hidden;
    float: left;
    width: 62px;
    height: 62px;
}

.productName {
    overflow: hidden;
    float: left;
    height: 50px;
    width: 230px;
}

.clsFinalPrice {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

input[type="button"] {
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}

.TextboxQty {
    float: left;
    border: dashed 1px Black;
    width: 28px;
    height: 28px;
    margin: 0 9px 0 9px;
    text-align: center;
}

.clsMinusImg {
    float: left;
    width: 19px;
    height: 19px;
    background-image: url(../Images/roud-minus.png);
    margin-top: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.clsPlusImg {
    float: left;
    width: 19px;
    height: 19px;
    margin-top: 5px;
    background-image: url(../Images/roud-plus.png);
    cursor: pointer;
    background-repeat: no-repeat;
}

.clsMinusImg:hover {
    background-image: url(../Images/roud-minus-hover.png);
}

.clsPlusImg:hover {
    background-image: url(../Images/roud-plus-hover.png);
}

.btn-ok {
    cursor: pointer;
    background: url('../Images/ok.png') no-repeat left center;
    width: 93px;
    height: 31px;
    border: 0;
    outline: none;
}

.HeaderDivClose {
    display: none;
}