/* ================================================================ 

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.cssmenus.co.uk

Copyright (c) 2009- Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



/*========================

Modified for Matson.com

@author Dave Townsend

@since 12/09/2009

@version 1.0

=========================*/



#menu { 

	padding: 0; 

	margin: -1px 0 0;

	list-style: none; 

	height: 17px; 

	position: relative; 

	z-index: 500; 

	font-family: Verdana, Geneva, sans-serif;

	top: -1px;

	background-color: #0039A6;

	width: 507px;

}



#menu li {

	float: left; 

	padding: 0; 

	margin: 0; 

}



#menu li a {

	display: block; 

	float: left; 

	height: 17px; 

	line-height: 17px; 

	color: #fff; 

	text-decoration: none; 

	font-size: 7pt; 

	font-weight: bold; 

	padding: 0 12px;

	background: #0039a6 url(../images/global/pipe.gif) no-repeat left center;

}



#menu li a.firstItem {

 background: none;

}





#menu table {

	border-collapse: collapse; 

	width: 0; 

	height: 0; 

	position: absolute; 

	top: 0; 

	left :0;

}





/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */



#menu li a:hover {

	z-index: 200; 

	position: relative;

	color: #fff; 

	background-color: #0039a6;

}



#menu li:hover {

	position: relative; 

	z-index: 200;

}



#menu li.current a {

	color: #fff; 

	background: #0039a6;

}



#menu :hover ul {

	left: -1px; 

	top: 17px; 

	width: 170px; 

	background: #444;

}







#menu ul, 

#menu :hover ul ul {

	position: absolute; 

	left: -9999px; 

	top: -9999px; 

	width: 170; /* was 0 leaving of px fixes in FF */

	height: 17; /* was 0 leaving of px fixes in FF */

	margin: 0; 

	padding: 0; 

	list-style: none;

}



#menu :hover ul :hover ul {

	left: 170px; 

	top: 0px; 

	background: #222; 

	white-space: nowrap; 

	width: 170px; 

	z-index: 200; 

	height: auto;

}



#menu :hover ul li {

	margin: 0; 

	border-bottom: 1px solid #999;

	border-left: 1px solid #999;

	border-right: 1px solid #999;

}



#menu :hover ul li a {

	width: 170px; 

	padding: 0; 

	text-indent: 10px; 

	background: #0039a6; 

	color: #fff; 

	height: 22px; 

	line-height: 22px;

}



#menu :hover ul li a.fly {

	background: #0039a6 url(../images/global/right-arrow.gif) no-repeat right center;

}



#menu :hover ul :hover {

	background-color: #ccc; 

	color: #333;

}



#menu :hover ul :hover a.fly {

	background: #ccc url(../images/global/right-arrow_RO.gif) no-repeat right center;

	color: #333;

}



#menu :hover ul :hover ul li a {

	width: 175px; 

	padding: 0; 

	text-indent: 10px; 

	background: #0039a6; 

	color: #fff;

}



#menu :hover ul :hover ul :hover {

	background-color: #ccc; 

	color: #333;

}