@charset "utf-8";

/* The file style.css contains some of the classes used in the shopping cart software. For a full list of classes, please visit http://www.ecommercetemplates.com/help/css.asp - you can add extra classes to this list and change the values to suit your design.
-------------------------------------*/

/* Horizontal rule 
-------------------------------------*/
hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #60a1de;
}

/* Minicart and minilogin properties 
-------------------------------------*/
td.mincart {
	font-size: 11px;
	font-family : Arial, Helvetica, sans-serif;
	background-color: #ECECEC;
}

P.mincart {
	font-size: 11px;
	font-family : Arial, Helvetica, sans-serif;
}

table.mincart{
	/*border: 1px dotted #333;
	width: 154px;*/
	width:100%;
	background-color: #FFF;
}

/* Store generated links 
-------------------------------------*/
a.ectlink:link{
	text-decoration:none;
	color:#000066;
	/*font: 13px Arial, Helvetica, sans-serif;*/
}
a.ectlink:visited{
	text-decoration:none;
	color:#000066;
	/*font: 13px Arial, Helvetica, sans-serif;*/
}
a.ectlink:active{
	text-decoration:none;
	color:#000066;
	/*font: 13px Arial, Helvetica, sans-serif;*/
}
a.ectlink:hover, a.ectlink:focus { 
	text-decoration:underline;
	color:#8D4C2E;
	/*font: 13px Arial, Helvetica, sans-serif;*/
}
	
/*Table backgrounds for the cart, search, client login etc pages*/
table.cobtbl{
	background-color: #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
} 

td.cobhl{
	background-color:#f6f6f6;
	font-weight: bold;
	color:#333;
}

td.cobll{
	background-color: #fff;
	color : #333;
	padding:10px;
}

.socialmediabutton {margin:20px 0} /* ask a question */

/* Currency and price properties 
-------------------------------------*/
div.prodcurrency, span.extracurr {
	font-size: 10px;
	font-family : Arial,sans-serif;
	color: #666;
	text-align: center;
	width: 100%;
}
.prodprice{ padding:5px 0; font-size:13px }
.detailprice{ padding:15px 0;font-size:16px}
div.prodprice, div.csprodprice{font-size: 1em;text-align:center}
div.origprice{color:#F26000;float:left;}
span.price{font-weight:bold}

/*Product image alignment 
-------------------------------------*/

img.prodimage, img.csprodimage{max-width:100%;height:180px}

div.csprodimage, div.prodimage {
	float:none; 
	max-width:100%;
	text-align:center;
	padding-bottom:10px;
}


/* Product id, manufacturer and in stock text settings 
-------------------------------------*/
.prodid, .prodmanufacturer, .prodinstock, .detailid{
	color:#666;
}

/* Product name settings 
-------------------------------------*/
.prodname, .csprodname, .detailname, .prodname a.ectlink, .csprodname a.ectlink{
	font-size: 16px;
	line-height:20px;
	min-height:42px; /* assume 2 lines */
	color:#385CB7;
	font-weight:bold;
	text-decoration:none;
	margin: 0 0 5px 0;
}
.prodname, .csprodname{	text-align:center;}
.csdetaillink, .detaillink{margin:5px 0}
.prodname a.ectlink:hover{color:#000}


/* Product description settings 
-------------------------------------*/
.proddescription{
	font-size:14px;
	line-height:19px;
	/*min-height:165px;
	padding-bottom:8px;*/
}
.proddescription ul{padding-left:20px;}
.proddescription li{font-size:14px}

/* Discount text settings 
-------------------------------------*/
.discountsapply{
	font-size:12px;
	color:#55A6FF;
	font-weight:bold;
}

.detaildiscounts, .proddiscounts, .catdiscounts{
	font-size:14px;
	color:#55A6FF;
	padding-bottom: 5px;
}

.proddiscounts{display:none} /* don't show on products page*/

/* search box */
.go{
	background:url(../images/go.png) no-repeat;
	background-size:100% 100%;
	width:30px;
	border:0px;
	height:30px;
	/*position:absolute;
	right:0px;
	top:0px;*/
	cursor:pointer;
	text-indent:-9999999px;
}

/*************************************************/
/* my additions */
.brand_logo img{margin:10px}
.checkoutbutton {font-size:16px;}
div.product, div.category{padding:10px 10px 10px 10px;min-height:200px;text-align: center;} /* look also on page proddetail.php */
div.csproduct{padding:10px 10px 10px 10px;min-height:200px;text-align: center;} 


.prodnavigation{margin-bottom:10px;font-size:16px;margin-top:10px;}
.addtocart{margin-top:10px}
.configbutton{margin-top:5px}

.product .addtocart, .csproduct .addtocart{margin:0}
div.product, div.category,  div.csproduct {border:solid 2px #EDEDED;background-color:#FFFFFF; width:23%; float:left; margin: 2% 1%} 
/*div.prodrating{float:right}*/
.prodratinglink{font-size:11px}
div.equ {border:none;background-color:#FFFFFF; width:23%; float:left; margin: 2% 1%;padding:0;text-align:center;} 
div.equ img{width:100%;}
div.equ h3, div.equ h3 a{font-size:16px;line-height:24px;min-height:68px;color:#ffffff;margin:0;padding:10px;}
div.equ a h3:hover,div.equ h3 a:hover{color:#FEF7C1}
div.equ p{margin:0 0}

.detailname h1{font-weight:600}
.detailquantitytext{float:left;margin-right:5px; font-weight:bold;}
/*.detailoptions, .detailprice, .detailquantity{margin-left: 250px;}*/
.review .numreviews{font-weight:bold}

div.detailoptions{width:50%;float:left}
div.detailimage{width:50%;float:right;text-align:right}
img.detailimage{max-width:80%}
.detailoption{margin-bottom: 8px}
.detailquantity{margin-bottom:10px}

/* cross sell details can be set in proddetail.php */
p.cstitle{font-size:16px!important;padding:10px 10px 0 10px;margin-bottom:0;clear:both;text-align:center}
.catname{text-align:center;padding:5px 0 8px 0}
.catname a.ectlink{font-weight:bold;font-size:14px; color:#003366;text-decoration:none}
.catimage img{width:100%}
span.prodpricelabel::after {content: "";}

p.ect-catheader{font-weight:bold;text-align:center;font-size:22px!important;
color:#003566; border:solid 4px #D1D6E5;padding:10px 5px;line-height:28px!important;}

div.ect-catheader-info{border:solid 4px #D1D6E5;padding:10px 25px;}
div.ect-catheader-info h2{font-weight:bold;font-size:22px!important;color:#003566; line-height:28px!important;}

.pagenums{font-size:16px;text-align:center}

.outofstock{display:none}

#reviews{clear:both;margin:20px 0}
span.inctax {font-size: 0.9em;}
input.smaskaquestion, input.smemailfriend {height: 30px; background:#006ABA!important;font-size: 16px;}
div.socialmediabuttons {text-align: left;}
div.socialmediabutton{padding:6px 0}
input.ectbutton, button.ectbutton {background: #0B1E62;font-size: 16px;}
.detailbuybutton{margin-top:20px}
.inctax{display:block}

@media screen and (max-width: 1200px) 
{
	.prodname, .csprodname, .detailname, .prodname a.ectlink, .csprodname a.ectlink{min-height:63px;} /* assume 3 lines */
	
}

@media screen and (max-width: 991px) 
{
	div.product, div.category, div.equ, div.csproduct{width:48%;}
	div.prodname{min-height:42px} /* 3 lines */
	
	div.detailoption span{margin:10px 10px 10px 2px;font-size:14px}
	div.detailoption input{float: left;clear: both;margin-right:5px}
	div.detailoption span{display:block}
	div.detailoptions{width:100%;float:left}
	div.detailimage{width:100%;float:none;text-align:left} 

	
	/*.catname a.ectlink{font-size:20px}*/
	.prodname, .csprodname, .detailname, .prodname a.ectlink, .csprodname a.ectlink, div.product .prodname .ectlink, div.csproduct .csprodname .ectlink {font-size:16px}
	
	.proddescription li, .prodprice, .detailprice, p{font-size:16px}
	footer p{font-size:13px}
	
	.detailaddtocart{padding:10px 10px 10px 0;margin-bottom:20px}
	

}

@media(max-width:1080px)
{

}

@media(max-width:480px)
{
	.proddescription, .proddescription li, .prodprice, .detailprice, p{font-size:18px!important;}
	.prodname, .csprodname, .detailname, .prodname a.ectlink, .csprodname a.ectlink, div.prodname, div.csprodname{min-height:none}
	div.detailimage{float:none; margin:0}
	/* div.product, div.category, div.equ, div.csproduct{width:88%;margin: 6% 6%;float:none;} */

}