/* STYLE SHEET FOR THE ECT CART PAGE 2017-5-19 */

div.lg1 {
	padding: 4px 10px 0px; float: left;
}
div.lg {
	padding: 9px 0px 0px; float: left;
}
div.detailcustom1 {
	background: rgb(241, 241, 241); border: 1px solid rgb(204, 204, 204); border-image: none; width: 98%; margin-top: 8px; margin-bottom: 18px; float: left;
}
div.detailcustom3 {
	width: 98%; margin-top: 8px; margin-bottom: 2px; float: left;
}
div.detailreviewstars {
	width: 98%; margin-bottom: 12px; float: left;
}
span.prodratingtext a {
	text-decoration: none; margin-left: 6px;
}
table.cobtbl {
	font-size: 1em; border-bottom-color: rgb(238, 82, 73); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(243, 243, 243);
}
td.cobll {
	padding: 6px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);
}
td.cobhl {
	padding: 6px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255);
}
td.cobhdr {
	padding: 6px; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 1em; border-bottom-color: rgb(238, 82, 73); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(250, 250, 250);
}
span.cartoption {
	color: rgb(51, 51, 51); font-size: 12px !important;
}
div.logintoaccount {
	width: 130px !important;
}
div.createaccount {
	width: 120px !important; float: left !important;
}
div.scprodsadded {
	border-top-color: rgb(238, 82, 73) !important; border-top-width: 1px !important; border-top-style: solid !important;
}
div.sccarttotal {
	border-top-color: rgb(238, 82, 73) !important; border-top-width: 1px !important; border-top-style: solid !important;
}
div.giftwrap a {
	color: rgb(102, 102, 102); font-size: 0.8em; text-decoration: none;
}
table.mincart {
	background: rgb(255, 255, 255); width: 98%; font-size: 1em; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
td.mincart {
	background: rgb(250, 250, 250); padding-top: 8px;
}
.minicartcnt {
	text-align: center;
}
.cartquant {
	width: 36px !important;
}
a.ectlink:link {
	color: rgb(0, 0, 0); text-decoration: none;
}
a.ectlink:visited {
	color: rgb(0, 0, 0); text-decoration: none;
}
a.ectlink:active {
	color: rgb(0, 0, 0); text-decoration: none;
}
a.ectlink:hover {
	color: rgb(238, 82, 73); text-decoration: none;
}
input.logintoaccount {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.createaccount {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.gcsubmit {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.buybutton {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.sccheckout {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.checkoutbutton {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.vieworderstatus {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.viewlicense {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.trackpackage {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.login {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.newaffiliate {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}
input.affiliatelogin {
	background: rgb(238, 82, 73); padding: 6px 16px; border-radius: 4px; border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); font-size: 1.1em;
}


input.logintoaccount:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.createaccount:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.gcsubmit:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.buybutton:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.sccheckout:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.checkoutbutton:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.vieworderstatus:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.viewlicense:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.trackpackage:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.login:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.newaffiliate:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}
input.affiliatelogin:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}

input.search {
	background: rgb(238, 82, 73); 
	padding:4px;  /*padding: 6px 16px;  2017*/
	border-radius: 7px;  /*border-radius: 4px;  2017*/
	border: 1px; /*border: 0px currentColor; */
	border-image: none; 
	border-style: solid; border-color: (204,51,255);
	color: rgb(255, 255, 255); 
	font-size: 1em; /*font-size: 1.1em;  2017*/
}
input.search:hover {
	background: rgb(221, 221, 221); color: rgb(0, 0, 0); cursor: pointer;
}

/* The category page 
-------------------------------------*/
div.category {
	margin: 10px; padding: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; 
	width: 30%; /*width: 43%; */
	line-height: 1.6; font-size: 0.9em; float: left;
	height:220px; /* added 2017/5/19 */
	text-align:center;  /* added 2017/5/19 */
} 
div.category:hover {
	border: 1px solid rgb(153, 153, 153); border-image: none;
}
div.catnavigation {
	padding: 0px 0px 10px 12px; width: 97%; font-size: 1em; margin-bottom: 2px; border-bottom-color: rgb(238, 82, 73); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.catnavwrapper {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; border-image: none !important;
}
div.navdesc {
	display: none;
}
div.catimage {
	text-align: center; /*2017 6/3 added*/
	width: 99%;

	}
img.catimage {
	max-width:95%; 
	max-height:80%;
	margin:5px;
	}

div.catdesc {
	padding: 0px 0px 4px 4px; float: left;
}
div.catname {
	width: 99%; padding-left: 4px; font-size: 1.2em; float: left;
}
div.catdiscounts {
	margin: 0px; padding: 0px; width: 99%; color: rgb(218, 107, 29); font-size: 0.9em; font-weight: normal; float: left;
}
div.allcatdiscounts {
	margin: 0px; padding: 0px; width: 99%; color: rgb(218, 107, 29); font-size: 0.9em; font-weight: normal; float: left;
}
div.categorymessage {
	width: 99%; padding-top: 0px; font-size: 1.1em; float: left;
}
p.noproducts {
	width: 99%; text-align: left !important; padding-top: 28px; float: left;
}

/***************************************************************************************************************/
/*                               PRODUCTS PAGE                            */
/***************************************************************************************************************/
div.prodfilter {
	padding: 6px; border: 1px dotted rgb(215, 209, 201); border-image: none; color: rgb(66, 97, 154); margin-top: 10px; margin-bottom: 10px; float: left; background-color: rgb(249, 249, 244);
}
div.prodfilterbar {
	width: 100%; float: left;
}
div.filtertext {
	padding: 8px;
}
select.prodfilter {
	margin: 0px; padding: 0px;
}

div.product {
	margin: 8px;
	padding: 6px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 30%; 
	height: 350px; /* Product Frame changed 2017-5-19*/
	float: left;
	text-align:center; /*added 2017*/
	
}
div.product:hover {
	border: 1px solid rgb(153, 153, 153); border-image: none;
}
div.prodnavigation {
	padding: 10px 0px 10px 12px; width: 97%; font-size: 1em; margin-bottom: 10px; border-bottom-color: rgb(238, 82, 73); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.prodratinglink {
	font-size: 0.8em;
}
div.allproddiscounts {
	width: 100%; color: rgb(218, 106, 30); margin-bottom: 2px; float: left;
}
.proddiscounts {
	padding: 4px; color: rgb(218, 106, 30);
}
.discountsapply {
	padding: 4px; color: rgb(218, 106, 30);
}
div.prodmanufacturer {
	margin:1px;/*added 2017-5-19*/
	padding: 1px; /* 2017-5-19 padding: 6px;*/
	color: rgb(102, 102, 102);
	font-size: 0.8em;/*added 2017-5-19*/
}
div.prodsku {
	margin:1px;/*added 2017-5-19*/
	padding: 2px; /* 2017-5-19 padding: 6px;*/
	color: rgb(102, 102, 102);
}
div.prodimage {
	text-align: center; 
	padding-top: 6px;
}
img.prodimage {
	max-width:95%; /*added 2017-5-19 85%*/
	max-height:85%;/*added 2017-6-3*/
	}
div.prodname {
	margin:2px;/*added 2017-5-19*/
    padding-top: 2px; /* padding-top: 6px;*/
	font-size: 1em; 
	/*margin-bottom: 8px;*/
}
div.prodrating {
	padding-left: 4px;
}
div.prodinstock {
	padding: 4px;
	 color: rgb(102, 102, 102);
}
div.proddescription {
	margin:0px;/*added 2017-5-19*/
	padding:0px; /* padding: 6px;*/
	line-height: 1em;/* line-height: 1.5em;*/
	font-size: 0.8em;
	float: left;
	width:95%; /*added 2017-5-19*/
}
table.emftbl {
	background: rgb(255, 255, 255); width: 400px;
}
div.listprice {
	padding: 4px 2px 2px 2px; /* 2017-5-19 padding: 6px;*/
	width: 98%; 
	font-size: 0.8em; 
	/*float: left;*/
	/*line-height: 1em;*/  /* added　2017-5-19*/
	clear: both; /* added　2017-5-19*/
    
}
span.yousave {
	background: rgb(0, 101, 167); padding: 4px; color: rgb(255, 255, 255); font-size: 0.9em;
}
div.prodprice {
	width: 98%; color: rgb(102, 102, 102);
	font-size: 1em; font-weight: normal;
	 /*margin-top: -20px; */ /*2017 deleted*/
	 float: left;
}
div.prodcurrency {
	width: 100%; color: rgb(102, 102, 102); font-size: 0.8em; float: left;
}
div.quantitydiv {
	float: right;
}
.quantityinput {
	height: 19px; margin-top: 1px;
}
div.addtocart {
	width: 100%; text-align: center; float: left;
}
.notifystock {
	width: 100%; text-align: center; float: left;
}
.configbutton {
	text-align: center; margin-top: 6px;
}
div.outofstock {
	text-align: center; padding-top: 6px; font-weight: bold;
}
.prodid {
	padding: 2px; /* 2017-5-19 padding: 6px;*/
	 color: rgb(102, 102, 102); font-size: 0.9em;
}
div.multioptiontext {
	width: 130px; /*width: 180px;*/
}
div.pagenums {
	padding: 0px 0px 10px; text-align: center; float: left;
}

/*added 2017-5-19 begins *********/

div.prodoptions{  /**frame for options*/
	margin: 0px 1px 0px 6px; 
	padding: 0px 1px 0px 2px; 
	width: 98%; 
	clear: both; 
}

div.options{  /**frame for options*/
	margin: 0px 1px 0px 6px; 
	padding: 0px 1px 0px 2px; 
		
}

div.optiontext{ /**select option*/
	width:30px; 
	height:12px; 
	float:left;
	font-size: 1em;
	margin: 0px 6px 0px 6px; 
	padding: 0px 1px 0px 2px; 
	font-size: 0.8em;
	}

div.option{  /** contents of  option*/
	float:left;
	width:100px; 
	margin: 0px 1px 0px 6px; 
	padding: 0px 1px 0px 2px; 
	font-size: 0.8em;
	line-height:1em;
	border:1px solid rgb(242, 242, 242);/*2017 added*/
	border-image: none; 
	
}

select.prodoption{ 
   font-size:1em;  
   margin: 0px 1px 0px 2px; 
   padding: 0px 1px 0px 2px; 
}

/*addition ends **********************/


/**************************************************************************************/
/* *************** Product Detail Page************** */

div.detailprodnavigation {
	width: 99%;
}
div.detailimage {
	padding: 10px; 
	width: 65%; /*width: 26% 95% ;*/
	clear: both; 
	float: right; /*float: left; */
}
div.detailcheckoutbutton {
	clear: both;
}
div.detailid {
	width:30%; /*2017  width: 66%; */
	color: rgb(102, 105, 109); /*color: rgb(204, 204, 204);*/
	font-size: 1em; margin-left: 10px; float: left;
}
.detailname h1 {
	padding: 6px; width: 30%; /*66%*/ font-size: 1.2em; margin-top: 10px; margin-bottom: 12px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}

div.detailname { /*2017  added */
	font-size: 1.2em;
	float:left;
	width:30%;  /* changed from 2017-7-19 43% Inoo 5/18 */
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply {
	width: 66%; float: left;
}
div.detailmanufacturer {
	margin: 0px 0px 0px 10px; padding: 0px;
	 width: 30%; /* 2017 changed from 66%  */
	  float: left;
}
div.detailsku {
	margin: 10px;
	width: 30%; /* 2017 changed from 66% */
	float: left;
}
div.detailinstock {
	width: 30%; float: left;
}
div.detaildescription {
	margin-left: 2px;
	width: 30%;   /* 2017 changed from width:43%;   */
	/*line-height: 1.8em; */
	padding-top: 4px; 
	font-size: 0.9em; 
	float: right;   /* 2017 changed from float: right; 2017-7-19 */
}
div.detailprice {
	width:250px;  /*  2017changed from 96%  */
	color: rgb(51, 51, 51); font-size: 1.2em; font-weight: bold; 
	/*margin-right:10px;*/ /*  2017changed from margin-left: 10px;  */
	float:right; /*  2017changed from float: right 2017-7-19 */
	clear:right; /* 2017-7-20 */
}
div.detaillistprice {
	width:250px;   /*  2017changed from width: 100%;  */
	color: rgb(218, 106, 30); padding-top: 4px; font-size: 1em; font-weight: normal; 
	float:right;  /* changed from float:left;  Hayashi 2017/7/19 */
	margin-right:10px; /* changed from margin-left:10px;  Hayashi 2015/7/6 */
	clear:both; /* added Hayashi 2017-7-19 */
}
div.detailcurrency {
	width: 35%; /*98%*/color: rgb(102, 102, 102); padding-top: 6px; padding-bottom: 20px; font-size: 0.9em; margin-left: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
div.detailoption {
	width:150px;  /*  2017changed from width: 100%;  */
	margin-left:5px; /* changed frommargin-left:0px; Hayashi 2015/7/6 */
	margin-bottom: 0px; /*addedby Hayashi 2015/7/6*/
	font-size:1em; line-height:1.5em;
}
div.detailoptions {
	/*padding: 6px; */ /*padding-bottom: 5px;*/ /*  2017 changed from 20px*/ 
	width:250px; margin-top: 10px;  /*margin-right:5px;*/  /*  2017changed from margin-left: 0px;    */
	float:right; /*  2017-7-19 changed from float: right;    */
	clear:both; /* added Hayashi 2015/6/26 */
	text-align: right;  
} 
select.detailprodoption {
	/*margin: 7px 2px 2px 2px ;   2017changed from margin: 7px;    */
	/*padding: 0px 1px 0px 2px;    2017changed from 2px;    */
	border: 1px solid rgb(204, 204, 204); 
	border-image: none; 
	width:160px;   /*  2017changed from width: 80%;   */
	font-size: 1em; /*  2017changed from font-size: 1em  */ float:left;  line-height:1.5em;
} 
input.detailprodoption {
	/*margin: 4px 2px 2px 2px ; */ /* 2017changed from margin: 7px;    */
	padding: 0px 1px 0px 2px;   /*2017 changed from padding: 2px;  */
	border: 1px solid rgb(242, 242, 242);  /*2017 changed from border: 1px solid rgb(204, 204, 204);  */
	border-image: none; font-size: 1.0em; float:left;
	line-height:1em;
	
}
div.detailoptiontext {
	/*margin: 6px 2px 2px 2px ;
	padding:  0px 1px 0px 2px;    2017changed from padding: 6px;   */
	width: 70px;  /*  2017changed from width: 32%;   */
	/*clear: both;   2017 deleted*/
	float: left;
	font-size: 1em;  
}
div.detailmultioptiontext {
	padding:  0px 1px 0px 2px;  /*  2017changed from padding: 6px;   */
	width:30px;   /* changed from width:30%;  2017 */
	float:left; /* changed from clear: right; */
}
.previousnext {
	width: 100%; text-align: center; padding-top: 20px; padding-bottom: 6px; font-size: 0.9em; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; float: right;
}
div.emailfriend {
	width: 100%; text-align: center; padding-top: 10px; clear: both; font-size: 0.9em; float: right;
}
td.emfhl {
	color: rgb(255, 255, 255); font-size: 1.2em; font-weight: bold; background-color: rgb(170, 170, 170);
}
td.emfll {
	line-height: 18px;
}
div.detailquantity {
	width: 200px; float: right; margin-top:20px; text-align: right;
	clear:both;  margin-right:30px;
	/*color: rgb(51, 51, 51); */
}
div.detailquantitytext {
	width:45%; /* changed from 45% 2017 */ padding-right:20px;
	/*text-align: right;margin-top: 16px; */float: left;
	/*color: rgb(51, 51, 51);*/
}
div.detailquantityinput {
	padding-left: 5px; 
	width: 50px;  /* changed from 45% 2017-7-19 */
	
	/*height: 25px;*/ text-align: right; /* margin-top: 16px; float:left;*/
	/*color: rgb(51, 51, 51);*/
}
div.detailaddtocart {
	/*width: 100px;  
	height:20px;*/
	text-align: right;
	padding-bottom: 5px; /*  2017 changed from 20px*/
	margin-top: 10px;   /*  2017 changed from 12px*/
	padding-right:40px; /* 215-7-6 added 60px */
	float:right; /* 2017-7-19*/
	clear:both;  /*added Hayashi 2015/7/7 */
}
div.detailoutofstock {
	width: 98%; /*98%*/ text-align: center; padding-bottom: 20px; font-size: 16px; margin-top: 10px; float: left;
}
.detailnotifystock {
	width: 98%; text-align: center; padding-top: 6px; float: left;
}
div.navdesc {
	padding-top: 10px;
}
div.review {
	width: 90%; font-size: 0.9em; margin-top: 16px; float: left;
}
hr.review {
	border-width: 1px 0px 0px; border-style: solid; border-color: rgb(187, 187, 187); padding: 4px; height: 0px; margin-top: 6px;
}
div.reviewprod {
	padding: 10px; background-color: rgb(238, 238, 238);
}
/*-----Recommended Cross Sale Products---------------------------*/
div.csproduct{
 float:left;
 margin:8px; /*4px*/
 border: 1px solid #ccc;
 border-radius:4px;
 height:220px;
 padding: 6px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 30%; 
 }

div.csproduct:hover{
 border: 1px solid #F6B142;
 }

div.quantitydiv, div.csprodid, div.csprodinstock, div.csprodrating, div.csproddateadded,div.csprodmanufacturer{
 display:none;
 }

div.csprodimage, div.csprodname, div.csprodprice{
 width:100%;
 text-align:center;
 }
/*----- End of  Recommended Cross Sale Products---------------------------*/

	
@media screen and (max-width:800px){	}

@media only screen and (max-width:780px)
{
div.product {
	width: 46%;
	
}
div.category {
	width: 46%;/*width: 90%;*/
}
/*.detailname h1 {
	width: 95%;
}*/
span.detaildiscountsapply {
	width: 65%;
}
div.detaildescription {
	width: 30%;
}
span.detaildiscountsapply {
	margin-left: 44px;
}
div.detailimage {
	width: 65%;  /*24%*/
}
div.detailoptions {
	width: 50%;
}
div.detailmultioptiontext {
	width: 45%;
}

div.csproduct{   width:45%; margin:5px;	} /*added 2017-7-19*/
}
@media screen and (max-width:500px)
{
	
div.category {
	width: 95%; height:230px; 
}
div.product {
	width: 95%;
}
div.prodnavigation {
	width: 95%;
}
div.detailimage {
	width: 95%;
}
.detailname h1 {
	width: 95%;
}
span.detaildiscountsapply {
	width: 95%; margin-left: 10px;
}
div.detaildescription {
	width: 95%;
}

div.detailid {	width:95%;}
div.detailname { width: 95%;}
.detailname h1 { width: 95%;}
div.detailname {width:95%; }
div.detailmultioptiontext { width: 95%;}
div.detailoptions {	width:100%;}
.cobcol1 { 	display: none;}
textarea.addinfo {	width: 150px;}

div.csproduct{   width:95%;	 height:230px;} /*added 2017-7-19*/
}