@charset "UTF-8";
/* Navigation Styles for CKC.CA */

/*
CONTENTS

1. LINKS + TYPOGRAPHY
2. NAVIGATION
3. FORMS + FIELDS
4. FOOTER
5. MEDIA QUERIES
*/
.hidden-menu {
	display:none;
}
/* ---- 1. LINKS + TYPOGRAPHY ---- */
a.dropdown-parent:link, a.dropdown-parent:hover, a.dropdown-parent:active, a.dropdown-parent:visited, a.topLevel_link:link, a.topLevel_link:hover, a.topLevel_link:active, a.topLevel_link:visited, a.toggle:link, a.toggle:hover, a.toggle:active, a.toggle:visited, .navbar .topLevel .dropdown-menu li a:link, .navbar .topLevel .dropdown-menu li a:hover, .navbar .topLevel .dropdown-menu li a:active, .navbar .topLevel .dropdown-menu li a:visited {
	color: #fff;
	text-decoration: none;
}
/* ---- 2. NAVIGATION ---- */

#menuElem {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	margin-left: 0em;
	padding-left: 0em;
	display: block;
}
#menuElem ul li {
	list-style: none;
margin-left: 0em;
display: block;
}
#menuElem ul li ul li {
	position: absolute;
width: 16.66666666666%;
top: 3.5em;
border-right: solid 1px #ccc;
z-index: 7;
}
.navbar {
	position: relative;
	width: 100%;
	height: 6em;
	/*background-color: #002868;*/
	min-width:17.5em;
}
/* NAV MENU*/
.navbar .navBtn {
	width: 33.33333333333%;
	height: 3em;
	float: left;
	border-right: solid 1px #fff;
	background-color:#002868;
}
.navbar .navBtn:hover {
	background-color: #0141a9;
}
.navbar .hoverBG {
	background-color: #0141a9;
}
.navbar .brand {
	width: 75%;
	border-right: none;
	height: 3em;
	background-color: #fff !important;
	margin-top:.25em;
	margin-bottom:.5em;
}
.navbar .language {
	width: 25%;
	text-align: center;
	border-right: none;
	height: 3em;
	background-color:#fff;
}
.navbar .last {
	border-right: none;
}
.navbar .brand .logo {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	text-indent: 2em;
	font-size: 1.75em;
	font-family:'Source Serif Pro', serif;
	line-height: 2.3em;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #fff;
}
	.ENUS .navbar .brand .logo {
		background-image: url(/ckc-assets/images/framework/CKCWEBLOGO_ENG.jpg);
	}
	.FRCA .navbar .brand .logo {
		background-image: url(/ckc-assets/images/framework/CKCWEBLOGO_FR.jpg);
	}
.navbar .brand .newLogo {
	background-image: url(/ckc-assets/images/framework/ckc-shield-logo.png);
}
.navbar .language .lang {
	display: block;
	line-height: 3.7em;
	font-size: 1em;
	background-color: #FFF;
}
.navbar .navToggle {
	display: block;
	width: 100%;
	height: 100%;
}
.navbar ul {
	margin-left: 0em;
	padding-left: 0em;
	display: block;
}
.navbar li {
	list-style: none;
	margin-left: 0em;
	display: block;
}
.navbar .mainNav {
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
}
.navbar #navMenu {
	width: 100%;
	height: 0em;
	overflow: hidden;
	background-color: #002868;
	position: absolute;
	top: 6.7em;
	left: 0em;
	z-index: 8;
}
.navbar .topLevel a.dropdown-parent, .navbar .topLevel a.topLevel_link {
	display: block;
	float: left;
	height: 3.5em;
	padding-left: 1.25em;
	line-height: 3.5em;
	background-color: #002868;
	border-bottom: solid 1px #fff;
}
.navbar .topLevel a.dropdown-parent:hover, .navbar .topLevel a.topLevel_link:hover {
	background-color: #0141a9;
}
.navbar .topLevel a.dropdown-parent {
	width: 80%;
}
.navbar .topLevel a.topLevel_link {
	width: 100%;
}
.navbar .topLevel .dropdown-menu li a {
	display: block;
	padding-left: 1.25em;
	/*height: 3.8em;*/
	background-color: #002868;
}
.navbar .topLevel .dropdown-menu li a:hover {
	background-color: #0141a9;
	/*line-height:0.7em;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.navbar .topLevel .toggle {
	display: block;
	width: 20%;
	height: 3.5em;
	float: right;
	line-height: 3.5em;
	text-align: center;
	background-color: #002868;
	border-left: solid 1px #194181;
	border-bottom: solid 1px #fff;
}
.navbar .topLevel .toggle:hover {
	background-color: #0141a9;
}
.navbar .topLevel .toggleBG {
	background-color: #002868;
	border-bottom: none;
}
.navbar .topLevel .dropdown-menu {
	display: block;
	height: 0em;
	width: 100%;
	overflow: hidden;
	position: relative;
	clear: left;
}
#help_Widget h2, login_Widget h2, #footer h2 {
	font-weight: normal;
}
.navNoBotBorder {
	border-bottom: none !important;
}
.navBtn {
	border-bottom: solid 1px #fff;
}
/* HELP WIDGET*/
#help_Widget {
	position: absolute;
	z-index: 9;
	width: 100%;
	background-color: #e5ebf4;
	height: 0em;
	overflow: hidden;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.helperOpen {
	height: auto;
}
#help_Widget #searchWrap {
	margin-top: 1em;
}
#help_Widget #searchWrap, #help_Widget #faqWrap {
	padding-left: 2%;
	padding-right: 2%;
}
#help_Widget h2 {
	font-family:'Source Sans Pro', sans-serif;
	font-weight:bold;
	font-size: 1.2em;
	text-align: center;
	color: #0141a9;
}
#help_Widget .help_section {
	border-bottom: solid 1px #fff;
	padding-bottom: 1em;
	padding-top: 1em;
}
#contactWrap .contactGroup {
	background-color: #c8d5e6;
	margin-bottom: 1em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#contactWrap .contactGroup h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 0.5em 2%;
	cursor: pointer;
}
#contactWrap .contactGroup h3:hover {
	background-color: #b9cce6;
}
.contactGroup .contactTiles {
	padding: 0 2% 0;
	margin-bottom: 1em;
	overflow: hidden;
}
#client .contactTiles, #store .contactTiles {
	height: 0;
}
.contactGroup .contactTiles .tile {
	display: block;
	background-color: #fff;
	padding: .25em 2em;
	margin-bottom: 0.5em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: .5em;
}
.contactGroup .contactTiles .tile:hover {
	background-color: #fff;
}
.contactGroup .contactTiles .tile .contactStatus {
	font-size: 0.75em;
}
.contactTiles img {
	margin-left: -1.5em;
	margin-top: -3px;
	float: left;
}
#searchWrap .field {
	width: 70%;
	display: block;
	float: left;
	height: 2.5em;
	border: solid 3px #c7ccd4;
	padding-left: 0.75em;
}
#searchWrap .submit {
	width: 30%;
	display: block;
	float: right;
	height: 2.5em;
	border-bottom: solid 5px #001639;
	border-top: solid 5px #002868;
	border-right: none;
	border-left: none;
	background-color: #002868;
	color: #fff;
	font-family:'Source Sans Pro', sans-serif;
	letter-spacing: 0.1em;
}
#searchWrap .submit:hover {
	border-bottom: solid 5px #002868;
	border-top: solid 5px #0141a9;
	background-color: #0141a9;
}
.help_section .faq {
	margin-left: 0em;
	padding: 0em;
	margin: 0 auto;
	list-style: none;
}
.help_section .faq li {
	margin: 1em 0em;
}
.help_section .faq li a:link, .help_section .faq li a:active, .help_section .faq li a:visited {
	color: #ba2419;
	display: block;
	text-decoration: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.95em;
	line-height: 1.25em;
}
.help_section .faq li a:hover {
	color: #da291c;
	text-decoration:underline;
}
/* LOGIN WIDGET*/

#login_Widget {
	position: absolute;
	z-index: 10;
	width: 100%;
	background-color: #e5ebf4;
	height: 0em;
	overflow: hidden;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#login_Widget .loginForm {
	margin: 2em auto 1em;
	padding: 0 2%;
}
#login_Widget .loginForm form {
	margin-bottom: 1em;
}
#login_Widget .loginForm .field {
	display: block;
	float: left;
	width: 100%;
	height: 2.5em;
	border: solid 3px #c7ccd4;
	padding-left: 0.75em;
}
#login_Widget .loginForm .submit {
	display: block;
	clear: both;
	width: 100%;
	height: 2.5em;
	height: 2.5em;
	border-bottom: solid 5px #001639;
	border-top: solid 5px #002868;
	border-right: none;
	border-left: none;
	background-color: #002868;
	color: #fff;
	font-family:'Source Sans Pro', sans-serif;
	letter-spacing: 0.1em;
}
#login_Widget .loginForm .submit:hover {
	border-bottom: solid 5px #002868;
	border-top: solid 5px #0141a9;
	background-color: #0141a9;
}

#login_Widget a:link, #login_Widget a:active, #login_Widget a:visited {
	color: #ba2419;
	display: block;
	text-decoration: none;
	font-size: 0.95em;
	line-height: 1.8em;
	text-align:center;
}
#login_Widget a:hover {
	color: #da291c;
	text-decoration:underline;
}

/* ---- 3. FORMS + FIELDS ---- */



/*input, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
*/

/* ---- 4. FOOTER ---- */

#footer {
	width: 100%;
	background-color: #002868;
	color: #fff;
	padding: 2em 0 2em 0;
	border-top: 3px solid #da291c;
	min-width:17.5em;
	display:inline-block;
}
#footer .footCol {
	margin-bottom: 4em;
}
#footer #about {
	padding: 0 2%;
	margin: 0;
	margin-bottom: 2em;
	font-family:'Source Sans Pro', sans-serif;
	/*letter-spacing: 0.12em;*/
	min-width:300px;
}
#footer #about #footerLogo {
	padding-top: 0.75em;
	/*display: block;*/
	float:left;
	padding-right:20px;
	margin: 0 auto;
}
#footer #about a {
	color: #fff;
	text-decoration: none;
	font-family:'Source Sans Pro', sans-serif;
}
#footer #about a:hover {
	text-decoration:underline !important;
}
#footer h2 {
	padding: 0.5em;
	margin-top: 0;
}
#footer ul {
	/*list-style: none;
	margin: 0;
	padding: 0;*/
}
#footer ul li a {
	/*display: block;
	width: 100%;
	height: 100%;
	padding: 1em .75em;
	border-bottom: solid 1px #fff;*/
}
#footer ul li:first-child a {
	/*border-top: solid 1px #fff;*/
}
#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	text-decoration: none;
	color: #fff;
}
#footer ul li a:hover {
	background-color: #0141a9;
}

#copyright{

}


#copyright {

border-top:1px solid #335386;
padding-top:10px;
	text-align: left;
	width: 100%;
}

/*new footer style*/
#footer #about {
	width:49%;
	float:left;
}

#footer #footerlinkscol{
	width:49%;
	float:left;
	min-width:300px;
}

#footerckcDescription{
max-width:350px;
float:left;
padding-left:20px;

}

#footer #footerckcDescription{
font-size:13px;
}

#footerResources h2{
font-size:16px;
padding-bottom:0px;

}

#footerlegal h2{
font-size:16px;
padding-bottom:0px;

}

#footerResources, #footerlegal{
width:250px;
float:left;
padding:0 20px 0 20px;
}

#footer ul{
margin-left:24px;

}

#footer li{
font-size:13px;
}

/*end new footer style*/

/* ---- 5. MEDIA QUERIES ---- */

@media screen and (max-width:26.00em) {
.navbar .brand .logo {
	font-size: 0.9em;
	text-indent: 0em !important;
	padding-left: 3.9em;*
	padding-right: 0.5em;
	padding-top: .2em;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
.navbar .brand .logo .rwd_break {
	display: block;
}
#login_Btn {
	background-color: #da291c;
}
#login_Btn:hover {
	background-color: #ba2419;
}
}
/* Added - Remove text logo on mobile site */
@media screen and (max-width: 26.00em) {
	.textLogo {
		font-size: 10px;
	}
}


/*400px*/
@media screen and (min-width: 26.00em) {
.rwd_break {
	display: none;
}
.navbar .brand .logo {
	font-size: 1em;
	line-height: 3em;
	text-indent: 3em;
	background-color: #fff;
}
#help_Btn {
	background-color: #002868;
}
#login_Btn {
	background-color: #da291c;
}
#help_Btn:hover {
	background-color: #0141a9;
}
#login_Btn:hover {
	background-color: #ba2419;
}

}

/*500px*/
@media screen and (min-width: 31.25em) {

.footCol {
	/*width: 48%;*/
	/*float: left;*/
	margin: 0 1%;
}
#footer #about {
	/*width: 100%;*/
}
}

 @media screen and (max-width: 37.5em) {
 .navbar {
 margin-bottom:0.5em;
 }

 #help_Widget, #login_Widget {
	margin-top: 0.2em;
 }

 }

 /*600px*/
 @media screen and (min-width: 37.5em) {
/*
@media screen and (min-width: 47.5em) {

	.navbar .brand {
		width:50%;
	}
	#navMenu{
		width:50% !important;
		left:auto !important;
		right:0 !important;
	}
	#menu_Btn_wrap, #help_Btn, #login_Btn{
		width:16.6666666667%;
	}
	*/

.navbar {
margin-bottom:0.875em;
}

.navbar .brand {
	width: 87%;
}
.navbar .brand .logo {
	font-size: 1.5em;
	line-height:2em;
	/*text-indent: 2em; */ /* Removed by Alex to allow text logo to fit */
}
.navbar .language {
	width: 13%;
}
#navMenu {
	width: 50% !important;
	border-right: solid 1px #FFF;
}
#help_Widget, #login_Widget {
	width: 50%;
	right: 0;
	margin-top: -0.2em;
}
#menu_Btn_wrap {
	width: 50%;
	height: 3em;
}
#help_Btn, #login_Btn {
	width: 25%;
	height: 3em;
}
}
 /*760px*/
 @media screen and (min-width: 47.5em) {
.footCol {
	/*width: 31%;
	float: left;*/
	margin: 0 1.66666666666667%;
}
#footer #about {
	/*width: 31%;*/
}
#copyright {
	clear: both;
}
}
 /*820px*/
 @media screen and (min-width: 51.25em) {
.navbar {
	height: 3em;
	margin-bottom:1em;
}
.navbar #navMenu {
	top: 3em;
	border-right: none;/*border-left: solid 1px #CCC;*/
}
.navbar .brand {
	width: 50%;
	height: 3em;
}

.navbar .language {
	width: 10%;
	height: 3em;
	background-color: #fff;
}
.navbar .language .lang {
	line-height: 3em;
}

#navMenu {
	width: 40% !important;
	left: auto !important;
	right: 0 !important;
}
/*#menu_Btn_wrap {
	border-left: solid 1px #CCC
}*/
#menu_Btn_wrap, #help_Btn, #login_Btn {
	width: 13.3333333333%;
	height: 3em;
}
#help_Widget, #login_Widget {
	width: 40%;
	right: 0;
	margin-top:-1em;
}
}

@media screen and (max-width: 62.875em) {
.navbar .topLevel .dropdown-menu li a:link {
	height: 3.5em;
	line-height: 3.5em;
	padding-left:2em;
}
.navbar .topLevel .dropdown-menu li a:hover {
	/*line-height: 3.4em;*/
}
.navbar .topLevel .dropdown-menu li:last-child {
	border-bottom: 1px solid #fff;
}

.navbar .dropdown-menu .text_holder{
	position: relative;
	width: 100%;
	height: 3.5em;
	display: table;
	left: 0;
}
.navbar .dropdown-menu .text_holder .text{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	line-height: 1.2em;
	width:100%;
}

}
@media screen and (max-width: 1006px) {
	.navbar .topLevel a.dropdown-parent {
		background-color: #0141a9;
	}
	.navbar .topLevel .toggle {
		background-color: #0141a9;;
	}
	.navbar .topLevel .noChild {
		background-color: #0141a9 !important;
	}
}
 /*1006px*/
 @media screen and (min-width: 62.875em) {
#mainWrap {
	max-width: 75em;
	margin: 0 auto;
}
.navbar {
	background-color: transparent;
	z-index: 7;
}
.navbar #navMenu {
	height: auto !important;
	overflow: visible;
	font-size: 0.875em;
	top: 4.571em;
	width: 100% !important;
}
.navbar #menu_Btn_wrap {
	display: none;
}
.navbar .brand {
	width: 60%;
	background-color: #fff !important;
}

.navbar .brand .logo {
font-size:1.6em;
text-indent:2em;
line-height:1.85em;
}
.navbar .language, .navbar .language:hover {
	background-color: transparent;
	margin-left: 1%;
}
.navbar .language a {
	text-decoration: none;
	color: #000;
}
.topLevel {
	width: 14.2%;
	float: left;
	border-right: solid 1px #FFF;
}
.topLevel:last-child {
	border-right: none;
}
.navbar .topLevel a.dropdown-parent, .navbar .topLevel a.topLevel_link {
	width:100%;
	padding: 1.6em 0.5em;
	text-align: center;
	font-size: 1em;
	line-height: 0.6em;
	border-bottom: none;
	position: relative;
}

.navbar .topLevel .dropdown-menu li a:hover {
	/*border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;*/
}

.navbar .topLevel a.dropdown-parent{
	width: 70%;
	height: 3.5em;
}
.navbar .topLevel .text_holder{
	position: relative;
	width: 100%;
	height: 3.5em;
	display: table;
	top: -1.5em;
	left: 0;
}
.navbar .topLevel .text_holder .text{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2em;
	width:100%;
}
.dropdown-menu .text_holder .text{
	line-height: 1.5em !important;
	text-align:left !important;
}

.navbar .topLevel .toggle {
	border-left: 1px solid #194181;
	width: 30%;
	border-bottom: none;
	height: 3.5em;
}
.navbar .topLevel .toggleBG {
/*background-color: #333;*/
}
.navbar .topLevel .dropdown-menu {
	position: absolute;
	width: 16.66666666666%;
	top: 3.5em;
	border-right: solid 1px #ccc;
	z-index: 7;
}
.navbar .topLevel .last-dropdown {
	border-right: none;
}
.navbar .topLevel .dropdown-menu li a {
	display: block;
	padding: 1.6em 0.5em;
	line-height: 0.85em;
}
.navbar .topLevel .dropdown-menu li a:link {
	line-height: 17px;
}
#help_Btn, #login_Btn {
	width: 13%;
	height: 2.75em;
}
#help_Btn {
	background-color: #002868;
}
#login_Btn {
	margin-left: 1%;
	background-color: #da291c;
}

#login_Btn .navToggle, #help_Btn .navToggle {
	line-height: 2.75em;
}
.navToggle:link, .navToggle:hover, .navToggle:active, .navToggle:visited {
	color: #fff;
}
#help_Btn:hover, #help_Btn.hoverBG {
	background-color: #0141a9 !important;
}
#login_Btn:hover, #login_Btn.hoverBG {
	background-color: #ba2419 !important;
}
.navbar .hoverBG {
/*background-color: #666 !important;*/
}
#nav_bg {
	position: absolute;
	width: 100%;
	height: 7.5em;
	top: 0;
	left: 0;
	z-index: 0;
}
#widget_wrap {
	position: relative;
	top: -0.8em;
}
#help_Widget, #login_Widget {
	width: 27%;
	max-width: 22.5em;
	right: 2%;
	top: .5em;
}
#footer {
	position: absolute;
	left: 0;
	right: 0;
}
#footer #footWrap {
	width: 100%;
	max-width: 75em;
	margin: 0 auto
}



}
/*
@media screen and (max-width:62.875em) {
#footer #about a {
	display:block;
	background-color:#c8d5e6;
	color:#000;
	padding:0.75em;
	font-family:'cabinregular';
	margin-top:2em;
	margin-bottom:2em;
	max-width:12em;
}

#footer #about a:hover {
background-color: #b9cce6;
}
}*/


@media screen and (max-width: 75em) {
.navbar .brand {
padding-left:0.3em;
}
}

/*1200px*/
@media screen and (min-width: 75em) {
.navbar .brand {
	width: 62%;
}
#widget_wrap {
	margin-top: 0;
}
#help_Widget, #login_Widget {
	right: 0;
}
.footCol {
	/*width: 32%;
	margin: 0 1.3%;*/
}
#footer #about {
	padding-left: 1%;
	/*width: 32%;*/
}
.footCol:nth-child(1) {
	margin-left: 0;
}
.footCol:nth-child(3) {
	margin-right: 0;
}
}

@media screen and (max-width: 845px) {
.navbar .brand .logo {
 font-size:1.2em;
}
}
@media screen and (max-width: 678px) {
.navbar .brand .logo {
 font-size:1em;
}
}