@charset "utf-8";
/* CSS Document */

/* The category page 
-------------------------------------*/
div.category{
	width:47%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
    padding:10px;
	border:1px solid #ccc;
	margin:0px 0px 16px 16px;
	height:110px; background-color:#fff;
}

div.category:hover{
	background-color:#ddd;
	border: 1px solid #999999;
}

div.catnavigation{
	padding:0px 0px 0px 1px;
	float:left;
	width:97%;
	font-size:1em;
	
	border-bottom: 0px solid #ccc;
	margin-bottom:2px;
}

.catnavwrapper{
	background:# !important;
	border: 0px solid #fff !important;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	width:95px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 4px;
	font-size:0.9em;
}

div.catname{
	padding-left:4px;
        font-size:1.2em;
}

div.catdiscounts, div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:#DA6B1D;
	font-size:0.9em;
}

div.categorymessage{ display:none;
	padding-top:0px;
	font-size: 1.1em;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	padding:2px;
	color: #333;
	margin-bottom:4px;
}

div.prodfilterbar{
	float:left;
	width:98%;
  	border-bottom: 1px solid #ccc;
  	margin-bottom:14px;
  	padding-bottom:8px;
}

div.filtertext{
  	padding:8px;
}

select.prodfilter{
	padding:4px;
	margin:0px;
  	border: 1px solid #CCCCCC;
}

div.product{width:24%;
	float:left;
	height:310px;
	background-color:#FFFFFF; border-radius:5px; margin:5px 5px; text-align:center; border: 1px solid #999999; padding-left:10px;
}

div.prodnavigation{font-family:'Exo 2', Arial; color:#111111; 
	padding:10px 0px 10px 10px;
	float:left;
	width:100%;
	font-size:1.1em;
	background-color:#EFEFEF;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px; display:none;
}

.prodratinglink{
	font-size:0.8em;
}

div.allproddiscounts{
	color:#DA6A1E;
	width:100%;
	margin-bottom:2px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	padding:4px;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{   margin-top:5px;
	padding: 2px; vertical-align:middle;
	text-align:center;
	border:0px solid #DDDDDD; background-color:#FFFFFF; height:220px;
}

div.prodimage:hover{
	border: 0px solid #EE1100;
}

img.prodimage{ max-height:220px; max-width:220px;
}

div.prodname{ float:left; width:100%; text-align:center; color:#222222; font-family: 'Roboto', sans-serif; font-weight:600; font-size:16px; padding:5px 0px;
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:#666;
}

div.proddescription{
	padding:6px;
	float:left;
	font-size: 0.9em;
	line-height: 1.5em;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	padding:6px;
}

span.yousave{
	background:#0065A7;
	color:#fff;
	padding:4px;
	font-size:0.9em;
}

div.prodprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:98%;
	color:#666;
	margin-top:-20px;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:#666;
}

div.quantitydiv{
	float:right;
}

.quantityinput{
	margin-top:1px;
	height:19px;
}

div.addtocart{
	text-align:center;
	float:left;
	width:38%;
}

.notifystock{
	text-align:center;
	float:left;
	width:100%;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {float:left; width:100%; text-align:center; color:#333333; font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;}

div.multioptiontext{
	width:180px;
}

div.pagenums{ background-color:#CCCCCC;
	text-align:center;
	float:left;
	padding:10px 0px 10px 0px;
}

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

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:101%;
}

div.detailimage{ background-color:#FFFFFF;
	width:60%;
	padding:10px;
	float:left;
	clear:both;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#333333;
	width:38%;
	font-size: 1em;
	float:left;
	margin-left:10px; padding:6px;
}

.detailname h1 {
	font-size: 1.3em; color:#333333;
	padding:6px;
	float:left;
	width:38%;
	margin-top:10px; margin-left:10px;
    margin-bottom:12px;
	border-bottom: 1px solid #ccc; z-index:1000000000;
}

span.detaildiscountsapply{
	width:46%;
  margin-left:2px;
}

div.detailmanufacturer{
	float:left;
	width:38%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float:left;
	width:38%;
	margin:10px;
}

div.detailinstock{
	float:left;
	width:38%;
}

div.detailreviewstars{
	float:left;
	width:38% !important;
  margin:5px;
}

div.detaildescription{
	font-size: 0.9em;
	padding-top:4px;
	line-height:1.8em;
	float:left;
	width:38%;
	margin-left:10px; padding:6px;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:38%;
	color:#333;
	margin-left:10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:100%;
	padding-top:6px;
	color:#DA6A1E;
}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.8em;
	float:left;
	width:38%;
	color:#666;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
  padding-left:10px;
}

div.detailoption{
	width:38%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:38%;
	margin-left:0px;
}

select.detailprodoption{
	font-size: 0.9em;
	width:38%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:32%;
	float:left;
	clear:both;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:left;
	width:99%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
  padding-left:10px;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:left;
	width:92%;
	font-size:0.9em;
	clear:both;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
	float:left;
	width:120px;
    clear:left;
}

div.detailquantitytext{
	margin-top:17px;
	float:left;
	width:70px;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:50%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:left;
	width:120px;
	text-align:left;
	padding-bottom:20px;
	margin-top:12px;
  margin-left:10px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.navdesc{
	padding-top:10px;
}

div.review{
	float:left;
	margin-top:16px;
	width:92%;
	font-size:0.9em;
  padding-left:10px;
}

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;
}






@media (max-width:1200px){

}
@media (max-width:1024px){
.logo img{ width:100%;}
.menu ul li a{ font-size:12px; padding:40px 6px;}
.bng{ background:#D31300; background-image:url(image/home-head-bg.png);}
.bngim img{ width:100%;}
.pad{ padding:0px !important;}
.img-rel {width:120px} 
div.product{ width:31%; }
}
@media only screen and (min-width:320px) and (max-width:767px){


				.social{ float:right; width:70%;}
				.modal{ width:100% !important; left:0px !important; margin-left:0px !important;}
				.search{ margin:20px 0px; text-align:left; width: 83% !important;}.top{ margin-top:20px; width:100%; margin-bottom:10px;}
				.qty{ width:20%;}
				.pro-height{ height:430px;}
				.larg img{ width:100%;}
				.for{ width:100%;}
				.for input{ width:100% !important;}
				input, textarea, .uneditable-input{ width:auto !important;}
				.logo img{ width:auto;}
				.logo{ text-align:center;}
				.topbod{ border:0px;}
				.topbor{ height:auto; border:0px;}
				.phone{ text-align:center;}
				.img-rel {width:120px} 
				div.product{
width:97%;
height:auto;
}
}