/* ~~ This the css file for the Responsive Design of Virtual Monochrome from Ecommerce Templates.
The first section corresponds to the maximum width version of 1280 pixels ~~ */

/* Kurtis updated April 19, 2022 */

@charset "utf-8";
/* ~~ Main settings and resets ~~*/
body{
	margin:0px;
	font: 100%/1.5 Arial, serif;
	color:#333;
	line-height:1.6;
/*	background: url(images/bg.gif) #f2f2f2 repeat-x;	*/
/*		background: #f2f2f2 repeat-x; Kurtis Feb 2021*/
	font-family: 'Lato', Arial, Helvetica, sans-serif; /*Kurtis Feb 2021*/
	font-size:18px;	/*Kurtis Feb 2021*/
}

ul{
	margin:0;padding:0;
}

img{
	border:0px;
}

.clr{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	border: none;
}

/* ~~ Social media icons ~~*/
.topsocial{
	width:100%;
	height:30px;
/*	background-color:#151515;*/
/*	background-color:#f2f2f2; Kurtis Feb 2021*/
	text-align:right;
	float:right;
}

/* ~~ Top navigation on smaller window sizes ~~*/
.topleftlinks{
	display:none;
}

/* ~~ Top right navigation ~~*/
.toptextlinks{
	font-size:0.8em;
}

/* ~~ Container ~~*/
#maincontainer{
	width: 1280px;
	margin: 0 auto;
}

/* ~~ The header section ~~*/
#header{
	padding: 6px 0;
}

#header .logo{
	padding-top: 0px;
	padding-bottom:5px;
}

#header .hdrR{
	line-height: 16px;
	text-align: right;
	margin-top:18px;
}

#header .hdrR p{
	color: #60a1de;
	padding: 10px 0 0 0px;
}

#header .logo{
	float: left;
}

.l{
	float: left;
}

#header .hdrR{
	float: right;
}


/* ~~ Body content ~~*/
#mainwrapper{
	float: left;
	width: 100%;
	background:#fff;
}

#maincontent{
	margin-left: 206px; /* Kurtis Feb2021 - was 156px */
	padding:0px 4px 0px 4px;
	font-size:0.9em;
}
div.store{
	padding:10px;
}

/* ~~ Left content ~~*/
.lefthand{
	float: left;
	width: 200px; /* Kurtis Feb2021 - was 150px */
	margin-left: -1280px; 
/*	background: #EEEFEF; Kurtis Feb2021 */
	list-style:none;
	line-height:18px;
	padding:0px;
	font-size:0.8em;
}
.leftside ul li{
	list-style:none;
	line-height:30px; /* Kurtis Feb2021 - was 24px*/
	padding-left:8px;}


/* ~~ Footer content ~~*/
.footer1{
	clear: left;
	width: 100%;
	background: #151515;
	color:#ccc;
	font-size:0.9em;
}

#footer{
	clear: left;
	width: 1280px;
	background: #151515;
	color:#ccc;
	margin: 0 auto;
	font-size:0.9em;
}

#footer a{
	color:#fff;
}

div.bottomlinks1, div.bottomlinks2, div.bottomlinks3, div.bottomlinks4{
	float: left;
	/*width: 289px; Kurtis*/
	width: 25%;
	background: #151515;
	border-right: 1px solid #ccc;
	padding:15px;
}

p.copyright{
	font-size:0.9em;
	text-align:right;
	width:100%;
}


/* ~~ Main link properties ~~*/

/*Kurtis swapping (added "leftside." below*/
A:link{
	color: #b70901;
	text-decoration: none;
}
A:visited{
	color: #b70901;
	text-decoration: none;
}
A:active{
	color: #b70901;
	text-decoration: none;
}
A:hover{
	color: #333;
	text-decoration: underline;
}
/* end Kurtis swapping*/
.leftside A:link{
	color: #333;
	text-decoration: none;
}
.leftside A:visited{
	color: #333;
	text-decoration: none;
}
.leftside A:active{
	color: #333;
	text-decoration: none;
}
.leftside A:hover{
	color: #b70901;
	text-decoration: underline;
}

/* ~~ Store generated link properties ~~*/
A.ectlink:link{
	color: #b70901;
	text-decoration: none;
}
A.ectlink:visited{
	color: #b70901;
	text-decoration: none;
}
A.ectlink:active{
	color: #b70901;
	text-decoration: none;
}
A.ectlink:hover{
	color: #333;
	text-decoration: underline;
}

/* Start added by Kurtis */
body.cke_show_borders{
	background-color: #FFFFFF;
}

.csproducts A.ectlink:link{
	color: #333;
	text-decoration: none;
}
.csproducts A.ectlink:visited{
	color: #333;
	text-decoration: none;
}
.csproducts A.ectlink:active{
	color: #333;
	text-decoration: none;
}
.csproducts A.ectlink:hover{
	color: #b70901;
	text-decoration: underline;
}

p.prodpic {
	display: block;
	margin: auto;
	text-align: center;
}
img.prodpic{
	max-width: 50%;
}

/* old site blue links by Kurtis - not used anymore
A.blue:link {color: #0000FF;text-decoration: none;}
A.blue:visited {color: #0000FF;text-decoration: none;}
A.blue:active {color: #0000FF;text-decoration: none;}
A.blue:hover {color: #0000FF;text-decoration: underline;}
*/

div.trackingcopyright{
overflow:auto;
display:none;	/* added by Kurtis */
}

input.quantity2input{
text-align:center;
height:28px;
width:35px;
border:none;
margin:0px;
padding:3px 0px 0px 0px;	/* Kurtis was 0*/
}

input.ectbutton,button.ectbutton{
	background:#810601;
}
input.ectbutton:hover,button.ectbutton:hover{
	background:#b70901;
}
/* 
input.ectbutton:disabled,button.ectbutton:disabled{
	background:#DDD;
}
*/

div.quantity2div{
	width:106px;
font-size: 1.0em; /* Kurtis Feb2021 */
}


div.largereviewstars svg.icon,div.smallreviewstars svg.icon{
	fill:#b70901;
}

div.scwrap, div.qbuywrapper, div.iuwrap {	/* gets rid of scroll bar on quick buy */
	padding: 6px 16px 16px 6px;
}
/* end added by Kurtis */

/* Quick Buy settings 
-------------------------------------*/

div.qbuywrapper div.prodimage{
  width:38%;
  float:left;
padding:4px;
}

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

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

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

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

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

div.qbuywrapper span.discountsapply{
float:right;
width:60% !important;
text-align:left;
}

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

div.qbuywrapper div.prodinstock{
float:left;
width:28% !important;
text-align:left;
margin-left:6px
}

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

div.qbuywrapper div.prodrating{
float:left;
width:30% !important;
text-align:right;
}

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

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

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

div.qbuywrapper div.optiontext{
float:left;
/* width:100% !important;	Kurtis split this apart from option text to get Options showing right */
text-align:left;
margin:6px 0px;
font-size:1.2em;
}

div.qbuywrapper{ /* Kurtis split this from above to get Options showing right */
width:100% !important;
}

div.qbuywrapper div.option{
float:left;
width:100% !important;
text-align:left;
margin:0px 10px;
}

div.qbuywrapper div.prodprice{
float:right !important;
width:60% !important;
font-size:1.4em;
text-align:left;
}

div.qbuywrapper div.listprice{
float:right !important;
width:60% !important;
text-align:left;
font-size:1.2em;
margin:8px 0px 0px 0px
}

div.qbuywrapper div.prodcurrency{
float:right !important;
width:60% !important;
margin:0px;
text-align:left;
}

div.qbuywrapper div.addtocart{
float:right;
width:60% !important;
}

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

div.qbuywrapper div.detaillink{
float:right;
width:60% !important;
margin:0px;
}

div.qbuywrapper input.detaillink{
width:50% !important;
float:right;
}

/* Start Kurtis additions to properly lay out softcart confirmation */
div.sccheckout{
position: absolute;
bottom: 5px;
left: 75%;
}
div.scwrap{
position: relative;
}
div.sclinks{
text-align:left;
}
/* End Kurtis additions to properly lay out softcart confirmation */

/* Top Link Properties */
A.tp:link{
	color: #000;
	text-decoration: none;
}
A.tp:visited{
	color: #000;
	text-decoration: none;
}
A.tp:active{
	color: #000;
	text-decoration: none;
}
A.tp:hover{
	color: #7c211e;
	text-decoration: underline;
}

/* ~~ Top horizontal navigation bar ~~*/
div#topnav{
	background-color: #544A4A;
	border-top: solid 1px #000;
	border-bottom: solid 1px #fff;
	padding-bottom: 4px; /* Kurtis Feb2021 */
}
div#topnav ul{
	font-size: 0.8em;
	color: #999;
	text-align: center;
	margin: 0;
	padding-top:6px;
	height:21px;
	padding-left: 0px;
	line-height:1.3;
}
div#topnav ul li{
	display: inline;
}
div#topnav ul li a{
	padding: 5px 10px 5px 10px;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-right: -1px;
}
div#topnav ul li a:hover{
/*	background-color: #da6805;*/
	background-color: #b70901;
	color: #fff;
}
div#topnav img{
	padding: 0px 0px 0px 0px;
	margin: -2px -2px -2px -2px;

}


/* Kurtis added */
/* ~~ Kurtis hide bottom horizontal nav bar ~~*/
div#bottomnav{
	display: none;
	text-align: center;
}
p#bottomnav{  
	display: none;
}
div#bottomnav img{
	padding: 0px 10px 0px 10px;
}
/* ~~ Kurtis hide mobile welcome message ~~*/
div#mobilewelcome{  
	display: none;
}
/* end Kurtis addition */


/* ~~ Titles ~~*/
div.menutop{
	font-size: 1em;
	font-weight:normal;
	height:22px;
	background: url(images/menutop.jpg) #fff repeat-x;
	color : #666;
	/*text-align:right; Kurtis*/
	text-align: center;
/*	width: 142px; Kurtis Feb2021 */
	border-top:1px solid #ccc;
	padding-right:8px;
	padding-top:1px; /*Kurtis Feb2021 - was 4px */
	border-radius: 7px; /*Kurtis Feb2021 */
	
}

div#topnav { /*Kurtis Feb2021 */
	border-radius: 7px;
}

div.prodtop{
	font-size: 0.9em;
	font-weight:normal;
	margin-top:0px;
	height:25px; 
	background: url(images/menutop.jpg) #fff repeat-x;
	color : #666;
	border-top:1px solid #ccc;
	padding-left:6px;
	padding-top:2px;
	font-weight:bold;
}

h1{
	font-size: 0.9em;
	font-weight : bold;
	padding: 5px;
	background-color: #999;
	color : #FFF;
	margin:4px;
}

/* ~~ Home page content ~~*/

div.homepics{
	width:1130px;
}
div.picscontent{
	width:356px;
	padding:5px;
	float:left;
	margin:4px;
}

div.prodpic{
	float:left;
}

div.prodtext{
	float:right;
	width:250px;
}

/* ~~ Search bar properties ~~*/

div.searchbox{
	height:57px;
	width:312px;
	float:right;
	white-space:nowrap;
}

#form-search p	{
	padding: 0;
	margin: 0;
}

#form-search label, #input-keywords, #submit-search{
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#input-keywords	{
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color:#ccc;
	height: 23px;
	width: 240px;
	line-height: 20px;
	padding-left: 2px;
}

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

/* ~~ Minicart and Minilogin ~~*/
table.mincart{
	/* background-color: #ECECEC; Kurtis Feb2021 */
	background-color: #FFFFFF;
	width: 190px; /* Kurtis Feb2021 - was 140px */
	margin:6px;
}
td.mincart{
	 background-color: #FFFFFF; /* Kurtis Feb2021 */
}

/*Shopping cart*/
table.cobtbl{
	background-color: #eee;
	border-bottom:1px solid #ccc;
} 

td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}

td.cobhdr{
	background-color:#bbb;
	font-size:0.9em;
	color:#fff;
	text-transform:uppercase;
}

div.tofreeshipping{
color:#386BA0 !important;
}

td.cobll input,  textarea, select{
border: 1px solid #999;
  border-radius:2px;
padding:4px;
}

.cartdiscounts, .cartdiscountsamnt{
color:#386BA0 !important;
}


td.cobll input[type="image"]{
border:none;
}

td.cobll input[type="radio"]{
border:none;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}

div.logintoaccount{
	text-align:left !important;
}

span.willpickup{
font-size:1.1em !important;
}

/*Thanks page*/
td.receiptoption{font-size:0.9em;}
td.receiptoption strong{font-weight:500;}
td.receipthl strong{font-weight:500;}
td.receiptheading{background:#F6F6F6;font-size:1.1em;color: #000;font-weight:normal !important;border-bottom: 1px solid #3D79B7;border-top: 1px solid #3D79B7;}
td.receiptheading strong{font-weight:500;}
hr.receipthr{display:none;}

/*Button and form field styles*/
input.minimailsubmit,input.continueshopping,input.printversion,input.applycoupon,input.configbutton,input.reviewsubmit,input.efsend,input.efclose,input.cartaccountlogin,input.forgotpassword,input.newaccount,input.submit,input.cancel,input.createlist,input.trackinggo,input.logintoaccount,input.createaccount,input.gcsubmit,input.login, input.newaffiliate, input.affiliatelogin, input.search,input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage, input.logout, input.editaffiliate,input.backacct,input.giftwrapsubmit,input.giftwrapcancel{
	background:#544A4A;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:4px;
  -webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family:FontAwesome, sans-serif
}

input.minimailsubmit:hover,input.continueshopping:hover,input.printversion:hover,input.applycoupon:hover,input.configbutton:hover,input.reviewsubmit:hover,input.efsend:hover,input.efclose:hover,input.cartaccountlogin:hover,input.newaccount:hover,input.forgotpassword:hover,input.submit:hover,input.cancel:hover,input.createlist:hover,input.trackinggo:hover,input.logintoaccount:hover,input.createaccount:hover,input.gcsubmit:hover,input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover,input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover,input.logout:hover, input.editaffiliate:hover,input.backacct:hover,input.giftwrapsubmit:hover,input.giftwrapcancel:hover{
	background:#B70901;	/* made red by Kurtis - but no it's terrible!*/
	background:#ddd;
	color:#000;
	cursor:pointer;
  -webkit-appearance: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
font-family:FontAwesome, sans-serif
}

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

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

div.prodfilterbar{
float:left;
width:98%;
margin-bottom:14px;
}

div.filtertext{
padding:12px 6px;
}

input.prodfilter{
padding:8px;
border: 1px solid #ccc;
border-radius: 3px; 
}

select.prodfilter, select.prodoption { 
display: block; 
padding: 10px 70px 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, select.prodoption option { padding: 0 4px; } 

select.prodfilter, select.prodoption::-ms-expand { display: none; } 
select:disabled.prodfilter, select.prodoption::-ms-expand { background: #f60; }

div.product {
width: 32%;
min-height: 300px; /*Kurtis - was 220px */
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 4px;
zoom: 1;
*display: inline;
_height: 220px;
padding:6px 6px 6px 6px;
border:1px solid #eee;
border-radius: 10px;
}

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

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

.prodratinglink{
font-size:0.9em;
}

div.allproddiscounts{
color:#DA6A1E;
width:48%;
margin:2px 0px;
float:left;
}

.proddiscounts, .discountsapply{
color:#DA6A1E;
width:48%;
margin:2px 0px;
float:left;
}

div.prodmanufacturer{
width:48%;
margin:2px 0px;
float:left;
}

div.prodsku{
width:48%;
margin:2px 0px;
float:left;
}

div.prodimage{
padding: 4px;
float:left;
width:48%;
min-height:275px; /* Kurtis - was 220px */
}

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

div.prodname{
font-size: 1.1em;
margin:4px 0px;
float:left;
width:48%
}

div.prodinstock{
margin:2px 0px;
width:48%;
float:left;
}

div.proddescription{
margin:4px 0px;
float:left;
font-size: 0.9em;
line-height: 1.5em;
width:48%;
}

div.prodoptions{
float:left;
width:48%;
}

div.optiontext{
margin:4px 0px;
/* width:98%	Kurtis removed to get options showing right */
}

div.option{
margin:4px 0px;
}

select.prodoption{
width:98%;
}

div.option input[type="radio"] {
margin-top: -2px;
margin-right:6px
}

div.listprice{
width:48%;
float:left;
font-size: 0.9em;
margin:2px 0px;
}

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

div.prodprice{
float:left;
width:48%;
margin:4px 0px;
font-size:1.2em;
}

div.prodrating{
float:left;
width:48%;
margin:2px 0px;
}

div.prodcurrency{
float:left;
width:48%;
font-size: 0.8em;
color:#666;
margin:2px 0px;
}

div.addtocart{
float:left;
margin:2px 0px;
width:48%;
}

div.quantity0div, div.quantity1div, div.quantity2div{
/*float:left; Kurtis Jan2025*/
float:left;
display:inline-block;
margin:4px 6px 0px 0px;
}

/*Kurtis added below Jan2025*/
div.quantity2div{
/*border-radius:6px;
width:105px;
border:1px solid gray;
overflow:auto;
font-size:1.5em;
color:gray;*/
display:flex;
align-items:center;
/*min-height:32px;*/
}/*
div.detailquantity2div{
min-height:38px;
}
div.quantity2div > div{
text-align:center;
width:33%;
cursor:pointer
}
div.quantity2div > div:hover{
color:#006aba;
*/
div.cdformtpayradio1{
font-size: 1.2em;
}
div.checkoutadds2col{
/*margin: 0px 0px 12px 0px;*/
}
select.cdform2fixw {
width: auto;
}
/*Kurtis added above Jan2025*/


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{
float:left;
width:48%;
text-align:center;
padding:0px;
margin:4px 1px 0px 0px;
}

div.qbuybutton{
float:left;
width:48%;
text-align:center;
padding:0px;
margin:4px 0px 0px 0px;
}

input.detaillink, input.qbuybutton{
float:left;
width:100%;
text-align:center;
padding:6px;
margin:0px;
background:#544A4A;
border:0px;
color:#fff;
border:0;
border-radius:4px;
-webkit-appearance: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
font-family: FontAwesome, sans-serif; 
}

input.detaillink{
background:#888;
}

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

div.pagenums{
text-align:center;
float:left;
margin:4px 0px;
}

p.cstitle{
float:left;
width:92.3%; /*Kurtis Feb2021 - was 97.5% */
padding:4px 6px;
border:1px solid #ddd;
background:#efefef;
border-radius:4px;
font-size:1.1em;
	margin-left:5px
}

/* start added by Kurtis */
.csproduct{
float:left;
width:15%;
margin:4px;
border: 1px solid #ccc;
border-radius:4px;
height:220px;
font-size: 0.7em;
}

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

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 added by Kurtis */

/* start added by Will */
img.csprodimage{
	max-width:100%;
	padding:4px
}
/* end added by Will */


/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
width:98%;
margin:5px;
background:#fff;
border-bottom:1px solid #eee;
}

div.detailimage{
width:35%;
padding:10px;
float:left;
box-sizing:border-box;
}

div.detailname {
float: right;
width: 60%;
box-sizing: border-box;
}

div.giantimgdiv{	/* added by Kurtis */
max-width: 1020px !important;
max-height: 870px !important;
margin-left: auto !important;
margin-right: auto !important;
} 
div.giantimgclose{	/* added by Kurtis */
position: relative !important;
} 
img.giantimage{	/* added by Kurtis */
box-shadow: none !important;
} 
div.proddetail{	/* added by Kurtis */
display: inherit !important;
} 


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

div.detailcheckoutbutton{
clear:both;
}

div.detailname h1 {
font-size: 1.6em;
margin:2px 0px 0px 0px;
color:#000;
background:#fff;
border-bottom: 1px solid #ccc;
padding: 5px 0;
}

span.detaildiscountsapply{
margin:1px 5px;
float:right;
width:60%;
color:#EA8626;
}

div.detaildiscounts{
width:60%;
margin:1px 5px;
float:right;
color:#EA8626;
}

div.detailprice{
font-size: 1.3em;
font-weight:bold;
float:right;
width:60%;
margin:5px 0px 0px 6px;
}

div.detaillistprice{
float:right;
width:29%;
color:#DA6A1E;
margin:5px;
font-size: 1.3em;
text-align:right;
}

div.detailcurrency{
font-size: 0.8em;
float:right;
width:60%;
color:#666;
}


div.detailinstock{
float:right;
width:60%;
margin:10px 0;
font-size: 1.2em;
}

div.detailreviewstars{
float:right;
width:60%;
margin:5px 6px;
text-align:left;
}

div.detailshortdescription{
font-size: 0.9em;
margin:5px 0;
padding:4px;
line-height:1.8em;
float:right;
width:60%;
background:#eee;
border-radius:4px;
box-sizing: border-box;
}
div.detailaddtocartquant{
float:right;
width:60%;
clear:right;
margin-top:15px;
margin-bottom:15px;
}

div.detailshortdescription p{
  padding:0px
}

div.detailmanufacturer{
float:right;
width:60%;
margin:5px;
color:#666;
}

div.detailid {
width:60%;
float:right;
margin:18px 5px 5px 5px;
color:#666;
}

div.detailsku{
float:right;
width:60%;
margin:5px;
color:#666;
}

div.detaildateadded {
width:60%;
float:right;
margin:5px;
color:#666;
}

div.detaildateaddedlabel{
float:left;
}

div.detaildateaddeddate{
float:left;
margin-left:4px;
}


div.detaildescription{
font-size: 0.9em;
margin:5px;
padding-top:4px;
line-height:1.8em;
float:left;
width:98%;
}
/* Kurtis added for picture sizing */
div.detaildescription p{
	display: block;
	margin: auto;
	/*text-align: center;*/
}
div.detaildescription img{
	max-width: 50%;
}
div.detaildescription iframe{
/*	max-width: 50%;  Kurtis removed to make YouTube video bigger*/
}
/* end Kurtis added */

div.searchwords{
font-size: 0.9em;
margin:5px;
padding:4px;
line-height:1.8em;
float:left;
width:98%;
border:1px solid #eee;
}

div.detailoptions{
float:right;	/*	Kurtis, was float:left*/
width:58%;
margin:5px;
padding:4px;
}

div.detailoptiontext{
float:left;
margin:1px 1px 0px 0px;
min-width:100px;
clear:left;
}

div.detailoption{
float:left;
width:81%;

}

input.detailprodoption{
margin-right:6px;
}
 
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{
float:left;	/*Kurtis*/
width:100%;	/*Kurtis*/
padding: 4px;
clear:none;
}

input.multioption{
border:1px solid #ccc;
padding:4px;
}

div.previousnext{
margin:20px 0px;
float:left;
width:98%;
text-align:center;
font-size:0.9em;
}

div.detailquantity{
/*float:left; Kurtis*/
float:right;
}

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

input.detailquantity0input{
border:1px solid #ccc;
padding:5px 20px;
margin:3px 16px 0px 2px;
}

div.detailaddtocart{
/*float:left; Kurtis*/
float:right;
/*margin-right: 4%; Kurtis line up Add To Cart button*/
margin-right: 4%; /*tried 6.5%*/
text-align:left;
/*width:37%;  Kurtis getting the Add To Cart to show right*/
width:40%; /* Kurtis getting the Add To Cart to show right, tried 48%*/
}

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

div.detailoutofstock{
font-size: 1.4em;
float:right;
width:50%;
text-align:left;
padding:10px 0px;
}

div.detailnotifystock{
font-size: 1.4em;
padding-top:16px;
float:right;
width:50%;
}

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:21px;
border:0;
border-radius:4px;
font-size:12px;
cursor:pointer;
font-family:FontAwesome, sans-serif;
}

input.askaquestion:hover, input.emailfriend:hover{
background:#1BABF1;
}
/*Kurtis start*/
/*div.socialmediabuttons{margin:10px 0px;background:#fff;width:98%;float:left}*/
div.socialmediabuttons{
float:left;
width:97%;
padding:4px;
/* border:1px solid #ccc; Kurtis Feb2021 */
margin:10px 0px;
background:#fff;
text-align:center;
}
div.socialmediabutton{float:left;display:inline-block;padding:6px;width:140px;}

img.efsend{border:1px solid #ccc; padding:5px;}
img.efclose{border:1px solid #ccc; padding:5px;}

div.sociallinkedin{
margin-top:7px;
/*width:70px;*/
}

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

div.socialtwitter{
/*width:70px; Kurtis */
margin-top:5px;
}

div.socialgoogle{
margin-top:2px;
/*width:70px; Kurtis*/
}

div.socialpinterest{
margin-top:5px;
/*width:60px; Kurtis*/
}

div.socialcustom{
margin-top:7px;
width:70px;
}

div.socialaskaquestion{
/*width:110px; Kurtis*/
}

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

input.askaquestion:hover, input.emailfriend:hover{
background:#1BABF1;
}

/*html body.kv8eNc div#root a div#plusone span#widget_bounds div.ozPlusoneStarholder_ div#button.ozWidgetRioButton_.ozWidgetRioButtonPlusOne_{
	height:20px !important;
} couldn't get G+ height to play along so we just removed G+!*/

/* Kurtis end*/

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

/* The category page 
-------------------------------------*/
/*start Kurtis*/
P.catname {
text-align: center;
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

P.catdesc {
margin-top: 0px;
margin-bottom: 4px;
vertical-align:top;
}

IMG.catimage {
/*border: 1px solid #000; Kurtis*/
max-width:100%;
border: none;
vertical-align:top;
}

div.catimage{
/*	width:35%; Kurtis*/
	float:left;
}

TD.catimage {
vertical-align:top;
}

TD.catname {
vertical-align:top;
text-align: center;
}

TD.catnavigation {
vertical-align:middle;
text-align: left;
}
/* end Kurtis*/

div.category {
width: 31%;	/* Kurtis 3 columns */
min-height: 140px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 4px;
zoom: 1;
*display: inline;
_height: 140px;
padding:6px 6px 0px 6px;
padding:0px 0px 0px 0px; /* Kurtis image takes full box*/
border:1px solid #eee; /* Kurtis text over image*/
position: relative; /* Kurtis text over image*/
text-align: center; /* Kurtis text over image*/
}

div.category:hover{
	background-color:#fff;
	border: 1px solid #333;
	box-shadow: 5px 5px 2px #ccc;
}

div.catnavigation{
	font-size:1em;
	/*background-color:#eee;	Kurtis*/
}
div.catnavandcheckout{
	border-bottom: 1px solid #ccc;
	margin-bottom:10px;
	padding: 10px;
}

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

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

div.catdesc{
	padding:0px 0px 4px 4px;
}

div.catname {
	padding-left:4px;
    font-size:1.2em;
	/*float:left; Kurtis*/
	/*width:60%; Kurtis*/
	position: absolute; /* Kurtis */
	bottom: -30px; /* Kurtis */
	/*right: 16px; /* Kurtis */
}

div.catname > a.ectlink {
	color:white;
	font-size:1.5em;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 6px #000000;
}

.catdiscounts, .allcatdiscounts{
	padding-left:10px;
	font-weight:normal;
	color:#3B76B0;
	font-size:0.9em;
}

div.categorymessage{
	padding-top:0px;
	font-size: 1.3em;
}

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

/* start added / additional by Kurtis 
div.ectdivhead {
	border: 0 !important;
}*/

div.createaccount {
	text-align: right;
}

div.cartloginnewacct {
    width: 79% !important;
	text-align: right;
}

.distributors {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

div.distributors {
	display: inline-block;
	border: 1px solid #333;
	border: none;
	width:40%;
	text-align: center;
	margin: 2px;
	padding: 15px 25px;
	border-radius: 10px;
}

.distributorsheader {
	text-align: center;
}

p.distributors {
/*	display: inline-block; */
	border: 1px solid #333;
	border: none;
	text-align: center;
	margin: 2px;
	padding: 15px 25px;
	border-radius: 10px;
}

img.distributors {
	max-height: 60px;
	max-width: 80%;
}

a:link.distributors, a:visited.distributors {
	background-color: #CCCCCC;
	color: black;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	border-radius: 14px;
	display: inline-block;
	margin: 2px;
}

a:hover.distributors, a:active.distributors {
	background-color: red;
	background-color: #4CAF50; /* Green */
	color: white;

}

img.distributorsmap {	/* Kurtis */
	/*display: none;	*/
	/*max-height: 300px;*/
	max-width: 60%;
}

/* Zebra stripe Table Kurtis begins */
.zebra-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.zebra-table tr:nth-child(odd) {
  background-color: #ffffff;
}
.zebra-table td,
.zebra-table th {
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Zebra stripe Table Kurtis ends */

/* Sponsorship Table Kurtis begins */
table.sponsorshiptable {
	font-family: Verdana, Geneva, sans-serif;
	border: none;
	background-color: #2681C8;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	padding: 0px;
}
table.sponsorshiptable tr {
	height: 100%;
}
table.sponsorshiptable td, table.sponsorshiptable th {
	padding: 0px;
	height: inherit;
}
table.sponsorshiptable tbody td {
	color: #FFFFFF;
}
table.sponsorshiptable tr:nth-child(even) {
	background: #0A2D49;
}
table.sponsorshiptable td:nth-child(1) { /*First column*/
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
}
table.sponsorshiptable thead {
	background: #782327;
	padding: 5px 0px 0px 0px;
}
table.sponsorshiptable thead th {
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	padding: 5px 0px 0px 0px;
}
table.sponsorshiptable tfoot {
	font-weight: normal;
	color: #FFFFFF;
	background: #777777;
}
table.sponsorshiptable tfoot td {
	padding: 10px 10px 25px 10px;
}

table.sponsorshiptable tr:nth-child(2) > td {
	padding-bottom: 30px;
}

div.sponsorshiptableheader {
	background-color: #a37274;
	border-radius: 30px 30px 0px 0px;
	width: 90%;
	height: 100%;
	margin: auto;
	padding: 0px 2% 0px 2%; 
}
div.sponsorshiptableexpect {
	background-color: #74a8d1;
	width: 81.5%;
	height: 100%;
	margin: auto;
	padding: 10px 4% 10px 8%; 
}
div.sponsorshiptableprovide {
	background-color: #647888;
	width: 81.5%;
	height: 100%;
	margin: auto;
	padding: 10px 4% 5px 8%; 
	border-radius: 0px 0px 30px 30px;
}
div.sponsorshiptablefooter {
	background-color: #a2a2a2;
	height: 100%;
	border-radius: 30px;
	margin: auto 0px auto 0px;
	padding: 15px 20px 0px 20px;
}
/* Sponsorship Table Kurtis end */

.shopnow {
	text-align: center;
}
a.shopnow {
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}
a:link.shopnow, a:visited.shopnow {
	background-color: #CCCCCC;
	color: black;
	padding: 15px 25px;
	text-align: center;
	text-decoration: none;
	border-radius: 14px;
	display: inline-block;
	margin: 2px;
}

a:hover.shopnow, a:active.shopnow {
	background-color: red;
	background-color: #4CAF50; /* Green */
	color: white;

}

.TabbedPanelsTab {
  border-radius:5px 5px 0px 0px !important;
}

/* Hides the category "Hidden Category" so WDJ Viper and other linked things can be added to it. */
.hidecat {	
	display: none !important;
} 

span.prodpricelabel::after {
	content:" ";	/*There were two colons with < content:" "; > in ectstyles, so took one out.*/
}
span.prodinstocklabel::after {
	content:" ";	/*There were two colons with < content:" "; > in ectstyles, so took one out.*/
}
span.detailinstocklabel::after {
	content:" ";	/*There were two colons with < content:" "; > in ectstyles, so took one out.*/
}

/* end added by Kurtis */


/* This is the first breakpoint and is for screen sizes between 980 and 1280 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 1200px){

#maincontainer{
	width: 980px;
}	

.lefthand{
	margin-left: -980px; 
}

#footer{
	width: 980px;
}	
div.bottomlinks1, div.bottomlinks2, div.bottomlinks3, div.bottomlinks4{
	width: 209px;
}

div.homepics{
	width:830px;
}	

div.picscontent{
	width:396px;
}

div.prodtext{
	width:290px;
}

/* ~~ The products page ~~*/
div.product{
width:31%;
}

/* ~~The detail page ~~*/
div.detailaddtocart{
width:30%;
}

div.detailoption{
float:left;
width:51%;
}

div.category{
width:44%;
}
	
	.csproduct{
width:23%;
}

table.sponsorshiptable {	/*Kurtis start*/
	font-size: 0.8em;
}
table.sponsorshiptable td:nth-child(1) { /*First column*/
	font-size: 1.1em;
}
table.sponsorshiptable thead th {
	font-size: 1.1em;
}
p.sponsorship {
		font-size: 0.8em;
}
/*Kurtis end*/
}

/* This is the second breakpoint and is for screen sizes between 1000 and 1280 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 1024px){
	
	

#maincontainer{
	width: 680px;
}	

.lefthand{
	margin-left: -680px; 
}

/* ~~ Remove links from top nav bar ~~*/
.navextra{
	display:none;
}

#footer{
	width: 680px;
}	
div.bottomlinks1, div.bottomlinks2, div.bottomlinks3, div.bottomlinks4{
	/*width: 138px; Kurtis*/
	width: 25%;
}

div.homepics{
	width:530px;
}	

div.picscontent{
	width:244px;
}

div.prodtext{
	width:140px;
}

/* ~~ The products page ~~*/
div.product{
width:46%;
}



div.category{
width:88%;
}
	
		.csproduct{
width:46%;
height:200px;
}

div.distributors {	/* Kurtis */
	width:80%;
}

img.distributorsmap {	/* Kurtis */
	display: none;	
}

}

/*This is the second breakpoint and contains styles for screens 870px to 800px*/
@media screen and (max-width: 870px) {

div.detailimage{
width:auto;
min-height:auto;
}

div.detailname h1 {
margin:1px 0px 0px 3px;
}

span.detaildiscountsapply{
margin:1px 5px;
float:left;
width:98%;
}

div.detailprice,div.detailcurrency{
margin:5px 0px 0px 5px;
}

div.detaillistprice{
width:46%;
}

div.detailinstock{
margin:10px 12px 10px 5px;
}

div.detailreviewstars{
width:46%;
}

div.detailshortdescription,
div.detailname,
div.detailoptions,
div.detailcurrency,
div.detaildiscounts,
div.detailinstock,
div.detailaddtocartquant,
div.detaildescription,
div.socialmediabuttons,
div.detailprice{
float:none;
width:auto;
clear:both;
}

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

div.product{
width:96%;
}

}

/* This is the third breakpoint and is for screen sizes between 468 and 690 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:690px){
#maincontent{
	margin-left: 0px; 
	border: 0px;
}

#maincontainer{
	/* width: 468px; changed by Kurtis March 31, 2022 */  
	width: auto;
}	

/* ~~ Social media icons ~~*/
.topsocial{
/*	background-color:#999;*/
}

/* ~~ Show top navigation links ~~*/
.topleftlinks{
	display:inline;
/*	float:left;*/
	float:right;
	padding-top:4px;
	font-size:0.8em;
}

/* ~~ Remove top right navigation ~~*/
span.toptextlinks{
	display:none;
}

/* ~~ Remove horizontal nav bar ~~*/
#navlist{
	display:none;
}


/* Kurtis added to show bottom horizontal nav bar*/
/* ~~ Bottom horizontal navigation bar ~~*/
div#bottomnav{
	display: block;
}
p#bottomnav{
	display: inline-block;
}
/* ~~ Kurtis show mobile welcome message ~~*/
div#mobilewelcome{  
	display: block;
}
/* end Kurtis addition */



/* ~~ Move search bar ~~*/
div.searchbox{
	margin-top:-20px;
	width:468px;
	text-align:left;
	height:46px;
	float:left;
}

#topnav{
	display:none;
}

#input-keywords	{
	width: 434px;
}

/* ~~ Remove left hand menu ~~*/	
.lefthand{
	display:none; 
}

span.prodcats{
	display:none;
}

/* ~~ Reset footer ~~*/

#footer{
	width: 468px;
}	
div.bottomlinks1, div.bottomlinks2, div.bottomlinks3{
	width: 118px;
}
div.bottomlinks4{
	display:none;
}

div.homepics{
	width:460px;
}	

div.picscontent{
	width:444px;
}
div.prodtext{
	width:330px;
}
/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}

/* ~~ The products page ~~*/
div.prodfilter{
display:none;
}

div.prodfilterbar{
display:none;
}

div.prodnavigation{
width:93%;
}
	
p.cstitle{
	width:90%
}


}

/* This is the fourth breakpoint and is for smartphones. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below */
@media screen and (max-width:500px){

div.detailoptiontext{
float:left;
margin:18px 0px 10px 0px;
width:98%;
font-size:1.2em
}

div.detailoption{
width:98%;
}
}

@media all and (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;
}

#maincontainer{
/*	width: 308px; changed by Kurtis March 31, 2022 */  
	width: auto;
}

div.searchbox{
	width:308px;
}

#input-keywords	{
	width: 274px;
}

/* ~~ Remove top slider ~~*/
div.callbacks_container, div.rslides{
	display:none;
}

div.homepics{
	width:300px;
}	

div.picscontent{
	width:284px;
}

div.prodtext{
	width:180px;
}

#footer{
	width: 308px;
}

div.bottomlinks3{
	display:none;
}

.cobtbl select{
font-size:0.8em;
}

/* ~~ Remove left hand cart column ~~*/
.cobcol1{
	display:none;
}

div.store{
	padding:0px;
}

/* ~~ The products page ~~*/
div.product{
width:94%;
}

div.prodnavigation{
width:90%;
}
	
.csproduct{
width:94%;
height:auto;
}



/* ~~ The category page ~~*/


div.category{
width:84%;
}

}