/* CARDMENU */

#cardmenu {
	list-style: none;
	padding: 0;
	margin-top: 50px;
	
	height: 50px;
	
	position: relative;
}
#cardmenu span {
	display: none;
	position: absolute;
}
#cardmenu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#cardmenu a:hover {
	background-position: left bottom;
}

#cardmenu .bp {
	width: 95px;
	height: 70px;
	background: url(http://www.fuelcardservices.com/images/bp.jpg) no-repeat;
	left: 75px;
	top: -52px;
}

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

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

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

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

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

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