@charset "utf-8";

/*
------------------------------------------------------
	PADDINGS
------------------------------------------------------
*/
body{
	text-align:center;
}
#wrapper{
	width:792px;
	margin:0 auto;
	padding-left:8px;
	text-align:left;
	background:url('/vgn/creditcards/images/background_shadow.gif') repeat-y;
}

.pad1{padding:				1px}
.pad3{padding:				3px}
.pad4{padding:				4px}
.pad5{padding:				5px}
.pad7{padding:				7px}
.pad10{padding:				10px}
.pad15{padding:				15px}
.pad20{padding:				20px}
.pad30{padding:				30px}
.pad40{padding:				40px}

.pad2ud{padding:				2px 0px 2px 0px;}
.pad10ud{padding:				10px 0px 10px 0px;}
.pad20ud{padding:				20px 0px 20px 0px;}

.padKill20{
	padding-left:			0px;
	margin-left:			20px;
}


/*
------------------------------------------------------
	FONT SIZES
------------------------------------------------------
*/
.f10{font-size:				10px;}
.f11{font-size:				11px;}
.f12{font-size:				12px;}
.f13{font-size:				13px;}
.f14{font-size:				14px;}
.f15{font-size:				15px;}
.f16{font-size:				16px;}
.f17{font-size:				17px;}
.f18{font-size:				18px;}
.f19{font-size:				19px;}
.f20{font-size:				20px;}
.f21{font-size:				21px;}
.f23{font-size:				23px;}
.f25{font-size:				25px;}
.f29{font-size:				29px;}
.f32{font-size:				32px;}
.f40{font-size:				40px;}


/*
------------------------------------------------------
	FONT COLORS
------------------------------------------------------
*/
.fontBlack{	color:			#000000;}
.fontWhite{	color:			#FFFFFF;}

.fontGrey{color:			#636363;}
.fontGreyLt{color:			#8d8d8d;}
.fontGreyMd{color:			#5b5b5b;}
.fontGreyMdDk{color:		#4b4b4b;}
.fontGreyDk{color:			#565656;}
.fontGreyBlack{color:		#292929;}

.fontBlueGr{color:			#555555;}
.fontBlueLt{color:			#539ad0;}
.fontBlueMd{color:			#085591;}
.fontBlueMdDk{color:		#085591;}
.fontBlueDk{color:			#002f64;}
.fontBlue{color:    		#0764AC;}

.fontGoldReward{color:		#a6964e;}
.fontSilverReward{color:	#929292;}
.fontBronzeReward{color:	#957a53;}

.fontGold{	color:			#c09514;}
.fontRed{	color:			#ee2e24;}


/*
------------------------------------------------------
	LINKS
------------------------------------------------------
*/

a.linkBlueGr:link,
a.linkBlueGr:visited,
a.linkBlueGr:active{
	color:					#5688a8;
}

a.linkBlueGr:hover{
	color:					#1478C5;
}

a.linkBlueLt:link,
a.linkBlueLt:visited,
a.linkBlueLt:active{
	color:					#0090FF;
}

a.linkBlueLt:hover{
	color:					#1478C5;
}

a.linkBlueMd:link,
a.linkBlueMd:visited,
a.linkBlueMd:active{
	color:					#1478C5;
}

a.linkBlueMd:hover{
	color:					#06497e;
}

a.linkBlueMdDk:link,
a.linkBlueMdDk:visited,
a.linkBlueMdDk:active{
	color:					#06497e;
}

a.linkBlueMdDk:hover{
	color:					#0090FF;
}

a.linkBlueDk:link,
a.linkBlueDk:visited,
a.linkBlueDk:active{
	color:					#002f64;
}

a.linkBlueDk:hover{
	color:					#0090FF;
}

a.visitBlueDk:link,
a.visitBlueDk:visited,
a.visitBlueDk:active,
a.visitBlueDk:hover{
	color:					#0090FF;
}

a.linkWhite:link,
a.linkWhite:visited,
a.linkWhite:active{
	color:					#FFFFFF;
}

a.linkWhite:hover{
	color:					#002f64;
}

a.linkWhiteBlue:link,
a.linkWhiteBlue:visited,
a.linkWhiteBlue:active{
	color:					#FFFFFF;
}

a.linkWhiteBlue:hover{
	color:					#cdecfd;
}

a.linkBlueGroup:link,
a.linkBlueGroup:visited,
a.linkBlueGroup:active{
	color:					#1478C5;
	text-decoration:		none;
}

a.linkBlueGroup:hover{
	color:					#06497e;
	text-decoration:		none;
}


a.linkGreyGroup:link,
a.linkGreyGroup:visited,
a.linkGreyGroup:active{
	color:					#565656;
	text-decoration:		none;
}

a.linkGreyGroup:hover{
	color:					#565656;
	text-decoration:		none;
}


/*
------------------------------------------------------
	TEXT TREATMENTS
------------------------------------------------------
*/
.Bold{font-weight:			bold;}
.Strike{text-decoration:	line-through;}
.None{text-decoration:		none;}
.Underline{text-decoration:	underline;}
.Normal{font-weight:		normal;}


/*
------------------------------------------------------
	ICONS
------------------------------------------------------
*/
.bgIconGen{
	background-repeat:		no-repeat;
	background-position:	0px 20px;
	padding-left:			55px;
}

.blueCheck{
	background-image:		url('/vgn/creditcards/images/check_blue.jpg');
	background-repeat:		no-repeat;
	background-position:	0px 12px;
	padding:				10px 0px 10px 30px;
}
.blueclearCheck{
	background-image:		url('/vgn/creditcards/images/check_blueclear.jpg');
	background-repeat:		no-repeat;
	background-position:	0px 6px;
	padding:				3px 0px 3px 20px;
}

.bluewhiteCheck{
	background-image:		url('/vgn/creditcards/images/check_bluewhite.jpg');
	background-repeat:		no-repeat;
	background-position:	0px 12px;
	padding:				10px 0px 10px 30px;
}

.IconLogo{
	background-repeat:		no-repeat;
	background-position:	top left;
	padding:				0px 0px 0px 120px;
}



/* CSS Document */
*{margin:0; padding:0}
/*
body {
	background:url(/vgn/mastercard/images/background.gif) repeat-y;
}

div .shadow_left1{
	background:url(/vgn/mastercard/images/shadow_left.gif) repeat-y;
	width:8px;
	height:100%;
	float:left;
}
div .shadow_right1{
	background:url(/vgn/mastercard/images/shadow_right.gif) repeat-y;
	width:8px;
	height:100%;
	float:right;
}*/

div#branding{	
	height:69px;
	width:775px;
	background:#0079c1;
}

div#logo{
	float:left;
	margin-left:35px;
	display:inline;
	height:69px;
	widht:230px;
	font-size:1px;
}

div#languangeToggle{
	float:right;
}

.toggleLink{
	color: #ffffff; 
	line-height: 40px; 
	margin-right: 25px;
	display:inline;
}
div#divider{
	width:775px;
	display:inline;
	height:4px;
	background:#57A3D9;
	float:left;
	font-size:1px;
}
div#brandcontent{
	width:775px;
	height:80px;
}

div#contentarea1and2{
	width:775px;
	height:auto;
	float:right;
	background:#FFFFFF;
}

div#contentarea1{
	width:325px;
	height:auto;
	background:#FFFFFF;
	clear:both;
	float:right;
}

div#contentarea1withtext{
	width:240px;
	*width:320px;
	height:240px;
	*height:300px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:40px;
	padding-right:40px;
	background:#0079c1;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
}

div#contentarea1image{
	height:auto;
	float:right;
	padding-top:30px;
}

div#contentarea1myplanetimage{
	height:auto;
	float:right;
}

div#contentarea2{
	width:412px;
	height:auto;
	float:left;
	padding-right:38px;
	padding-bottom:15px;
	background:#FFFFFF;
}

div#title{ 
	width:100%;
	font-size:21px; 
	font-weight:bold; 
	color: #085591;
	padding-bottom:18px;
}

div#contentarea2 .title{
	width:100%;
	font-size:21px; 
	font-weight:bold; 
	color: #085591;
}


div#bullets{
	width:412px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 2px 3px 20px;
	float:left;
}
td > div#bullets{
	width:auto;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 2px 3px 20px;
	float:left;
}

div#contentarea2 .bullets{	
	width:412px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 12px;
	padding: 3px 2px 3px 20px;
	float:left;
}
td > div#contentarea2 .bullets{
	width:auto;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 12px;
	padding: 3px 2px 3px 20px;
	float:left;
}

div#bulletswithspcairmiles{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#contentarea2 .bulletswithspcairmiles{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

td > div#contentarea2 .bulletswithspcairmiles{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#bulletswithairmiles{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

td > div#bulletswithairmiles{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#contentarea2 .bulletswithairmiles{
	width:320px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}
td > div#contentarea2 .bulletswithairmiles{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#bulletswithspccashback{
	width:320px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#contentarea2 .bulletswithspccashback{
	width:320px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

td > div#contentarea2 .bulletswithspccashback{
	width:320px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#contentarea2 .bulletswithcashback{
	width:320px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}
td > div#contentarea2 .bulletswithcashback{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url(/vgn/creditcards/images/arrow_blueclear.jpg);
	background-position:left;
	background-position:top;
	background-repeat:no-repeat;
	background-position: 0px 10px;
	padding: 3px 5px 3px 20px;
	float:left;
}

div#spcairmileslogo{
	height:115px;
	width:76px;
	float:right;
	background-image:url(/vgn/creditcards/images/AM_SPC_sm.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#myplanetairmileslogo{
	height:76px;
	width:75px;
	float:right;
	background-image:url(/vgn/cartedecredit/images/MYPLANET_AIRMILES_TAG_RGBF.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#airmileslogo{
	height:76px;
	width:75px;
	float:right;
	background-image:url(/vgn/cartedecredit/images/AIRMILES_TAG_RGBF.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#airmileslogo_sm{
	height:55px;
	width:59px;
	float:right;
	background-image:url(/vgn/creditcards/images/AIRMILES_TAG_RGBE_sm.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#spccashbacklogo{
	height:115px;
	width:76px;
	float:right;
	background-image:url(/vgn/creditcards/images/CB_SPC_sm.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#cashbacklogo{
	height:67px;
	width:75px;
	float:right;
	background-image:url(/vgn/creditcards/images/Cashback_icon.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#contentarea3{
	width:775px; 
	height:60px;
	float:right;
	clear:both;
	position:relative;
	background:#0079c1;
}

div#contentarea3button{
	height:auto;
	float:right;
	padding:15px 35px 15px 0px;
	background:#0079c1;
}
div#contentArea4{
	width:775px; 
	float;left; 
	clear:both; 
	background:#0079c1;
	position:relative;
	padding-left:38px;
	color:#FFFFFF;
	padding-right:30px;
}

div#contentArea4 li{
	color:#FFFFFF;
}

td > div#contentArea4{
	width:707px; 
	float;left; 
	clear:both; 
	background:#0079c1;
	position:relative;
	padding-left:38px;
	padding-right:30px;
}

div#contentArea4Toggle{
	width:775px; 
	float;left; 
	clear:both; 
	background:#0079c1;
	position:relative;
	display:none;
	padding-left:38px;
	color:#FFFFFF;
}
td > div#contentArea4Toggle{
	width:737px; 
	float;left; 
	clear:both; 
	background:#0079c1;
	position:relative;
	display:none;
	padding-left:38px;
}

div#contentArea4Toggle li{
	color:#FFFFFF;
}

div#footer{
	padding-left:38px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background-color: #0079C1; 
	color: #ffffff;
}

td > div#footer{
	padding-left:38px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background-color: #0079C1; 
	color: #ffffff;
	width:737px;

}
div#lessMoreInfo{
	width:775px; 
	background:#0079c1; 
	float:right; 
	padding-top:20px;
}
#showHide{
	float:right;
	margin-right:35px;
	text-decoration: none;
}