* { margin: 0; padding: 0; }

body { height: 100%; }

hr { display: none; }

/* Global classes */

.contentSelect { float: left; width: 129px; }
.contentSelect li { height: 18px; line-height: 18px; margin: 3px 0 0 0;  }
.contentSelect li a { display: block; width: 117px; padding: 0 7px 0 12px; }
.contentSelect li ul { position: absolute; width: 110px; left: -99999px; margin: 0; }
.contentSelect li:hover ul, .contentSelect li.sfhover ul { width: 129px; left: auto; zoom: 1; }
.contentSelect li ul li { margin: 0 0 2px 0; }
.contentSelect li ul li a { width: 108px; }

/* Wrapper */

#wrapper { 
	width: 980px;
	height: auto;
	display: table;
	margin: 1% auto 6px auto;
}


/* TOP RIGHT COPORATE LINK */
#corporate {
	float:right;
	margin:0 0 0 105px;
	padding:0 0 10px 0;
}

/* Accessibility */

#accessibility { display: none; }

/* Header */

#header { float: left; width: 952px; padding: 24px 14px 0 14px; }
#header h1 { float: left; width: 212px; margin: 0 0 0 12px; }
#header h1 a { display: block; text-indent: -9999px; height: 53px; }

#options { float: right; width: 700px; padding:0 0 10px 0; margin:0; }
	#loginSelect { clear: left; float: right; width: 220px; height: 41px; }
	#loginSelect label { float: left; display: inline; width: 73px; margin: 0 12px; }
	
	/* NEW CSS*/
	#loginSelecttravelcard { clear: left; float: right; width: 224px; height: 21px; line-height: 21px; padding:0 0 10px 0; }
	#loginSelecttravelcard label { float: left; display: inline; width: 73px; margin: 0 12px; }

/* Nav */

#nav { clear: both; float: left; width: 924px; height: 28px; margin:0; padding: 0 14px; font-weight:normal; }
#nav li { float: left; font-weight:normal; }
#nav li a { display: block; padding: 7px 0; font-weight:normal; }

#nav li#home a { width: 63px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top; }
#nav li#about a { width: 143px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#about { width: 143px; height:30px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#buy a { width: 63px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#activate a { width: 83px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#use a { width: 63px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#upgrade a { width: 73px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#customers a { width: 85px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#mobile a { width: 80px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#contact a { width: 100px; color:#452070; }
#nav li#fees a { width: 130px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}
#nav li#terms a { width: 80px; background: url(../../images/en/bg_nav_li.gif) no-repeat right top;}

#nav li a:hover { zoom: 1; }
#nav li ul { position: absolute; width: 173px; left: -99999px; z-index: 20; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; zoom: 1; }
#nav li ul li a { width: 173px; padding: 5px; }

/* Content */

#content { display: inline; float: left; width: 952px; padding: 10px 14px 14px 14px; }
#content h2 { margin-bottom: 10px; }
#content h3 { margin-bottom: 15px; }
#content h4 { margin-bottom: 15px; }
#content h5 { margin-bottom: 5px; }
#content p { line-height: 1.3em; }

#promo { float: left; width: 952px; margin-bottom: 14px; }

#main { float: left; width: 703px; margin-right: 25px;}
	#intro { float: left; width: 425px; padding: 0 0 0 14px; }
	#introCta {
	float: left;
	width: 229px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
}
	#intro p, #introCta p { margin-bottom: 15px; }
	#intro img#introBuyCta { margin-bottom: 15px; }
	
	.introCtaItem { width: 229px; margin-bottom: 15px;}
	#introCta .introCtaItem h3 { text-indent: -99999px; margin-bottom: 5px; padding-bottom: 3px; }
	
	/* Intro CTA Heading Type */
	
	.introCtaItem h3#introCtaEccount { width: 229px; height: 60px; }
	.introCtaItem h3#introCtaCashback { width: 213px; height: 27px; }
	.introCtaItem p { padding: 0 11px; }

	/* Extra */

	#extra { float: left; width: 224px; padding:0px; margin:0px; }

	.action { float: left; width: 217px; margin-bottom: 6px; }
	#extra .action h3 { text-indent: -99999px; margin: 0; padding-bottom: 10px; }
	.action h3 a { display: block; width: 217px; }
	.actionBody { float: left; width: 217px; padding: 14px 0 10px 0; }
	.actionBody p { padding: 0 14px; }

	/* Action specific box margins */

	.actionBody p.actionLink a { padding-right: 29px; }
	.actionBody p.actionMore a { padding-right: 11px; }
	
	/* Buy Card */

	.type1 {}
		.type1 h3 a { height: 28px; }
		.type1 p { margin: 0 0 5px 0; }
		
	/* Bought card */

	.type2 {}
		.type2 h3 a { height: 34px; }
		.type2 p { margin: 0 70px 5px 0; }
		
	/* Introducing card */

	.type3 {}
		.type3 h3 a { height: 74px; }
		.type3 p { margin: 0 70px 5px 0; }
		
	/* Get cashback */

	.type4 {}
		.type4 h3 a { height: 28px; }
		.type4 p { margin: 0 0 5px 0; }

/* Sub */

#sub { display: inline; float: left; width: 189px; }
#sub ul { width: 189px; }
#sub ul li { margin-bottom: 1px; }
#sub ul li a:link, #sub ul li a:visited { display: block; width: 170px; padding: 5px 5px 5px 14px; }

/* NEW TRAVEL SUB */

#subtravel { display: inline; float: left; width: 189px; }
#subtravel ul { width: 189px; }
#subtravel ul li { margin-bottom: 1px; }
#subtravel ul li a:link, #subtravel ul li a:visited { display: block; width: 170px; padding: 5px 5px 5px 14px; }

/* Info */

#info {
	display: inline;
	float: left;
	width: 450px;
	margin-left: 25px;
}
#info p { margin-bottom: 15px;}
#info .imgCta { float: right; margin: 0 0 35px 10px; clear: both; }

#info ul.infoList { margin: 0 0 10px 15px; }
#info ul.infoList li { padding: 0 0 10px 15px; }
ul.last, ul li.last { padding-bottom: 0; margin-bottom: 0; }

#info ol.infoNumList { margin: 0 0 10px 25px; }
#info ol.infoNumList li { padding: 0 0 10px 15px; }

/* FAQ */

#faqSelect { width: 470px; }
#faqSelect ul { margin: 0 0 10px 10px; }
#faqSelect ul li { padding: 0 0 5px 15px; }
#faqSelect ul li ul { margin: 0; padding: 0; }
#faqSelect ul li ul li { padding-bottom: 0; margin-bottom: 5px; }
#faqSelect ul li ol { padding: 0 0 10px 15px; }
#faqSelect ul li ol li { margin-bottom: 5px; padding: 0; }

/* Tables */

#info table { width: 495px; margin-bottom: 15px; }
#info table#feesLimits { width: 95%; }
#info table#feesLimits th, #info table#feesLimits td { width: 33%; }
#info caption { display: none; }
#info th, #info td { padding: 5px; }

#info dl { margin-bottom: 15px; }
#info dt { float: left; width: 150px; }
#info dl.extraInfo dt { width: 250px; }

#info div.cardSelect table, #info div.cardSelectHighlight table { float: left; width: 493px; margin-bottom: 15px; }
#info div.cardSelect td, #info div.cardSelectHighlight td { padding: 8px 3px; }
#info div.cardSelect td a, #info div.cardSelectHighlight td a { padding: 5px 0; height: 18px; padding-right: 37px; }
#info div.cardSelect td a.cardSelectInfo, #info div.cardSelectHighlight td a.cardSelectInfo { padding: 0 0 0 5px; }

#termsPrivacy { overflow: scroll; overflow-x: hidden; height: 390px; padding: 0 20px 0 5px; }

/* FAQ */

#faqSelect .faqHeading { margin: 0 0 1px 0; line-height: 18px; padding-left: 10px; }
#faqSelect ul { padding-top: 15px; }

#info ol.tellFriend, #info ol.voucherLocate { margin: 0 0 25px 0; }
#info ol.tellFriend li, #info ol.voucherLocate li { clear: both; margin: 0 0 15px 0; padding: 0; width: 470px; }
#info ol.tellFriend label, #info ol.voucherLocate label { display: block; float: left; width: 170px; margin-right: 10px; margin-bottom: 5px; }
#info ol.tellFriend input { width: 200px; }

	#currencyLocator ol { list-style: none; margin: 0; padding: 0; }
	#currencyLocator li { width: 470px; padding: 0; margin: 0 0 10px 0; clear: both; }
	#currencyLocator ol label { display: block; float: left; width: 210px; margin-right: 15px; } 
	#currencyLocator li.check label { margin-bottom: 15px; }

	#convert { padding: 5px 0 0 15px; }

	#currencyLocator dl { float: left; width: 470px; margin-bottom: 15px; }
	#currencyLocator dt, #currencyLocator dd { float: left; width: 235px; height: 40px; padding-top: 5px; }
	#currencyLocator input#another_calc { clear: both; margin-bottom: 15px; }

/* Footer */

#footer { display: inline; clear: both; float: left; width: 980px; padding: 0 0 14px 0; }
#ftNav { display: inline; float: left; width: 952px; margin: 0 14px 10px 14px; }
#ftNav ul li { float: left; padding: 5px 6px; }

#ftLinks { float: left; }
#ftTermsPrivacy { float: right; }

#ftExtras { display: inline; clear: both; float: left; width: 952px; padding: 0 14px 0 14px; }
	#cardInfo { float: left; width: 476px; margin-top: 9px; }
	#cardInfo img { float: left; margin-right: 6px; }
	#cardInfo p { margin-top: 2px; }
	
	#cardAwards { float: right; width: 476px; }
	#cardAwards img { margin-left: 10px; }

	#footnotes { display: inline; float: left; width: 952px; padding: 10px 14px; }
	#footnotes p#disclaimer { float: left; width: 586px;  }
	#footnotes p#copyright { float: right; width: 366px; }#introCta2 {
	float: left;
	width: 217px;
	margin: 0 0 0 0;
}
