/* 	[ 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: 85%;
	line-height: 1.5em;
	color: #999999;
	padding: 0 0 0 0px;
	margin: 6px 0px 10px -10px;
}
	.Breadcrumb a
	{ 
		margin: 0px 10px 0px 10px;
		color: #999999; 
		text-decoration: none;
	}
	.Breadcrumb a:hover 
	{
		color: #666666;
	}

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

/* === [ Skin Resetting - Leave alone === Starts ] === */
	.RadMenuStatic .rmHorizontal .rmItem {clear: none; }
	.RadMenuStatic .rmItem {padding: 0; }
	.RadMenuStatic .rmHorizontal .rmItem {float: left; list-style: none outside none; }
	.RadMenuStatic .rmVertical .rmItem {list-style: none outside none; }
	.RadMenu .rmRootGroup .rmItem .rmGroup {padding-bottom: 0px; }
	ul.rmVertical {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	ul.rmHorizontal { argin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }	
	.rmVertical .rmLink {float: none; }/* Must be Float=None so that Height is recognised */
	.rmText { cursor: pointer; cursor: hand; }
/* === [ Skin Resetting === Ends ] === */


/* === [ Wrapping Div's for styling ] === */
/* === [ Prefix with a custom CSS class in the Module/Template Settings if required ] === */
.Navigation {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.TopLeft {
}
.TopRight {
}
.BottomLeft {
}
.BottomRight {
}
/* === [ Custom Title ] === */
.CustomTitle {
	padding: 4px 0px;
	clear: both;
	display: block;
}

/* === [ Slide Navigation (RadMenu) ] === */ 

/* === [ Wrapping Divs ] === */
/* === [ Style for backgrounds, heights & widths ] === */
	/* === [ Slide - Horizontal ] === */
	.RadMenu.RadMenu_SlideHorizontal {
		width: 100%;
	}
	/* === [ Slide - Vertical ] === */
	.RadMenu.RadMenu_SlideVertical {
		width: 100%;
	}

/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */
.RadMenu .rmLink {
	
	text-decoration: none;
	width: 100%;
}
	/* === [ Slide - Horizontal ] === */ 
	.RadMenu .rmHorizontal .rmLink {
		padding: 8px 0px 8px 0px;
		min-width: 100px !important;
	}
		/* === [ Level 1 ] === */ 
		.RadMenu .rmHorizontal .rmVertical.rmLevel1 .rmLink {
			min-width: 150px !important;
		}
	/* === [ Slide - Vertical ] === */ 
	.RadMenu .rmVertical .rmLink {
		display: block;
		float: left;
		padding: 6px 0px 6px 0px;
		min-width: 230px !important;
	}
		/* === [ Level 1 ] ===  */
		.RadMenu .rmVertical.rmLevel1 .rmLink {
			min-width: 150px !important;
		}

/* === [ Link Left/Right Border ] ===  */
	/* === [ Slide - Horizontal ] === */
	.RadMenu .rmHorizontal .rmLink.rmRootLink {
		
	}
	
/* === [ Float Left or Right in Container ] === */
	/* === [ Slide - Horizontal ] === */
	.RadMenu ul.rmRootGroup.rmHorizontal {
		float: left;
	}	
/* === [ Group Left/Right Border ] ===  */
	/* === [ Slide - Horizontal ] === */
	.RadMenu .rmRootGroup.rmVertical,
	.RadMenu .rmVertical.rmGroup {
		
	}

/* === [ Link Left/Right Padding ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmHorizontal .rmText,
.RadMenu .rmVertical .rmLevel1 .rmText,
.RadMenu .rmVertical .rmLevel2 .rmText,
.RadMenu .rmVertical .rmLevel3 .rmText {
	padding: 0px 10px 0px 10px;
}
.RadMenu .rmVertical .rmText {
	padding: 0px 10px 0px 10px;
}

/* === [ Menu Selected State ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmLink.MenuSelected {
	
	color: #FFFFFF;
}
	/* === [ Level 1 ] ===  */
	.RadMenu .rmLevel1 .rmLink.MenuSelected {
	}
		/* === [ Level 2 ] ===  */
		.RadMenu .rmLevel2 .rmLink.MenuSelected {
		}
			/* === [ Level 3 ] ===  */
			.RadMenu .rmLevel3 .rmLink.MenuSelected {
			}

/* === [ Selected Parent State ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmLink.SelectedParent1 {
	
	color: #FFFFFF;
}
	/* === [ Level 2 ] ===  */
	.RadMenu .rmLink.SelectedParent2 {
	}
		/* === [ Level 3 ] ===  */
		.RadMenu .rmLink.SelectedParent3 {
		}
			/* === [ Level 4 ] ===  */
			.RadMenu .rmLink.SelectedParent4 {
			}

/* === [ Hover State ] ===  */
/* === [ Normal ] ===  */
.RadMenu .rmLink.rmExpanded,
.RadMenu .rmLink.rmFocused,
.RadMenu .rmLink:hover {
		color: #FFFFFF;
		
}
	/* === [ Level 1 ] ===  */
	.RadMenu .rmLevel1 .rmLink.rmExpanded,
	.RadMenu .rmLevel1 .rmLink.rmFocused,
	.RadMenu .rmLevel1 .rmLink:hover{
		color: #FFFFFF;
		
	}
		/* === [ Level 2 ] ===  */
		.RadMenu .rmLevel2 .rmLink.rmExpanded,
		.RadMenu .rmLevel2 .rmLink.rmFocused,
		.RadMenu .rmLevel2 .rmLink:hover {
			color: #FFFFFF;
			
		}
			/* === [ Level 3 ] ===  */
			.RadMenu .rmLevel3 .rmLink.rmExpanded,
			.RadMenu .rmLevel3 .rmLink.rmFocused,
			.RadMenu .rmLevel3 .rmLink:hover {
				color: #FFFFFF;
				
			}
			
/* === [ Expand Indicator. Add image background or border ] ===  */
.RadMenu .rmVertical .rmText.rmExpandLeft,
.RadMenu .rmVertical .rmText.rmExpandRight {
	padding: 0 30px 0px 10px;
	background: url(/Templates/_images/NavigationArrow.gif) no-repeat right center;
}
	

	
/* === [ Static Navigation ] === */ 
.Subnavigation {
	clear: both;
	display: block;
	margin: 16px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}
.Subnavigation .CustomTitle {
	padding: 4px 10px 4px 10px;
	clear: both;
	display: block;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.Displaylist {
	clear: none;
	display: inline;
	width: 75px;
	float: left;
	margin: 0px 10px 10px 6px;
	padding: 0px 0px 0px 0px;
}
.Displaylist .CustomTitle {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

/* === [ Wrapping Divs ] === */
/* === [ Style for backgrounds, heights & widths ] === */
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic.RadMenu_SlideHorizontal {
		width: 100%;
	}
	/* === [ Static - Vertical ] === */
	.RadMenuStatic.RadMenu_SlideVertical {
		width: 100%;
	}

/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */
.RadMenuStatic .rmLink {
	
	text-decoration: none;
	width: 100%;
}
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic .rmHorizontal .rmLink {
		padding: 0px 0px 0px 0px;
		color: #fff;
		font-size: 11px;
		display: block;
		width: auto;
	}
		/* === [ Level 1 ] === */ 
		.RadMenuStatic .rmHorizontal .rmLevel1 .rmLink {
			width: 150px !important;
		}
	/* === [ Static - Vertical ] === */
	.RadMenuStatic .rmVertical .rmLink {
		padding: 3px 10px 3px 10px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		display: block;
		width: 160px!important;
	}
	.Displaylist .RadMenuStatic .rmVertical .rmLink {
		padding: 2px 0px 2px 0px;
		color: #fff;
		font-size: 10px;
		font-weight: normal;
		width: 65px!important;
	}
		/* === [ Level 1 ] === */ 
		.RadMenuStatic .rmVertical .rmLevel1 .rmLink {
			min-width: 160px!important;
		}
		.Displaylist .RadMenuStatic .rmVertical .rmLevel1 .rmLink {
			min-width: 65px!important;
		}
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic .rmHorizontal .rmLink.rmRootLink {
		border-right: 1px solid #fff;
	}

/* === [ Link Left/Right Padding ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmHorizontal .rmText,
.RadMenuStatic .rmHorizontal .rmVertical .rmLevel1 .rmText
.RadMenuStatic .rmHorizontal .rmVertical .rmLevel2 .rmText
.RadMenuStatic .rmHorizontal .rmVertical .rmLevel3 .rmText {
	padding: 0px 10px 0px 10px;
}
.RadMenuStatic .rmVertical .rmText {
	padding: 0px 0px 0px 0px;
}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmVertical .rmLevel1 .rmText {
		padding: 0px 10px 0px 20px;
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmVertical .rmLevel2 .rmText {
			padding: 0px 10px 0px 30px;
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmVertical .rmLevel3 .rmText {
				padding: 0px 10px 0px 40px;
			}
			
/* === [ Menu Selected State ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmLink.MenuSelected {
	color: #000;
}
.Displaylist .RadMenuStatic .rmLink.MenuSelected {
	color: #00b4f1;
}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmLevel1 .rmLink.MenuSelected {
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmLevel2 .rmLink.MenuSelected {
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmLevel3 .rmLink.MenuSelected {
			}

/* === [ Selected Parent State ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmLink.SelectedParent1 {
	color: #000;
}
.Displaylist .RadMenuStatic .rmLink.SelectedParent1 {
	color: #00b4f1;
}
	/* === [ Level 2 ] ===  */
	.RadMenuStatic .rmLink.SelectedParent2 {
	}
		/* === [ Level 3 ] ===  */
		.RadMenuStatic .rmLink.SelectedParent3 {
		}
			/* === [ Level 4 ] ===  */
			.RadMenuStatic .rmLink.SelectedParent4 {
			}

/* === [ Hover State ] ===  */
/* === [ Normal ] ===  */
.RadMenuStatic .rmLink.rmExpanded,
.RadMenuStatic .rmLink.rmFocused,
.RadMenuStatic .rmLink:hover {
	color: #000;
}
.Displaylist .RadMenuStatic .rmLink.rmExpanded,
.Displaylist .RadMenuStatic .rmLink.rmFocused,
.Displaylist .RadMenuStatic .rmLink:hover {
	color: #00b4f1;
}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmLevel1 .rmLink.rmExpanded,
	.RadMenuStatic .rmLevel1 .rmLink.rmFocused,
	.RadMenuStatic .rmLevel1 .rmLink:hover{
			color: #000;
	}
	.Displaylist .RadMenuStatic .rmLevel1 .rmLink.rmExpanded,
	.Displaylist .RadMenuStatic .rmLevel1 .rmLink.rmFocused,
	.Displaylist .RadMenuStatic .rmLevel1 .rmLink:hover{
			color: #00b4f1;
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmLevel2 .rmLink.rmExpanded,
		.RadMenuStatic .rmLevel2 .rmLink.rmFocused,
		.RadMenuStatic .rmLevel2 .rmLink:hover {
			color: #000;
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmLevel3 .rmLink.rmExpanded,
			.RadMenuStatic .rmLevel3 .rmLink.rmFocused,
			.RadMenuStatic .rmLevel3 .rmLink:hover {
				color: #000;
			}
			
/* === [ Expand Indicator. Add image background ] ===  */
.RadMenuStatic .rmVertical .rmText.rmExpandLeft,
.RadMenuStatic .rmVertical .rmText.rmExpandRight {
	padding: 0 30px 0px 10px;
	background: url(/Templates/_images/NavigationArrow.gif) no-repeat right center;
}

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

.navunique {
	margin: 0px;
	padding: 0px 0px;
	float: right;
}
	span.navunique {
		text-transform: capitalize;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-size: 77%;
			line-height: 1.4em;
			color: #000000;
			text-decoration: none;
			margin: 0px;
			padding: 0px 4px;
			border-right: 1px solid #959595;
			
		}
		.navunique a:hover {
			color: #00b4f1;
		}

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


/* === [ PRIMARY NAVIGATION - GLOBAL STYLE ] ============================== */

/* === [ Level 1 ] === */
 		
.navitem1 {
	font-size: 100%;
	line-height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	height: auto;
	margin: 0px;
	display: block;
	float: left;
	white-space: nowrap;
}
		.navitem1 a:link, 
		.navitem1 a:visited, 
		.navitem1 a:active {
			color: #FFFFFF;
			text-decoration: none;
			padding: 4px 8px;
		}
		.navitem1 a:hover{
			color: #FFFFFF;
			text-decoration: none;
			padding: 4px 8px;
			
		}

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

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


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

/* === [ Level 1 ] === */
 		
#cLS .navitem1 {
	font-size: 85%;
	font-weight: bold;
	line-height: 16px;
	height: auto;
	padding: 0px;
	margin: 10px 0px 10px 10px;
	display: block;
	float: none;
	white-space: normal;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		color: #FFFFFF;
		background-color:none;
		text-decoration: none;
		
	}
	#cLS .navitem1 a:hover {
		color: #020306;
		background-color: none;
		text-decoration: none;
		
	}
			 /* === [ Selected state ] === */
			 
			#cLS .navitem1 a:link.MenuSelected, 
			#cLS .navitem1 a:visited.MenuSelected, 
			#cLS .navitem1 a:hover.MenuSelected, 
			#cLS .navitem1 a:active.MenuSelected {
				color: #020306;
				background-color: none;
				text-decoration: none;
				
			}

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem1 a:link.SelectedParent1, 
			#cLS .navitem1 a:visited.SelectedParent1, 
			#cLS .navitem1 a:active.SelectedParent1,
			#cLS .navitem1 a:hover.SelectedParent1 {
				color: #020306;
				background-color: none;
				text-decoration: none;
				display: block;
			}

		/* === [ Level 2 ] === */
			 
		#cLS .navitem2 {
			font-size: 100%;
			font-weight: bold;
			line-height: 16px;
			height: auto;
			padding: 0px;
			margin: 10px 0px 10px 10px;
			display: block;
			float: none;
			white-space: normal;
		}
		#cLS .navitem2 a:link, 
		#cLS .navitem2 a:visited, 
		#cLS .navitem2 a:active {
		color: #FFFFFF;
		background-color:none;
		text-decoration: none;
		padding: 0 0 0 18px;
	}
		#cLS .navitem2 a:hover {
		color: #020306;
		background-color: none;
		text-decoration: none;
		padding: 0 0 0 18px;
	}
			#cLS .navitem2 a:link.MenuSelected, 
			#cLS .navitem2 a:visited.MenuSelected, 
			#cLS .navitem2 a:hover.MenuSelected, 
			#cLS .navitem2 a:active.MenuSelected {
				color: #020306;
				background-color: none;
				text-decoration: none;
				
			}
			#cLS .navitem2 a:link.SelectedParent2, 
			#cLS .navitem2 a:visited.SelectedParent2, 
			#cLS .navitem2 a:active.SelectedParent2,
			#cLS .navitem2 a:hover.SelectedParent2 {
				color: #020306;
				background-color: none;
				text-decoration: none;
				display: block;
			}
			/* === [ Level 3 ] === */
			#cLS .navitem3 {
			font-size: 100%;
			font-weight: bold;
			line-height: 16px;
			height: auto;
			padding: 0px;
			margin: 10px 0px 10px 10px;
			display: block;
			float: none;
			white-space: normal;
		}
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:active {
			color: #FFFFFF;
			background-color:none;
			text-decoration: none;
			padding: 0 0 0 24px;
	}
			#cLS .navitem3 a:hover {
			color: #020306;
			background-color: none;
			text-decoration: none;
			padding: 0 0 0 24px;
	}
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:hover.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected {
				color: #020306;
				background-color: none;
				text-decoration: none;
				
			}
			#cLS .navitem3 a:link.SelectedParent3, 
			#cLS .navitem3 a:visited.SelectedParent3, 
			#cLS .navitem3 a:active.SelectedParent3,
			#cLS .navitem3 a:hover.SelectedParent3 {
				color: #020306;
				background-color: none;
				text-decoration: none;
				display: block;
			}

				/* === [ Level 4 ] === */
			 
			#cLS .navitem4 a:link, 
			#cLS .navitem4 a:visited, 
			#cLS .navitem4 a:active {
			color: #FFFFFF;
			background-color:none;
			text-decoration: none;
			padding: 0 0 0 30px;
	}
			#cLS .navitem4 a:hover {
			color: #020306;
			background-color: none;
			text-decoration: none;
			padding: 0 0 0 30px;
	}
			#cLS .navitem4 a:link.MenuSelected, 
			#cLS .navitem4 a:visited.MenuSelected, 
			#cLS .navitem4 a:hover.MenuSelected, 
			#cLS .navitem4 a:active.MenuSelected {
				color: #020306;
				background-color: none;
				text-decoration: none;
				
			}
			#cLS .navitem4 a:link.SelectedParent4, 
			#cLS .navitem4 a:visited.SelectedParent4, 
			#cLS .navitem4 a:active.SelectedParent4,
			#cLS .navitem4 a:hover.SelectedParent4 {
				color: #020306;
				background-color: none;
				text-decoration: none;
				display: block;
			}