/* MENU */

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	
	height: 250px;
	background: url(http://www.fuelcardservices.com/images/menu-bg.jpg) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
	

		
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}

#menu .bp {
	width: 50px;
	height: 62px;
	background: url(http://www.fuelcardservices.com/images/bp.jpg) no-repeat;
	left: 150px;
	top: -52px;
}

#menu .esso {
	width: 69px;
	height: 40px;
	background: url(http://www.fuelcardservices.com/images/esso.jpg) no-repeat;
	left: 220px;
	top: -42px;
}

#menu .shell {
	width: 47px;
	height: 43px;
	background: url(http://www.fuelcardservices.com/images/shell.jpg) no-repeat;
	left: 310px;
	top: -42px;}

#menu .texaco {
	width: 50px;
	height: 40px;
	background: url(http://www.fuelcardservices.com/images/texaco.jpg) no-repeat;
	left: 375px;
	top: -42px;
}

#menu .red {
	width: 80px;
	height: 35px;
	background: url(http://www.fuelcardservices.com/images/red.jpg) no-repeat;
	left: 445px;
	top: -37px;
}

#menu .diesel {
	width: 51px;
	height: 45px;
	left: 555px;
	top: -42px;
	background: url(http://www.fuelcardservices.com/images/diesel.jpg) no-repeat;
}

#menu .compare {
	width: 150px;
	height: 46px;
	left: 630px;
	top: -42px;
	background: url(http://www.fuelcardservices.com/images/compare.jpg) no-repeat;
}



#a {
	width: 620px;
	position: relative;
	left: 55px;
	margin-top: -200px;
	
	}


#a1 {
	width: 600px;
	height: 200px;
	position: relative;
	left: 40px;
	margin-top: -220px;
	background: url(http://www.fuelcardservices.com/images/bpbackground.jpg) no-repeat; background-position-y: -15px;
	}
	 
#a1links{position: relative;
margin-top: -75px;
left: 20px;
width: 200px;
 }

#a1title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a1content{
position: relative;
left: 200px;
list-style: disc;
list-style-position: inside;	}
	

	


	

#a2 {
	width: 600px;
	height: 190px;
	position: relative;
	left: 40px;
	margin-top: -200px;
	background: url(http://www.fuelcardservices.com/images/essobackground.jpg) no-repeat;background-position-y: -15px;
	
}

#a2links{position: relative;
margin-top: -75px;
left: 20px;
width: 200px;
 }

#a2title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a2content{
position: relative;
left: 200px;
list-style-type: disc;
list-style-position: inside;	}
	
#a3 {
	width: 600px;
	height: 180px;
	position: relative;
	left: 40px;
	margin-top: -200px;
	background: url(http://www.fuelcardservices.com/images/shellbackground.jpg) no-repeat;background-position-y: -15px;
	}


#a3links{position: relative;
margin-top: -75px;
left: 20px;
width: 200px;
 }

#a3title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a3content{
position: relative;
left: 200px;
list-style-type: disc;
list-style-position: inside;	}
	
	
	
	
#a4 {
	width: 600px;
height: 180px;
	position: relative;
	left: 40px;
	margin-top: -200px;
	background: url(http://www.fuelcardservices.com/images/texacobackground.jpg) no-repeat;background-position-y: -15px;
}


#a4links{position: relative;
margin-top: -75px;
left: 20px;
width: 200px;
 }

#a4title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a4content{
position: relative;
left: 200px;
list-style-type: disc;
list-style-position: inside;	}
	

#a5 {
	width: 600px;
	height: 180px;
	position: relative;
	left: 40px;
	margin-top: -200px;
	background: url(http://www.fuelcardservices.com/images/redbackground.jpg) no-repeat;background-position-y: -15px;	}
	
	

#a5links{position: relative;
margin-top: -75px;
left: 20px;
width: 200px;
 }

#a5title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a5content{
position: relative;
left: 200px;
list-style-type: disc;
list-style-position: inside;	}
	

#a6 {
	width: 600px;
height: 180px;
	position: relative;
	left: 40px;
	margin-top: -200px;	
	background: url(http://www.fuelcardservices.com/images/dieselbackground.jpg) no-repeat;background-position-y: -15px;
}


#a6links{position: relative;
margin-top: -75px;
left: 20px;
width: 200px;
 }
 
 

#a6title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a6content{
position: relative;
left: 200px;
list-style-type: disc;
list-style-position: inside;	}
	

#a7 {
	width: 600px;
height: 180px;
	position: relative;
	left: 40px;
		margin-top: -200px;	
	background: url(http://www.fuelcardservices.com/images/comparebackground.jpg) no-repeat;background-position-y: -15px;
}


#a7links{position: relative;
margin-top: -50px;
left: 20px;
width: 200px;
 }

#a7title {font-size: 16px; font-weight: bold;
padding: 10px;
position: relative;
margin-top: -5px;
	left: 188px;}

#a7content{
position: relative;
left: 200px;
list-style-type: disc;
list-style-position: inside;	}
	


/* MENU END */