@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:default;
}

a, p, ul li{
	font-size:12px;
}

ul { list-style-type: disc; }

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.clearBoth{
	clear:both;
}

body{ background-color: #ffffff  }

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

#main_head{
	background:url('../../images/ta/border_top.gif') no-repeat bottom;
	position: relative;
	background:#0079c1;
	width:775px;
}
div#branding{	
	height:69px;
	width:775px;
	background:#0079c1;	
}

#main_head #header_logo {
	margin: 12px 0 0 25px;
}
	#main_head #header_links{
		list-style: none; position: absolute; top: 15px; right: 30px;
	}

#main_body{
	clear: both;
	padding:0;
	width:775px;
}


#main_body p {
	font-family: Arial,Helvetica,sans-serif;
	line-height: 140%;
}

#main_body ul {
	margin-left: 0;
	padding-left: 1.35em;
}

#main_body li {
		line-height: 140%;
}

#main_foot{
	width:775px;
	padding:0;
	color:#FFF;
}

	#main_foot ul{
		list-style:none;
		margin:5px 0px 0px 10px;
	}
	
	#main_foot ul li.first{
		padding-left:0px;
		border-left:none;
	}
	
	#main_foot li{
		float:left;
		padding:0px 8px;
		border-left:1px solid #FFF;
	}

	#main_head a, #main_foot a, #btm_menu a{
		color:#FFF;
		text-decoration:none;
	}
	
	#main_head a:hover, #main_foot a:hover, #btm_menu a:hover{
		text-decoration:underline;
	}
	
	#top_logo{
		margin:10px 0px 0px 10px;
		float:left;
		width:230px;
	}


/* from http://www4.bmo.com/pccgprefix/creditcards/stylesheets/ta/ta_stylesheet.css */

/*
------------------------------------------------------
	PADDINGS
------------------------------------------------------
*/
body{
	text-align:center;
}
#wrapper{
	width:792px;
	margin:0 auto;
	padding-left:8px;
	text-align:left;
	background:url('../../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
------------------------------------------------------
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

#main_body 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('../../creditcards/images/check_blue.jpg');
	background-repeat:		no-repeat;
	background-position:	0px 12px;
	padding:				10px 0px 10px 30px;
}
.blueclearCheck{
	background-image:		url('../../creditcards/images/check_blueclear.jpg');
	background-repeat:		no-repeat;
	background-position:	0px 6px;
	padding:				3px 0px 3px 20px;
}

.bluewhiteCheck{
	background-image:		url('../../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}


div#divider{
	width:775px;
	display:inline;
	height:4px;
	background:#57A3D9;
	float:left;
	font-size:1px;
}
div#brandcontent{
	width:775px;
	height:80px;
}

div#contentArea1and2, div#contentarea1and2{
	width:775px;
	height:auto;
	float:none;
	background:#FFFFFF;
}

div#contentArea1, div#contentarea1{
	width:325px;
	height:auto;
	background:#FFFFFF;
	clear:both;
	float:none;
	position: relative;
}

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

div#contentArea1image, div#contentarea1image{
	height:auto;
	float:none;
	position: relative;
	padding-top:30px;
}

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

div#contentArea2, div#contentarea2{
	width:412px;
	height:auto;
	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, div#contentarea2 .title{
	width:100%;
	font-size:21px; 
	font-weight:bold; 
	color: #085591;
}


div#bullets, div#contentArea2 .bullets, div#contentarea2 .bullets{
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url('../../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 .bulletswithcashback, div#contentarea2 .bulletswithcashback {
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url('../../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#bulletswithspcairmiles, div#contentArea2 .bulletswithspcairmiles, div#contentarea2 .bulletswithspcairmiles {
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url('../../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,
div#contentArea2 .bulletswithairmiles, div#contentarea2 .bulletswithairmiles 
{
	width:310px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url('../../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,
div#contentArea2 .bulletswithspccashback, div#contentarea2 .bulletswithspccashback 
{
	width:320px;
	height:auto;
	font-size:15px; 
	color: #085591;
	background-image:url('../../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('../../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('../../creditcards/images/MYPLANET_AIRMILES_TAG_RGBE.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}

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

div#airmileslogo_sm{
	height:55px;
	width:59px;
	float:right;
	background-image:url('../../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('../../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('../../creditcards/images/Cashback_icon.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
}

/* French */
.cc_ta_lang_fr div#myplanetairmileslogo{
	background-image:url('../../cartedecredit/images/MYPLANET_AIRMILES_TAG_RGBF.gif');
}

.cc_ta_lang_fr div#airmileslogo{
	background-image:url('../../cartedecredit/images/AIRMILES_TAG_RGBF.gif');
}
/* French */

div#contentArea3, 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:723px; 
	padding-right: 30px;
	padding-left: 22px;
	background:#0079c1;
	color:#FFFFFF;
	clear:both; 
	position:relative;
}


div#contentArea4 li{
	color:#FFFFFF;
}

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

div#contentArea4Toggle li{
	color:#FFFFFF;
}

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

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


div#CC-TA-INCONTEXT { 
		background-color: #0079C1; 
}

#main_body div#lessMoreInfo{ float: none; clear: both; text-align: right; }
#main_body div#lessMoreInfo #showHide{ float: none; padding-right: 35px; margin-right: 0; }
#main_body div#lessMoreInfo #toggleText { font-weight:bold; font-size:14px; color:#FFFFFF; }

#main_body div#contentArea2 .bullets, #main_body div#contentarea2 .bullets {
	float: none !important;
}

/* sobeys */
a.linkGreen:link,
a.linkGreen:visited,
a.linkGreen:active,
a.linkgreen:link,
a.linkgreen:visited,
a.linkgreen:active {
	color: #00793d;
}
a.linkGreen:hover, a.linkgreen:hover {
	color:					#000;
}

.cc_ta_r_SOB_QC a.linkGreen:link,
.cc_ta_r_SOB_QC a.linkGreen:visited,
.cc_ta_r_SOB_QC a.linkGreen:active,
.cc_ta_r_SOB_QC a.linkgreen:link,
.cc_ta_r_SOB_QC a.linkgreen:visited,
.cc_ta_r_SOB_QC a.linkgreen:active {
	color:					#D81E05;
}


.cc_ta_b_SOB #main_head { background-color: #ffffff; }

.cc_ta_b_SOB #main_head #header_logo {
    margin: 12px 0 0 25px;
    padding-bottom: 12px;
}
.cc_ta_b_SOB #main_head  a, .cc_ta_b_SOB #main_foot a, .cc_ta_b_SOB #btm_menu a {
	color: #003366;
}

.cc_ta_b_SOB #main_head #header_links {
	top: 28px;
}

.cc_ta_b_SOB div#branding{ 
	background:#ffffff;
	padding: 25px 0 0 0;
}

.cc_ta_b_SOB div#divider {
	height:1px;
	background:#00793d;
}

.cc_ta_r_SOB_QC  div#divider {
	background:#D81E05;
}

.cc_ta_b_SOB div.bullets {
	color: #000;
}

.cc_ta_b_SOB div#contentarea1, .cc_ta_b_SOB div#contentArea1{
	
	width:250px;
	margin: 0; padding: 0;
	padding-left: 30px;
	padding-right: 35px;
}

* html .cc_ta_b_SOB div#contentarea1, * html body.cc_ta_b_SOB div#contentArea1{
	width:250px;
}

.cc_ta_b_SOB div#contentarea1withtext{
	width:255px;
	background:#00793d;
}

.cc_ta_r_SOB_QC #main_wrap div#contentarea1withtext {
	background:#D81E05;
}

.cc_ta_b_SOB div#contentarea2, .cc_ta_b_SOB div#contentArea2 {
	width:422px;
}

* html .cc_ta_b_SOB div#contentarea2, * html body.cc_ta_b_SOB div#contentArea2 {
	width:422px;
}


.cc_ta_b_SOB div#contentArea2 .title, .cc_ta_b_SOB div#contentarea2 .title,
.cc_ta_b_SOB div#contentArea2 #title, .cc_ta_b_SOB div#contentarea2 #title {
	color: #00793D;
	font-size:30px;
}

.cc_ta_r_SOB_QC #main_wrap  div#contentArea2 .title, .cc_ta_r_SOB_QC #main_wrap  div#contentarea2 .title,
.cc_ta_r_SOB_QC #main_wrap  div#contentArea2 #title, .cc_ta_r_SOB_QC #main_wrap  div#contentarea2 #title { 
	color: #D81E05;
}

.cc_ta_b_SOB td div#contentArea2 .bullets, .cc_ta_b_SOB td div#contentarea2 .bullets { 
	color: #000; 
	background-image: none;
	padding: 3px 0;
	font-size:12px; 
}
	
.cc_ta_b_SOB div#contentarea1image { width: 250px; margin:0; padding: 0; padding-top: 30px; }

.cc_ta_b_SOB #contentarea3 { display: none; }

.cc_ta_b_SOB #contentArea4,.cc_ta_b_SOB #contentarea4 { background-color: #ffffff; color: #000;}
.cc_ta_b_SOB #contentArea4Toggle,.cc_ta_b_SOB #contentarea4Toggle { background-color: #ffffff; color: #000;}

.cc_ta_b_SOB #contentArea4,.cc_ta_b_SOB #contentarea4,
.cc_ta_b_SOB #contentArea4 li,.cc_ta_b_SOB #contentarea4 li,
.cc_ta_b_SOB #contentArea4Toggle li,.cc_ta_b_SOB #contentarea4Toggle li { color: #000; }

.cc_ta_b_SOB div.contentArea4-left {
	float: left;
	width: 405px;
}

.cc_ta_b_SOB div.contentArea4-right {
	float: left;
	width: 276px;
}

.cc_ta_b_SOB #main_body div#lessMoreInfo #toggleText { 
	color: #00793D;
	font-size: 12px;
	font-weight: normal;
}
.cc_ta_b_SOB div#lessMoreInfo{
	width:775px; 
	background:#00793d; 
	float:right; 
	padding:20px 0 30px 0;
}

.cc_ta_r_SOB_QC #main_wrap  div#lessMoreInfo {
	background-color: #D81E05;
}


.cc_ta_b_SOB div.lessMoreInfo-left {
	float: left;
	width: 400px;
	padding-left: 35px;
	padding-bottom: 30px;
	text-align: left;
}

* html .cc_ta_b_SOB div.lessMoreInfo-left {
	width: 400px;
}
.cc_ta_b_SOB div.lessMoreInfo-right {
	float: left;
	width: 325px;
	padding-right: 15px;
	padding-top: 7px;
}

* html .cc_ta_b_SOB div.lessMoreInfo-right {
	width: 325px;
}

.cc_ta_b_SOB div#footer {
	background-color: #00793D;;
}

.cc_ta_r_SOB_QC #main_wrap  div#footer {
	background-color: #D81E05;
}

.cc_ta_b_SOB #main_foot a {
	color: #ffffff;
}

#main_foot  #footerImg { 
	border: 0; margin: 0; padding: 0; margin-left:-8px; height: 10px;
		background-image: url('../../creditcards/images/footer.gif');
		background-repeat: no-repeat;
}

.cc_ta_b_SOB #main_foot  #footerImg {
		background-image: url('../../creditcards/images/footer_sobeys.gif');
}

.cc_ta_r_SOB_QC #main_wrap #main_foot  #footerImg {
		background-image: url('../../creditcards/images/footer_sobeys_IGA.gif');
}

.cc_ta_b_SOB div#CC-TA-INCONTEXT {
	background-color: #ffffff;
}