@charset "UTF-8";
/* CSS Document */

/*
--------------------------------------------
Color Key
--------------------------------------------
Red = #ff0d01;
Blue = #0280A9;
Dark Blue/Headline Color = #031d54;
Dark Gray/Text = #333333;
Light Gray/Module Text Color = #666666;
--------------------------------------------
*/

h1{
	margin:0;
	padding:0;
	text-indent: 0px !important;
	background: transparent !important;
}


img{
	margin:0;
	padding:0;
}


.clear{
	clear:both;
}


a{
	outline:none;
}


#fleetContainer {
	margin:0 0 0 75px;
	padding:0;
	float: left;
	width: 675px;
	background: #FFFFFF url(/images/fleet/fleetpage_headbg.jpg) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#fleetContainer a{
	margin:0;
	padding:0;
	color:#ff0d01;
}


#fleetContainer a:hover{
	margin:0;
	padding:0;
	color:#0280A9;
}


#fleetHeader {
	margin:0;
	padding: 100px 0 0 42px;
	width:633px;
	height: 154px;	
}


#fleetHeader h1 {
	margin: 0;
	padding: 18px 0 8px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #031d54;
	line-height: 18px;
	font-weight:bold;
}


#fleetHeader p {
	margin: 0; 
	padding: 10px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 18px;
	width:238px;
}


#fleetContent {
	margin:0;
	padding: 15px 20px 0 42px;
	float: left;
	width: 350px;
}

#fleetContent h1 {
	margin:0;
	padding:10px 0 25px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #031d54;
	line-height: 18px;
}


#fleetContent ul {
	padding: 20px 20px 0 15px;
	margin: 0;
}


#fleetContent li h2 {
	margin: 0;
	padding: 0 0 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0280a9;
	line-height: 14px;
}


#fleetContent li {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: url(/images/fleet/fleetpage_bullet.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}



/*------------------------------
Right Side - Modules
------------------------------*/
.fleetCallout {
	margin:0;
	padding: 15px 0 0 27px;
	background: url(/images/fleet/fleetpage_vline.jpg) bottom left no-repeat;
	float: left;
	width: 195px;
}


.fleetmodule{
	margin:0;
	padding:0;
	width:211px;
}


#fleetmodule-contactus{
	height:128px;
	background: url(/images/fleet/fleetmodule_contactus.jpg) 0 0 no-repeat;
	padding-bottom:3px;
}


#fleetmodule-moreinfo{
	height:177px;
	background: url(/images/fleet/fleetmodule_moreinfo.jpg) 0 0 no-repeat;
	padding-bottom:3px;
	
}


.fleetmodule h1{
	margin:0;
	padding:21px 0 0 54px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
}


.fleetmodule p{
	margin:0;
	padding:6px 0 0 20px;
	font-size:10px;
	line-height:15px;
	color:#666666;
	width:170px;
}


#fleetmodule-contactus h1{
	color:#0280A9;
	padding-top: 23px;	
}



#fleetmodule-contactus a{
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold;
	color:#0280A9;
}


#fleetmodule-contactus a:hover{
	text-decoration:underline;
}


#fleetmodule-moreinfo h1{
	color:#ff0d01;
	padding-top: 23px;
	padding-bottom: 12px;	
}



#fleetmodule-moreinfo div.startnow{
	margin:0;
	padding:14px 0 0 123px;
}


#fleetmodule-moreinfo a{
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: url(/images/fleet/fleetmodule_startnow_btn.jpg) 0 0 no-repeat;
	display:block;
	width:70px;
	height:24px;
}


#fleetmodule-downloadprint {
	height: 177px;
	background: url(/images/fleet/fleetmodule_downloadprint.jpg) 0 0 no-repeat;
	padding-bottom:3px;
}
#fleetmodule-downloadprint h1 {
	color: #0280A9;
	padding-top: 23px;
	padding-bottom: 12px;   
}
#fleetmodule-downloadprint div.downloadprint{
    margin:0;
    padding:14px 0 0 56px;
}
#fleetmodule-downloadprint a{
    margin:0;
    padding:0;
    text-indent:-9999px;
    background: url(/images/fleet/fleetmodule_downloadprint_btn.jpg) 0 0 no-repeat;
    display:block;
    width:137px;
    height:24px;
}



























/*------------------------------
Options Page
------------------------------*/
/*Change header background image*/
#fleetContainer.options{
	background: #FFFFFF url(/images/fleet/fleetoptionspage_headbg.jpg) no-repeat top left;
}


.options #fleetHeader{
	/*height:297px;*/
	height:40px;
}


/*If flash is enabled*/
	body.flash-enabled .options #fleetHeader{
	height:297px;
} 


/*Flash piece FPO*/
#fleetHeader #carousel{
	margin:0;
	padding:0;
}


#fleetHeader #carousel img{
	margin:0;
	padding:0;
	display:none;
}


/*change to one column layout*/
.options #fleetContent {
	margin:0;
	padding: 15px 0px 0 42px;
	float: none;
	width: 550px;
}


/*changes for column layout*/
.options #fleetContent p {
	margin:0;
	padding:0 20px 0px 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 20px;
}


/*------------------------------
Numbered Payment Options
------------------------------*/
.options #fleetContent .numbers{
	margin:0;
	padding:40px 0 20px 0;
	border-bottom:#dfdfdf 1px solid;
}


.numbers#one{
	background: url(/images/fleet/fleetoptionspage_no1.jpg) 0 35px no-repeat;
}


.numbers#two{
	background: url(/images/fleet/fleetoptionspage_no2.jpg) 0 35px no-repeat;
}


.numbers#three{
	background: url(/images/fleet/fleetoptionspage_no3.jpg) 0 35px no-repeat;
}


.options #fleetContent .numbers#four{
	background: url(/images/fleet/fleetoptionspage_no4.jpg) 0 35px no-repeat;
	border-bottom:none;
	padding-bottom:40px;
}


.numbers#one img,
.numbers#two img{
	margin:0;
	padding:20px 0 0 36px;
}


.options #fleetContent .numbers h1{
	padding:0 0 18px 40px;

}


.options #fleetContent .numbers p.cta{
	padding-top:20px;
}


.options #fleetContent .numbers a{
	margin:0;
/*	padding:0 0 0 16px;*/
	padding:0 0 0 0;
	font-weight:bold;
/*	background: url(/images/fleet/fleetpage_redbullet.jpg) 0 0 no-repeat;*/
}


/*------------------------------
#3 Fleet services card
------------------------------*/
.creditcardwrap{
	margin:0;
	padding:20px 0 0 0;
}


#cards{
	margin:0;
	padding:0 0 0 22px;
	float:left;
}


#fleetContent #cards p{
	font-size:10px;
	color:#666;
	font-style:italic;
	line-height:12px;
	text-align:right;
	margin:0;
	padding:88px 0 0 0;
}


#univeralcard{
	margin:0;
	padding:0;
	width:133px;
	background:url(/images/fleet/universalcreditcard.jpg) top right no-repeat;
}


#fleetccard{
	margin:0;
	padding:0 0 22px 0;
	width:133px;
	background:url(/images/fleet/fleetcreditcard.jpg) top right no-repeat;
}


#cardcoy{
	margin:0;
	padding:0 0 0 20px;
	float:left;
	width:370px;
}


.options #fleetContent #cardcoy p{
	padding-left:15px;
}


.options #fleetContent #cardcoy p.bothoptions a{
	font-weight:normal;
	background-image:none;
	padding:0;
}


.options #fleetContent #cardcoy p.cta{
	padding-left:0;
	padding-bottom:0px;
	padding-top:20px;
}


#fleetContent li.top{
	padding-bottom:40px;
}


/*Remove styels from anchors*/
.options #fleetContent .numbers a#Question1,
.options #fleetContent .numbers a#Question2,
.options #fleetContent .numbers a#Question3,
.options #fleetContent .numbers a#Question4{
	margin:0;
	padding:0;
	text-decoration:none;
	background-image:none;
}


/*------------------------------
Account Page
------------------------------*/
#fleetAccountContainer{
	margin:0 0 0 75px;
	background:url(/images/fleet/fleetoptionspage_headbg.jpg) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#fleetAccountContainer #fleetContent a{
	margin:0;
	padding:0;
	color:#ff0d01;
}


#fleetAccountContainer #fleetContent a:hover{
	color:#0280A9;
}


#accountwrap{
	margin:0;
	padding:10px 0 0 0;
}


#fleetAccountContainer #fleetContent {
	padding:100px 30px 0 42px;
}


#fleetAccountContainer #fleetContent p {
	margin: 0; 
	padding: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px;
}


#fleetAccountContainer .fleetCallout {
	padding: 15px 0 0 27px;
}


#fleetAccountContainer #fleetmodule-contactus{
	padding-top:95px;
	background: url(/images/fleet/fleetmodule_contactus.jpg) 0 95px no-repeat;
}


/*------------------------------
Account Card Login
------------------------------*/
#fleetAccountContainer .creditcardwrap{
	margin:0;
	padding:20px 0 100px 0;
}


#fleetAccountContainer #cards{
	margin:0;
	padding:0;
	float:left;
}


#fleetAccountContainer #fleetContent #cards p{
	font-size:10px;
	color:#666;
	font-style:italic;
	line-height:12px;
	text-align:right;
	margin:0;
	padding:88px 0 0 0;
}


#fleetAccountContainer #univeralcard{
	margin:0;
	padding:0;
	width:119px;
	background:url(/images/fleet/universalcreditcard.jpg) top left no-repeat;
}


#fleetAccountContainer #fleetccard{
	margin:0;
	padding:0 0 28px 0;
	width:119px;
	background:url(/images/fleet/fleetcreditcard.jpg) top left no-repeat;
}


#fleetAccountContainer #cardcoy{
	margin:0;
	padding:0 0 0 30px;
	float:left;
	width:183px;
}


#fleetAccountContainer #cardcoy p{
	padding-left:15px;
}


#fleetAccountContainer #fleetContent #cardcoy p.bothoptions a{
	font-weight:normal;
	background-image:none;
	padding:0;
}


#fleetAccountContainer #fleetContent #cardcoy p.cta{
	padding-left:0;
	padding-bottom:0px;
	padding-top:0px;
}


#fleetAccountContainer #fleetContent ul{
	margin:0;
	padding:3px 0 0 0;
}


#fleetAccountContainer #fleetContent li{
	list-style-image:none;
	list-style-type:none;
}


#fleetAccountContainer #fleetContent li.top{
	padding-bottom:50px;
}


#fleetAccountContainer #fleetContent h2{
	margin:0;
	padding:0 0 10px 0;
}


#fleetAccountContainer #fleetContent li p{
	margin:0;
	padding:0 0 0 12px;
	background:url(/images/fleet/fleetpage_redbullet.jpg) 0 0 no-repeat;
}


#fleetAccountContainer p.cta{
	font-weight:bold;
}


#fleetAccountContainer #fleetContent p.cta a{
	margin:0;
	padding:0 0 0 12px;
	font-weight:bold;
	background: url(/images/fleet/fleetpage_redbullet.jpg) 0 0 no-repeat;
}