/* ================================================================ 
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/pro-droplistv2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#dropList { 
	height: 38px;
	width: 994px;
	position: relative;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	z-index: 500;
	border-width: 1px 1px 0 1px;
}

#dropList ul#menu { margin:0; padding:0; list-style:none; white-space:nowrap; }

#dropList ul#menu li.level1-li { float:left; height:39px; /*padding-top:1px; margin-right:1px;*/ }
#dropList ul#menu li.level1-li a.level1-a { 
	display: block;
	height: 38px;
	float: left; 
	border-left: 1px solid #5292d2;
	border-right: 1px solid #7eafde;
	padding: 0 12px 0 12px;
	text-decoration: none;
	line-height: 38px;
	white-space: nowrap;
	font-weight: normal;
	color: #fff;
}

#dropList ul#menu li.sub a.level1-a { color: #fff; }

#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover { position: relative; }
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a { border-left: 1px solid #5292d2; color: #fff; background: url(../images/navigation/top_nav_back_over.gif); }

#dropList ul#menu li.sub a.level1-a:hover { height: 39px; color: #fff; background: url(../images/navigation/top_nav_back_over.gif); }
#dropList ul#menu li.sub:hover > a.level1-a { height: 39px; color: #fff; background: url(../images/navigation/top_nav_back_over.gif); }

#dropList ul#menu li div.listHolder { position: absolute; left: -9999px; top: 39px; background: #fff; border: 1px solid #000; border-width: 0 1px 1px 1px; padding: 0; } /* IE6 only */
#dropList table { border-collapse: collapse; margin: -1px -10px; font-size: 0.8em; width: 0; height: 0; }

#dropList ul#menu :hover div.listHolder { left: 0; }
#dropList ul#menu a:hover div.listHolder { left: -1px; top: 39px; }

#dropList ul#menu div.col1 { width: 141px; }
#dropList ul#menu div.col2 { width: 280px; }
#dropList ul#menu div.col3 { width: 450px; }

/* Float the menu to the left or right so that it fits correctly within the area of the site */
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 { left: -141px; }
#dropList ul#menu a:hover div.right1, #dropList ul#menu :hover div.right1 { left: -272px; }
#dropList ul#menu a:hover div.right2, #dropList ul#menu :hover div.right2 { left: -678px; }

#dropList ul#menu div.listHolder div.bottomLine { clear: left; background: #666; padding: 5px 10px; }
#dropList ul#menu a:hover div.listHolder div.bottomLine { height: 1px; }
#dropList ul#menu div.listHolder div.bottomLine p { padding: 0 0 0 0; margin: 0; line-height: 20px; color: #fc0; font-weight: bold; }
#dropList ul#menu div.listHolder div.bottomLine p a { color: #fff; }
#dropList ul#menu div.listHolder div.bottomLine p a:hover { text-decoration: none; }

/* Style the top level category menu items */
#dropList ul.atoz { padding: 0; margin: 0; list-style: none; width: auto; height: 24px; background: #1b5998; }
#dropList ul.atoz div.subListHolder { position: absolute; left: -9999px; }
#dropList ul.atoz li { display: block; float: left; }
#dropList ul.atoz li a { display: block; padding: 0 10px; float: left; height: 24px; line-height: 24px; background: #1b5998; color: #fff; text-decoration: none; text-align: center; font-weight: bold; }
#dropList ul.atoz li a:hover { background: #5294d2; color: #fff; }
#dropList ul.atoz li:hover > a { background: #5294d2; color: #fff; }
#dropList ul.atoz :hover div.subListHolder { left: -1px; top: 24px; background: #fff; border: 1px solid #000; border-width: 0 1px 1px 1px; }

#dropList ul.atoz :hover div.subListHolder { left:-1px; top:24px; background:#fff; border:1px solid #000; border-width:0 1px 1px 1px; }
#dropList ul.atoz li.open div.subListHolder { left:-1px; top:24px; background:#fff; border:1px solid #000; border-width:0 1px 1px 1px; }

#dropList div.listCol { display: block; float: left; padding: 10px; margin: 0; width: 120px; }
#dropList div.listCol h5 { padding: 5px 0 0 0; margin: 0; font-size: 11px; color: #000000; line-height: 13px; text-align: left; }
#dropList div.listCol ul { padding: 0; margin: 0; list-style: none; }
#dropList div.listCol ul li { line-height: 15px; padding: 0; margin: 0; }
#dropList div.listCol ul li a { display: block;  color: #069; text-decoration: none; padding-left: 10px; font-weight: normal; white-space: nowrap; text-align: left; width: 110px; }
#dropList div.listCol ul li a:hover { text-decoration: underline; }

#dropList ul.atoz li.open .sublistCol { height:400px; }
#dropList ul.atoz :hover .sublistCol { height:400px; }

#dropList div.sublistCol { display: block; float: left; padding: 10px; margin: 0; width: 125px; text-align: left; line-height: 15px; }
#dropList div.sublistCol h5 { clear: both; padding: 5px 0 0 0; margin: 0; font-size: 11px; line-height: 13px; text-align: left; color: #000; }
#dropList div.sublistCol ul { padding: 0; margin: 0; list-style: none; width: 110px; }
#dropList div.sublistCol ul li { line-height: 15px; padding: 2px 0px 0px 0px; margin: 0; width: 135px; }
#dropList div.sublistCol ul li a { display: block; float: left; color: #069; text-decoration: none; padding-left: 0px; font-weight: normal; background: #ffffff; white-space: normal; height:auto; text-align:left; line-height: 15px; font-weight: normal; }
#dropList div.sublistCol ul li a:hover { text-decoration: underline; color: #069; background: #ffffff; }
#dropList div.sublistCol ul li:hover  a { text-decoration: underline; color: #069; background: #ffffff; }

#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine { clear: left; background: #666; padding: 5px 10px; text-align: left; }
#dropList ul#menu a:hover div.listHolder ul.atoz div.bottomLine { height: 1px; }
#dropList ul#menu div.listHolder ul.atoz li.open div a {color:#069; background:transparent;}
#dropList ul#menu div.listHolder ul.atoz li.open div a:hover {text-decoration:underline;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p { padding: 0 0 0 0; margin: 0; line-height: 20px; color: #fc0; font-size: 11px; font-weight: bold; }
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a { color: #fff; background: #666; display: inline; float: none; padding: 0; text-decoration: underline; }
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a:hover { text-decoration: none; }

#dropList table table { border-collapse: collapse; margin: -1px -10px 0 -10px; font-size: 0.8em; width: 0; height: 0; }

/* ---------------------------------------------------------------------------------------------------- */
/* IE6 select box fix top menu																																					*/
/* ---------------------------------------------------------------------------------------------------- */

#menu iframe { position: absolute; left: -9999px; border: 0; padding: 0; margin: 0; width: 0; height: 0; border-right :solid 0px #d1d1d1; }

#menu a:hover ul iframe, #menu li a:hover ul a:hover ul iframe, #menu li a:hover ul a:hover ul a:hover ul iframe, #menu li a:hover ul a:hover ul a:hover ul a:hover ul iframe { left:-9999px; }

#menu a:hover #normal_iframe { left:-1px; top:25px; }
#menu a:hover #right1_iframe { left:-283px; top:39px; }
#menu a:hover #right2_iframe { left:-378px; top:39px; }

#menu a:hover iframe { left:-1px; top:39px; }

#menu a:hover a:hover iframe, #menu a:hover a:hover a:hover iframe, #menu a:hover a:hover a:hover a:hover ifra