* {
	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;
}

h2 {
	color: #163760;
	font-size: 18px;
	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/headers/texacoheader.jpg) no-repeat;
	height: 201px;
}


.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; }


#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;}

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

#main {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 293px;
	}
	
	
	#mainlarge {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 393px;
	}	
#maincall {
	color: #333;
	margin: 18px 0px 0px 10px;
	height: 500px;
	}	



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;

}



#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 */



/* 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;}