@charset "UTF-8";
*{margin:0; padding:0; box-sizing: border-box; }


.radiocolor input
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
color: #666;
top: 0px;
padding: 20px;
border: 0;
border-radius: 0px;
cursor: pointer;
margin-right: 7px;
outline: none;
}
.radiocolor input:checked::before
{
position: absolute;
font: 13px/1 'Open Sans', sans-serif;
left: 15px;
top: 12px;
content: '\02143';
transform: rotate(40deg);
color:#fff;
}

.radioblue input
{background-color: #3555c6;}

.radioblue input:checked::before
{color:#fff;}


.radiored input
{background-color: #cc0000;}

.radiored input:checked::before
{color:#fff;}

.radiogreen input
{background-color: #64C174;}

.radiogreen input:checked::before
{color:#fff;}

.radiopurple input
{background-color: #B6A5D3;}

.radiopurple input:checked::before
{color:#fff;}

.radioyellow input
{background-color: #E6ED25;}

.radioyellow input:checked::before
{color:#000;}

.colorswatch .optiontext{display:none;}


/* ========================================================================================== */
/* boxed Product Option for Colors
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=110777 */

div.csscolor span{display:none}
div.csscolor input
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #eee;
color: #000;
top: 0px;
padding:10px 20px;
border-radius: 30px;
cursor: pointer;
margin-right: 7px;
outline: none;
border:1px solid #ccc;

}
div.csscolor input::before
{ 
/position: absolute; 
font: 13px/1 Arial, sans-serif;
left: 7px;
top: 15px;
color:#000;
text-align: center;
}

div.csscolor input:hover
{
background-color: #fff;
}
div.csscolor input:checked
{
background-color: #d4af37;
color: #fff;
}

div.k14gold input::before
{content: '14K Gold';
}
div.whitegold input::before
{content: 'White Gold';
}
div.rosegold input::before
{content: 'Rose Gold';
}
div.s925silver input::before
{content: 'S925 Silver';
}

.bracelet-400 .detailoptiontext{display:none;} 
.bracelet-100 .detailoptiontext{display:none;} 
.men-earring-200 .detailoptiontext{display:none;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.csssize span{display:inline}
}
@supports (-ms-accelerator:true) {
div.csssize span{display:inline}
div.csssize input{padding:6px;background:#fff}
}
@supports (-ms-ime-align:auto) {
div.csssize span{display:inline}
div.csssize input{padding:6px;background:#fff}
}
_:-ms-lang(x), _:-webkit-full-screen, .headerClass{
div.csssize span{display:inline;}
div.csssize input{padding:6px;background:#fff}
}
doesnotexist:-o-prefocus, div.csssize span{display:inline;}
doesnotexist:-o-prefocus, div.csssize input{padding:6px;background:#fff}




/* ========================================================================================== */
/* boxed Product Option 
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=110777 */

div.csssize span{display:none}
div.csssize input
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #eee;
color: #000;
top: 0px;
padding:10px 20px;
border-radius: 30px;
cursor: pointer;
margin-right: 7px;
outline: none;
border:1px solid #ccc;

}
div.csssize input::before
{ 
/* position: absolute; */
font: 13px/1 Arial, sans-serif;
left: 7px;
top: 15px;
color:#000;
text-align: center;
}

div.csssize input:hover
{
background-color: #fff;
}
div.csssize input:checked
{
background-color: #d4af37;
color: #fff;
}

div.small input::before
{content: 'Small';}
div.medium input::before
{content: 'Medium';}
div.large input::before
{content: 'Large';}
div.x-large input::before
{content: 'X-Large';}
div.xx-large input::before
{content: 'XX-Large';}

div.size6 input::before
{content: 'Size 6';}
div.size7 input::before
{content: 'Size 7';}
div.size8 input::before
{content: 'Size 8';}
div.size9 input::before
{content: 'Size 9';}


.bracelet-400 .detailoptiontext{display:none;} 
.bracelet-100 .detailoptiontext{display:none;} 


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
div.csssize span{display:inline}
}
@supports (-ms-accelerator:true) {
div.csssize span{display:inline}
div.csssize input{padding:6px;background:#fff}
}
@supports (-ms-ime-align:auto) {
div.csssize span{display:inline}
div.csssize input{padding:6px;background:#fff}
}
_:-ms-lang(x), _:-webkit-full-screen, .headerClass{
div.csssize span{display:inline;}
div.csssize input{padding:6px;background:#fff}
}
doesnotexist:-o-prefocus, div.csssize span{display:inline;}
doesnotexist:-o-prefocus, div.csssize input{padding:6px;background:#fff}




/* ========================================================================================== */
/* Add Image Overlay css on product 
https://www.ecommercetemplates.com/support/topic.asp?TOPIC_ID=110777 */

/* image overlay for product.php page */

.bracelet-400 div.prodimage, .bracelet-100 div.prodimage, .men-earring-200 div.prodimage{
position:relative;
}


.bracelet-400 div.prodimage::after, .bracelet-100 div.prodimage::after, .men-earring-200 div.prodimage::after  
{content: 'SALE';
position: absolute;
font: 14px Arial,sans-serif;
letter-spacing: 3px;
left: 6px;
top: 10px;
color:#fff;
background:#E06A1E;
padding:18px 8px;
opacity:0.7;
border-radius:50%;
z-index:10;
transform: rotate(330deg);
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

/* image overlay css for proddetail.php page */

.bracelet-400 div.detailimage, .bracelet-100 div.detailimage, .men-earring-200 div.detailimage{
position:relative;
}

.bracelet-400 div.detailimage::after, .bracelet-100 div.detailimage::after, .men-earring-200 div.detailimage::after
{content: 'SALE';
position: absolute;
font: 14px Arial,sans-serif;
letter-spacing: 3px;
left: 26px;
top: 70px;
color:#fff;
background:#E06A1E;
padding:18px 8px;
opacity:0.7;
border-radius:50%;
z-index:10;
transform: rotate(330deg);
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
/* ========================================================================================== */
/* Shopping cart classes for Premium Layout #1
----------------------------------------------------------------------------------------------------*/
/*mini newsletter*/
div.minimailsignup{margin:4px auto;padding:0px;width:98%;}
label.minimailsignup{width:98%;padding:2px;}
input.minimailsignup[type="text"]{-webkit-appearance: none;font-size:12px;padding:4px;border:solid 1px #ccc;width:98%;margin:2px;}
input.minimailsubmit{margin:6px;}
/*minicart*/
div.minicart{background:#fff;margin:4px auto;width:98%;padding:0px;}
div.minicartcnt{text-align:center;padding:4px;background-color:#fff;}
span.minicartdsc{text-align:center;color:#ff6600;}
/*one line mini login*/
div.minicartoneline1{float:left;}
div.minicartoneline2{float:left;padding-top:2px}
div.minicartoneline3{float:left;padding-top:2px}
/*mini drop down cart*/
.ectdp_minicartopen img{display:none;}
.ectdp_minicartmainwrapper{background:#E5C585;font-size:16px;margin-top:5px;}
.ectdp_minicartopen{padding-top:0px;}
.ectdp_minicartclose {background:#666 !important}
.ectdp_minicartcheckout {background:#666 !important}
.ectdp_minicartopen a{color:#000 !important}
.ectdp_minicartopen a:hover{color:#333 !important}
/*recent view*/
div.recentview{width:100%;}
div.recentviewheader{display:none}
div.recentviewline{width:100%;border-bottom:1px solid #ccc;padding-bottom:6px;}
img.recentviewimage{max-width:75%;margin-top:8px;}
div.recentviewname{margin-top:8px;float:left;width:60%;}
div.recentviewimage{overflow:auto;width:40%;}
/*email a friend - ask a question*/
.emfhl{
background:#82592F;
color:#fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family:FontAwesome, sans-serif
}
.cobtbl{background:#fff;}
/* Quantity Pricing */
div.detailquantpricingwrap{
border:1px solid #82592F;
margin:0 auto;
margin-top:20px
}
div.detailqpheading{
background:#82592F;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
a.ectlink:link {
	color:#000;
	text-decoration: none;
}
a.ectlink:visited {
/*	color: #82592F; */
	color: #333;
	text-decoration: none;
}
a.ectlink:active {
	color: #333;
	text-decoration: none;
}
a.ectlink:hover {
	color: #0088cc;
	text-decoration: none;
}
/*Button and form field styles*/
input.ectbutton{
	background:#1e5631;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:30px;
	-webkit-appearance: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font-family:FontAwesome, sans-serif
}
input.ectbutton:hover{
	background:#30894F;
	color:#fff;
	cursor:pointer;
	-webkit-appearance: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
	font-family:FontAwesome, sans-serif
}

.checkoutbutton, .checkoutbutton1{
	background:#1e5631;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:30px;
	-webkit-appearance: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font-family:FontAwesome, sans-serif
}


input.previmg, input.nextimg, input.detailprevimg, input.detailnextimg{
border-radius:4px;
border:1px solid #ccc;
background:#fff;
margin:4px;
font-size:11px;
cursor:pointer;
color:#82592F;
padding:4px;
}
input.previmg:hover, input.nextimg:hover, input.detailprevimg:hover, input.detailnextimg:hover{
color:#000;
border:1px solid #666;
}
/*Thanks page*/
.receiptbody{background-color:#fff;}
.receiptoption{background-color:#fefefe;}
.receipthr{height:0;border-width:1px 0 0 0;border-style:solid;border-color:#82592F}
.receipthl{background-color:#eee;padding:8px;}
.receiptheading{background-color:#bbb;color:#fff;font-weight:bold;padding:8px}

/* Quick Buy settings 
-------------------------------------*/
div.qbuywrapper div.prodimage{
width:38%;
float:left;
min-height:500px;
padding-right: 20px;
}
div.qbuywrapper div.prodid{
float:left;
width:60% !important;
text-align:left;
}
div.qbuywrapper div.prodsku{
float:left;
width:60% !important;
text-align:left;
}
div.qbuywrapper div.prodmanufacturer{
float:left;
width:60% !important;
text-align:left;
}

div.qbuywrapper div.prodname{
float:left;
width:60% !important;
/* border-bottom:1px solid #ccc; */
font-size:1.6em;
text-align:left;
}
div.qbuywrapper div.prodinstock{
float:left;
width:19% !important;
text-align:left;
}

div.qbuywrapper div.proddiscounts{
float:left;

width:39% !important;
text-align:left;
}
div.qbuywrapper div.discountsapply{
float:left;
width:30% !important;
text-align:left;
display: none;
}
div.qbuywrapper div.proddateadded{
float:left;
width:60% !important;
text-align:left;
}
div.qbuywrapper div.proddescription{
float:left;
width:60% !important;
text-align:left;
background-color:#efefef;
padding:10px;
color: #000;
}
div.qbuywrapper div.prodrating{
float:left;
width:60% !important;
text-align:left;
font-size: 2em;
}
div.qbuywrapper div.prodoptions{
float:left;
width:60% !important;
text-align:left;
}
div.qbuywrapper div.optiontext{
float:left;
width:100% !important;
text-align:left;

}
div.qbuywrapper div.option{
float:left;
width:100% !important;
}
div.qbuywrapper div.csprodoptions{
float:right;
width:60% !important;
text-align:left;
}

div.qbuywrapper div.prodprice{
float:left !important;
width:20% !important;
font-size:2em;
text-align:left;
}
div.qbuywrapper div.listprice{
float:left !important;
width:40% !important;
font-size:1.2em;
text-align:left;
/* margin:10px 0px 0px 0px; */
}
div.qbuywrapper div.prodcurrency{
float:right !important;
width:60% !important;
margin:0px;
text-align:left;
}
div.qbuywrapper div.prodminquant{
float:left;
width:20% !important;
background-color: #CCCC00;
}

div.qbuywrapper div.addtocart{
float:left;
width:60% !important;
}
div.qbuywrapper div.detaillink{
float:left;
width:60% !important;
}
div.qbuywrapper input.detaillink{
width:60% !important;
float:left;
}
div.qbuywrapper div.addtocart input.buybutton{
width:100% !important;
padding:8px !important;
}


/*Product filter side bar*/
div.moreattributes{
background: rgba(184,184,184, .8) !important;
color:#000;
font-size:12px;
font-weight:bold;
padding:1px;
border:1px solid #999 !important;
}
div.ectpacount{
font-size:0.9em;
color:#666;
}
div.ectpat{
padding:4px 0px; 
}
div.ectpatgrp{
	border-bottom: 1px solid #ccc;
	margin-bottom:12px;
	padding:6px;
	float:left;
	width:100%;
}
div.ectpattitle{
	margin-bottom:6px;
	font-size:1.2em;
}
select.sidefilter { 
	display: block; 
	padding: 10px 40px 10px 13px !important; 
	width: 100%; 
	height: auto !important; 
	border: 1px solid #ccc; 
	border-radius: 3px; 
	background: url("../images/select-menu-arrow.png") right center no-repeat; 
	background-color: #fff; 
	color: #444444; 
	font-size: 12px; 
	line-height: 16px !important; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
} 
select.sidefilter option{ padding: 0 4px; } 
select.sidefilter::-ms-expand { display: none; } 
select:disabled.sidefilter::-ms-expand { background: #f60; }
.sidefiltergo{
	border: 1px solid #ccc; 
	border-radius: 3px; 
	padding:6px
}
div.ectpatgrp input[type="text"] {
border: 1px solid #ccc; 
border-radius: 3px; 
padding:6px
}
/* Home page cross selling 
-------------------------------------*/
div.csproduct {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 260px;
	/*	width: 15.15%; /* width for 6 columns grid*/
	width: 18.6%; /* width for 4 columns grid*/
	margin-right:15px;
	margin-bottom:16px;
	margin-top:0;
	text-align:left !important;
	font-weight:600;
}

div.csprodimage{
/*	min-height: 180px; */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 180px;
	border:1px solid #fff;
	width:100%;
}
div.csprodimage:hover{
	border:1px solid #EDE4D3;
}
img.csprodimage{
	max-width:100%;
	height:auto;
}
div.csprodname{
	padding-top:10px;
	font-size: 1.2em;
	float:left;
	width:100%
}
div.csprodprice {
    float: left;
    width: 98%;
    margin: 0px 0px;
    font-size: 1.3em;
	color: #000;
	font-weight:600;
}
div.cslistprice{
    float: left;
    width: 98%;
    font-size: 1.3em;
	color: #000;
	font-weight:600;
}

div.prodpricelabel {
display: none;
}


div.csprodinstock{
margin:4px 0px;
width:48%;
float:left;
}
.prodratinglink{
font-size:0.9em;
}
div.csprodrating{
	float:left;
	width:50%;
  margin:4px 0px;
text-align:right;
}
div.csprodrating{
	width:100%;
	text-align:left;
}
img.csprodrating {
	display:inline-block;
}
div.csprodcurrency{
	float:left;
	width:98%;
	font-size: 0.8em;
	color:#666;
	 margin:0px;
}

div.csqbuybutton{
float:left;
width:49%;
text-align:center;
padding:0px;
margin:10px 0px 0px 1px;
}

div.csdetaillink{
float:left;
width:80%;
text-align:center;
border-radius:30px;
background-color:#d4af37;
-webkit-appearance: none;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); */
margin-top:10px;
}

input.csdetaillink{
float:left;
width:100%;
text-align:center;
background:#d4af37 !important;
border-radius:30px;
-webkit-appearance: none;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); */
font-family: FontAwesome, sans-serif;
 
}
input.csdetaillink:hover{
background:#DDC060 !important;
color:#000 !important;
cursor:pointer;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}

.prodpricelabel {
    display: none;
}

div.csimagenavigator {
display: none;
}


/* The category page 
-------------------------------------*/
div.navdesc {
	display: none;
}

.categories, .products {
	width: 100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-between;
	margin:0;
}
.categories > div{
	width: 24.0%;
	margin: 0 1% 1% 0; 
}
.category{
	border: 1px solid #e7e7e7 !important; 
	box-shadow: 0.1rem 0 0.9rem 0 #e8e8e8;
	position:relative;
}
.category:hover{
	border: 1px solid #ccc !important; 
	box-shadow: 0.1rem 0 0.9rem 0 #ccc;
}
.categorymessage {
	display: none;
}
.allcatdiscounts {
	
}
.catdiscounts {
	
}
.catnavigation, .prodnavigation, .detailprodnavigation{
	width:100%;
	margin-bottom:20px;
	border: 0;
	padding: 0;
	text-transform: capitalize;
	text-align: left;
}

.catname{
	display:block;
	padding:10px;
	text-align:center;
	width:100%;
	height:70px;
	background:#000;
	color:#fff;
	border:0;
	margin-left:0;
	margin-right:0;
	border-radius:0;
	-webkit-appearance: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font-family:FontAwesome, sans-serif
}
.catname a.ectlink{
	padding:0 !important;
	width: 100%;
	color:#FFF !important;
	text-align:center !important;
}
.catimage{
	width:100%;
	text-align:center;
	vertical-align:middle;
}
img.catimage{
	display: block;
	width:100%;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	margin-top:auto;
}
span .eachcatdiscountsapply{
	color:#FF0000;
	font-weight:bold;
}
.eachcatdiscountsapply::before {
	content: " (";
}
.eachcatdiscountsapply::after {
	content: ") ";
}

/* ====================================
 The products page 
=====================================*/
.products > div{
	width: 99%;
/*	margin: 0.5%; 
	position:relative;*/
	padding:0px;
}


div.prodfilter{
	float:left;
	padding:0px;
	margin-bottom:0px;
}
div.prodfilterbar{
	float:left;
	width:100%;
  	margin-bottom:20px;
}
div.filtertext{
  padding:17px 6px;
}
div.ectpfatt {
	float:left;
	width:25%;
}
div.ectpfprice {
	float:left;
	width:33%;
}
div.ectpfpage {
	float:right;
	text-align:right;
/*	width:34%; */
}

input.prodfilter{
	padding:8px;
  border: 1px solid #ccc;
border-radius: 3px; 
}
select.prodfilter, select.prodoption { 
display: block; 
padding: 10px 40px 10px 13px !important; 
max-width: 100%; 
height: auto !important; 
border: 1px solid #ccc; 
border-radius: 3px; 
background: url("../images/select-menu-arrow.png") right center no-repeat; 
background-color: #fff; 
color: #444444; 
font-size: 12px; 
line-height: 16px !important; 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; } 
select.prodfilter option { padding: 0 4px; } 
select.prodfilter::-ms-expand { display: none; } 
select:disabled.prodfilter::-ms-expand { background: #f60; }
select.prodoption option { padding: 0 4px; } 
select.prodoption::-ms-expand { display: none; } 
select:disabled.prodoption::-ms-expand { background: #f60; }

.specialimage
{
position: relative;
top: -96px;
left: 2px;
z-index: 10;
}
div.product{
	width: 23.4%;
	border: 0px solid #e7e7e7 !important; 
/*	box-shadow: 0.1rem 0 0.9rem 0 #e8e8e8;
	position: relative; */
	margin-right:1%; 
	min-height:100%;
	height:auto;
}


div.product:hover{
	border:1px solid #ccc;
}

/* SS 
div.prodnavigation{
padding:10px 0px 10px 12px;
float:left;
width:98%;
font-size:0.9em;
border-bottom: 1px solid #ccc;
margin-bottom:10px;
}

*/
div.checkoutbutton{
	float:left;
	width:98%;
	text-align:right;
	margin-bottom:12px;
	display: none;
}
.prodratinglink{
	font-size:0.9em;
}
div.allproddiscounts{
	color:#DA6A1E;
	width:50%;
	float:left;
}
.proddiscounts, .discountsapply{
	color:#ff0000;
	width:50%;
	float:left;
	text-align: left;
	font-size: 1.2em;

}

.discountsapply{
	color:#ff0000;
	width:50%;
	float:left;
	text-align: left;
	font-size: 1.2em;
	display: none;
}

div.prodmanufacturer{
	width:100%;
	float:left;
}
div.prodsku{
	width:48%;
	margin:2px 0px;
	float:left;
}
div.prodimage{
	width:100%;
	height:auto !important;
	position:relative;
}
img.prodimage.allprodimages{
	display:block;
	width:100%;
}
div.productsthumbnail {
	text-align:center !important;
}
img.thumbnailimage .productsthumbnail {
	text-align: center;
}

div.imagenavigator{
	clear:both;
	margin-top:10px;
	padding:0;
	width:100%;
	height:30px !important;
	text-align:center;
	background-color:#ff0000 !important;
	color:#0066CC;
/*	position:absolute;
	top:300px; */
	display: none;
}
div.prodname{
	font-size:1.2em;
	line-height:1.3em;
/*	padding:5px;
	margin-top:-10px; */
	width:100%;
	position:relative;
	text-align: left;
/*	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
	color: #000;
	font-weight:600;
	margin-top:10px;
}
div.prodinstock{
width:100%;
float:left;
}
div.proddescription{
float:left;
font-size: 0.9em;
line-height: 1.2em;
width:100%;
text-align: center;
padding-bottom: 20px;

}
div.prodoptions{
float:left;
width:48%;
}
div.optiontext{
margin:4px 0px;
width:98%
}
div.option{
margin:4px 0px;
}
select.prodoption{
width:98%;
}
div.option input[type="radio"] {
margin-top: -2px;
margin-right:6px
}
div.prodprice{
	width:50%;
	float:left;/*	margin:4px 0 0 0; */
	font-size:1.2em;
	font-weight:600;
	color: #000;
/*	position:absolute;
	bottom:35px;
	right:5px; */
	text-align: left;
}
div.listprice{
	width:40%;
	float:left;
	font-size: 1.2em;
	font-weight:600;
	color: #000000;
/*	margin:4px 0 0 0; */
	text-align:left;
/*	position:absolute;
	bottom:35px;
	left:5px; */
}
div.origprice{
	color:#999999;
	font-weight:inherit;
}

span.yousave{
background:#0065A7;
color:#fff;
margin:4px 0px;
font-size:0.9em;
display:none; /* added by SS */
}
div.prodrating{
	float:left;
	width:100%;
/*	padding-left:10px; */
	position:relative;
	display:inline-block !important;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family: FontAwesome, sans-serif; 
}
div.prodrating img{
	display:inline-block !important;
}

div.prodcurrency{
float:left;
width:48%;
font-size: 0.8em;
color:#666;
margin:2px 0px;
display: none; /* added by SS */
}
div.addtocart{
float:left;
margin:2px 0px;
width:48%;
}
div.quantity0div, div.quantity1div, div.quantity2div{
float:left;
display:inline-block;
margin:4px 6px 0px 0px;
}
input.quantity0input{
border:1px solid #ccc;
padding:4px 4px 3px 4px;
}
div.notifystock{
float:left;
width:48%;
margin:2px 0px;
}
div.configbutton{
float:left;
width:48%;
 margin:2px 0px;
}
div.outofstock{
text-align:center;
margin:2px 0px;
font-weight:bold;
width:48%;
}
div.prodid {
width:48%;
margin:2px 0px;
float:left;
}
div.proddateadded {
width:48%;
margin:2px 0px;
float:left;
}
div.proddateaddedlabel{
float:left;
}
div.proddateaddeddate{
float:left;
margin-left:4px;
}
div.multioptiontext{
width:180px;
}
div.detaillink{
width:80%;
text-align:center;
}
div.qbuybutton{
float:left;
width:100%;
text-align:center;
padding:0px;
margin:4px 0px 0px 0px;
}


input.detaillink, input.qbuybutton{
float:left;
width:100%;
text-align:center;
background:#d4af37 !important;
border-radius:30px;
-webkit-appearance: none;
/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); */
font-family: FontAwesome, sans-serif;
background-color:#00FF33;
margin-bottom: 20px;
}
input.detaillink{
background:#000;
}
input.detaillink:hover, input.qbuybutton:hover{
background:#ddd;
color:#000 !important;
cursor:pointer;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}
/* ====================================
 Page number navigation 
=====================================*/
div.pagenums {
	width:100%;
	text-align:right;
	margin-top:20px;
	margin-bottom: 20px;
	padding:6px;
	font-size:0.9em;
}
span.currpage {
	color: #FF0000;
	font-weight: bold;
}
span.pagebarquo, span.pagebarnum, span.pagebarprevnext {
	width:30px;
	height:30px;
	color:#000;
	padding:6px;
	margin:4px; 
	padding-top:0;
	padding-bottom:20px;
	border:#e7e7e7 1px solid;
	text-align:center;
	display:inline-block;
}
span.pagebarprevnext {
	width:100px; 
	vertical-align:middle;
}

span.currpage {
	color: #FF0000;
	font-weight: bold;
}

p.cstitle{
float:left;
width:100%;
padding:0px 0px;
background:#EDE4D3;
border-radius:4px;
font-size:1.2em;
margin-left:15px;
}
/* ========================================================================================== */
/* The product detail page 
========================================================================================== */

div.detailprodnavigation{
margin-bottom: 20px;
} 
div.detailimage{
width:45%;
padding-right:30px;
float:left;
min-height:600px;

} 
img.detailimage{
max-width:100%;
height:auto;

}

div.detailname h1 {
font-size: 3em;
font-style:normal;
font-weight:bold;
float:left;
width:54%;
text-align:left;
margin-bottom: 20px;
}



div.detailcheckoutbutton{
clear:both;
}

div.detaildiscounts{
width:34%;
float:left;
color:#ff0000;
font-size: 1.8em;
text-align: left;
}




div.detailnoratings {
float: left;
font-size: 2em;
width:54%;
text-align:left;


}

div.detailprice{
font-size: 1.8em;
font-weight:800;
float:left;
width:20%;
text-align: left;
margin-top: 30px;
}
div.detaillistprice{
float:left;
width:24%;
color:#DA6A1E;
font-size: 1.8em;
text-align:left;
margin-top: 30px;

}
div.detailcurrency{
font-size: 0.8em;
float:left;
width:53%;
color:#666;
display: none;/* added by SS */
}

div.detailreviewstars{
	float:right;
	width:55%;
	text-align:left;
	display:inline-block;
	font-size: 1.4em;
	
}
.detailreviewstars img{
	display:inline-block !important;
	font-size: 2.4em;

}

div.detailshortdescription{
margin-top:20px;
font-size: 1.2em;
line-height:1.3em;
float:left;
width:54%;
border-radius:0px;
text-align: left;
}
	
div.detailshortdescription p{
  padding:0px;
  margin:0px;
}

div.detailoptions{
float:left;
width:55%;
text-align:left;
}

div.detailoptiontext{
float:left;
margin:10px 0px 0px 0px;
min-width:120px;
text-align: left;
width: 30%;
}

div.detailoption{
float:left;
width:99%;
margin-top:10px;
}
input.detailprodoption{

}
select.detailprodoption { 
display: block; 
padding: 10px 70px 10px 13px !important; 
max-width: 100%; 
width:100%;
height: auto !important; 
border: 1px solid #ccc; 
border-radius: 3px; 
background: url("../images/select-menu-arrow.png") right center no-repeat; 
background-color: #fff; 
color: #444444; 
font-size: 12px; 
line-height: 16px !important; 
appearance: none; 
-webkit-appearance: none; 
-moz-appearance: none; } 
select.detailprodoption option { padding: 0 4px; } 
select.detailprodoption::-ms-expand { display: none; } 
select:disabled.detailprodoption::-ms-expand { background: #f60; }
.detailoption input[type="radio"] {
margin-top: -2px;
}
div.detailmultioptiontext{
padding: 4px;
clear:none;
}
input.multioption{
border:1px solid #ccc;
padding:4px;
}
div.previousnext{
margin:20px 0px;
float:left;
width:54%;
text-align:center;
font-size:1.2em;
}
div.detailquantity{
float:left;
width: 10%;
margin-top: 13px;
border-radius:0px;
}
div.detailquantitytext{
float:left;
padding:0px 10px;
margin-top:10px;
display:none;
}
div.detailquantity1div{
margin:7px 30px 6px 0px;
} 
div.detailquantity2div{
margin:6px 3px 6px 0px;
} 
.quantity2div.detailquantity2div {
overflow: hidden;
}
input.detailquantity0input{
border:2px solid #ccc;
padding:5px 20px;
/* margin:3px 16px 0px 2px; */
border-radius: 30px;
text-align:center;
}
div.detailaddtocart{
float:left;
text-align:left;
margin-top:16px;
width:34%;
margin-bottom:20px;


}
input.detailbuybutton{
width:100%;
padding:6px 4px;
font-size:16px;
margin-top:2px;

float:left;
width:80%;
text-align:center;
border-radius:30px;
background-color:#d4af37;
-webkit-appearance: none;
}



div.detailmanufacturer{
font-size: 1.5em;
float:left;
width:54%;
color:#000;
text-align: left;

}
div.detailid {
width:53%;
float:left;
margin:18px 5px 5px 5px;
color:#666;
}
div.detailsku{
float:left;
width:53%;
margin:5px;
color:#666;
}


div.detailinstock{
float:left;
width:54%;
font-size: 1.5em;
}
div.detaildateadded {
width:53%;
float:left;
margin:5px;
color:#666;
}
div.detaildateaddedlabel{
float:left;
}
div.detaildateaddeddate{
float:left;
margin-left:4px;
}
div.detaildescription{
font-size: 1.2em;
margin:5px;
padding-top:0px;
line-height:1.2em;
float:left;
width:98%;
text-align: left;
}
div.searchwords{
font-size: 0.9em;
margin:5px;
padding:4px;
line-height:1.8em;
float:left;
width:98%;
border:1px solid #eee;
}
div.detailoutofstock{
font-size: 1.4em;
float:left;
width:53%;
text-align:left;
padding:10px 0px;
}
div.detailnotifystock{
font-size: 1.4em;
padding-top:16px;
float:left;
width:53%;
}
div.review{
float:left;
margin-top:16px;
width:98%;
}
span.numreviews{
font-size:1.2em
}
hr.review{
height: 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #bbb;
padding:4px;
margin-top:6px;
}
div.reviewprod{
background-color:#eee;
padding:10px;
}
input.askaquestion, input.emailfriend{
background:#2868B2;
color:#fff;
height:40px;
border:0;
border-radius:0px;
font-size:12px;
cursor:pointer;
font-family:FontAwesome, sans-serif;
background-color: #99CCFF;
}
input.askaquestion:hover, input.emailfriend:hover{
background:#1BABF1;
}
div.socialmediabuttons{background:#fff;width:54%;float:left}
div.socialmediabutton{float:left;display:inline-block;padding:6px;}

div.socialmediabutton{float:left;display:inline-block;padding:6px;}
div.socialaskaquestion{margin-top:1px;}
div.sociallinkedin{margin-top:9px}
div.socialfacebook{margin-top:9px}
div.socialtwitter{margin-top:9px}
div.socialgoogle{margin-top:6px}
div.socialpinterest{margin-top:9px}
div.socialcustom{margin-top:8px}



div.reltab{
width:100%;
float:left;
border: 1px solid #eee;
}
div.reltabimage{
float:left;
width:20%;
padding:4px;
clear:left;
}
img.reltabimage{
max-width:100%;
height:auto;
}
div.reltabname{
float:left;
width:80%;
margin-top:8px;
}
div.reltabdescription{
float:left;
width:80%;
}


/* custom field  */

div.lg1{
float:left;
padding:4px 10px 0px 10px;
}

div.custom1{
float:left;
padding:9px 0px 0px 0px;
text-align: left;
}

div.detailcustom1{
float:left;
text-align: left;
font-size: 1em;
}


/* ----- MagicZoom ----------------------------- */
.MagicZoom > img,
.mz-figure > img {
	width:100% !important;
	height:100% !important;
}
a.MagicZoom{
/*	height:450px !important; */
}
img.MagicZoom{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	width:auto;
	height:auto !important;
}

.MagicThumb img{
max-width:100% !important;
height:auto !important;
}
/* ----- ECT cart ----------------------------- */
			.ectdp_minicartmainwrapper{background:#F8F8F8 none repeat scroll 0 0;position:absolute;right:0;}
			.ectdp_minicartmainwrapper{
				margin-top:0;
				height:40px;
				background:#f4f4f4 none repeat scroll 0 0;
				position:absolute;
				right:0;
				border:#ccc 1px solid;
				border-radius:5rem;
				padding-left:5px;
				padding-right:5px;
				padding-top:0px;
				padding-bottom:12px;
			
			}
			.ectdp_minicartmainwrapper_ct{position:relative;width:100%;z-index:1000;}
			.ectdp_minicartopen{padding-top:2px;cursor:pointer;width:110px;float:right;clear:both;font-size:14px;}
			.ectdp_minicartopen{
				margin-top:0;
				padding-top:12px;
				cursor:pointer;
				width:110px;
				float:right;
				clear:both;
				font-size:12px;
			}
			.ectdp_minicartopen img{display:none;}
			div.ectdp_minicartopenimg{margin-top:10px;margin-left:10px;}
			.ectdp_pincart{width:100%;float:left;margin-top:12px;font-size:1.2em;}
			
			.ectdp_minicartcontainer{background:#fff;padding:10px;margin:0px;width:320px;box-shadow:0 5px 6px 0 rgba(161,161,161,161);-webkit-box-shadow:0 5px 6px 0 rgba(161,161,161,161);}
			.ectdp_minicartclose, .ectdp_minicartcheckout{cursor:pointer;background:#5270AE;padding:4px 16px;border-radius:4px;line-height:38px;}
			a.ectdp_minicartclose, a.ectdp_minicartcheckout{color:#fff !important;}
			a.ectdp_minicartclose:hover, a.ectdp_minicartcheckout:hover{color:#000 !important;text-decoration:none;}
			a.deletecartitem{color:#fff !important;text-decoration:none;background-color:#5270AE !important;border-radius:50%;width:40px;height:40px;font-size:0.9em;padding:1px 4px;}
			a.deletecartitem:hover{color:#000 !important;text-decoration:none;}
			.ectdp_minicartitemImg{width:60px;float:left;margin-right:5px;}
			.ectdp_minicartitemDelete{float:left;width:24px;padding-top:16px;text-align:right;}
			.ectdp_minicarttotal{text-align:right !important;margin-right:28px;margin-bottom:10px;font-size:1.3em;border-bottom:1px solid #ccc;padding:6px 0px}
			.ecHidDsc{text-align:right !important;margin-right:28px;color:#EE5249;padding-top:6px;}
			.ectdp_minicartImg{padding:10px 2px;width:60px !important;height:auto;}
			.ectdp_minicartitemName{float:left;width:208px;text-align:right;padding:15px 2px;border-bottom:1px solid #ccc;}
			.ectdp_minicartitemName{
				float:left;
				width:208px;
				text-align:right;
				padding:15px 2px;
				border-bottom:1px solid #ccc;
				font-size:0.9em;
			}
			div.minicartcnt_dp{text-align:center;clear:both;}
			div.ectdp_empty{width:100%;float:left;text-align:center;padding:12px 0px;}
			
			
/* Flexbox code 			
div.categories, div.products, div.csproducts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 0;
margin: 0;
text-align: left;
}*/


/* -------------- */
/* =========================================
   Media Queries
========================================== */


@media screen and (max-width: 1200px) {
div.detailaddtocart{
width:30%;
}
div.detailoption{
float:left;
width:51%;
}
}
/*This is the first breakpoint and contains styles for screens 1024px to 870px*/
@media screen and (max-width: 1024px) {
div.product{
width:46%;
}
}
/*This is the second breakpoint and contains styles for screens 870px to 800px*/
@media screen and (max-width: 870px) {
div.csproduct {
width: 48.5%;
}
div.detailimage{
width:98%;
min-height:auto;
}
div.detailname h1 {
margin:1px 0px 0px 3px;
float:left;
width:98%;
}
span.detaildiscountsapply{
margin:1px 5px;
float:left;
width:98%;
}
div.detaildiscounts{
width:98%;
float:left;
}
div.detailprice{
width:46%;
margin:5px 0px 0px 5px;
}
div.detaillistprice{
width:46%;
}
div.detailcurrency{
float:left;
width:98%;
}
div.detailinstock{
width:46%;
margin:10px 12px 10px 5px;
}
div.detailreviewstars{
width:46%;
}
div.detailshortdescription{
float:left;
width:98%;
}
div.detailoptions{
float:left;
width:98%;
}
div.detailoption{
width:71%;
}
div.detailaddtocart{
width:70%;
}
div.detailmanufacturer{
float:left;
width:98%;
}
div.detailid {
width:98%;
float:left;
}
div.detailsku{
float:left;
width:98%;
}
div.detaildateadded {
width:98%;
float:left;
}
}
/*This is the third breakpoint and contains styles for screens 800px to 640px*/
@media (max-width: 800px) {

div.product{
	width:48%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:0;
	height:auto;
}
div.category{
	width:48%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	height:auto;
}
div.filtertext{clear:both;}
div.socialfacebook{clear:left;}
}
/*This is the fourth breakpoint and contains styles for screens 640px to 500px*/
@media (max-width: 640px) {

div.prodimage img{
  height:200px;
  width:auto;
}
div.qbuywrapper {
  width:90% !important;
  border-right: 0px;
    text-align:left;
}
div.qbuywrapper div.prodimage{
  width:100%;
  border-right: 0px;
    text-align:left;
}
div.qbuywrapper div.prodname{
float:left;
  width:96% !important;
  margin-top:0px;
}
div.qbuywrapper div.prodid{
float:left;
  width:66% !important;
  margin-top:0px;
}
  div.qbuywrapper div.prodsku{
float:left;
  width:32% !important;
  margin-top:0px;
}
div.qbuywrapper div.prodrating{
float:left;
  width:48% !important;
}
div.qbuywrapper div.proddescription{
float:left;
  width:96% !important;
}
div.qbuywrapper div.prodmanufacturer{
float:left;
  width:96% !important;
}
div.qbuywrapper div.prodoptions{
float:left;
  width:96% !important;
}
div.qbuywrapper div.csprodoptions{
float:left;
  width:96% !important;
}
div.qbuywrapper div.optiontext{
float:left;
  width:90% !important;
}
div.qbuywrapper div.option{
float:left;
  width:80% !important;
}
div.qbuywrapper div.prodinstock{
float:left;
  width:48% !important;
margin-left:0px;
}
div.qbuywrapper div.addtocart{
float:left;
width:98% !important;
}
div.qbuywrapper div.detaillink{
float:left;
width:98% !important;
}
div.qbuywrapper div.prodprice{
 float:left !important;
  width:96% !important;
}
div.qbuywrapper div.listprice{
 float:left !important;
  width:96% !important;
}
div.qbuywrapper div.prodcurrency{
 float:left !important;
  width:96% !important;
}
 div.qbuywrapper div.prodminquant{
 float:left !important;
  width:96% !important;
} 
}
/*This is the fifth breakpoint and contains styles for screens 500px to 360px*/
@media (max-width: 500px) {
div.csproduct {
width: 96%;
}
div.detailoptiontext{
float:left;
margin:18px 0px 10px 0px;
width:98%;
font-size:1.2em
}
div.detailoption{
width:98%;
}
}
@media (max-width:440px){
div.detailaddtocart{
width:40%;
}
div.detailprice{
width:98%;
}
div.detaillistprice{
float:left;
width:98%;
text-align:left;
}
div.detailinstock{
width:98%;
}
div.detailreviewstars{
float:left;
width:98%;
text-align:left;
}
}
/*This is the last breakpoint and contains styles for screens below 360px*/
@media (max-width: 360px) {

}

/* ---------------- side filter -------------------------------------------------------------------*/
input.sfprice {
 	width:50%;
	height:25px;
	float:left;
	margin-left:0;
 }

/* ---------------- side filter -------------------------------------------------------------------*/
input.sidefiltergo{
	width:50%;
}
input.sidefiltergo,button.sidefiltergo{
	background:#08C;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:0;
	-webkit-appearance: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font-family:FontAwesome, sans-serif;
	cursor:pointer;
}
.button.sidefiltergo:hover, .button.sidefiltergo:focus, .button.sidefiltergo.focus {
    border-color: #00a3f5;
    background-color: #00a3f5;
    color: #fff;
    box-shadow: none;
}
input.sidefiltergoo:hover, input.sidefiltergo:focus, input.sidefiltergo.focus {
    border-color: #00a3f5;
    background-color: #00a3f5;
    color: #fff;
    box-shadow: none;
}
/*  buttons */
button.sidefilter{
	width:100%;
}

div.searchtext{
	width:50%;
}
div.searchfor_cntnr {
}
div.searchform{
}
div.searchprice_cntnr {
	display: none; /* SS */
	width:100%;
}
div.searchfortext{
	width:200px;
}
div.searchpricetext{
	width:200px;
	display: none; /* SS */
}
div.searchtypetext{
	width:200px;
	display: none; /* SS */
}
div.searchtype_cntnr {
	display: none; /* SS */
}
div.searchcategorytext{
	width:200px;
}
/* ........... */

.article .prodprice{display:none;}
.article .prodid{display:none;}
.article .detaillink{display:none;}
.article .qbuybutton{display:none;}
div.product.article{min-height: 50px;}
.article ul.TabbedPanelsTabGroup{display:none;}