/* @group SUCKERFISH */

#menu {
	position: relative; 
	background: #2e2e2e url(../templates/backpack/images/bg/bkg-format-mpage1.jpg) repeat-x 0px -826px; 
	height: 35px; padding: 0px 15px 0px 11px; margin: 35px 16px 0px 15px; 
    text-align: left; 
	color: #fff; cursor: default;
	z-index: 900;
	float: none;
	font-weight: bold;
	font: 0.95em "Lucida Grande", Lucida, Verdana, sans-serif;
	
}

#menu ul {
	margin: 0px; padding: 0px; height: 35px;
	position: absolute; top: 0px; left: 11px;
	list-style: none;
	margin-left: 2px;
	background: transparent url(../templates/backpack/images/bg/mm_topnav_drk.gif) no-repeat top center;
	color: #d7d7d7;
}


#menu ul li a:hover{
	color:#C72C5B;
	background: url(../images/bg/mm_topnav_drk.gif) center -105px; 
}

#menu ul li a.current{
background: transparent url(../templates/backpack/images/bg/mm_topnav_drk.gif) center -105px;
}

#menu-left {position: absolute; top: 0px; left: 11px}
#menu-right {
	position: absolute; top: 10px; right: 35px;
	color:#C72C5B;
}

#menu ul li {
	background: transparent;
	display: inline; height: 26px; list-style: none;
	position: relative;
	margin: 0;
}

/*PARENT MENU*/

#menu a {
	float: left;
	color: #ffffff;
	text-decoration: none;
	display: block;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	padding: 0px 15px;
}

#menu a:hover {
	background: transparent url(../templates/backpack/images/bg/mm_topnav_drk.gif) center -105px; 
    margin: 0px; 
}

/*PARENT MENU ITEM HOVER*/
#menu li a:hover {
	background: transparent url(../templates/backpack/images/bg/mm_topnav_drk.gif) center -105px; 
    margin: 0px; 
}
#menu ul li:hover,
#menu ul li.sfhover {
	/*background: url(../templates/backpack/images/menu_over.png) no-repeat left top;*/
}

/*ALL LISTS*/

#menu li {
	float: left;
	padding: 0;
	text-align: left; 
   
	/*background: url(../templates/backpack/images/menu_normal.png) no-repeat left top;*/
}

#menu ul li {
	margin-right: 1px;	
	text-align: left; 
	position: relative;
	margin: 0;
	}


#menu ul li ul li {
	margin-right: 0px;	
	text-align: left; 
}


#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li li li li:hover ul,
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul,
#menu li li li li.sfhover ul {
	background: #333; /* url(../images/bar.png);*/
        opacity: 0.8;
        text-align: left; 
	    margin: 0;
        color: #fff;
}

#menu li li li.sfhover ul img,
#menu li li li li.sfhover ul img{
	padding: 0px;
	margin: 0px;
    text-align: left; 
  
}



/*DEFINE HOVER COLORS*/

#menu li:hover a, #menu li.sfhover a {
	color: #fff;
	text-align: left; 
}

#menu ul li ul li a:link,
#menu ul li ul li a:visited {
	color: #fff;
	text-align: left; 
}

#menu ul li ul li a:hover,
#menu ul li.active ul li a:hover {
	color: #fff;
	height: 26px;
	line-height: 26px;
	background: #810543; /* url(../images/bg/graybar.png); */
        opacity: 1;
	text-align: left; 
}

#menu ul li.active ul li a:hover img{
	padding:0px;
	margin:0px;
	height: 26px;
	text-align: left; 
}

/*SUBLEVEL STYLES*/

/*SUBLEVEL TEXT STYLES*/

#menu li li a {
	font-weight: normal;
	padding: 0;
	height: 26px;
	line-height: 26px;
	text-indent: 5px;
	text-align: left; 
	width: 180px;
	border-bottom: 1px solid #d7d7d7;
}

#menu li li a:hover {
	font-weight: normal;
	padding: 0;
	margin: 0px;
	height: 26px;
	line-height: 26px;
	text-indent: 5px;
	text-align: left; 
	width: 180px;
        opacity: 1;
	background: url(../templates/backpack/images/bg/graybar.png);
}

#menu ul ul a {
	display: block;
	text-decoration: none;
	width: 180px;
	text-transform: none;
	text-align: left; 
}

#menu li li {
	padding: 0;
	background: none;
	/*DONT SHOW THE BACKGROUND IMAGE*/
}

/*SUBLEVEL POSITIONING*/

#menu li li {
	float: left;
	padding: 0;
	width: 180px;
}

#menu li ul ul {
	margin: -29px 0 0 180px;
}

#menu li:hover, #menu li.sfhover {
	left: 0;
}

/*SUBLEVEL HOVER STYLES*/

#menu ul ul a:hover {
	background: none;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0;
}



#menu li ul {
	top: 35px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* MAINLEVEL ACTIVE-A:LINK STYLE */

#menu li.active a:link,
#menu li.active a:visited,
#menu li.active ul.sfhover
 {
	
	color: #fff;
}
/* SUBLEVEL ACTIVE-A:LINK STYLE */

#menu li.active ul li a:link,
#menu li.active ul li a:visited,
#menu li.active li
 {
	color: #fff;
	background: url(../templates/backpack/images/bar.png);
	opacity: 1;
	border-bottom: 1px solid #d7d7d7;
}

#menu li.active ul li img a:link,
#menu li.active ul li img a:visited,
#menu li.active li img
 {
	padding: 0px;
	margin: 0px;
}
/* SUBLEVEL ACTIVE-A:LINK:HOVER STYLE */

#menu li.active li a:hover,
#menu li.active li.hover {
	/*color: #fff;
	background:#333;*/
}
/* SUBLEVEL LI BACKGROUND */
#menu li li:hover {
	background: url(../templates/backpack/images/bg/graybar.png);
	  opacity: 1;
}



/*SUBLEVEL PARENT INDICATORS*/



#menu ul li ul li a.child,
#menu ul li ul li a.child:hover {
	background: url(../templates/backpack/images/arrow_right.gif) 100% 50% no-repeat;
}

#menu ul li.active ul li a.child {
	background: url(../templates/backpack/images/arrow_right.gif) 100% 50% no-repeat;
}
#menu ul li ul li a:hover {
	background-image: none;
}

/* HIDE OTHER LISTS FROM IE */

#menu li:hover ul ul, 
#menu li:hover ul ul ul,
#menu li:hover ul ul ul ul,  
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul, 
#menu li.sfhover ul ul ul ul {
	left: -999em;
}

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li li li li:hover ul,
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul,
#menu li li li li.sfhover ul {
	z-index: 100;
	left: 0;
}

/* BECAUSE IE DOESNT UNDERSTAND CSS EVEN IN 2007 */

#menu li.sfhover ul li.sfhover {
	background: url(../templates/backpack/images/bg/graybar.png);
}


#menu li:hover li:hover a.child,
#menu li.sfhover li.sfhover a.child {
	color: #fff;
}

/* @end */
