/*
Portions of implementation borrowed from: http://qrayg.com/learn/code/cssmenus
*/

ul#mainNav{
	list-style:none;
	clear:both;
}

ul#mainNav li{
	display:block;
	float:left;
	background-image:url('/images/top-nav-left.gif');
	background-position:left top;
	background-repeat:no-repeat;
	padding:5px 19px;
	padding-right:0;
	border-right:1px white solid;
	position:relative;
}

ul#mainNav li a{
	text-decoration:none;
	background-image:url('/images/top-nav-right.gif');
	background-position:right top;
	background-repeat:no-repeat;
	padding:5px 19px;
	padding-left:0;
	
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
}

ul#mainNav ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	display: none;
	position: absolute;
	top: 27px;
	left: 0;
}

ul#mainNav ul li {
	background:none;
	margin:0;
	padding:0;
	width: 11.85em;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

/* Sub-menu */
ul#mainNav li:hover li a,
ul#mainNav li.iehover li a {
	border:1px #fff solid;
	float: none;
	background: #BFD6F5;
	color: #00396F;
	height:1.75em;
	padding:0 2em 0 18px;
	padding-top:0.25em;
	display:block;
	width:11.85em;
	text-align:left;
	text-transform:capitalize;
}

ul#mainNav li:hover ul#customerSupport li a,
ul#mainNav li.iehover ul, li.over ul#customerSupport li a {
	width:9.75em;
}


ul#mainNav li:hover li a:hover,
ul#mainNav li.iehover li.iehover a {
	color:#fff;
}

ul#mainNav li:hover ul,
ul#mainNav ul li:hover ul,
ul#mainNav ul ul li:hover ul,
ul#mainNav li.iehover ul,
ul#mainNav ul li.iehover ul,
ul#mainNav ul ul li.iehover ul {
	display: block;
}