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

	   Wright Express Corporate Payment Solutions
	   Typography Styles

       TABLE OF CONTENTS
       1. Common
       2. Header
       3. Navigation
       4. Content
	   5. Sidebar
       6. Footer
	   7. Whitepapers
==================================================*/

/*
	Pixels (px), Percent (%)
	10 	77%
	11 	85%
	12 	93%
	13 	100%
	14 	108%
	15 	116%
	16 	123.1%
	17 	131%
	18 	138.5%
	19 	146.5%
	20 	153.9%
	21 	161.6%
	22 	167%
	23 	174%
	24 	182%
	25 	189%
	26 	197%
*/

/*==============================
	1. COMMON
==============================*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 146.5%;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666;
	font-weight: normal;
}

/* Used on Home Page (Features) */
h4 {
	font-size: 14px !important;
	color: #fff;
	font-weight: normal;
}

.privacy h4 {
	font-size: 14px !important;
	font-weight: bold;
	color: #666;
	margin: 20px 0 10px 0;
}

h5 {
	font-size: 12px;
	margin: 20px 0 10px 0;
}

p {
}

a {
	text-decoration: none;
	color: #9f0016;
	outline: none;
}

a:hover {
	text-decoration: underline;
	outline: none;
}

ol, ul, li {
}

caption {
}

table {
}

th, td {
}

.registered {
	font-size: 13px;
}

/* BUTTONS */
.contactUs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #900;
	background: url(../images/home/contactBox_arrow.gif) no-repeat right 5px;
	padding: 4px 25px 5px 0;
}

.learnMore {
	font-size: 12px;
	color: #fff;
}

#rightColumn .learnMore {
	text-align: center;
}

.startNow {
	display: block;
	width: 133px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	background: url(../images/sidebar/cta_btn.gif) 0 0 no-repeat;
	margin: 0 auto;
}

/* COLORS */
.wrifleet {
	font-size: 14px;
	font-weight: bold;
	color: #a51125;
}

/*==============================
	2. HEADER
==============================*/
#login {
	font-size: 85%;
	color: #fff;
}

#login a {
	color: #f33;
}

/*==============================
	3. NAVIGATION
==============================*/
#mainNav a,
#secondNav a,
#secondNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

#secondNav a,
#secondNav {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

/*==============================
	4. CONTENT
==============================*/

/* HOME */
#homeBanner {
	color: #fff;
}

.feature {
	font-size: 11px;
	color: #696969;
}

#contactBox a {
	font-size: 20px;
	font-weight: bold;
}

#contactBox span {
	font-size: 16px !important;
	font-weight: normal !important;
}

/* HOME - FEATURE BOXES */
#features h3 {
	font-size: 14px;
	color: #fff;
}

#features span {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#features p,
#features ul,
#features li a,
#fleetBox a.cta,
#purchaseBox a.cta,
#resourceBox a.cta {
	font-size: 12px;
	color: #fff;
}

#features li a {
	text-decoration: underline;
}

/* INTERNAL PAGES */
.internal {
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
}

.internal h3 {
	font-size: 18px;
}

.internal p,
.internal ul {
	font-size: 12px;
	line-height: 18px;
}

h2.redTitle,
h2.blueTitle,
h2.yellowTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #fff;

}

	/* Fleet Solutions */
	#fleetFeature p {
		font-size: 14px;
	}

	#fleetFeature a,
	#learnLinks a,
	#rightColumn #learnMoreBox span {
		color: #9f0016;
	}

	#learnLinks p {
		font-size: 14px;
	}

	#learnLinks li {
		list-style-image: url(../images/arrow-bullets.gif);
		padding-bottom: 3px;
	}
	
	.footnote {
		font-size: 9px !important;
		border-top: 1px solid #b2b2b2;
		margin: 60px 100px 0 0;
		padding: 0 0 20px 0;
	}

#rightColumn #video {
	font-size: 12px;
	color: #333;
	text-align: center;
	line-height: 17px;
}

#rightColumn #video span {
	font-size: 14px;
	font-weight: bold;
}

#rightColumn #learnMoreBox {
	font-size: 12px;
	color: #333;
}

.internal .feature p,
.internal .feature ul {
	font-size: 11px;
	color: #696969;
}

#downloadLinks {
	font-size: 12px;
}

	/* Resource Center - Document Request */
	form {
		font-size: 12px;
	}

	/* Calculator */
	#calculator-header h2 {
		color: #336;
		font-size: 160%;
		font-weight: bold;
		text-transform: uppercase;
	}

	#calculator-header p {
		display: block;
		color: #000;
		font-size: 85%;
		line-height:15px;
		margin: 0 0 10px;
	}

/* INTERNAL - FEATURE BOXES */
#purchase h3,
#resource h3,
#leader h3,
#fleet h3 {
	font-size: 14px;
	color: #fff;
}

#purchase p,
#purchase ul,
#resource p,
#resource ul,
#leader p,
#leader ul,
#fleet p,
#fleet ul {
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	padding: 0 15px 0 10px;
}

#purchase a,
#resource a,
#leader a,
#fleet a {
	color: #fff;
	text-decoration: underline;
}

#purchase .purchase_cta {
	display: block;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	background: url(../images/features/purchasing_arrow.gif) 0 0 no-repeat;
	padding: 0 0 10px 25px;
	margin-left: 10px;
}

#resource .resource_cta {
	display: block;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	background: url(../images/features/resource_arrow.gif) 0 0 no-repeat;
	padding: 0 0 10px 25px;
	margin-left: 10px;
}

#leader .leader_cta {
	display: block;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	background: url(../images/features/leader_arrow.gif) 0 0 no-repeat;
	padding: 0 0 10px 25px;
	margin-left: 10px;
}

#fleet .fleet_cta {
	display: block;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	background: url(../images/features/fleet_arrow.gif) 0 0 no-repeat;
	padding: 0 0 10px 25px;
	margin-left: 10px;
}

.mastercard_cta {
	display: block;
	color: #fff;
	width: 133px;
	height: 33px;
	line-height: 33px;
	background: url(../images/sidebar/cta_btn.gif) 0 0 no-repeat;
	margin: 0 auto;
}

/*==============================
	5. SIDEBAR
==============================*/
#fleetOffer,
#tools {
	font-size: 12px;
	color: #696969;
}

#tools h3 {
	font-size: 13px;
	font-weight: bold;
	padding-left: 20px;
	margin: 5px 0;
}

#tools strong {
	color: #9f0016;
}

#mastercardOffer {
	font-size: 12px;
	color: #696969;
}

/*==============================
	6. FOOTER
==============================*/
#footer {
	font-size: 10px;
	color: #666;
}

#footer a {
	color: #666;
}

/*==============================
	7. WHITEPAPERS
==============================*/
.whitepapers h2 {
	font-size: 22px;
	font-weight: bold;
	color: #9f0016;
	margin: 0 0 5px 0;
	padding-top: 40px;
}

.whitepapers h3 {
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}

.whitepapers a.download {
	background: url(../images/arrow-bullets.gif) 0 3px no-repeat;
	padding-left: 20px;
}

.whitepapers .indent {
	padding-top: 5px;
	padding-bottom: 50px;
}

/*==============================
	8. BREADCRUMBS
==============================*/
h2.redTitle a,
h2.yellowTitle a {
	color: #fff;
	text-decoration: none;
}