.menu
{	width: 140px
}

.menu li 
{ 	display: inline
}

.menu a, .menu a:visited
{	color:  #000000;
	text-decoration: none;
	display: block;
	border-bottom-style:solid; 
	border-bottom-width:1; 
	text-align:center;
	width: 140px
}

.menu a:hover
{	background-color: #0000FF;
	color: #FFFFFF;
}

.menu a:active
{	background-color: #000000;
	color: #FFFFFF;
}

body 		{ font-family: Arial; font-size: 11pt; margin-top:0; margin-bottom:0}
a:link		{ color: #000000 }
a			{ text-decoration: underline; color: #000000}
a:hover	{ text-decoration: none;  color:#0000FF}
h1    	       { color: #0000FF; font-weight: bold; font-size:14pt }
table		{ padding: 0; margin-top:0; margin-bottom:0; border-collapse:collapse}
body, li, td, th	{ font-family: Arial, serif; font-size: 11pt; margin-top:0; margin-bottom:0}
P			{ margin-top:0; margin-bottom:0; text-align: justify}
.highlight	{ color:#0000FF; font-weight: bold}
img 		{ border:0px none}
th			{ font-weight: bold; text-decoration: underline; text-align:left }

.icon 
{	display					: block;
	z-index					: 500
}

.icon span.highlight
{	padding				: 0px;
	color					: #0000FF;
	font-size				: 11pt;
	margin-left				: 30px;
	position				: relative;
	font-family				: arial, sans-serif
	font-weight			: bold
}

:hover.icon h3, :visited.icon h3
{	color					: #004891
}

.icon span.text 
{	display					: block;
	font-size				: 11pt;
	text-decoration		: none;
	padding				: 0px;
	margin-left				: 220px;
	width					: 350px;
	font-family				: arial, sans-serif
}

a.icon, a:visited.icon, a:hover.icon
{	text-decoration		: none;
	cursor					: hand;
	border					: solid 1px #fff;

}

a:hover.icon
{	border					: solid 1px #ccc;
	background			: #fdfdff
}

span#grill
{	background			: #ffffff url('images/grills_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#grill
{	background-position	: 0 -120
}

span#chassis
{	background			: #ffffff url('images/chassis_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#chassis
{	background-position	: 0 -120
}

span#exhaust
{	background			: #ffffff url('images/exhausts_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#exhaust
{	background-position	: 0 -120
}

span#wside
{	background			: #ffffff url('images/wsides_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#wside
{	background-position	: 0 -120
}

span#bracket
{	background			: #ffffff url('images/brackets_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#bracket
{	background-position	: 0 -120
}

span#louver
{	background			: #ffffff url('images/louvers_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#louver
{	background-position	: 0 -120
}

span#painted
{	background			: url('images/painted_160x240.jpg') top left no-repeat
	display					: block;
	float					: left;
	height					: 120px;
	width					: 160px;
	margin-left				: 30px;
	overflow				: hidden
}

a:hover.icon span#painted
{	background-position	: 0 -120
}
