@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; background-color:#000;}
html,
body {
   margin:0;
   background-color:#000;
   font: 85% Tahoma, Geneva, sans-serif;
   font-weight:bold;
   color:#FFF;
   padding:0;
   width:100%;
   height:100%;
   line-height: 145%;
}
ul li { background-color:#000; }
#body { 
padding-top:0;
   padding-bottom:60px;   /* Height of the footer */
   width:790px; margin:0 auto;
   text-align:left;
}
#header { 
   position: relative; 
   height: 181px; 
   margin: 0; padding:0; border-top: 0px; background: url('/images/logo.jpg') top center no-repeat;
}
#navx {margin-left: auto; margin-right: auto; height:30px;
   width:100%;
   }
/* start nav bar at top of page */
ul#list-navx {
	position:relative;
	font-weight:bold;
	list-style:none;
	margin:0;
	background:#000;
	padding:0;
	width:790px;
}

ul#list-navx li {
	display:inline
}

ul#list-navx li a {
	text-decoration:none;
	padding:0px 0;
	width:100px;
	background:#000;
	color:#FFFFFF;
	float:left;
	text-align:center;
}

ul#list-navx li a:hover {
background:#38c88e;
color:#FFFFFF;
}
/* end nav bar at top of page */
img, a img { border: 0; }
a, a:link, a:visited, a:hover { color: #FF0; }
h1 {
	margin-bottom: .75em;
	font-size: 1.2em;
	font-weight: bold;
	color:#FF0;
	}
#extraCol {
	float: left;
	margin-right: 10px;
	text-align: left;
	background-color:#333333;
	}
.noBorder {
	background-color:#333333;
	width: 100%;
	color:#FFF;
	text-align: left;
	margin-bottom: 1.1em;
	border: 0;
	border-collapse: collapse;
	}
.noBorder tr, .noBorder td, .noBorder th { padding: .3em; border: 0; background-color:#333333;}
.row1 { background: #000;}
.row2 { background: #ECEEF0;}
.subcol h1 { margin: 8px 0 8px 25px; font-size: 1.1em;}
p { margin-bottom: 1.1em; }
ul { margin: 0 0 1.1em 20px;}

.prodImage {
	margin: 0 0 0 0;
	padding: 6px;
	background-color:#333333;
	}

/* Entire Wrapper and Drop Shadow --------------------------------------------*/
#shadow {
	width: 790px;
	margin: 0 auto;
	background: #000;
	border: 0px solid #35384B;
	border-bottom: 0;
	border-top: 0;
	text-align: center;
	}
#shadowBottom { display: none;}

#container { width:100%;
height:100%;
	margin: 0;
	padding: 0;
   position:relative;
   min-height:100%;
}

/* Content area - Columns -----------------------------------------*/
#content {
	padding: 0 0 17px;
	background-color:#000;
	min-height: 100%;
	}
#content:after {           /* Clears anything with a float inside the content div */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
/* End hide from IE-mac */
.maincol {
	float: right;
	width: 580px;
	color:#FFF;
	}
.maincol ul li { background-color:#333333; }	
.subcol {
	float: left;
	width: 210px;
	color:#FFF;
	}
.subcol:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.col-M .maincol { float:right; width: 555px; margin: 7px 25px 0;}
.col-Checkout .maincol { float:none; width: 720px; margin: 7px 25px 0; color:#FFF;}
.col-SM .maincol { float:right; padding: 7px 25px 0 0;}
.col-SM .subcol { float:left;}

#footer { text-align:center;
   width:100%;
   height:60px;   /* Height of the footer */
}
#prodsPage h1 { border-bottom: 1px solid #DBDCD9; padding: 0 0 3px;}
/* Navigation ------------------------------------------------*/
#prodsPage ul, li { background-color:#333333;}
#prodsPage img { margin-right: 5px; }
/* Hides from IE-mac \*/
* html #nav {height: 1%;}
/* End hide from IE-mac */

/* Sub-Navigation ------------------------------------------------*/

#subNav {
	width: 210px;
	padding: 0 0 16px;
	border-left: 0;
	}
#subNav h1 { color:#FF0;}
#subNav input, select, option  { color:#000; background-color:#FFF; }
#subNav ul, #subNav ul ul { float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 175px; /* Width of Menu Items */
	}
#subNav ul ul {
	border-bottom: 0;
	}
#subNav ul li {
	position: relative;
	}
	
/* Styles for Sub-Menu Items */
#subNav ul li a#currentSub { background: #38c88e; color: #FFFFFF; }
#subNav ul li a#subCurrentSub { background: #000; color: #FFFFFF; font-weight:bold;}
#subNav ul li a#currentSubCat { background: #000; color: #ffff00; font-weight:bold; }
#subNav ul li a#currentMidCat { background: #000; color:#38c88e; font-weight:bold; margin-left: 10px; }

#subNav ul li a, #subNav ul li a:link, #subNav ul li a:visited, 
#subNav ul ul li a, #subNav ul ul li a:link, #subNav ul ul li a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	background: #000; /* IE6 Bug */
	padding: 4px 5px 4px 25px;
	border-top: 1px solid #000; /* IE6 Bug */
	border-bottom: 1px solid #000;
	}
	/* CCD9DF*/
#subNav ul li a:hover {
	background: #38c88e;
	color: #FFF;
	}
#subNav ul ul li a, #subNav ul ul li a:link, #subNav ul ul li a:visited {
	padding: 3px 5px 3px 35px;
	background: #800000;
	}
#subNav ul ul li a:hover {
	background: #38c88e;
	color: #FFF;
	}
/* Holly Hack. IE Requirement \*/
* html #subNav ul li { float: left; height: 1%; }
* html #subNav ul li a { height: 1%; }
/* End Hack and Sub-Navigation */


/* Contact Form -----------------------------------------*/
#contactform input.text, #contactform textarea.text {
	width: 100px;
	padding: .2em .2em;
	background: #000;
	border: 1px solid #DBDCD9;
	font-size: .9em;
	color: #35384B;
	}
#contactform input.text { width:210px;}
#contactform textarea.text { width:100%; height:10em;}
#contactform input#subject { width:100%;}
#contactform label { display:block; padding:.7em 0 .1em;}

#contactform input.button, input.button {
	margin: .5em 0;
	font-size: 1em;
	}

	
/* Tables and what not -----------------------------------------*/
#prodTable { font-family:Arial, Helvetica, sans-serif;}
#prodTable p { background-color:#333333;}

table.ignore {
	border: none;
	border-collapse: collapse;
	background-color:#000; font-family: Tahoma, Geneva, sans-serif;
   font-weight:bold;
   color:#FFF;
   padding:20;
   width:100%;
   height:100%;
   line-height: 145%;
	}
tr.ignore, td.ignore { border:none; }
table {
	width: 100%;
	text-align: left;
	margin-bottom: 1.1em;
	border: none;
	border-collapse: collapse;
	background-color:#333333;
	font: 100% "Times New Roman";
	}
tr, td { padding: .3em; border: 1px solid #DBDCD9; line-height:1em;}

/* clearfix class - add this class to any div containg floated elements ------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */