/* CSS Document */

/* Shopping Cart styling */
/* Items added for cart styling */

/*Internal store navigation*/
a.ectlink:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.ectlink:visited {
	color: #666666;
	text-decoration: none;
}
a.ectlink:active {
	color: #990000;
	text-decoration: none;
}
a.ectlink:hover {
	color: #105156;
	text-decoration: none;
}
div.scwrap, div.qbuywrapper, div.iuwrap {
margin: 25vh auto 0 auto;
}
.cartimage {
max-width: 60px !important;
height: auto;
}

/*Button and form field styles*/
input[type="button"].ectbutton, input[type="submit"].ectbutton, button.ectbutton{
	background: #528B7A !important;
	color:#000000;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
}
input[type="button"].ectbutton:hover, input[type="submit"].ectbutton:hover, button.ectbutton:hover{
	background:#33685E !important;
	color:#FFFFFF;
	cursor:pointer;
}

div.cartupdate input, div.cartcontinue input {
	background-color: #900;
	border: 0 none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	padding: 6px;
	font-weight: bold;
}
/* The category page 
-------------------------------------*/
div.category {
	width:27%;
	float:left;
	line-height:1.6;
	font-size:0.9em;
	padding:10px;
	border:1px solid #000000;
	margin:0px 0px 16px 16px;
	height:100px;
}
div.category:hover {
	border: 1px solid #000000;
	box-shadow: 5px 5px 2px #ccc;
	background: #CCCCCC;
	color: #FFFFFF;
}
div.catnavigation {
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:1em;
	border-bottom: none;
	margin-bottom:2px;
}
.catnavwrapper {
	border-bottom: 3px solid #000066;
}
div.navdesc {
	display:none; /* Removes the text "View all products in all categories */
}
div.catimage {
	width:75px;
	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:#663399;
	font-size:0.9em;
}
div.categorymessage {
	padding-top:0px;
	font-size: 1.1em;
}
p.noproducts {
	padding-top:28px;
	text-align:left !important;
}
/* The products page 
-------------------------------------*/

div.prodfilter {
	float:left;
	padding:6px;
	color: #333;
	margin-bottom:4px;
}
div.prodfilterbar {
	float:left;
	width:98%;
}
div.filtertext {
	padding:8px;
}
select.prodfilter {
	padding:0px;
	margin:0px;
	border: 1px solid #ccc;
}
div.product {
	padding:6px;
	width:31%;
	float:left;
	height:375px;
	margin:2px;
	border: 1px solid #999999;
}
div.prodnavigation {
	padding:0px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	border-bottom: 1px solid #659990;
	margin-bottom:10px;
}
.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 {
	text-align:center;
}
.prodimage img {
	display:inline-block !important
}
/*div.prodimage{
	padding-top: 6px;
	text-align:center;
 	height: 250px;
} */
.cartimage {
max-width: 60px !important;
height: auto;
}

div.prodimage:hover {
}
img.prodimage {
}
div.prodname {
	padding-top:6px;
	font-size: 1.0em;
	margin-bottom:6px;
	text-align: center;
}
div.prodrating {
	padding-left:4px;
	display: none;
}
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: 1.0em;
	font-weight:normal;
	float:right;
	width:98%;
	color:#000000;
	text-align: center;
	padding-bottom: 35px;
	display: none;
}
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:right;
	color: #000000;
}
.notifystock {
	text-align:center;
	float:left;
	width:100%;
	background-color: #408080;
}
.configbutton {
	text-align:center;
	margin-top:6px;
}
div.outofstock {
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}
.prodid {
	color:#666;
	padding:6px;
	font-size: 0.9em;
}
div.multioptiontext {
	width:180px;
}
div.pagenums {
	text-align:center;
	float:left;
	padding:18px 0px 15px;
}
/* The product detail page 
-------------------------------------*/
div.detailprodnavigation {
	width:99%;
}
/* Full width image centered with text underneath */
/*div.detailimage{
     width:100%;
     text-align:center;
     float:left;
} */

div.detailimage {
	clear:both;
	float:left;
	width:40%;
	padding:10px;
}
div.detailcheckoutbutton {
	clear:both;
	float: right;
}
div.detailid {
	color:#333333;
	width:90%;
	font-size: 1em;
	float:left;
	margin-left:10px;
	font-weight: normal;
}
div.detailname {
	border-bottom: 1px solid #ccc;
	float: right;
	font-size: 1.2em;
	margin-bottom: 12px;
	margin-top: 10px;
	padding: 6px;
	width: 55%;
}
span.detaildiscountsapply {
	width:60%;
	float:right;
}
div.detailmanufacturer {
	float:left;
	width:60%;
	margin:0px 0px 0px 10px;
	padding:0px;
}
div.detailsku {
	float:left;
	width:60%;
	margin:10px;
}
div.detailinstock {
	float:right;
	width:90%;
}
div.detaildescription {
	font-size: 0.9em;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	float:right;
	width:55%;
}
div.detailprice {
	font-size: 1.2em;
	font-weight:bold;
	float:right;
	width:100%;
	color:#333;
	margin-left:0px;
	text-align: right;
	margin-right: 6px;
}
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.9em;
	float:left;
	width:98%;
	color:#666;
	margin-left:10px;
	padding-bottom:20px;
}
div.detailoption {
	width:100%;
}
div.detailoptions {
	padding: 6px;
	float:left;
	width:60%;
	margin-left:0px;
}
select.detailprodoption {
	font-size: 0.9em;
	width:50%;
	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:48%;
	clear:right;
}
.previousnext {
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
}
div.emailfriend {
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
	font-size:0.9em;
	clear:both;
	padding-bottom: 6px;
}
td.emfhl {
	font-size:1.2em;
	color:#000000;
	font-weight:bold;
	background: #CCCCCC;
}
td.emfll {
	line-height:18px;
}
div.detailquantity {
	float:right;
	width:170px;
}
div.detailquantitytext {
	margin-top:16px;
	float:left;
	width:30%;
	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:right;
	text-align:right;
	padding-bottom:20px;
	margin-top:10px;
}
.detailnotifystock {
	text-align:center;
	padding-top:6px;
	font-weight: bold;
	color: #FFF !Important;
	border: 1px solid #000;
}
div.navdesc {
	padding-top:10px;
}


/* Social Media Styling on detail page*/

input.askaquestion, input.emailfriend{
	background:#1F3284;
	color:#fff;
	height:21px;
	border:0;
	border-radius:4px;
	font-size:12px;
	cursor:pointer;
	margin-top:7px;
	
}

div.socialmediabuttons{
	float:left;
	width:100%;
	padding:4px;
	border:1px solid #999;
	margin:4px;
	background-color: #CCC;
}
div.socialmediabutton{
float:left;
width:140px;
}

div.socialfacebook{
margin-top:5px;
}

div.socialpinterest{
margin-top:4px;
width:60px;
}

/* Product Review stars and styliing */
.ecthreview img{
float:left;
}

.reviewheader{
float:left;
width:98%;
margin-top:10px;
}

img.prodrating {
	display: block;
}
div.review {
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
	color:#333;
}

hr.review {
	border-color: #555;
	border-style: solid;
	border-width: 1px 0 0;
	height: 0;
	margin-top: 6px;
	padding: 4px;
} 
div.reviewprod {
	background-color:#eee;
	padding:10px;
}
span.reviewheader {
	font-size:1.2em;
	color:#000;
}
/* progress bar styling */
div.checkoutsteps {
	text-align:center;
	font-weight:bold;
	padding-bottom:4px;
	margin-bottom:8px;
	border: 1px #ccc solid;
	color:#CCCCCC;
	background: #659990;
}
/*checkout styling pre 6.5 */
table.cobtbl {
	border-radius: 5px;
	box-shadow: 1px 1px 3px #666;
	background: #659990;
}
td.cobhl {
	font-weight: normal;
	color:#333;
	background: #E6E6E6;
}
td.cobll {
	color : #333;
	background: #CCCCCC;
}
td.cobhdr {
	color : #F9DCBC;
	background: #3B6466;
}
td.cobcol1 {
	color : #333;
	background: #CCCCCC;
}
/*td.cobhdr for the column headings
td.cobcol1 for the complete left hand column*/

/* styling for popup cart */
input.sccheckout {
	box-shadow: 0px 1px 4px 0px #BCC8DC;
	border-radius:4px;
	border:1px solid #34504A;
	display:inline-block;
	color:#000000;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 0px 0px #6c79b7;
	cursor:pointer;
	background: #E8E8E8;
	font: bold 11px arial;
	
}
div.scimage {
	width:180px !important;
}
div.scprodsadded, div.sccartitems {
	background-color:#eee;
}
div.scprice {
	border-radius:4px;
	background-color:#CCCCCC !important;
	color:#000000 !important;
	margin-top:6px;
	padding-left: 16px !important;
	text-align:center;
	margin-bottom: 6px;
}
div.sccarttotal {
	color:#000000 !important;
	background-color: #CCCCCC;
}
/* email receipt styling */
.receipthr {
	height: 0;
	background: #CCCCCC;
	border-top: 1px solid #659990;
	border-right: 0 solid #659990;
	border-bottom: 0 solid #659990;
	border-left: 0 solid #659990;
}
.receipthl {
	background: #4A7168;
}
.receiptheading {
	color: #FFFFFF;
	font-weight:bold;
	background: #659990;
}
/* Cross sales styling */

div.csproduct {
	border:1px solid #999;
	text-align: center;
	width:31%;
	float: left;
	margin: 2px;
	padding: 8px;
}
div.csprodname {
	font-size: small;
	font-weight: normal;
	text-align: center;
	padding-top: 6px;
}
	
.cstitle {
	background: #528b7a;
	color : #FFF;
	padding: 4px;
	width: 100%;
	float: left;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 3px double #000000;
	border-left: 1px solid #000000;
	margin-bottom: 6px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.csprodimage {
	width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
}
.csprodimage {width: 200px;}

.csprodid {
	float: left;
	width: 100%;
	display: none;
}

div.csprodprice{display:none;} 

/*div.csproduct {
	border:1px solid #4D756D;
	text-align: center;
	width:25%;
	float: left;
	padding-bottom: 8px;
	margin-right: 8px;
	margin-bottom: 6px;
	
}
.cstitle {
	background-color: rgb(40,83,78);
	color : #FFFFFF;
	padding: 4px;
	width: 100%;
	float: left;
	border-radius: 10px 10px 10px 10px;
	font: bold 13px Verdana, Arial, sans-serif;
	border: 1px solid #000000;
}
.csprice {
	display: none;
}
.csprodid {
	float: left;
	width: 100%;
	display: none;
}
.csprodimage {
	width:100px;
	height:100px;
	text-align: center;
	padding-top: 6px;
}
*/

/*This is the first breakpoint and contains styles for screens up to 1000px
Anything below my monitor*/

@media all and (max-width:1000px) {
div.category {width:45%;}
}

/*This is the second breakpoint and contains styles for screens below 980px*/

@media all and (max-width: 980px) {
div.detailname {
width:60%;
}
div.detaildescription {
width:60%;
}
div.csproduct {
height:300px;
}
div.category{width:40%;}
height:50px;
}

/*This is the third breakpoint and contains styles for screens below 800px*/

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

.search_bg {
width:58%;
margin-left:2%;
}

div.product {
width:46%;
height:250px;
}
div.detailname {
width:60%;
}
div.detaildescription {
width:60%;
}
div.csproduct {
height:300px;
}

}

/*This is the fourth breakpoint and contains styles for screens below 768px*/

@media all and (max-width: 768px) {
.detailimage img {
display:inline-block !important
}
div.detailimage {width:31%}
}


/*ECTThis is the fifth breakpoint and contains styles for screens below 640px*/

@media all and (max-width: 640px) {

div.detaildescription, div.detailname h1, div.detailimage, span.detaildiscountsapply {
float:left;
width:98%;
}
.csprodimage {
width:50px;
height:50px;
}
div.category{width:45%;}
}

/*ECTThis is the sixth breakpoint and contains styles for screens below 480px*/

@media all and (max-width:480px) {
 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1 {
 display:none;
}
div.detaildescription, div.detailname h1, div.detailimage, span.detaildiscountsapply {
width:95%;
}
/*ECT ~~ Modify additional info field on checkout ~~*/
textarea.addinfo {
 width:150px;
}
div.product {
 width:95%;
 height:250px;
}
 .csprodimage {
width:75px;
height:75px;
}
div.csproduct {
width:45%;
}
}

/* ECTThis is the seventh breakpoint and contains styles for screens below 360px*/

@media all and (max-width:360px) {
div.detaildescription, div.detailname h1, div.detailimage, span.detaildiscountsapply {
width:95%;
}
div.product {
 width:95%;
 height:auto;
}
 div.category {
width:95%;
margin:5px 0px;
height:auto;
}
.csprodimage {
width:50px;
height:50px;
}
div.csproduct {
width:49%;
}
div.catimage {
	width:50px;
	height: 75px;	
} 
}