@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;
}
#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: #FFFFFF url(images/menuBack.jpg) no-repeat;
}
#menu{
height:517px;
}
#menuHome{
height:567px;
}
#menu2{
height:557px;
}
#menuLong{
height:567px;
}
#menuBack1{
height:896px;
}
#menuBack2{
height:699px;
}
#menuBack3{
height:593px;
}
#menuBack4{
height:625px;
}
#menuBack5{
height:652px;
}
#menuBack6{
height:635px;
}
#menuBack7{
height:629px;
}
#menuBack8{
height:731px;
}
#menuBack9{
height:913px;
}
#menuBack,#menuBack1,#menuBack2,#menuBack3,#menuBack4,#menuBack5,#menuBack6,#menuBack7,#menuBack8,#menuBack9{
width:235px;
float:left;
margin:0;
padding:0;
background: #FFFFFF url(images/menuBack_2.gif) repeat-y;
}
#content,#contentHome,#content1, #content2,#content3,#content4,#content5,#content6,#content7,#content8,#content9{
width:565px;
float:left;
background:#FFFFFF url(images/mainBack.jpg) repeat-x;
}
#content{
height:510px;
}
#contentHome{
height:560px;
}
#content1{
height:853px;
}
#content2{
height:656px;
}
#content3{
height:550px;
}
#content4{
height:582px;
}
#content5{
height:609px;
}
#content6{
height:592px;
}
#content7{
height:586px;
}
#content8{
height:688px;
}
#content9{
height:870px;
}
#topMenu{
float:left;
padding-left:44px;
padding-right:56px;
width:465px;
height:43px;
background: url(images/topMenuBack.gif) repeat-x;
}
.center {
	margin-left:auto;
	margin-right:auto;
	}
#main-nav{
	width:185px;
	height:426px;
	margin:0;
	background:url(images/buttons.jpg) 0 0px no-repeat; 				
}


#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:465px;
	height:43px;
	margin:0;
	background: url(images/topMenu.gif) 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;}


/* -- Hovers -- */

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

#top-nav ul li a.brands:hover{
	background: url(images/topMenu.gif) -107px 43px;
}
#top-nav ul li a.contact:hover{
	background: url(images/topMenu.gif) -268px 43px;
}
#top-nav ul li a.home:hover{
	background: url(images/topMenu.gif) -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;
	}