/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/droplist-flyout.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.dropList
{
	height:30px;
	position:relative;
	z-index:1002;
	float:left;
}

.dropList ul
{
	padding:0;
	margin:0;
	list-style:none;
}

.dropList ul li
{
	height:35px;
	line-height:20px;
	padding:0px;
	color:#fff;
	font-size:12px;
	float:left;
	background:url(../images/menu-seperator.jpg) right top no-repeat;
	position:relative;
	padding-right:1px;
}

.dropList ul li div
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	background:#fdfdfd url(../images/menu-bg.jpg) bottom left repeat-x;
	margin-top:8px;
	border:none;
	padding-bottom:6px;
	-o-box-shadow		: 0px 3px 8px rgba(0, 0, 0, 0.6);
	-icab-box-shadow	: 0px 3px 8px rgba(0, 0, 0, 0.6);
	-khtml-box-shadow	: 0px 3px 8px rgba(0, 0, 0, 0.6);
	-moz-box-shadow		: 0px 3px 8px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow	: 0px 3px 8px rgba(0, 0, 0, 0.6);
	box-shadow			: 0px 3px 8px rgba(0, 0, 0, 0.6);
	
	-o-border-radius					: 0px 0px 6px 6px;
	-icab-border-radius					: 0px 0px 6px 6px;
	-khtml-border-radius				: 0px 0px 6px 6px;
	-moz-border-radius					: 0px 0px 6px 6px;
	-webkit-border-bottom-right-radius	: 6px;
	-webkit-border-bottom-left-radius	: 6px;
	border-radius						: 0px 0px 6px 6px;
}

.dropList ul li div ul
{
	float:left;
	padding:5px 0px;
}

.dropList ul li
{
	float:left;
}

.dropList ul li a
{
	width:auto;
	color:#fff;
	padding:0px 19px;
	height:35px;
	line-height:35px;
	display:block;
}

.dropList ul li a.fly
{
	background:url(../images/menu-down-arrow.html) 120px 12px no-repeat;
	padding-right:38px;
}

.dropList ul li a.fly:hover
{
	background:#42718e url(../images/menu-hvr-down-arrow.html) 120px 12px no-repeat;
}

.dropList ul li:hover > a.fly
{
	background:#42718e url(../images/menu-hvr-down-arrow.html) 120px 12px no-repeat;
}

.dropList ul li div ul li
{
	background:none;
	padding:0px;
	margin:2px 5px;
	height:auto;
	display:block;
	color:#000;
	float:none;
}

.dropList ul li div ul li.floatleft
{
	float:left;
}

.dropList ul ul li a
{
	padding:0;
	width:194px;
	line-height:13px;
	text-transform:none;
	font-weight:normal;
	font-size:11px;
	height:auto;
	display:block;
	color:#000;
	background:url(../images/dropdown-menu-arrow.gif) 3px 5px no-repeat;
	padding:3px 3px 3px 13px;
}

.dropList ul ul li h4
{
	padding:0;
	margin:0;
	color:#fff;
}

.dropList ul ul li h4 a
{
	padding:0px 0px 0px 10px;
	width:200px;
	line-height:20px;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	background:none;
	background-color:#16567d;
}

.dropList ul li a:hover, .dropList ul li a.active
{
	background:#053451 url(../images/menu-arrow.png) bottom center no-repeat;
	color:#ffffff;
}

.dropList ul li:hover > a
{
	background:#053451 url(../images/menu-arrow.png) bottom center no-repeat;
	color:#ffffff;
}

.dropList ul li div ul li a:hover
{
	background:#053552 url(../images/dropdown-menu-arrow-hvr.gif) 3px 5px no-repeat;
}

.dropList ul li div ul li:hover > a
{
	background:#053552 url(../images/dropdown-menu-arrow-hvr.gif) 3px 5px no-repeat;
}

.dropList ul li ul li h4 a:hover
{
	background:none;
	background-color:#053451;
	color:#fff;
}

.dropList ul ul li a:hover
{
	background:#053552 url(../images/dropdown-menu-arrow-hvr.gif) 3px 7px no-repeat;
}

.dropList ul .fourCol:hover
{
	position:relative;
}

.dropList ul .fourCol:hover div
{
	left:-1px;
	top:19px;
	width:700px;
}

.dropList ul .threeCol:hover
{
	position:relative;
}

.dropList ul .threeCol:hover div
{
	left:0px;
	top:27px;
	width:220px;
}

.dropList ul .twoCol:hover
{
	position:relative;
}

.dropList ul .twoCol:hover div
{
	left:-1px;
	top:27px;
	width:330px;
}

.dropList ul .twoCol li a
{
	width:134px;
}

.dropList ul .oneCol:hover
{
	position:relative;
}

.dropList ul .oneCol:hover div
{
	left:-1px;
	top:30px;
	width:180px;
}

.dropList ul :hover div ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.dropList ul li a.fly.inner
{
	padding-right:0px;
	background:url(../images/submenu-arrow.html) right center no-repeat;
}

.dropList ul li a.fly.inner:hover
{
	background:#393939 url(../images/submenu-arrow.html) right center no-repeat;
}

.dropList ul li:hover > a.fly.inner:hover
{
	background:#393939 url(../images/submenu-arrow.html) right center no-repeat;
}

.dropList ul :hover div ul .fly:hover
{
	position:relative;
	background:#393939;
}

.dropList ul :hover div ul .fly:hover ul
{
	left:210px;
	top:-11px;
	background:#595959;
	border:1px solid #aaa;
	padding:6px 0;
	-o-box-shadow		: 0px 3px 8px rgba(0, 0, 0, 0.2);
	-icab-box-shadow	: 0px 3px 8px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow	: 0px 3px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow		: 0px 3px 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow	: 0px 3px 8px rgba(0, 0, 0, 0.2);
	box-shadow			: 0px 3px 8px rgba(0, 0, 0, 0.2);
	
	-o-border-radius		: 6px;
	-icab-border-radius		: 6px;
	-khtml-border-radius	: 6px;
	-moz-border-radius		: 6px;
	-webkit-border-radius	: 6px;
	border-radius			: 6px;
}

.dropList ul :hover div ul .fly:hover ul ul
{
	left:-9999px;
	top:-9999px;
}

.dropList ul :hover div ul .fly:hover ul .fly:hover ul
{
	left:170px;
	top:-11px;
	background:#fff;
	border:1px solid #aaa;
}

.dropList table
{
	border-collapse:collapse;
	width:0;
	height:0;
	margin-bottom:-1px;
}