/*  -------------------------------------------------------------------
    Reset - october 6 2009 ----------------------------------------------- */
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, code,
    del, dfn, img, q, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
        vertical-align:baseline;
    }	
    body { font-size:100.01%; line-height:1; }
    table { border-collapse:collapse; border-spacing:0; }
    caption, th, td { text-align:left; font-weight:normal; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; }
    blockquote, q { quotes:"" ""; }
    embed:hover, embed:active:hover, embed:visited:hover { border:0px #fff solid; }
	
/*  -------------------------------------------------------------------
	Fonts ------------------------------------------------------------- */
	h1 {
		color:#cae198;
		font-family:Georgia, "Times New Roman", Times, serif; font-size:40px; font-style:italic; font-weight:normal; 
		letter-spacing:-2px; line-height:38px;
		margin-top:48px; padding:0;
	}
	
	/* Custom Style h1 */
	h1.order{ margin-top:79px; }
	h1.noMargin{ 
		color:#2dbaff; 
		font-size:22px; word-spacing:2px; line-height:26px;
		margin:0; padding:0; 
	}
	
	h2, h3, h4 {
		color:#2dbaff; 
		font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;
		letter-spacing:-2px; 
		word-spacing:2px; line-height:26px;
	}
	
	h2{ font-size:22px;	padding:0; margin:33px 0px 0px 0px; letter-spacing:-2.3px;  }

	/* Custom Style h2 */
	h2.lowMargin{ margin-top:13px; }

	/*Colors*/
	.navy { color:#009ada; }
	.black { color:#000; }
	.blue { color:#2dbaff; }
	.green { color:#cae198; }
	.grey { color:#666; }
	
	
/*  -----------------------------------------------------------------------
	Redefine Tag ---------------------------------------------------------- */
	p{ margin:31px 0 0 0}
	
	/* Custom Style p */
	p.lowMargin{ margin:0; padding-top:11px;}
	
	a{ color:#2dbaff; text-decoration:underline; }
	a:hover{ color:#2dbaff; text-decoration:none; }
	
/*  -------------------------------------------------------------------
	Shell ------------------------------------------------------------- */
    html { overflow-y:scroll; /* Vertical Scroll*/ }
	
	body {
		background-color:#f5f6f6;
		color:#666;
		font-family:Verdana, Arial, Helvetica, sans-serif; line-height:21px; font-size:12px;
		margin:0; padding:0;
	}

	#containerContentMain{ width:997px; position:relative; margin:0 auto; }
	#containerContentMain.order{ width:864px; margin:0 auto; }
	
/*  -----------------------------------------------------------------------
	Header ---------------------------------------------------------------- */
	#containerHeaderMain {
		/* url("../images/bg-header.gif") top center repeat*/
		background-color:#e2f1f8;
		/*width:100%; height:67px;*/ 
		z-index: 0;
	}
	
	#containerHeaderSplit {
		background-color:#ff2d64;
		position:absolute; 
		height:67px; width: 50%; 
	}
	
	
	#containerHeader { 
		margin:0 auto;
		position:relative;
		width:972px; /*height:67px;	*/
	}
	
		
		#headerLeft {
			background-color:#ff2d64;
			float:left;
			width:420px; height:67px;
		}
	
		
		#headerLeft #logo { 
			margin-top:17px;
		}
			
		#headerCenter { 
			float:left;
			width:130px;
		}
			
				
		#headerRight { 
			float:left;
			width:422px;
		}
		
/*  -----------------------------------------------------------------------
	Menu Product ---------------------------------------------------------- */	
		#containerHeader #headerRight #containerMainMenu{ 
			width:301px;
			/*margin:16px 0px 0px 121px;*/
			margin:54px 0px 0px 121px;
		}
	
			ul#m2, ul#m2 li {
				background:none;
				list-style:none;
				margin:0; padding:0;
			}
		
			ul#m2 { position:relative; }
		
			ul#m2 li { display:inline; }
		
			ul#m2 li a {
				border:0;
				display:block;
				position:absolute; bottom:0;
				outline:none;
				text-decoration:none;
				width:55px;
		
			}  
		
			ul#m2 li a span { position:absolute; left:-9999px; }  
		
			ul#m2 li a img {
				-ms-interpolation-mode:bicubic; /*IE7*/
				width:100%;
			} 




/*  -----------------------------------------------------------------------
	content Left ---------------------------------------------------------- */
	#containerContentMain .line {
		background: url("../images/line.gif") top left no-repeat;
		margin-left:168px;
		width:525px; height:11px;
	}	
	
	#containerContentMain #containerContentLeft{ float:left; width:540px; }
				
	#containerContentLeft #btReminder { 
		background-image: url("../images/bt/bt-reminder.gif"); 
		display: block;	
		height: 40px;  width:218px;
		margin:4px 0px 0px 233px;
		text-indent: -3000em;
		outline:0;
	}
	
	#containerContentLeft a:hover#btReminder { background-position:left bottom; }
	
	
	/* Province Menu */	
	#containerContentMain #containerContentLeft #containerMenu{ 
		margin-top:13px; 
		width:530px; height:44px; 
	}
		
		#containerContentMain #containerContentLeft #containerMenu ul li{ 
			float:left;
			list-style:none;
			padding:0; margin:0;
		}
						
		#containerContentMain #containerContentLeft #containerMenu a{ 
			background-repeat:no-repeat;
			display:block;
			height:44px;
			outline:0;
			position:absolute;
		}
							
		#containerContentMain #containerContentLeft #containerMenu span{position:absolute; left:-9000px;}
		
		#containerContentMain #containerContentLeft #containerMenu a:hover, #containerMenu a.selected{ 
			background-position:left bottom; 
		}	
					
		#containerContentMain #containerContentLeft #containerMenu #btOntario{ 
			background-image: url("../images/bt/bt-ontario.gif");
			width:122px;
		}
						
		#containerContentMain #containerContentLeft #containerMenu #btNewBrunswick{ 
			background-image: url("../images/bt/bt-new-brunswick.gif");
			margin-left:127px;
			width:216px;
		}
						
		#containerContentMain #containerContentLeft #containerMenu #btNovaScotia{ 
			background-image: url("../images/bt/bt-nova-scotia.gif");
			margin-left:348px;
			width:182px;
		}

					
	#containerContentMain #containerContentLeft.order{ width:392px; }				
	#containerContentMain .contentLeftOntario, .contentLeftNewsBrunswick, .contentLeftNovaScotia{ margin-left:7px; }
	
	
	/* Province Sub Menu */	
	#containerContentMain #containerContentLeft .containerSubMenu{margin-top:15px; width:600px;}
		.containerSubMenu a { color:#666; text-decoration:none; }
		.containerSubMenu a:hover{ color:#fbb249; text-decoration:none; }
			
		#containerContentMain #containerContentLeft .containerSubMenu .subMenuLeft{
			float:left;
			width:160px;	
			margin-top:3px;
		}
				
		#containerContentMain #containerContentLeft .containerSubMenu .subMenuLeft ul li{
			list-style:none;
			float:left;
		}
				
		#containerContentMain #containerContentLeft .containerSubMenu .subMenuRight{
			float:left;
			margin-left:276px;
			width:82px;
		}
	
	/* List Phase 2 */
	#containerContentMain.order #containerContentLeft #contentLeft ul{list-style:circle; margin:31px 0 0 15px;}
	#containerContentMain.order #containerContentLeft #contentLeft ul li{color:#2dbaff;}
	#containerContentMain.order #containerContentLeft #contentLeft ul li span{color:#666;}
	
	/* content Text (Newspapers & Magazines) */
	#containerContentMain #containerContentLeft .contentNewspapers, .contentMagazines {font-size:11px;}

		.floatFirst{ float:left; margin-top:31px;}
		.floatFirst ul, .floatSecond ul{list-style:none; margin:0; padding:0; }
		.floatFirst a:hover, .floatSecond a:hover{color:#666; text-decoration:underline; cursor:pointer; }
		.floatSecond{ float:left; margin:31px 0px 0px 45px;}
		.floatFirst li:hover, .floatSecond li:hover{background-color:#fbb249; display:inline-block; }
		.floatSecond li:hover span{background-color:#fbb249; display:inline-block;   }
		.floatFirst span.newspapers, .floatSecond span.newspapers{ float:left; width:200px; }
		.floatFirst span:hover.newspapers, .floatSecond span:hover.newspapers { text-decoration:underline;}
		
		
		
/*  -----------------------------------------------------------------------
	content Right --------------------------------------------------------- */
	#containerContentMain #containerContentRight{ right:0; position:absolute; width:420px; }
	#containerContentMain #containerContentRight.order{
		position:relative;
		float:left; 
		margin-bottom:35px; 
		width:471px;
	}
	#containerContentRight.order .stepsBloc span { 
		background-repeat:no-repeat;
		display: block;	
		float:left;
		margin:0;
		height: 46px;  width:43px;
		text-indent: -3000em;
	}
	
	#containerContentRight.order span.number_1{ background-image: url("../images/number-1.gif"); }
	#containerContentRight.order span.number_2{ background-image: url("../images/number-2.gif"); }
	#containerContentRight.order span.number_3{ background-image: url("../images/number-3.gif"); }
	#containerContentRight.order span.number_4{ background-image: url("../images/number-4.gif"); }
	
	#containerContentMain #containerContentRight .margin{ margin-left:11px; }
	#containerContentMain #containerContentRight .stepsBloc{ padding-top:33px; clear:both; }
	#containerContentMain #containerContentRight .stepsBloc p{ float:left; margin:12px 0 0 22px; width:400px; }
	#containerContentMain #containerContentRight .stepsBloc p span{ 
		float:none;
		text-indent:0;
		width:100%; height:100%;
	}
	
	
	#containerContentMain #containerContentRight_2{ float:right; padding-bottom:25px; width:462px; }
	#containerContentMain #containerContentRight_2 .margin{margin-left:55px; }
	
		
/*  -----------------------------------------------------------------------
	Explore Recipes -------------------------------------------------------*/
	#containerContentRight #containerExplore{ width:279px; margin-left:30px; }
	#containerContentLeft.order #containerExplore{ width:279px; margin:30px 0px 0px 0px; }
		#containerExplore #exploreBloc{ 
			width:259px; height:75px;
			margin-top:9px;
			background: url("../images/bg-explore-recipes.gif") bottom left no-repeat;
		}
		#containerExplore h2{  margin:0px 0px 0px 9px; font-size:21px; }

		#containerExplore #exploreBloc h3{ 
			font-size:15px; font-weight:bold; line-height:17px;
			margin:0; padding:16px 18px 0px 70px;
		}
		
		#containerExplore #exploreBloc h3 a:hover{ 
			color:#009ada;
		}
	
	
/*  -----------------------------------------------------------------------
	No Script -------------------------------------------------------------*/
	.noScript{
		color:#000;
		text-align:center;
	}

	/*  -----------------------------------------------------------------------
	Clear ----------------------------------------------------------------*/
    .hide { display:none; }
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */