/*
  CSS generated via the Multi-level Navigation Plugin ... http://pixopoint.com/multi-level-navigation/

  If you would like a similar menu for your own site, then please try the PixoPoint Web Development
  CSS generator for creating flyout, dropdown and horizontal slider menus ... http://pixopoint.com/suckerfish_css/


*** Main menu CSS code ***/
#suckerfishnav {
background:#7C2657 url(../multi-level-navigation-plugin/images/back_knoppen_stretch.jpg) repeat-x scroll 0 0;
font-family:Myriad Pro,Arial,Helvetica;
font-size:13px;
font-weight:normal;
width:100%;
z-index:999;
}
#suckerfishnav, #suckerfishnav ul {
height:10px;
line-height:33px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0;
width:706px;
z-index:1000;
}
#suckerfishnav a {
color:#FFFFFF;
display:block;
padding:0 7px;
text-decoration:none;
z-index:1000;
}
#suckerfishnav li {
float:left;
padding:0;
}
#suckerfishnav ul {
border-color:#000000 -moz-use-text-color -moz-use-text-color;
border-style:solid none none;
border-width:0 0 0;
font-weight:normal;
height:auto;
left:-999em;
line-height:1;
margin:0;
position:absolute;
width:170px;
z-index:1000;
}
#suckerfishnav li li {
border-bottom:0 solid #000000;
border-left:0 solid #000000;
border-right:0 solid #000000;
font-family:Myriad Pro,Arial,Helvetica;
font-weight:normal;
width:170px;
}
#suckerfishnav li li a {
color:#DDDDDD;
font-size:13px;
font-weight:normal;
padding:8px 10px;
width:130px;
}
#suckerfishnav li ul ul {
margin:-21px 0 0 150px;
}
#suckerfishnav li li:hover {
background:#5b183e none repeat scroll 0 0;
z-index:1000;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
color:#c6cd2f;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#C6CD2F;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color:#FFFFFF;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
background:#7c2657 none repeat scroll 0 0;
left:auto;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background:#7A2657 url(../multi-level-navigation-plugin/images/back_knoppen_stretch_o.jpg) repeat-x scroll 0 0;
z-index:1000;
}
