﻿.mainWrapperNoScroll{
	height:920px!important;
	overflow-y:hidden!important;
	overflow-x:hidden!important;
}

/*---------------------PRODUCT DETAILS MODAL-----------------------*/

.ProdDtlsOuterWrapArea{
    z-index: 999995;
    width: 100%;
    height: 100vh;
    position: fixed;
    right: 0%;
    top: 0%;
    padding: 0px;
    background: rgba(0, 0, 0, 0.75);
    /*background:#fff;*/
	z-index:1001;
	overflow-x:hidden!important;
	overflow-y:hidden!important; 
}
.ProdDtlsModalarea{
    width:50%;
    display: block;
    float: left;
    margin:15px 0;
	min-height:60px;
    padding: 5px 10px 40px 10px;
    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);
	left:25%;
	top: 12%;
	position: absolute;
	z-index: 1001;
	background:#ffffff;
}
.MTotScrollarea{
	float:left;
	width:100%;
	max-height:450px;
	overflow-y:auto;
	overflow-x:hidden;
}

.ProdDtlsModalHeader{
	float:left;
	width:90%;
    font-size:21px;
	font-weight:normal;
    text-align:left;
    /*color: #23438c;*/
	color:#ffffff;
	line-height:36px;
	height:41px;
	margin-top:6px;
	margin-bottom:15px;
	padding-left:18px;
	background: url(../images/brushBlue.png) no-repeat;
	/*background: rgba(73,155,234,1);
	background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(170,203,235,1) 49%, rgba(170,203,235,0.1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(59%, rgba(170,203,235,1)), color-stop(100%, rgba(170,203,235,0.1)));
	background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(170,203,235,1) 49%, rgba(170,203,235,0.1) 100%);
	background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(170,203,235,1) 49%, rgba(170,203,235,0.1) 100%);
	background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(170,203,235,1) 49%, rgba(170,203,235,0.1) 100%);
	background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(170,203,235,1) 49%, rgba(170,203,235,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#aacbeb', GradientType=1 );*/
	/*border-bottom:#9baacd dashed 1px;*/
	border-radius:5px 0px 0px 0px;
}
.cButtProdRight{
    float: right;
    width: 40px;
    height: 40px;
    text-align:center;
}
.cButtProdRight a{
    cursor:pointer;
}
.cButtProdRight a:hover{
   opacity:0.6;
}


.ProdDtlsMiddleContArea{
    float: left;
    min-height:250px;
    width:100%;
	margin-top:0px;
}
.mProdShowArea{
	float:left;
	width:48%;
	padding:0px;
	margin:0px;
	border:#6F6 solid 1px;
}
.mprodApprealarea{
	float:right;
	width:54%;
	padding:0px;
	margin:0px;
}
.mprodApprealarea h2{
    font-size:21px;
    color: #656565;
    font-weight:normal;
    margin: 0;
    padding: 0;
    line-height: normal;
    float:left;
}

    .mprodApprealarea h2 span {
        float: left;
        width:auto;
        margin-right: 4px;
    }


.mprodApprealarea .prodidNumber{
    font-size: 15px;
    color: #3b6bb4;
    color: #727272;
    font-weight: bold;
    margin: 0;
    padding: 5px 0px;
    float: left;
    width: 100%;
}
.mprodApprealarea .price{
    font-size: 25px;
    /*color: #010101;*/
	color:#00546b;
    font-weight: bold;
    font-weight: normal;
    margin:3px 0px 0px 0px;
    padding:0;
	float:left;
	width:100%;
}
.mprodApprealarea .saleprice div.prodOrgPrice-cart {
    padding: 0px 0px 0px 48px;
}

.mprodApprealarea .price .prodOrgPrice-wcart{
	color:#02addb;
}
.mprodApprealarea .price .prodOrgPrice-cart{
	color:#02addb;
}

.mprodApprealarea #ctl00_ContentPlaceHolder1_lbldivPrice {
        margin-bottom: 6px;
}

.mprodApprealarea .prodPriceArea img{
    vertical-align: middle;
    margin-top: -2px;
}

.mprodApprealarea .quantityselectarea{
        width: 100%;
        float: left;
        clear: left;
        margin-top:8px;
        margin-bottom:8px;
}
.mprodApprealarea .quantityselectarea > div{
    float:left;
    width:auto;
    margin-right:5px;
    font-size:14px;
}

.mprodApprealarea .quantityselectarea > div.selQuality{
    padding-top:6px;
}

.mprodApprealarea .quantityselectarea > div.only{
    padding-top: 6px;
	color:#567a0f;
}
.mprodApprealarea .Seller .left {
        width: 125px;
        width: 99%;
        margin-top:3px;
        margin-bottom:3px;
        margin-right:2px;
    }
.mprodApprealarea .Seller .left .moreSellers.bt {
        border: none;
        cursor: pointer;
        padding-right: 0px;
        padding-left: 0px;
        text-align: left;
        color: #277487;
}
    .mprodApprealarea .Seller .left .moreSellers.bt:hover {
        text-decoration:underline;
    }
        .mprodApprealarea .moreSellers::before {
            border-color: rgba(194, 225, 245, 0);
            border-bottom-color: rgba(194, 225, 245, 0);
            border-bottom-color: #407699;
            border-width: 7px;
            right: 2%;
        }
    .mprodApprealarea .moreSellers::after {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: rgba(194, 225, 245, 0);
        border-bottom-color: #407699;
        border-width: 7px;
        right: 2%;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

.mprodApprealarea .inStock {
    font-size: 15px;
    color: #3b6bb4;
    color: #727272;
    font-weight: bold;
    margin: 0;
    padding:3px 0px;
    float: left;
    width: 100%;
}
.mprodApprealarea .Seller{
        font-size: 14px;
        width: 100%;
        float: left;
    }
.mprodApprealarea .Seller > div.left {
    float:left;
    width:auto;
    margin-right:5px;
}

.mprodApprealarea .Seller > div.moreSellers{
    float:left;
    width:100%!important;
}
.moreSellers::after, .moreSellers::before {
    left:110px;
}



    .mprodApprealarea .ribbon-wrapper-discount {
        width: 50px;
        overflow: hidden;
        position: relative;
        /*top: 2%;*/
        margin-top: 2px;
    }

.mprodDTLSarea {
    width: 100%;
    display: block;
    float: left;
    margin: 15px 0;
    border: #fff372 solid 1px;
}

@media(max-width:1780px) {
.mprodApprealarea{
	width:54%;
}	
	
}

@media(max-width:1600px) {
.mprodApprealarea{
	width:50%;
}
}
@media(max-width:1500px) {
.mprodApprealarea{
	width:58%;
}
}

@media(max-width:1250px) {
.mprodApprealarea {
    width:50%;
}
}

@media(max-width:950px) {
.mprodApprealarea {
    width:45%;
}
}
@media(max-width:900px) {
.mprodApprealarea .moreSellers::before {
	left:90%;

    }
}

@media(max-width:850px) {
.mprodApprealarea {
    width:98%;
	margin-top:3%;
}
}
@media(max-width:400px) {
.ProdDtlsModalarea{
    padding: 5px 4px 40px 4px;

}
.mprodApprealarea h2{
    font-size:18px;
  }
}

/*---------------------PRODUCT DETAILS MODAL--------------------------*/

/*--------------------Tab area-------------------*/


.mprodApprealarea .productdetailstabarea3{
    width:100%;
    display:block;
    float:left;
    margin:15px 0;
    position:relative;
}

.mprodApprealarea ul.resp-tabs-list li{
    float: left;
    width:auto;
    min-width:100px;
    width: auto;
    background: #ededed;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ededed 0%, #bfbfbf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bfbfbf));
    background: -webkit-linear-gradient(top, #ededed 0%,#bfbfbf 100%);
    background: -o-linear-gradient(top, #ededed 0%,#bfbfbf 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#bfbfbf 100%);
    background: linear-gradient(to bottom, #ededed 0%,#bfbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#bfbfbf',GradientType=0 );
    color: #333333;
    font-size:12.5px;
    line-height: 21px;
    letter-spacing: .5px;
    padding: 5px 6px 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;
    font-weight: normal;
}
/*--------------------Tab area End------------------*/

.mProdDtlsAppRarea{
    width: 98%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.mProdDtlsAppRarea h2{
    font-size: 20px;
    color: #656565;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.mProdDtlsAppRarea h2 > span {
    float: left;
    width: auto;
    margin-right: 5px;
}

#moreSellersModal {
    float: left;
    width: 29px;
    height: 25px;
    margin-left: 12px;
    margin-top:8px;
    cursor: pointer;
    text-align: center;
    /*background: #6F6;*/
}
.divModSellerCross{ /*29.10.2018*/
   float:right;
   width:18px;
   height:18px;
   line-height:12px;
   padding:1px;
   text-align:center;
   position:relative;
   top:-25px;
   right:5px;
}
.divModSellerCross a{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
    cursor:pointer;
}
.divModSellerCross a img {
        width: 14px;
        height: 14px;
        margin-top:2px;
}
.divModSellerCross a:hover{
    opacity:0.5;

 }

    #moreSellersWrapper {
        position: absolute;
        top: 20%;
        left: 15%;
        width: 70%;
        height: auto;
        /*box-shadow: 10px 12px 24px #929292;
    border-top: #e9e9e9 solid 1px;*/
        /*box-shadow: 10px 12px 30px 10px #b4b4b4;*/ /* inner white */
        box-shadow: 3px 3px 7px 3px #b4b4b4;
        font-size: 0.875em;
        z-index: 5000;
        display: none;
        background: rgba(255,255,255,1);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
    }
#moreSellersWrapper table{
	float:left;
	width:98%;
    margin-left:1%;
    margin-top:-20px;
}
#moreSellersWrapper table tr td{
    padding-left:0px;
}


@media(max-width:950px) {
#moreSellersWrapper {
    left:0%;
}
}
@media(max-width:850px) {
#moreSellersWrapper {
    position: absolute;
    top: 350px;
	left:2%;
    width:420px;
 
}
}
@media(max-width:600px) {
#moreSellersWrapper {
    position: absolute;
    top: 350px;
	left:2%;
    width:400px;
 
}
}

@media(max-width:440px) {
#moreSellersWrapper {
    position: absolute;
    top: 350px;
	left:2%;
    width:310px;
}

}

/*qty increase decrease Start*/

.IncDecQty {
    float: left;
    width: 60px !important;
    border: 1px solid #ddd;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.value-button{
    display: inline-block;
    margin: 0px;
    width: 38%;
    height:13.5px;
    text-align: center;
    vertical-align: middle;
    /*padding: 11px 0;*/
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    font-size:14px;
    font-family:Arial;
    color: #026667;
    font-weight:200;
    line-height: 14px;
}

.value-button:hover {
    cursor: pointer;
}


.vbline {
    border-bottom: 1px solid #ddd;
}


.IncDecQty input[type=text]::-webkit-inner-spin-button,
input[type=text]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}
.IncDecQty input[type=text] {
    -moz-appearance: textfield !important;
    text-align:center;
    border:none;
    margin:0px;
    width:60%;
    height:28px;
	padding:0px;
    -webkit-appearance:none;
    -moz-appearance:none;
	float:left;
    border-right: 1px solid #ddd;
    box-shadow:none!important;
}


/*qty increase decrease End*/
/*body {
    padding: 10% 43%;
    background: black;
}*/

/****************SelectQuantity*****************/
.IncDecQuantity {
    float: right;
    width: auto;
    margin-top:3px;
    margin-right:36px;
    /*background: #ff0;*/
}

    .IncDecQuantity .calc:hover {
        background-color: #E25555;
        color: white;
        border: 1px solid #E25555;
        border-radius:0 5px 5px 0;
        /*background-image: url("https://imgur.com/BAUasqg.png");*/
        /*content: 'BUY';*/
    }

/*.calc:hover.link9::after {
    content: 'BUY';
    
}*/

.IncDecQuantity .calc {
    position: relative;
    cursor: pointer;
}

    .IncDecQuantity .calc:hover .calcHov {
        visibility: visible;
        opacity: 1;
        right: -42px;
    }

    .IncDecQuantity .calc:hover .arrow-up {
        top: -45px;
        opacity: 1;
    }

    .IncDecQuantity .calc:hover .arrow-down {
        bottom: -28px;
        opacity: 1;
    }

    .IncDecQuantity .calc:hover .closer {
        opacity: 1;
        visibility: visible;
        right: -76px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.closer {
    /*background: url("https://imgur.com/LTiLsAV.png");*/
    width: 22px;
    height: 23px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: rotate(220deg);
    -moz-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    -o-transform: rotate(220deg);
    transform: rotate(220deg);
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.calcHov {
    position: absolute;
    width:40px;
    margin-top: -7px;
    opacity: 0;
    /*right: 0;*/
    left:-55px;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    visibility: hidden;
    margin-left:10px;
    text-align: center;
    border:1px solid #E25555;
    border-radius:5px 0 0 5px;
    background:white;
    height:100%;
	top:6px;
}

.quantity {
    width:40px;
    position: relative;
    height: 39px;
    border: none;
    position: relative;
    text-align: center;
}

.quantity-val {
    padding-left: 17px;
    width: 100%;
    color: #E25555;
    font-size: 14px;
    background: none;
    border: none;
    height: 100%;
}

    .quantity-val:focus {
        outline: none;
    }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-up, .quantity-down {
    position: absolute;
    right: -2px;
    height: 50%;
    z-index: 90;
    border: 0;
    width: 26px;
}

.arrow-up, .arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 8px;
}

.quantity-up {
    top: 2px;
}

.quantity-up {
    top: 2px;
}

.arrow-up {
    width: 24px;
    position: absolute;
    height: 18px;
    top: 0px;
    right: 8px;
    opacity: 0;
    z-index: 3;
    content: " ";
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px 8px 0 0;
    border: 1px solid #E25555;
    border-bottom: 2px solid white;
    background-color: white;
    background-image: url("https://imgur.com/UZfvZTF.png");
    background-position: 5px 4px;
    background-repeat: no-repeat;
}

    .arrow-up:hover {
    }

.quantity-down {
    bottom: 0;
}

.arrow-down {
    width: 24px;
    position: absolute;
    height: 18px;
    bottom: 0px;
    opacity: 0;
    right: 8px;
    z-index: 3;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -ms-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    content: " ";
    border-radius: 0 0 8px 8px;
    border: 1px solid #E25555;
    border-top: 2px solid white;
    background-color: white;
    background-image: url("https://imgur.com/uDFme47.png");
    background-position: 5px 4px;
    background-repeat: no-repeat;
}

    .arrow-down:hover {
    }

.calc {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 0 5px 5px 0;
}

.link9 {
    border: 1px solid #2EBEFC;
    border-radius: 5px;
    color: #2EBEFC;
    font-weight: 400;
    font-family: 'Saira Condensed', sans-serif;
    font-family: 'Open Sans';
    /*background-image: url("https://imgur.com/bkGJ8wc.png");*/
    background-position: 10px 9px;
    background-repeat: no-repeat;
    width: auto;
    height: 32px;
    line-height: 2.3;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    display: block;
    /*content:'BUY';*/
}

.link9 i.fa-plus-circle {
    margin-top:8px;
    font-size:16px;
    font-weight:normal;
}

    /*.link9::after {
        content: 'BUY';
    }*/
.IncDecQuantity input[type="text"] {
    -moz-appearance: textfield !important;
    background: none;
    border: none;
    box-shadow: none !important;
    border-color: none;
    outline: 0;
    width:30px;
    text-align: center;
	margin-right:8px;
}

.sellercartbtn{ 
    position:absolute;
    width:14px;
    float: right;
    text-align: center;
    font-size: 12px;
    color:#3b6bb4;
    padding: 5px 5px 5px;
    height: 22px;
    line-height: 14px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:#2EBEFC solid 1px;
    right:10px;
    display:block;
    cursor:pointer;
    z-index:1200;
    margin-top:3px;
}

.sellercartbtn i.fa-cart-plus {
    font-size:15px;
    margin-top:4px;
}



/*divModalSellers*/
.divModalSellers{
}

.divModalSellers .stname{
    border:none;
    margin:3px 0 0 0;
    padding:0;
    font-weight:normal;
    border:none;
    padding:0;
    font-size:12px;
    line-height:14px;
	color:#000000;
    padding:0px;
}
.divModalSellers .EmptyStarCss{
    background: url(../images/star-empty.png) no-repeat;
    height:14px;
    width:12px;
    margin-right:2px!important;
}
.divModalSellers tr.head{
	/*background-color: #ddd; */
	height:25px;
	font-weight:bold;
	display: inline-table; 
	width: 100%; 
	color: #2E2E2E; 
	text-transform: uppercase;
	font-size: 12px;
	border-bottom:#6a6a6a dashed 1px;
	   /* background: linear-gradient(to bottom, #DCDCDC 0%,#888888 100%);*/
}
.sellerGridHeader {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    padding-left: 1%;
    position: relative;
    border-bottom: none;
    /*color: #FF6C00;*/
    color: #ffffff;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    list-style: none;
    width: 100%;
    cursor: pointer;
    /*background: rgba(255,174,74,1);
    background: -moz-linear-gradient(left, rgba(255,174,74,1) 0%, rgba(247,182,102,1) 12%, rgba(255,175,75,0.04) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,174,74,1)), color-stop(12%, rgba(247,182,102,1)), color-stop(100%, rgba(255,175,75,0.04)));
    background: -webkit-linear-gradient(left, rgba(255,174,74,1) 0%, rgba(247,182,102,1) 12%, rgba(255,175,75,0.04) 100%);
    background: -o-linear-gradient(left, rgba(255,174,74,1) 0%, rgba(247,182,102,1) 12%, rgba(255,175,75,0.04) 100%);
    background: -ms-linear-gradient(left, rgba(255,174,74,1) 0%, rgba(247,182,102,1) 12%, rgba(255,175,75,0.04) 100%);
    background: linear-gradient(to right, rgba(255,174,74,1) 0%, rgba(247,182,102,1) 12%, rgba(255,175,75,0.04) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae4a', endColorstr='#ffaf4b', GradientType=1 );*/

    background: rgba(39,116,135,1);
    background: -moz-linear-gradient(left, rgba(39,116,135,1) 0%, rgba(65,164,186,0.58) 66%, rgba(39,116,135,0) 99%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,116,135,1)), color-stop(66%, rgba(65,164,186,0.58)), color-stop(99%, rgba(39,116,135,0)));
    background: -webkit-linear-gradient(left, rgba(39,116,135,1) 0%, rgba(65,164,186,0.58) 66%, rgba(39,116,135,0) 99%);
    background: -o-linear-gradient(left, rgba(39,116,135,1) 0%, rgba(65,164,186,0.58) 66%, rgba(39,116,135,0) 99%);
    background: -ms-linear-gradient(left, rgba(39,116,135,1) 0%, rgba(65,164,186,0.58) 66%, rgba(39,116,135,0) 99%);
    background: linear-gradient(to right, rgba(39,116,135,1) 0%, rgba(65,164,186,0.58) 66%, rgba(39,116,135,0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277487', endColorstr='#277487', GradientType=1 );
    padding-top: 3px;
    padding-bottom: 3px;
}
.starinner{
    width:110px;
    margin: 0px;
    padding-left:0px;
}

/*divModalSellers End*/

/*/tab start/*/


.tabsProdDesc {
   
    margin: 0 auto;
   
}

.tabsProdDesc div{
    float: left;
    /*min-width:120px;*/
    margin-right: 2px;
}
.tabsProdDesc div.tabDesc{
        float:left;
        width:100%;
        border-bottom:rgba(255,146,10,1) solid 1px;
}
.tabsProdDesc div.tabDesc span {
        min-width:120px;
        border-radius: 5px 5px 0px 0px;
        display: inline-block;
        text-decoration: none;
        padding: .5rem 1rem;
        color: #ffffff;
        text-align:center;
        font-weight: normal;
        font-size: 14px;
        background: rgba(255,165,54,1);
        background: -moz-linear-gradient(left, rgba(255,165,54,1) 0%, rgba(255,146,10,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,165,54,1)), color-stop(100%, rgba(255,146,10,1)));
        background: -webkit-linear-gradient(left, rgba(255,165,54,1) 0%, rgba(255,146,10,1) 100%);
        background: -o-linear-gradient(left, rgba(255,165,54,1) 0%, rgba(255,146,10,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,165,54,1) 0%, rgba(255,146,10,1) 100%);
        background: linear-gradient(to right, rgba(255,165,54,1) 0%, rgba(255,146,10,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa536', endColorstr='#ff920a', GradientType=1 );
}


.tab-content {
    display: none;
    padding: .5rem .5rem .5rem .5rem;
    color: #4a5666;
    float: left !important;
    width: 99% !important;
    font-size: 13px;
}

.tab-content span > div:first-child {
    float:left;
    width:100%;
}
.tab-content span > div{
     float: left;
     width:auto;
     margin-top:3px;
     margin-right:5px;
}
.tab-content span > div span {
    color:#000000;
    margin-right:2px;
}



    .show {
        display: block;
    }
@media(max-width:850px) {
.tab-list div a.tabDesc {
        padding:.5rem .5rem;
		font-size:12px;
}

.tab-list div a.tabDesc.active {
        padding:.5rem .5rem;
		font-size:12px;
}

	
}
@media(max-width:600px) {
.tab-list div a.tabDesc {
        padding:.5rem .2rem;
		font-size:11px;
}

.tab-list div a.tabDesc.active {
        padding:.5rem .2rem;
		font-size:11px;
}

	
}

/*tab  end*/

.descprodbtnarea {
    width:100%;
    float: left;
    margin-top:14px;
    clear: left;
}
.descaddcartbtn {
    width:47%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #FFF;
	padding:4px 0px 4px;
    height:25px;
	line-height:25px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
	background: rgba(0,183,234,1);
	background: -moz-linear-gradient(left, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,183,234,1)), color-stop(100%, rgba(0,158,195,1)));
	background: -webkit-linear-gradient(left, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
	background: -o-linear-gradient(left, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
	background: linear-gradient(to right, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=1 );
}
.descaddcartbtn a {
        text-decoration: none;
        color: #FFF;
        display:block;

}
 .addcartbtn a:hover {
            text-decoration: none;
			color:#a7edff;
}

.descwishlistbtn {
    width:48%;
    float: left;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    padding:4px 0px 4px;
    height: 25px;
	line-height:25px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-border-radius:4px;
    background: rgba(252,164,96,1);
	background: -moz-linear-gradient(left, rgba(252,164,96,1) 0%, rgba(255,116,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,164,96,1)), color-stop(100%, rgba(255,116,0,1)));
	background: -webkit-linear-gradient(left, rgba(252,164,96,1) 0%, rgba(255,116,0,1) 100%);
	background: -o-linear-gradient(left, rgba(252,164,96,1) 0%, rgba(255,116,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(252,164,96,1) 0%, rgba(255,116,0,1) 100%);
	background: linear-gradient(to right, rgba(252,164,96,1) 0%, rgba(255,116,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca460', endColorstr='#ff7400', GradientType=1 );
	margin-left:2%;
}

    .descwishlistbtn a:hover {
        text-decoration: none;
		color: #ffffff;
    }

    .descwishlistbtn a {
        text-decoration: none;
        color: #ffffff;
        display:block;
    }
.productDetailsScroller h3 div {
    width:35%;
	background: rgba(37,141,200,1);
	background: -moz-linear-gradient(left, rgba(37,141,200,1) 0%, rgba(117,170,196,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,141,200,1)), color-stop(100%, rgba(117,170,196,1)));
	background: -webkit-linear-gradient(left, rgba(37,141,200,1) 0%, rgba(117,170,196,1) 100%);
	background: -o-linear-gradient(left, rgba(37,141,200,1) 0%, rgba(117,170,196,1) 100%);
	background: -ms-linear-gradient(left, rgba(37,141,200,1) 0%, rgba(117,170,196,1) 100%);
	background: linear-gradient(to right, rgba(37,141,200,1) 0%, rgba(117,170,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#75aac4', GradientType=1 );
}
/*productimage Zoom Hover crowsel fixing*/
.productdetailsPiC {
    float:left;
    width:42%;
}

.productdetailsPiC span{
    float:left;
    width:100%;
    text-align:center;
    padding:0px;
    margin:0px;
}
.productdetailsPiC span img {
    max-width:100%;
    max-height:300px;
}
.msInnerarea {

}
.msInnerarea .stname span{
    padding:0px;
    margin:1px 0px 0px 0px;
}


@media(max-width:1500px) {
.ProdDtlsModalarea{
    width:70%;
	left:15%;
}
}
@media(max-width:1320px) {
.productdetailsPiC .gc-display-area {
        width: 350px !important;
        height: 350px !important;
    }

.productdetailsPiC .gc-thumbs-area.gc-hz li {
        width: 65px !important;
        height: 65px !important;
    }

}
@media(max-width:1300px) {
.ProdDtlsModalarea{
    width:80%;
	left:10%;
}
}

@media(max-width:1150px) {
    .productdetailsPiC .gc-display-area {
        width: 300px !important;
        height: 300px !important;
    }

    .productdetailsPiC .gc-thumbs-area.gc-hz li {
        width: 50px !important;
        height: 50px !important;
    }
}
@media(max-width:850px) {
.ProdDtlsModalarea{
    width:60%;
	left:20%;
}
}

@media(max-width:767px) {
    .productdetailsPiC .gc-display-area {
        width: 400px !important;
        height: 400px !important;
    }
}

@media(max-width:700px) {
.ProdDtlsModalarea{
    width:80%;
	left:10%;
}
}

@media(max-width:600px) {
}

@media(max-width:500px) {
    .productdetailsPiC .gc-display-area {
        width: 300px !important;
        height: 300px !important;
    }
}

@media(max-width:400px) {
.ProdDtlsModalarea{
    width:90%;
	left:2%;
}
}


/*page modification start*/
/*a.lnkcartModal {
   float:right;
}*/
/*a.lnkcartModal img{
	width:18px;
	margin-right:6px;
	
}*/

/*.productlistproductarea ul li .productdesc h3 div div.prodSplPrice img {
	vertical-align:bottom;
	max-width:28px;
}*/
/*.productlistproductarea ul li .productdesc h3 div div.prodPriceArea img {
	vertical-align: bottom;
	max-width: 29px;
}*/
/*.productlistproductarea ul li .productdesc h3 div div.prodOrgPrice {
}*/
/*.productlistproductarea ul li .productimage img.favHeart {
    max-width: 18px;    
}*/
/*page modification End*/

/*.prodOrgPrice-wcart .prodSplPrice span{
    float:right;
}*/

/*.productlistproductarea ul li .productdesc h3 div div.prodPriceArea {
    width: 50%;
}*/


/*Adding for user wise review image modal style start*/
/* =======================
   MODAL ROOT (OVERLAY)
   ======================= */
#divUserImageViewModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none; /* JS must change this to FLEX when opened */
    justify-content: center;
    align-items: center;
    z-index: 99999;
    padding: 10px;
    overflow: hidden !important;
}
#divImageViewModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none; /* JS must change this to FLEX when opened */
    justify-content: center;
    align-items: center;
    z-index: 99999;
    padding: 10px;
    overflow: hidden !important;
}


/* =======================
   MODAL CONTAINER
   ======================= */
    #divUserImageViewModal .ProdDtlsModalarea {
        background: #fff;
        width: 100%;
        max-width: 900px; /* Desktop size */
        border-radius: 10px;
        padding: 15px;
        display: flex;
        gap: 20px;
        flex-wrap: nowrap;
    }

#divImageViewModal .ProdDtlsModalarea {
    background: #fff;
    width: 100%;
    max-width: 900px; /* Desktop size */
    border-radius: 10px;
    padding: 15px;
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
}

/* =======================
   LEFT IMAGE AREA
   ======================= */
.leftsideimgdiv {
    flex: 2;
    min-width: 0; /* prevents overflow */
}

.ImageDtlsMiddleContArea {
    width: 100%;
    height: 450px;
    background: #f2f2f2;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

#divFullReviewImage {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #divFullReviewImage img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }


/* Slider arrows */
.prev, .next {
    position: absolute;
    top: 65%;
    transform: translateY(-50%);
    width: 30px; /* clickable area */
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0,0,0,0.55);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    border: 0;
    cursor: pointer;
    z-index: 50;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.prev {
    left: 0.5% 
}

.next {
    right: -70.5%; 
}


/* Bottom thumbs */
.divBottomReviewImg {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    overflow-x: auto;
    padding-bottom: 5px;
}

    .divBottomReviewImg img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 6px;
        border: 2px solid transparent;
        cursor: pointer;
    }

        .divBottomReviewImg img.active {
            border-color: #007bff;
        }


/* =======================
   RIGHT DETAILS PANEL
   ======================= */
.righsidecmddiv {
    flex: 1;
    min-width: 0;
    border-left: 1px solid #ddd;
    padding-left: 15px;
}

.divImageCommentArea {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#divUserImageViewModal .elastislide-horizontal nav span {
    /*left: 10% !important;*/
    margin-top: 8px !important;
}
#divImageViewModal .elastislide-horizontal nav span {
    /*left: 10% !important;*/
    margin-top: 8px !important;
}
/* =======================
   RESPONSIVE FIXES
   ======================= */
@media (min-width: 1400px) {
    .prev {
        left: 3.5%;
    }

    .next {
        right: 3.5%;
    }
}
/* Tablets */
@media (max-width: 1024px) {
    #divImageViewModal #divUserImageViewModal {
        overflow-y: auto !important;
    }
    .ProdDtlsModalarea {
        max-width: 95% !important;
    }

    .ImageDtlsMiddleContArea {
        height: 380px;
    }
    .prev, .next {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }

    .prev {
        left: 0.5%
    }

    .next {
        right: -70.5%;
    }
}

/* Phones */
@media (max-width: 768px) {
    #divImageViewModal #divUserImageViewModal {
        overflow-y: auto !important;
    }
    .ProdDtlsModalarea {
        flex-direction: column !important;
        max-width: 85% !important;
        width: 100% !important;
    }
    
    .righsidecmddiv {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid #ddd;
        padding-top: 10px;
    }

    .ImageDtlsMiddleContArea {
        height: 300px;
    }
    .prev, .next {
        font-size: 18px;
        padding: 8px 10px;
    }

    .prev {
        left: 5px;
    }

    .next {
        right: 5px;
    }
    #divImageViewModal #divBottomFullReviewImage .elastislide-horizontal nav span {
        top: 67%;
    }
    .elastislide-horizontal nav span {
        /*left: 0% !important;*/
        margin-top: 8px !important;
    }
}

/* Small phones */
@media (max-width: 480px) {
    #divImageViewModal #divUserImageViewModal {
        overflow-y: auto !important;
    }
    .ImageDtlsMiddleContArea {
        height: 220px;
    }
    .ProdDtlsModalarea {
        padding: 10px !important;
    }
    .divBottomReviewImg img {
        width: 60px;
        height: 60px;
    }
    .prev, .next {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    .prev {
        left: 6%;
    }

    .next {
        right: 6%;
    }
}

/*Adding for user wise review image modal style end*/