tr.r0 td
{
border-bottom: solid thick gray; 
padding: 2px;
vertical-align: bottom;
}

tr.r1 td
{
border-bottom: solid thin gray; 
padding: 2px;
text-align: right;
}

tr.r2 td
{
border-bottom: solid medium gray; 
padding: 2px;
text-align: right;
}

tr.r10 td
{
border-bottom: solid thick gray; 
padding: 2px;
vertical-align: bottom;
}

tr.r11 td
{
border-bottom: solid thin gray; 
padding: 2px;
vertical-align: top;
}

tr.r12 td
{
border-bottom: solid medium gray; 
padding: 2px;
vertical-align: bottom;
}

td.r0
{
border-bottom: solid thick gray; 
padding: 2px;
vertical-align: bottom;
}

td.r1 
{
border-bottom: solid thin gray; 
padding: 2px;
text-align: right;
}

td.r2
{
border-bottom: solid thin gray; 
padding: 2px;
text-align: left;
}

a.sqbtn{
background: transparent url('/wexpense/images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
margin: 2px;
}

a:link.sqbtn, a:visited.sqbtn, a:active.sqbtn{
color: #494949; /*button text color*/
}

a.sqbtn span{
background: transparent url('/wexpense/images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.sqbtn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.sqbtn:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.slimbtn{
background: transparent url('/wexpense/images/slim-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 19px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
margin: 2px;
}

a:link.slimbtn, a:visited.slimbtn, a:active.slimbtn{
color: #494949; /*button text color*/
}

a.slimbtn span{
background: transparent url('/wexpense/images/slim-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.slimbtn:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.slimbtn:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.btnwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


a.green{
background: transparent url('/wexpense/images/square-green-left.gif') no-repeat top left
}

a.green span{
background: transparent url('/wexpense/images/square-green-right.gif') no-repeat top right;
}

a.orange{
background: transparent url('/wexpense/images/square-orange-left.gif') no-repeat top left
}

a.orange span{
background: transparent url('/wexpense/images/square-orange-right.gif') no-repeat top right;
}

a.blue{
background: transparent url('/wexpense/images/square-blue-left.gif') no-repeat top left
}

a.blue span{
background: transparent url('/wexpense/images/square-blue-right.gif') no-repeat top right;
}

a.red{
background: transparent url('/wexpense/images/square-red-left.gif') no-repeat top left
}

a.red span{
background: transparent url('/wexpense/images/square-red-right.gif') no-repeat top right;
}


div.pumpbom
{
	display:none;
	background-color: #FFFFFF;
}

div.pumpcost
{
	display:block;
	background-color: #FFFFFF;
}

div.btnbom
{
	background-color: #3399FA;
	cursor:pointer;
}

div.btnprice
{
	background-color: #FAFAFF;
	cursor:pointer;
}

img.the_pic
{
filter:alpha(opacity=10)
}

img
{
filter:alpha(opacity=100)
}

li {
	padding:2px;
	position: relative;
	left: 0px;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 12px;
	


}

td.picdesc{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	color: #AAAAAA;
}
td.pic{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	color: #AAAAAA;
	background-color: #FFFFFF
}
div {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	color: #000000;

}

div.BOM {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	background-color: #CFCFCF;
	color: #333333;

}

div.head {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 1px;
	color: #000000;
	background-color: #CCCCCC;


}
div.subhead {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 13px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 1px;
	color: #000000;
background-color: #CFCFCF;

}



td {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	color: #000000;
}

table.News {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	color: #000000;
	background-color:#f1f1f1;
}

table.BOMAddtl {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 0px;
	color: #0000FF;
	
 	border-color:#CCCCCC;
	border-width:thin;
	border-style:solid;
	
}

td.NewsHead {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	color: #000000;
	background-color: #999999;
}

tr.BOMHeader {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	color: #FAFAFA;
	background-color: #999999;
}

tr.BOM {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	color: #000000;
	background-color: #EEEEEE;
}
td.BOMHeader {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	color: #FAFAFA;
	background-color: #999999;
}

td.BOMChoice {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
	padding: 0px;
	color: #FAFAFA;
	background-color: #EEEEEE;
}

td.BOMChoice:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: none;
	text-decoration: none;
	padding: 0px;
	color: #AAAAAA;
	background-color: #CCCCCC;
}



td.BOM {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	color: #000000;
	background-color: #EEEEEE;
}


td.TDheadleft {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	color: #000000;
	background-color: #999999;
}

td.TDbody {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	color: #000000;
	background-color: #EEEEEE;
}


td.products-black {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	color: #FFFFFF;
	background-color: #000000;
}
td.products-head1 {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	padding: 5px;
	color: #FFFFFF;
	background-color: #61BB46;
}

td.titlebar {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	color: #AAAAAA;
}

p {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	color: #000000;
}

div.titlebar {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	color: #AAAAAA;
}

div.sidemenu {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	padding: 2px;
	color: #AAAAAA;
}

a.copyright:hover {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	color: #FFAAAA;
}

a.copyright {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	color: #AAAAAA;
}


a.link:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	color: #00AA00;
}

a.link {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	color: #006600;
}

td.modelnumber:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	color: #00AA00;
}

td.modelnumber {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	color: #006600;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	color: #33AA33;
}

a.cal:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	color: #33AA33;
}

a {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	color: #000066;
}

a.head:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	color: #000000;
}


a.head {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	color: #FCFCFC;
}
a.BOM {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	color: #333333;
}
a.BOM:hover {
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	background-color: #ffffff;
	color: #333333;
}


a.sidemenu
{
	font-family: Arial, Helvetica, sans-serif,Verdana, Tahoma, Geneva ;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	color: #FFCCCC;
}