/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MAIN NAVIGATION - HORIZONTAL STYLE
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*-------------------------------------------------------------------------------------------------------*/
/*	Global navigation styles
/*-------------------------------------------------------------------------------------------------------*/
#nav-global
{
	float:					right;
	text-align:				left;
	white-space:			nowrap;
	padding-right:			10px;
	padding-bottom:			10px;
	clear:					both;
}

.global-links{
	clear: 					both;
	list-style:				none;
	margin-top: 			-10px;
	width: 					700px;
	position: 				absolute;
	top: 					110px;
	right: 					10px;
}
.global-links li{
	float:					right;
	position:				relative;
	display:				block;
}
.global-links li a{
	display:block;
	padding:5px;
	text-decoration:none;
}
.global-links li a:hover{
}

/*--- DROPDOWN ---*/
.global-links ul{
	list-style:				none;
	position:				absolute;
	background-color: 		white;
	border:					1px solid #AAA;
	width:					160px;
	padding:				0px 0px 0px 0px!important;
	display:				none;
	clear:					both;
	margin:0!important;
}
.global-links ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin:0!important;
	width:					160px;
}
.global-links ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	
	height:					19px;
	line-height:			19px;
	color:					#6c7079;
	border-bottom:			1px solid #ebebeb;
	padding-left:			13px;
	padding-right:			13px;
}
.global-links li:hover ul{ /* Display the dropdown on hover */
	display:				block;
}
.global-links li:hover a{ /* Set styles for top level when dropdown is hovered */

}
.global-links li:hover ul a{ /* Override some top level styles when dropdown is hovered */

}
.global-links li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */

}






/*
.global-links
{
	overflow: show;
	height:20px;
	
}

.global-links a
{
}

.global-menu-outer
{
	position: 				absolute;
	right: 					38px;
	top:					113px;
	padding:				10px;
	padding-top:			13px;
	display:				none;
	border:1px solid red;
}

.global-menu
{
	
	background-color: 		white;
	border:					1px solid #AAA;
}

.global-menu a
{
	display:				block;
	width:					123px;
	height:					19px;
	line-height:			19px;
	color:					#6c7079;
	margin:					3px 0px;
	border-bottom:			1px solid #ebebeb;
	padding-left:			13px;
	padding-right:			13px;
}

.global-menu a:hover
{
	background-color:		#6c7079;
	color:					white;
}

.global-menu a.last
{
	border-bottom:			none;
}
*/

/*---------------------------------------------------------------------------------------------------------
//	Container blocks for nav sets
//-------------------------------------------------------------------------------------------------------*/
#nav-main-outer
{
	position:				absolute;
	top:					0px;
	left:					7px;
	background-color:		rgb(108,113,121);
	height:					auto;
	
}

#nav-main
{
	border:					1px solid rgb(142,145,150);
	margin:					4px;
	padding-bottom:			10px;
}

#nav-main ul.main
{
	clear:					both;
	display:				block;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;

}

#nav-main ul.main li
{
	clear:					both;
	display:				block;	
}

/*---------------------------------------------------------------------------------------------------------
//	Main nav item styles (for text-only menu headers - delete these if graphics are used for main nav)
//-------------------------------------------------------------------------------------------------------*/
#nav-main ul.main a,
#nav-main ul.main a.header
{
	display:				block;
}
#nav-main ul.main a:hover,
#nav-main ul.main a.active,
#nav-main ul.main a.active:hover,
#nav-main ul.main a.highlight
{
}

#nav-main ul.main a.header,
#nav-main ul.main a.header:hover
{
}
/*---------------------------------------------------------------------------------------------------------
//	Sub nav styles
//-------------------------------------------------------------------------------------------------------*/
#nav-main ul
{
	margin-bottom:			10px;	
}

#nav-main ul.sub li
{
	margin-left:			-40px;
	width:					auto;	
	clear:					both;
	display:				block;
	
}

#nav-main ul.sub a
{
	display:				inline;
	line-height:			14px;
	font-size:				11px;
	text-decoration:		none;
	color:					#fefefe;
	padding:				0px 5px 0px 15px;
}
#nav-main ul.sub a:hover,
#nav-main ul.sub a.active,
#nav-main ul.sub a.active:hover,
#nav-main ul.sub a.highlight
{
	color:					#b9cdd0;
}

#nav-main ul.sub a.active,
#nav-main ul.sub a.active:hover
{
	color:					white;
	font-weight:			bold;
}

.filter
{
	padding:				2px 15px;
	line-height:			14px;
	font-size:				11px;
	color:					#1f2d33;
	width:					115px;
	padding-bottom:			10px;
}

#nav-main ul.main .filter a,
#nav-main ul.main .filter a.header
{
	display:				inline;
	line-height:			14px;
	font-size:				11px;
	text-decoration:		none;
	color:					#fefefe;
	border-bottom:			none;
}

#nav-main ul.main .filter a:hover,
#nav-main ul.main .filter a.header:hover
{
	color:	#b9cdd0;
}

#nav-main ul.main .filter a.box
{
	display:				block;
	width:					10px;
	height:					10px;
	margin-right:			3px;
	margin-bottom:			3px;
	float:					left;
}