/*==================================================
       McMillan
       www.thinkmcmillan.com
       Author: L. Rodriguez
       Date: 2009/02/25

       Wright Express Corporate Payment Solutions
	   Layout Styles

       TABLE OF CONTENTS
       1. Wrapper
       2. Header
       3. Content
       4. Footer
	   5. Forms
	   6. Whitepapers
==================================================*/

body {
	background: url(../images/body_bg.gif) repeat-x 0 0 #fff;
}

/*==============================
	1. WRAPPER
==============================*/
#wrapper {
	display: block;
	width: 960px;
	margin: 0 auto;
}

/*==============================
	2. HEADER
==============================*/
#header {
	display: block;
	width: 960px;
	height: 117px;
	background: url(../images/header-bg.gif) no-repeat 0 0 #38040b;
}

	#header h1 {
		width: 435px;
		margin: 0;
		padding: 48px 0 0 270px;
	}

	/* MAIN & SECONDARY NAVIGATION */
	ul#mainNav li,
	ul#secondNav li {
		display: inline;
	}

	/* MAIN NAVIGATION */
	ul#mainNav {
		display: block;
		width: 535px;
		margin: 19px 0 0 50px;
		position: relative;
		float: left;
	}
	
	ul#mainNav li {
		display: block;
		height: 24px;
		position: absolute;
	}
	
	ul#mainNav li a {
		display: block;
		text-align: center;
		height: 24px;
	}
	
	li#navHomeItem {
		left: 0px;
		width: 72px;
	}

	li#navFleetItem {
		left: 73px;
		width: 97px;
	}

	li#navSolutionsItem {
		left: 169px;
		width: 128px;
	}

	li#navResourceItem {
		left: 296px;
		width: 107px;
	}

	li#navLeaderItem {
		left: 402px;
		width: 131px;
	}

	/*a#navHome {
		margin-right: 23px;
	}

	a#navFleet {
		margin-right: 6px;
	}

	a#navSolutions {
		margin-right: 7px;
	}

	a#navResource {
		margin-right: 10px;
	}*/

	/* SECONDARY NAVIGATION */
	ul#secondNav {
		display: block;
		width: 127px;
		height: 27px;
		line-height: 27px;
		float: right;
		margin: 10px 0 0 145px;
		padding-right: 50px;
		background: url(../images/contactUs_bg.gif) 0 0 no-repeat;
	}

	/* LOGIN */
	#login {
		display: block;
		width: 274px;
		float: right;
		margin-top: -65px;
		padding-right: 50px;
	}

	/* NAV HIGHLIGHT */
	.home #navHome {
		border-bottom: 4px solid #9f0016;
		/*padding: 0 19px 9px 19px;
		margin: 0 4px 0 -19px;*/
	}

	.fleet #navFleet {
		border-bottom: 4px solid #9f0016;
		/*padding: 0 6px 9px 7px;
		margin: 0 0 0 -7px;*/
	}

	.purchasing #navSolutions {
		border-bottom: 4px solid #fcaf2c;
		/*padding: 0 5px 9px 3px;
		margin: 0 2px 0 -3px;*/
	}

	.resource #navResource {
		border-bottom: 4px solid #969596;
		/*padding: 0 6px 9px 5px;
		margin: 0 4px 0 -5px;*/
	}

	.leader #navLeader {
		border-bottom: 4px solid #10155e;
		/*padding: 0 7px 9px 7px;
		margin: 0 0 0 -7px;*/
	}

/*==============================
	3. CONTENT
==============================*/
#content {
	margin: -2px 0 0 50px;
}

/* HOME */
#homeBanner {
	display: block;
	width: 820px;
	height: 190px;
	background: url(../images/home/homeBanner-bg.gif) no-repeat 0 0 #fff;
	margin: 6px 0 0 0;
	padding: 30px 0 0 40px;
}

#homeBanner h2 {
	margin: 0;
}

#contactBox {
	width: 861px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: url(../images/home/contactBox_bg.gif) 0 0 no-repeat #fff;
}

	/* FEATURE BOXES */
	#features {
		width: 100%;
	}

	#features p {
		padding: 0 40px 0 10px;
	}

	#features ul {
		padding-left: 7px;
	}

	#fleetBox h3,
	#purchaseBox h3,
	#resourceBox h3 {
		height: 35px;
		line-height: 35px;
		padding-left: 12px;
	}

	#fleetBox h3 {
		display: block;
		width: 269px;
		background: url(../images/home/fleeetBox_header.gif) 0 0 no-repeat;
	}

	#fleetBox {
		width: 281px;
		height: 202px;
		background: url(../images/home/fleetBox_bg.gif) 0 35px no-repeat;
		margin: 0 10px 25px 0;
		float: left;
	}

	#fleetBox a.cta {
		background: url(../images/home/fleetBox_arrow.gif) 0 0 no-repeat;
		padding-left: 20px;
		margin-left: 10px;
	}

	#purchaseBox h3 {
		display: block;
		width: 261px;
		background: url(../images/home/purchasingBox_header.gif) 0 0 no-repeat;
	}

	#purchaseBox {
		width: 273px;
		height: 202px;
		background: url(../images/home/purchasingBox_bg.gif) 0 35px no-repeat;
		float: left;
		margin: 0 10px 25px 0;
	}

	#purchaseBox a.cta {
		background: url(../images/home/purchasing_arrow.gif) 0 0 no-repeat;
		padding-left: 20px;
		margin-left: 10px;
	}

	#resourceBox h3 {
		display: block;
		width: 274px;
		background: url(../images/home/resourceBox_header.gif) 0 0 no-repeat;
	}

	#resourceBox {
		width: 286px;
		height: 202px;
		background:  url(../images/home/resourceBox_bg.gif) 0 35px no-repeat;
		float: left;
		margin: 0 0 25px 0;
	}

	#resourceBox a.cta {
		display: block;
		height: 20px;
		background: url(../images/home/resource_arrow.gif) 0 0 no-repeat;
		padding-left: 20px;
		margin-left: 10px;
	}

/* INTERNAL PAGES */
.internal {
	width: 630px;
	float: left;
}

.internal h3 {
	margin: 30px 0 15px 0;
}

h2.redTitle,
h2.blueTitle,
h2.yellowTitle,
h2.greyTitle,
h2.contactTitle {
	display: block;
	width: 620px;
	height: 37px;
	margin: 6px 0 0 0;
	padding: 55px 0 0 10px;
}

h2.redTitle {
	background: url(../images/pageTitleRed-bg.jpg) no-repeat 0 0 #9f0016;
}

h2.blueTitle {
	background: url(../images/pageTitleBlue-bg.jpg) no-repeat 0 0 #9f0016;
}

h2.yellowTitle {
	background: url(../images/pageTitleYellow-bg.jpg) no-repeat 0 0 #fcaf2c;
}

h2.greyTitle {
	color: #fff;
	background: url(../images/pageTitleGrey-bg.jpg) no-repeat 0 0;
}

h2.contactTitle {
	color: #fff;
	background: url(../images/pageTitleContact-bg.jpg) no-repeat 0 0;
}

.fleet,
.purchasing,
.resource,
.leader,
.contact,
.sitemap {
	background: url(../images/interior/body_bg.gif) 0 0 repeat-x;
}

	/* Fleet Solutions */
	#learnLinks {
		width: 296px; /* 316 - 20*/
		height: 204px; /* 219 - 15 */
		padding: 15px 0 0 20px;
		background: url(../images/fleet/learnBox_bg.gif) 0 0 no-repeat;
		float: left;
	}

	#learnLinks p {
		margin-bottom: 5px;
	}

	#learnLinks ul {
		margin-top: 0px;
	}

	/* Purchasing Solutions */
	#purchaseFeature {
		display: block;
		width: 610px;
		height: 70px;
		background: url(../images/cardBox-bg.gif) no-repeat 0 0 #fff;
		padding: 35px 0 0 20px;
		margin: 30px 0 25px 0;
	}

	/* Work with the Leader */
	#leaderFeature {
		display: block;
		width: 610px;
		height: 70px;
		background: url(../images/toolsBox-bg.gif) no-repeat 0 0 #fff;
		padding: 35px 0 0 20px;
		margin: 30px 0 25px 0;
	}

	/* Map - Flash Content */
	#flashcontent {
		margin: 30px 0 20px 20px;
	}

/* INTERNAL - FEATURE BOXES */
#purchase {
	width: 204px;
	height: 264px;
	background: url(../images/features/purchasingBox_bg.gif) 0 65px no-repeat;
	margin: 0 6px 30px 0;
	float: left;
}

.resource #purchase {
	width: 205px !important;
}

#purchase h3 {
	display: block;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	background: url(../images/features/purchasingBox_header.gif) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}

#resource {
	width: 200px;
	height: 264px;
	background: url(../images/features/resourceBox_bg.gif) 0 65px no-repeat;
	margin: 0 6px 30px 0;
	float: left;
}

#resource h3 {
	display: block;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	background: url(../images/features/resourceBox_header.gif) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}

#leader {
	width: 205px;
	height: 264px;
	background: url(../images/features/leaderBox_bg.gif) 0 65px no-repeat;
	float: left;
}

#leader h3 {
	display: block;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	background: url(../images/features/resourceBox_header.gif) 0 0 no-repeat;
	border-bottom: 1px solid #fff;
}

#fleet {
	width: 207px;
	height: 264px;
	background: url(../images/features/fleetBox_bg.gif) 0 65px no-repeat;
	float: left;
	margin: 0 6px 30px 0;
}

#fleet h3 {
	display: block;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	background: url(../images/features/resourceBox_header.gif) 0 0 repeat-x;
	border-bottom: 1px solid #fff;
}

/* Resource Page */
.resource #footer {
	margin-left: 50px;
}

/* RIGHT COLUMN */
#rightColumn {
	display: block;
	width: 220px;
	float: left;
	margin: 110px 0 0 15px;
	position: relative;
	padding-bottom: 30px;
}

#rightColumn #video {
	display: block;
	width: 210px;
	border: 1px solid #ebebeb;
	padding-top: 10px;
}

#rightColumn #video img {
	margin-bottom: 10px;
}

#rightColumn #learnMoreBox {
	display: block;
	width: 180px;
	height: 246px;
	background: url(../images/learnMore-box.gif) no-repeat 0 0;
	margin-top: 10px;
	padding: 15px;
}

#rightColumn .learnMore {
	display: block;
	width: 133px;
	height: 33px;
	line-height: 33px;
	background: url(../images/sidebar/cta_btn.gif) 0 0 no-repeat;
	padding-left: 0;
	margin: 143px 15px 15px 24px;
}

#fleetOffer {
	width: 211px;
	height: 139px;
	background: url(../images/sidebar/fleetOffer_bg.gif) 0 0 no-repeat;
	text-align: center;
	clear: right;
	padding-top: 110px;
	margin-bottom: 10px;
}

#tools {
	width: 305px; /* 305 */
	height: 210px; /* 220 - 10 */
	background: url(../images/sidebar/toolsBox_bg.gif) 0 0 no-repeat;
	float: right;
	padding-top: 10px;
}

#tools li {
	list-style: none;
}

#tools li a {
	background: url(../images/arrow-bullets.gif) 0 3px no-repeat;
	padding: 0 0 10px 20px;
}

#tools li p {
	line-height: 15px;
	margin-bottom: 5px;
}

#security {
	width: 170px;
	height: 523px;
	color: #696969;
	background-color: #f9f8f8;
	clear: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#security a {
	font-size: 12px;
}

#locator {
	width: 170px;
	height: 340px;
	color: #696969;
	font-size: 12px;
	background-color: #f9f8f8;
	clear: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#mastercardOffer {
	width: 211px;
	height: 163px;
	background: url(../images/sidebar/mastercard_bg.gif) 0 0 no-repeat;
	padding: 130px 0 0 0;
	text-align: center;
}

/*==============================
	4. FOOTER
==============================*/
#footer {
	display: block;
	width: 860px;
	border-top: 1px solid #ccc;
	clear: both;
	padding-top: 5px;
	margin: 30px 0 60px 0;
}

#footer ul {
	float: right;
	margin-top: -25px;
}

#footer li {
	display: inline;
}

/*==============================
	5. FORMS
==============================*/

/* Resource Center - Document Request */
.form p {
	margin-top: 25px;
}

.textField {
	width: 189px;
	height: 20px;
	border: 1px solid #a9a9a9;
}

.textField_large {
	width: 399px;
	height: 20px;
	border: 1px solid #a9a9a9;
}

.textField_med {
	width: 211px;
	height: 20px;
	border: 1px solid #a9a9a9;
}

.phoneField {
	margin-left: 420px;
	padding-top: 10px;
}

#downloads {
	display: block;
	width: 630px;
	clear: left;
	padding-top: 10px;
}

#downloads h5 {
	display: block;
	clear: both;
	padding: 20px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}

#downloads .checkBox {
	display: block;
	float: left;
}

#downloads .checkBoxLabel {
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	margin-left: 5px;
}

#submitBtn {
	width: 60px;
	margin-left: 554px;
}

.emailBox {
	/*width: 407px;*/
	clear: right;
	padding: 47px 0 0 210px;
}

#information {
	clear: left;
	padding-top: 5px;
}

#information label {
	width: 180px;
	margin-right: 77px;
}

#information textarea {
	width: 400px;
	height: 100px;
}

#phone {
	width: 189px !important;
}

#fleetCheckBox {
	width: 210px;
	float: left;
	margin-bottom: 30px;
	float: left;
}

#purchaseCheckBox {
	width: 250px;
	float: left;
	clear: right;
	margin-left: 30px;
}

#customerInfo {
	clear: left;
	padding-top: 30px;
}

#DocRequest .whitepapers {
	padding-bottom: 20px;
}

.indent {
	margin-left: 0;
}

.whitepapers .checkBoxLabel {
	display: block;
	margin-top: -14px;
	margin-left: 20px;
}

#fleetCheckBox .checkBoxLabel,
#purchaseCheckBox .checkBoxLabel {
	display: block;;
	margin-top: -14px;
	margin-left: 20px;
	padding-bottom: 7px;
}

/* Form Validator */
#downloader
{
	position: absolute;
	top: -999px;
	left: -999px;
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: none;
}

/* Styling for required fields */

input.required-on,
textarea.required-on,
select.required-on
{
	background-color: #ffeeee;
}

label.required-on
{
	color: #cc3333;
}

/* Calculator */
#calculator #content {
	padding-left: 50px;
	padding-top: 30px;
}

.map #content {
	padding-top: 10px;
	padding-left: 20px;
}

.extra-right {
	padding-top: 20px;
	padding-left: 10px;
}

#calculator #footer,
.map #footer {
	margin-left: 60px;
}

.riskManagement li {
	padding-bottom: 10px;
}

/*==============================
	6. WHITEPAPERS
==============================*/
#whitepapers_offer {
	width: 203px;
	height: 79px;
	background: url(../images/whitepapers/whitepaper-bg.gif) 0 0 no-repeat;
	padding: 238px 0 0 13px;
}

#whitepapers_offer a {
	display: block;
	width: 191px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color:  #fff;
	text-align: center;
	text-decoration: none;
	background: url(../images/whitepapers/whitepaper-btn.gif) 0 0 no-repeat;
}

.whitepapers #rightColumn {
	margin-top: 20px !important;
}

.whitepapers #footer {
	margin-left: 50px;
}