@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	cursor:default;
}

a, p, ul li{
	font-size:12px;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.clearBoth{
	clear:both;
}

body{
	background-color:#0079C1;
}

body.ta_b_SOB {
	background-color:#FFF;
}

h2.underline_header{
	background:url(../images/ta/title_background_wide_two.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
	font-size:18px;
}

.ta_b_SOB h2.underline_header{
	background:url(../images/ta/title_background_wide_two.gif) no-repeat left bottom;
	color: #666;
	padding-bottom:10px;
	margin:10px 0;
	font-size:15px;
}

.ta_b_SOB img.underline_header_logo{
	float: right;
	margin-top: -45px;
}

#main_wrap{
	width:795px;
	margin:0 auto;
}

#main_head{
	background:url(../images/ta/border_top.gif) no-repeat bottom;
	padding-bottom:10px;
}

.ta_b_SOB #main_head{
	background-color: #0079C1;
    background-image: url("../images/ta/border_tile_grey.gif");
    background-position: 0 0;
    background-repeat: repeat-y;
	position: relative;
}

.ta_b_SOB #header_logo{
	margin: 12px 0 0 25px;
}

.ta_b_SOB #header_links{
	list-style: none; position: absolute; top: 15px; right: 30px;
}

	#main_head a, #main_foot a, #btm_menu a{
		color:#FFF;
		text-decoration:none;
	}
	
	.ta_b_SOB #main_head a{
		color:#ffffff;
	}
	
	#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;
	}
	
	.ta_b_SOB #top_logo{
		margin-top:15px;
	}
	
	#top_links{
		margin:25px 10px 0px 0px;
		float:right;
		width:350px;
		text-align:right;
	}

#main_body{
	padding:0px 10px;
	background:url(../images/ta/border_tile.gif) repeat-y #F6FAFD;
}

.ta_b_SOB #main_body{
	background:url(../images/ta/border_tile_grey.gif) repeat-y #FCFDFE;
}

	#plan_table{
		width:694px;
		margin:0 auto;
	}
	
	tr.tbl_top th{
		text-align:left;
		color:#FFF;
		background:url(../images/ta/plan_top_over.gif) no-repeat;
		width:342px;
		padding:0px 0px 3px 20px;
		line-height:32px;
	}
	
	.ta_b_SOB tr.tbl_top th{
		/*background:url(../images/ta/plan_top_over_gr.gif) no-repeat;*/
		background:url(../images/ta/ContentHeader.jpg) no-repeat;
		line-height:18px;
		height: 45px;
		/*height: 45px;*/
	}
	
	ta_r_SOB_QC tr.tbl_top th{ 
   		background:url(../images/ta/plan_top_over_red.gif)·no-repeat;
    }
	
	tr.tbl_mid .td_left{
		padding:5px 5px 5px 10px;
		width:242px;
		vertical-align:top;
		background:url(../images/ta/plan_middle_over_left.gif) repeat-y;
	}
	
	.ta_b_SOB tr.tbl_mid .td_left{
		/*background:url(../images/ta/plan_middle_over_left_gr.gif) repeat-y;*/
		background:url(../images/ta/ContentBoxMid.jpg) repeat-y;
	}
	
	.ta_r_SOB_QC tr.tbl_mid .td_left{
   		background:url(../images/ta/plan_middle_over_left_red.gif)·repeat-y;
    } 

	tr.tbl_mid .td_right{
		text-align:center;
		width:37px;
		padding-right:5px;
		vertical-align:middle;
		background:url(../images/ta/plan_middle_over_right.gif) repeat-y;
	}
	
	.ta_b_SOB tr.tbl_mid .td_right{
		/*background:url(../images/ta/plan_middle_over_right_gr.gif) repeat-y;*/
		background:url(../images/ta/ContentSideMid.jpg) repeat-y;
	}
	
	.ta_r_SOB_QC tr.tbl_mid .td_right{
   		background:url(../images/ta/plan_middle_over_right_red.gif)·repeat-y; 
	}
	
	tr.tbl_btm td{
		background:url(../images/ta/plan_bottom_over.gif) no-repeat;
		height:21px;
	}
	
	.ta_b_SOB tr.tbl_btm td{
		/*background:url(../images/ta/plan_bottom_over_gr.gif) no-repeat;*/
		background:url(../images/ta/ContentBottom.jpg) no-repeat;
		height:21px;
	}

    .ta_r_SOB_QC tr.tbl_btm td{
   		background:url(../images/ta/plan_bottom_over_red.gif)·no-repeat;
   		height:21px;¤ 
    }

	#main_body div.padded{

	}
	
	#main_body div.more{
		padding:35px 35px;
	}
	
	#main_body div.toggle{
		padding:0px 20px 0px 35px;
	}
	
	#main_body div.half_wide{
		width:316px;
	}
	
	#main_body  #img_and_text{
		background:url(../images/ta/blue_bg.gif) no-repeat;
		height:163px;
	}
	
	.ta_b_SOB #main_body #img_and_text{
		background:url(../images/ta/green_bg.gif) no-repeat;
	}
	
	.ta_r_SOB_QC #main_body #img_and_text{
   		background:url(../images/ta/red_bg.gif)·no-repeat; 
	}
	
	#img_and_text .card{
		width:250px;
	}
	
	#img_and_text .text{
		width:470px;
		padding:40px 0px 0px 15px;
	}
	
	#img_and_text .text h1{
		font-size:22px;
	}
	
	#img_and_text .text p{
		font-size:18px;
		color:#003;
		font-weight:bold;
	}
	
	.ta_b_SOB .taBridgeContinueImg{ 
		vertical-align:-9px; 
		margin-top:20px;    
	}

	.ta_b_SOB .taBridgeArea2{   
		background-color: #00793D;   
		color: #FFFFFF;  
		padding: 15px;    
	}    
	
	.ta_b_SOB .sobeysAM{  
		background-image: url("/pccgprefix/images/sobeys_am.gif");   
		background-repeat: no-repeat;    
		background-position: 95% 50%;
	}
	
	.ta_b_SOB .clubSobeys{  
		background-image: url("/pccgprefix/images/ta/Marketing-ClubSobeysLogo.jpg");   
		background-repeat: no-repeat;    
		background-position: 95% 50%;
	}
	
	.ta_r_SOB_QC .taBridgeContinueImg{ 
		vertical-align:-9px; 
		margin-top:20px;    
	}

	.ta_r_SOB_QC .taBridgeArea2{   
		background-color: #D81E05;   
		color: #FFFFFF;  
		padding: 15px;    
	}    
	
	.ta_r_SOB_QC .sobeysAM{  
		background-image: url("/pccgprefix/images/ta/iga_am_red.gif");   
		background-repeat: no-repeat;    
		background-position: 95% 50%;
	}


#main_foot{
	background:url(../images/ta/border_btm.gif) no-repeat top;
	padding:10px;
	color:#FFF;
}

.ta_b_SOB #main_foot{
	background:url(../images/ta/sobeys_border_btm_white.gif) no-repeat bottom;
	padding:5px 0px 20px 25px;
	color: #000;
}

.ta_b_SOB #main_foot a{
	color: #0079C1;
	text-decoration: none;
	cursor: pointer;
}

.ta_b_SOB #main_foot a:hover{
	color: #000099;
	text-decoration: underline;
}

	#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;
	}
	
	/* position relative is needed as fix for ie6/7 bug with elements preceding floats. */
#ta_bridge_area1 #errors, #ta_bridge_area2 #errors, #ta_bridge_area1 #errormsg, #ta_bridge_area2 #errormsg, #ta_moreinfoArea #errormsg {
		position: relative;
		color: red;
		padding: 1em;
		display: none;
		text-align: left;
	}
	
	
#ta_bridge_area1 {
	font-size:16px;	
}

/*··dpCodeInput··*/

#dpCodeInput {
	font-size:16px;
}

#dpCodeInput input{
   	width:17px;
   	height:20px;
}

#dpCodeInput #dpCodeLabel{display: inline;}
.ta_b_SOB #dpCodeLabel{
   	left:5px;
   	padding:10px 10px 5px 5px;
    position: relative;
    top: 10px;
}
/*.ta_b_SOB #main_head{
background:no-repeat bottom #0079C1;
padding-bottom:20px;
}*/
/*.ta_r_SOB_QC #main_head {
	background:no-repeat bottom #0079C1;
   	padding-bottom:20px;
}*/
.ta_b_SOB #taBridgeCont{ 
   	height: 30px;
   	padding: 5px;
    position: relative;
   	top: 27px;
   	width: 80px;
}
.ta_b_SOB #taBridgeLogo{
   	float:right;
   	position:relative;
	margin: 25px 15px 0 0;
}
*:first-child+html .ta_b_SOB #taBridgeLogo {
   	float:right;
   	position:relative;
   	top:-50px;
}
.ta_r_SOB_ATL #dpCodeInput {
   	background:none no-repeat scroll center center #00793D;
   	color:#FFFFFF;
   	height:120px;
   	padding:5px;
}
.ta_r_SOB_QC #dpCodeInput {
   	background:none no-repeat scroll center center #D81E05;
   	color: #FFFFFF;
   	height: 120px;
   	padding: 5px;
}
.ta_r_SOB_ON_WEST #dpCodeInput {
   	background:none no-repeat scroll center center #00793D;
   	color:#FFFFFF;
   	height:120px;
   	padding:5px;
}

