@charset "utf-8";
.menu{ position:relative; margin:auto; z-index:10; background:#FFFFFF; top:-3px;   }
.menu ul{
	position:absolute;
	list-style:none;
	margin:auto;
	padding:0px;
	right:0px;
	top: 4px;
}
.menu img{  border:none;}
.menu li{ 
	width:100px;
	height:30px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
	
}
.menu a{
	color:#FFFFFF;  
	text-decoration:none;
	padding:0px;
	padding-left:0px;padding-right:0px;
	font-weight:600;
	
}
.menu a:hover{ color:#FFFF00;   }

.menu div{ padding:0px; height:30px;   line-height:28px;  }
.menu div:hover{   }


	.subtext{
		padding-top:15px;
	}

/*Menu Color Classes*/
#green{ width:110px; height:27px;    }
#yellow{ width:170px; height:27px; }
#yellow div{width:170px;}
#red {width:200px; height:27px; }
#red div img{ margin-bottom:3px;}

#purple{width:200px; height:27px;   }
#purple div img{ margin-bottom:3px;}

#blue{width:200px; height:27px;   }
#blue div img{ margin-bottom:3px;}
#white{width:155px; height:27px;}
#white div img{ margin-bottom:3px; }


#vehicleonline{ position:relative;width:200px; height:35px; background:url(../images/BOOK%20IN%20VEHICLE%20copy.png) no-repeat;margin-bottom:-3px; }
#vehicleonline:hover{ position:relative;width:200px; height:35px; background:url(../images/BOOK%20IN%20VEHICLE.png) no-repeat;}

#urexcess{ position:relative;width:200px; height:35px; background:url(../images/PAY%20YOUR%20EXCESS%20copy.png) no-repeat;margin-bottom:-3px; }
#urexcess:hover{ position:relative;width:200px; height:35px; background:url(../images/PAY%20YOUR%20EXCESS.png) no-repeat;}

#invoice{ position:relative;width:200px; height:35px; background:url(../images/ONLINE%20INVOICE%20copy.png) no-repeat;margin-bottom:-3px; }
#invoice:hover{ position:relative;width:200px; height:35px; background:url(../images/ONLINE%20INVOICE.png) no-repeat;}


#history{ position:relative;width:170px; height:35px; background:url(../images/COMPANY%20HISTORY%20copy.png) no-repeat;margin-bottom:-3px; }
#history:hover { position:relative;width:170px; height:35px; background:url(../images/COMPANY%20HISTORY.png) no-repeat;}
#repairer{ position:relative;width:170px; height:35px; background:url(../images/CHOOSING%20A%20REPAIRER%20copy.png) no-repeat;margin-bottom:-3px; }
#repairer:hover { position:relative;width:170px; height:35px; background:url(../images/CHOOSING%20A%20REPAIRER.png) no-repeat;}

#overall{ position:relative;width:170px; height:35px; background:url(../images/OVERALL%20RATING%20copy.png) no-repeat;margin-bottom:-3px; }
#overall:hover { position:relative;width:170px; height:35px; background:url(../images/OVERALL%20RATING.png) no-repeat;}

#feedback{ position:relative;width:170px; height:35px; background:url(../images/LEAVE%20FEEDBACK%20copy.png) no-repeat;margin-bottom:-3px; }
#feedback:hover { position:relative;width:170px; height:35px; background:url(../images/LEAVE%20FEEDBACK.png) no-repeat;}



#manufacturers{position:relative;width:200px; height:35px; background:url(../images/MANUFACTURERS%20copy.png) no-repeat;margin-bottom:-3px;}
#manufacturers:hover { position:relative;width:200px; height:35px; background:url(../images/MANUFACTURERS.png) no-repeat;}

#insurers{position:relative;width:200px; height:35px; background:url(../images/INSURERS%20copy.png) no-repeat;margin-bottom:-3px;}
#insurers:hover { position:relative;width:200px; height:35px; background:url(../images/INSURERS.png) no-repeat;}

#specialist{position:relative;width:200px; height:35px; background:url(../images/SPECIALIST%20copy.png) no-repeat;margin-bottom:-3px;}
#specialist:hover { position:relative;width:200px; height:35px; background:url(../images/SPECIALIST.png) no-repeat;}

#approvals{position:relative;width:200px; height:35px; background:url(../images/VEHICLE%20INCUSTRY%20APPROVALS%20copy.png) no-repeat;margin-bottom:-3px;}
#approvals:hover { position:relative;width:200px; height:35px; background:url(../images/VEHICLE%20INCUSTRY%20APPROVALS.png) no-repeat;}

#timings{position:relative;width:155px; height:35px; background:url(../images/OPENING%20TIMINGS%20copy.png) no-repeat;margin-bottom:-3px;}
#timings:hover{position:relative;width:155px; height:35px; background:url(../images/OPENING%20TIMINGS.png) no-repeat;}

#directions{position:relative;width:155px; height:35px; background:url(../images/MAP%20&%20DIRECTIONS%20copy.png) no-repeat;margin-bottom:-3px;}
#directions:hover{position:relative;width:155px; height:35px; background:url(../images/MAP%20&%20DIRECTIONS.png) no-repeat;}

#enquires{position:relative;width:155px; height:35px; background:url(../images/ONLINE%20ENQUIRES%20copy.png) no-repeat;margin-bottom:-3px;}
#enquires:hover{position:relative;width:155px; height:35px; background:url(../images/ONLINE%20ENQUIRES.png) no-repeat;}

#careers{position:relative;width:155px; height:35px; background:url(../images/CAREERS%20copy.png) no-repeat;margin-bottom:-3px;}
#careers:hover{position:relative;width:155px; height:35px; background:url(../images/CAREERS.png) no-repeat;}


#technology{position:relative;width:200px; height:35px; background:url(../images/TECHNOLOGY%20copy.png) no-repeat;margin-bottom:-3px;}
#technology:hover { position:relative;width:200px; height:35px; background:url(../images/TECHNOLOGY.png) no-repeat;}

#express{position:relative;width:200px; height:35px; background:url(../images/EXPRESSCARE%20copy.png) no-repeat;margin-bottom:-3px;}
#express:hover { position:relative;width:200px; height:35px; background:url(../images/EXPRESSCARE.png) no-repeat;}

#summary{position:relative;width:200px; height:35px; background:url(../images/SUMMARY%20copy.png) no-repeat;margin-bottom:-3px;}
#summary:hover { position:relative;width:200px; height:35px; background:url(../images/SUMMARY.png) no-repeat;}


#estimate{position:relative;width:200px; height:35px; background:url(../images/ONLINE%20ESTIMATE%20copy.png) no-repeat;margin-bottom:-3px;}
#estimate:hover { position:relative;width:200px; height:35px; background:url(../images/ONLINE%20ESTIMATE.png) no-repeat;}

#aaa{position:relative;width:200px; height:35px; background:url(../images/ACCIDENT%20ADVICE%20&%20ASSIST%20copy.png) no-repeat;margin-bottom:-3px;}
#aaa:hover{ position:relative;width:200px; height:35px; background:url(../images/ACCIDENT%20ADVICE%20&%20ASSIST.png) no-repeat;}