body {

	background-color: #404040;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #E0E0E0;
	margin: 0;    /*----------------makes page span to screen edges*/
}

a {
	text-decoration: none;
	font: inherit; /* means a tags will look like body text */
	color: inherit;
}
a img {
	border: none;
}

div.page  {
	background-color:#404040;
	align-content: center;
	padding: 0px;
	margin: 0px;
}
/* This is for styles you want applied to ALL 4 tables listed */
/* if a , is used the rules apply individually to each thing like below. If a space is used the rules are applied as nested in order table.header-table "something in the table" "sonething inside that" */
table.main-table {
	/*box-sizing:inherit;*/
	box-shadow: 5px 5px 5px #171717;
	border: 1px solid #4A4A4A;
	border-radius: 5px;
	background-color: #202020;
	width: 98%;
	padding: 10px;
	margin: 15px auto;   /* This line makes all of the tables centered on the page. It only works in combination with the centered div wrapped around the tables on the html page. */
}

table.product-table, table.twou-list {
	box-sizing: border-box;
	box-shadow: 5px 5px 5px #171717;
	width: 98%;
	margin: 10px auto;   /* This line makes all of the tables centered on the page. It only works in combination with the centered div wrapped around the tables on the html page. */
}

table.header-table, table.footer-table {
	/*box-shadow: 5px 5px 5px #171717;*/
	border: 0px solid #4A4A4A;
	width: 100%;
}

table.home, table.main-table-2 {
	box-shadow: 5px 5px 5px #171717;
	border: 1px solid #4A4A4A;
	border-radius: 5px;
	background-color: #202020;
	width: 97%;
	margin: 15px auto;
	padding: 10px auto;
	font: inherit;
	
}

table.main-table-3 {
	width: 96%;
	padding: 5px auto;
	margin: 10px auto;
	font: inherit;
}

table.main-table-A {
	/*border: 1px solid #4A4A4A;
	/*box-shadow: 5px 5px 5px #171717;
	border-radius: 5px;*/
	background-color: #202020;
	width: 100%;
	font: inherit;
	padding: 5px auto;
	margin: 10px 0px;
}

div.home-one{
	box-shadow: 5px 5px 5px #171717;
	border: 1px solid #4A4A4A;
	border-radius: 5px;
	background-color: #202020;
	width: 46%;
	height: 100%;
	float: left;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

div.home-one-img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 100%;
}

div.home-one-txt{
	margin: 0px;
	padding: 5px;
	vertical-align: top;
}

div.home-two{
	box-shadow: 5px 5px 5px #171717;
	border: 1px solid #4A4A4A;
	border-radius: 5px;
	background-color: #202020;
	width: 46%;
	height: 100%;
	float: right;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

/* this over-rides the background color above. why? to change all borders above */
table.header-table {
	background-color: #191919;
}

table.main-table td, table.product-table td, table.footer-table td {
	padding: 0px;
	clear:left;
}

table.header-table td {
	padding: 0px 0px 0px 0px;
}

div.header-image  {
	padding: 0px;
	margin: 0px;
}

/******************************************************************** breadcrumbs */

table.crumbs {
	width: 100%;
	background: #191919;
	padding: 5px 0px 0px 55px;
	border-top: 1px solid #303030;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
}

.breadcrumb { 
	display:inline;
	list-style: none; 
	font: 12px Helvetica, Arial, Sans-Serif;
}

.breadcrumb li { 
	float: left;
}

.breadcrumb li a {
	color: #EBEBEB;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
}

.breadcrumb li a:after { 
	content: " "; 
 
}
.breadcrumb li a:before { 
	content: " "; 
 
}

.breadcrumb li:first-child a {
	padding-left: 20px;
}

.breadcrumb li:nth-child(2) a       { }
.breadcrumb li:nth-child(2) a:after { color: white; }
.breadcrumb li:nth-child(3) a       { }
.breadcrumb li:nth-child(3) a:after { color: white; }
.breadcrumb li:nth-child(4) a       { }
.breadcrumb li:nth-child(4) a:after { color: white; }
.breadcrumb li:nth-child(5) a       { }
.breadcrumb li:nth-child(5) a:after { color: white; }
.breadcrumb li:last-child a {
	color: white;
	font-weight: bold;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li a:hover { 
	 color: #4dc4ff;
}
.breadcrumb li a:hover:after {
	color: #00CC33; 
}

/*-----------------------------------Specs Table-------------------------------*/

table.specs {
	font-size: 18px;
	text-align: center;
	border-spacing: 0px;
	width: 80%;
	background: #303030;
	border-top: 1px solid #202020;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
}

td.spec-row-top  {
	font-size: 20px;
	padding: 10px 0 10px 5px;
	border-bottom: 2px solid #4A4A4A;
	background: #202020;
	
}

div.spec-heading {
	font-size: 20px;
	alignment: baseline;
	color: #68CDFF;
	margin: 0px;
	float: left;
	background: #202020;
	
}

td.spec-row  {
	background: #333333;
	padding: 5px 0 5px 10px;
	border-top: 0px solid #202020;
	border-bottom: 1px solid #202020;
}

td.spec-row-grey  {
	background: #404040;
	padding: 5px 0 5px 10px;
	border-top: 0px solid #202020;
	border-bottom: 1px solid #202020;
}

/*----------------------------------- end Specs Table-------------------------------*/
/*-----------------------------------Specs Page-------------------------------*/

table.spec-page {
	font-size: 13px;
	text-align: left;
	border-spacing: 0px;
	width: 98%;
}

td.spec-page-row-top  {
	font-size: 16px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #4A4A4A;
}

div.spec-page-heading {
	font-size: 22px;
	alignment: baseline;
	color: #68CDFF;
	/*border-bottom: 1px solid #68CDFF;*/
	margin: 0px;
	float: left;
}

td.spec-page-row  {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #4A4A4A;
}

td.spec-page-row-grey  {
	background: #303030;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #4A4A4A;
}

span.grnchecksmall {
	font-size: 15px;
	color: #00FF00;
	font-style: bold;
}

/*----------------------------------- end Specs Page-------------------------------*/

/************************************************************************ TILE ROWS*/

div.tile-row-top {
	text-align: center;
	margin: 0 10px;
	padding: 0 10px;
	border-bottom: 1px solid #4A4A4A;
}

div.tile-row-left {
	margin: 5px;
	padding: 5px;
}

div.tile-row-mid {
	margin: 5px;
	padding: 5px 15px 5px 15px;
	border-left: 1px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;
}

div.tile-row-right {
	margin: 5px;
	padding: 5px;
}

div.threepicrow {
	padding: 2px;
	height: 100%;
	background: #FFFFFF;
	align-content: center;
}

/********/

/*****************************************************************/

div.home-lefty{
	width: 40%;
	float: left;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

div.home-righty{
	text-align: left;
	width: 55%;
	float: right;
	clear:inherit;
	text-overflow: inherit;
	padding: 10px;
	margin: 0px;
	vertical-align: top;
}

div.home-up{
	width: 90%;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

div.home-down{
	width: 90%;
	margin: 0px;
	padding: 10px;
	vertical-align: top;
}

/*****************************************************************/

div.avtile-row-top {
	text-align: left;
	color: #4dc4ff;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px;
	border-bottom: 1px solid #4dc4ff;
	width: 98%;
}

div.avtile-row-left {
	padding: 0 10px;
}

div.avtile-row-mid {
	padding: 0 10px;
}

div.avtile-row-right {
	padding: 0 10px;
}

div.avline {
	border-bottom: 1px solid #4A4A4A;
	margin: 5px 0px 5px 0px;
	width: auto;
}

div.avbutton {
	padding: 10px;
	
}

/**************************************************************************/

td.avtile-row-left {
	border-right: 0px solid #4A4A4A;
}

td.avtile-row-mid {
	border-left: 1px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;
}

td.avtile-row-right {
	border-left: 0px solid #4A4A4A;
}


/***************************************************************************************************************/

/* html: <div class="ad-text">  <h1>example text</h1> */
div.ad-text h1 {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	text-align: center;
}


div.tile h2 {
	padding: 0 25px;
	font-size: 18px;
	text-align: left;
}


div.header-text {
	align-self: baseline;
	font-size: 26px;
	text-align: left;
}
	

/* <table class="content"> inside this table <div class="avbody">*/
table.content div.avbody{
    border: 1px solid #333333;
	overflow: auto;
	padding: 10px;
	padding-left: 0px;
	margin: 5px;
	font: inherit;
	font-size: 14px;
	text-align: justify;
}
/**********************************************************************************/

table.white {
	width: 95%;
	margin: auto; 
	align-self: auto;
	border-spacing: 5px;
	border-radius: 8px;
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 20px;
	color: #000000;
}
	


/*********************************************************************** 1U PAGE */

table.oneu-tile {
	width: 98%;
	border-spacing: 5px;
	border: 1px solid #4A4A4A;
	border-radius: 5px;
	box-shadow: 5px 5px 5px #171717;
	background-color: #202020;
	padding: 10px;
}

table.oneu-tile td.oneu-item {
	border-bottom: 1px solid #4dc4ff;
	padding: 5px 0px 15px 0px;
}

table.oneu-tile td.oneu-item div.heading {
	font-size: 24px;
	color: #4dc4ff;
	border-bottom: 2px solid #4dc4ff;
	margin-bottom: 10px;
}

table.oneu-tile td.oneu-item-last {
	padding: 5px 0px 0px 0px;
}

td.oneu-item-last div.heading {
	font-size: 24px;
	color: #4dc4ff;
	border-bottom: 2px solid #4dc4ff;
	margin-bottom: 10px;
}


/*************************************************************** CATEGORY PAGE STYLES */
/**** "category" used for the 1U page****/

table.category-list {
	border-collapse: collapse;
	border-spacing: 5px;
	border: 1px solid #4A4A4A;
	padding: 10px;
	box-shadow: 5px 5px 5px #171717;
	background-color: #202020;
	width: 98%;
}

table.category-list td.category-info {
	font: inherit;
	border-bottom: 1px solid #4A4A4A;
	padding: 0px 10px 15px 10px;
}

table.category-list td.category-info div.heading {
	font-size: 18px;
	color: #4dc4ff;
	border-bottom: 1px solid #4dc4ff;
}

table.category-list td.category-info.last {
	border: 0;
	padding: 0;
}

table.category-list td.category-info img {
	margin: 0px 5px;
}


/*********************************************************************** 2U PAGE STYLE */
/**** "twou" used for the 2U page, accessories, cabinet fans****/

table.twou-list {
	width: 98%;
	border-spacing: 0px;
	padding: 0px 10px;
	border: 1px solid #4A4A4A;
	box-shadow: 5px 5px 5px #171717;
	background-color: #202020;
}

table.twou-list div.heading {
	font: bolder;
	font-size: 28px;
	alignment: baseline;
	color: #68CDFF;
	border-bottom: 1px solid #68CDFF;
	margin: 0 0px;
	padding-right: 30px;
	float: left;
}

table.twou-list div.heading2 {
	font: bolder;
	font-size: 28px;
	alignment: baseline;
	width: 100%;
	color: #68CDFF;
	border-bottom: 1px solid #68CDFF;
	margin: 0px;
	padding-right: 0px;
	float: left;
}

div.heading2-right {
	font-size: 28px;
	alignment: baseline;
	color: #68CDFF;
	border-bottom: 1px solid #68CDFF;
	margin: 0 0px;
	clear: all;
	padding-left: 100px;
	padding-top: 0px;
}

table.twou-list td.twou-top {
	font: inherit;
    font-size: 20px;
	color: #68CDFF;
	border-bottom: 0px solid #68CDFF;
	padding-bottom: 10px;
	vertical-align: top;
	
}
table.twou-list td.twou-topleft {
	/*border-top: 1px solid #4A4A4A;*/
	border-bottom: 1px solid #4A4A4A;
	padding-bottom: 15px;
	padding-right: 15px;
	vertical-align: top;
}
table.twou-list td.twou-topright {
	/*border-top: 1px solid #4A4A4A;*/
	border-bottom: 1px solid #4A4A4A;
	border-left: 1px solid #4A4A4A;
	padding-bottom: 15px;
	padding-left: 15px;
	vertical-align: top;
}
table.twou-list td.twou-lastleft{
	padding-bottom: 15px;
	padding-right: 15px;
	/*border-bottom: 1px solid #4A4A4A;*/
}
table.twou-list td.twou-lastright{
	border-left: 1px solid #4A4A4A;
	/*border-bottom: 1px solid #4A4A4A;*/
	padding-bottom: 15px;
	padding-left: 15px;
	
}


/*********************************************************************** PRODUCT PAGE STYLES */


table.product-table {
	background-color: #202020;
	border: 1px solid #4A4A4A;
	border-radius: 5px;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
	border-spacing: 10px;
	margin-top: 5px;
	padding: 2px;
	height: 100%;
}

div.tile {
	background-color: #202020;
	border: 1px solid #4A4A4A;
	padding: 5px;
	margin: 0px;
	vertical-align: top;
	height: 100%;
}

td.images div.product-image  {
	padding-bottom: 10px;
}

div.guages  {
	padding: 10px;
	border-top: 1px solid #4A4A4A;
}

table.product-table td.images-AV {
	height: 100%;
	width: 75%;
}

table.product-table td.pricing-AV{
	vertical-align: top;
	height: 100%;
	text-align: left;
}

table.product-table td.images {
	vertical-align: top;
	height: 100%;
	width: 75%;
	
}

table.product-table td.pricing {
	vertical-align: top;
	text-align: left;
	height: 100%;
	width: 25%;
	
}

div.ppbuybox {
	vertical-align: top;
	text-align: left;
	font-size: 16px;
	padding: 0 20px;
	margin: 0px;
	
}

table.product-table td.images h1{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 25px;
}
/* <table class="product-table"> in a <tr> on a <td> add class <td class="pricing"> on the line with the price text add it like this,,, <span class="price">$0.00</span>*/
table.product-table td.pricing span.price {
	font-size: 28px;
	color: #0CFF00;
	display: block;
	text-align: left;
	padding-left: 5px;
}

td.pricing span.price2 {
	font-size: 28px;
	color: red;
	display: block;
	text-align: left;
	text-decoration: line-through;
}

table.product-table td.images span.procool {
	font-size: 32px;
	display: inline-block;
	padding: 0px 5px;
	font-weight: normal;
}

/**********************************************************/

table.product-table div.tile-AV {
	background-color: #202020;
	border: 1px solid #4A4A4A;
	padding: 5px 15px;
	vertical-align: top;
	height: 100%;
}

td.images-AV div.product-image-AV  {
	padding-bottom: 5px;
}



table.product-table td.images-AV h1{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}

table.product-table td.images-AV h2{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}

/* <table class="product-table"> in a <tr> on a <td> add class <td class="pricing"> on the line with the price text add it like this,,, <span class="price">$0.00</span>*/
table.product-table td.pricing-AV span.price {
	font-size: 28px;
	color: #0CFF00;
	display: block;
	text-align: left;
}

table.product-table td.images-AV span.procool {
	font-size: 32px;
	display: inline-block;
	padding: 0px 5px;
	font-weight: normal;
}
div.dang {
	float: center;
	align-content: center;
	margin: 10px;
	
}

div.dangit {
	text-align: justify;
	width:inherit;
	padding: 0 10px;
	margin: 0 10px;
    overflow: auto;
}

div.dangit2 {
	float: right;
	margin: 10px;
	
}

div.mfc {
	float: center;
	clear:left;
	
	
}


div.tabdescriptiontext {
	padding: 5px;
	margin: 10px;
	width: inherit;
	
}

div.tabdescriptionleft {
	float: left;
	clear: both;
	width: 40%;
	padding: 5px;
	margin: 5px;
}

div.tabdescriptionleft2 {
	float: left;
	clear:both;
	width: 90%;
	padding: 5px;
	margin: 5px;
}

div.tabdescriptionright {
	float: left;
	width: 50%;
	text-align: left;
	margin: 5px;
	padding: 5px;
}

div.tabdescriptionright2 {
	float: center;
	width: 50%;
	text-align: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid #333333;
}

/********************************************* MORE INFO BUTTON */

a.more-info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #ededed;
	-webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
	background: #313131;
	border: 1px solid #333333;
	padding: 7px 14px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

a.more-info:hover {
  background: #393939;
  color: #4dc4ff;
  border: 1px solid #4A4A4A;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

a.more-info:active {
  background: #4D4D4D;
  color: #00FF00;
  border: 1px solid #4A4A4A;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

/******************************************* ADD TO CART BUTTON */

a.add-cart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #33CC33;
	-webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
	background: #313131;
	border: 1px solid #333333;
	padding: 7px 20px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

a.add-cart:hover {
  background: #313131;
  color: #00FF00;
  /*color: #eeeedd;*/
  border: 1px solid #4A4A4A;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

a.add-cart:active {
  background: #364035;
  color: #00FF00;
  border: 1px solid #4A4A4A;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

/********************************************* BIG BUTTON */

div.big_button {
	width: 30%;
	align-self: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:   40px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	-webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
	background: #1C1C1C;
	border: 1px solid #B4B4B4;
	padding: 7px 14px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 0px 1px rgba(255, 255, 255, 0.15);
    box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

div.big_button:hover {
  background: #393939;
  color: #4dc4ff;
  border: 1px solid #4A4A4A;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 1px 1px #4A4A4A;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}

div.big_button:active {
  background: #4D4D4D;
  color: #FDEB00;
  border: 1px solid #4A4A4A;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -o-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -moz-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -ms-box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  box-shadow: 0 2px 2px #0a0a0a, inset 0 2px 2px #111111;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
}



/*********************************************************************************** TEXT STYLES */
/* for styling text, like "NEW!" and prices */
/* <span class="new" ### </span>*/ 

span.new {
	font-weight: bold;
	color: red;
}

span.heading {
    font-size: 24px;
	font:bold;
	color: #FFFFFF;
}

span.heading2 {
    font-size: 22px;
	color: #FFFFFF;
	
}

span.model {
	font-weight: bold;
	font-size: 25px;
	color: #E0E0E0;
}

span.catprice {
	/*font-weight: bold;*/
	font-size: 24px;
	color: #B2FFAE;
}

span.catprice2 {
	/*font-weight: bold;*/
	font-size: 16px;
	color: #00FF00;
}

span.grncheck {
	font-size: 18px;
	color: #00FF00;
	font-style: bold;
}

span.grncheckbig {
	font-size: 32px;
	color: #00FF00;
	font-style: bold;
}

span.redx {
	font-size: 18px;
	color: #FF0000;
	font-style: bold;
}

span.redxbig {
	font-size: 30px;
	color: #FF0000;
	font-style: italic;
	
}


span.checkfont {
	font-size: 18px;
	color: #F4FFF2;
	font-style: italic;
}

span.procool {
	display: inline;
	font-family: 'denmarkregular';
}

span.usa {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
    text-shadow: 0px 0px 7px #000041, 2px 5px 12px #000000;
	
}

/* This allows you to use the font-family 'Denmark' for procool logos */
@font-face {
    font-family: 'denmarkregular';
    src: url('https://rackfans.com/fonts/pepsi-webfont.eot');
    src: url('https://rackfans.com/fonts/pepsi-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://rackfans.com/fonts/pepsi-webfont.woff') format('woff'),
         url('https://rackfans.com/fonts/pepsi-webfont.ttf') format('truetype'),
         url('https://rackfans.com/fonts/pepsi-webfont.svg#denmarkregular') format('svg');
}

/************************************************ FOOTER TABLE STYLES *******************************/

div.footer-container { 
	width: 100% auto;
	padding: 10px;
	margin-top: 5px;
	background-color: #202020;
}

table.footer-table table.footer-container {
	border: 1px solid #4A4A4A;
	font: inherit;
	font-size: 12px;
	text-align: left;
	margin-top: 15px;
	padding: 15px;
}	

table.footer-container td { 
	width: 90%;
	padding: 0px;

}

ul.footer-links {
	list-style-type: square;
	text-align: left;
	margin-left: 50px;
}

ul.footer-links li {
	margin: 10px;
	font-size: 14px;
	text-transform: none;
	letter-spacing: 0px;
	border: none;
}

ul.footer-links li a { 
	font: inherit;
	text-decoration: none;
	color: #FFFFFF;
	
}

ul.footer-links li a:hover {
	text-decoration: bold;
	color: #00FFFF;
}

div.footer-left {
	border-right: 0px solid #4A4A4A;
	padding: 0px 0px 5px 15px;
	margin-bottom: 5px;
}

div.footer-midleft {
	border-left: 1px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;
	padding: 0px 0px 5px 15px;;
	margin-bottom: 5px;
}

div.footer-midright {
	border-left: 0px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;
	padding: 0px 0px 5px 13px;;
	margin-bottom: 5px;
}

div.footer-right {
	border-left: 0px solid #4A4A4A;
	padding: 0px 0px 5px 13px;
	margin-bottom: 5px;
}
/******************************************************************************END FOOTER*/
/******************************************************************************Include */
table.product_include { 
	width: 100% auto;
	padding: 0px;
	margin-top: 0px;
}
	


/****************************************************************************** GAUGES */
.gauges {
	margin: 10px 25px;
	border: 2px solid #8F949E;
}

/****************************************************************** Picture BORDER */
.whitebgborder  {
	border: 2px solid #7B8085;
}

.blackborder  {
	border: 1px solid #000000;
}

div.line {
	border-bottom: 1px solid #4A4A4A;
	margin-bottom: 10px;
}

div.vertical_line {
	border-left: 1px solid #4A4A4A;
	margin-top: 0px;
	margin-bottom: 2px;
	
	
}

div.line-blue {
	border-bottom: 1px solid #4dc4ff;
}

div.productpagedescriptionline {
	border-bottom: 1px solid #4A4A4A;
	margin-bottom: 1px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	clear: left;
	width: 96%;
}

div.customproductpagedescriptionline {
	width: auto;
	border-bottom: 1px solid #4A4A4A;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: left;
	
}

div.homeinfo {    /* between the warranty and shipping grafix on home page*/
	/*position: absolute;*/
	/*height: 100%;*/
	/*border-left: 1px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;*/
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 10px 10px;
}

div.homeinfo2 {    /* warranty and shipping grafix on home page*/
	padding: 20px;
	margin-bottoom: 10px;
}

div.homeinfo3 {    /* warranty and shipping details buttons on home page*/
	padding: 10px;
	vertical-align: baseline;
}

div.textbox {    /* shipping and warranty and return pages*/
    text-align: left;
	border-bottom: 0px solid #4A4A4A;
	padding: 10px 15px ;
}

div.textbox2 {    /* Checkout Completed page*/
	align-content: center;
    text-align: center;
	font-size: 14px;
	border-bottom: 0px solid #4A4A4A;
	padding: 10px 15px ;
}

div.textbox3 {    /* multi fan page*/
	align-content: center;
    text-align: center;
	width: 80%;
	margin: auto;
	font-size: 16px;
	border-bottom: 0px solid #4A4A4A;
	padding: 10px 15px ;
}

div.textbox4 {    /* rackfans page*/
    text-align: center;
	width: 90%;
	margin: auto;
	font-size: 13px;
	border-bottom: 1px solid #4A4A4A;
	padding: 10px;
}
div.textbox5 {    /* rackfans page*/
    text-align: center;
	width: 90%;
	margin: auto;
	font-size: 13px;
	padding: 10px;
}

div.rackfanspic1 {    /* rackfans page */
	align-content: center;
	height: auto;
	width: 100%;
	margin: auto;
	padding: 41px 10px 40px 10px;
}
div.rackfanspic2 {    /* rackfans page */
	align-content: center;
	height: auto;
	width: 100%;
	margin: auto;
	padding: 10px;
}

/*********************************************** review window *********************************/
.reviewscroll {
	border: 1px solid #4A4A4A;
	background: #393939;
	padding: 10px;
	margin: 0 20px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 30%;
	
}

/*************************************************** STARS ****************************/
.star-gold {
	color: gold;
}

.star-grey {
	color: grey;
}

/*************************************************** FORMS & TEXT FIELDS ****************************/

 input[type=hidden], select {
    width: 100%;
    padding: 5px 10px;
    margin: 2px 0 10px 0;
    display: inline-block;
    border: 1px solid #4A4A4A;
    border-radius: 5px;
    box-sizing: border-box;
}

 input[type=text], select {
    width: 100%;
    padding: 5px 10px;
    margin: 2px 0 10px 0;
    display: inline-block;
    border: 1px solid #4A4A4A;
    border-radius: 5px;
    box-sizing: border-box;
} 

input[type=email], select {
    width: 100%;
    padding: 5px 10px;
    margin: 2px 0 10px 0;
    display: inline-block;
    border: 1px solid #4A4A4A;
    border-radius: 5px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 5px 0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

div.forms {
	width: 50%;
	margin: 0 auto;
	border: 1px solid #4A4A4A;
	padding: 0px 15px;
	vertical-align: top;
	height: 100%;
	
}

/*************************************************** CUSTOM PAGES****************************/


div.custom_product {
	width: 100%;
	margin: -20;
	
}

div.txt1{
	width: 96%;
	text-align:justify;
	padding: 0 20px;
	
}


div.picrow1-column{
	box-sizing: border-box;
    float: left;
    width: 32%;
    padding: 5px;
}
div.picrow1-row::after {
  content: "";
  clear: both;
  display: table;
  @media screen and (max-width: 500px) width: 100%;
 
}


/*********************/

#wrapper
{
  width:100%;
  padding:0px;
  margin:0px auto;
  font-family:helvetica;
  text-align:center;
}

.item 
{
  /*border: 1px solid silver;*/
  float: left;
  overflow:inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
  padding: 0px;
  width:30%;
  height:auto;
  margin-left:17px;
  font-size:13px;
}
.item img 
{
  border: 1px solid silver;
  max-width: 90%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*width:220px;
  height:220px;*/
}
.item:hover img 
/*{
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}*/

div.customfanrow {
	height: auto;
	font-size: inherit;
}
div.customgrillrow {
	height: auto;
	font-size: inherit;
}

.item2
{
  float: left;
  overflow:inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
  padding: 0px;
  width:11%;
  height:auto;
  margin-left: 0px;
}
.item2 img 
{
  border: 1px solid silver;
  max-width: 98%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width:90%;
}
/*.item2:hover img */
/*{
  -moz-transform: scale(2.5);
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
}*/

.item3
{
  float: center;
  vertical-align:top;
  overflow:inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
  padding: 0px;
  width:100%;
  height:100%;
}
.item3 a 
{
  border: px solid silver;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width:100px;
  height:100px;
}
.item3 img 
{
  border: 1px solid silver;
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*width:175px;
  height:175px;*/
}
.item3:hover img
{
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/**********************************************************************/
.item4
{
  float: center;
  vertical-align:top;
  overflow:inherit;
  box-sizing:border-box;
  padding: 0px;
}
.item4 a 
{
  font-family: Arial, "Arial Black", "Arial Narrow";
  font: normal;
  font-size: 20px;
  font-color: #073D34;
}




/**************Product List Page***********/
/*div.plistmain{
	width:100%;
	display:inline-block;
	
}*/
div.listhovermfc{
	display:inline-block;
	float:left;
	clear:right;
	width: 80%;
    padding: 10px;
}

div.listhovermfc a{
	position: relative;

}

div.listhovermfc a span{
	position:absolute; 
	display:none; 
	z-index:-1;
}

div.listhovermfc a:hover span{
	display:inline-block;
}

div.listhover{
	display:inline-block;
	float:left;
	clear:right;
	width: 17%;
    padding: 10px;
}


div.listhover a{
	position:relative;

}

div.listhover a span{
	position:absolute; 
	display:none; 
	z-index: 1;
}

div.listhover a:hover span{
	display:inline-block;
}

/*************************************************/

div.listhover2{
	display:inline-block;
	float:center;
	clear:right;
	width: 98%;
    padding: 10px;
}


div.listhover2 a{
	position:relative;

}

div.listhover2 a span{
	position:absolute; 
	display:none; 
	z-index: 1;
}

div.listhover2 a:hover span{
	display:inline-block;
}


#usflag {
	background-image:url(../grafix/usflag.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	
}