/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------

	Author:	eSolutionsGroup.ca
		
*/


/* ===================================================================================== COMMON ELEMENTS */

.horizNavSeparator { padding: 0px 7px 0px 7px; }
#breadcrumbs .horizNavSeparator { padding: 0px 4px 0px 4px; }
#subFooter .horizNavSeparator { padding: 0px 4px 0px 4px; }
#topNav .horizNavSeparator { padding: 0px 11px 0px 11px; }
#footer .horizNavSeparator { padding: 0px 13px 0px 13px; }



/* ===================================================================================== TOP NAVIGATION */

#topNav a, 
#topNav a:link, 
#topNav a:visited,
#servicesContainer a, 
#servicesContainer a:link, 
#servicesContainer a:visited {
	color: #FFF;
	text-decoration: none;
	font: 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.ieFix #topNav a, 
.ieFix #topNav a:link, 
.ieFix #topNav a:visited,
.ieFix #servicesContainer a, 
.ieFix #servicesContainer a:link, 
.ieFix #servicesContainer a:visited{
	font: 12px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#topNav a:hover, #topNav a:active, #topNav a:focus, #servicesContainer a:hover, #servicesContainer a:active, #servicesContainer a:focus { text-decoration: underline; }

#translate{
	float:left;	
	list-style-type:none;
	position:relative;
	z-index: 1200;
}
	#translate ul {
		display: none;
		position:absolute;
		top:20px;
		right:0px;
		list-style-type:none;
		background:#fff;
		border:1px solid #868686;
		width:100px;
	}
	#translate ul li a{
		display:block;
		width:90px;
		padding:5px;
		background:#fff;
	}
	#translate ul li a:hover, #translate ul li a:focus{
		background:#CCC;
	}



/* ===================================================================================== MAIN NAVIGATION */


/* ========== 1st Level (Global) Navigation ========== */

#nav {
	list-style-type: none;
	list-style-image: none;
}

#nav li {
	float: left;
}

#navTab01, #navTab02, #navTab03, #navTab04, #navTab05 {
	position: relative;
	float: left;
}

a.mainNavItem, a.mainNavItem:active, a.mainNavItem:visited {
	float: left;
	padding: 0;
	height: 87px;
	background-image: url(../en/images/structure/mainNav.png);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	position: relative;
}

#navTab01 a.mainNavItem { background-position: -107px 0px; width: 156px; }
#navTab02 a.mainNavItem { background-position: -263px 0px; width: 107px; }
#navTab03 a.mainNavItem { background-position: -370px 0px; width: 221px; }
#navTab04 a.mainNavItem { background-position: -591px 0px; width: 193px; }
#navTab05 a.mainNavItem { background-position: 0px 0px; width: 107px; }

#navTab01 a.mainNavItem:focus, #navTab01 a.mainNavItem:hover, #navTab01 a.currentHover { background-position: -107px -87px; }
#navTab02 a.mainNavItem:focus, #navTab02 a.mainNavItem:hover, #navTab02 a.currentHover { background-position: -263px -87px; }
#navTab03 a.mainNavItem:focus, #navTab03 a.mainNavItem:hover, #navTab03 a.currentHover { background-position: -370px -87px; }
#navTab04 a.mainNavItem:focus, #navTab04 a.mainNavItem:hover, #navTab04 a.currentHover { background-position: -591px -87px; }
#navTab05 a.mainNavItem:focus, #navTab05 a.mainNavItem:hover, #navTab05 a.currentHover { background-position: 0px -87px; }

.homepage #navTab01 a.mainNavItem:focus, .homepage #navTab01 a.mainNavItem:hover, .homepage #navTab01 a.currentHover { background-position: -107px -174px; }
.homepage #navTab02 a.mainNavItem:focus, .homepage #navTab02 a.mainNavItem:hover, .homepage #navTab02 a.currentHover { background-position: -263px -174px; }
.homepage #navTab03 a.mainNavItem:focus, .homepage #navTab03 a.mainNavItem:hover, .homepage #navTab03 a.currentHover { background-position: -370px -174px; }
.homepage #navTab04 a.mainNavItem:focus, .homepage #navTab04 a.mainNavItem:hover, .homepage #navTab04 a.currentHover { background-position: -591px -174px; }
.homepage #navTab05 a.mainNavItem:focus, .homepage #navTab05 a.mainNavItem:hover, .homepage #navTab05 a.currentHover { background-position: 0px -174px; }


/* ========== 2nd Level (Drop-down) Navigation ========== */

.treenode{
	display: none;
}
#mainNav .dropdown{
	display: none;
	position: absolute;
	top: 87px;
	width: 782px;
	z-index: 999;
}

.dropdownTop{
	width: 782px;
	padding: 10px 0 0 0;
}

.dropdownBottom{
	background: url(../images/structure/bg-mainnav-dd-bottom-outside.png) left bottom no-repeat;
	width: 782px;
	padding: 0 0 10px 0;
}

.dropdownMain{
	background: url(../images/structure/bg-mainnav-dd.png) 0 0 repeat-y;
	padding: 0 5px;
	width: 772px;
}

.dropdownBottomInside{
	background: url(../images/structure/bg-mainnav-dd-bottom-inside.png) left bottom no-repeat;
	min-height: 52px;
}

.navContentContainer{
	padding: 28px 0 16px 0;
	float: left;
	width: 477px;
	height: 203px;
	overflow: hidden;
	position: relative;
}

.navText{ position: absolute; left: 219px; top: 68px; width: 230px; height: 130px;}
.navText p{ margin: 0; font-size: 15px; line-height: 19px;}
.navText h2{ margin: 0 0 12px 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; font-weight: 600;}

.navImage, .navImage img{
	width: 477px;
	height: 203px;
}

#navTab01 .dropdown{ left: 1px;}
#navTab01 .dropdownTop{ background: url(../images/structure/bg-mainnav-dd-top-outside_01.png) left top no-repeat; }
#navTab01 .dropdownTopInside{ background: url(../images/structure/bg-mainnav-dd-top-inside_01.gif) left top no-repeat; }
#navTab02 .dropdown{ left: -155px;}
#navTab02 .dropdownTop{ background: url(../images/structure/bg-mainnav-dd-top-outside_02.png) left top no-repeat; }
#navTab02 .dropdownTopInside{ background: url(../images/structure/bg-mainnav-dd-top-inside_02.gif) left top no-repeat; }
#navTab03 .dropdown{ left: -262px;}
#navTab03 .dropdownTop{ background: url(../images/structure/bg-mainnav-dd-top-outside_03.png) left top no-repeat; }
#navTab03 .dropdownTopInside{ background: url(../images/structure/bg-mainnav-dd-top-inside_03.gif) left top no-repeat; }
#navTab04 .dropdown{ left: -483px;}
#navTab04 .dropdownTop{ background: url(../images/structure/bg-mainnav-dd-top-outside_04.png) left top no-repeat; }
#navTab04 .dropdownTopInside{ background: url(../images/structure/bg-mainnav-dd-top-inside_04.gif) left top no-repeat; }
#navTab05 .dropdown{ left: -676px;}
#navTab05 .dropdownTop{ background: url(../images/structure/bg-mainnav-dd-top-outside_05.png) left top no-repeat; }
#navTab05 .dropdownTopInside{ background: url(../images/structure/bg-mainnav-dd-top-inside_05.gif) left top no-repeat; }

#mainNav .dropdown ul{
	padding: 19px 0 0 21px;
	margin: 0;
	list-style-type: none;
	width: 226px;
	float: left;
}

#mainNav .dropdown li{
	width: 226px;
	border-top: 1px solid #c5c5c5;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	background: url(../images/structure/arrow-main-nav-dd.gif) 217px 10px no-repeat;
	overflow: hidden;
}

#mainNav .dropdown li:first-child{ border: none;}

#mainNav .dropdown li a{
	display: block;
	padding: 8px 15px 8px 3px;
	width: 208px;
	overflow: hidden;
	color: #101010;
}

/* ===================================================================================== BREADCRUMBS  */


#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
	color: #666;
}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { color: #666; text-decoration: underline; }




/* ===================================================================================== ACTIONS  */

#actions .printLink,
#actions .rssLink,
#actions .emailLink {
	padding: 0 0 0 10px;
}

#actions .printLink img,
#actions .rssLink img,
#actions .emailLink img,
#actions .ShareLink img {
	position: relative;
	padding: 0 4px 0 0;
	top: 5px;
}

#actions a, 
#actions a:link, 
#actions a:visited {
	position: relative;
	height: 16px;
	text-decoration: none;
	color: #737373;
	float: right;
}

#actions a:hover, #actions a:active, #actions a:focus  {
    color: #737373;
    text-decoration: underline; }

/*
   Share Drop-down Styles - see:
   /share/share.css
*/

.textSize{
	position: relative;
	top: 3px;
}

.textPlus{
	margin: 0 4px 0 3px;
	top: 6px;
}

.textMinus{
	margin: 0 1px 0 0px;
	top: 6px;
}

.textMinus:focus{
	border: 1px solid #000;
	margin: 0 0px 0 0px;
	top: 5px;
}

.textPlus:focus{
	border: 1px solid #000;
	margin: 0 3px 0 2px;
	top: 5px;
}



/* ===================================================================================== SUB NAVIGATION */

.subNav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 200px;
	list-style-image: none;
	list-style: none;
	float: left;
}

.subNav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
	font: 15px/19px 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 500;
}


/* ========== 2nd Level ========== */

.subNav a, 
.subNav a:link, 
.subNav a:visited {
	display: block;
	padding: 7px 20px 7px 15px;
	width: 160px;
	border-bottom: solid 1px #FFF;
	background-color: #e7e7e7;
	text-decoration: none;
	color: #000;	
	cursor: pointer;
	overflow: hidden;
}

.subNav .withChildren a, 
.subNav .withChildren a:link, 
.subNav .withChildren a:visited {
	background: url(../images/structure/subnav_arrow_up.png) #e7e7e7 178px 14px no-repeat;
}

.subNav a:hover, .subNav a:focus { 
	background-color: #79bfdb;
}

.subNav .withChildren a:hover, .subNav .withChildren a:focus { 
	background: url(../images/structure/subnav_arrow_up.png) #79bfdb 178px 14px no-repeat;
}

.subNav a.current {
	background-color: #79bfdb !important; 
	color: #000 !important;
}

.subNav .withChildren a.current {
	background: url(../images/structure/subnav_arrow_down.png) #79bfdb 175px 16px no-repeat;
	border: none;
}

.subNav .withChildren a.open {
	background: url(../images/structure/subnav_arrow_down.png) #79bfdb 175px 16px no-repeat !important;
	border: none;
}


/* ========== 3rd Level ========== */

.subNav ul a,
.subNav ul a:link,
.subNav ul a:visited {
	padding: 7px 20px 7px 15px;
	width: 160px;
	border-bottom: solid 1px #FFF;
	background-color: #297fa2 !important;
	background-image: none !important;
	color: #FFF;	
}

.subNav ul .withChildren a,
.subNav ul .withChildren a:link,
.subNav ul .withChildren a:visited {
	background: url(../images/structure/subnav_arrow_up_02.png) #297fa2 178px 14px no-repeat !important;
}

.subNav ul a:hover, .subNav ul a:focus {
	background-color: #267495 !important;
}

.subNav ul .withChildren a:hover, .subNav ul .withChildren a:focus { 
	background: url(../images/structure/subnav_arrow_up_02.png) #267495 178px 14px no-repeat !important;
}

.subNav .withChildren ul a.current {
	background-color: #267495 !important;
	color: #FFF !important;
	border-bottom: solid 1px #FFF !important;
}

.subNav .withChildren ul .withChildren a.current {
	background: url(../images/structure/subnav_arrow_down_02.png) #267495 175px 16px no-repeat !important;
	border-bottom: solid 1px #FFF !important;
}

.subNav .withChildren ul .withChildren a.open {
	background: url(../images/structure/subnav_arrow_down_02.png) #297fa2 175px 16px no-repeat !important;
	border-bottom: solid 1px #FFF !important;
}


/* ========== 4th Level ========== */

.subNav ul .withChildren ul a,
.subNav ul .withChildren ul a:link,
.subNav ul .withChildren ul a:visited {
	padding: 7px 20px 7px 30px;
	width: 145px;
	border-bottom: solid 1px #FFF;
	background-color: #297fa2 !important;
	background-image: none !important;
	color: #FFF;	
}

.subNav ul .withChildren ul .withChildren a,
.subNav ul .withChildren ul .withChildren a:link,
.subNav ul .withChildren ul .withChildren a:visited {
	background: url(../images/structure/subnav_arrow_up_02.png) #297fa2 178px 14px no-repeat !important;
}

.subNav ul .withChildren ul a:hover, .subNav ul .withChildren ul a:focus {
	background-color: #267495 !important;
}
.subNav ul .withChildren ul .withChildren a:hover, .subNav ul .withChildren ul .withChildren a:focus { 
	background: url(../images/structure/subnav_arrow_up_02.png) #267495 178px 14px no-repeat !important;
}

.subNav .withChildren ul .withChildren ul a.current {
	background-color: #267495 !important;
	color: #FFF !important;
	background-image: none !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.current {
	background: url(../images/structure/subnav_arrow_down_02.png) #267495 175px 16px no-repeat !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.open {
	background: url(../images/structure/subnav_arrow_down_02.png) #297fa2 175px 16px no-repeat !important;
}

/* ========== 5th Level ========== */

.subNav ul .withChildren ul .withChildren ul a,
.subNav ul .withChildren ul .withChildren ul a:link,
.subNav ul .withChildren ul .withChildren ul a:visited {
	padding: 7px 20px 7px 45px;
	width: 130px;
	border-bottom: solid 1px #FFF;
	background-color: #297fa2 !important;
	background-image: none !important;
	color: #FFF;	
}

.subNav ul .withChildren ul .withChildren ul a:hover, .subNav ul .withChildren ul .withChildren ul a:focus {
	color: #FFF !important;
	background-color: #267495 !important;
	background-image: none !important;
}

.subNav .withChildren ul .withChildren ul .withChildren ul a.current {
	color: #FFF !important;
	background-color: #267495 !important;
	background-image: none !important;
}

.subNav .withChildren ul .withChildren ul .withChildren ul .withChildren ul{
    display: none !important;
}


/* ===================================================================================== FOOTER NAVIGATION */

#footerNav a, #footerNav a:link, #footerNav a:visited {
	color: #000;
	text-decoration: none;
}

#footerNav a:hover, #footerNav a:focus,
#footerNav a:active {
    text-decoration: underline;
}