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

/* style the outer div to give it width */
.menu {
	margin-bottom: 0px;
	font-size: 12px;
	color: #fff;
	font-family: verdana, arial, sans-serif;
	display:block;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	height: 30px;
	display: block;
}

/* style the sub-level lists */
.menu ul ul { width: 16em; margin-top: 6px; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float: left;
	height: 32px;
	line-height: 28px;
	padding-right: 2px;
	background-image: url(../images/navigation/top_nav_spacer.gif); background-repeat: no-repeat; background-position:right top;
}

/* makes the end menu item have no line */
.menu ul li.end_menu {
	float: left;
	height: 32px;
/*	line-height: 2.5em;*/
	padding-right: 2px;
	background-image: url(../images/navigation/top_nav_spacer_end.gif); background-repeat: no-repeat; background-position:right top;
}

/* style the sub level list items */
.menu ul ul li { display: block; width: 16em; height: auto; position: relative; line-height: 1em; border-right: solid 0px #fff; padding-right: 0px; }

.start_menu_item li { left: 1px; }
.middle_menu_item li { left: -2px; }

/* style the links for the top level */
.menu a, .menu a:visited { display: block; float: left; height: 100%; text-decoration: none; color: #fff; padding: 0 20px 0 20px; /*border: solid 1px red;*/ }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display: block; background: #ebeaea; color: #000; width: 16em; height: 100%; line-height: 14px; padding: 0.5em 1em;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
}

.border_bottom { border-bottom: solid 1px #ccc; }

.menu ul table ul a, .menu ul table ul a:visited  { width:16em; w\idth:16em; }

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { position:absolute; left:0; top:0; font-size:1em; z-index:-1; }
.menu ul ul table { lef\t:-1px; }
.menu ul ul table ul.left { margin-lef\t:0px; }

.menu li:hover { position:relative; }
* html .menu a:hover { position:relative; }

/* style the level hovers */
/* first */
.menu a:hover { color:#FFFF00; }
.menu :hover > a { color:#FFFF00; }

/* second */
.menu ul ul a:hover{ color:#fff; background:#848e93; }
.menu ul ul :hover > a { color:#fff; background:#848e93; }

.menu ul ul a:hover.business { color:#fff; background:#365f91; }
.menu ul ul :hover > a.business { color:#fff; background:#365f91; }

.menu ul ul a:hover.home { color:#fff; background:#5f497a; }
.menu ul ul :hover > a.home { color:#fff; background:#5f497a; }

.menu ul ul a:hover.soho { color:#fff; background:#5182e8; }
.menu ul ul :hover > a.soho { color:#fff; background:#5182e8; }

/* third */
.menu ul ul ul a:hover { color:#fff; background:#848e93; }
.menu ul ul ul :hover > a { color:#fff; background:#848e93; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 25px; left: 0; width: 18em;line-height: 14px; }

/* position the third level flyout menu */
.menu ul ul ul { left: 207px; top: -6px; width: 14em; }

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.start_menu_item_ul { left: 201px; margin-left: 4px; }
.menu ul ul ul.start_menu_item_ul li { left: 0px; margin-left: 0px; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; height: auto; padding-bottom: 0em; background: transparent url(images/trans.gif); }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul { visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { visibility: visible; }

.menuon_green { background-image: url(../images/navigation/top_nav_back_green.gif); background-repeat: repeat-x; }
.menuon_business { background-image: url(../images/navigation/top_nav_back_business.gif); background-repeat: repeat-x; }
.menuon_home { background-image: url(../images/navigation/top_nav_back_home.gif); background-repeat: repeat-x; }
.menuon_soho { background-image: url(../images/navigation/top_nav_back_soho.gif); background-repeat: repeat-x; }

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

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

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

#menu_ul_top a:hover iframe { left:0px; top:28px; }

#menu_ul_top a:hover a:hover iframe, #menu_ul_top a:hover a:hover a:hover iframe, #menu_ul_top a:hover a:hover a:hover a:hover iframe { left:233px; top:-1px; }

#menu_ul_top li:hover > a.start_menu { background:transparent url(../images/navigation/menu_start_over.gif) no-repeat;	}