/* 	[ 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.
*/



/* === [ 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 {
			}


/* === [ SUB NAVIGATION - cLS - Left Hand Container ] ============================== */

/* === [ Level 1 ] === */
#cLS .Navigation {
	position: relative;
	clear: both;
	display: block;
	padding: 15px 0 20px 0;
	margin: 0px 0 30px 0;
	background: url(/Templates/Vidal/_images/subNav.gif) no-repeat bottom left;
}
 		
#cLS .navitem1 {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	height: auto;
	margin: 0px 20px 5px 27px;
	display: block;
	float: none;
	white-space: normal;
}
	#cLS .navitem1 a:link, 
	#cLS .navitem1 a:visited, 
	#cLS .navitem1 a:active {
		color: #231f20;
		text-decoration: none;
		display: block;
		padding: 2px 0 2px 0px;
	}
	#cLS .navitem1 a:hover {
		color: #e51b24;
		text-decoration: none;
		display: block;
		background: url(/Templates/Vidal/_images/subnav-img.gif) no-repeat bottom left;
	}
	#cLS .navitem1 a:link.MenuSelected, 
	#cLS .navitem1 a:visited.MenuSelected, 
	#cLS .navitem1 a:hover.MenuSelected, 
	#cLS .navitem1 a:active.MenuSelected {
		color: #e51b24;
		text-decoration: none;
		display: block;
		background: url(/Templates/Vidal/_images/subnav-img.gif) no-repeat bottom left;
	}
	#cLS .navitem1 a:link.SelectedParent, 
	#cLS .navitem1 a:visited.SelectedParent, 
	#cLS .navitem1 a:hover.SelectedParent, 
	#cLS .navitem1 a:active.SelectedParent {
		color: #e51b24;
		text-decoration: none;
		display: block;
	}

		/* === [ Level 2 ] === */
			 
		#cLS .navitem2 {
			font-size: 12px;
			
		}
		#cLS .navitem2 a:link, 
		#cLS .navitem2 a:visited,  
		#cLS .navitem2 a:active {
			padding: 2px 8px 2px 28px;
			text-decoration: none;
			display: block;
			
		}
		#cLS .navitem2 a:hover {
			color: #e51b24;
		text-decoration: none;
		display: block;
	}
		#cLS .navitem2 a:link.MenuSelected, 
		#cLS .navitem2 a:visited.MenuSelected, 
		#cLS .navitem2 a:active.MenuSelected {
			color: #e51b24;
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
		#cLS .navitem2 a:link.SelectedParent2, 
		#cLS .navitem2 a:visited.SelectedParent2, 
		#cLS .navitem2 a:active.SelectedParent2 {
				color: #666;
				text-decoration: none;
				display: block;
			}
			/* === [ Level 3 ] === */
			 
			#cLS .navitem3 a:link, 
			#cLS .navitem3 a:visited, 
			#cLS .navitem3 a:active {
				padding: 2px 8px 2px 36px;
				text-decoration: none;
			}
			#cLS .navitem3 a:hover {
	}
			#cLS .navitem3 a:link.MenuSelected, 
			#cLS .navitem3 a:visited.MenuSelected, 
			#cLS .navitem3 a:active.MenuSelected {
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
			#cLS .navitem3 a:link.SelectedParent3, 
			#cLS .navitem3 a:visited.SelectedParent3, 
			#cLS .navitem3 a:active.SelectedParent3 {
				color: #666;
				text-decoration: none;
				display: block;
			}

				/* === [ Level 4 ] === */
			 
				#cLS .navitem4 a:link, 
				#cLS .navitem4 a:visited, 
				#cLS .navitem4 a:active {
					color: #666;
					padding: 2px 8px 2px 44px;
					text-decoration: none;
				}
				#cLS .navitem4 a:hover {
	}
				#cLS .navitem4 a:link.MenuSelected, 
				#cLS .navitem4 a:visited.MenuSelected, 
				#cLS .navitem4 a:active.MenuSelected {
				text-decoration: none;
				display: block;
			}
		

			 /* === [ Selected Parent state ] === */
			 
				#cLS .navitem4 a:link.SelectedParent4, 
				#cLS .navitem4 a:visited.SelectedParent4, 
				#cLS .navitem4 a:active.SelectedParent4 {
				color: #666;
				text-decoration: none;
				display: block;
			}


/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ NAVIGATION MODULES ]--------------------------------------------------------------------- */

/*
	Default Class Selectors and ID Selectors have been created for you.
	Alter the Property and Value to reflect your design as required.
	Choose the Navigation settings that suits your design within Contegro Administration, 
	by changing the Module Settings on an individual page, or within the Template for a Global Setting.
	Encompases Bread Crumb, Navigation Modules.
	Prefix each Class Selector with a custom CSS class in the Module/Template Settings if required.
*/

/* === [ BREADCRUMB ] ============================== */

.Breadcrumb {
	font-size: 1em;
	line-height: 1.5em;
	color: #999999;
	padding: 0 0 0 5px;
	margin: -10px 0 10px 0;
	border-left: 1px dotted #666666;
}
	.Breadcrumb a
	{ 
		margin: 0px 5px 0px 5px;
		color: #999999; 
		text-decoration: none;
	}
	.Breadcrumb a:hover 
	{
		color: #666666;
		border-bottom: 1px dotted #666666;
	}

/* === [ UNIQUE NAVIGATION ] ============================== */

.NavigationUnique {
	position: relative;
	display: block;
	margin: 0px 0 0 0;
	padding: 3px 0px 0 0px;
	float: right;
	clear: none;
	width: auto;
	text-align: right;
}

.navunique {
	margin: 0px 0 0 0;
	padding: 0px 0px 0 0;
	
}
	span.navunique {
		text-transform: uppercase;
	}
		.navunique a:link, 
		.navunique a:visited, 
		.navunique a:hover, 
		.navunique a:active {
			font-size: 14px;
			color: #666;
			text-decoration: none;
			margin: 0px;
			/*padding: 0px 0px 0 38px;*/
			padding: 0px 0px 0 0px;
		}
		.navunique a:hover {
			color: #e51b24;
		}

			 /* === [ Selected state ] === */
			 
 			.navunique a:link.MenuSelected, 
			.navunique a:visited.MenuSelected, 
			.navunique a:hover.MenuSelected, 
			.navunique a:active.MenuSelected
			{
			color: #666;
			}

/* -----[ 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 {
		height: 32px;
		width: 100%;
	}
	/* === [ Slide - Vertical ] === */
	.RadMenu.RadMenu_SlideVertical {
		width: 100%;
	}

/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */
.RadMenu .rmLink {
	background: #cfcfcf url(/Templates/_images/NavigationBlend.gif) repeat-x right center;
	color: #666666;
	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;
		border-bottom: 1px solid #999999;
		border-top: 1px solid #EFEFEF;
		min-width: 230px !important;
	}
		/* === [ Level 1 ] ===  */
		.RadMenu .rmVertical.rmLevel1 .rmLink {
			min-width: 150px !important;
		}

/* === [ Link Left/Right Border ] ===  */
	/* === [ Slide - Horizontal ] === */
	.RadMenu .rmHorizontal .rmLink.rmRootLink {
		border-right: 1px solid #969696;
		border-left: 1px solid #EFEFEF;
	}
	
/* === [ 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 {
		background: #CCCCCC;
		border-right: 1px solid #999999;
		border-left: 1px solid #EFEFEF;
	}

/* === [ 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 {
	background: #cfcfcf url(/Templates/_images/NavigationBlend-Selected.gif) repeat-x right center;
	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 {
	background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
	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;
		background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
}
	/* === [ Level 1 ] ===  */
	.RadMenu .rmLevel1 .rmLink.rmExpanded,
	.RadMenu .rmLevel1 .rmLink.rmFocused,
	.RadMenu .rmLevel1 .rmLink:hover{
		color: #FFFFFF;
		background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
	}
		/* === [ Level 2 ] ===  */
		.RadMenu .rmLevel2 .rmLink.rmExpanded,
		.RadMenu .rmLevel2 .rmLink.rmFocused,
		.RadMenu .rmLevel2 .rmLink:hover {
			color: #FFFFFF;
			background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
		}
			/* === [ Level 3 ] ===  */
			.RadMenu .rmLevel3 .rmLink.rmExpanded,
			.RadMenu .rmLevel3 .rmLink.rmFocused,
			.RadMenu .rmLevel3 .rmLink:hover {
				color: #FFFFFF;
				background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
			}
			
/* === [ 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 ] === */ 

/* === [ Wrapping Divs ] === */
/* === [ Style for backgrounds, heights & widths ] === */
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic.RadMenu_SlideHorizontal {
		width: 100%;
		height: 28px;
	}
	/* === [ Static - Vertical ] === */
	.RadMenuStatic.RadMenu_SlideVertical {
		width: 100%;
	}
	
	.SubNav .RadMenuStatic.RadMenu_SlideVertical {
		position: relative;
		clear: both;
		display: block;
		padding: 15px 0 20px 0;
		margin: 0px 0 30px 0;
		background: url(/Templates/Vidal/_images/subNav.gif) no-repeat bottom left;
	}


/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */
.RadMenuStatic .rmLink {
	background: #cfcfcf url(/Templates/_images/NavigationBlend.gif) repeat-x right center;
	color: #666666;
	text-decoration: none;
	width: 100%;
}
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic .rmHorizontal .rmLink {
		padding: 6px 0px 6px 0px;
		display: block;
		width: auto;
	}
		/* === [ Level 1 ] === */ 
		.RadMenuStatic .rmHorizontal .rmLevel1 .rmLink {
			width: 150px !important;
		}
	/* === [ Static - Vertical ] === */
	.RadMenuStatic .rmVertical .rmLink {
		padding: 6px 0px 6px 0px;
		border-bottom: 1px solid #999999;
		border-top: 1px solid #EFEFEF;
		display: block;
		width: 230px;
	}
		/* === [ Level 1 ] === */ 
		.RadMenuStatic .rmVertical .rmLevel1 .rmLink {
			width: 230px !important;
		}
	/* === [ Static - Horizontal ] === */
	.RadMenuStatic .rmHorizontal .rmLink.rmRootLink {
		border-right: 1px solid #999999;
		border-left: 1px solid #EFEFEF;
	}

/* === [ 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 10px 0px 10px;
}
	/* === [ 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 {
	background: #cfcfcf url(/Templates/_images/NavigationBlend-Selected.gif) repeat-x right center;
	color: #FFFFFF;
}
	/* === [ 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 {
	background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
	color: #FFFFFF;
}
	/* === [ 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: #FFFFFF;
	background: #a8a8a8 url(/Templates/_images/NavigationBlend-Selected.gif) repeat-x right center;
}
	/* === [ Level 1 ] ===  */
	.RadMenuStatic .rmLevel1 .rmLink.rmExpanded,
	.RadMenuStatic .rmLevel1 .rmLink.rmFocused,
	.RadMenuStatic .rmLevel1 .rmLink:hover{
			color: #FFFFFF;
			background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
	}
		/* === [ Level 2 ] ===  */
		.RadMenuStatic .rmLevel2 .rmLink.rmExpanded,
		.RadMenuStatic .rmLevel2 .rmLink.rmFocused,
		.RadMenuStatic .rmLevel2 .rmLink:hover {
			color: #FFFFFF;
			background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
		}
			/* === [ Level 3 ] ===  */
			.RadMenuStatic .rmLevel3 .rmLink.rmExpanded,
			.RadMenuStatic .rmLevel3 .rmLink.rmFocused,
			.RadMenuStatic .rmLevel3 .rmLink:hover {
				color: #FFFFFF;
				background: #a8a8a8 url(/Templates/_images/NavigationBlend-On.gif) repeat-x right center;
			}
			
/* === [ 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;
}


