/* CSS Document */
*
{
margin: 0;
padding: 0;
}
#content ul { margin: 1em 2em; }
p
{
margin: 1em 0 1em 0;
}
body
{
font: 14px Arial, Helvetica, sans-serif;
background: #fff;
color: #000;
text-align: center;
}
a img 
{
border:none; 
}
#wrapper
{
background: url(../images/bg_full2011.jpg) no-repeat;
width: 1021px;
margin: 0 auto;
padding: 0 auto;
text-align: left;
}
/**/#top
{
width: 1021px;
height: 160px;
}
#top a
{
width: 1021px;
height:160px;
display: block;
text-decoration:none;
}
#top a span {
visibility: hidden;
}
#menu
{
float: left;
margin: 0 0 0 44px;
padding:  0 10px;
width: 160px;
height: 520px;
}
#menu ul
{
text-align: center;
margin: 15px 0 0 0;
padding: 0;

}
#menu li
{
margin: 5px 0 0 0;
list-style-type: none;
padding: 0 0 5px 0;
background: url(../images/menu_underline.gif) no-repeat bottom center;

}
#menu a:link, #menu a:visited
{
color: #000;
text-decoration: none;
font-size: 15px;
}
#menu a:hover, #menu a:active
{
color: #E31F33;

}
#content
{
line-height: 18px;
margin: 60px 0 0 214px;
padding: 0 0 0 10px;
width: 800px;
}
#content a:link, #content a:visited, #footer a:link, #footer a:visited
{
color: #379EC3;
}
#content a:hover, #content a:active, #footer a:hover, #footer a:active
{
color: #E31F33;
text-decoration: none;
}
/*
If you don't want linked images witin the content area to have the same mouse-over as textlinks give the
element a class (<a href="website.com" class="nohighlight"><img src"..."></a> and add the following code to stylesheet:
#content a.nohighlight:hover 
{
background: none;
}
*/
h1
{
font-size: 20px;
padding: 1em 0 0.5em 0;
border-bottom: 1px solid #E31F33;
margin-bottom:10px;
}
h2
{
color: #E31F33;
}
h4
{
color:#E31F33;
}
#footer
{
clear: both;
width: 1021px;
height: 82px;
border-top: 1px #E31F33 solid;
text-align:center;
}
#footer p
{
margin-left:390px;
margin-top:2px;
font-size:10px;
}
#footer a:link, #footer a:visited
{


}
#footer a:hover, #footer a:active
{

}
.backtohome
{
clear: both;
text-align: center;
padding: 10px;
font-size: 10px;
}
/*
.backtohome a
{
font-size: 10px;
color: #000 !important;
}
*/
.important
{
font-weight:bold;
color:#df2030;
}
.tiny_text
{
font-size:10px;
}


/* Home Page stuff */

.home_text
{
width:355px;
height:180px;
position:relative;
top:20px;
font-size:12px;
line-height:14px;
padding:0 10px 0 10px;
}
.home_specials
{
float:right;
position:relative;
top:-155px;
left:-40px;
width:360px;
height:130px;
border:2px solid #e01f30;
padding:20px;
margin-bottom:-143px;
}
.home_specials p
{
margin-top:0;
font-size:12px;
}
.home_specials img
{
padding:0 10px 10px 0
}
.home_bottom
{
margin-top:30px;
background-image:url(../images/home_bottom_bg.gif);
width:795px;
height:180px;
}
.home_bottom table
{
margin-top:1px;
border-collapse:collapse;
}
.home_bottom table td
{
padding:2px 1px 1px 2px;
}
.display
{
	font-size:14px;
	border-collapse:collapse;
}
.display table td
{
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
}
.view_truck
{
	font-size:12px;
	border-collapse:collapse;
}
.view_truck td
{
	padding: 1px 5px;
}
.view_truck_print
{
	font-size:12px;
	border-collapse:collapse;
}
.view_truck_print td
{
	padding: 1px 5px;
}
.hoverspot
{
	display:block;
	height:105px;
	padding-top:5px;
	padding-right:10px
}
.hoverspot 
{
	text-decoration:none;
	border:1px solid #94CDE1;
	height:110px;
	width:100%;
	display:block;
	color:#000000 !important;
}
.hoverspot h3
{
	padding-top:5px
}
.hoverpic
{
	height:80px;
	width:110px;
	float:left;
	margin:5px;
}
.results_Key2 {
	padding:5px 10px 10px 10px;
	width:765px;
}
.results_Key2 a {
	text-decoration:none;
	padding:0 20px 0 10px;
}