#popWrapper {
    font-family: "Sans" !important;
    width: 100%; /* 470px;*/
    height: auto;
    display: inline;
    float: left;
    border: 0px solid gray;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-box-shadow: 4px 3px 9px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 3px 9px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 3px 9px 0px rgba(50, 50, 50, 0.75);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,cecece+100 */
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #cecece 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#cecece)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #eaeaea 0%,#cecece 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #eaeaea 0%,#cecece 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #eaeaea 0%,#cecece 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #eaeaea 0%,#cecece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
    border: #b3b3b3 solid 1px;
}

    #popWrapper table {
        margin: 5px 10px;
    }

        #popWrapper table table {
            margin: 3px 1px;
        }

        #popWrapper table tr td strong {
            font-size: 12.5px;
            color: #333333;
        }

        #popWrapper table tr td select {
            margin-bottom: 3px;
        }

    #popWrapper td {
        border: none; /*border: 1px solid #333;*/
        /*min-height: 30px;
    line-height: 30px;*/
        min-height: 25px;
        line-height: 25px;
        font-size: 11px;
    }


.stname {
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
    /*border: none;
   
    padding: 0;
    
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
    color:#fff;
    background-color: #502813;
    padding: 3px 7px;*/
}

.stnamePoopup {
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
    color: #fff;
    background-color: #502813;
    padding: 3px 7px;
    margin-left: 4px;
}

.stnamePoopup3 {
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: 120%;
    font-weight: bold;
    color: #f78d1f;
    padding: 3px 7px 3px 0px;
    margin-left: 4px;
    border-bottom: #ccc solid 1px;
}

#popWrapper .name, #popWrapper .productID, #popWrapper .description {
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 12px;
    line-height: 120%;
}

#popWrapper .name {
    font-size: 14px;
    font-weight: bold;
}

#popWrapper .productID {
    font-size: 16px;
    font-weight: normal;
    color: #CB3200;
}

#popWrapper table td span {
    color: red;
}

.products {
    width: 97%;
    height: 200px;
    border: none;
    border: 1px solid #cccccc;
    margin: 5px;
    padding: 0;
    display: inline;
    float: left;
    background-color: #FFF;
    overflow: auto;
}

    .products table {
        font-size: 12px;
        line-height: 125%;
    }

    .products .price {
        border: none;
        margin: 2px 0 2px 0;
        padding: 0;
        font-size: 12px;
        line-height: 105%;
        font-weight: normal;
        color: #545454;
        padding: 1px 7px;
        display: inline-block;
    }

.priceText {
    font-weight: bold;
    min-width: 220px;
    color: #545454 !important;
}

.products table .stock {
    border: none;
    margin: 0px 0px 4px 0px;
    padding: 1px 7px;
    font-size: 12px;
    line-height: 110%;
    font-weight: normal;
    color: #545454;
    /*background-color: #CF713E;*/
}
/*priceShopAppModal start*/
.products .priceShopAppModal {
    width: 80%;
    border: none;
    margin: 2px 0 2px 0;
    padding: 0;
    font-size: 12px;
    line-height: 105%;
    font-weight: normal;
    color: #545454;
    padding: 1px 7px;
    display: inline-block;
}

    .products .priceShopAppModal .priceText {
        font-weight: bold;
        min-width: 60px;
        color: #545454 !important;
        float: left;
    }


    .products .priceShopAppModal span {
        float: left;
        margin-right: 5px;
    }

    .products .priceShopAppModal .prodOrgPrice-cart {
        float: left;
        margin-right: 5px;
    }

        .products .priceShopAppModal .prodOrgPrice-cart .prodPriceArea {
            display: inline-block;
        }
/*priceShopAppModal end*/



.products table .pstock {
    border: none;
    margin: 0px 0 10px 0;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 110%;
    font-weight: normal;
    color: #441C08;
    background-color: #F8E8E0;
}

.products table .Qty {
    font-size: 12px;
    line-height: 105%;
    font-weight: normal;
    color: rgb(80, 40, 19);
    background: rgb(252, 220, 203) none repeat scroll 0% 0%;
    padding: 0px 7px;
}

    .products table .Qty input[type=text] {
        outline: none;
        text-align: center;
        width: 30px;
        height: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #D2B1A0;
    }

a.addBasket {
    width: 110px;
    height: 0;
    border: none;
    margin: 0;
    margin-left: 0;
    padding: 0;
    padding-top: 18px;
    background-image: url(imagesPopup/popAddBasket.png);
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
}

    a.addBasket:link {
        background-position: 0 0;
    }

    a.addBasket:visited {
        background-position: 0 0;
    }

    a.addBasket:hover {
        background-position: 0 -18px;
    }

    a.addBasket:active {
        background-position: 0 0;
    }

div.MaskedDivAddtocart {
    z-index: 0;
    visibility: hidden;
    position: absolute;
    font-size: x-small;
}

div.ModalPopupRestaurant {
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    height: auto;
    top: 20px;
    left: 28%;
}

div.ModalPopupAddtocart {
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    font-size: x-small;
    height: auto;
    /*top:15%;
    left:33%;*/
    /*top:0px;*/
}

div.ModalPopupRecipient {
    position: absolute; /* set z-index higher than possible */
    z-index: 10000;
    visibility: hidden;
    font-size: x-small;
    height: auto;
    top: 30%;
    left: 33%;
    /*background:#cbcbcb;*/
    background: #dcdcdc;
    background: url(../images/woodBGPart1.jpg);
}


.blkPopupSec {
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background: rgba(48,48,48,0.5);
}

div.ModalPopupCartPayment {
    position: absolute; /* set z-index higher than possible */
    z-index: 20000;
    visibility: hidden;
    font-size: x-small;
    /*height: auto;
    top:40%;
	width:450px;*/
    width: 100%;
    height: 200%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.7);
    text-align: center;
}

div.ModalPopupLoginPart {
    position: absolute; /* set z-index higher than possible */
    z-index: 20000;
    visibility: hidden;
    font-size: x-small;
    width: 100%;
    height: 120%;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.7);
    text-align: center;
}

div.RecipentAddNoModal {
    visibility: hidden;
    font-size: x-small;
    height: auto;
    width: 98%;
}

#popWrapper3 {
    font-family: "Sans" !important;
    width: 700px;
    height: auto;
    display: block;
    border: 0px solid gray;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-box-shadow: 4px 3px 9px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 3px 9px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 3px 9px 0px rgba(50, 50, 50, 0.75);
    border: #b3b3b3 solid 1px;
    /*background: #ffffff;*/
    background: url(../images/guestAndPaymentlogin.jpg) no-repeat;
    background-size: cover;
    margin: 10% auto;
    text-align: left;
    min-height: 100px;
}



/*new adj*/
.PopupAdj {
    left: 30% !important;
    width: 40%;
    /*   margin: auto 30%;*/
}
/*.PopupAdj {
    left: 0% !important;
    width: 30%;
    margin: auto 35%;
    top: 0%;
    position:fixed!important;
    z-index: 99999!important;
}*/
.PopupAdj3 {
    /*left:45%!important;*/
    width: 60%;
    margin: auto 20%;
}

.PopupAdj6 {
    /*  left:40%!important;*/
}

.NoPopupAdj {
    padding: 0px;
    margin: 0px;
}

.PopupAdjLogin {
    left: 15% !important;
}

/*new adj*/

.savedRatingStar {
    background-image: url(images/star-saved.png);
    width: 15px;
    height: 15px;
    cursor: default;
}

.ratingStar {
    background-image: url(images/star.jpg);
    width: 15px;
    height: 15px;
    cursor: default;
}

.filledRatingStar {
    background-image: url(images/star.jpg);
    width: 15px;
    height: 15px;
    cursor: default;
}

.emptyRatingStar {
    background-image: url(images/star-empty.jpg);
    width: 15px;
    height: 15px;
    cursor: default;
}

.reciAddModal {
    padding: 0;
    margin: 0;
}

    .reciAddModal table tr td {
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 18px;
    }

        .reciAddModal table tr td input[type='text'] {
            width: 95% !important;
        }

        .reciAddModal table tr td select {
            width: 100%;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: rgba(255,255,255,0.8) url(../images/drop-arrow.png) no-repeat 97% center;
            line-height: normal;
        }

.reciAddModal3 {
    padding: 0;
    margin: 0;
}

    .reciAddModal3 table tr td {
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 18px;
    }

        .reciAddModal3 table tr td input {
            width: 90% !important;
        }

        .reciAddModal3 table tr td select {
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: rgba(255,255,255,0.8) url(../images/drop-arrow.png) no-repeat 97% center;
        }

/*cartSecAddModal start*/
.cartSecAddModal {
    padding: 0;
    margin: 0;
}

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

        .cartSecAddModal table tr td {
            padding-top: 2px;
            padding-bottom: 2px;
            line-height: 18px;
            color: #07357c;
        }

            .cartSecAddModal table tr td span {
                float: left;
                width: 45% !important;
                margin-left: 7px !important;
                height: 14px;
                font-size: 12px;
                overflow: hidden !important;
            }

            .cartSecAddModal table tr td strong {
                color: #073f96 !important;
                padding-left: 5px;
            }

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

.cartSecAddModal table tr td input[type='text'] {
    width: 94% !important;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 31px;
    margin-left: 5px;
    border: #9dcbd8 solid 1px;
    background: #d5eef2;
    -moz-box-shadow: inset 0 0 10px #a4cfd4;
    -webkit-box-shadow: inset 0 0 10px #a4cfd4;
    box-shadow: inset 0 0 10px #a4cfd4;
    float: left;
}

.cartSecAddModal table tr td input.pas {
    width: 94% !important;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 31px;
    margin-left: 5px;
    border: #9dcbd8 solid 1px;
    background: #d5eef2;
    -moz-box-shadow: inset 0 0 10px #a4cfd4;
    -webkit-box-shadow: inset 0 0 10px #a4cfd4;
    box-shadow: inset 0 0 10px #a4cfd4;
    float: left;
}


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

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

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

.cartSecAddModal table tr td input:-moz-placeholder { /* Firefox 18- */ /*placeholder color change*/
    color: #355e65;
}

.modalCartBg {
    background: rgba(255,255,255,0.8) url(../images/cartSecBlueModal.jpg) no-repeat !important;
    background-size: cover !important;
    width: 500px !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

    .modalCartBg table {
        width: 100%;
    }

.modTopHeading {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a69b1+0,2f5794+100 */
    background: #3a69b1; /* Old browsers */
    background: -moz-linear-gradient(top, #3a69b1 0%, #2f5794 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a69b1), color-stop(100%,#2f5794)); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, #3a69b1 0%,#2f5794 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, #3a69b1 0%,#2f5794 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, #3a69b1 0%,#2f5794 100%); /* IE10 preview */
    background: linear-gradient(to bottom, #3a69b1 0%,#2f5794 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a69b1', endColorstr='#2f5794',GradientType=0 ); /* IE6-9 */
}



.cartSecAddModal table tr td select {
    width: 94%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px !important;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: /*rgba(255,255,255,0.8)*/ #d5eef2 url(../images/drop-arrow.png) no-repeat 97% center;
    line-height: normal;
    margin-left: 5px;
    border: #9dcbd8 solid 1px;
    -moz-box-shadow: inset 0 0 10px #a4cfd4;
    -webkit-box-shadow: inset 0 0 10px #a4cfd4;
    box-shadow: inset 0 0 10px #a4cfd4;
    color: #6d9298;
    float: left;
}

.cartSecAddModal table tr td span {
    float: left;
    width: 90%;
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    color: red;
}

.saveExitButt {
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    letter-spacing: .5px;
    color: #FFF;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 2px 25px;
    width: 140px;
    line-height: 28px;
    height: 32px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-shadow: 2px 2px #535353;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d6ebb+0,315d9e+100 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f7533+0,519d45+100 */
    background: rgb(63,117,51); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNzUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MTlkNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(63,117,51,1) 0%, rgba(81,157,69,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,117,51,1)), color-stop(100%,rgba(81,157,69,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(63,117,51,1) 0%,rgba(81,157,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(63,117,51,1) 0%,rgba(81,157,69,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(63,117,51,1) 0%,rgba(81,157,69,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(63,117,51,1) 0%,rgba(81,157,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7533', endColorstr='#519d45',GradientType=0 ); /* IE6-8 */
}

    .saveExitButt:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#236015+0,469b37+100 */
        background: rgb(35,96,21); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzNjAxNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjliMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(35,96,21,1) 0%, rgba(70,155,55,1) 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,96,21,1)), color-stop(100%,rgba(70,155,55,1))); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, rgba(35,96,21,1) 0%,rgba(70,155,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, rgba(35,96,21,1) 0%,rgba(70,155,55,1) 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, rgba(35,96,21,1) 0%,rgba(70,155,55,1) 100%); /* IE10 preview */
        background: linear-gradient(to bottom, rgba(35,96,21,1) 0%,rgba(70,155,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#236015', endColorstr='#469b37',GradientType=0 ); /* IE6-8 */
        text-decoration: none;
        color: #ffffff;
    }

.cancelButt {
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    letter-spacing: .5px;
    color: #FFF;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 2px 25px;
    width: 140px;
    line-height: 28px;
    height: 32px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    margin-bottom: 3px;
    text-shadow: 2px 2px #535353;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,ff920a+100;Orange+3D+%231 */
    background: rgb(255,175,75); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,175,75,1)), color-stop(100%,rgba(255,146,10,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-8 */
}

    .cancelButt:hover {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd199+0,ffa332+100 */
        background: rgb(255,209,153); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmEzMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255,209,153,1) 0%, rgba(255,163,50,1) 100%); /* FF3.6-15 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,209,153,1)), color-stop(100%,rgba(255,163,50,1))); /* Chrome4-9,Safari4-5 */
        background: -webkit-linear-gradient(top, rgba(255,209,153,1) 0%,rgba(255,163,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: -o-linear-gradient(top, rgba(255,209,153,1) 0%,rgba(255,163,50,1) 100%); /* Opera 11.10-11.50 */
        background: -ms-linear-gradient(top, rgba(255,209,153,1) 0%,rgba(255,163,50,1) 100%); /* IE10 preview */
        background: linear-gradient(to bottom, rgba(255,209,153,1) 0%,rgba(255,163,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd199', endColorstr='#ffa332',GradientType=0 ); /* IE6-8 */
        text-decoration: none;
        color: #ffffff;
    }

/*cartSecAddModal End*/

@media screen and (max-width:1450px) {
    .PopupAdjWishList {
        left: 30% !important;
    }
}

@media screen and (max-width:1300px) {
    /*div.ModalPopupCartPayment{
	width:450px;
}*/
    /*
.PopupAdj6{
    left:30%!important;
}
*/
}

@media screen and (max-width:1100px) {
    /*div.ModalPopupCartPayment{
	width:400px;
}
.PopupAdj6{
    left:15%!important;
}*/
    div.ModalPopupAddtocart {
        top: 15%;
        left: 10%;
    }
}


@media screen and (max-width:767px) {
    .PopupAdj {
        left: 25% !important;
    }

    .PopupAdjWishList {
        left: 20% !important;
    }
    /*div.ModalPopupCartPayment{
	width:350px;
}*/
    /*.PopupAdj6{
    left:10%!important;
}*/
    #popWrapper3 {
        width: 320px;
    }

        #popWrapper3 .reciAddModal {
            min-width: 310px;
        }

    div.ModalPopupAddtocart {
        top: 15%;
        left: 5%;
    }
}

@media screen and (max-width:600px) {
    .PopupAdj {
        left: 5% !important;
    }

    .PopupAdjWishList {
        left: 10% !important;
    }
}

@media screen and (max-width:550px) {
    .PopupAdjWishList {
        left: 4% !important;
    }

    div.ModalPopupAddtocart {
        top: 15%;
        left: 8%;
        max-width: 340px;        
    }
}

@media screen and (max-width:480px) {
    .PopupAdj {
        left: 2% !important;
    }

    .reciAddModal {
        padding: 0;
        margin: 0;
        min-width: 360px;
    }

        .reciAddModal table tr td {
            width: 100%;
            display: table;
        }

            .reciAddModal table tr td input {
                width: 92% !important;
            }

            .reciAddModal table tr td select {
                width: 96% !important;
            }



    .cartSecAddModal {
        padding: 0;
        margin: 0;
        min-width: 360px;
    }

        .cartSecAddModal table tr td {
            width: 100%;
            display: table;
        }

            .cartSecAddModal table tr td input {
                width: 92% !important;
            }

            .cartSecAddModal table tr td select {
                width: 96% !important;
            }

    .reciAddModal3 table tr td {
        width: 100%;
        display: table;
    }

        .reciAddModal3 table tr td input {
            width: 92% !important;
        }

        .reciAddModal3 table tr td select {
            width: 96% !important;
        }

    .marrradj {
        margin-right: 12px;
    }

    #popWrapper table {
        margin: 5px 5px;
    }

    .products table .Qty {
        padding: 5px 7px;
    }
    /*div.ModalPopupCartPayment{
	width:400px;
}*/
    /*.PopupAdj6{
    left:6%!important;
}*/
    #popWrapper td {
        border: none;
        min-height: 14px;
        line-height: 15px;
        font-size: 11px;
    }

    #popWrapper table tr td select {
        margin-bottom: 3px;
        width: 94% !important;
    }
}

@media screen and (max-width:360px) {
    .PopupAdjWishList {
        left: 2% !important;
    }

    .PopupAdj {
        left: 1% !important;
    }

    .reciAddModal {
        padding: 0;
        margin: 0;
        min-width: 300px;
    }

    .cartSecAddModal {
        padding: 0;
        margin: 0;
        min-width: 300px;
    }

    .modalHead {
        width: 300px;
    }

    .modalWrapper {
        width: 300px;
    }

    div.ModalPopupCartPayment {
        /*width:300px;*/
        width: 100%;
    }
    /*.PopupAdj6{
    left:3%!important;
}*/
    #popWrapper3 {
        width: 300px;
    }

        #popWrapper3 .reciAddModal {
            min-width: 290px;
        }

    div.ModalPopupAddtocart {
        left: -2%;
        max-width: 300px;
    }
}

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



.CheckBoxAddr {
    margin: 7px 6px 0 !important;
    line-height: normal;
}


/*myAccPopUp Start*/

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

.myAccPopUp {
    width: 50%;
    max-width: 800px;
    min-height: 200px;
    padding: 5px 25px 30px 25px;
    overflow: hidden;
    background: url(../images/Caribbean-Sea3.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;
}

.myAccPopHeader {
    width: 100%;
    float:: left;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    margin-top: 5px;
    background: url(../images/profileHeadingBg.png) no-repeat;
    background-position: top center;
    padding-top: 6px;
    padding-bottom: 8px;
}

@media screen and (max-width:1450px) {
    #LoginmodalMyAccountWrapArea {
        z-index: 999995;
        width: 100%;
        height: 140vh;
        position: absolute;
        right: 0%;
        top: 0%;
        padding: 0px;
        background: rgba(0, 0, 0, 0.8);
    }
}


@media screen and (max-width:1024px) {
    #LoginmodalMyAccountWrapArea {
        z-index: 999995;
        width: 100%;
        height: 200vh;
        position: absolute;
        right: 0%;
        top: 0%;
        padding: 0px;
        background: rgba(0, 0, 0, 0.8);
    }
}

/*myAccPopUp End*/


#RefundDetails {
    position: absolute;
    width: 62%;
    margin: -55px auto;
    /* top: 0px; */
    /* padding: 10px; */
    overflow-x: auto;
    overflow-y: hidden;
}

    #RefundDetails .clBtd {
        border: 1px solid #9f9f9f;
        min-width: 100px;
    }

    #RefundDetails .clHtd {
        background: #a5c4df;
        padding-left: 3px;
        border: 1px solid #9f9f9f;
    }

    #RefundDetails .clHTtd {
        background: #586876;
        color: #f6f6f6;
        border: 1px solid #9f9f9f;
        padding-left: 3px;
    }

    #RefundDetails .clBtd .prodOrgPriceUserControl {
        text-align: left;
        padding-left: 2px;
    }

.refundViewIcon {
    cursor: pointer;
    float: right;
}