/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------
	Client:	Retail Council of Canada
	Author:	eSolutions
	Date:	February, 2010
		
*/


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


.horizNavSeparator { padding: 0px 7px 0px 7px; position: relative; top: 3px;}




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


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

#topNavBar li {
	float: left;
}

#topnavTab01, #topnavTab02, #topnavTab03, #topnavTab04, #topnavTab05 {
	position: relative;
	float: left;
}

a.topNavItem, a.topNavItem:active, a.topNavItem:visited {
	float: left;
	padding: 0;
	height: 40px;
	background-image: url(/en/images/structure/top-nav.jpg);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#topnavTab01 a.topNavItem { width: 50px; background-position: 0px 0px; }
#topnavTab02 a.topNavItem { width: 87px; background-position: -50px 0px; }
#topnavTab03 a.topNavItem { width: 64px; background-position: -137px 0px; }
#topnavTab04 a.topNavItem { width: 100px; background-position: -201px 0px; }

#topnavTab01 a.topNavItem:hover { width: 50px; background-position: 0px -40px; }
#topnavTab02 a.topNavItem:hover { width: 87px; background-position: -50px -40px; }
#topnavTab03 a.topNavItem:hover { width: 64px; background-position: -137px -40px; }
#topnavTab04 a.topNavItem:hover { width: 100px; background-position: -201px -40px; }




/* ===================================================================================== MAIN 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: 48px;
	background-image: url(/en/images/structure/mainNav.jpg);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#navTab01 a.mainNavItem { width: 145px; background-position: 0px 0px; }
#navTab02 a.mainNavItem { width: 161px; background-position: -145px 0px; }
#navTab03 a.mainNavItem { width: 77px; background-position: -306px 0px; }
#navTab04 a.mainNavItem { width: 190px; background-position: -383px 0px; }
#navTab05 a.mainNavItem { width: 195px; background-position: -573px 0px; }

#navTab01 a.mainNavItem:hover { width: 145px; background-position: 0px -55px; }
#navTab02 a.mainNavItem:hover { width: 161px; background-position: -145px -55px; }
#navTab03 a.mainNavItem:hover { width: 77px; background-position: -306px -55px; }
#navTab04 a.mainNavItem:hover { width: 190px; background-position: -383px -55px; }
#navTab05 a.mainNavItem:hover { width: 195px; background-position: -573px -55px; }

#navTab01 a.current { width: 145px; background-position: 0px -55px; }
#navTab02 a.current { width: 161px; background-position: -145px -55px; }
#navTab03 a.current { width: 77px; background-position: -306px -55px; }
#navTab04 a.current { width: 190px; background-position: -383px -55px; }
#navTab05 a.current { width: 195px; background-position: -573px -55px; }




/* ===================================================================================== QUICKLINKS  */

#quickLinks ul {
	float: left;
	margin: 0; 
	padding: 0;
	width: 201px;
	list-style: none;
}
			
#quickLinks li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#quickLinks a, 
#quickLinks a:active, 
#quickLinks a:visited,
#quickLinks .arrow a, 
#quickLinks .arrow a:active, 
#quickLinks .arrow a:visited {
	display: block;
	margin: 0;
	padding: 10px 22px 0 13px;
	border-top: 1px solid #344982;
	height: 25px;
	width: 166px;
	background: #3F6393 url(/images/structure/quickLinks_bg_main.jpg) 0 0 repeat-x;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}

#quickLinks .arrow a, 
#quickLinks .arrow a:active, 
#quickLinks .arrow a:visited {
	padding: 12px 22px 0 13px;
	border-top: none;
	height: 26px;
	background: #0A2962 url(/images/structure/quickLinks_bg_arrow.jpg) 0 0 repeat-x;
}

#quickLinks a:hover { background: #385585; }

#quickLinks .arrow a:hover {
	background: #041952 url(/images/structure/quickLinks_bg_arrow_over.jpg) 0 0 repeat-x;
}

#quickLinks a.last { border-bottom: 1px solid #344982; }




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


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

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

#actions .textSize img {
	position: relative;
	padding: 0 0 0 0;
	top: 2px;
}

#actions a, 
#actions a:active, 
#actions a:visited {
	position: relative;
	height: 16px;
	text-decoration: none;
	color: #636363;
	font-size: 11px;
}

#actions a:hover { color: #000; text-decoration: none; }




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


#subNav {
	float: left; /* Contain floated list items */
	margin: 0;
	padding: 0;
	width: 183px;
	list-style-image: none;
	list-style: none;
}

#subNav li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}



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


#subNav a, 
#subNav a:active, 
#subNav a:visited {
	display: block;
	padding: 6px 16px 6px 16px;
	width: 151px;
	background: url(/images/structure/subnav_bg.jpg) repeat-y;
	text-decoration: none;	
	cursor: pointer;
	font-family: "Myriad Pro", Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #fff;
}

#subNav a:hover { 
	background: #385585;
}

#subNav a.current,
#subNav a.current:active,
#subNav a.current:visited { 
	background: #385585;
}


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


ul#subNav ul li.first {
	border-top: 1px solid #1c295c;
}

ul#subNav ul li a,
ul#subNav ul li a:active,
ul#subNav ul li a:visited {
	padding: 6px 16px 6px 35px;
	width: 132px;
	background: url(/images/structure/subnav_level03.jpg) repeat-y;
	border-bottom: 1px solid #1c295c;
	text-decoration: none;
	cursor: pointer;
	font-family: "Myriad Pro", Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #fff;
}

ul#subNav ul li a:hover {
	background: #385585;
}

ul#subNav ul li a.current,
ul#subNav ul li a.current:active,
ul#subNav ul li a.current:visited { 
	background: #385585;
}


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


ul#subNav ul ul li a,
ul#subNav ul ul li a:active,
ul#subNav ul ul li a:visited {
	padding: 6px 16px 6px 54px;
	margin: 0;
	width: 113px;
	background: url(/images/structure/subnav_level04.jpg);
	border-bottom: 1px solid #1c295c;
	text-decoration: none;
	cursor: pointer;
	font-family: "Myriad Pro", Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #fff;
}

ul#subNav ul ul li a:hover {
	background: #385585;
}

ul#subNav ul ul li a.current,
ul#subNav ul ul li a.current:active,
ul#subNav ul ul li a.current:visited { 
	background: #385585;
}


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


#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
	text-decoration: none;
	color: #000;
	font-size: 11px;
}

#breadcrumbs a:hover { text-decoration: underline; }




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


#footerNav a, #footerNav a:active, #footerNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

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

#footer .horizNavSeparator {top: 0px;}