@charset "utf-8";
/* CSS Document */

body {
	background-color: #600; margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
}

h1 { color: #1F1F1F; font-size:30px;}
h2 { color: #1F1F1F; font-size: 20px;}
h3 { color: #900; font-size: 14px;}
p { font-size: 12px;}

/* divs */
#container { width: 945px; margin: 0 auto; margin-top: 15px; margin-bottom: 10px;background-color:#fff; border: 10px solid #333;}
#header { width:945px; height: 216px; margin: 0px;}


#mainnav {width:945px; height:40px; position:relative;  background-color:#333; padding-top:10px;}
#mainnav ul li a, #mainnav ul li a:visited { text-decoration:none; color:#000;  text-align:left; color:#fff; font-size:14px;  padding: 5px 10px; }
#mainnav ul li a:hover  {
	color: #fff;
	background-color: #999;
	 
}
#mainnav ul {padding:0; margin:0; list-style: none; margin-left: 12px;}
#mainnav ul li {float:left; position:relative;padding: 5px; }

/* NOT USED YET specific to non IE browsers 
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
*/
#col1 { display:block; width:550px;  margin-top:20px; float: left}
#col1 img { border: 4px solid #e1e1e1; margin-bottom: 10px;}
#col2 { display:block; width:550px; min-height:450px; margin-left: 25px;margin-top:10px; float: left}
#col2 img { margin-left: 8px; margin-top: 15px; border: 5px solid #ccc;}
#col3 { display:block; width:290px; min-height:425px; margin-left: 25px; margin-top:20px; float: left; padding: 0px 15px 15px 15px; 	background-color: #FFF2F2; border: 1px solid #ccc; }
#col3 a { color: #333;}
#col3 a:hover { color: #600; text-decoration:none;}
#col2 a { color: #333;}
#col2 a:hover { color: #600; text-decoration:none;}
#content { display:block; min-height:400px; width: 631px; float:left; background-color:#FFF; margin-left: 15px;padding-left: 10px; padding-right:25px; padding-bottom: 25px;margin-top:10px;}
#content img { border: 0px;}
#content a { color: #333;}
#content a:hover { color: #600; text-decoration:none;}
#content ul li { font-size: 12px;}
#innercol1 { display:block; width:205px; float: right; margin-top:20px; background-color: #FFF2F2; padding: 5px 15px 15px 15px; 	margin-right: 20px; border: 1px solid #ccc; }
#innercol1 img { border: 0px;}
#innercol1 a { color: #333;}
#innercol1 a:hover { color: #600; text-decoration:none;}
#innercol1 h2 { font-size: 16px; color: #600; }
#innercol1 ul li { font-size: 12px;}
/* Certifications page */
.certbox { float: left; display:block; width: 258px; padding: 10px; border: 5px solid #ccc; min-height: 165px; margin: auto; margin-right: 10px; margin-bottom: 10px; }
#certcontent { display:block; min-height:400px; width: 895px; float:left; background-color:#FFF; margin-left: 15px;padding-left: 10px;  padding-bottom: 25px;margin-top:10px;}
#certcontent img {border: 0px;}
#certcontent a { color: #333;}
#certcontent a:hover { color: #600; text-decoration:none;}
/* End of certifications page css */

/* Product List page */
#prodcontent { display:block; min-height:400px; width: 895px; float:left; background-color:#FFF; margin-left: 15px;padding-left: 10px;  padding-bottom: 25px;margin-top:10px;}
#prodcontent td p { text-align:center;}
#prodcontent td img {border: 0px;}
#prodcontent .prodname  {color:#600;  font-size: 12px;  font-weight:bold;}
#prodcontent .name { font-size: 20px;}
#prodcontent a { color: #600; }
#prodcontent a:hover { text-decoration: none;}
#prodcontent ul { font-size: 12px;}
#prodcontent ol { font-size: 12px;}
#prodcontent img {border: 0px;}
/* End of Product List css */
.prodsubhead {
	display: block;
	width: 885px;
	border-bottom: solid 1px #A34E4E;
	font-size: 16px;
	color:#333333;
}
/*------------------------------Specs table---------------------------- */
#specs td { font-size: 12px;}
#specs .col1 {
	width:15%;
	font-weight:bold;
	text-align:right;
	vertical-align: text-top;
	padding-right: 4px;
	background-color: #e1e1e1;
}
#specs .col2 {
	width:85%;
	text-align:left;
	vertical-align: text-top;
	padding-left: 4px;
	background-color: #f1f1f1;
}
/*------------------------------Specs table---------------------------- */

#footer { display:block; width: 945px; background-color:#333; color:#666; min-height: 40px; padding-bottom: 10px;}
#footer ul li a, #footer ul li a:visited { text-decoration:underline; color:#000;  text-align:left; color:#ccc;   line-height:20px; font-size:12px; overflow:hidden; padding: 5px 8px; }
#footer ul li a:hover  { text-decoration: none; color: #fff;}
#footer ul {padding:10px 0 0 0; margin:0; list-style: none; margin-left: 15px;}
#footer ul li {float:left; position:relative; }
#footer p { margin-left: 30px; font-size: 11px; color: #999; padding-top: 10px;}
#footer a, #footer a:visited { 	color: #666; }
#footer a:hover { text-decoration:none;}


.red { color:red;}