﻿body {background-color:#272727;color:#ffffff;font-family: verdana,arial,helvetica,sans-serif;margin:0 0 0;}

.headback { background-image: url('/images/HeaderImage.jpg'); 
background-repeat: repeat-y
}


.headbackhome { background-image: url('/images/HeaderImageHome.jpg'); 
background-repeat: repeat-y
}


#slider ul, #slider li { margin:0; padding:0; list-style:none;}
#slider li {width:259px; height:200px; overflow:hidden; margin:0; padding:0; list-style:none;}
#slider img 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
}


#prevBtn, #nextBtn, #slider1next, #slider1prev {display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000;}	
#nextBtn, #slider1next { left:263px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {display:block; position:relative; width:30px; height:77px; background:url(/images/btn_prev.gif) no-repeat 0 0;	}	
#nextBtn a, #slider1next a {background:url(/images/btn_next.gif) no-repeat 0 0;}	
ol#controls {padding:0; margin:0 0 0 15px; height:28px; position:absolute;}
ol#controls li {padding:0; float:left; list-style:none; height:24px; line-height:24px; font-size:12px;}
ol#controls li a { float:left; height:24px; line-height:24px; background:none; color:#83aad3; padding:0 7px; text-decoration:none; font-weight:bold;}
ol#controls li.current a {background:url(/images/bgd-ol-over.jpg) repeat-x; color:#385f88;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline:none;}

#slider-nav {height:24px; width:259px; background:url(/images/bgd-ol.jpg) repeat-x;}


.b {font-size:11px;font-weight:bold;color:#666666;}
.w {font-size:11px;font-weight:normal;color:#ffffff;}
.bw {font-size:11px;font-weight:bold;color:#ffffff;}

.price {font-size:11px;font-weight:bold;color:#FFA000;}

.blue {font-size:11px;font-weight:normal;color:#1B4D7D;}
.blue11 {font-size:11px;font-weight:normal;color:#1B4D7D;}
.blue8 {font-size:11px;font-weight:normal;color:#1B4D7D;}


.greasestyledrop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #800000;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 180px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


.divtables {
	background-color: #272727;
	border: 2px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	color: #FFFFFF;
}


.leftnavboxesgrease
       {
	padding: 5px 5px 5px 8px;
	background-color: #A02D2C;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	border-width: 1px 0px 0px;
	border-style: solid;
	border-color: #ffffff;
	width: 185px;
}


table.tablecellswhite {
	border: 1px solid white;
	border-collapse: separate;
}
table.tablecellswhite th {
	border: 1px solid white;
}
table.tablecellswhite td {
	border: 1px solid white;
}


.footer {font-size:10px;font-weight:normal;color:#666666;}

.cellborder {
	border-right-style: solid;
	border-right-color: #FFFF99;
	border-right-width: 1px;
}


option.optionmargin {background-color: #ffcccc; font-size: 10px;}

.tablebuttons {
	padding: 4px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #366e25;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}

.tablebuttonsgrease {
	padding: 4px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A02D2C;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}


.tablebuttonswaste {
	padding: 4px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #F8E77F;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}

.tablebuttonspressure {
	padding: 4px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #1E94D2;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}

.tablebuttonspetroleum {
	padding: 4px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #20892D;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #FFFFFF;
}




.navborder {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #B6B400;
}
.transparentcell {filter:alpha(opacity=80);moz-opacity:.80;opacity:.80;}



.liststyle {
	
line-height: 20px;
padding-left: 0px;
padding-top: 0px;
margin-left: 25px;
}

.cellheight    { height:1px}


.eightwhitecell    { font-size: 8pt; color: #ffffff ;height:120px}

.ninewhitecell    {
	font-size: 10pt;
	color: #ffffff;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
}
.tenwhitecell    { font-size: 10pt; color: #ffffff ;height:120px}


.eightwhite    { font-size: 8pt; color: #ffffff}

.webnamemiddle   { color: #404040; font-size: 11pt;  }
.textwelcome     { color: #404040; font-size: 10pt;  }

.titlelocations    { color: #ffffff; font-size: 9pt;  }
.webaddresses    { color: #ffffff; font-size: 8pt;   }

.license   { color: #404040; font-size: 8pt;  }

.copyright   { color: #ffffff; font-size: 8pt;  }
.icontext  { color: #15196C; font-size: 10pt;  }

.eightblack     { font-size: 8pt; color: #000000 }
.nineblack     { font-size: 9pt; color: #000000 }
.tenblack    { font-size: 10pt; color: #000000 }
.twelveblack     { font-size: 12pt; color: #000000 }
.thirteenblack     { font-size: 13pt; color: #000000 }
.fourteenblack     { font-size: 14pt; color: #000000 }
.twentyblack     { font-size: 20pt; color: #000000 }




.nineltblue     { font-size: 9pt; color: #748CA4 }

.eightred     {  font-size: 8pt; color: #FF0000 }
.tenred     {  font-size: 10pt; color: #FF0000 }

.tengrey    { font-size: 10pt; color: #575656 }
.eightgrey    { font-size: 8pt; color: #D7D7D7 }
.sevengrey    {  font-size: 7pt; color: #575656 }
.twelvegrey    { font-size: 12pt; color: #575656 }

.tenwhite    { font-size: 10pt; color: #ffffff }


.eightyellow     { font-size: 8pt; color: #FFFF99 }
.nineyellow     { font-size: 9pt; color: #FFFF99 }
.tenyellow    { font-size: 10pt; color: #FFFF99 }
.twelveyellow     { font-size: 12pt; color: #FFFF99 }
.thirteenyellow     { font-size: 13pt; color: #FFFF99 }
.fourteenyellow     { font-size: 14pt; color: #FFFF99 }
.twentyyellow     { font-size: 20pt; color: #FFFF99 }


.sevenwhite    { font-size: 7pt; color: #ffffff }
.sixwhite    { font-size: 6pt; color: #ffffff }
.fourteenwhite { font-size: 14pt; color: #ffffff }

.docsearchwhite { font-size: 11pt; color: #ffffff }

.twentywhite { font-size: 20pt; color: #ffffff }

.eightltblue    { font-size: 8pt; color: #A5B3DA }


.orange13    { font-size: 13pt; color: #FFA000 }
.orange11    { font-size: 10pt; color: #FFA000 }

.fourteenbluebold    { font-size: 14pt; color: #003366; font-weight:bold }

.sixteenblue    { font-size: 16pt; color: #003366; }

.navheaderwhite    { font-size: 10pt; color: #FFFFFF }


a:link.whitetextlink{ color: #FFFFFF; font-size: 11px; text-decoration: none }
a:active.whitetextlink { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:visited.whitetextlink { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:hover.whitetextlink{ color: #FFFFFF; font-size: 11px; text-decoration: underline }
 
 
a:link.whitetextlink12{ color: #FFFFFF; font-size: 11px; text-decoration: none }
a:active.whitetextlink12 { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:visited.whitetextlink12 { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:hover.whitetextlink12{ color: #FFFFFF; font-size: 11px; text-decoration: underline }


a:link.orangelink14{ color: #FFCC00; font-size: 13px; text-decoration: none }
a:active.orangelink14 { color: #FFCC00;font-size: 13px; text-decoration: none }
a:visited.orangelink14 { color: #FFCC00;font-size: 13px; text-decoration: none }
a:hover.orangelink14{ color: #FFCC00; font-size: 13px; text-decoration: underline }

 
 
a:link.blacktextlink{ color: #000000; font-size: 11px; text-decoration: none }
a:active.blacktextlink { color: #000000;font-size: 11px; text-decoration: none }
a:visited.blacktextlink { color: #000000;font-size: 11px; text-decoration: none }
a:hover.blacktextlink{ color: #000000; font-size: 11px; text-decoration: underline }

  
 
a:link.whitetextlinkprod{ color: #FFFFFF; font-size: 11px; text-decoration: none }
a:active.whitetextlinkprod { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:visited.whitetextlinkprod { color: #FFFFFF;font-size: 11px; text-decoration: none }
a:hover.whitetextlinkprod{ color: #FFFFFF; font-size: 11px; text-decoration: underline }


a:link.whitetextlink12{ color: #FFFFFF; font-size: 12px; text-decoration: none }
a:active.whitetextlink12 { color: #FFFFFF;font-size: 12px; text-decoration: none }
a:visited.whitetextlink12 { color: #FFFFFF;font-size: 12px; text-decoration: none }
a:hover.whitetextlink12{ color: #FFFFFF; font-size: 12px; text-decoration: underline }

a:link.whitetextlink20{ color: #FFFFFF; font-size: 20px; text-decoration: none }
a:active.whitetextlink20 { color: #FFFFFF;font-size: 20px; text-decoration: none }
a:visited.whitetextlink20 { color: #FFFFFF;font-size: 20px; text-decoration: none }
a:hover.whitetextlink20{ color: #FFFFFF; font-size: 20px; text-decoration: underline }




a:link.petro{ color: #1CBB2F; font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:active.petro { color: #1CBB2F;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:visited.petro { color: #1CBB2F;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:hover.petro{ color: #1CBB2F; font-size: 16px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif }

a:link.wastewater{ color: #FFFF99; font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:active.wastewater { color: #FFFF99;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:visited.wastewater { color: #FFFF99;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:hover.wastewater{ color: #FFFF99; font-size: 16px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif }

a:link.grease{ color: #CA3030; font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:active.grease { color: #CA3030;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:visited.grease { color: #CA3030;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:hover.grease{ color: #CA3030; font-size: 16px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif }

a:link.water{ color: #1BA5DB; font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:active.water { color: #1BA5DB;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:visited.water { color: #1BA5DB;font-size: 16px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:hover.water{ color: #1BA5DB; font-size: 16px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif }

a:link.grease2{ color: #A02D2C; font-size: 13px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:active.grease2 { color: #A02D2C;font-size: 13px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:visited.grease2 { color: #A02D2C;font-size: 13px; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
a:hover.grease2{ color: #A02D2C; font-size: 13px; text-decoration: underline; font-family: Arial, Helvetica, sans-serif }






a:link.yellowlink{ color: #FFFF99; font-size: 11px; text-decoration: none }
a:active.yellowlink { color: #FFFF99;font-size: 11px; text-decoration: none }
a:visited.yellowlink { color: #FFFF99;font-size: 11px; text-decoration: none }
a:hover.yellowlink{ color: #FFFF99; font-size: 11px; text-decoration: underline }

a:link.bluelink122 { color: #000080; font-size: 12px; text-decoration: none }
a:active.bluelink122 { color: #000080;font-size: 12px; text-decoration: none }
a:visited.bluelink122 { color: #000080;font-size: 12px; text-decoration: none }
a:hover.bluelink122 { color: #000080; font-size: 12px; text-decoration: underline }

a.redtextlink:link {color:#FF0000;font-size: 11px;text-decoration:none;}
a.redtextlink:hover {color:#FF0000;font-size: 11px;text-decoration:none;}
a.redtextlink:visited {color:#FF0000;font-size: 11px;text-decoration:none;}

a.blueltlink:link {color:#A5B3DA;font-size: 10px;text-decoration:none;}
a.blueltlink:hover {color:#A5B3DA;font-size: 10px;text-decoration:none;}
a.blueltlink:visited {color:#A5B3DA;font-size: 10px;text-decoration:none;}
a.blueltlink:hover { color: #A5B3DA; font-size: 10px; text-decoration: underline }

a.bluetextlink:link {color:#000080;font-size: 10px;text-decoration:none;}
a.bluetextlink:hover {color:#000080;font-size: 10px;text-decoration:none;}
a.bluetextlink:visited {color:#000080;font-size: 10px;text-decoration:none;}
a.bluetextlink:hover { color: #000080; font-size: 10px; text-decoration: underline }

a.bluetextlink12:link {color:#000080;font-size:12px;text-decoration:none;}
a.bluetextlink12:hover {color:#000080;font-size:12px;text-decoration:none;}
a.bluetextlink12:visited {color:#000080;font-size:12px;text-decoration:none;}

a.blacklink:link { color: #000000; font-size: 13px; text-decoration: none }
a.blacklink:active { color: #000000;font-size: 13px; text-decoration: none }
a.blacklink:visited { color: #000000;font-size: 13px; text-decoration: none }
a.blacklink:hover { color: #000000; font-size: 13px; text-decoration: underline }

a.redlink:link { color: #FF0000; font-size: 13px; text-decoration: none }
a.redlink:active { color: #FF0000;font-size: 13px; text-decoration: none }
a.redlink:visited { color: #FF0000;font-size: 13px; text-decoration: none }
a.redlink:hover { color: #FF0000; font-size: 13px; text-decoration: underline }
}

