#navigation{
  background:url(../images/navbar-bg.png) repeat-x #444;
  display:block;
  overflow:visible !important; 
  position:relative;
  z-index:2;
}

/* The block */
#block-pi_table_queue-flexiMenu{
	margin:0;
	padding:0;
}
#table-queue-fleximenu .menu{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}
/* All links */
#navigation #table-queue-fleximenu a{
	text-decoration:none;
	color:#D2D2D2;
	display:block;
}
#navigation ul.menu.dropdown a:hover,
#navigation ul.menu.dropdown a.active{
	color:#fff;
	background:transparent;
}


/* First level LIs */
#navigation ul.menu.dropdown li{
	position:relative;
	overflow:visible;
	height:40px;
	padding:0;
	margin:0;
	line-height:40px;
	float:left;
	border-left:1px solid #8C8C8C;
}

/*First level links */
#navigation ul.menu.dropdown li a,
#navigation ul.menu.dropdown li a.active{
	display:block;
	padding:0 15px;
	margin:0;
	color:#D2D2D2;
	font-size:15px;
}
#navigation ul.menu.dropdown li a.active:hover{
	background-color:#111;
}
/*  Add right margin for dropdown item to accomodate arrow image */
#navigation ul.menu.dropdown li.dd a{
	margin-right:7px;
	background:url(../images/menu-arrow-sprite.png) no-repeat 100% 17px;
}
/* Set background color on LIs for hover, active, and active-trail */
#navigation ul.menu.dropdown li:hover,
#navigation ul.menu.dropdown li.active,
#navigation ul.menu.dropdown li.active-trail{
	background:#111;
	cursor:pointer;
}
/* Display arrow image on top level links with children */
#navigation ul.menu.dropdown li.dd:hover a,
#navigation ul.menu.dropdown li.dd a:hover,
#navigation ul.menu.dropdown li.dd.active a,
#navigation ul.menu.dropdown li.dd.active a:hover{
	background:url(../images/menu-arrow-sprite.png) no-repeat 100% -8px;
}
/* No background image for links in the dropdown. Explicit declerations because ie7 doesn't support descendent selector > */
#navigation ul.menu.dropdown li.dd:hover li a,
#navigation ul.menu.dropdown li.active li a,
#navigation ul.menu.dropdown li.active-trail li a,
#navigation ul.menu.dropdown li.dd li a:hover,
#navigation ul.menu.dropdown li.dd.active li a,
#navigation ul.menu.dropdown li.dd.active li a:hover{
	background-image: none;
}
/* Second level menu. Hidden until parent li hovered on */
#navigation ul.menu.dropdown li ul{
	visibility:hidden;
	display:none;
	position:absolute;
	top:40px;
	left:0;
	z-index: 99;
	width:210px;
	background:url(../images/dropdown-bg.png) repeat-x #373737;
}
#navigation ul.menu.dropdown li ul li{
	position:relative;
	float:none;
	height:auto;
	border-bottom:1px solid #424242;
	padding:0;
	margin:0;
	border-left:0;
}
#navigation ul.menu.dropdown li ul li:last{
	border:0;
}
#navigation ul.menu.dropdown li.dd ul li a{
	height:auto;
	font-size:13px;
	line-height:18px;
	color:#ddd;
	border:0;
	padding:6px 30px 7px 14px;
	display:block;
	margin:0;
	background-image:none;
}
#navigation ul.menu.dropdown li a.active:hover{
	color:#fff;
	cursor:pointer;
}
#navigation ul.menu.dropdown li:hover ul,
#navigation ul.menu.dropdown a:hover ul{
	visibility: visible;
	display:block;
}