/* 	[ 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%;
	color: #999999;
	padding: 0;
	margin: 0px 10px 30px 0;
	background: url(/Templates/_images/breadcrumb.png) no-repeat bottom left;
	line-height: 29px;
	display: block;
	clear: both;
}
.Breadcrumb a {
	margin: 0px 4px 0px 4px;
	color: #808285;
	font-weight: bold;
	text-decoration: none;
	line-height: 29px;
}
.Breadcrumb a:hover {
	color: #286fb1;
	text-decoration: none;
}
/* === [ UNIQUE NAVIGATION ] ============================== */

.NavigationUnique {
	position: relative;
	clear: none;
	margin: 0px 0px 0 0;
	padding: 0px 12px 0 7px;
	float: right;
	width: auto;
	line-height: 39px;
	background: url(/Templates/_images/cT.gif) no-repeat top left;
}
.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: 12px;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px 2px 0 6px;
}
/* === [ Selected state ] === */

.navunique a:link.MenuSelected,
.navunique a:visited.MenuSelected,
.navunique a:hover.MenuSelected,
.navunique a:active.MenuSelected {
	color: #808285;
}
/* -----[ 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: 10px 0;
	margin-top: 8px;
}
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 ] === */

.PrimaryNavigation {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.Subnavigation {}
.TopLeft {}
.TopRight {}
.BottomLeft {}
.BottomRight {}
/* === [ Custom Title ] === */

.CustomTitle {
	padding: 4px 0px 10px 0;
	clear: both;
	display: block;
	color: #286fb1;
	font-size: 20px;
}
/* === [ Slide Navigation (RadMenu) ] === */

/* === [ Wrapping Divs ] === */

/* === [ Style for backgrounds, heights & widths ] === */

/* === [ Slide - Horizontal ] === */

.RadMenu.RadMenu_SlideHorizontal {
	/* width: 100%; */
	z-index: 2;
}

@media screen and (min-width: 1400px) {
	.RadMenu ul.rmRootGroup.rmHorizontal {
		margin: 0px 190px;
	}
}
@media screen and (min-width: 1325px) and (max-width: 1400px) {
	.RadMenu ul.rmRootGroup.rmHorizontal {
		margin: 0px 155px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1325px) {
	.RadMenu ul.rmRootGroup.rmHorizontal {
		margin: 0px 100px;
	}
}
@media screen and (max-width: 1000px) {
	.RadMenu ul.rmRootGroup.rmHorizontal {
		margin: 0px auto;
	}
}

.Subnavigation .RadMenu.RadMenu_SlideHorizontal {
	background: #acadaf;
	z-index: 1;
}
/* === [ 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: 0px 0px 0px 0px;
	min-width: 20px !important;
	color: #fff;
	font-size: 22px;
	line-height: 44px;
	text-transform: uppercase;
	font-family: "trajan-pro-3", serif;
}
.Subnavigation .RadMenu .rmHorizontal .rmLink {
	padding: 0px 0px 0px 0px;
	min-width: 20px !important;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
}
/* === [ Level 1 ] === */

.RadMenu .rmHorizontal .rmVertical.rmLevel1 .rmLink {
	min-width: 150px !important;
	font-size: 20px;
}
.RadMenu .rmHorizontal .rmVertical.rmLevel1 .rmLink .rmText:after {
	content: '';
	width: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	background: #ffffff;
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: block;
}
.RadMenu .rmHorizontal .rmVertical.rmLevel1 .rmLink:hover .rmText:after {
	content: '';
	width: 90%;
}
/* === [ Slide - Vertical ] === */

.RadMenu .rmVertical .rmLink {
	display: block;
	float: left;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	min-width: 230px !important;
	font-size: 13px;
}
.Subnavigation .RadMenu .rmVertical .rmLink {
	border-bottom: #999 1px solid;
	border-top: none;
}
/* === [ Level 1 ] ===  */

.RadMenu .rmVertical.rmLevel1 .rmLink {
	min-width: 150px !important;
}
/* === [ Link Left/Right Border ] ===  */

/* === [ Slide - Horizontal ] === */

.RadMenu .rmHorizontal .rmLink.rmRootLink .rmText:after {
	content: '';
	height: 1px;
	background: #ffffff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 5px;
	width: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.RadMenu .rmHorizontal .rmLink.rmRootLink:hover .rmText:after {
	width: calc(100% - 30px);
}
.Subnavigation .RadMenu .rmHorizontal .rmLink.rmRootLink {
	border-right: #ccc 1px solid;
	border-left: none;
	filter: alpha(opacity=100);
	opacity: 1;
}
/* === [ 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: rgba(0, 0, 0, 0.5);
}
.Subnavigation .RadMenu .rmRootGroup.rmVertical,
.Subnavigation .RadMenu .rmVertical.rmGroup {
	background: #959595;
}
.RadMenu .rmGroup .rmText {
	margin: 0 0 0 0;
}
/* === [ Link Left/Right Padding ] ===  */

/* === [ Normal ] ===  */

.RadMenu .rmHorizontal .rmText {
	padding: 0px 15px 0px 10px;
}
.RadMenu .rmHorizontal .rmItem .rmText {
	/* padding-left:0; */
	position: relative;
	display: inline-block;
}
.Subnavigation .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 16px 0px 16px;
}
/* === [ Menu Selected State ] ===  */

/* === [ Normal ] ===  */

.RadMenu .rmLink.MenuSelected {}
.Subnavigation .RadMenu .rmLink.MenuSelected {
	background: #959595;
	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 {}
.Subnavigation .RadMenu .rmLink.SelectedParent1 {
	background: #959595;
	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 {}
.Subnavigation .RadMenu .rmLink.rmExpanded,
.Subnavigation .RadMenu .rmLink.rmFocused,
.Subnavigation .RadMenu .rmLink:hover {
	background: #959595;
	color: #FFFFFF;
}
/* === [ Level 1 ] ===  */

.RadMenu .rmLevel1 .rmLink.rmExpanded,
.RadMenu .rmLevel1 .rmLink.rmFocused,
.RadMenu .rmLevel1 .rmLink:hover {
	color: #FFFFFF;
}
.Subnavigation .RadMenu .rmLevel1 .rmLink.rmExpanded,
.Subnavigation .RadMenu .rmLevel1 .rmLink.rmFocused,
.Subnavigation .RadMenu .rmLevel1 .rmLink:hover {
	color: #FFFFFF;
	background: #abacae;
}
/* === [ Level 2 ] ===  */

.RadMenu .rmLevel2 .rmLink.rmExpanded,
.RadMenu .rmLevel2 .rmLink.rmFocused,
.RadMenu .rmLevel2 .rmLink:hover {
	color: #FFFFFF;
	background: #06a5c3;
}
/* === [ Level 3 ] ===  */

.RadMenu .rmLevel3 .rmLink.rmExpanded,
.RadMenu .rmLevel3 .rmLink.rmFocused,
.RadMenu .rmLevel3 .rmLink:hover {
	color: #FFFFFF;
	background: #06a5c3;
}
/* === [ Expand Indicator. Add image background or border ] ===  */

.RadMenu .rmVertical .rmText.rmExpandLeft,
.RadMenu .rmVertical .rmText.rmExpandRight {
	padding: 0 10px 0px 10px;
}
/* === [ Static Navigation ] === */

#cRS .Subnavigation {
	background: #efefef;
	width: 200px;
	border-radius: 4px;
	padding: 10px 20px;
	margin-bottom: 18px;
}
#cF .NavigationUnique {
	position: relative;
	clear: both;
	margin: 0px 0px 0 0;
	padding: 0px;
	float: none;
	width: auto;
	line-height: normal;
	background: none;
}
/* === [ Wrapping Divs ] === */

/* === [ Style for backgrounds, heights & widths ] === */

/* === [ Static - Horizontal ] === */

.RadMenuStatic.RadMenu_SlideHorizontal {
	width: auto;
}
/* === [ Static - Vertical ] === */

.RadMenuStatic.RadMenu_SlideVertical {
	width: 100%;
}
.RadMenuStatic.RadMenu_SlideVertical {
	width: 100%;
}
/* === [ Link Top/Bottom Padding, Background, Border, Width ] ===  */

.RadMenuStatic .rmLink {
	text-decoration: none;
}
/* === [ Static - Horizontal ] === */

.RadMenuStatic .rmHorizontal .rmLink {
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	font-size: 11px;
	color: #808285;
}
/* === [ Level 1 ] === */

.RadMenuStatic .rmHorizontal .rmLevel1 .rmLink {
	width: 150px !important;
}
/* === [ Static - Vertical ] === */

.RadMenuStatic .rmVertical .rmLink {
	padding: 6px 0px 6px 20px;
	border-top: 1px solid #fff;
	display: block;
	width: 190px!important;
	font-size: 13px;
	color: #808285;
	background: url(/Templates/_images/subnav_arrow.gif) no-repeat left 10px;
}
/* === [ Level 1 ] === */

.RadMenuStatic .rmVertical .rmLevel1 .rmLink {
	width: 230px !important;
}
/* === [ Static - Horizontal ] === */

.RadMenuStatic .rmHorizontal .rmLink.rmRootLink {}
#cF .RadMenuStatic .rmHorizontal .rmItem {
	border-left: 1px solid #d7d7d7;
	float: none;
	display: inline-block;
}
#cF .RadMenuStatic .rmHorizontal .rmItem.rmFirst {
	border-left: none;
}
/* === [ 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 5px 0px 5px;
}
.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: #286fb1;
}
/* === [ 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: #286fb1;
}
/* === [ 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: #286fb1;
}
/* === [ Level 1 ] ===  */


.RadMenuStatic .rmLevel1 .rmLink.rmExpanded,
.RadMenuStatic .rmLevel1 .rmLink.rmFocused,
.RadMenuStatic .rmLevel1 .rmLink:hover {
	color: #286fb1;
}
/* === [ Level 2 ] ===  */

.RadMenuStatic .rmLevel2 .rmLink.rmExpanded,
.RadMenuStatic .rmLevel2 .rmLink.rmFocused,
.RadMenuStatic .rmLevel2 .rmLink:hover {
	color: #286fb1;
}
/* === [ Level 3 ] ===  */

.RadMenuStatic .rmLevel3 .rmLink.rmExpanded,
.RadMenuStatic .rmLevel3 .rmLink.rmFocused,
.RadMenuStatic .rmLevel3 .rmLink:hover {
	color: #286fb1;
}
/* === [ Expand Indicator. Add image background ] ===  */

.RadMenuStatic .rmVertical .rmText.rmExpandLeft,
.RadMenuStatic .rmVertical .rmText.rmExpandRight {
	padding: 0 30px 0px 0px;
	background: url(/Templates/_images/NavigationArrow.gif) no-repeat right center;
}
.RadMenu .rmGroup .rmItem {
    padding: 5px 0 0 15px;
}
/* -----[ Tablet portrait and Smartphone landscape styles ]-------------------------------------------------------------------------- */

@media screen and (max-width: 770px) {
	.RadMenu .rmHorizontal .rmText {
		padding: 0px 12px 0px 12px;
	}
	.RadMenu .rmHorizontal .rmLink.rmRootLink {
		border-bottom: #57cce7 1px solid;
	}
	.Subnavigation .RadMenu .rmHorizontal .rmLink.rmRootLink {
		border-bottom: #ccc 1px solid;
	}
	#cRS .Subnavigation {
		width: 100%;
	}
}
/* -----[ Smartphone portrait ]-------------------------------------------------------------------------- */

@media screen and (max-width: 550px) {
	.mobilenavigation .RadMenuStatic .rmHorizontal .rmLink {
		padding: 5px 0px 0px 0px;
		display: block;
		width: 69px!important;
		font-size: 13px;
		color: #ffffff;
		border-right: 1px solid #1a7fa0;
		background: #0da8c6;
		min-height: 40px;
		text-align: center;
	}
	.mobilenavigation .RadMenuStatic .rmHorizontal .rmText {
		padding: 0px 5px 0px 5px;
		display: block;
	}
	.mobilenavigation .RadMenuStatic .rmLink.MenuSelected {
		color: #003a63;
		background: #ffffff;
	}
	.mobilenavigation .RadMenuStatic .rmLink.SelectedParent1 {
		color: #003a63;
		background: #ffffff;
	}
	.mobilenavigation .RadMenuStatic .rmLink.rmExpanded,
	.mobilenavigation .RadMenuStatic .rmLink.rmFocused,
	.mobilenavigation .RadMenuStatic .rmLink:hover {
		color: #003a63;
		background: #ffffff;
	}
	.MobileNav select {
		margin: 5px 0 5px 0;
		width: 100%;
		height: 27px;
	}
	.Subnavigation .RadMenu .rmHorizontal .rmLink {
		width: 300px!important;
		clear: both;
		font-size: 15px;
		line-height: 30px;
		background: #acadaf;
		border-bottom: #ffffff 1px solid;
	}
	.Subnavigation .RadMenu .rmLink.MenuSelected {
		background: #666;
		color: #FFFFFF;
	}
	.Breadcrumb {
		padding: 0;
		background: url(/Templates/_images/breadcrumb.png) no-repeat top left;
		line-height: 1em;
		min-height: 16px;
	}
	.Breadcrumb a {
		line-height: 1.3em;
		display: inline;
		margin: 0 4px 0 0;
	}
	.Breadcrumb span {
		margin: 0 5px 0 5px;
	}
	.Breadcrumb span:first-child {
		margin: 0 5px 0 0;
	}
}