@import url("local.css");
@import url("font_face_kit/font-face.css");
@charset "utf-8";
/* 
=== mPassport ===
=== June 19, 2014 ====
=== www.mPassport.com ===
*/

/* 
--->>Table of Content<<---
==================================================
	#Typography
	#Links
	#Layout
	#Basic Styles
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc 
*/

/*
--->>Color Codes<<---
==================================================
Background:			#ffffff 	(white)
Content:				#444    	(dark gray)
Header h1:			#f09321 	(Orange)

a (standard):			#f09321   (Orange)

Primary Button:  		#f09321 	(mPassport Orange)

Login Box bckgrd		#e6e6e6  	(light gray)

mPassport Red			#ed1f24	(red)
Border: 				#444	(dark gray)
*/

/*
--->>Typography<<---
==================================================

Body copy:		 HelveticaNeueCondensed, 'Arial Narrow';
Headers:			2.7em/1.3em  HelveticaNeueCondensed, 'Arial Narrow';
Input, textarea:		1.1em HelveticaNeueCondensed, 'Arial Narrow';
Sidebar heading:	1.5em  HelveticaNeueCondensed, 'Arial Narrow';

*/


/* #Typography
================================================== */	
body, select, input, textarea, label,  {
	font: normal  HelveticaNeueCondensed, 'Arial Narrow' !important;
	color: #444;
}
h1, h2, h3, h4, .bannerHeadline h1, li {
	font-family: HelveticaNeueCondensed, 'Arial Narrow' !important;
	color: #444;
	margin: .75em;
}

.home h1 {font-size:28px;}
.home h2 {font-size:24px}
.home h3 {font-size:18px;}
.home h4 {font-size:14px;}

.bannerHeadline h1 {font-size:28px;}



.uppercase {text-transform:uppercase;}

/* #Links
================================================== */
a, a:link{text-decoration: none; color: #f09321;}
   a:visited{text-decoration:none;color: #f09321;}
   a:hover{text-decoration:none ; color: #000033;}
   a:focus{outline:none;}
   
.loginHeader a, .loginHeader a:link, .loginBox a:link, .secondTierCol2 ul.textList li a  {
	color: #f09321;
	text-decoration:none;
}
.loginHeader a:hover, .loginBox a:hover,  .secondTierCol2 ul.textList li a:hover{
	color:#993300;
}


.loginButton a, .loginButton a:link{
	color: #fff;
	text-decoration:none; 
}
.callToActionButton a, .callToActionButton a:link, .bannerHeadline a:link, .bannerHeadlineGW a:link {
	text-decoration:none; 
}

#adjustSubscribeLink a{line-height:18px;}
#adjustSubscribeLink a:hover{color:#993300;}
#adjustSubscribeLink a:visited{color:#fff;}


/* #Layout
================================================== */	
.loginBox, .bannerHeadline, .secondTierCol1, .secondTierCol2, .secondTierCol3, .appIcons a, .bannerimg {
	display:inline-block;
	*display:inline;
}
.secondTierCol1, .secondTierCol2, .secondTierCol3 {
	width:274px;	
}

.loginBox form input.marginadj{margin-bottom:0;}



/* #Basic Styles
================================================== */	
#contentBody {
	margin:auto;
}

.bigClear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}
.moveLeft{float:left;}
.moveRight{float:right;}

.thirdTier, .middleBanner{
	padding:20px;	
}
.thirdTier {
	background:url(/img/mapDots.png) no-repeat 150px -250px; 
	margin-bottom:20px;
}
.firstTier {
	padding:20px 20px 0 0;
	width:965px;
	}
.secondTier {
	background:url(/img/mapDots.png) no-repeat 142px 0;
	width:965px;
	height:240px;
	padding:20px 0;
}
.secondTierCol1, .secondTierCol2  {
	border-right: 1px solid #444;
	float:left;
	display:inline-block;	
	*display:inline;
}
.secondTierCol1{padding: 0 20px;}
.secondTierCol2{ margin: 0 20px;}
.middleBanner, .thirdTier, .loginHeader {
	background-color:#444;
}
.middleBanner,.thirdTier {
	width:922px;
}
.secondTierCol3  {
	float:left;
	display:inline-block;
	*display:inline;
}
.mainBanner {
	float:left;
	clear:left;
}
.redSpan{color:#ed1f24;}
.orangeSpan{color:#f09321;}


/* #Lists
================================================== */
 .secondTier ul li {
	font-family: HelveticaNeueCondensed, 'Arial Narrow' !important;
	font-size: 18px;
	color: #444;
	text-align:left;
	line-height:1.5em;
	margin-left:20px; 
	list-style-type: none;
} 
.textList li:before {
    content: "• ";
    color: #f09321;
    margin-right:10px;
    font-size:20px;
}
.logolist {
	margin-top:5px;
}
.logolist  li {
	list-style-type:none;
}
	
/* #Images
================================================== */
.bannerimg{
	background:url(/img/HandHoldingPhone.png) no-repeat 0 0;
	width:287px;
	height:341px;
	float:left;
}
.travelLogo{
	background:url(/img/TravelAndLeisure.png) no-repeat 0 0;
	width:165px;
	height:56px;
}
.secondTierCol1 img {
	border: 1px solid #444;
}
.appPics a img{
	border:1px solid #f09321;
	margin:5px;
	margin-top:20px;
}

.appIcons a {
	position:relative;
	top:5px;
	}
	
.smallthumbnail{
	width:270px; 
	height:150px;
	border: 1px #ccc solid;
	border: 1px #ccc solid;
	float:right;
	display:inline;
	margin-bottom:20px;
	}
		
.videoimage {
	width:376px; 
	height:226px;
	border: 1px #444 solid;
	float:right;
	display:inline;
	margin-bottom:20px;
	}
	


/* #Buttons
================================================== */
.callToActionButton {
	background-color:#f09321;
	width:280px;
	padding: 10px;
	color:#fff;
	margin:0 auto;
	font-size:18px;
}

.callToActionButton:active, .callToActionButton:visited {
	text-decoration:none;
}	

.callToActionButton:hover{
	background-color:#993300;
	}
	
/* #Forms
================================================== */
.loginBox{margin-top:15px;}
.loginBox form {
	text-align:left;
	padding: 20px;
	}

.loginBox form label {
	font-size:12px;
	color:#444;
	float:left;
	display:inline;
	padding-top:5px;
}
.loginBox form input {
	color: #555555;
	width: 215px;
	height: 35px;
	font-size: 14px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 0 0 10px;
	margin-bottom: 10px;
	border:0;
	display:inline;
}

#logButton2 {
	background-color:#f09321;
	width:225px;
	padding: 5px 15px;
	color:#fff;
	margin:10px auto;
	font-size:14px;
	cursor:pointer;
	text-align:center;
}

#logButton2:hover {
	background-color:#993300;
	}

.loginHeader {
	padding:5px 0; 
	width:277px;
}
.loginHeader h4 {
	color:#fff;
	font-weight:bold;
	padding:0 5px 5px 0;
	margin:5px 0 0 20px;
	font-family: Geneva,Arial,Helvetica,sans-serif !important;
}

.loginHeader p {margin:5px 20px 0 0;}


/* #Misc
================================================== */
.topHeader h3 {
	color:#444;
	float:right;
	margin:65px 25px 0 0;
	font-weight:bold;
}
.loginForm {
	background-color:#e6e6e6;
	border:1px solid #444;
	padding-right:20px;
	float:right;
	clear:right;
	width:255px;
}
.middleBanner h3 {
	text-align:center;	
	color:#f09321;	
	width:650px;
	margin:auto;
}
.bannerHeadline {
	margin:100px 30px 0 20px;
	display:inline-block;
	*display:inline;
	float:left;	
}
.bannerHeadline h1 {
	color: #444;
	margin: 20px;
	line-height:29px;
	text-align:left;
	
}
.bannerHeadlineGW {
	margin:30px 30px 0 0;
	display:inline-block;
	*display:inline;
	float:left;	
}
.bannerHeadlineGW h1 {
	color: #444;
	margin: 10px 20px 25px 10px;
	line-height:29px;
	text-align:center;
}

.bannerHeadlineGW h3 {
	color: #444;
	margin-top:30px;
	line-height:10px;
	text-align:center;
	font-size:20px;
}
.secondTier h2, .thirdTier h2 {
	color:#f09321;
	text-align:left;
}

.consumerIcons {
	text-align:left;
	margin-top:20px;
	}
.consumerIcons h2, .appIcons {
	display:inline-block;
	*display:inline;
	}


/*------------licensee styles-----------------*/




a.secondaryLink:hover {color:#f09321;}
	
#mPassport-Corp .firstTier {
	background-color:#f09321;
	width:930px;
	margin:auto;
}
	
#mPassport-Corp .firstTier .mainVideo {
	float:right;
	display:inline;
	margin-bottom:20px;
}
	
#mPassport-Corp .bannerHeadline {
	width:50%;
	margin:0 0 0 20px;
	}
	
#mPassport-Corp .bannerHeadline h1 {
	margin:0;
	}
	
#mPassport-Corp .bannerHeadline h3 {
	color:#444;
	text-align:left;
}

#mPassport-Corp .bannerHeadlineGW {
	width:50%;
	margin:0 0 0 20px;
	}
	
#mPassport-Corp .bannerHeadlineGW h1 {
	margin:0;
	}
	
#mPassport-Corp .bannerHeadlineGW h3 {
	color:#444;
	text-align:left;
}

#learnBtn {
	background-color:#ed1f24;
	width:150px;
	margin:65px 0 0 0;
	float:left;
	clear:right;
}

#learnBtn:hover {
	background-color:#7B1414;
}

#mPassport-Corp .secondTier {
	background:url(/img/globe.png) no-repeat 0 0;
	height:290px;
	margin-left:15px;
}
	
#mPassport-Corp .secondTier .dotsGraphic {
	background:url(/img/mapDots2.png) no-repeat 0 0; 
	*background:none;
	position:relative;
	top:-90px;
	left:450px;
	z-index:10;
	width:500px;
	height:414px;
}
	
#mPassport-Corp .secondTier h3, #mPassport-Corp .secondTier h2 {
	color:#444;
	margin-left:38px;
}	
#benefitsList {
	float:right;
	list-style:none;
	margin:10px 50px 0 0;
}	
#benefitsList img {
	float:left;
	display:inline;
	clear:both;
	position:relative;
	top:-10px;
}	
#benefitsList h3 {
	display:block;
	margin:0 !important;
	line-height:20px;
	padding-bottom:10px;
	*display:inline;
	*position:relative;
	*top:10px;
}	
#benefitsList img {
	display:inline-block;
	*display:inline;
	}

#mPassport-Corp .secondTier ul  {
	width:530px;
}
#mPassport-Corp .secondTier ul li {
	padding:5px 0 5px 0;
	margin:0;
}
#mPassport-Corp .thirdTier {
	background-color:#444;
	background-image:none;
	border-bottom:10px solid #f09321;
	margin-left:15px;
	*margin-left:0;
	padding:20px 10px 20px 20px;
}

#mPassport-Corp .thirdTier h3 {
	text-align:left;
}

#mPassport-Corp .thirdTier a {
	color:#fff;
	text-decoration:none;
}

#mPassport-Corp .thirdTier a:hover {
	color:#f09321;
	text-decoration:none;
}