#container {height: 700px;}



 #products {
	margin: 5px 0 5px 0;
	padding: 0 10px 0 0;
	float: left;
	width: 275px;
	border-right: 1px dotted Black;
}
#productlist {border: 1px solid #83B0D7; margin: 0 0 0 10px; padding: 0 0 0 0px;  list-style-type: none;  text-align: left; }
#productlist li {padding: 0 0 0 10px;}
#products h1 {
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #00008B;
	text-align: center;
	background: #B7DCFF;
	margin: 10px 0 0 10px;
	padding: 7px 0 0 0;
	height: 28px;
	border: 1px solid #83B0D7;
	text-decoration: none;
	}
	
#products ul {}
#products li {
	margin-: 0;
	padding-: 0;
	background-color: #EAF5FF;
	font: bold 15px Arial, Helvetica, sans-serif;
}
#products a {text-decoration: none; color: #000;}
#products a:hover {text-decoration: none; color: #00008B;
}

#subproducts {
margin: 0 0 0 10px; 
padding: 0 0 5px 0;
background-color: #EAF5FF; 
text-decoration: none;
}
	
#subproducts li {
margin: 0 0 0 0;
padding: 0 0 0 5px;
list-style-type: none;
font: normal 12px Arial, Helvetica, sans-serif;
border-bottom: 3px solid White;
}

#productlist .productgroup{
	margin: 0;
}
 
 
 /* --START--- This is the center ABOUT area, the two rows right now  ------  */

#about {
	float: right;
	margin: 15px 0 10px 0;
	padding: 0 0 0 0;
	width: 500px;
	border: 1px solid #83B0D7;
}

#about h1 {
	font: 18px Arial, Helvetica, sans-serif;
	color: #00008B;
	text-align: left;
	margin: 0;
	padding: 3px 0 0 10px;
	background: #B7DCFF;
	border: 1px solid #83B0D7;
	height: 25px;
}
#about h1 a {
	color: #00008B;
	text-decoration: none;
}
#about h1 a:hover {
	color: #00008B;
	text-decoration: underline;
}

#about h2 {
	margin: 0;
	padding: 5px 5px 10px 25px;
	text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #00008B;
}

#about h3 {
	margin: 0;
	padding: 5px 5px 5px 10px;
	text-align: left;
	font: bold 16px Arial, Helvetica, sans-serif;
	border-top: 1px solid #83B0D7;
	background: #B7DCFF;
	color: #00008B;
}
#about h3 a {
	color: #00008B;
	text-decoration: none;
}
#about h3 a:hover {
	color: #00008B;
	text-decoration: underline;
	}

#about h4 {
	margin: 0;
	padding: 5px 5px 5px 145px;
	text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	background-: #F0FBFF;
	color: #00008B;
	background: url(images/OILXORB.jpg) no-repeat left;
}

#about h4 a {
	color: #B22222;
	text-decoration: none;
}
#about h4 a:hover {
	color: #B22222;
	text-decoration: underline;
}

/* --END--- This is the center ABOUT area, the two rows right now  ------  */