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

body
{ 
background:#000000 url('images/back.jpg') repeat-x;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
}
  .rightImage
    {
    text-align: right;
	float:right;
    margin-top:0px;
    margin-bottom:0px;
	margin-left:20px;
    padding:0px;
    }
	
	*{
outline: none;
}

#cataBanner{
width:541px;
height:22px;
text-align:center;
float:left;
padding-top:12px;
font-weight:bold;
color:#1E4CB6;
background:url(images/cataBanner.jpg) no-repeat 27px 10px;
}
#lside{
width:50px;
margin:0;
padding:0;
height:389px;
float:left;
background:url(images/shad-left.png) repeat-y;
}

#rside{
width:50px;
margin:0;
padding:0;
height:389px;
float:left;
background:url(images/shad-right.png) repeat-y;
}
#main{
width:900px;
}
#mainBody{
width:800px;
float:left;
background:url(images/bodyBack.png) repeat-y left #FFF;
}
#header{
float:left;
width:800px;
height:97px;
}
#menu, #menuHome, #menu2,#menuLong{
float:left;
width:185px;
padding-left:20px;
padding-right:30px;
padding-top:36px;
background: url(images/menuBack.jpg) no-repeat;
}

#menuBack{
width:235px;
float:left;
margin:0;
padding:0;
background: #FFFFFF url(images/menuBack_2.gif) repeat-y;
}
#content{
width:565px;
float:left;
background:#FFFFFF url(images/mainBack.jpg) repeat-x;
}
#content{
height: auto;
min-height:510px;
}

#topMenu{
float:left;
padding-left:17px;
padding-right:28px;
width:520px;
height:43px;
background: url(images/topMenuBack.gif) repeat-x;
}
.center {
	margin-left:auto;
	margin-right:auto;
	}
	
#main-nav-wrap{
	width:185px;
	height:489px;
	margin:0;
	background:url(images/buttons.jpg) 0 0px no-repeat; 
}
#main-nav{
	width:185px;
	height:426px;
	margin:0;				
}
.menuBot{
	width:185px;
	float:left;
	height:auto;
}
#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	margin:0px;
	padding:0px;
	display: block;
		
}
#main-nav ul li a.LED{
	width:185px;
	height:59px;
	}
#main-nav ul li a.truckAcc{
	width:185px;
	height:52px;
	}
#main-nav ul li a.Lucas{
	width:185px;
	height:52px;
	}
#main-nav ul li a.logBooks{
	width:185px;
	height:52px;
	}
#main-nav ul li a.cargo{
	width:185px;
	height:52px;
	}
#main-nav ul li a.twelveV{
	width:185px;
	height:52px;
	}
#main-nav ul li a.RV{
	width:185px;
	height:52px;
	}
#main-nav ul li a.exclusives{
	width:185px;
	height:52px;
	}

/* -- Hovers -- */

#main-nav ul li a.LED:hover{
	background: url(images/buttons.jpg) 185px 0px;
}

#main-nav ul li a.truckAcc:hover{
	background: url(images/buttons.jpg) 185px -59px;
}
#main-nav ul li a.Lucas:hover{
	background: url(images/buttons.jpg) 185px -111px;
}			
#main-nav ul li a.logBooks:hover{
	background: url(images/buttons.jpg) 185px -163px;
}	
#main-nav ul li a.cargo:hover{
	background: url(images/buttons.jpg) 185px -215px;
}	
#main-nav ul li a.twelveV:hover{
	background: url(images/buttons.jpg) 185px -267px;
}	
#main-nav ul li a.RV:hover{
	background: url(images/buttons.jpg) 185px -319px;
}	
#main-nav ul li a.exclusives:hover{
	background: url(images/buttons.jpg) 185px -371px;
}

#top-nav{
	width:520px;
	height:43px;
	margin:0;
	background: url(images/topMenu.png) 0 0px no-repeat; 				
}


#top-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#top-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#top-nav ul li a span{
	display:none;
}


#top-nav ul li a{
	margin:0px;
	padding:0px;
	display: block;
	height:43px;
		
}
#top-nav ul li a.about{
	width:107px;
	}
#top-nav ul li a.brands{
	width:161px;
	}
#top-nav ul li a.contact{
	width:119px;}
#top-nav ul li a.home{
	width:78px;}
	
	#top-nav ul li a.gallery{
	width:132px;}


/* -- Hovers -- */

#top-nav ul li a.about:hover{
	background: url(images/topMenu.png) 0px 43px;
}

#top-nav ul li a.brands:hover{
	background: url(images/topMenu.png) -107px 43px;
}
#top-nav ul li a.contact:hover{
	background: url(images/topMenu.png) -268px 43px;
}
#top-nav ul li a.home:hover{
	background: url(images/topMenu.png) -387px 43px;
}

#top-nav ul li a.gallery:hover{
	background: url(images/topMenu.png) -387px 43px;
}

#homePic{
width:527px;
padding-left:13px;
height:285px;
float:left;
}
#subPic{
width:412px;
padding-left:70px;
padding-top:17px;
height:216px;
float:left;
}
#subBodyText{
padding-left:51px;
padding-right:36px;
padding-top:43px;
width:453px;
float:left;
background: url(images/subBodyBack.jpg) no-repeat;
}
#subBodyText2{
padding-left:51px;
padding-right:36px;
padding-top:43px;
width:453px;
float:left;
background: url(images/subBodyBack2.jpg) no-repeat;
}
.brands ul{
list-style:none;
margin-top:10px;
margin-left:20px;
padding:0
}
#bodyText{
padding-left:27px;
width:495px;
float:left;
}
#LEDLogos{
padding-left:51px;
padding-top:0px;
width:504px;
float:left;
}
#twelveLogos{
padding-top:0px;
width:565px;
float:left;
}
#titleBanner{
width:552px;
float:left;
background: url(images/titleBack.gif) repeat-x;
height:41px;
}
#titleLeft{
width:536px;
float:left;
padding:0;
background: url(images/titleBack.gif) repeat-x;
height:41px;
}
#titleRight{
width:16px;
float:left;
background: url(images/titRightShad.jpg);
height:41px;
}
#bodyBanner{
padding-left:13px;
width:539px;
float:left;
background: url(images/sourceBanner.jpg) 13px 0px;
height:60px;
}
#footer{
width:790px;
height:20px;
background:#8692a0;
margin-left:50px;
margin-right:50px;
padding-right:10px;
float:left;
font-size:10px;
text-align:right;
color:#FFFFFF;
display:inline;
}
#footerLogo{
width:800px;
margin-left:50px;
margin-right:50px;
float:left;
display:inline;
}
.maverick a:link {
	text-decoration: none;
	color: #FFF;
	}
.maverick a:visited {
	text-decoration: none;
	color: #FFF;
	}
.maverick a:hover {
	text-decoration: underline;
	color: #FFF;
	}
.maverick a:active {
	text-decoration: none;
	color: #FFF;
	}

.homeLink a:link {
	text-decoration: none;
	color: #1E4CB6;
	}
.homeLink a:visited {
	text-decoration: none;
	color: #1E4CB6;
	}
.homeLink a:hover {
	text-decoration: underline;
	color: #1E4CB6;
	}
.homeLink a:active {
	text-decoration: none;
	color: #1E4CB6;
	}