/*
  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 ***/
ul#suckerfishnav{
display:block;
  width: 262px;
	height: 340px;
border:0;
background-image:url(/wp-content/themes/tycko/images/nav.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:0;
}
ul#suckerfishnav li ul 
{ 
  position: absolute; 
  display: block; 
  visibility: hidden; 
  width: 18em; 
  margin: -40px 0 0 262px; 
  padding: 0; 
  /*border-bottom: .1em solid #39322b; */
  z-index: 99;
}
ul#suckerfishnav li ul.scroll 
{ 
  max-height: 30em; 
  overflow-y: auto; 
  overflow-x: hidden; 
}
/* star HTML filter fixes mysteriously appearing margin bug in all versions/platforms of IE */ 
* html ul#suckerfishnav li ul li 
{ 
  display: inline; 
} /* end filter */
ul#suckerfishnav li ul li ul 
{ 
  position: absolute; 
  top: auto; 
  left: auto; 
  margin: -2.2em 0 0 17.9em; 
  padding: 0;
}
ul#suckerfishnav li ul li ul.sublist 
{ 
  position: relative; 
  margin: -1.2em 0 0 0; 
  padding: 0; 
  border-bottom: 0;
}
/* Items */
ul#suckerfishnav li 
{ 
  list-style: none;  
  height: auto; 
  display: inline; 
  /*float: none; */
  float: left;
  margin: 0; 
  position:relative; 
}
/*property + whitespace + empty comment filter positions top-level suckerfishnav in single row for IE 5.0 */ 
ul#suckerfishnav li 
{ 
  display /**/: block; 
  float /**/: left;
} 
/* end filter */ 
ul#suckerfishnav li ul li 
{ 
  display: block; 
  float: none;
}
/* Links */
ul#suckerfishnav li a 
{ 
  display: block; 
  float: left; 
  /*background-color: #98BFEB; */
  background-color: #666564;
  color: #ffffff; 
  text-decoration: none; 
  font-family: Arial, Sans-Serif;
  font-size: 12px;
filter:alpha(opacity=80);
opacity:0.8;
}
/* commented backslash filter positions top-level suckerfishnav in single row for Mac IE \*/ 
ul#suckerfishnav li a 
{ 
  float: none; 
} 
/* end filter */
ul#suckerfishnav li a:hover, ul#suckerfishnav li a:focus 
{ 
  background-color: #04173f; 
  color: #ffffff;
}
ul#suckerfishnav li ul li a 
{ 
  /*line-height: 1.2em; */
  margin: 0; 
  /*border-top: .1em solid #4070AC; 
  border-left: .1em solid #4070AC; 
  border-right: .1em solid #4070AC;*/
  /*border-top: .1em solid #39322b; 
  border-left: .1em solid #39322b; 
  border-right: .1em solid #39322b;*/
  padding: 5px 5px 5px 20px;
  /*padding: .5em .5em .5em 1em; */
  text-indent: -.5em; 
}
ul#suckerfishnav li ul li ul.sublist li a 
{ 
  padding-left: 3em; 
  border-top: 0;
}
ul#suckerfishnav li li a.suckerfishnavIndicator 
{ 
  background-image: url(/Includes/Templates/Active/images/bg-bullet4.gif); 
  background-position: 16.8em center; 
  background-repeat: no-repeat; 
  padding-right: 20px;
}
ul#suckerfishnav li li a.suckerfishnavIndicator:hover 
{ 
  background-image:url(/Includes/Templates/Active/images/bg-bullet4-o.gif);
}




/*SPRITE BACKGROUP POSITIONING*/	
#suckerfishnav a.nav1, #suckerfishnav a.nav2, #suckerfishnav a.nav3, #suckerfishnav a.nav4, #suckerfishnav a.nav5, #suckerfishnav a.nav6, #suckerfishnav a.nav7
{
	/*float: left;*/
	background: url(/wp-content/themes/tycko/images/nav.jpg) no-repeat;
	width: 262px;
	text-indent: -999999px;
}	
#suckerfishnav a.nav1 {	
	background-position: 0 0;
	height: 70px;
	/*margin-left: 19px;*/
}	
#suckerfishnav a.nav2 {	
	background-position: 0 -70px;
	height: 45px;
}
#suckerfishnav a.nav3 {	
	background-position: 0 -115px;
	height: 40px;
}
#suckerfishnav a.nav4 {	
	background-position: 0 -155px;
	height: 40px;
}		
#suckerfishnav a.nav5 {	
	background-position: 0 -195px;
	height: 40px;
}	
#suckerfishnav a.nav6 {	
	background-position: 0 -235px;
	height: 40px;
}
#suckerfishnav a.nav7 {	
	background-position: 0 -275px;
	height: 65px;
}	

#suckerfishnav a.nav1:hover {	
	background-position: -262px 0;
	}
#suckerfishnav a.nav2:hover {	
	background-position: -262px -70px;
	}
#suckerfishnav a.nav3:hover {	
	background-position: -262px -115px;
	}
#suckerfishnav a.nav4:hover{	
	background-position: -262px -155px;
	}	
#suckerfishnav a.nav5:hover{	
	background-position: -262px -195px;
	}	
#suckerfishnav a.nav6:hover {	
	background-position: -262px -235px;
	}
#suckerfishnav a.nav7:hover {	
	background-position: -262px -275px;
	}