/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ NAVIGATION MODULES ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
		Encompases Bread Crumb, Unique Navigation, Navigation.
		
		Primary Navigation and Sub Navigation use the same Navigation module.
		Prefix with Container ID to apply style to individual containers.
*/

/* === [ BREADCRUMB ] ============================== */

.Breadcrumb {
	font-size: 80%;
	line-height: 1.5em;
	color: #0064be;
	padding: 0 0 0 0px;
	margin: -4px 0 10px -6px;
}
	.Breadcrumb a { 
		margin: 0px 6px 0px 6px;
		color: #0063be; 
		text-decoration: underline;
	}
	.Breadcrumb a:hover {
		color: #434343;
		text-decoration: none;
	}

/* === [ UNIQUE NAVIGATION ] ============================== */

.NavigationUnique {
	position: relative;
	clear: both;
	display: block;
}

.navunique {
	margin: 0px;
	padding: 0px 0px;
}
	span.navunique {
		text-transform: capitalize;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-size: 80%;
			color: #0064be;
			text-decoration: none;
			margin: 0px;
			padding: 0px 4px;
			border-right: 1px solid #0064be;
		}
		.navunique a:hover {
			color: #CCCCCC;
		}

			 /* === [ Selected state ] === */
			 
 			.navunique a:link.MenuSelected, 
			.navunique a:visited.MenuSelected, 
			.navunique a:hover.MenuSelected, 
			.navunique a:active.MenuSelected {
				color: #CCCCCC;
			}

/* === [ SUB NAVIGATION - GLOBAL STYLE ] ============================== */
.Subnavigation{
margin:0 0 15px 0
}
.Subnavigation .CustomTitle{
font-family: 'Open Sans', sans-serif;
font-size:1.3em;
font-weight:bold;
color:#434343;
margin-bottom:10px;
}
.Subnavigation ul{
list-style: none;
margin:0;
padding:0;
}
.Subnavigation li{


}
.Subnavigation li a{
color:#434343;
text-decoration:none;
display:block !important;
margin:0 0 2px 0;
padding:0.8em 1.5em;
background:#eeeeee;
border-radius:5px;
width:160px !important;
font-family: 'Open Sans', sans-serif;
}
.Subnavigation ul.rmLevel1 li a{
padding:0.8em 3em ;
width:122px!important;
}
.Subnavigation li a:hover,
.Subnavigation li a.MenuSelected{
background:#cacaca;
}
/* === [ PRIMARY NAVIGATION - GLOBAL STYLE ] ============================== */

/* === [ Level 1 ] === */
 		
.Navigation {
	
}

.navitem1 {
	
}
		.navitem1 a:link, 
		.navitem1 a:visited, 
		.navitem1 a:active {
			
		}
		.navitem1 a:hover{
			
		}

			 /* === [ Selected state ] === */
			 
			.navitem1 a:link.MenuSelected, 
			.navitem1 a:visited.MenuSelected, 
			.navitem1 a:active.MenuSelected {
				
			}
			.navitem1 a:hover.MenuSelected {
				
			}

			 /* === [ Selected Parent state ] === */
			 
			.navitem1 a:link.SelectedParent1, 
			.navitem1 a:visited.SelectedParent1, 
			.navitem1 a:active.SelectedParent1 {
				
			}
			.navitem1 a:hover.SelectedParent1 {
				
			}
			


/* === [ SUB NAVIGATION - cLS - Left Hand Container ] ============================== */

/* === [ Level 1 ] === */
 		
#cLS .Navigation {
	position: relative;
	clear: both;
	display: block;
	margin: -1px 0 0 0;
	padding: 0 0 10px 0;
	background: url(/Templates/_images/SubNav-bkg.gif) no-repeat bottom left;
}

#cLS .navitem1 {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	height: auto;
	padding: 0px 0 0 22px;
	margin: 0px 0px 2px 0px;
	display: block;
	float: none;
	white-space: normal;
	background: url(/Templates/_images/back_nav1.gif) no-repeat bottom center;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		color: #0064be;
		display: block;
		padding: 4px 8px 7px 12px;
		background: url(/Templates/_images/subNav-arrow.gif) no-repeat 0 9px;
		text-decoration: underline;
	}
	#cLS .navitem1 a:hover {
		color: #002972;
		background: url(/Templates/_images/subNav-arrow-selected.gif) no-repeat 0 9px ;
		text-decoration: none;
		display: block;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected,
			#cLS .navitem1 a:hover.MenuSelected {
				color: #002972;
				background: url(/Templates/_images/subNav-arrow-selected.gif) no-repeat 0 9px ;
				text-decoration: none;
				display: block;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem1 a:link.SelectedParent1, 
			#cLS .navitem1 a:visited.SelectedParent1, 
			#cLS .navitem1 a:active.SelectedParent1,
			#cLS .navitem1 a:hover.SelectedParent1 {
				color: #0064be;
				background: url(/Templates/_images/subNav-arrow.gif) no-repeat 0 9px;
				text-decoration: underline;
			}

		/* === [ Level 2 ] === */
			 
		#cLS .navitem2 {
			font-size: 11px;
			font-weight: normal;
			padding: 0px 0 0 16px;
			margin: 0px 0px 2px 0px;
			display: block;
			white-space: normal;
			background: url(/Templates/_images/back_nav1.gif) no-repeat bottom center;
		}
		#cLS .navitem2 a:link, 
		#cLS .navitem2 a:visited, 
		#cLS .navitem2 a:hover, 
		#cLS .navitem2 a:active {
			padding: 4px 0px 6px 10px;
			background: url(/Templates/_images/subnavimg.gif) no-repeat 0 9px;
		}
			/* === [ Level 3 ] === */
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:hover, 
			#cLS .navitem3 a:active {
				padding: 4px 8px 7px 12px;
			}

				/* === [ Level 4 ] === */
			 
				#cLS .navitem4 a:link, 
				#cLS .navitem4 a:visited, 
				#cLS .navitem4 a:hover, 
				#cLS .navitem4 a:active {
					padding: 4px 8px 7px 12px;
				}
				
@media screen and (max-width: 768px) {
#cLS .navitem1 {
background: none;
}


}			
@media screen and (max-width: 570px) {
#cLS .Navigation {
background:none;
}
#cLS .navitem1 {
	background: none;
	font-size: 14px;
	border-bottom:1px solid #c7c7c7;
}


}