H1 {
	font-size: larger;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
BODY, TABLE {
	color: #000000;
}
BODY {
	background: black;
	text-align: center;
}
A:visited {
	color: #F4dd22;
}
A:link {
	color: #FFFFCC;
}
A:active {
	color: red;
}
.sub-category, .product {
	padding: 10px;
}
.special {
	font-size: smaller;
}
.search-results {
	margin-top: 2em;
	width: 100%;
}
.search-result-price {
	text-align: right;
}
.search-result-image {
	text-align: center;
}
.search-result-gutter {
	height: .5em;
	line-height: .5em;
}
.schema-title {
	margin-top: 5px;
}
.product-savings {
	padding-left: 13px;
}
.product-our-price {
	font-weight: bold;
	margin-left: 10px;
}
.product-amount {
	font-weight: bold;
	text-align: left;
}
.paging-wrapper {
	height: 1.5em;
	position: relative;
}
.paging-info {
	text-align: right;
}
.item-unit-price, .item-total-price, .item-adjusted-unit-price, .item-adjusted-total-price {
	font-weight: bold;
}
.item-title {
	padding-bottom: 1.5em;
}
.item-option-with-adjustment DIV {
	border-bottom: dotted 1px;
}
.item-option-value {
	font-weight: normal;
}
.item-option-name {
	font-weight: bold;
}
.item-image {
	text-align: center;
}
.item-count {
	float: left;
	font-weight: bold;
	margin-top: 5px;
	text-align: left;
	white-space: nowrap;
}
.error TABLE {
	color: black;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.error A:visited {
	text-decoration: underline;
}
.error A:link {
	text-decoration: underline;
}
.error A:hover {
	text-decoration: underline;
}
.error A:active {
	text-decoration: underline;
}
.error {
	background: #ffcccc;
	border: thin #ff3333 solid;
	border-width: 2px;
	color: black;
	font-style: normal;
	font-weight: bold;
	margin: auto;
	margin-bottom: 1em;
	padding: 8px;
	text-align: center;
	text-decoration: none;
	width: 90%;
}
.coupon-redemption-code {
	text-align: center;
}
.coupon-redemption {
	border: 1px solid;
	clear: both;
	margin: 10% 10% 0 10%;
	padding: 5px;
}
.content-wrapper TABLE {
	margin-left: auto;
	margin-right: auto;
}
.content-wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 280px;
}
.clear {
	clear: both;
}
.category-sort, .category-paging {
	height: 100%;
	position: absolute;
	top: 0;
	width: 50%;
}
.category-sort {
	left: 0;
	text-align: left;
}
.category-paging {
	right: 0;
	text-align: right;
}
.category-gutter DIV {
	border-top-style: solid;
	border-top-width: 1px;
}
.category-gutter {
	font-size: 8px;
	line-height: 8px;
	padding: 0;
}
.cart-summary-gutter DIV {
	border-top-style: solid;
	border-top-width: 1px;
	margin-left: auto;
	margin-right: 0;
	width: 40%;
}
.cart-summary-gutter {
	font-size: 8px;
	line-height: 8px;
	padding: 0;
	text-align: right;
}
.cart-shipping-gutter-top DIV {
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 20px;
}
.cart-shipping-gutter-top {
	font-size: 8px;
	line-height: 8px;
}
.cart-shipping-gutter-bottom DIV {
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 20px;
}
.cart-shipping-gutter-bottom {
	font-size: 8px;
	line-height: 8px;
}
.cart-items-start-gutter, .cart-items-end-gutter, .cart-item-gutter {
	font-size: 8px;
	line-height: 8px;
	padding: 0;
}
.cart-items-start-gutter DIV, .cart-items-end-gutter DIV, .cart-item-gutter DIV {
	border-top-style: solid;
	border-top-width: 1px;
}
.cart-item-highlight TD {
	font-size: larger;
	font-style: italic;
	text-transform: uppercase;
}
.cart-item-highlight .item-image {
	border-left: 1px dashed;
}
.cart-item-buttons TD {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: right;
}
.cart-item-buttons SPAN {
	margin: 0 0 0 2em;
}
.cart-dollar-amount {
	text-align: right;
}
.call-for-price {
	font-weight: bold;
}
#shopping-cart-status {
	background: url(/app/catalog/static/2.9.7/EZCatalog/shopping-cart.png) no-repeat left;
	clear: both;
	float: right;
	min-height: 21px;
	padding-left: 22px;
	text-align: right;
	white-space: nowrap;
}
#search-main FORM {
	margin: 0;
	padding: 0;
}
#search-main {
	float: right;
	margin-top: 5px;
	text-align: right;
	white-space: nowrap;
}
#product-volume-discounts UL {
	margin: 5px;
	padding: 0 15px 0 15px;
}
#product-volume-discounts {
	border: 1px solid;
	margin: 1em 0 0 0;
	padding: 5px;
}
#product-thumbnail-images {
	margin-top: 1em;
}
#product-search-keys UL .label {
	display: inline;
}
#product-search-keys UL {
	margin-top: 0;
}
#product-search-keys .label SPAN {
	display: none;
}
#product-search-keys {
	margin-top: 1em;
}
#product-quantity TH, .product-option TH {
	text-align: right;
	white-space: nowrap;
}
#product-more-info {
	margin-top: 1em;
}
#product-main-image img {
	max-width: 200px;
}
#product-images {
	float: left;
	width: 200px;
}
#product-details {
	margin-left: 210px;
}
#product-description {
	margin-top: 1em;
}
#no-search-results TABLE {
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
#no-search-results P SPAN {
	font-style: italic;
}
#no-search-results P {
	border: 0;
	font-size: 1em;
	margin-top: 0;
}
#no-search-results .gutter {
	background: url(http://abc.eznettools.net/graphics/pix.jpg) repeat-y center;
}
#no-search-results {
	margin: auto;
	text-align: center;
	text-decoration: none;
}
#main {
	clear: both;
	margin-top: .5em;
}
#footer {
	clear: both;
	margin-top: 3em;
}
#content-gutter {
	font-size: 0;
	width: 5px;
}
#content H1 {
	margin-top: 0;
}
#content A:visited {
	text-decoration: underline;
}
#content A:link {
	text-decoration: underline;
}
#content A:hover {
	text-decoration: underline;
}
#content A:active {
	text-decoration: underline;
}
#content {
	border: 1px  none;
	margin-left: 21%;
	padding: 10px;
	text-align: left;
}
#category-navigation ul {
	margin: 5px 0 0 0;
	padding: 0;
}
#category-navigation li ul {
	padding: 0 0 0 10px;
}
#category-navigation LI {
	margin-bottom: 3px;
}
#category-navigation A:visited {
	text-decoration: none;
}
#category-navigation A:link {
	text-decoration: none;
}
#category-navigation A:hover {
	text-decoration: none;
}
#category-navigation A:active {
	text-decoration: none;
}
#category-navigation .selected UL {
	font-weight: normal;
}
#category-navigation .selected {
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
}
#category-navigation .non-expandable {
	list-style-image: none;
	list-style-type: none;
}
#category-navigation .expanded {
	list-style-image: none;
	list-style-type: none;
}
#category-navigation .expandable {
	list-style-image: none;
	list-style-type: none;
}
#category-navigation {
	border: 1px  none;
	padding: 0 .5% 1% .5%;
	text-align: left;
	width: 19%;
}
#cart-summary-total TH, #cart-summary-subtotal TH, #cart-summary-coupon TH, #cart-subtotal TH, #cart-summary-tax TH, #cart-summary-shipping TH {
	text-align: right;
}
#cart-summary-coupon TH {
	font-weight: normal;
}
#cart-shop-button, #cart-update-button, #cart-empty-button {
	float: left;
}
#cart-shop-button, #cart-update-button {
	padding-right: 8px;
}
#cart-details TD, #cart-details TH {
	padding-left: 3px;
	padding-right: 3px;
}
#cart-checkout-button {
	float: right;
}
#cart-buttons {
	padding: 1.2em 0;
}
#bread-crumb-trail {
	margin-top: 5px;
	text-align: left;
}
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,700);

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {-webkit-text-size-adjust:100%; }

body {
margin:0;
background:url(../layout/background.png) #111;
color:#ddd;
font-family: 'Exo 2', sans-serif;
font-size:100%;
}

/*--- Fullscreen setup ----*/

.ezpagebuilder-page-wrapper, .ezpagebuilder-page-wrapper > table, .ezpagebuilder-page-main {
width:100%; 
}
.ezpagebuilder-page-offset {display:none;}

.maxwidth { max-width:1020px; margin:auto; }

.padding {
padding:6px 16px;
}

/*-------- General Formatting -----------*/

h1, h2, h3, h4, h5, h6 {
margin:.3em auto;
line-height:1.15;
}

::-moz-selection { background:#e53; }
::selection { background:#e53; }

h1 {font-size:2.8em; margin:.15em 0; text-shadow:0 0 1px rgba(245,245,245,.8); }
h2 {font-size:2.1em; font-weight:normal; }

p {margin:.6em auto;}

a, a:link {color:#fff9b6; }
a:visited {color:#cabca0;}

.button a {
display:inline-block;
background:#611213;
color:#fff;
padding:12px 18px;
line-height:1;
border:solid 1px #d5c9a5;
text-decoration:none;
font-size:22px;
border-radius:3px;
}
.button a:hover { background:#911;}

.button a:after {
content:" \00bb";
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}



/*--- back button ---*/
.back-button a{
display:inline-block;
background:#511;
text-decoration:none;
padding:.4em .5em;
line-height:1;
border-radius:3px;
}
.back-button a:hover{ background:#711; color:white;}
.back-button a:before{
display:inline;
content:"\00ab";
margin-right:4px;
}


/*------ header -------*/

.header {
background: url(../layout/header-bg.png) bottom #191919;
color:#eee;
min-height:105px;
}
.header:after {
content:" ";
display:block;
background:url(../layout/header-bar.png) #531214;
width:100%;
height:5px;
box-shadow:0 4px 4px #000;
}


#logo {
display:inline-block;
position:relative;
}

#logo img{border:none;}

#logo a h1 {
margin:0;
display:inline-block;
color:#f5f5f5;
fpmt=
padding:4px 0;
}

#logo a.cat-link {
position:absolute;
bottom:1.2em; right:8px;
color:#ccc;
}
#logo a.cat-link:hover {color:#ffe;}


.header-inner a:hover h1 {
outline:dotted 1px #555;
background:rgba(255,255,255,.04);
}

.header .button a {
display:block;
padding:14px 5px;
margin:3px;
font-size:1.0em
}

.header-right {
float:right;
min-height:3.5em;
vertical-align:middle;
color:#eee;
text-align:center;
}

#main-phone-number {
font-size:1.9em; 
font-weight:bold;
}

#dropdown-menu {
list-style: none;
position:relative;
margin:2px; padding:0;
text-align:center;
z-index:9999;
}

#dropdown-menu li > span{
display:block;
background:#bbb;
background:rgba(200,200,200,.65);
color:black;
padding:.45em;
cursor:default;
border:solid 1px #000;
border-radius:4px;
pointer-events: none;
}
#dropdown-menu li {display:block;  }
#dropdown-menu li:hover {}
#dropdown-menu li > span:after { 
content:" ";
display:inline-block;
border:solid 6px transparent;
border-top:solid 6px currentColor;
border-bottom-width:2px;
margin-left:5px;
}

#dropdown-menu li ul {
display:none;  
position:absolute;
left:0; top:100%;
margin:0; padding:0;
list-style:none;
}
 

#dropdown-menu > li:hover ul {display:block; z-index:99;}

 

/*----- log in and out -----*/

.log.in {
display:block; 
background:rgba(230,0,0,.06);
border:solid 1px #433;
}
.log.out {display:none;}

.auth-signed-in .log.out { 
display:block; 
border:solid 1px #050; 
background:rgba(0,240,0,.08);
}
.auth-signed-in .log.in { display:none;  }


.log {
display:block;
padding:2px 5px;
transition:.5s;
}

.log span[role=button] {
display:inline-block;
padding:8px;
margin:0;
margin-left:2px;
background:black; 
font-weight:bold;
line-height:1;
border:solid 1px #777;
border-radius:4px;
cursor:pointer;
}
.log span[role=button]:hover {
background:#c11;
}

#login-btn {width:100%;}



/*-------------- Play Video Button -------------------*/

#content a.play-btn {
	display: block;
	border: solid 1px #aaa;
	background:#222;
	background:rgba(50,50,50,.4);
	padding: .5em;
	color:#ddd;
	text-decoration: none;
	border-radius:4px 16px 4px 16px;
	box-shadow:inset 0 0 6px rgba(200,200,200,.5);
}

.play-btn:before {
	content:url(http://www.erazorbits.com/video/play-icon.png);
	display: block;
}


/*----- slideshow --------*/

#slideshow {
background:#000;
background:rgba(10,10,10,.55);
position:relative;
border:solid 1px #000;
border-left:none; 
border-right:none;
box-shadow: 0 5px 5px rgba(255,255,255,.15);
}

#slideshow .inner {
width:100%;
overflow:hidden;
white-space:nowrap;
}

#slideshow span {
display:inline-block;
max-width:100%;
opacity:.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
border:solid thin #2e2e2e;
transition: border .5s;
}

#slideshow span.current {
border:solid 1px #999;
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#slideshow span:first-child {
margin-left:10%;
transition:.05s;
}

#slideshow span img {
width:1008px;
height:auto;
max-height:368px;
}

.arrow {
position:absolute;
top:34%;
height:86px; width:51px;
background:url(../layout/arrows.png) ;
cursor:pointer;
opacity:.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
transition:.15s ease-out;
border:solid 1px #999;
box-shadow: 0 1px 3px #000;
z-index:999;
}
.arrow:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.arrow.left{ 
left:0; 
background-position:-2px 0; 
border-left:none;
}

.arrow.right {
right:0;
background-position:54px 0;
border-right:none;
}


/*----------- Featured Products carousel -----------*/

.table-fixed table { table-layout:fixed;}


#carousel {
position:relative;
background:#111;
border:solid 1px #444;
max-width:100%;
min-height:120px;
}

#carousel .shadow{
content:" ";
display:block;
position:absolute;
top:0; right:0;
height:100%;
width:50px;
background:url(../layout/shadow.png) left;
}

#carousel .shadow.left {
left:0;
background-position:50px;
}

#carousel .inner {
position:relative;
overflow:auto;
padding:8px;
white-space:nowrap;
}

.featured-product{
display:inline-block;
*display: inline;
zoom: 1;
margin:2px;
text-align:center;
vertical-align:top;
}
.featured-product div:first-child{
background:white;
}

.featured-product a{
color:#cdc;
font-size:12px;
white-space:normal;
}

#carousel ul {
list-style:none;
margin:0; padding:0;
white-space:nowrap;
}

#carousel .meter {display:inline-block;}

/*---------- footer -----------*/
.footer {
background:#101010;
border-top:solid 1px #333;
margin-top:30px;
padding:10px 10px 50px;
}

/*------ leftnav ------*/

#menu-btn {display:none;}

#category-navigation { padding:0; width:12em; }

#category-navigation ul, .nav ul {
list-style:none;
margin:0; padding:2px;
background:black;
border:solid 1px #181818;

color:#aaa;
}

#category-navigation ul ul {
margin-left:10px; padding-left:0px;
}

#category-navigation li a, .nav li a {
display:block;
background:#171717;
border:solid 1px #383838;
margin:3px;
padding:10px;
font-size:1em;
font-weight:normal;
text-decoration:none;
color:#bbb;
transition: all .6s cubic-bezier(.16,.7,.65,.99);
}

#category-navigation li.selected {
background:#2a2a2a;
padding:10px 5px;
font-size:18px;
margin:3px;
border:solid thin #aaa;
}

#category-navigation li.selected ul { margin-left:0; }

#category-navigation li a:hover, .nav li a:hover {
background:#2c2c2c;
border-color: #777;
}

/*.fixed  #category-navigation > div{
position:fixed;
top:5px;
}*/

#category-navigation > div.fixed {
position: fixed;
left:4px;
width:12em;
}


/*---------- Order Review -------------*/
#order-lookup-form label, #order-lookup-form input, #order-lookup-form button {
font-size:20px;
padding:2px 4px;
}

#order-lookup-form input[type=number]::-webkit-inner-spin-button,
#order-lookup-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#order-lookup-form .address-info, .additional-info {
display:block;

}

.address-info { float:right; }

.additional-info { display:inline-block; }

.address-info > div, .additional-info > div {
    display:inline-block;
    margin:3px;
    padding:15px;
    max-width:320px;
    vertical-align:top;   
    line-height:1;
}

.address-info h2, .additional-info h2 {
    font-size:1.3em;
    padding-bottom:5px;
    border-bottom:solid 1px #aaa;
}

.address-info p, .additional-info p {
    margin:0px auto;
    line-height:1.3;
}

@media (max-width: 715px) {
  .address-info { float:none; }
}


/*--------- Superform buttons ---------*/

.dropdown-btn {
position:relative;
background:#444;
padding:.5em;
font-size:1.5em;
margin:.4em 0 0px;
border-radius:3px;
border:solid 1px #666;
border-top-color:#aaa;
box-shadow:inset 0 2px 8px rgba(255,255,255,.2);
transition:.15s background ease;
-webkittransition:.15s background ease;
cursor:pointer;
}

.dropdown-btn:hover {
background:#324a32;
}

h3.dropdown-btn {
background:#323a32;
margin:.3em .2em;
margin-bottom:0px;
font-size:1.25em;
}

.dropdown-btn:after {
content: " ";
display:inline-block;
position:absolute;
right:.15em; top:1em;
border:solid .3em transparent;
border-top:solid .3em;
margin:0 8px 10px;
transition:.25s;
-webkit-transition:.25s;
transform-origin:50% 25%;
-webkit-transform-origin:50% 25%;
transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}

.expanded > .dropdown-btn:after {
transform:rotate(0deg);
-webkit-transform:rotate(0deg);
}

.expanded > .dropdown-btn {background:#242; }
.expanded > h3.dropdown-btn {background:#262;}


.category {  transition:.5s ease-in; }



/*---- superform table -------*/

#superform .expanded > .category-sort {
display:block;
margin-left:5px;
}

.customer-info table, .customer-info td{
display:inline-block !important;
text-align:left;
}
/*.customer-info { display:none; }*/

.customer-info span {
display:inline-block;
padding-right:4px;
padding-top:6px;
}

.customer-info label{display:block; color:white;}
.customer-info input, .customer-info textarea {
width:17em; 
padding:3px; 
background:#f0f0f0;
/*font-family:sans-serif;*/
}
.customer-info input:focus, .customer-info textarea:focus { background:#fff; }

.customer-info .error {font-size:.9em; background:#c11; color:white; }

#superform table {width:99%; margin:4px auto; border-collapse: collapse; /*font-family:arial;*/}
#superform tr:nth-child(odd) { background:#232; background:rgba(90,120,90,.25); }
#superform tr:nth-child(even) { background:none; }
#superform td, #superform th{ border:ridge 2px #333; padding:3px; text-align:center; }

#superform tr.non-zero { background:#152a15 !important;  border:solid #bb6; transition: .25s;}
#superform td.non-zero {background: #226622 !important; color:white; border:solid 2px #fec; transition: .25s;}



#superform .item-name {width:20%;}
#superform .item-image {min-width:120px !important;}


#superform label {display:block;}

#superform input { width:3.5em; }

#superform button { padding:.4em; }

#superform .category > table,
#superform .category > div { display: none; }

.items.loading:after{
display:block;
content:url(../layout/ajax-loader.gif);
text-align:center;
}
.items.loading:before{
content:" Loading...";
display:block;
text-align:center;
color:#aaa;
padding:5px 0 4px 10px ;
}


#total-bar {
 position:fixed;
 bottom:0; left:0;
 font-size:120%;
 width:100%;
 background:#000;
 background:rgba(10,10,10,.92);
 border-top:solid 1px #eee;
 text-align:right;
 padding:.9em;
}

#total-bar button{
font-size:.9em;
font-family: 'Exo 2', sans-serif;
line-height:1;
padding:.4em;
background:#911;
color:white;
margin:0 .5em;
cursor:pointer;
}

#total-bar button:hover, #total-bar button:focus{
background:#c00;
outline:dotted 1px white;
}


/*-------------------- Catalog Styling -----------------------*/

.content-wrapper {width:100%; }

table {color:#e4e4e4;}

#bread-crumb-and-search, #bread-crumb-and-search, #main  {
padding:0 .6em;
}

.paging-wrapper { height:auto; padding:3px 0; border-top:solid 1px #444; }

#content {overflow:auto; padding-left:2%;}

#content-gutter { display:none;}


#content .main { text-align:justify; min-height:800px;}

.item {
border:solid thin #2a2a2a;
background:rgba(100,100,100,.1);
display:inline-block;
*display:inline;
zoom:1;
margin:5px 0;
vertical-align:top;
width:230px;
text-align:center;
}
.item img, .item-image img, #product-main-image img {
background:white;
}

.sub-category {min-height:285px;}
.product { min-height:340px; }

#content .main:after {
content:" ";
display:inline-block;
width:100%;
}

.product-name-description {
min-height:6em;
}

.product-amount {text-align:center;}
.product-amount input[type=submit] {
background:#040; 
color:white; 
padding:6px 10px;
border:solid 1px #777;
border-bottom-color:#666;
border-radius:3px;
box-shadow: 0 3px 2px #000;
cursor:pointer;
}
.product-amount input[type=submit]:hover { background:#161; }
.product-amount input[type=submit]:active{ border: solid 1px #333; background:#050;  }

.item.hidden {border:solid thin #111; min-height:1px !important;  }

.right-column {display:none;}

.share-links {float:left; background:#222; padding:.5em; margin:1em 0; min-height:52px;  }

#product-details { max-width:1200px;}

#product-images, #product-details { margin-left:20px; margin-bottom:5px; }

#product-thumbnail-images {
margin-top:1px;
}

#product-description {
display:block;
text-align:left;
font-size:90%;
background:#111;
padding:.5em 1em;
border:solid 1px #333;
color:#ddd;
clear:both;
}

#product-description h3 { position:relative;
background:#611; padding:5px 7px; margin:10px 0 0 1px; cursor:pointer; 
border-radius:2px; box-shadow:inset 0 1em .45em rgba(255,225,205,.05);
}
#product-description h3 span{ 
display:inline-block;
border:solid 5px transparent;
border-top:solid 5px;
position:absolute;
top:.7em;
right:.5em;
}

#product-description table {
border-collapse:collapse;
width:100%;
}

#product-description thead { border:solid 1px #aaa; }
#product-description th {background:#232; padding:5px; border:solid thin #000; }

#product-description tr { background:#222; }
#product-description tr:nth-child(odd) { background:#222; }
#product-description tr:nth-child(even) { background:#333; }
#product-description tr:hover { outline:dotted thin #666; }

#product-description td {
border:solid 1px #000;
padding:5px;
}


.product-options label, #product-options label {
display:inline-block; padding:4px 4px; text-align:center; min-width:4em;
}
.product-options label span, #product-options label span {
display:block; font-size:.75em; /*font-family:sans-serif;*/
}
.product-options label input, #product-options label input { 
padding:2px; 
width:3.8em;
}

.category-sort, .category-item-count {
position:relative;
display:inline-block;
width:auto;
padding:2px;
}
.category-paging {
padding:3px 0 0;
}

/*------ Shopping Cart -------*/
.cart-dollar-amount {display:none;}


.cart-item-option span { display:inline-block; padding: .1em .3em; text-align:center; }

.cart-item-option input {width:3em;}

.cart-item-option label { display:block; font-size:90%; }

#cart-checkout-button input {
background:gold;
border-color:gold;
font-family: 'Exo 2', sans-serif;
font-weight:bold;
color:#620;
padding:.2em .4em;
}


/*------ In-line cart --------*/
#shopping-cart-status {
background:none;
}
.cart-status {
  position: relative;
  display:inline-block;
  text-align:left;
  min-width:180px;
  background:#2a2a2a;
  border:solid 1px #555;
  cursor:pointer;
  padding:.4em .5em .1em;
}
.cart-status:hover {
border-color:#888;
}
.cart-status:after {
content:" ";
position:absolute; 
top:.9em; right:.4em;
display:inline-block;
width:0; height:0;
border:solid 6px transparent;
border-top:solid 6px;
vertical-align:bottom;
}


.cart-status-title a{
display:inline-block;
color:transparent;
background:url(../layout/icon-cart.png) no-repeat;
width:22px;
height:24px;
overflow:hidden;
vertical-align:middle;
}
.cart-status-checkout a { 
display:inline-block;
color:#fff;
background:#600;
font-weight:bold;
text-decoration:none;
border:solid 1px #555;
padding:6px;
margin:0 14px 0 2px;
}

.cart-status-checkout a:hover {color:#ffa;}

#inline-cart {
  background: black;
  background:rgba(0,0,0,.95);
  border: 1px solid #aaa;
  min-width:320px;
  position: absolute;
  right: 0;
  text-align: left;
  z-index: 100;
  cursor:auto;
}
#inline-cart .close {
position:absolute; 
top:0; right:0;
display:inline-block;
padding:8px 12px;
background:#111;
border:solid 1px #555;
text-decoration:none;
}
#inline-cart .header h3 {
display:inline-block;
padding:5px 10px;
}
#inline-cart .items{
padding:6px;
}

#inline-cart.detached {
  position: fixed;
  top: 0;
}
.inline-cart-item {
  width: 100%;
  overflow: hidden;
  line-height:1;
  padding:4px;
  white-space: normal;
  border-bottom:solid 1px #333;
}


.inline-cart-item img {
  float: left;
  margin-right: 4px;
}
.item-sizes span {
font-size:.8em;
}

.inline-cart-item span {
  padding: 0 3px;
}
.inline-cart-spinner {
  background: url('../layout/ajax-loader.gif');
  width: 32px;
  height: 32px;
  margin: auto 8px;
}

#inline-cart .summary {
padding:6px;
}

#inline-cart a {
display:inline-block;
color:white;
background:#611213;
padding:4px 8px;
margin:3px;
text-decoration:none;
}
#inline-cart a:hover { 
background:#911;
}

/*--- Item added ---*/
#inline-cart.item-added .header {
display:none;
}




/*------ EZ-Checkout -------*/

.ezcheckout-main h1 {font-size:1.5em;}

.ezcheckout-aside .item {
text-align:left;
display:block;
width:98%;
}

.ezcheckout-summary, .ezcheckout-payment-methods, .ezcheckout-payment-method, .ezcheckout-payment-instructions,
#ezcheckout-payment.section.past p { display:none; }

#ezcheckout-payment.section.past:after { content: "TBD"; }

.ezcheckout-commenttop {
padding:8px;
font-size:1.2em;
}

#ezcheckout-shipping .ezcheckout-shipping-method b,
#ezcheckout-shipping.past p b {
  display: none;
}

.ezcheckout-wrapper .header {
background:none;
}
.ezcheckout-wrapper .header:after {
display:none;
}

.item-options span {
display:inline-block; 
font-family:sans-serif;
margin-right:2px;
font-size:1.1em;
font-weight:bold;
background:white;
border:solid 1px #555;
text-align:center;
}
.item-options span abbr {
display:block;
background:#c11;
padding:2px 4px;
min-width:1.8em;
color:white;
}

.item-price {display:none;}

/*||||||||||||||||||||| Media Queries |||||||||||||||||||||||||*/

@media (min-width: 1300px) {
 #slideshow span:first-child { margin-left:164px; }
 .padding { padding:10px 42px; }
}

@media (min-width: 1420px) {
 #slideshow span:first-child { margin-left:200px; }
}

@media (min-width: 1600px) {
 #slideshow span:first-child { margin-left:320px; }
}

@media (min-width: 1900px) {
 #slideshow span:first-child { margin-left:440px; }
}


@media (max-width: 1024px) {

 #slideshow span:first-child { margin-left:0; }
 img { max-width:100%; height:auto !important; }

}

/*--------- below 820px -----------*/
@media (max-width: 820px) {

 body {font-size:87%;}

 #product-details, #product-images { margin-left:20px;  }

 .padding { padding:2px 8px; }

}


/*--------- below 625px -----------*/
@media (max-width: 625px) {

 body {font-size:75%;}

 h1 {font-size:2em; }

 .padding { padding:2px 4px;}

 table, tbody, tr, td {display:block; width:auto;}
 #logo img { height:44px;}
 #logo a.cat-link {display:none;}

 .phone {margin-top:14px; height:auto;  font-size:16px; }
 #carousel img {max-width:150px; height:auto !important;}
 #slideshow .arrow {display:none; }

 #total-bar { padding:5px; }

 #bread-crumb-trail, #search-main, #shopping-cart-status {
 display:block; margin:2px; float:none; text-align:left; 
 }


 #search-main form {display:flex;}

 #search-main input[type="text"] { flex: 1 1 auto; }


 #shopping-cart-status { padding-left:1.6em;}

 #category-navigation {width:auto;  margin:14px 0;}

 .item-quantity:before {content:"Qty: ";}

 #category-navigation ul { display:none; width:100%; margin:auto;}
 .nav ul {width:95%; margin:auto;}

 #dropdown-menu li span { padding:1em; }
 //#dropdown-menu li ul { display:block; position:static; }
 #category-navigation li a, .nav li a {padding:16px;}

 #menu-btn {
 display:block;
 background:#222;
 color:#ddd;
 line-height:1;
 text-align:center;
 width:100%;
 padding:11px 18px 13px;
 cursor:pointer;
 font-size:18px;
 font-weight:bold;
 border:solid 1px #555;
 border-radius:6px;
 -webkit-box-shadow: inset 0 2px 3px 1px rgba(255,255,255,.25);
 }

 #content {margin:0; padding:0; text-align:center;}

 .item { max-width:49%; }

 #product-images {float:none;}
 #product-details {margin:0px;  }

 #product-description {overflow:auto; padding:3px; }
 #product-description table, #superform table {display:table; font-size:90%;}
 #product-description tbody, #superform tbody{display:table-row-group;}
 #product-description tr, #superform tr {display:table-row;}
 #product-description td, #superform td {display:table-cell; padding:5px 1px; }

 #product-options tbody { min-height:3em; }

}

@media (max-width: 418px) {

 .header-right {float:none;}

 .sub-category {min-height:180px;}
 .category-sort select { width:100px; font-size:10px;}
 .category-item-count select { width:60px; font-size:10px; }
 .phone {font-size:12px; }
}

/*------------ print stylesheet ----------------*/
@media print { 

 #category-navigation, #total-bar, .customer-info {display:none;}
 #superform {font-size:70%; font-weight:normal;}
 #superform td, #superform th {border:solid 1px #ccc;}
 #superform input {border:none; border-bottom:solid 1px black;  }
  input[type=number]::-webkit-inner-spin-button,  input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;    margin: 0; }


}


/*========= dashboard (temporary) ============*/

input[type=checkbox] {margin:2px;}

select{ padding:4px; }

input:focus, textarea:focus, select:focus, input[type=checkbox]:focus + span, button:focus, #dashboard div:focus { 
background:#ffa !important; 
outline:dotted 1px red !important; 
color:black !important;
box-shadow: 0 0 1px 1px rgba(255,55,40,.85), inset 0 0 1px 1px rgba(255,55,40,.85);
}


.new-order-ui {
 border:solid 1px #222;
 background:#131313;
}

.quickorder-field-wrapper {
padding:.5%;
}

.quickorder-field-secondary {display:inline-block; }

.quickorder-field-wrapper .field {
display:inline-block;
vertical-align:top;
margin:.4em;
}

.billing-address, .shipping-address {
width:48%;
}

.quickorder-field-wrapper .field label{ 
display:block;
}

.quickorder-field-wrapper .field textarea { 
height:9em;
width:100%;
padding:4px;
}

.watermark_container {width:100%;}

.quickorder-field-wrapper .field input:not([type=checkbox]){
padding:4px;
}
@media (max-width:650px) {
.billing-address, .shipping-address { width:98%; }
}

table.items {
width:98%;
border:solid 1px gray;
margin:0 1%;
background:#1c1c1c;
}

table.items tr{
outline:solid 1px #333;
}

table.items td, table.items th{
padding:.25em .5em;
}

.error {
  background:#a10;
  font-size:.9em;
  padding:.5em;
  border-radius:2px;
  z-index:99;
  opacity:.94;
  animation: .3s ease-out Error ;
  transform-origin:top left;
}

@keyframes Error {
  0% { opacity:.0; transform:translateY(-100%);}  
}

.total-bar { padding: .5em 1% ; }

.total-bar button {
  padding:.4em;
  background:#060; 
  border-color:#8a8;
  color:white;
  margin:.25em;
}
.total-bar button { background:#060; border-color:#8a8; }
.total-bar button.submit-btn { background:#030; }
.total-bar button.cancel-btn { background:#a00; border-color:#d88; }

#more-orders { 
 font-size:.85em;
 background:#0F330F;
 color:white;
 padding:.6em;
 margin: .1em .5em;
}
#more-orders[disabled] {background:#596859; opacity:.25;}
#more-orders[disabled]:after { content: " (that's all of them)";}

#loader-overlay {
 display:block;
 visibility:visible;
 position:absolute; 
 left:0;  top:0; 
 top: 135px;
 background-color:rgba(30,30,30,.88);
 width:100%;
 height:100%;
 z-index:98;
 opacity:1;
 transition:.5s;
}
.loaded #loader-overlay { visibility:hidden; opacity:0;}

.auth-signed-out #loader-overlay {  visibility:visible ; opacity:1;}
.auth-signed-out #loader-overlay #loading-box { visibility:hidden; }

#not-logged-in { visibility:hidden; }
.auth-signed-out #not-logged-in { visibility:visible;}

#loader-overlay .loader {
 width: 24em;
 min-height:110px;
 color:#ffe;
 padding: .8em;
 border:solid 1px rgba(255,255,255,.25);
 text-align:center;
 background:linear-gradient(to right, transparent 20%, rgba(70,70,70,.55) 50%, transparent 90%);
 background-size:44em 44em;
background-position: -10em 0;
 background-color:#000;
 background-color:rgba(0,0,0,.88);
 margin:auto;
 position:relative;
 top:40%;
 margin-top:-8em;
 box-shadow: 0 0.2em .3em rgba(0,0,0,.8);
 animation: 6s move-away infinite alternate; 
 -webkit-animation: 6s move-away infinite alternate; 
}
@keyframes move-away {
 0% { transform:scale(.6); opacity:.2; animation-timing-function: ease-out; }
 25% { transform:scale(1); opacity:1; animation-timing-function: ease-in-out; }
 75% { transform:scale(1); opacity:1;  animation-timing-function: ease-in-out; }
 100% { transform:scale(.6); opacity:.2; background-position: 10em 0; animation-timing-function: ease-in; }
}
@-webkit-keyframes move-away {
 0% { transform:scale(.6); opacity:.2; animation-timing-function: ease-out; }
 25% { transform:scale(1); opacity:1; animation-timing-function: ease-in-out; }
 75% { transform:scale(1); opacity:1;  animation-timing-function: ease-in-out; }
 100% { transform:scale(.6); opacity:.2; background-position: 10em 0; animation-timing-function: ease-in; }
}

#loader-overlay .loader h4 { margin-bottom:.6em; }

.tracking { white-space:nowrap; text-align:left; }

.print-preview {
 border:solid 1px #aaa;
 background:#666;
 background:rgba(80,80,80,.99);
 padding:.1em;
}
.print-button {
float:right;
font-size: 1.3em;
padding: 0.2em 0.6em;
margin: 0px 0.1em;
}

.close-print-preview {
float:right;
font-size:1.1em;
padding:.5em 1em;
font-weight:bold;
background:#111;
color:white;
cursor:pointer;
}
.close-print-preview:hover {
background:#c11;
}

.print-preview iframe{
display:block;
background:white;
border:inset 2px #aaa;
max-width:8in;
margin:auto;
}
.processing .dropdown:before{
content:"saving";
outline:solid thick orange;
}