/*NAV BUTTON BACKGROUND FIX*/
ul.ectverticalmenu3 > li, ul.ectsubverticalmenu3 > li{
border:0!important;
background-color:transparent!important;
min-width:100px!important;
max-width:100%!important;
}

/* OVERRIDES */
#search_mini_form { margin-top:0!important; padding-bottom:0; }
#searchform { position:relative; bottom:2px; }

div.eachcatdiscountsapply,div.eachproddiscountsapply,div.discountsapply,span.detaildiscountsapply{
color: #B91515!important; 
font-weight:bold!important;
font-size:16px!important;
}

div.catdiscounts, div.allcatdiscounts{
color: #B91515!important; 
font-weight:bold!important;
font-size:16px!important;
}

/* CSS VARIABLES */
.form-group { margin:5px 0 5px 0; }
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div.searchheader{
font-size:26px!important;
font-weight:bold;
}

/* Quick Buy */
.prodquantity0div::before{
	content:"Qty: ";
}
/*----------*/

.processing-table p{
	margin:0;
	padding:0;
	font-size:16px;
}

.awards-table {
	width: 100%;
	border-left-style: solid;
	border-left-width: 1px;
	border-right: 1px solid #C0C0C0;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: 1px solid #C0C0C0;
}

.awards-table td {
	border-left: 1px solid #C0C0C0;
	border-right-style: solid;
	border-right-width: 1px;
	border-top: 1px solid #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.awards-table p {
	margin:0;
	padding:0;
	font-size:16px;
}

@media(max-width: 500px) {
.awards-table { font-size:12px; }
}

@media(max-width: 450px) {
.awards-table { font-size:8px; }
}

:root {
	--primary: url('siteimages/bg.jpg');
	--dark: #333;
	--light: #fff;
	--shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
	--accents: darkred;
	--bodycolor: #990100;
}

/* ~~ Cross Sell ~~*/
div.csproducts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: center;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 0;
margin: 0
}

.cstitle {
width: 100%;
float: left; /* OR FLOAT: NONE */
margin-top:0;
margin-bottom:0px;
text-align:center;
color:white;
font-size:30px;
}

div.csprodsku {display:none}

@media(max-width: 1400px) {
.cstitle {font-size:20px!important;}
}

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

div.csproduct{
width:250px; /*31%*/
float:left;
padding:10px;
text-align:center;
min-height:250px;
background: white;
box-shadow: var(--shadow);
margin:10px;
border-radius: 15px;  
}

@media(max-width: 620px) {
div.csproduct {width:93%!important;}
}

@media(max-width: 480px) {
div.csproduct {width:88%!important;}
}

div.csproduct p {font-size:inherit}

.csprodname {
font-size: 18px;
font-family : Arial;
font-weight:bold;
margin-top:10px;
}

.csprodimage {
font-size: 10px;
font-family : Arial;
max-height:147px;
}

.csimagenavigator { display:none; }
}

/* Mini Cart */
div.minicartoneline{
background:black;
}
div.minicartoneline1{
padding:2px;
font: normal 14px Arial, sans-serif;
font-weight:bold;
float:left;
color:white;
margin-left:5px;
background:black!important;
}
div.minicartoneline2{
padding:2px;
font: normal 14px Arial, sans-serif;
font-weight:bold;
float:left;
color:white;
background:black!important;
}
div.minicartoneline3{
padding:2px;
font: normal 14px Arial, sans-serif;
font-weight:bold;
color:white;
background:black!important;
}
div.minicartoneline3 a {
color:yellow;
}
div.minicartoneline3 a:hover {
color:red;
}
/*-----------------------------------*/

.searchBox { float: right; margin: 15px 0 0 20px; max-width: 300px;}

html {
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
	color: var(--dark);
	scroll-behavior: smooth;
}

body {
	background: var(--bodycolor);
	margin: 10px;
	line-height:1.4;
	font-size:100%;
/*
	overflow-x:hidden; 
*/
}

.btn {
	background: var(--accents);
	color: var(--light);
	padding: 0.6rem 1.3rem; /* first num is top/bottom, second is left/right */
	text-decoration: none;
	border: 0;
	border:1px black solid;
	border-radius:10px;
}

.btn:hover {
	background: var(--primary);
	color: var(--dark);	
}

h1{
	font-size: 30px;
	font-weight: bold;
	background-color: transparent;
	color: var(--accents);
	margin:4px 0px 10px 0px; 
}

h2{
	font-size: 24px;
	font-weight: bold;
	background-color: transparent;
	color: var(--accents);
	margin:4px 0px 0px 0px; 
}

h3{
	font-size: 20px;
	font-weight: bold;
	background-color: transparent;
	color: var(--accents);
	margin:4px 0px 0px 0px; 
}

h4{
	font-size: 18px;
	font-weight: bold;
	padding-bottom:0px;
	background-color: transparent;
	color: var(--accents);
	margin:4px 0px 0px 0px; 
}

p { text-align: left; font-size:18px; }
ul { font-size: 18px; }
ol { font-size: 18px; }

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

.wrapper {
	display:grid;
	grid-gap: 20px;
}

a {	color:blue; }
a:hover { color:red; }

.pagesummary {
	margin:5px auto 5px auto; font-size:12px; line-height:1.2; text-align: center; color: white; max-width:980px;
}

/* HEADER */
.pageheader {
	display:grid;
	grid-template-columns: 0.5fr 2.5fr 3fr;
	align-items:center;
}

.pageheader p { text-align: right; }

@media(max-width: 700px) {
.pageheader p { text-align: center; }
}


.logo {
	font-size:2rem;
	grid-row-gap:20px;
}

.headercontent {
	font-size:20px;
	text-align:right;
	font-weight:bold;
	grid-row-gap:20px;
	color:white;
}

.headercontent a {
	color:white;
	text-decoration:none;
}

.headercontent p {
	text-align:right
}

/*NAV STYLES*/
#cssmenu {
  width: auto;
  font-family: Arial, sans-serif;
  line-height: 1;
  background: transparent;
  float:left;
}

nav p { text-align: left; font-size:14px; }
 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0;
  padding: 0;
  background-color: transparent;
  position:relative;
  z-index:100;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

@media(max-width: 768px) {
	nav ul { background-color:black; }
}

nav ul li {
  margin: 0 2px 0 2px;
  display: inline-block;
  float: left;
  background-color:transparent;
}

nav a {
display: block;
padding: 0 20px;
color: black;
font-size: 16px;
line-height: 48px;
text-decoration: none;
font-family: Arial, sans-serif;
background-color:#F8E6CE;
border:1px black solid;
border-radius:10px;
}

li.dd, span.dd a{background:var(--bodycolor);color:white;}

li.dd a:hover{background-color:white;color:black;}

li.dd a{line-height: 1.4; padding:12px 10px 12px 30px; background-color:#F8E6CE; }

nav ul li ul li:hover { background-color:var(--bodycolor); color:black; }

nav a:hover { background-color:#eeefef; color:black; }

nav ul ul {
  display: none;
  position: absolute;
  top: 52px;
}

nav ul li.dd {margin:0; border:medium var(--bodycolor) solid;}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 250px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

nav li > a:after { content: ' ▼'; }

nav li > a:only-child:after { content: ''; }

/* ~~ category menu ~~ */
	
ul.ectmenu1 {
list-style: none;
border:0px solid;
font-size:16px;
margin-top:2px;
background-color: transparent;
position: relative; z-index:1;
}

li.ectmenu1 {
/* border: 1px solid #000000;
padding:0px;
margin-top:2px; */
background-color: transparent; /* #CC0000 is the original red color */
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-radius:0px;
}

/* sub-menu position */
ul li.ectmenu1 a{
margin-left:-40px;
}


li.ectmenuhassub1 a{
display:block;
padding:2px;
}

/* menu position */
ul li.ectmenuhassub1 a{
margin-left:-40px;
padding:10px;
}

li.ectmenuhassub1 a:hover{
display:block;
padding:2px;
background-color: #EEEFEF;
color:var(--accents);
text-decoration: underline;
padding:10px;
}

/* This is the button */
li.ectmenu1 a{
display:block;
border:3px #F8E6CE solid;
border-radius:10px;
text-decoration: none;
line-height:13pt;
margin: 0px 2px 0px 2px;
background-color: var(--accents);
color:white;
padding:10px;
}

/* This is the button roll over */
li.ectmenu1 a:hover{
background-color: #EEEFEF;
color:black;
border-radius:10px;
text-decoration: none;
}

/* Media Queries For Nav
--------------------------------------------- */

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

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background-color: #F8E6CE;
  padding: 0 20px;
  color: black;
  font-size: 16px;
  line-height: 50px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: white; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: white }

nav a:hover { background-color: white; color:black }

nav ul li ul li .toggle,
 nav ul ul a { background-color: white; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

label.toggledd{
background-color:#727201 !important;
}

span.toggledd a{
display:none !important;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

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

nav ul li {
  display: block;
  width: 94%;
}

}

/************************************************************************************
NAV
*************************************************************************************/

.menu li {
	margin-top:2px;
	margin-bottom:2px;
}

nav-main {
	margin-left:0px;
	font-family: Arial, sans-serif;
}

#nav-wrap {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin-left: -20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#nav li {
	list-style: none;
	float: none;
	margin-right: 5px;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

/* nav link */
#nav a {
	padding: 2px 15px;
	display: block;
	color: white;
	background-color: var(--accents);
	text-decoration:none;
	border: 1px solid black;
	border-radius:10px;
}

#nav a:hover {
	background-color: #eeefef;
	color: black;
}

/* nav dropdown */
#nav ul {
	background-color: var(--accents);
	padding: 0px;
	position: absolute;
	border: solid 0px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
	margin-left:0px;
	color:white;
}

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/* MINI MAIL SIGNUP FORM */
div.minimailsignup{
border:dotted 1px #e69d01;
background-color:var(--primary);
margin:4px auto;
width:110px;
padding:4px;
color:black;
}
label.minimailsignup{
display:block;
font-weight:bold;
width:70px;
padding-top:2px;
float:left;
font-size:12px;
}
input.minimailsignup{
font-size:12px;
padding:2px 2px;
border:solid 1px #999;
width:100px;
margin:2px;
}
input.minimailsubmit{
margin:6px;
}

/* RECENTLY VIEWED */
div.recentviewheader{
width:100%;
float:left;
border-bottom:1px solid #ccc;
padding-bottom:6px;
font-weight:bold;
padding:0 2px;
background:white;
}

div.recentviewline{
width:100%;
float:left;
border-bottom:1px solid #ccc;
padding:6px 2px;
background:white;
}

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

img.recentviewimage{
max-width:70px;
max-height:105px;
float:left;
}

div.recentviewname{
width:48%;
float:left;
font-size:12px;
margin-top:8px;
}

/* The category page 
-------------------------------------*/
div.categories {
clear:both;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: start;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 0;
margin: 0
}

div.category {
	background: var(--primary);
	padding: 10px!important;
	margin:2px!important;
	box-shadow: var(--shadow);
	flex-basis:30%;
	border-radius: 12px;
	background:white;
}

@media(max-width: 1500px) {
	div.category{ flex-basis:45%; }
}

@media(max-width: 800px) {
	div.category{ flex-basis:90%; }
}

div.catnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:1em;
	background-color:#eee;
	border-bottom: 1px solid var(--accents);
	margin-bottom:2px;
}

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

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

div.catimage{
	width:95px;
	float:right;
	margin-left:3px;
	margin-right:3px;
}

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

div.catdesc p{
	font-size:16px;
	line-height:20px;
}

div.catname{
	padding-left:4px;
    font-size:18px;
    font-weight:bold;
}

div.catdiscounts, div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color:#DA6B1D;
	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;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
 	font-size:14px; 	
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.products {
clear:both;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: start;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 0;
margin: 0
}

div.product {
	padding: .5rem;
	flex-basis:30%;
    margin:5px;
}

@media(max-width: 1500px) {
	div.product { flex-basis:45%; }
}

@media(max-width: 800px) {
	div.product { flex-basis:90%; }
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:left;
	width:97%;
	font-size:0.9em;
	background-color:#eee;
	border-bottom: 1px solid var(--accents);
	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:black;
	padding:6px;
}

div.prodsku{
	color:black;
	padding:6px;
}

div.prodimage{
	padding: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
	border-radius: 12px;
}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #7A9024;
  box-shadow: 5px 5px 2px #ccc;
}

img.prodimage{
	max-height:147px;
/*	max-width:222px; */
	vertical-align: middle;
}

img.giantimage {
	max-height:100%;
	max-width:100%;
	vertical-align: middle;
}

div.prodname{
	padding-top:6px;
	font-size: 18px;
	font-weight:bold;
	margin-bottom:8px;
}

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

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

div.prodinstock{
	padding:4px;
	color:black;
}

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

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

div.quantitydiv{
	float:right;
}

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

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

.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 {
	color:black;
	padding:6px;
	font-size: 0.9em;
}

div.multioptiontext{
	width:30%;
}

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

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

div.detailimage{
	width:96%;
	padding:10px;
	/* float:left; */
	float:none;
	clear:both;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#ccc;
	width:74%;
	font-size: 1em;
	/* float:left; */
	float:none;
	margin-left:10px;
}

.detailname h1 {
	padding:6px;
	/* float:right; */
	float:none;
	width:66%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

span.detaildiscountsapply{
	width:70%;
	margin-left:36px;
}

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

div.detailsku{
	float:left;
	width:100%;
	margin:10px;
	clear:both;
}

div.detailinstock{
	float:right;
	width:76%;
}

div.detaildescription{
	font-size: 18px;
	margin:5px;
	padding-top:4px;
	line-height:1.8em;
	/* float:right; */
	float:none;
	/*width:66%;*/
	width:95%;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:96%;
	color:#333;
	margin-left:0px; /* 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.9em;
	float:left;
	width:98%;
	color:black;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	width:100%;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:100%;
	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:100%;
	float:left;
	clear:both;
}

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

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:16px;
	border-top:1px solid #ccc;
}

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

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

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

div.detailquantity{
	float:none; /* right */
	width:170px;
}

div.detailquantitytext{
	margin-top:2px;
	margin-right:15px;
	float:left;
	width:30%;
	text-align:right;
}

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

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

div.detailaddtocart,.detailoutofstock{
	float:none; /* right */
	width:100%; /* 48%  */
	text-align:left;
	padding-bottom:20px;
	margin-top: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:90%;
	font-size:0.9em;
}

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

/* This is the first breakpoint and is for screen sizes between 800 and 780 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: 780px) /* max-width: 800px */ { 
/*
.searchBox {margin: 15px 15px 0 20px;}
 */
}

/* This is the second breakpoint and is for screen sizes between 780 and 640 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 only screen and (max-width: 950px) {

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:44px;
}
        
div.detailimage{
	width:96%;
}

div.detailoptions{
	width:90%;
}

 div.detailmultioptiontext{
	width:45%;
}

}

/* This is the third breakpoint and is for screen sizes between 640 and 500 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: 640px) { 

}

/* This is the fourth breakpoint and is for screen sizes between 500 and 360 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: 500px) { 
.menu_right2 .searchBox { float: right; margin: 15px 0 0 0px; position: relative; width: 160px;}

.product_listing li {float:none; margin: 0 0 20px; width: 100%; padding:0 15px; 
box-sizing: border-box;         /* Opera/IE 8+ */ }
.product_listing li .product_img_box { text-align:center;}
.product_listing li .product_img_box a img { max-width: 100%;  width: auto;}
.product_listing h2{text-align:center;}

div.item{ width: 100%; text-align:center;}

div.prodnavigation{
	width:95%;
}

div.detailimage{
	width:95%;
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}

 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}


}


/* This is the fifth breakpoint and is for screen sizes between 360 and below. 
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: 360px) { 

}

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

}


/* TOP CONTAINER */
.top-container {
	display:grid;
	grid-gap:20px;
	grid-template-columns: 1fr 1fr;
	background: var(--primary);
	box-shadow: var(--shadow);
	padding:3rem;
	border-radius: 12px;
	align-items:center;
}

.top-container-inner {
	display:grid;
	grid-gap:20px;
	grid-template-columns: .75fr 1.25fr;
	background: var(--primary);
	box-shadow: var(--shadow);
	padding:1rem;
	border-radius: 12px;
	align-items:start;
}

/* BOXES */
.boxes {
	display:flex;  
    flex-wrap:wrap;
    justify-content:center;
}

.box {
	background: var(--primary);
	text-align:center;
	padding: 1.5rem 2rem;
	box-shadow: var(--shadow);
	flex-basis:20%;
    margin:5px;
	border-radius: 12px;
}

.box p {
	text-align:left;
}

@media screen and (max-width: 1400px) {
.box h2 { font-size: 20px; }
}

@media screen and (min-width: 1400px) {
.box h2 { font-size: 30px; }
}

@media(max-width: 1580px) {
.box { flex-basis:40%; }
}

@media(max-width: 1000px) {
.box { flex-basis:39%; }
}

@media(max-width: 710px) {
.box { flex-basis:100%; }
}

.awardsbox {
	background: var(--primary);
	text-align:center;
	padding: 1.5rem 2rem;
	box-shadow: var(--shadow);
	flex-basis:40%;
    margin:5px;
	border-radius: 12px;
}

.awardsbox p {
	text-align:left;
}

@media screen and (max-width: 1400px) {
.awardsbox h2 { font-size: 20px; }
}

@media screen and (min-width: 1400px) {
.awardsbox h2 { font-size: 30px; }
}

@media(max-width: 1580px) {
.awardsbox { flex-basis:40%; }
}

@media(max-width: 1000px) {
.awardsbox { flex-basis:40%; }
}

@media(max-width: 710px) {
.awardsbox { flex-basis:100%; }
}

.categorybox {
	background: var(--primary);
	text-align:center;
	padding-bottom: 15px;
	/*box-shadow: var(--shadow);*/
	flex-basis:40%;
    margin:0;
}

.categorybox p {
	text-align:left;
}
.categorybox ul {
	text-align:left; margin:0;
}
.categorybox ol {
	text-align:left; margin:0;
}

@media screen and (max-width: 1400px) {
.categorybox h2 { font-size: 20px; }
}

@media screen and (min-width: 1400px) {
.categorybox h2 { font-size: 30px; }
}

@media(max-width: 1580px) {
.categorybox { flex-basis:40%; }
}

@media(max-width: 1000px) {
.categorybox { flex-basis:29%; }
}

@media(max-width: 710px) {
.categorybox { flex-basis:100%; }
}


/* INFO */
.info {
	background: var(--primary);
	box-shadow: var(--shadow);
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(2, 1fr);
	padding:3rem;
	border-radius: 12px;
}

/* PORTFOLIO */
.portfolio {
	display:grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.portfolio img {
	width:100%;
	box-shadow: var(--shadow);
}

/* FOOTER */
.footer {
	display:grid;
	width:100%;
	grid-gap: 20px;
	grid-template-columns:.75fr 1.5fr .75fr;
	padding-top:1rem;
	padding-bottom:1rem;
	justify-items:center;
	align-items:center;
	background-color:black;
	color: var(--light);
	line-height: 2.5em;
	grid-template-areas: "links nap social";
}

@media screen and (max-width: 1400px) {
	.footer { 
	grid-template-columns:1fr 1fr 1fr;
	grid-template-areas:
	"links links links"
	"social social social"
	"nap nap nap";
	 }
}

.links { grid-area: links; }
.nap { grid-area: nap; }
.social { grid-area: social; line-height:1; }

footer a {
	color:yellow;
}

footer a:hover {
	color:red;
}

.widetable {
	background: var(--primary);
	box-shadow: var(--shadow);
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr;
	padding:1rem 3rem 1rem 3rem;
	border-radius: 12px;
}

@media(max-width: 700px) {
.widetable {
	background: var(--primary);
	box-shadow: var(--shadow);
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr;
	padding:1rem 0 1rem 0;
	border-radius: 12px;
}

.widetabletext { padding:1rem; }
}

/* INNERPAGES */
.innerpage {
	background: var(--primary);
	box-shadow: var(--shadow);
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr;
	padding:1rem 3rem 1rem 3rem;
	border-radius: 12px;
}

/* CARTPAGES */
.cartpages {
	background: var(--primary);
	box-shadow: var(--shadow);
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 20% 78%;
	padding:1rem;
	border-radius: 12px;
}

/* CONTACT PAGE */
.contactpage {
	background: var(--primary);
	box-shadow: var(--shadow);
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
	padding:1rem;
	justify-items:center;
	align-items:center;
	border-radius: 12px;
}


/* MEDIA QUERIES */

@media(max-width: 1000px) {
	.contactpage { grid-template-columns:1fr; }
	.top-container { grid-template-columns: 1fr; }
	.top-container-inner { grid-template-columns: 1fr; }
}

@media(min-width: 768px) {
	.mobile-menu { display:none; }
}

@media(max-width: 700px) {
	.showcase h1 { font-size:2.5rem; }
	.main-nav ul { grid-template-columns:1fr; }
	.info { grid-template-columns:1fr; }
	.pageheader { grid-template-columns:1fr; }
	.logo p { text-align:center; }
	.headercontent {
		font-size:20px;
		text-align:center;
	}
	.headercontent p{
		text-align:center;
	}

	.info .btn {
		display:block;
		text-align:center;
		margin: auto;
	}
	
	.cartpages { grid-template-columns: 100%; }
	.category-menu { display:none; }
	span {font-size: 100%!important;}
}

@media(max-width: 650px) {

}

@media(max-width: 568px) {
	.headercontent a { color: yellow;	text-decoration:underline; }
	.top-container { padding:2rem; }
	.info { padding:2rem; }
	.innerpage { padding:2rem; }
}

@media(max-width: 500px) {
div.minicartoneline1{ font: normal 12px Arial, sans-serif; }
div.minicartoneline2{ font: normal 12px Arial, sans-serif; }
div.minicartoneline3{ font: normal 12px Arial, sans-serif; }
}

@media screen and (min-width: 1400px) {
h1 { font-size: 40px; }
h2 { font-size: 34px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
p { font-size: 24px; }
ul { font-size: 24px; }
ol { font-size: 24px; }
}

@media screen and (max-width: 780px) {
	.img-justification-right2 { text-align: center }
	.img-justification-left2 { text-align: center }
	div.img-justification-right2 { float: none; margin-left: auto; margin-right: auto; }
	div.img-justification-left2 { float: none; margin-left: auto; margin-right: auto; }
}

@media screen and (min-width: 780px) {
	.img-justification-right2 { float:right; margin-left:5px; margin-right:5px; }
	.img-justification-left2 { float:left; margin-left:5px; margin-right:5px; }
	div.img-justification-right2 { float:right; margin-left:5px; margin-right:5px; }
	div.img-justification-left2 { float:left; margin-left:5px; margin-right:5px; }
}

@media screen and (max-width: 680px) {
	.img-justification-right { text-align: center }
	.img-justification-left { text-align: center }
	div.img-justification-right { float: none; margin-left: auto; margin-right: auto; }
	div.img-justification-left { float: none; margin-left: auto; margin-right: auto; }
}

@media screen and (min-width: 680px) {
	.img-justification-right { float:right; margin-left:5px; margin-right:5px; }
	.img-justification-left { float:left; margin-left:5px; margin-right:5px; }
	div.img-justification-right { float:right; margin-left:5px; margin-right:5px; }
	div.img-justification-left { float:left; margin-left:5px; margin-right:5px; }
}

/*SLIDESHOW*/
.mySlides {display:none;}
.w3-content{max-width:980px;margin:auto}
.w3-rest{overflow:hidden}
.w3-layout-container{display:table;width:100%}.w3-layout-row{display:table-row}.w3-layout-cell,.w3-layout-col{display:table-cell}
.w3-layout-top{vertical-align:top}.w3-layout-middle{vertical-align:middle}.w3-layout-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-animate-fading{animation:fading 6s infinite}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

/*
* This code is copyright (c) ViciSoft SL, all rights reserved.
* The contents of this file are protected under law as the intellectual property
* of ViciSoft SL. Any use, reproduction, disclosure or copying
* of any kind without the express and written permission of ViciSoft SL is forbidden.
* Author: Vince Reid, vincereid@gmail.com
*
* STYLE SHEET FOR THE ECT SHOPPING CART
*
* Last Modified: 2023-08-15
*/

div.cartoptionsline div.cartoptionoutstock{
display:none;
}

form{
margin:0;
padding:0;
}
a.ectlink:visited,a.ectlink:link{
text-decoration:none;
}
.ectclearfix::after{
content:"";
clear:both;
display:table;
}
input[type].cdform1fixw,input[type].cdform2fixw,input[type].cdform3fixw,
select.cdform1fixw,select.cdform2fixw,select.cdform3fixw{
width:280px;
box-sizing:border-box;
}
.nofixw{
box-sizing:border-box;
padding:6px;
}
div.flexvertalign{
display:flex;
justify-content:flex-start;
align-items:center;
}
div.cart1details,div.cart2details,div.cart3details{
font-family:sans-serif;
line-height:normal;
}
div.editaddressbuttons{
display:inline-block;
padding:4px 0;
}
input[type].cdformsmfixw,div.cdformsmfixw{
width:138px;
box-sizing:border-box;
}
input.cdformcoupon{
width:218px;
}
span.extraimgnumof::before, span.giantimgback::before{
content:"(";
}
span.extraimgnumof::after, span.giantimgback::after{
content:")";
}
span.extracommentsdots::before{
content:" \2026\a0[";
}
span.extracommentsdots::after{
content:"]";
}
div.opttooltip{
font-size:24px;
vertical-align:middle;
margin-left:6px;
position:relative;
display:inline;
color:#333;
}
div.opttooltip::after{
content:"\24D8";
color:#333;
}
div.tooltipcontent{
display:none;
font-size:15px;
border:1px solid gray;
background:#FFF;
position:absolute;
z-index:100;
min-width:200px;
padding:6px;
border-radius:5px;
color:#333;
font-weight:normal;
}
div.tooltipright{
right:-20px;
top:-20px;
}
img.giantthumb{
cursor:pointer;
}
img.giantimage{
max-width:100%;
max-height:91.5vh;
margin:0px;
box-shadow:5px 5px 2px #999;
}
input.ectbutton,button.ectbutton{
background:#006ABA;
}
input[type=button].ectbutton, input[type=submit].ectbutton, button.ectbutton{
color:#FFF;
padding:6px 12px;
border:0;
border-radius:4px;
font-family:FontAwesome,sans-serif;
cursor:pointer;
font-weight:normal;
-webkit-appearance:none;
line-height:normal;
font-size:14px;
}
input[type=button].ectbutton:hover, input[type=submit].ectbutton:hover, button.ectbutton:hover{
background:#DDD;
color:#000;
}
input[type=button].ectbutton:disabled, input[type=submit].ectbutton:disabled, button.ectbutton:disabled{
background:#DDD;
color:#000;
cursor:default;
text-shadow:none;
}
div.largereviewstars svg.icon,div.smallreviewstars svg.icon{
display:inline-block;
fill:#006ABA;
}
div.largereviewstars svg.icon{
width:24px;
height:24px;
}
div.smallreviewstars svg.icon{
width:14px;
height:14px;
}
div.clickreview{
margin:16px 0;
text-align:center;
}
button.clickreview{
width:300px;
max-width:100%;
}
span.reviewheader{
vertical-align:text-bottom;
padding-left:5px;
font-weight:bold;
}
span.reviewer{
font-weight:bold;
}
div.reviewname,div.reviewcomments,div.reviews{
margin-top:16px;
}
div.reviews{
clear:both;
}
div.noreview{
margin:30px 0;
}
video.prodimage,video.csprodimage,video.detailimage,video.giantimage{
height:auto;
max-width:100%;
}
div.giantthumb{
margin:10px 12px 10px 10px;
}
img.giantthumb,video.giantthumb{
width:100%;
box-shadow:5px 5px 2px #999;
}
div.giantthumbcontainer{
padding:0px 10px 10px 10px;
width:200px;
}
/*Tabs*/
div.reltabproduct{
clear:both;
}
div.reltabimage{
float:left;
width:20%;
padding:10px;
clear:left;
text-align:center;
box-sizing:border-box;
}
img.reltabimage{
max-width:100%;
height:auto;
}
div.reltabname,div.reltabdescription{
margin:5px 2%;
float:right;
width:76%;
box-sizing:border-box;
}
div.reltabname{
font-weight:bold;
}
div.reltabproduct::after{
content:"";
clear:both;
display:table;
}
div.reltabproduct{
padding-bottom:15px;
}
div.reltab > div.reltabproduct:not(:last-child){
border-bottom:1px solid gray;
margin-bottom:15px;
}
div.ecthreview{
padding-bottom:15px;
}
div.reviewscontainer > div.ecthreview:not(:last-child){
border-bottom:1px solid gray;
margin-bottom:15px;
}
div.prodrating a{
vertical-align:middle;
}
div.TabbedPanelsContentGroup{
background-color:#FFF;
border:1px solid gray;
}
ul.TabbedPanelsTabGroup > li.TabbedPanelsTab{
font-family:FontAwesome,sans-serif;
background-color:#FFF;
font-size:0.9em;
padding:6px 12px;
border:1px solid gray;
border-radius:5px 5px 0 0;
list-style:none;
}
ul.TabbedPanelsTabGroup > li.TabbedPanelsTabSelected{
border-bottom:1px solid #FFF;
}
div.tabpanelcontent{
padding:15px;
}
div.tabpanelcontent::after{
content:"";
clear:both;
display:table;
}
div.autosearch{
min-width:280px;
border:1px solid gray;
background-color:white;
z-index:10000;
text-align:left
}
div.autosearch > div{
padding:5px;
cursor:pointer;
}
div.autosearch > div:hover{
background-color:lightgray;
}
div.autosearch > div.autosearchselected{
background-color:lightgray;
}
div.rcoption{
margin-bottom:5px;
}
div.rcoptioninline{
display:inline-block;
}
div.multioptiontext{
display:inline-block;
width:50%;
}
input.prodoption{
border:1px solid gray;
padding:2px;
}
div.option input[type=radio], div.option input[type=checkbox]{
vertical-align:middle;
}
input.ecttextinput[type=number]{
-moz-appearance:textfield;
}
div.optiontext{
padding:2px 6px 2px 0;
min-width:120px;
font-weight:bold;
color:#555;
}
div.multioptiontext > input.ecttextinput{
width:36px;
}
div.multioptiontext > input.oostock{
background-color:#EBEBE4;
}
option.oostock,label.oostock{
color:#F00;
}
input.cpncart1{
font-size:11px;
width:140px;
}
div.ectbreadcrumb{
display:inline-block;
margin-left:5px;
}
select.breadcrumbcats{
max-width:200px;
text-overflow:ellipsis;
}
div.imagenavigator{
margin-top:2px;
white-space:nowrap;
overflow:hidden;
}
div.imagenavigator img{
margin:0 4px 3px 4px;
vertical-align:middle;
}
div.imagenavigator input.previmg{
margin:0 2px 0 0;
}
div.imagenavigator input.nextimg{
margin:0 0 0 2px;
}
div.prodimagenavigator{
font-size:0.7em;
}
div.prodimagenavigator > .previmg, div.prodimagenavigator > .nextimg{
font-size:0.8em;
padding:4px;
margin:0 3px;
}
div.origprice{
color:#999999;
font-weight:bold;
}
span.liststrike{
text-decoration:line-through;
}
select.sidefilter{
min-width:150px;
padding:6px;
}
div.ectpat{
padding:4px 0px;
cursor:pointer;
}
div.ectpatgrp{
border-bottom:1px solid gray;
margin:12px 0px;
padding:6px;
}
div.ectpattitle{
margin-bottom:6px;
font-size:1.2em;
}
div.ectpatcb{
margin:3px 0px;
}
input[type].sidefilter,button.sidefilter{
padding:6px;
}
button.removefilter{
text-decoration:line-through;
margin-bottom:4px;
}
input.sfprice{
border:1px solid gray;
outline:none;
padding:6px;
box-shadow:inset 0px 11px 8px -10px #AAA, inset 0px -11px 8px -10px #AAA;
border-radius:3px;
width:70px;
text-align:right;
box-sizing:border-box;
}
div.sfpriceinputs input{
	height:35px;
	text-align:center;
	width:100%;
}
div.sfpriceinputs > div{
	padding:2px;
}
div.sfpriceinputs{
	display:flex;
	margin-bottom:15px;
}
.sfslidercontainer{
	width:100%;
	height:6px;
	position:relative;
	background-color:lightgrey;
	border-radius:5px;
}
.sfslidercontainer div{
	height:100%;
	left:0;
	right:0;
	position:absolute;
	border-radius:5px;
	background:#006aba;
}
.sfrangesliders {
	position:relative;
}
.sfrangesliders input{
	position:absolute;
	width:100%;
	height:5px;
	background:none;
	top:-5px;
	cursor:pointer;
	appearance:none;
	margin:0;
	border-radius:15px;

}
input[type=range]::-webkit-slider-thumb {
	height:15px;
	width:15px;
	border-radius:15px;
	background:#FFF;
	border:1px solid grey;
	pointer-events:auto;
	appearance:none;
}
div.zeroatt{
color:#AAA;
}
div.zeroatt input{
opacity:0.50;
}
div.grpMoreDiv{
text-align:center;
padding:5px;
}
ul.ectverticalmenu2 > li,ul.ectverticalmenu3 > li{
margin-bottom:-1px;
}
ul.ectverticalmenu3 > li, ul.ectsubverticalmenu3 > li{
border:1px solid gray;
min-width:180px;
min-height:34px;
margin-bottom:-1px;
background-color:#FFF;
}
ul.ectverticalmenu2 > li.ectsub{
display:none;
}
li.ectraq1 > a::before{
content:"\00BB\00A0";
}
li.ectraq2 > a::before{
content:"\00BB\00A0\00BB\00A0";
}
li.ectraq3 > a::before{
content:"\00BB\00A0\00BB\00A0\00BB\00A0";
}
li.ectraq4 > a::before{
content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0";
}
li.ectraq5 > a::before{
content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0";
}
li.ectraq6 > a::before{
content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0";
}
li.ectraq7 > a::before{
content:"\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0\00BB\00A0";
}
ul.ectverticalmenu3 > li > a, ul.ectsubverticalmenu3  > li > a{
display:inline-block;
vertical-align:text-top;
width:100%
}
li.ectselected{
font-weight:bold;
}
div.ectpacount{
float:right;
}
div.termsandconds{
margin:20px auto 0 auto;
width:800px;
max-width:90%;
overflow-y:auto;
max-height:98%;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
background-color:#FFF;
}
div.ectdivcontainer{
overflow:auto;
display:table;
width:98%;
margin:14px auto;
}
div.amazonpaybuttontext{
margin-bottom:5px;
}
div.amazonlogout1{
clear:both;
}
div.checkoutbutton1{
margin:6px;
}
div.eachcatdiscountsapply,div.eachproddiscountsapply,div.discountsapply,span.detaildiscountsapply{
color:#DF1A1A;
}
div.discountsapply{
padding:4px 0px 0px 0px;
}
div.catdiscounts,div.proddiscounts,div.prodnoapplydiscounts{
color:#DA6A1E;
padding:0px 0px 4px 0px;
}
div.proddiscountexempt,div.freeshippingexempt{
font-size:0.8em;
}
span.inctax{
font-size:0.8em;
}
div.prodimage{
text-align:center;
}
/* Social Media Buttons */
div.socialmediabuttons{
text-align:center;
}
div.socialmediabuttons > div{
display:inline-block;
padding-right:5px;
vertical-align:top;
float:none;
}
div.socialmediabutton{
display:inline-block;
padding:6px;
}
div.socialmediabutton > *{
vertical-align:top !important;
}
input.lgaskaquestion, input.lgemailfriend{
height:28px;
margin:0;
}
input[type=button].smaskaquestion, input[type=button].smemailfriend{
height:21px;
margin:0;
font-size:12px;
line-height:10px;
}
div.smlinkedininner{
background-color:#0073B1;
}
div.smlinkedininner{
height:20px;
padding:4px;
border-radius:4px;
display:inline-flex;
box-sizing:content-box;
}
/* Mini Widget Defaults */
div.minicart{
padding:3px;
}
div.minicartcnt{
padding:3px;
background-color:#FFF;
}
div.minicartoneline{
display:inline-flex;
align-items:center;
}
div.minicartoneline > div{
padding:3px;
}
/* Image Upload */
input.ectfileinput{
border-radius:4px;
border:1px solid gray;
padding:20px;
}
div.imageuploadtable{
display:table;
width:50%;
margin:auto
}
div.receiptheadrow,div.downloadheadrow,div.imageuploadrow{
display:table-row;
font-weight:bold;
height:42px;
}
div.imageuploadbutton{
text-align:center;
margin:10px 0;
}
div.imageupload{
padding:20px;
text-align:center;
}
div.imageuploadprogress{
padding:20px;
text-align:center;
margin:0 10% 0 10%;
box-sizing:border-box;
width:80%;
display:inline-block;
max-width:750px;
min-width:275px;
}
div.imageuploadfile{
text-align:center;
border:dotted;
border-radius:10px;
padding:5% 5%;
margin-bottom:1rem;
}
div.imageuploadfile.hoverwithfile{
border:solid;
background-color:#BEB;
}
div.uploadedimagestable{
display:table;
margin:auto;
max-width:500px;
width:90%;
}
div.uploadedimagesrow{
display:table-row;
}
div.uploadedimagesrow > div{
display:table-cell;
}
div.uploadedimagesrow > div:nth-of-type(3){
text-align:center;
}
div.imageuploadhead{
color:#333
}
/* Receipt Page */
div.thankspageimg{
text-align:center;
display:inline-block;
}
img.thankspageimg{
max-width:75px;
}
div.receiptlist,div.downloadlist{
display:table;
width:100%;
}
div.receiptlistrow,div.downloadlistrow{
display:table-row;
}
div.receiptheadrow > div,div.downloadheadrow > div,div.receiptlistrow > div,div.downloadlistrow > div,div.imageuploadrow > div{
display:table-cell;
vertical-align:middle;
padding:3px;
}
div.receiptitemrow > div,div.downloadlistrow > div{
height:38px;
border-top:1px solid gray;
padding-top:10px;
}
div.receiptoptionrow > div{
height:32px;
}
div.receiptoption{
font-size:0.82em;
}
div.receipttotalstable{
display:inline-table;
width:50%;
max-width:350px;
border-top:1px solid gray;
margin:4px;
padding:6px 4px;
}
div.receipttotalsrow{
display:table-row;
}
div.receipttotalsrow > div{
display:table-cell;
padding:2px;
}
div.rectotgrandtotal{
font-weight:bold;
}
div.receipttotalscolumn{
text-align:right;
margin-top:20px;
}
div.receiptcontainer{
padding:4px 2px;
}
div.receiptleft,div.receiptright{
display:inline-block;
padding:2px;
box-sizing:border-box;
vertical-align:top;
}
div.receiptleft{
width:40%;
text-align:right;
}
div.receiptright{
width:60%;
text-align:left;
}
div.receiptaddress div.receiptcontainer div.receiptleft{
text-align:left;
padding-left:10px;
}
div.receiptleft::after{
content:": ";
}
div.receiptaddress{
width:48.8%;
min-height:100px;
display:inline-block;
vertical-align:top;
}
div.receiptextra,div.receiptdownload,div.receiptaddress{
margin:0.6% 0.6% 0% 0.6%;
padding:6px 4px;
border:1px solid gray;
box-sizing:border-box;
}
div.receiptdownload{
margin-bottom:30px;
}
div.rectotdiscounts div.ectright{
color:#FF0000;
}
div.receiptoptgroup{
text-align:right;
}
div.receiptoptgroup::after{
content:": ";
}
div.receiptbuttons{
padding:10px;
text-align:center;
}
div.receiptcontinueshopping,div.receiptprintversion{
padding:10px;
width:50%;
display:inline-block;
box-sizing:border-box;
}
div.receiptcontinueshopping{
text-align:right;
}
div.receiptprintversion{
text-align:left;
}
div.printbody{
background-color:#FFF;
color:#000;
}
div.receipttotalsrow div.ectleft{
text-align:left 	;
}
div.receipttotalsrow div.ectright{
text-align:right;
}
div.receiptnodownloadtext{
margin:15px;
}
div.receiptpackage{
display:table;
font-size:0.9em;
color:#404040;
}
div.receiptpackagerow{
display:table-row;
}
div.receiptpackagerow > div{
display:table-cell;
padding:2px;
}
div.receiptpackagerow div.ectleft::before{
content:" > ";
}
div.receiptpackagerow div.ectleft::after{
content:": ";
}
div.receiptsectionhead{
padding:10px 0px;
font-size:1.3em;
font-weight:500;
}
div.receiptaddresses{
overflow:auto;
}
div.latedownloadbuttons{
padding:10px;
}
/* Quantity Inputs */
input[type=text].quantity0input{
max-width:100px;
}
input.quantity1input:focus,input.quantity2input:focus{
outline:none;
}
div.quantitycontainer{
display:flex;
}
div.quantity1div{
border-radius:6px;
width:80px;
border:1px solid gray;
font-size:1.5em;
color:gray;
text-align:left;
height:36px;
}
div.quantity1div > div{
width:35%;
height:50%;
border-radius:3px;
float:right;
border-left:1px solid gray;
clear:right;
font-size:12px;
text-align:center;
cursor:pointer;
margin:0px;
box-sizing:border-box;
}
div.quantity1div > div:nth-child(2){
border-bottom:1px solid gray;
}
div.quantity1div > div:hover{
background-color:grey;
color:#FFF;
}
input[type].quantity1input{
width:65%;
height:100%;
border:none;
float:left;
text-align:center;
margin:0;
padding:0;
border-radius:5px;
}
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;
}
input[type].quantity2input{
text-align:center;
width:34%;
border:none;
margin:0px;
padding:0px;
}
/* Stock Notify */
div.notifyinstock{
background:#FFF;
margin:30vh auto;
width:350px;
max-width:98%;
padding:2px;
border-radius:8px;
box-shadow:5px 5px 2px #666;
overflow:auto;
}
div.cartstockwarning{
text-align:center;
margin:5px 0;
}
div.pricechangedwarning{
border:1px solid gray;
padding:5px;
margin:0 0 6px 0;
}
div.cartstockjustpurchased{
font-size:0.8em;
}
div.cartminquant_cntnr{
text-align:center;
margin:10px 0;
}
/* Soft Cart / Quick Buy */
div.scwrap, div.qbuywrapper, div.iuwrap{
margin:5vh auto 0 auto;
background:#FFF;
width:98%;
max-width:600px;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
overflow:auto;
max-height:90vh;
box-sizing:border-box;
text-align:left;
}
div.scprodsadded{
padding:3px;
border-top:1px solid #567CBB;
clear:both;
}
div.scclose{
padding:3px;
text-align:right;
float:right;
cursor:pointer;
}
div.scclose::after{
content:url(../images/close.gif);
}
div.qbuywrapper div.multioptiontext{
display:inline-block;
width:49%;
text-align:left
}
div.qbopaque, div.iuopaque, div.ectopaque{
overflow-y:auto;
position:fixed;
width:100%;
height:100%;
background-color:rgba(140,140,150,0.5);
top:0px;
left:0px;
z-index:998;
}
div.opaqueinner{
background-color:#FFFFFF;
width:98%;
max-width:1000px;
height:97%;
margin:1% auto;
border-radius:8px;
box-shadow:5px 5px 2px #666;
overflow-x:auto;
padding:20px;
box-sizing:border-box;
}
div.scwrap{
text-align:left;
}
div.sccheckout{
padding:3px;
display:inline-block;
text-align:left;
}
div.scnostock{
padding:3px;
text-align:center;
background-color:#FFCFBF;
border:1px solid #8C0000;
clear:both;
}
div.scimage{
padding:3px;
display:inline-block;
width:160px;
text-align:center;
vertical-align:top;
}
img.scimage{
max-width:150px;
}
div.scproducts{
padding:3px;
display:inline-block;
}
div.scproduct{
padding:3px;
}
div.scprodname{
padding:3px;
text-align:left;
}
div.scprice{
padding:3px;
text-align:left;
clear:left;
background:#f1f1f1;
border-top:1px dotted #567CBB;
font-weight:bold;
color:#666;
}
div.scoptions{
max-width:400px;
}
div.scoption{
padding:3px;
margin-left:10px;
}
div.scoptname,div.scoptvalue{
padding:3px;
display:inline-block;
}
div.scnostock,div.scbackorder{
padding:3px;
text-align:center;
background-color:#FFCFBF;
border:1px solid #8C0000;
}
div.sccartitems{
padding:3px;
text-align:right;
}
div.sccarttotal{
padding:3px;
text-align:right;
background:#f1f1f1;
border-top:1px dotted #567CBB;
font-weight:bold;
color:#666;
}
span.sccartdscnt{
color:#8C0000;
}
div.sclinks{
padding:3px;
text-align:right;
}
div.scerror{
text-align:center;
padding:100px 0;
}
div.qbuywrapper div.prodname{
border-bottom:1px solid gray;
}
div.catnavandcheckout{
display:flex;
justify-content:space-between;
align-items:center;
}
div.prodname,div.prodminquant,div.prodid,div.prodsku,div.proddescription,div.prodprice,div.proddateadded,div.listprice,div.prodoptions,div.detaillink,div.addtocart,div.qbuybutton,div.detailquantity,div.detaildiscounts,div.detailname,
div.detailminquant,div.detailid,div.detailsku,div.detailshortdescription,div.detaildescription,div.detailprice,div.detaildateadded,div.detaillistprice,div.detailoptions,div.previousnext,div.catnavcheckout,div.catnavigation,
div.checkoutbutton,div.socialmediabuttons,div.prodnavigation,div.searchwords,div.detailcustom1,div.detailcustom2,div.detailcustom3,div.prodaddtocartquant,div.detailaddtocartquant,div.optioncontainer,div.multioptiontable{
margin:4px 0;
}
div.categories,
div.products,
div.csproducts{
display:flex;
flex-wrap:wrap;
width:100%;
}
div.product{
min-height:180px;
margin:0.5%;
padding:6px;
box-sizing:border-box;
width:32.3%;
}
div.prodname{
font-size:1.2em;
}
div.prodprice,div.detaillink,div.qbuybutton,div.addtocart,div.notifyinstock{
font-size:1.1em;
}
span.prodpricelabel::after{
content:": ";
}
div.proddateaddedlabel,div.proddateaddeddate,div.detaildateaddedlabel,div.detaildateaddeddate{
display:inline-block;
}
div.proddateaddedlabel::after,div.detaildateaddedlabel::after,span.prodidlabel::after,span.prodinstocklabel::after,span.detailmanufacturerlabel::after,span.prodmanufacturerlabel::after{
content:": ";
}
label.ectlabel{
display:inline-block;
margin:0;
font-weight: normal;
}
div.addtocartquant{
padding:0;
display:flex;
align-items:center;
}
div.addtocartquant div.quantity0div, div.addtocartquant div.quantity1div, div.addtocartquant div.quantity2div{
margin:0 6px 0 0;
}
input[type=text].quantity0input{
margin:0;
min-height:32px;
width:40px;
font-size:1.1em;
}
input[type=text].detailquantity0input{
min-height:38px;
width:50px;
}
button.buybutton, input[type=button].detaillink, button.detaillink, input.qbuybutton, button.qbuybutton, button.outofstock, button.notifystock, button.configbutton{
min-height:32px;
}
button.detailbuybutton,button.detailoutofstock,button.detailnotifystock{
min-height:38px;
min-width:180px;
}
div.addtocartquant > div{
float:none;
}
div.addtocartquant > .addtocart{
flex-grow:1;
}
div.invisibleproduct{
visibility:hidden;
}
/* Category Page */
div.category{
border:1px solid gray;
margin:0.5%;
padding:6px;
width:49%;
display:inline-block;
box-sizing:border-box;
vertical-align:top;
}
/* Soft Cart Related */
#softcartrelated{text-align:left}
div.scrproduct{
min-height:180px;
width:31%;
display:inline-block;
vertical-align:top;
margin:4px;
}
h1.scrheader{
font-size:16px;
color:#333;
margin:4px 8px 20px 8px;
}
div.scrproduct div,div.scuproduct div{text-align:center;padding:4px 0px;margin:0px 2px}
div.scrimage{border:1px solid gray;padding:4px;min-height:116px}
img.scrimage{max-width:100%;height:auto}
div.scrprodname{background:#777;}
div.scrprodname a.ectlink{color:#fff}
div.scrprodname a.ectlink:hover{color:#000}
div.scrproddescription p{margin:0px;text-align:left}
div.scrprodprice{font-weight:bold}
/* Cross Sell */
p.cstitle{
font-weight:bold;
}
/* Quantity Pricing */
div.prodquantpricingwrap{
width:200px;
border:1px solid #999;
overflow:hidden;
margin:10px auto;
}
div.detailquantpricingwrap{
width:300px;
border:1px solid #999;
overflow:hidden;
}
div.prodquantpricing,div.detailquantpricing{
width:100%;
text-align:center;
}
div.prodqpheading,div.detailqpheading{
padding:6px;
background:#999;
color:#fff;
}
div.prodqpheadquant,div.prodqpheadprice,div.prodqpquant,div.prodqpprice,
div.detailqpheadquant,div.detailqpheadprice,div.detailqpquant,div.detailqpprice{
padding:6px;
width:50%;
}
/* Page Bar */
span.pagebarsep::after{
content:" | ";
}
span.pagebarquo{
font-family:Verdana;
font-weight:bold;
}
div.pagenumbers{
text-align:center;
margin:8px 0;
clear:both;
}
/* Calendar */
div.ectcalendar{
box-shadow:0 5px 15px 0 rgba(0,0,0,0.25);
font-family:arial;
font-size:11px;
border:1px solid #a0a0a0;
background-color:#fff;
}
div.ectcaldayno1{
color:#909090;
}
table.ectcalheader{
margin:1px;
padding:2px;
width:99.4%;
color:#fff;
font-weight:bold;
background-color:#222;
}
div.ectcaltodaydate{
background-color:#f0f0f0;
padding:5px;
text-align:center;
}
table.ectcalselector{
font-family:arial;
font-size:11px;
border:1px solid #a0a0a0;
background-color:#F1A42E;
border-collapse:collapse;
min-width:50px;
}
td.ectcalselector{
border:1px solid #222;
padding:3px;
}
div.ectcaldate{
}
div.ectcaldatedisabled{
background-color:#fdd;
pointer-events:none;
cursor:default;
opacity:0.6;
}
div.ectcaltoday{
font-weight:bold;
color:#f00;
border:1px solid #a0a0a0;
}
table.ectcalheader td{
padding:2px;
font-family:arial;
font-size:12px;
}
table.ectcaldates{
font-family:verdana;
font-size:10px;
}
td.ectcaldate{
text-align:right;
padding:6px;
}
/* CART CONTAINER */
div.cartcontentsdiv{
padding:5px;
}
div.cartbackorder{
text-align:center;
font-weight:bold;
padding:8px;
border:1px solid gray;
margin-bottom:10px;
}
div.cartoutstock{
overflow:auto;
font-weight:bold;
margin:6px 0px 6px 0px;
}
div.cartstockacceptlevel{
overflow:auto;
font-weight:bold;
margin:6px 0px 6px 0px;
}
div.cartoptionoutstock{
text-align:center;
text-decoration:line-through;
}
/* TOP ROW */
div.cartdetails_cntnr{
white-space:nowrap;
padding:2px 0;
margin:1px 0;
}
div.cartdetailspric{
text-overflow:ellipsis;
overflow:hidden;
vertical-align:middle;
}
div.cartdetails{
display:inline-block;
}
div.cartdetailsid,div.cartlineid{
width:27%;
text-align:center;
}
div.cartdetailsname,div.cartlinename{
width:75%;
padding-right:3px;
}
div.cartlinename{
font-weight:bold;
}
span.cartlinepricelabel{
display:none;
}
span.cartlinepricelabel::after{
content:": ";
}
div.cartdetailsprice,div.cartlineprice,div.cartoptionprice{
width:25%;
}
div.cartdetailsquant,div.cartlinequant,div.cartoptionoutstock{
width:33%;
text-align:center;
}
div.cartdetailstotal,div.cartlinetotal{
width:33%;
text-align:right;
}
div.cartlinetotal{
font-weight:bold;
}
div.cartdetailscheck,div.cartlinecheck{
font-size:0.8em;
width:34%;
display:inline-block;
white-space:normal;
text-align:center;
vertical-align:middle;
}
/* Cart Product Row */
div.cartline{
padding-bottom:6px;
margin-bottom:6px;
}
div.cartdetailsnameprice,div.cartlinenameprice{
width:49%;
display:inline-block;
}
div.cartdetailsquanttotal,div.cartlinequanttotal{
width:24%;
display:inline-flex;
justify-content:space-between;
align-items:center;
}
div.cartlineid,div.cartlinename,div.cartlineprice,div.cartlinequant,div.cartlinetotal{
display:inline-block;
vertical-align:middle;
box-sizing:border-box;
}
img.cartimage{
max-width:95%;
}
select.prodfilter{
min-width:130px;
}
div.prodfilter,div.prodfiltergrp{
display:inline-block;
}
div.prodfilter,div.prodfiltertext{
padding:4px;
}
input.prodfilter,button.prodfilter{
margin-left:4px;
}
.resetfilters{
margin:20px;
}
div.cartresumecontents,div.custdetailsresume{
margin:20px;
padding:20px;
border:1px solid gray;
border-radius:10px;
}
div.custdetsresumehead,div.cartdetails{
font-weight:bold;
color:#555;
}
div.cartdetails{
vertical-align:middle;
}
div.custdetsresumeline{
padding:10px
}
div.cartresumecontents img.cartimage{
max-width:90px;
max-height:90px;
width:100%;
}
input.cartquant{
text-align:right;
width:40px;
}
/* OPTIONS ROW */
div.cartlineitems > div:not(:last-child){
border-bottom:1px solid gray;
padding-bottom:10px;
margin-bottom:12px;
}
div.cartoptionsline div{
font-size:0.8em;
}
div.cartoptionsline{
white-space:normal;
padding-bottom:2px;
margin-bottom:1px;
display:flex;
align-items:center;
}
div.cartoptiongroup{
width:25%;
text-align:right;
font-weight:bold;
}
div.cartoptiongroupspacer::after{
content:" - ";
padding:5px;
}
div.cartoption{
width:36.75%;
}
div.cartoptiongroupspacer{
width:2%;
}
div.cartoptiontotal{
text-align:right;
margin-left:auto;
}
/* LOYALTY POINTS */
div.cartloyaltypoint_cntnr{
overflow:auto;
}
div.cartloyaltypointmenu{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartloyaltypointmenu select{
width:170px;
margin-bottom:3px;
}
div.cartloyaltypoints{
display:inline-block;
white-space:normal;
width:45%;
margin-bottom:6px;
text-align:right;
}
/* SHIPPING */
div.shiplogo{
padding:5px 10px 5px 5px;
text-align:center;
}
div.shipaltrates{
text-align:center;
}
div.cart3alratelines{
display:inline-block;
text-align:left
}
div.cart3shiphead{
font-size:1.2em;
font-weight:bold;
color:#444;
}
div.cartshippingandtotals{
margin-bottom:12px;
margin-top:12px;
padding-top:12px;
border-top:1px solid gray;
}
div.cartshippingdetails{
vertical-align:top;
display:inline-block;
width:60%;
margin-bottom:12px;
}
div.estimatorerrors{
margin-bottom:12px;
}
div.estimatortitle{
font-size:1.2em;
padding-bottom:6px;
}
div.shipestimatemarkup_cntnr{
margin-bottom:12px;
}
div.cartestimatortext{
display:inline-block;
white-space:normal;
width:100%;
}
div.estimatorchecktext{
display:inline-block;
white-space:normal;
width:49%;
}
div.estimatorcheckcarrier{
display:inline-block;
white-space:normal;
width:49%;
}
div.shipline{
padding:4px 0;
}
input.shipradio{
vertical-align:text-bottom;
margin-right:5px;
}
div.cartstateselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartstateselector{
display:inline-block;
white-space:normal;
}
div.cartcountryselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartcountryselector{
display:inline-block;
white-space:normal;
}
div.cartzipselector_cntnr, div.cartstateselector_cntnr, div.cartcountryselector_cntnr{
margin:6px 0px;
}
div.cartzipselectortext{
display:inline-block;
white-space:normal;
width:20%;
}
div.cartzipselector{
display:inline-block;
white-space:normal;
}
div.cartestimatorend{
overflow:auto;
margin-top:12px;
}
div.updateestimator{
margin-top:8px;
margin-left:20%;
}
div.shipoptionstable select, div.shipoptionstable2 select{
min-width:250px;
}
/* TOTALS */
input.checkoutbutton,button.checkoutbutton{
width:100%;
}
div.checkoutopts{
padding-bottom:20px;
max-width:760px;
width:40%;
text-align:center;
}
div.carttotals{
vertical-align:top;
display:inline-block;
width:40%;
margin-bottom:12px;
}
div.cartsubtotal_cntnr{
overflow:auto;
white-space:nowrap;
}
div.cartsubtotaltext{
display:inline-block;
white-space:normal;
width:53%;
margin:6px 0px 6px 0px;
}
div.cartsubtotal{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.shippingtotaltext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.shippingtotal{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartcountrytaxtext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartcountrytax{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartdiscountstext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartdiscounts{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartcoupontext,div.cartcouponapplied,div.cartcoupon{
white-space:normal;
margin-bottom:4px;
}
div.cartcoupon > input{
margin:0;
}
div.expiredcoupon{
color:#F00;
margin:10px 0;
}
div.cartgiftcerttext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
}
div.cartgiftcert{
display:inline-block;
white-space:normal;
width:45%;
text-align:right;
}
div.cartgrandtotaltext{
display:inline-block;
white-space:normal;
width:53%;
margin-bottom:6px;
padding:3px 0px;
font-size:1.1em;
border-bottom:1px solid gray;
}
div.cartgrandtotal{
display:inline-block;
white-space:normal;
width:45%;
padding:3px 0px;
text-align:right;
font-size:1.1em;
border-bottom:1px solid gray;
}
div.cartcheckoutbuttons{
margin-top:18px;
text-align:right;
display:flex;
flex-direction:column;
align-items:end;
}
div.cominpurchase, div.tofreeshipping, div.coforcelogin{
overflow:auto;
text-align:center;
margin:6px 0;
padding:8px;
border:1px solid gray;
background:#eee;
display:block;
}
/* DISCOUNT FORMATTING */
div.ectdscntt{
color:#AD2803;
}
div.ectdscnt{
color:#AD2803;
}
/* COUPON FORMATTING */
#cpncodespan{
font-size:0.8em;
}
#cpncodespan div{
padding:4px 12px 4px 0px;
}
/* ERROR / WARNING FORMATTING */
div.ectwarning{
color:#AD2803;
}
div.checkoutwarning{
font-size:18px;
margin:5px 0;
}
div.estimatorerror{
color:#AD2803;
}
span.redstar{
color:#FF1010;
}
div.redstar::before{
content:"*";
color:#FF1010;
}
/* NEW ACCOUNT */
div.ectsoftwrapper{
margin:120px auto 0 auto;
background:#FFF;
width:600px;
padding:6px;
border-radius:5px;
box-shadow:1px 1px 5px #333;
font-family:FontAwesome,sans-serif;
box-sizing:border-box;
}
div.softformheader{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.3em;
text-align:center;
}
div.cartloginsuccess, div.cartloginsuccesswait{
text-align:center;
padding:6px 0px;
}
div.ectsf2col{
margin:12px 0px;
display:flex;
justify-content:flex-start;
align-items:center;
}
div.ectsf2col > div:first-child{
width:25%;
}
div.ectsf2col > div:nth-of-type(2){
flex-grow:1;
}
div.softformjright{
text-align:right;
}
div.cartaccloginallowpromo{
text-align:right;
}
div.softformsend,div.clientloginmessage{
text-align:center;
}
div.softformsend input,div.softformsend button,
div.clientloginbuttons input,div.clientloginbuttons button,
div.cartloggedin input,div.cartloggedin button,
div.loginprompt input,div.loginprompt button{
margin:8px;
}
div.cartaccloginallowpromo input{margin-right:8px;}
div.cartaccloginallowpromotext{
padding-left:3px;
}
div.cartacclogineverdivulge{
font-size:0.8em;
}
div.ectsoftwrapper select, div.ectsoftwrapper textarea, div.ectsoftwrapper input[type=text], div.ectsoftwrapper input[type=email], div.ectsoftwrapper input[type=password]{
width:66%;
}
div.ectsoftwrapper textarea.softcomments{
width:98%;
height:100px;
box-sizing:border-box;
}
div.ectsfsuccess{
margin:80px;
text-align:center;
}
div.ectsfthanks,div.clientloginmessage{
margin:60px 10px;
}
div.loginprompt,div.cartloggedin{
flex-grow:1;
}
div.clientloginbuttons{
text-align:center;
flex-grow:1;
}
div.contactblurb{
text-align:center;
margin:15px;
font-size:1.2em;
}
/* ORDER HISTORY */
div.ectorderhistorytable button{
min-width:150px;
display:block;
margin-bottom:2px;
}
/* WISH LIST */
div.cartmaincontents{
padding:0 5px;
}
span.listname{
font-weight:normal;
}
div.wishlistcontainer{
position:relative;
top:1px;
}
button.cartaddtolist{
padding:2px 4px;
white-space:nowrap;
margin-top:1px;
font-size:12px;
}
div.savecartlist{
box-shadow:3px 3px 2px #999;
border-collapse:collapse;
position:absolute;
visibility:hidden;
top:50%;
left:50%;
z-index:10000;
border-bottom:1px solid gray;
transform:translate(-50%,-50%);
}
div.savecartlist > div{
border:1px solid gray;
border-bottom:0;
background:#fcfcfc;
padding:5px;
cursor:pointer;
white-space:nowrap;
min-width:100px;
}
div.savecartlist div:hover{
background:#ececec;
}
div.savecartdivider{
background:#dcdcdc !important;
cursor:default !important;
}
/* EMPTY CART */
div.emptycart{
text-align:center;
}
div.sorrycartempty{
margin-top:30px;
padding:8px;
}
div.cartemptyclickhere{
padding:8px;
}
div.emptycartviewmain{
padding:8px;
}
div.emptycartcontinue{
padding:18px;
margin-bottom:30px;
}
div.emptycartemptylist{
margin-top:50px;
}
/* MAILING LIST CONFIRMATION */
div.cartemailconftitle{
font-weight:bold;
text-align:center;
padding:16px 0px;
}
div.cartemailconfaction{
text-align:center;
padding:16px 0px;
}
div.cartemailconfcontinue{
text-align:center;
padding:16px 0px;
}
/* GIFT WRAP */
div.giftwrap{
font-weight:normal;
}
div.giftwrapdiv{
overflow:auto;
white-space:nowrap;
padding:2px;
margin:1px
}
div.giftwrapdetailscntr{
display:inline-block;
white-space:normal;
}
div.giftwrapid,div.giftwrapname,div.giftwrapquant,div.giftwrapyes{
display:inline-block;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.giftwrapupdate{
overflow:auto;
}
div.giftwraplineid,div.giftwraplinename,div.giftwraplinequant,div.giftwraplineyes{
display:inline-block;
white-space:normal;
vertical-align:top;
}
div.giftwraplineid,div.giftwrapid{
width:25%;
}
div.giftwraplinename,div.giftwrapname{
width:35%;
}
div.giftwraplinequant,div.giftwrapquant,div.giftwraplineyes,div.giftwrapyes{
width:20%;
}
div.giftwraptmessage{
font-weight:bold;
font-size:1.2em;
color:#333;
padding-top:15px;
}
div.giftwrapmessage{
overflow:auto;
}
div.giftwraplinemessage textarea{
width:100%;
padding:10px;
}
div.giftwrapbuttons{
overflow:auto;
text-align:right;
margin-top:12px;
}
/* BILLING & SHIPPING */
div.cart2header{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}
div.billformrow,div.shipformrow,div.copayresultrow,div.nohidebillrow,div.checkoutadds2col,div.billformrowflags,div.copayradio1{
display:flex;
justify-content:flex-start;
align-items:center;
}
div.cdformtpayradio1{
float:left;
}
div.cobhl2,div.cdshipftflag,div.cdshipftselect,div.cdaddtflag,div.cdformpayradio1{
width:33%;
}
div.cobll2{
padding:4px 0;
flex-grow:1;
}
input.cdformpayment{
margin-right:5px;
}
div.coshipflagscontainer{
margin-bottom:12px
}
div.cdshipftflag,div.cdshipftselect,div.cdaddtflag,div.cdformtnewaccount,div.cdformpayradio1{
text-align:right;
box-sizing:border-box;
padding-right:5px;
}
div.cdshipflag,div.cdaddflag{
font-size:0.9em;
padding:6px 2px;
}
div.cdformshipdiff{
padding:12px 0;
text-align:center;
}
input.cdformshipdiff{
margin-right:12px;
}
textarea.addinfo{
width:85%;
height:70px;
box-sizing:border-box;
border:1px solid gray;
padding:6px;
border-radius:5px;
}
.cdformtmailingr input{margin:0px 0px 6px 8px}
div.cdformtitle{
padding-bottom:2px;
}
div.cdformtitlell{
padding-bottom:8px;
}
div.payprovider{
overflow:auto;
}
div.payprovline{
overflow:auto;
margin-bottom:8px;
}
div.payprovline img{
vertical-align:top;
margin-left:12px;
}
input[type=button].widecheckout2, input[type=button].widecheckout3, input[type=submit].widecheckout2, input[type=submit].widecheckout3, button.widecheckout3{
width:90%;
padding:10px
}
div.cdformsubmit{
overflow:auto;
}
input.cdformradio{
margin:3px 3px 0 5px;
}
/* SHIPPING TOTALS SCREEN */
div.cart3details{
overflow:auto;
}
div.cartheader{
font-size:1.2em;
}
div.cart3header{
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 6px 0px;
font-size:1.2em;
}
div.cart2column{
padding-bottom:6px;
margin:12px 0px 6px 0px;
}
div.cart3row{
display:flex;
justify-content:flex-start;
align-items:center;
padding-bottom:8px;
}
div.cobhl3,div.cart3shippingt{
width:33%;
}
div.cart3shippingt,div.cart3shipping{
display:inline-block;
vertical-align:top;
}
div.cart3shipping{
max-width:66%;
}
div.cobll3{
flex-grow:1;
}
div.cart3servicecommitment{
font-size:10px;
margin-left:10px;
display:inline-block;
color:#070;
}
div.cart3totgoodst{
border-bottom:1px solid gray;
margin-bottom:12px;
font-size:1.1em;
padding-bottom:2px;
}
div.cart3totgoods{
border-bottom:1px solid gray;
margin-bottom:12px;
font-size:1.1em;
padding-bottom:2px;
}
div.shiprateline{
padding:4px 0;
}
div.shiptableline{
padding:5px 0;
}
div.shiptableline2{
display:flex;
justify-content:flex-start;
align-items:center;
padding:6px 0;
}
div.shiplogo2{
width:33%;
text-align:right;
padding-right:32px;
box-sizing:border-box;
}
div.shiptablerates2{
width:67%;
box-sizing:border-box;
}
div.shiptablerates{
display:inline-block;
min-height:45px;
}
div.shiptablerates select{
margin:5px 0px 0px 5px;
max-width:300px;
}
div.cartheading{
overflow:auto;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}
div.cart3gndtotcntnr{
border-bottom:1px solid gray;
border-top:1px solid gray;
margin-bottom:12px;
padding-top:6px;
padding-bottom:3px;
font-size:1.2em;
min-height:32px;
}
div.altshippingselector{
text-align:center;
padding:10px;
font-size:0.9em;
}
div.shipaltrates{
border:1px solid gray;
border-radius:5px;
margin-bottom:10px;
margin-right:20px;
padding-top:5px;
}
/* CREDIT CARD RESULTS SCREEN */
div.cart4details{
overflow:auto;
}
div.cart4header{
overflow:auto;
padding-bottom:6px;
margin:12px 0px 16px 0px;
border-bottom:1px solid #999;
font-size:1.2em;
}
div.cobhl4{
width:35%;
margin-bottom:12px;
padding-top:8px;
}
div.cobll4{
flex-grow:1;
margin-bottom:12px;
padding-top:8px;
}
div.cart4row{
display:flex;
justify-content:flex-start;
align-items:center;
padding-bottom:8px;
}
div.cart4buttons{
padding:6px 0;
}
div.checkoutbutton2,div.checkoutbutton3{
text-align:center;
}
/* SECOND LINE TEXT ENTRIES */
span.ectsmallnote{
font-size:0.8em;
}
/* END OF CART CLASSES */
/* STYLE SHEET FOR THE ECT SEARCH PAGE */
div.prodnoexist,
div.categorynotavailable,
div.nosearchresults,div.noproducts{
padding:40px 0;
text-align:center;
}
div.prodnoexistcat,div.prodnoexistcatimg{
padding:10px;
font-size:16px;
}
div.prodnoexistcatimg img{
max-width:120px;
}
div.searchresults{
padding-top:20px;
margin-top:20px;
border-top:1px solid lightgray;
}
div.notfoundtrysearch,div.notfoundremoved,div.notfoundcontact{
margin:40px;
font-size:20px;
color:#333;
text-align:center;
}
div.prodnoexistaltcat{
display:flex;
padding:20px;
justify-content:center;
align-items:center;
}
div.notfoundtrysearch,div.notfoundcontact{
margin-bottom:15px;
}
button.notfoundcontactbutton{
min-width:250px;
padding:12px;
font-size:18px;
}
div.notfoundcontactbutton{
margin-bottom:40px;
}
div.notfoundinputcntnr{
text-align:center;
margin-bottom:40px;
}
div.notfoundinput{
display:inline-block;
}
div.notfoundcontactbutton{
text-align:center;
}
input.notfoundinput{
height:32px;
vertical-align:middle;
width:220px;
}
button.notfoundsubmit{
color:#000;
background-color:#FFF;
height:32px;
box-sizing:border-box;
border-radius:5px;
border:1px solid gray;
margin-left:2px;
padding:8px;
vertical-align:middle;
cursor:pointer;
}
/* Search header div */
div.searchheader{
overflow:auto;
border-bottom:1px solid #999;
padding-bottom:6px;
margin:12px 0px 16px 0px;
font-size:1.2em;
}
/* Search label divs */
div.reviewformblock{
margin-top:15px;
}
div.searchtext,div.reviewlabels{
width:24%;
padding:6px 4px;
white-space:nowrap;
}
/* Search form field divs */
div.searchcntnr,div.reviewformline{
display:flex;
justify-content:flex-start;
align-items:center;
padding:6px 4px;
}
div.searchcontrol{
flex-grow:1;
}
div.reviewimage{
text-align:center;
}
div.reviewimagecontainer{
display:inline-block;
padding:15px;
margin-bottom:15px;
border:1px solid gray;
border-radius:5px;
}
div.reviewimagecontainer > img{
max-width:250px;
}
/* Search form field formatting */
div.reviewfields > input, div.reviewfields > textarea, div.reviewfields > select, input[type=submit].search{
min-width:160px;
}
div.searchfor input{
width:80%;
}
div.searchcontrol select{
width:170px;
}
div.searchfiltergroup{
display:inline-block;
}
div.searchfiltergroup select{
width:170px;
margin-bottom:8px
}
/* Div containing submit button */
div.searchsubmit{
padding:8px 4px;
}
/* END OF SEARCH CLASSES */
/* AFFILIATE, ORDER STATUS, CLIENT LOGIN, TRACKING */
input.newaffiliate,input.affiliatelogin{
margin-top:5px;
}
div.ectdiv{
overflow:auto;
margin-bottom:20px;
}
/* Header div */
div.ectdivhead,div.checkoutsteps{
text-align:center;
border:1px solid gray;
padding:10px;
margin-bottom:10px;
display:flex;
justify-content:space-between;
align-items:center;
}
div.checkoutstep,div.cartlistimg{
padding:5px;
min-width:34px;
}
div.checkoutstep{
text-align:left;
}
div.checkoutstepof3::after{
content:"/3";
}
div.cartlistimg{
text-align:right;
}
div.cartname,div.loginheader{
font-weight:bold;
font-size:1.2em;
}
/* Label divs */
div.ectdivleft{
width:28%;
white-space:nowrap;
display:table-cell;
vertical-align:middle;
}
/* Form field divs */
div.ectdivright{
width:68%;
display:table-cell;
vertical-align:middle;
}
/* Form field formatting */
div.ectdivright input[type=text], div.ectdivright select, div.ectdivright textarea{
width:60%;
max-width:600px;
box-sizing:border-box;
}
div.ectsoftwrapper input[type=text], div.ectsoftwrapper input[type=email], div.ectsoftwrapper input[type=password], div.ectsoftwrapper textarea, div.ectdivright input[type=text], div.ectdivright input[type=password], div.cobll input[type=text], div.cobll input[type=email], div.cobll input[type=tel], div.ectdivright textarea, input.ecttextinput, textarea.ecttextinput{
border:1px solid gray;
padding:6px;
border-radius:5px;
display:inline-block;
box-sizing:border-box;
height:auto;
}
div.ectdivright input.ectinputhalf{
width:30%;
box-sizing:border-box;
max-width:298px;
}
div.ectdivright select,
select.ectselectinput,
div.cobll select,
div.ectsoftwrapper select{
border:1px solid gray;
padding:6px;
border-radius:5px;
display:inline-block;
background-image:none;
}
select.ectwarning,input.ectwarning,textarea.ectwarning{
border:2px solid #AD2803 !important;
}
/* Checkbox and Radio */
input[type=checkbox].ectcheckbox, input[type=radio].ectradio{
-webkit-appearance:none;
appearance:none;
width:17px;
height:17px;
border:2px solid gray;
transform:translateY(-1px);
display:inline-grid;
place-content:center;
margin:2px 5px 1px 5px;
padding:0;
background-color:white;
}
input[type=checkbox].ectcheckbox{
border-radius:4px;
}
input[type=radio].ectradio{
border-radius:50%;
}
input[type=checkbox].ectcheckbox::before, input[type=radio].ectradio::before{
content:"";
transform:scale(0);
transition:120ms transform ease-in-out;
box-shadow:inset 17px 17px #333;
box-sizing:border-box;
}
input[type=checkbox].ectcheckbox::before{
width:12px;
height:12px;
clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
transform-origin:bottom left;
}
input[type=radio].ectradio::before{
width:9px;
height:9px;
border-radius:50%;
}
input[type=checkbox].ectcheckbox.ectwarning{
border:0.15em solid #AD2803;
}
input[type=checkbox].ectcheckbox.ectwarning::before{
box-shadow:inset 1em 1em #AD2803;
}
input[type=checkbox].ectcheckbox:checked::before{
transform:scale(1);
box-sizing:border-box;
}
input[type=radio].ectradio:checked::before{
transform:scale(1);
}
input[type=radio].ectradio.ectwarning{
border:0.15em solid #AD2803;
}
input[type=radio].ectradio.ectwarning::before{
box-shadow:inset 1em 1em #AD2803;
}
/* Div spanning 2 columns */
div.ectdiv2column{
margin:14px;
}
div.ectdiv2column ul{
list-style:none;
}
/* Warning message on Order Status page */
div.ectorderstatus div.ectwarning{
overflow:auto;
}
/* Text based div */
div.ectmessagescreen div{
margin:30px;
}
div.ectmessagescreen input{
margin-top:12px;
}
/* Account details on client login */
div.ectclientloginaccount div.ectdivleft{
white-space:normal;
}
/* Address details on client login */
div.ectclientloginaddress div.ectdivleft{
width:48%;
}
div.ectclientloginaddress div.ectdivright{
width:48%;
}
/* Gift registry on client login */
input.createlistinput{
vertical-align:middle;
margin:1px;
}
div.ectdivleft input{
width:200px;
border:1px solid #999;
}
div.ectclientlogingiftreg .ectdiv2column{
padding:6px 8px;
}
div.ectgiftregname{
font-weight:bold;
font-size:1.1em;
}
input.giftregistrycopy{
width:90%;
}
div.ectgiftregistrybuttons > div{
display:inline-block;
margin-right:10px;
margin-bottom:6px;
}
div.ectgiftregistrybuttons{
overflow:auto;
padding-bottom:30px;
}
div.ectclientlogingiftreg .ectdivleft input{
margin-top:3px;
padding:4px;
}
div.ordhistorycontrols{
margin-bottom:10px;
text-align:center;
}
div.ectclientlogorder{
border:1px solid grey;
margin-bottom:15px;
padding:5px;
}
div.ectclordrow1,div.ectclordrow2,div.ectclordrow3{
display:flex;
justify-content:space-between;
align-items:center;
min-height:50px;
padding:5px;
}
div.ectclordrow3:nth-child(odd){
border:1px solid grey;
}
div.ectclprodimg{
max-width:100px;
margin:10px;
}
div.ectclprodimg > img{
max-width:100%;
}
div.ectclordarticle{
min-height:20px;
}
div.ectclordprodid,div.ectclordprodname,div.ectclordviewprod,div.ectclordtrack,div.ectclordreview{
margin:10px;
}
div.ectclordcount{
display:inline-block;
font-weight:bold;
border:1px solid gray;
padding:11px;
border-radius:5px;
font-family:sans-serif;
line-height:normal;
}
div.ordhistorycontrols > *{
height:40px;
vertical-align:middle;
box-sizing:border-box;
margin-bottom:5px;
}
div.ordhistorycontrols > select{
width:auto;
}
span.ectclordlabel{
font-weight:bold;
}
div.ectcladdressbutton{
margin:6px;
}
div.ectcladdressbutton > button{
min-width:118px;
}
input.ectclordsearchtxt{
width:200px;
}
div.amformrow,div.grformrow,div.omformrow,div.adformrow{
margin:40px 20px;
}
div.ectclientloginaddress>div.ectdivcontainer{
padding:5px;
}
div.ectclientloginordersrow:nth-child(even){
background-color:#EEE;
}
div.ectclientloginaddress > div.ectdivcontainer{
border:1px solid gray;
border-radius:5px;
}
div.ectclientloginordersrow{
display:table-row;
}
div.ectclientloginordersrow > div{
display:table-cell;
padding:6px;
margin:4px;
font-size:0.9em;
}
/* Tracking buttons */
input.trackinggo{
width:60px;
}
/* Tracking form */
div.ecttracking div.ectdivcontainer{
overflow:auto;
}
div.trackingselectlogo{
width:100px;
display:table-cell;
vertical-align:middle;
text-align:center;
padding-right:10px;
height:40px;
}
div.trackingselectlogo > img{
vertical-align:middle;
}
div.ecttracking div.ectdivleft{
width:42%;
white-space:normal;
}
div.ecttracking div.ectdivright{
width:43%;
}
div.ecttrackingresults{
overflow:auto;
}
div.ecttrackingresults div{
width:33%;
}
div.ecthighlight{
background-color:#EEE;
}
div.ecthighlight,div.ectlowlight{
padding:3px;
}
/* Header row on Tracking form */
div.tracktablehead div{
padding:20px 0px 6px 4px;
border-top:1px solid gray;
border-bottom:1px solid gray;
}
div.trackingcopyright{
font-size:0.9em;
}
/* Gift Certificate form */
div.ectgiftcerts{
overflow:auto;
}
div.ectgiftcerts div.ectdivleft{
width:38%;
white-space:normal;
}
div.ectgiftcerts div.ectdivright{
width:58%;
}
div.ectgiftcerts #amount{
width:100px;
}
/* Donations form */
div.ectdonations #amount{
width:80px;
}
/* For SquareUp */
.sq-field-wrapper{
display:flex;
flex-flow:row nowrap;
margin-bottom:16px;
}
.sq-field{
margin-bottom:16px;
width:100%;
}
.sq-field:first-child{
margin-left:0;
}
.sq-field:last-child{
margin-right:0;
}
.sq-field--in-wrapper{
flex-grow:1;
margin:0 8px;
}
.sq-label{
margin-bottom:8px;
text-transform:uppercase;
}
.sq-input{
background-color:#fff;
border-style:solid;
border-width:1px;
overflow:hidden;
transition:border-color 0.25s ease;
width:100%;
}
.sq-input--focus{
background-color:#fbfdff;
}
.sq-input--error{
background-color:#fbfdff;
}
.sq-button{
width:100%;
}
.sq-payment-form{
max-width:100%;
padding:20px 0 5px;
width:380px;
margin:auto;
}
.sq-label{
color:#000000;
font-size:14px;
font-family:sans-serif;
font-weight:500;
letter-spacing:0.5px;
}
.sq-input{
border-color:#E0E2E3;
border-radius:4px;
}
.sq-input--focus{
border-color:#4A90E2;
}
.sq-input--error{
border-color:#e02e2f;
}
.sq-wallet-divider{
margin:24px 0;
position:relative;
text-align:center;
width:100%;
}
.sq-wallet-divider:after, .sq-wallet-divider::after, .sq-wallet-divider:before, .sq-wallet-divider::before{
background:#bbb;
content:'';
display:block;
height:1px;
left:0;
position:absolute;
right:0;
top:9px;
}
.sq-wallet-divider:after, .sq-wallet-divider::after{
right:65%;
}
.sq-wallet-divider:before, .sq-wallet-divider::before{
left:65%;
}
.sq-wallet-divider__text{
color:#bbb;
padding:10px;
text-transform:uppercase;
}
apple-pay-button {
--apple-pay-button-height:48px;
--apple-pay-button-width:100%;
--apple-pay-button-border-radius:28px;
}
.paypal-button,.card_container{
border-radius:5px;
background-color:#FFFFFF;
max-width:760px;
width:100%;
margin:0 auto 17px auto;
box-sizing:border-box;
}
button.gpay-card-info-container{
width:100%;
}
.button-google-pay{
background-color:transparent;
height:48px;
width:100%;
padding:0;
margin-bottom:18px;
border:0;
border-radius:4px;
outline:0;
cursor:pointer;
display:none;
}
.apple-pay-btn{
height:48px;
}
.apple-pay-button{
-webkit-appearance:-apple-pay-button;
-apple-pay-button-style:black;
border:none;
height:48px;
margin-bottom:16px;
width:100%;
display:none;
}
.sq-masterpass{
background-color:#000;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
border-radius:5px;
height:48px;
width:100%;
display:none;
}
button.sq-button{
padding:12px 0;
}
/* ECT Slider */
.sliderimages img{width:100%;}
div.slidercontainer{
margin:auto;
position:relative;
}
div.slidercontainer > div:first-child{
position:relative;
opacity:1;
transition:opacity 1s ease-in-out;
z-index:2;
}
div.slidercontainer > div:not(:first-child){
position:absolute;
top:0;
left:0;
opacity:0;
transition:opacity 1s ease-in-out;
width:100%;
z-index:1;
}
.sliderarrow{
cursor:pointer;
position:absolute;
top:50%;
padding:16px;
transform:translate(0,-50%);
color:white;
font-weight:bold;
font-size:80px;
font-family:sans-serif;
text-decoration:none;
transition:0.6s ease;
opacity:50%;
z-index:3;
}
.sliderleft{
left:5px;
}
.sliderright{
right:5px;
}
.sliderarrow:hover{
color:rgba(100,100,100,0.8);
text-decoration:none;
}
.slidercaption,.slidercaptionbottom{
color:#eff5d4;
font-size:30px;
padding:8px 12px;
position:absolute;
width:100%;
text-align:center;
box-sizing:border-box;
}
.slidercaption{
top:10px;
}
.slidercaptionbottom{
bottom:10px;
}
/* ECT Mega Menu */
.menu-container{
width:100%;
margin:0 auto;
}
.ectmegamobile{
display:none;
padding:20px;
}
span.megamobiletext::before{
content:"Navigation";
}
svg.megahamburger{
float:right;
}
.ectmega-has-dropdown > a::after{
content:"\25bc";
font-family:"Helvetica";
}
.ectmegamenu > ul{
margin:0 auto;
width:100%;
list-style:none;
padding:0;
position:relative;
box-sizing:border-box;
}
.ectmegamenu > ul::before,
.ectmegamenu > ul::after,
.ectmegamenu > ul > li > ul::before,
.ectmegamenu > ul > li > ul::after,
.ectmegamenu > ul > li > ul > li > ul::before,
.ectmegamenu > ul > li > ul > li > ul::after{
content:"";
display:table;
}
.ectmegamenu > ul::after,
.ectmegamenu > ul > li > ul::after,
.ectmegamenu > ul > li > ul > li > ul::after{
clear:both;
}
.ectmegamenu > ul > li{
float:left;
margin:0;
padding:0;
background:#F0F0EE;
}
.ectmegamenu > ul > li a{
text-decoration:none;
padding:0.4em 1.6em;
display:block;
}
.ectmegamenu > ul > li:hover{
background:#f0f0f0;
}
.ectmegamenu > ul > li > ul{
display:none;
width:100%;
background:#f0f0f0;
padding:20px;
position:absolute;
z-index:99;
left:0;
margin:0;
list-style:none;
box-sizing:border-box;
}
.ectmegamenu > ul > li > ul > li{
text-align:left;
float:left;
margin:0;
padding-bottom:0;
width:25%;
background:none;
}
.ectmegamenu > ul > li > ul > li a{
color:#777;
padding:.2em 0;
width:95%;
display:block;
border-bottom:1px solid gray;
}
.ectmegamenu > ul > li > ul > li > ul{
display:block;
padding:0;
margin:10px 0 0;
list-style:none;
box-sizing:border-box;
}
.ectmegamenu > ul > li > ul > li > ul > li{
text-align:left;
float:left;
margin:0;
width:100%;
padding:10px 0;
font-size:.9em;
}
.ectmegamenu > ul > li > ul > li > ul > li a{
border:0;
}
.ectmegamenu > ul > li > ul.normal-sub{
width:300px;
left:auto;
padding:10px 20px;
}
.ectmegamenu > ul > li > ul.normal-sub > li{
width:100%;
}
.ectmegamenu > ul > li > ul.normal-sub > li a{
border:0;
padding:1em 0;
}
/* Drop Down Minicart */
.ectdp_minicartmainwrapper{
position:absolute;
right:0;
}
.ectdp_minicartmainwrapper_ct{
position:relative;
width:100%;
z-index:1000;
}
.ectdp_minicartopen{
padding-top:8px;
cursor:pointer;
width:140px;
float:right;
clear:both;
}
.ectdp_minicartopenimg{
margin-top:2px;
margin-left:20px;
}
.ectdp_pincart{
width:100%;
float:left;
margin-top:12px;
}
.ectdp_minicartcontainer{
background:#fff;
padding:10px;
margin:0px;
width:320px;
box-shadow:0 5px 6px 0 rgba(161,161,161,0.8);
}
.ectdp_minicartitemImg{
width:60px;
float:left;
margin-right:5px;
}
.ectdp_minicartitemDelete{
float:left;
width:24px;
padding-top:20px;
text-align:right;
}
.ectdp_minicarttotal{
text-align:right;
margin-right:28px;
margin-bottom:10px;
font-size:1.1em;
border-bottom:1px solid gray;
padding:6px 0px
}
.ecHidDsc{
color:#EE5249;
padding-top:6px;
}
.ectdp_minicartImg{
padding:10px 2px;
width:60px;
height:auto;
}
.ectdp_minicartitemName{
float:left;width:208px;
text-align:right;
padding:15px 2px;
border-bottom:1px solid gray;
}
div.minicartcnt_dp{
text-align:center;
clear:both;
}
div.ectdp_empty{
width:100%;
float:left;
text-align:center;
padding:25px 0px;
}
/* ECT Menu */
ul.ectverticalmenu2 li.ectmenuhassub1 > a{
display:block;
clear:both;
}
ul.ectverticalmenu2 li.ectmenuhassub1 > a::after{
content:"+";
float:right;
}
div.card_field, div.card_container input[type=text], div.card_container input[type=tel]{
width:100%;
padding:12px;
border:1px solid gray;
border-radius:4px;
box-sizing:border-box;
margin-top:6px;
margin-bottom:16px;
resize:vertical;
height:40px;
background:white;
font-size:17px;
color:#3a3a3a;
font-family:sans-serif;
}
div.paylaterquote{
margin:10px 0;
}
div.paylaterbanner{
margin-bottom:10px;
}
/* Styles for screens below 940px*/
@media all and (max-width:940px){
div.cartdetails_cntnr{
display:none;
}
div.cartlinenameprice{
width:73%;
}
div.cartoptionsline{
display:flex;
align-items:center;
}
div.cartoptiontotal{
margin-left:auto;
padding-right:6px;
}
div.cartlinequanttotal{
width:250px;
display:flex;
margin-left:auto;
border:1px solid gray;
padding:5px;
}
span.cartlinepricelabel{
display:inline;
}
div.cartoptiongroup{
width:auto;
text-align:left;
min-width:20%;
}
.menu-container,
.ectmegamenu > ul > li > ul.normal-sub{
width:100%;
}
.ectmegamobile,
.ectmegamenu .show-on-mobile{
display:block !important;
text-align:left;
}
.ectmega-has-dropdown > a::after{
display:none;
}
.ectmega-has-dropdown::before{
content:"\25bc";
font-family:Helvetica;
cursor:pointer;
float:right;
padding:14px 14px 14px 30px;
font-size:22px;
clear:both;
background-color:#FFF;
color:#333;
}
.ectmegamenu > ul{
display:none !important;
}
.ectmegamenu > ul > li{
width:100%;
float:none;
display:block !important;
}
.ectmegamenu > ul > li a{
padding:1.5em !important;
width:100%;
display:block !important;
}
.ectmegamenu > ul > li > ul,
.ectmegamenu > ul > li > ul > li > ul{
position:relative;
}
.ectmegamenu > ul > li > ul > li{
float:none;
width:100%;
margin-top:20px;
}
.ectmegamenu > ul > li > ul > li:first-child{
margin:0;
}
.ectmegamenu > ul > li > ul > li > ul > li{
float:none;
}
div.shipaltrates{
margin-right:0;
}
div.cart3shipselrow{
display:block;
}
div.cart3shipping{
padding:10px 0;
}
div.cart3shipselrow > div.cart3shippingt,div.cart3shipselrow > div.cart3shipping{
width:auto;
display:block;
max-width:none;
}
div.altshippingselector{
display:inline-block;
}
div.cartshippingdetails{
width:auto;
display:block;
}
div.carttotals,div.checkoutopts,div.cartcheckoutbuttons{
width:auto;
display:block;
}
div.checkoutopts{
margin:auto;
}
/* RESET COLUMNS */
div.cartdetailsname,div.cartlinename,
div.cartdetailsprice,div.cartlineprice{
width:auto;
display:block;
padding:5px;
}
div.cartdetailsquant,div.cartlinequant{
width:auto;
padding-left:20px;
}
div.cartdetailstotal,div.cartlinetotal{
width:auto;
}
div.cartdetailscheck,div.cartlinecheck{
width:auto;
}
div.cartoptionsline div.cartoptionprice{
display:none;
}
div.cartoption{
width:51%;
padding:5px;
}
div.cartoptiontotal{
width:24%;
}
/* REALIGN TOTALS */
div.cartsubtotaltext,
div.shippingtotaltext,
div.cartcountrytaxtext,
div.cartgiftcerttext,
div.cartdiscountstext,
div.cartgrandtotaltext{
width:72%;
}
div.cartsubtotal,
div.shippingtotal,
div.cartcountrytax,
div.cartgiftcert,
div.cartdiscounts,
div.cartgrandtotal{
width:28%;
}
div.cartcoupontext{
text-align:right
}
div.cartcoupon{
text-align:right
}
div.cartcouponapplied{
text-align:right;
width:97%
}
div.cdshipftflag,div.cdaddtflag{
width:22px;
}
.sliderleft{
left:0;
}
.sliderright{
right:0;
}
}
/* This is a breakpoint for responsive designs and puts the search filters into one column*/
@media screen and (max-width:715px){
div.amformrow,div.grformrow,div.omformrow,div.adformrow{
margin:20px 0;
}
/* Receipt page addresses in one column */
div.cartmaincontents{
padding:0;
}
div.receiptaddress{
width:auto;
display:block;
}
/* Puts the search filters into one column */
div.searchfiltergroup{
padding:4px 0px;
width:auto;
display:block;
}
/* Tracking form */
div.ecttracking div.ectdivleft{
width:auto;
display:block;
}
div.ecttracking div.ectdivright{
width:auto;
display:block;
margin:10px 0;
}
/* Create account / New account */
div.ectsoftwrapper{
margin-top:25px;
width:85%;
overflow:auto;
max-height:95vh;
}
div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginrecaptchaspace, div.cartaccloginallowpromo, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext{
width:29%;
}
div.cartaccloginrecaptcha{
width:71%;
}
/* Giant image pop up */
div.giantthumbcontainer{display:none;}
div.giantimg{width:98%!important;}
div.qbuywrapper div.prodid, div.qbuywrapper div.prodname, div.qbuywrapper div.proddescription{
float:none;
width:auto;
}
}
/*Styles for screens below 560px */
@media screen and (max-width:560px){
div.scrproduct{
width:48%;
}
div.ectsoftwrapper{
width:99%;
}
div.cartdetailsnamecr{
width:58%;
}
div.cartoptionsline div.cartoptionoutstock{
display:none;
}
}
/*Styles for screens below 480px on the cart page*/
@media all and (max-width:480px){
div.ectsoftwrapper select, div.ectsoftwrapper input[type=text], div.ectsoftwrapper input[type=email], div.ectsoftwrapper input[type=password]{
width:80%;
}
div.cartcontentsdiv{
padding:5px 0;
}
div.cartdetailsquant{
visibility:hidden;
}
div.ectsf2col > div:first-child{
width:auto;
margin-bottom:3px;
}
div.ectsf2col{
display:block;
}
div.softformjright{
text-align:left;
float:left;
}
div.cdformpayradio1{
width:50%;
}
div.cart3servicecommitment{
display:block;
}
div.ectdivhead{
margin-bottom:5px;
}
div.cartname{
font-size:1em;
}
div.billformrow,div.shipformrow,div.copayresultrow,div.nohidebillrow,div.checkoutadds2col,div.cart4row{
display:block;
}
div.cobhl4{
margin-bottom:1px;
}
div.cobhl2,div.cdshipftselect{
width:auto;
}
div.scrproduct{
width:98%;
}
div.logintoaccount, div.createaccount{
display:block;
margin:4px 0px;
}
div.cartacctloginnametext, div.cartaccloginemailtext, div.cartaccloginpasswordtext, div.cartaccloginextra1text, div.cartaccloginextra2text, div.cartloginemailtext, div.cartloginpwdtext{
width:98%;
}
div.cartaccloginallowpromo, div.cartlogincookie{
width:25px;
}
div.cartaccloginrecaptchaspace{
display:none;
}
div.cartloginlogin, div.cartloginnewacct{
width:45%;
}
div.cartloginforgotpwd{
text-align:left;
width:96%;
margin-top:9px;
}
.shiptablerates{width:100% !important;}
div.searchcntnr,div.reviewformline{
display:block;
padding:4px;
}
div.searchtext,div.reviewlabels{
width:auto;
}
div.cartresumecontents,div.custdetailsresume{
margin:5px;
padding:8px;
border-radius:5px;
}
/*Styles for screens below 480px on the affiliate, order status, client login page*/
div.ectdivright input{
width:95%;
}
div.ectdiv2column input{
margin:6px 0px 12px 0px;
}
div.ectdivright{
width:auto;
display:block;
margin:10px 0;
}
div.ectdivleft{
width:auto;
display:block;
}
div.ectgiftcerts textarea{
width:98%;
}
div.ectdonations textarea{
width:98%;
}
div.cobhl4,div.cobll4{
width:auto;
}
div.cdformtnewaccount,div.cdformtmailingd{
width:auto;
float:none;
text-align:left;
}
div.cdformnewaccount,div.cdformmailingd{
width:auto;
float:none;
padding:12px 0px;
}
div.ectclordrow1, div.ectclordrow2, div.ectclordrow3{
display:block;
text-align:center;
}
div.ectclprodimg{
max-width:none;
}
div.ectclprodimg > img{
max-height:100px;
}
div.ectorderhistorytable button{
display:inline-block;
}
}
@media print{
.no-print, .no-print *{
display:none !important;
}
}