<!-- *************CPC HEADER CODE***************** -->
	
	 
 /* Temp Global Header Styles */		 
 h1, h2, h3, h4 {
	 font-family: 'Roboto', sans-serif;
	 font-weight: normal;
	 color: #333333;
	 letter-spacing:1px;
	 font-smooth:always;
	 -webkit-font-smoothing: antialiased;			 	
 }	
 
 a:focus {
	 outline:none;
 }
 
 header {
	 border-top: 5px solid #da291c;
	 min-height: 57px;
 }
 
 .contentMain {			
	 border: 2px dashed #000;
	 /*text-align: center;			*/
 }
 
 
 /* Header Styles */
 .header-container {
	background: #f3f3f3; 
	width: 100% !important;				
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	z-index: 1000;	
	margin: 0;		
	margin-bottom: -1px;	
 }
 
 .header-container-scroll {
	 height: 67px;
	 position: fixed;
	 top: 0;
	 left: 0;	
	 transition: height 0.3s ease 0s;		
	 /*opacity:0.9;*/
 }
 
 .header-container-noscroll {
	 height: 108px;
	 position: relative;
	 top: 0;
	 left: 0;
	 transition: height 0.3s ease 0s					 
 }
 
 .cartBorders { 
	height: 55px;
	margin: 5px;
 }  
 
 #translateDD {
position: fixed; z-index: 1002; list-style-type:none;
margin-top: 18px;
}

.header-container {
z-index: 1004;	
}

dialog, .reveal-modal {
margin-top: 100px;	
}


@media only screen and (max-width: 40em) {
#translateDD {
	z-index: 1200 !important;
	top: 55px; 
	position: absolute;
}

.main_banner_en {
	margin-top: 50px;	
}
.header-container {
	z-index: 9999;	
}

@media only screen and (min-width:40.063em) and (max-width:64em) { 
#translateDD {
	z-index: 1200 !important;
	top: 55px; 
	position: absolute;
}
.main_banner_en {
	margin-top: 50px;	
}
.header-container {
	z-index: 9999;	
}
}

dialog, .reveal-modal{ z-index:8020 !important;}
.reveal-modal-bg{ z-index:8010 !important; }
.goog-te-menu-frame{ z-index:8000 !important;}
.goog-te-gadget-simple img {display:none;}
 
 
@media (min-width: 64.063em) { 

	
	.large-12.icons {
		height: 55px;	
		display: block;	
		padding-right: 25px;	 
	}
	
	.top-bar .toggle-icons {
		display: none;
	}
	
	.arrow_box  {
		top: -10px;
	}
	
	.off-canvas-wrap {
		overflow: visible;
	}
	
	.left-off-canvas-menu, .right-off-canvas-menu { display: none; }
	
	.footer-containerBlue {			
		height: 130px;			
	}
	
	.footer-containerGrey {			
		/*height: 108px;*/
	}
	
	.footer-containerGrey .google-legal h3{
		 text-align:left;
		 color:#333333 !important;
		 padding-top:0 !important;
		 margin-left:1.3rem;
		 margin-left:20px;
		 
	}	
	
	.footer-containerGrey .google-legal p{
		margin-top:0.5rem;
		margin-top:8px;
	}
	
	.footer-containerGrey ul.right img.gov-canada-logo {
		top: -20px;
		left: 0;
	}
	
	ul.search { margin-top: 15px; !important}
}

@media (min-width:40.063em) and (max-width:64em) { 

	
	
	.medium-12.icons {
		height: 0;	
		display: none;		 
	}
	
	.header-container-noscroll {
		/*height: 58px;*/
		height: 67px !important;
		position: fixed;				
		top: 0;
		left: 0;	
		z-index:1000;			
		/*opacity:0.9;*/
	}
	
	.contentMain {
		margin-top: 75px;
	}
	
	.contentMain > h1 {
		position: relative;
		top: 50%;
	}
	
	.top-bar {	
		/*	height: 65px !important;	*/	
		height: 277px !important;		
		background: none !important;
			
	}		
	
	ul.off-canvas-list li a { 
		color: #087cc0 !important; 
		border-bottom: 1px solid #dadada; 	
	}
	
	.left-off-canvas-menu, .right-off-canvas-menu {
		background: none repeat scroll 0 0 #fff !important;
		border: 1px solid #dadada; 
		width: 248px !important; 
	}			
	
	.top-bar.expanded {	
		height: 500px !important;				
	}
	
	.top-bar-section {    
		position: absolute;
	}
	
	.top-bar .name img.noscroll {
		height: 80px !important;
		top: 0 !important;
		width: 200px !important;
	}
	
	.toggle-topbar a.account { margin: 0; }
	
	.search-container { top: 20px; }
	
	.footer-containerBlue {			
		height: auto;			
	}
	
	.footer-containerGrey {			
		height: 108px;
	}
	
	.footer-containerGrey ul.right img.gov-canada-logo {
		top: -20px;
		left: 0;
	}
	
	.touch .orbit-container .orbit-prev,
	.touch .orbit-container .orbit-next {
		display: none;; }
	.touch .orbit-bullets-container {
		text-align: center; }

	.touch .orbit-bullets {
		margin: 0 auto 30px auto;
		overflow: hidden;
		position: relative;
		top: 10px;
		float: none;
		text-align: center;
		display: inline-block; }
		
	.arrow_box { margin-top: -13px; }
	.arrow_box:after, .arrow_box:before { left: 85% !important;}
	ul.search { margin-top: 5px; !important}
	}
	
	

@media (max-width: 40em) {
	.small-12.icons, .small-12.icons ul.left, .small-12.icons ul.right {
		height: 0;
		display: none;
	}
	
	.header-container-noscroll {
		height: 67px;
		position: fixed;				
		top: 0;
		left: 0;
		z-index:1000;		
		/*opacity:0.9;*/
	}
	
	.contentMain {
		margin-top: 75px;
	}
	
	.top-bar {	
		/*	height: 65px !important;	*/	
		height: 300px !important;		
		background: none !important;				
	}		
	
	ul.off-canvas-list li a { 
		color: #087cc0 !important; 
		border-bottom: 1px solid #dadada; 	
	}
	
	.left-off-canvas-menu, .right-off-canvas-menu {
		background: none repeat scroll 0 0 #fff !important;
		border: 1px solid #dadada; 
	}			
	
	.top-bar.expanded {	
		height: auto !important;				
	}
	
			
	.top-bar .name img.noscroll {
		height: 80px !important;
		top: 0 !important;
		width: 200px !important;
	}	
	
	.toggle-topbar a.account { margin: 0; }
	
	.search-container { top: 20px; }
	
	.footer-containerBlue, .footer-containerGrey {			
		height: auto;			
	}
	
	.footer-containerGrey ul.right img.gov-canada-logo {
		top: 10px;
		left: 0px;
		height: 14px;
	}			
	
	.sm-right {
		float: right;
	}
	
	.arrow_box { margin-top: -13px; }
	.arrow_box:after, .arrow_box:before { left: 85% !important;}
	ul.search { margin-top: 5px; !important}
	
	
}
 
.icons ul li {
	 width: 55px;			
	 list-style: none;
	 float: left;
	 border-left: 1px solid #DADADA;
 }
 
 a.facebook {
	 display: block;
	 background: url('/cpo/mc/assets/images/cmb/img/facebook.png') no-repeat;	
	 height:44px;
	 width: 28px;
	 text-indent: -99999px;		
	 background-position: center 0px;	 
 }
 
 a.facebook:hover {
	 background: url('/cpo/mc/assets/images/cmb/img/facebook-over.png') no-repeat;	
	 background-position: center;	 
 }

 a.linkedin {
	 display: block;
	 background: url('/cpo/mc/assets/images/cmb/img/linkedin.png') no-repeat;
	 height:44px;
	 width: 32px;
	 text-indent: -99999px;		  
	 background-position: center 0px;	 
 }
 
 a.linkedin:hover {
	 background: url('/cpo/mc/assets/images/cmb/img/linkedin-over.png') no-repeat;	
	background-position: center;	 
 } 	
 
 a.twitter {
	 display: block;
	 background: url('/cpo/mc/assets/images/cmb/img/twitter.png') no-repeat;
	 height:44px;
	 width: 32px;
	 text-indent: -99999px;		
	 background-position: center 0px;	 
 }
 
 a.twitter:hover {
	 background: url('/cpo/mc/assets/images/cmb/img/twitter-over.png') no-repeat;	
	 background-position: center;	 
 } 	
 
  a.languagetoggle, span.languagetoggle {
	 display: block;
	 height: 12px;
	 width: 21px;
	 margin: 22px 16px 20px;
	 text-indent: -99999px;		 
  }
  
  .en a.languagetoggle, .en span.languagetoggle {
	 background: url('/cpo/mc/assets/images/cmb/img/header-fr@2x.png') 0 0 no-repeat;
	 background-size: 21px auto;
  }
  
  .fr a.languagetoggle, .fr span.languagetoggle {
	 background: url('/cpo/mc/assets/images/cmb/img/header-en@2x.png') 0 0 no-repeat;
	 background-size: 21px auto;			 
  }
  
  .en a.languagetoggle:hover, .en span.languagetoggle:hover, .fr a.languagetoggle:hover, .fr span.languagetoggle:hover {
	 background-position: 0 -13px;
  } 	
  
 a.shoppingcart {
	 display: block;
	 background: url('/cpo/mc/assets/images/cmb/img/shoppingcart.png') no-repeat;
	 height:44px;
	 width: 44px;			
	 text-indent: -99999px;	
	 background-position: center;	 
 }
 
 a.shoppingcart:hover {
	 background: url('/cpo/mc/assets/images/cmb/img/shoppingcart-over.png') no-repeat;	
	 background-position: center;	 
 } 			 
		 
 a.account {
	 display: block;
	 background: url('/cpo/mc/assets/images/cmb/img/account.png') no-repeat;		
	 height:44px;
	 width: 44px;
	 text-indent: -99999px;	
	 margin: 5px;	 
 }
 
 a.account:hover {
	 background: url('/cpo/mc/assets/images/cmb/img/account-over.png') no-repeat;	
	 background-position: center;	 
 } 	
	
/* Top Bar Styles */		
		
.top-bar {
	background: none repeat scroll 0 0 #f3f3f3;
	height: auto !important;				
}

.top-bar .toggle-topbar a {
	width: 45px;	
}

.top-bar section ul {
	background: none repeat scroll 0 0 #f3f3f3;			
}

.top-bar section ul.top-bar-section-noscroll {
	margin: 30px 15px 0 0;				
}

.top-bar.expanded section .top-bar-section-noscroll {
	border: 1px solid #dadada;
	margin-top: 16px;
	padding: 0;
}

.top-bar.expanded section .top-bar-section-noscroll li {
	border-bottom: 1px solid #dadada;
}

.top-bar section ul.top-bar-section-scroll {
	padding: 10px 15px 0 0;				
}	

.top-bar-section ul li {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;	
	font-smooth:always;
	-webkit-font-smoothing: antialiased;					  
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: none;
}


.top-bar-section ul li a {
	line-height: 45px;
	padding: 0 15px;
}

/*
.top-bar-section li a:not(.button) {
	background: #f3f3f3 !important;
}*/
 
.top-bar-section ul li > a {
	background: #f3f3f3;
	color: #333333 !important;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;			
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	background: none;	
}

.top-bar-section li a:not(.button):hover {
	background: #f3f3f3; 
	color: #087cc0 !important;
}

.top-bar-section ul li:hover > a {
	background: #f3f3f3; 
	color: #333333; 
}

.top-bar .name {
	height: auto;
	padding-top: 15px;
	/*margin-top:10px !important;*/
}	

.top-bar .name img.noscroll {
	height: 40px!important;
	width: 160px!important;
	position: relative;
	top: 18px!important;
	left: 0;
}

.top-bar .name img.scroll {
	height: auto !important;
	width: 134px;
	position: relative;
	/*top: -10px;*/
	left: 0;			
}

.top-bar.expanded .title-area {
	background: #f3f3f3;
}

.top-bar .toggle-topbar.menu-icon {
	margin-top: -14px;
	padding: 0;
}

.top-bar .toggle-topbar.menu-icon a span { 
	color: #323332; 
	box-shadow: 0 10px 0 1px #323332, 0 16px 0 1px #323332, 0 22px 0 1px #323332;		
}
		
.top-bar .toggle-icons.cart-icon {
	margin-top: -25px;    		
	right: 150px;
	top: 50%;
	position:absolute;
}

.top-bar .toggle-icons.magnify-icon {
	margin-top: -25px;    		
	right: 50px;
	top: 50%;
	position:absolute;
}

.top-bar .toggle-icons.account-icon {
	margin-top: -25px;    		
	right: 95px;
	top: 50%;
	position:absolute;
}		

a.magnify-glass {
	 display: block;
	 background:url('/cpo/mc/assets/images/cmb/img/magnify_glass.png') no-repeat !important;
	 height:44px;
	 width: 44px !important;
	 text-indent: -99999px;		 
	 background-position: 0px 0px;	 
 }
 
 a.magnify-glass:hover, a.activemagnify {
	 background: url('/cpo/mc/assets/images/cmb/img/magnify_glass-over.png') no-repeat !important;	
	 height: 44px;
	 width: 44px !important;
	 background-position: 0px 0px;	 
 } 		
		
/* Top Bar Search Styles */
.search-container {
	background: #fff; 
	width: 100% !important;	
	border-bottom: 1px solid #dadada;							
	display: none;
	height: 60px;
	margin-bottom: 0px;
	position:relative;
}

ul.search {			
	list-style-type: none;	
	position:relative;
	padding: 0;
	
}
		
.search input {
	font-size: 1.625rem;
	height: 2.750rem;
	margin-bottom: 0.063rem;
	margin-top: 0.063rem;	
	border: none !important;
	box-shadow: none !important;	
	background: none !important;	
	
	font-size:26px;
	height: 44px;
	margin-bottom: 1px;
	margin-top: 1px;	
}

/* CSS Arrow Box */

.arrow_box { position: relative; background: #fff; z-index:1;} 
.arrow_box:after, .arrow_box:before { bottom: 100%; left: 95%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 20px; margin-left: -20px; } 
.arrow_box:before { border-color: rgba(218, 218, 218, 0); border-bottom-color: #dadada; border-width: 21px; margin-left: -21px; }

.off-canvas-wrap, .inner-wrap, .main-section
{
  height: auto;
}

a.menu-icon {
	color: #FFFFFF;
	display: block;
	height: 2.8125rem;
	line-height: 2.0625rem;
	padding: 0;
	position: relative;
	text-indent: 2.1875rem;
	width: 2.8125rem;
}


a.menu-icon span {
	background: url('/cpo/mc/assets/images/cmb/img/mobiletab.png') no-repeat !important;	
	/*box-shadow: 0 10px 0 1px #333, 0 16px 0 1px #333, 0 22px 0 1px #333;*/
	 display: block;
	height: 45px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 45px;
	
}
a.menu-icon:hover span {
	background: url('/cpo/mc/assets/images/cmb/img/mobiletab-over.png') no-repeat !important;	
	/*box-shadow: 0 10px 0 1px #B3B3B3, 0 16px 0 1px #B3B3B3, 0 22px 0 1px #B3B3B3;*/
}

.move-left a.exit-off-canvas {box-shadow:none; border: none;}
section.right-small {
	border-left: none;
	box-shadow: none;
  
}

.top-medium-logo {
	height: auto;
	width: 88px;	
}
<!-- *************END CPC HEADER CODE***************** -->


  /* ie8 fix */

 		.lt-ie9 header .row { width: 1000px; }
    	.lt-ie9 .right-off-canvas-menu { display: none !important; }
        
        .lt-ie9 .icons { height: 54px; }
        .lt-ie9 ul.inline-list { margin-left: 0px; }
        .lt-ie9 .footer-containerGrey .right { width: 143px; height: 34px; display: block; float: right; }
        .lt-ie9 .top-bar .name { width: 192px; height: 71px; display: block; }
        .lt-ie9 .top-bar section ul.top-bar-section-noscroll { margin-right: 0px !important; }
		
		.lt-ie9 .top-bar ul li a { color: #333333 !important; font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 400; }
		.lt-ie9 .top-bar section > ul > li a:hover { color: #087cc0 !important; }
		.lt-ie9 .top-bar .magnify-glass:hover { background-color: white !important; }
		
		.lt-ie9 .en a.languagetoggle, .lt-ie9 .en span.languagetoggle {
			  background: url('/cpo/mc/assets/images/cmb/img/header-fr.gif') 0 0 no-repeat;
			  background-size: 21px auto;
		  }
		  
		 .lt-ie9 .fr a.languagetoggle, .lt-ie9 .fr span.languagetoggle {
			  background: url('/cpo/mc/assets/images/cmb/img/header-en.gif') 0 0 no-repeat;
			  background-size: 21px auto;			 
		  }		

/* end ie8 fix */