/*
  Navigation Styles for Ellex.com
  Main Nav styles re-written for wayfinder
  and accordion wayfinder nav
	Last updated 10/22/2009 by Jonathan
*/

/* Begin Top Navigation Styles */
#nav {
	width:591px;
  background:#999;
  height:20px;
  z-index:80;
}
#nav ul {
  margin:0;
  padding:0;
}
#nav ul.topLevel li.last {
  border-right:2px solid #999;
}
#nav ul li {
  margin:0;
  padding:0;
  background:#999;
  list-style:none;
}
#nav ul.topLevel li {
  position:relative;
  float:left;
  width:117px;
  height:20px;
  border-right:1px solid #DDD;
  z-index:81;
  text-align:center;
}
#nav ul li a {
	display:block;
	width:160px;
	margin:0;
	padding:3px 5px;
	font:11px arial;
	color:#666;
	text-decoration:none;
}
#nav ul li a img {
  position:absolute;
  top:0;
  left:0;
  border:none;
}
#nav ul.topLevel li a {
	width:117px;
	height:16px;
	padding:2px 0;
	font-size:12px;
	color:#FFF;
  /* letter-spacing:1px; */
}
#nav ul.topLevel span.subArrow {
	display:none;
}

/* Sub Level Styles */
#nav ul.subLevel li.last {
  border:none;
}
#nav ul.subLevel li {
  width:auto;
  height:auto;
  border:none;
  z-index:91;
  text-align:left;
}
#nav ul.subLevel li.menuNote {
	width:180px;
	padding:3px 8px;
	cursor:default;
	border:1px solid #FFF;
	border-top:none;
	background:#999;
	font-size:11px;
	color:#FFF;
	text-align:center;
}

#nav ul li a:hover {
	background:#689;
}
#nav ul li ul {
	position:absolute;
	top:20px;
	left:0;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:1px solid #999;
	border-top-color:#FFF;
	z-index:90;
}
#nav ul li ul li ul {
	top:-1px;
	left:100%;
	z-index:91;
}
#nav ul li ul li ul li ul {
	z-index:92;
}
#nav ul.subLevel,#nav ul.subLevel li {
	background:#DDD;
}
#nav ul.subLevel li a {
	width:180px;
	padding:3px 8px;
	border:1px solid #FFF;
	border-top:none;
	font-size:11px;
	color:#666;
}
#nav ul.subLevel li a:hover {
	color:#FFF;
}
#nav ul li ul,
#nav ul li:hover ul li ul,
#nav ul li.hover ul li ul,
#nav ul li ul li:hover ul li ul,
#nav ul li ul li.hover ul li ul {
	display:none;
}
#nav ul li:hover ul,
#nav ul li.hover ul,
#nav ul li ul li:hover ul,
#nav ul li ul li.hover ul,
#nav ul li ul li ul li:hover ul,
#nav ul li ul li ul li.hover ul {
	display:block;
}
#nav ul.subLevel li span.subArrow,
#nav ul.subLevel li:hover ul span.subArrow {
	position:absolute;
	top:7px;
	right:5px;
	width:8px;
	height:13px;
	display:block;
	background:url(/images/nav/way_arrow.gif) no-repeat;
	z-index:99;
}
/* End Top Navigation Styles */

/* Begin Accordion Navigation Styles */
#accordion {
	position:relative;
}
#accordion ul {
	width:138px;
	margin:96px 7px 0 7px;
	padding:0;
	border-bottom:1px solid #CCC;
}
#accordion ul li {
	margin:0;
	padding:0;
	border-top:1px solid #CCC;
	background:#FFF;
	list-style-type:none;
	font-size:11px;
	color:#666;
}
#accordion ul li a {
	font-weight:normal;
	color:#666;
}
#accordion ul,
#accordion ul li.openTab a {
	background:#EEE;
	font-weight:bold;
}
#accordion ul li.openTab ul li a {
	font-weight:normal;
}
#accordion ul li.openTab a:hover {
	background:#EEE;
}
#accordion ul li.active a {
	color:#666;
}
#accordion ul li a:hover,
#accordion ul li ul li a:hover,
#accordion ul li.active a:hover,
#accordion ul li.active ul li.active a:hover {
	background:#DDD;
}
#accordion ul li.active a,
#accordion ul li.active ul li.active a {
	font-weight:bold;
	background:#EEE;
}
#accordion ul li.active ul li a {
	font-weight:normal;
	background:#EEE;
}
#accordion ul li a {
	padding:4px 0 4px 8px;
	display:block;
	font-size:11px;
	color:#666;
	text-decoration:none;
}
#accordion ul li ul {
	position:static;
	margin:0 0 18px 0;
	padding:0;
	border:none;
}
#accordion ul li ul li {
	border:none;
	font-size:10px;
}
#accordion ul li ul li.accordNote a,
#accordion ul li ul li.accordNote a:hover,
#accordion ul li.active ul li.accordNote a,
#accordion ul li.active ul li.accordNote a:hover {
	padding:2px 0;
	background:#BBB;
	cursor:default;
	color:#FFF;
	text-align:center;
}
#accordion ul li ul li a {
	padding:2px 12px;
	font-size:10px;
}
/* End Accordion Navigation Styles */

.ClearFix {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	margin:0;
	padding:0;
	line-height:0;
}