body {

/*Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a3a3a+0,2b2b2b+10,0f0f0f+50,2b2b2b+89,3a3a3a+100 */
background: #3a3a3a; /* Old browsers */
background: -moz-linear-gradient(left,   #303030 5%,#262626 15%,#202020 30%,#191919 40%,#181818 50%,#191919 60%,#202020 80%,#262626 95%,#303030 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,   #303030 5%,#262626 15%,#202020 30%,#191919 40%,#181818 50%,#191919 60%,#202020 80%,#262626 95%,#303030 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(left,   #303030 5%,#262626 15%,#202020 30%,#191919 40%,#181818 50%,#191919 60%,#202020 80%,#262626 95%,#303030 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



	/*background-color: ##EAEAEA;*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #E0E0E0;
}

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


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

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

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

span.grncheckbig {
	font-size: 30px;
	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.procool {
	display: inline;
	font-family: 'denmarkregular';
}

/* 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 */

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

table.footer-container td { 
	width: 100%;

}

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

/****************************************************************** 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.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 ;
}

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

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

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

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

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

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


/*---------------------------------email form-------------------------------------*/

/* Style the form element with a border around it */
form {
  border: 0px solid #f1f1f1;
}

/* Add some padding and a grey background color to containers */
.container1 {
  padding: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #444444;
}
.container2 {
  padding: 20px;
  background-color: #444444;
}
.container3 {
  padding: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #444444;
}

/* Style the input elements and the submit button */
input[type=text], input[type=submit] {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Add margins to the checkbox */
input[type=checkbox] {
  margin-top: 16px;
}

/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  border: none;
}

input[type=submit]:hover {
  opacity: 0.8;
}