/* @override http://localhost:8888/macuser/templates/macuser/css/pj_superfish.css */

/*MAIN LEVEL LINK COLOR*/
#menuframer{
	width:755px;
	height: 55px;
	padding-bottom:0px;position:relative;z-index: 10; top:0px;}
#menusystem{width:430px;position:absolute; z-index:10;padding: 0px; margin-left: 330px; }

#menusystem ul li,#menusystem  ul {list-style: none; text-indent:0px; margin-bottom:0px;}
#menusystem li {text-indent:0px;margin-bottom: 0px; padding-left: 0px;}

#menusystem a:link,#menusystem a:visited,#menusystem a:hover{text-decoration:none; border-bottom: none;}
#menusystem a, #menusystem span.separator{
color:#999;
font-size: 11px;
font-weight: normal;

}
/*ACTIVE MAIN LEVEL*/
#menusystem ul li.active a.parent,
#menusystem ul li.active a, li.active a,
#menusystem ul li.on a, 
#menusystem ul li.on a.parent {
	color: #000;
	height: 61px;
	background: url(../images/top-menu-hover.png) no-repeat 50% 52px;
} 
#menusystem li.on a {

}
#menusystem li.active span.separator  {	 
}

div#menusystem.bottom-menu {
	padding-top: 4px;
	margin-left: 315px;
	width: 570px;
}

#sf div.moduletable_bottom-menu ul.menu li.parent.active.item8 a {
	height: 65px;
	background: url(../images/bottom-menu-bg.png) no-repeat 50% 57px;
}

div.moduletable_bottom-menu ul.menu, div.moduletable_bottom-menu {
	z-index: 1;
} 

.bottom-menu li#current.active a{
	height: 65px;
	background: none;
}

.bottom-menu li#current.parent.active.item8,
 .bottom-menu li#current.active.item1,
 .bottom-menu li#current.active.item2,
  .bottom-menu li#current.active.item3,
   .bottom-menu li#current.active.item4,
    .bottom-menu li#current.active.item5,
     .bottom-menu li#current.active.item6,
      .bottom-menu li#current.active.item7,
       .bottom-menu li#current.active.item9,
        .bottom-menu li#current.active.item10 {
	height: 65px;
	background: url(../images/bottom-menu-bg.png) no-repeat 50% 57px;
}

/*MAIN LEVEL HOVER*/
#menusystem a:hover {
color:#000;
height: 57px;

}
/* SUB BUTTON FONT*/
#menusystem li.active li a, #menusystem li li a, #menusystem li.on li a, #carousel li li a{	
color:#666;

}
#menusystem li.active li.active a,#menusystem li.on li.on a {	
color: #000;

}
/*SUB-LEVEL HOVER*/
#menusystem li ul a:hover,
#menusystem li.on ul a:hover {

color:#000;
}
/*SUB-LEVEL EXPANDED*/
#menusystem li ul a,
#menusystem li.on ul a{
font-weight: normal;
border-right:0px;
}

#sf {
	position: absolute; /* position:fixed
	centre:0;*/
	width:100%;
}
#sf a, #sf span.separator{
	float: left;
	display: block;
	cursor: pointer;	
	height: 56px;
	
}



/*more to come*/
#sf ul li ul li.parent a{

}
#sf ul li ul li.parent ul a{
	background: none;
}
#sf ul li ul li ul li.parent a{

}
#sf ul li ul li ul li.parent ul a{
	background: none;
}
#sf ul li ul li ul li ul li.parent a{
	
}
#sf ul li ul li ul li ul li.parent ul a{
	background: none;
}

#sf ul ul a {
	display: block;
	text-decoration: none;
	width: 175px;
	line-height: 22px;
	height:22px;
	text-transform: none;
}

/*ie6 needs these below*/
#sf li {
	float: left;
	padding: 0;
    background: none;
}
#sf ul li {
	position: relative;
	height: 56px;
	line-height: 56px;
}
#sf li li {
	float: left;
	padding: 0;
   	width: 175px;
	height: 22px;
	line-height: 22px;
}
#sf li.sfHover ul ul, 
#sf li.sfHover ul ul ul, 
#sf li.sfHover ul ul ul ul {
	left: -1999em;
}
#sf li.sfHover ul, 
#sf li li.sfHover ul, 
#sf li li li.sfHover ul,
#sf li li li li.sfHover ul{
	z-index: 100;
}
/*^^^ above needed for ie6*/


#sf li ul {
	position: absolute;
	left: -1999em;
	height: auto;
	width: 180px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	padding-left:0px;
}
#sf li ul ul {
	top: 46px;
	margin: -42px 0 0 175px;
}

/* common styling */
#mainlevel-nav li a, #mainlevel-nav li a:visited, #sf ul.menu-nav li a, #sf ul.menu-nav li a:visited {display:block; text-decoration:none;overflow:hidden;}
#sf ul {padding:0; margin:0;list-style-type: none; float:left;}
#sf ul li {float:left; margin:0px; position:relative;}
#sf ul li:hover ul {display:block; position:absolute; top:46px; left:0px; width: 175px;}
#sf ul li:hover ul li a {}
#sf ul li:hover ul li:hover a {}
#sf ul li:hover ul li ul {left:-1999px;}
#sf ul li:hover ul li a {display:block;}
#sf ul li:hover ul li a:hover {}
#sf ul li:hover ul li:hover ul {left:0; position:absolute;text-decoration:none;}
#sf ul li:hover ul li:hover ul li ul{left:-1999px;}
#sf ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;}
#sf ul li:hover ul li:hover ul li:hover ul li ul{left:-1999px;}
#sf ul li:hover ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;}

#sf ul li.sfHover ul {display:block; position:absolute; top:44px; left:0px; width:175px;}
#sf ul li.sfHover ul li a {}
#sf ul li.sfHover ul li.sfHover a {}
#sf ul li.sfHover ul li ul {left:-1999px;}
#sf ul li.sfHover ul li a {display:block;}
#sf ul li.sfHover ul li.sfHover ul {left:0; position:absolute;}
#sf ul li.sfHover ul li.sfHover ul li ul {left:-1999px;}
#sf ul li.sfHover ul li.sfHover ul li.sfHover ul {left:0; position:absolute;}
	
#sf li.sfHover li a,
#sf li:hover li a, 
#sf li li.on a, 
#sf li li.on:hover a, 
#sf li li.over.on a {
	background:none;
}
#sf a,#sf li span.separator{
	padding: 0 0px 0 0px;	
}
#sf ul li {	margin-left: 5px;
}
#sf ul li li {margin-left: 0;}
#sf li {
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	padding-left:0px;

}
#sf li li a{ padding:0px;text-indent: 10px;
}
/*#sf li:hover, #sf li.over, #sf li.sfHover{

}

#sf li.active, #sf li.on {

		

}

*/
#sf li li:hover, #sf li li.over, #sf li li.sfHover{
background: none;
}

#sf li li.active, #sf li li.on {
	
	padding-left:0px;
	margin-left:0px;

}
/*
#sf li.parent a, #sf li a.topdaddy, #sf li.parent span.separator{

}

#sf li.active a, #sf li.on a, #sf li.active span.separator{

}*/
#sf li.active li a, #sf li.on li a, #sf li.active li span.separator{
	 padding-right:0px;
}

#sf ul {}
#sf ul ul{background: url(../images/vertbg.png);font-weight: normal;padding-top:0px;z-index:80;margin-top:11px; }
#sf ul li ul li span.separator{background:none;}

#sf ul ul ul{padding-top:0px;}
#sf li li  {background: url(../images/verticalmenusep.png) no-repeat 0 100%; background-color: #fff; /* opacity: 0.85; */}
#sf li ul {
	border-left: 1px solid #ccc; 
	margin-top: 17px;} /* sub menu */





