* {
	padding: 0;
	margin: 0;
}

body {
	background: url(http://www.fuelcardservices.com/images/pagetopBG.jpg) no-repeat fixed center top;
	font: 12px/20px Arial, Helvetica, sans-serif;
	
}

p {
	color: #000000;
}

h1 {
	color: #163760;
	font-size: 18px;
	margin-bottom: 10px;
	
}
a.c1:link{color: #163760;
text-decoration: none;}

a.c1:hover{color: #163760;
text-decoration: underline;}

h2 {
	color: #163760;
	font-size: 17px;
	margin-bottom: 10px;
}

#tinytext {font-size: 10px;}



#wrapper {
	margin: 0 auto;
	width: 800px;
}

#faux {
	margin-bottom: 0px;
	overflow: auto;
	/

* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
	background-image: url(http://www.fuelcardservices.com/images/faux-3-2-col.gif);
}




#header {
	color: #333;
	width: 800px;
	background: #FFFFFF url(http://www.fuelcardservices.com/images/header.jpg) no-repeat;
	height: 201px;
}

#qalogo {margin-left: 275px;
margin-top: -195px;}

#qa {font-size: 11px;
font-family:Arial,Verdana,Helvitica,sans-serif;
font-weight: bold;
color: #666;
margin-left: 285px;
margin-top: -25px;}


.tel {color: #163760; font-size: 18px; font-weight: bold; margin-left: 25px; margin-top: 10px; clear: left;}

#headertext {margin-top: 10px;}
.headertext1 {color: #ff6600; font-size: 18px; font-weight: bold; margin-left: 50px; }
.headertext2 {color: #ff6600; font-size: 18px; font-weight: bold; margin-left: 120px; }
.headertext3 {color: #ff6600; font-size: 18px; font-weight: bold; margin-left: 145px; }





#navigation {
	color: #333;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	
}


#main {height: 770px;
	color: #333;
	margin: 18px 0px 0px 10px;
		}
		
	
#mainlarge {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 393px;
	}
	
#locatormainlarge {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 1100px;
	}
	
#maineservices {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 700px;
	}
			
	
#contactmain {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 1350px;
	}
	
#genericlocator {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 500px;
	}
	
#genericlocatortest {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 550px;
	}	

		

	
#contact{float: left;
clear: left;}

a {
	color: #ff6600;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
	text-decoration: underline;
}

a.boldlink {
float: right;
margin-right: 20px;
font-size: 16px;
font-weight: bold;
	color: #ff6600;
	text-decoration: none;
}

a.boldlink:hover {
float: right;
margin-right: 20px;
font-size: 16px;
font-weight: bold;
font-size: 16px;
color: #ff6600;
text-decoration: underline;
}

a.homelink {
float: right;
margin-top: -10px;
margin-right: -50px;
font-size: 16px;
font-weight: bold;
color: #ff6600;
text-decoration: none;
	}

a.homelink:hover {
float: right;
margin-top: -10px;
margin-right: -50px;
font-size: 16px;
font-weight: bold;
font-size: 16px;
color: #ff6600;
text-decoration: underline;


}


a.homelinkbp {
float: right;
margin-top: -10px;
margin-right: -50px;
font-size: 16px;
font-weight: bold;
color: #ff6600;
text-decoration: none;
	}

a.homelinkbp:hover {
float: right;
margin-top: -10px;
margin-right: -50px;
font-size: 16px;
font-weight: bold;
font-size: 16px;
color: #ff6600;
text-decoration: underline;


}



#leftcolumn {
	display: inline;
	color: #333;
	width: 370px;
	float: left;
	margin: 10px;
}

#rightcolumn {
	float: right;
	color: #333;
	padding: 0px;
	width: 370px;
	display: inline;
	position: relative;
	margin: 10px;
}

#footer {
border-top: solid 1px #CCCCCC;
	width: 800px;
	clear: both;
	color: #333;
	padding: 0;
	height: 100px;
	margin: 50px 0 0;
}

.clear {
	clear: both;
	background: none;
}
/* nav */

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(http://www.fuelcardservices.com/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top: 4px solid #003b72;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}

#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(http://www.fuelcardservices.com/images/bgDIVIDER.gif) no-repeat top right;}


	

#stylefour ul li a:hover,#stylefour ul li a.current{color: #003b72;background:#fff url(http://www.fuelcardservices.com/images/2bgON.gif) no-repeat top right;}

#stylefour li ul { /* second-level lists */
	background:transparent url(http://www.fuelcardservices.com/images/bgOFF.gif) repeat-x top left;
	border-top: 1px solid #003b72;
	display: block;
	float: left;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#stylefour li:hover ul, #stylefour li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top: 34px;

}



/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

/* end nav */

/* MENU */




#menu {
	list-style: none;
	padding: 0;
	
	margin: 0px;
	height: 720px;
	background: url(http://www.fuelcardservices.com/images/menu-bg-v-large.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: 95px;
	height: 70px;
	background: url(http://www.fuelcardservices.com/images/bp.jpg) no-repeat;
	left: 145px;
	top: -55px;

}

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

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

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

#menu .total {
	width: 60px;
	height: 68px;
	background: url(http://www.fuelcardservices.com/images/total.jpg) no-repeat;
	left: 462px;
	top: -55px;
}

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

}


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







#homemainlarge {margin: 0px 0px 0px 10px; height: 800px; clear: both;	}

#hometitle {font-size: 16px;
font-weight: bold;
font-size: 16px;
color: #ff6600;}




#a {
	width: 620px;
	position: relative;
	left: 65px;
	margin-top: -680px;
	
	}

#acontent{
position: relative;
left: 45px;
list-style: disc;
list-style-position: inside;	}







#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: -300px;	
	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 */

/* LOGIN */
#loginform {
overflow: hidden;
margin-top: 0px;
margin-left: 490px;
width:300px;

}
#loginform fieldset{
border: 1px solid #CCCCCC;
padding:10px;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
}
#loginform label{
display:block;
height:2em;
background-color:#F5F5F5;
padding:5px 5px 0;
}
#loginform input {
margin-right:20px;
padding: 2px;
border:1px solid #666666;
float:right;
clear:right;
background:#FFFFFF;
}
#passwordsmall {
text-align: center;
padding-left: left: 5px;
background:#F5F5F5;
font-size: 10px;}

#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}

/* LOCATOR */
#locator {

margin-top: 0px;

width:320px;

}
#locator fieldset{
border: 1px solid #CCCCCC;
padding:10px;
}
#locator legend{
font-weight:bold;
font-size:9pt;
}
#locator label{
display:block;
height:2em;
background-color:#F5F5F5;
padding:5px 5px 0;
}
#locator input {
margin-right:20px;
padding: 2px;
border:1px solid #666666;
float:right;
clear:right;
background:#FFFFFF;
}
#passwordsmall {
text-align: center;
padding-left: left: 5px;
background:#F5F5F5;
font-size: 10px;}

#locator input:focus,#locator input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}


/* END LOCATOR */

/* ESERVICES */
#eservcies {list-style-type: circle;}
#eservices li {margin-left: 20px; color: #003366;}
/* END */

#existing {font: 10px Arial, Helvetica, sans-serif;
float: right;
margin-right: 85px;}