@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/palletback.jpg) repeat-x black;
	font-size: 12px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;

}
a {
color: white;
text-decoration: none;
}
a:hover {
color: #EE1B2E;
}
.style1, #BYOL_Truck .style1 {
	color: #FFFFFF;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}
.style2, #BYOL_Truck .style2 {font-size: 12px}
.style3 {
	font-size: 12px;
	font-weight: bold;
}
.style5 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu a {
	display: block;
	width:100%;
	color: #000;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
	}


#menu a:hover {
	color: #a00;
	display:block;
	left: auto;
	}


#menu li { /* all list items */
	float: left;
	margin-top: 0px;
 	width: 140px; /* width needed or else Opera goes nuts */
	border-right: solid 2px white;
}

#menu li ul{ /* second-level lists */
	position: absolute; 
	color: white;
	width: 200px; 
	background: black;
	left: -999em; /* using left instead of display to hide menus because display: none ead by screen readers */
	}
#menu li ul li {
	width: 200px; 
	margin-top: 0;
}

#menu li ul li ul{ /* third-and-above-level lists */
	margin: -27px 0 0 -208px; 
	}


#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
	display: none;
	}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
	}

#menu a { display: block; color: #ffffff; text-decoration: none; border-width: 0px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 3px 3px; padding-left: 0; font-weight: bold;
	text-decoration: none;
	font-size: 14px; text-align: center; background-repeat: repeat-x; }

#menu a:hover { color: #EE1B2E; display: block; left: auto; font-weight: bold;
	text-decoration: none;
	font-size: 14px; background-color: none;}

#menu .menu_0 { width: 90px; color: #EE1B2E;}

#menu li ul a { text-align: left; }

#navcontainerBar { 
	height: 30px; 
	width: 1000px;
}

#menu ul li ul li a { color: white; background-color: black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; background-image: none; font-size: 12px;}

#menu ul li ul li a:hover { color: #EE1B2E; background-color: black; border-left: 1px dotted#EE1B2E;border-top: 1px dotted#EE1B2E; border-bottom: 1px dotted#EE1B2E; border-right: 1px dotted#EE1B2E; background-image: none; font-size: 12px;}

#menu .menu_20762 {
width: 150px;
}
.rightElement {
	background: url(../images/rightboxes.jpg) repeat-x #191919;
	border-bottom: 2px solid black;
	padding: 5px;
	font-size: 12px;
}
.style11 {
	font-size: 16;
	color: #999999;
}
.style13 {font-size: 16}
.style15 {font-size: 16px; font-weight: bold; }
.style16 {
	font-size: 13px;
	font-weight: bold;
}

.style21 {font-weight: bold; font-size: 14px; }
.style22 {font-size: 14px; }
.style23 {color: #999999}
.style25, h2 {font-size: 14px; font-weight: bold; color: #FFFFFF; }
.style26 {color: #FFFFFF}
#footer {
padding: 5px;
font-size: 11px;
}
#footer a {
color: white;
text-decoration: none;
}
#rightNav{
background: url(../images/rightboxes.jpg) repeat-x #191919;
	border-bottom: 2px solid black;
	padding: 5px;
	font-weight: bold;
	font-size: 13px;
line-height: 22px;
}
#rightNav a {
color: white;
text-decoration: none;
}
#rightNav a:hover {
color: #EE1B2E;
}
#FAQ {
padding: 15px;
padding-top: 10px;
}
#FAQ a {
color: white;
font-size: 13px;

text-decoration: none;
color: #C8C8C8
}
#FAQ a:hover {
color: #EE1B2E;
}
#FAQ .Answer {
padding: 15px;
border: #575757 solid 1px;
border-left: #575757 solid 5px;
background: url(../images/rightboxes.jpg) repeat-x #191919;


}
#FAQ .Answer a {
	color: #EE1B2E;
}
#CompanyInfo {
padding: 15px;
padding-top: 10px;

}
#ContentPage {
padding: 25px;
padding-top: 10px;
font-size: 12px;

}
#ContentPage a{
text-decoration: underline;
}
#Brochure {
padding: 15px;
padding-top: 10px;

}
#Brochure table {
background: url(../images/rightboxes.jpg) repeat-x #191919;
}
#Brochure a {
color: white;
font-size: 12px;

text-decoration: none;
color: #C8C8C8
}
#Brochure a:hover {
color: #EE1B2E;
}
#TeamLeerTable a {
color: white;
text-decoration: none;
}
#TeamLeerTable a:hover {
color: #EE1B2E;
text-decoration: none;
}
#TeamLeer {
padding: 15px;
padding-top: 10px;
}
#OwnersGallery {
padding: 15px;
padding-top: 10px;
}
#OwnersGallery table {
background: url(../images/rightboxes.jpg) repeat-x #191919;


border: #575757 solid 1px;
}
#OwnersGallery td {
padding: 5px;
}
#OwnersGallery a:hover{
color: #EE1B2E;
}
#Celeb, #What{
padding: 15px;
padding-top: 10px;

}
#Celeb a {
color: white;

}
#Celeb a:hover {
color: #EE1B2E;
}
#Celeb table {
background: url(../images/rightboxes.jpg) repeat-x #191919;
}
#How {
padding: 15px;

padding-top: 10px;
}
#HomeProducts a {
color: white;
text-decoration: none;
}
#HomeProducts a:hover {
color: #EE1B2E;
}
#Lifestyle {
padding: 10px;
padding-top: 10px;
}
#Lifestyle table {
background: url(../images/rightboxes.jpg) repeat-x #191919;
}
#Lifestyle a {
color: white;
text-decoration: none;
}
#Lifestyle a:hover {
color: #EE1B2E;
}
#TruckCaps {
padding: 10px;
padding-top: 10px;
}
#TruckCaps table {
background: url(../images/rightboxes.jpg) repeat-x #191919;
}
#TruckCaps a {
color: white;
text-decoration: none;
}
#TruckCaps a:hover {
color: #EE1B2E;
}
#TruckTon {
padding: 10px;
padding-top: 10px;
}
#TruckTon table {
background: url(../images/rightboxes.jpg) repeat-x #191919;
}
#TruckTon a {
color: white;
text-decoration: none;
}
#TruckTon a:hover {
color: #EE1B2E;
}
#ProjectTrucks {
padding: 15px;
padding-top: 10px;
}
#FAQBlock
{
     padding-left: 15px;
}
#FAQ .Answer {
padding: 15px;
border: #575757 solid 1px;
border-left: #575757 solid 5px;
background: url(../images/rightboxes.jpg) repeat-x #191919;
font-size:12px;
color: #cccccc;
}
#rightNav .active, #Menu .active {
color: #EE1B2E;
}
#InformationES {
padding: 15px;
}
#loadBox, #loadBox td, #loadBox th, #loadBox table, #loadBox p, #loadBox ul, #loadBox li, #loadBox h2 {
color:black;
}
#listParagraph p {
padding: 0px;
margin: 0px;
}
#linkOverride a{
text-decoration: underline;
}
#How, #What {
	font-size: 12px;
	padding-top: 10px;
}
#tenPX, #tenPX td, #tenPX a, #tenPX p {
	font-size: 10px;
}
#contentAreaInsert a {
	color: black;
}
#contentAreaInsert a:hover {
color: #EE1B2E;
}
h1 {
padding: 0;
margin: 0;
margin-top: 5px;
font-size: 22px;
}


#fitmentButton 
{
	width: 180px;
	height: 105px;
	display: block;
	background: url("/site/template/images/truck-button.png") 0 0 no-repeat;
	text-decoration:none;

}
#fitmentButton:hover
{
	background-position:0 -100px;
}