/* 	[ 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: 11px;
	color: #666666;
	padding: 0px;
	margin: 0px 0px 0px -6px;
}
	.Breadcrumb a:link, 
	.Breadcrumb a:visited, 
	.Breadcrumb a:active 
	{ 
		border-right: 1px solid #999999;
		padding: 0px 6px 0px 6px;
		color: #999999;
	}
	.Breadcrumb a:hover 
	{
		color: #333333;
	}

/* === [ UNIQUE NAVIGATION ] ============================== */

.navunique {
	font-size: 11px;
	color: #999999;
	text-transform: capitalize;
	padding: 0px;
	margin: 0px;
}
	span.navunique {
		text-transform: capitalize;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			color: #999999;
			text-decoration: none;
			margin:0px;
			padding-right: 6px;
			border-right: 1px solid #CCCCCC;
		}
		.navunique a:hover {
			color: #999999;
		}

			 /* === [ Selected state ] === */
			 
 			.navunique a:link.MenuSelected, 
			.navunique a:visited.MenuSelected, 
			.navunique a:hover.MenuSelected, 
			.navunique a:active.MenuSelected
			{
				color: #cc0000;
			}
/* === [ PRIMARY NAVIGATION - GLOBAL STYLE ] ============================== */

/* === [ Level 1 ] === */
 		
.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 - cRS - Left Hand Container ] ============================== */

/* === [ Level 1 ] === */
 		
#cRS .navitem1 {
	color: #666666;
	font-weight: bold;
	text-transform: capitalize;
	margin: 2px;
	padding: 4px 0px 4px 6px;
	display: block;
	float: none;
}
	#cRS .navitem1 a:link, 
	#cRS .navitem1 a:visited, 
	#cRS .navitem1 a:active {
		text-decoration: none;
		display: block;
		background: url(/Templates/_images/icon_tick.gif) no-repeat;
		padding-left: 17px;
		color: #666666;
	}
	#cRS .navitem1 a:hover {
		color: #000000;
		text-decoration: none;
		display: block;
	}
			 /* === [ Selected state ] === */
			 
			#cRS .navitem1 a:link.MenuSelected, 
			#cRS .navitem1 a:visited.MenuSelected, 
			#cRS .navitem1 a:hover.MenuSelected, 
			#cRS .navitem1 a:active.MenuSelected {
				color: #CC0000;
				text-decoration: none;
				display: block;
			}

			 /* === [ Selected Parent state ] === */
			 
			#cRS .navitem1 a:link.SelectedParent1, 
			#cRS .navitem1 a:visited.SelectedParent1, 
			#cRS .navitem1 a:active.SelectedParent1,
			#cRS .navitem1 a:hover.SelectedParent1 {
				color: #CC0000;
				text-decoration: none;
				display: block;
			}

			/* === [ Level 2 ] === */
				 
			#cRS .navitem2 {
				font-size: 11px;
				font-weight: bold;
			}
			#cRS .navitem2 a:link, 
			#cRS .navitem2 a:visited, 
			#cRS .navitem2 a:active {
				color: #000000;
				text-decoration: none;
				background-image: none;
				padding: 2px 0px 2px 17px;
				border-bottom: 1px solid #CCCCCC;
			}
			#cRS .navitem2 a:hover{
				color: #666666;
				text-decoration: none;
				background-image: none;
				padding: 2px 0px 2px 17px;
			}
			 /* === [ Selected state ] === */
			 
			#cRS .navitem2 a:link.MenuSelected, 
			#cRS .navitem2 a:visited.MenuSelected, 
			#cRS .navitem2 a:hover.MenuSelected, 
			#cRS .navitem2 a:active.MenuSelected {
				background: url(/Templates/_images/icon_pointer2.gif) no-repeat;
			}
				/* === [ Level 3 ] === */
				 
				#cRS .navitem3 a:link, 
				#cRS .navitem3 a:visited, 
				#cRS .navitem3 a:hover, 
				#cRS .navitem3 a:active {
					font-weight: normal;
					border-bottom-style: none;
			}
	
					/* === [ Level 4 ] === */
				 
					#cRS .navitem4 a:link, 
					#cRS .navitem4 a:visited, 
					#cRS .navitem4 a:hover, 
					#cRS .navitem4 a:active {
						margin-left: 18px;
						color: #666666;
					}
					
/* =========================== [ MODELS INTRO SUB NAVIGATION ] =========================== */

#cRS .Navigation {
	position: relative;
	clear: both;
	display: block;
	background: #b70000;
	border: #a30000 1px solid;
}

.intromodelsCRS #cRS .navitem1 {
	color: #ffffff;
	font-weight: normal;
	text-transform: capitalize;
	margin: 0px;
	padding: 0 0 0 0px;
	display: block;
	float: none;
	
}
	.intromodelsCRS #cRS .navitem1 a:link, 
	.intromodelsCRS #cRS .navitem1 a:visited, 
	.intromodelsCRS #cRS .navitem1 a:active {
		text-decoration: none;
		display: block;
		background: url(/Templates/_images/icon_tick2.gif) no-repeat 6px 5px;
		padding: 4px 0 4px 23px;
		color: #FFFFFF;
		border-bottom: #a30000 1px solid;
	}
	.intromodelsCRS #cRS .navitem1 a:hover {
		color: #b70000;
		text-decoration: none;
		background: #ffffff url(/Templates/_images/icon_tick3.gif) no-repeat 6px 5px;
		display: block;
	}
			 /* === [ Selected state ] === */
			 
			.intromodelsCRS #cRS .navitem1 a:link.MenuSelected, 
			.intromodelsCRS #cRS .navitem1 a:visited.MenuSelected, 
			.intromodelsCRS #cRS .navitem1 a:hover.MenuSelected, 
			.intromodelsCRS #cRS .navitem1 a:active.MenuSelected {
				color: #b70000;
				text-decoration: none;
				background: #ffffff url(/Templates/_images/icon_tick3.gif) no-repeat 6px 5px;
				display: block;
			}

			 /* === [ Selected Parent state ] === */
			 
			.intromodelsCRS #cRS .navitem1 a:link.SelectedParent1, 
			.intromodelsCRS #cRS .navitem1 a:visited.SelectedParent1, 
			.intromodelsCRS #cRS .navitem1 a:active.SelectedParent1,
			.intromodelsCRS #cRS .navitem1 a:hover.SelectedParent1 {
				color: #b70000;
				text-decoration: none;
				background: #ffffff url(/Templates/_images/icon_tick3.gif) no-repeat 6px 5px;
				display: block;
			}

			/* === [ Level 2 ] === */
				 
			.intromodelsCRS #cRS .navitem2 {
				font-size: 11px;
				font-weight: normal;
			}
			.intromodelsCRS #cRS .navitem2 a:link, 
			.intromodelsCRS #cRS .navitem2 a:visited, 
			.intromodelsCRS #cRS .navitem2 a:active {
				color: #ffffff;
				text-decoration: none;
				padding: 2px 0px 2px 20px;
				border-bottom: 1px solid #a30000;
				margin: 0 6px 0 4px;
				background: url(/Templates/_images/icon_tick4.gif) no-repeat 6px 4px;
			}
			.intromodelsCRS #cRS .navitem2 a:hover{
				color: #000000;
				text-decoration: none;
				background: url(/Templates/_images/icon_tick5.gif) no-repeat 6px 4px;
			}
			 /* === [ Selected state ] === */
			 
			.intromodelsCRS #cRS .navitem2 a:link.MenuSelected, 
			.intromodelsCRS #cRS .navitem2 a:visited.MenuSelected, 
			.intromodelsCRS #cRS .navitem2 a:hover.MenuSelected, 
			.intromodelsCRS #cRS .navitem2 a:active.MenuSelected {
				color: #000000;
				background: url(/Templates/_images/icon_tick5.gif) no-repeat 6px 4px;
			}
				/* === [ Level 3 ] === */
				 
				.intromodelsCRS #cRS .navitem3 a:link, 
				.intromodelsCRS #cRS .navitem3 a:visited, 
				.intromodelsCRS #cRS .navitem3 a:hover, 
				.intromodelsCRS #cRS .navitem3 a:active {
					font-weight: normal;
					border-bottom-style: none;
			}
	
					/* === [ Level 4 ] === */
				 
					.intromodelsCRS #cRS .navitem4 a:link, 
					.intromodelsCRS #cRS .navitem4 a:visited, 
					.intromodelsCRS #cRS .navitem4 a:hover, 
					.intromodelsCRS #cRS .navitem4 a:active {
						margin-left: 18px;
						color: #ffffff;
					}

/* === [ Level 1 ] === */
 		
#cLS .navitem1 {
	color: #000000;
	font-weight: bold;
	text-transform: capitalize;
	margin: 2px;
	padding: 4px 0px 4px 6px;
	display: block;
	float: none;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		text-decoration: none;
		display: block;
		background: url(/Templates/_images/icon_tick.gif) no-repeat;
		padding-left: 17px;
		color: #000000;
	}
	#cLS .navitem1 a:hover {
		color: #666666;
		text-decoration: none;
		display: block;
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:hover.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected {
				color: #CC0000;
				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: #CC0000;
				text-decoration: none;
				display: block;
			}

			/* === [ Level 2 ] === */
				 
			#cLS .navitem2 {
				font-size: 11px;
				font-weight: normal;
			}
			#cLS .navitem2 a:link, 
			#cLS .navitem2 a:visited, 
			#cLS .navitem2 a:active {
				color: #000000;
				text-decoration: none;
				background-image: none;
				padding: 2px 0px 2px 17px;
				border-bottom: 1px solid #CCCCCC;
			}
			#cLS .navitem2 a:hover{
				color: #666666;
				text-decoration: none;
				background-image: none;
				padding: 2px 0px 2px 17px;
			}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem2 a:link.MenuSelected, 
			#cLS .navitem2 a:visited.MenuSelected, 
			#cLS .navitem2 a:hover.MenuSelected, 
			#cLS .navitem2 a:active.MenuSelected {
				background: url(/Templates/_images/icon_pointer2.gif) no-repeat;
			}
				/* === [ Level 3 ] === */
				 
				#cLS .navitem3 a:link, 
				#cLS .navitem3 a:visited, 
				#cLS .navitem3 a:hover, 
				#cLS .navitem3 a:active {
					font-weight: normal;
					border-bottom-style: none;
			}
	
					/* === [ Level 4 ] === */
				 
					#cLS .navitem4 a:link, 
					#cLS .navitem4 a:visited, 
					#cLS .navitem4 a:hover, 
					#cLS .navitem4 a:active {
						margin-left: 18px;
						color: #000000;
					}
