/*
  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 {
		width:928px; 
		float:left; 
		background:url(http://www.chillimint.com/images/navigation-bg.jpg) repeat-x; 
		height:40px; 
		z-index:2000; 
		position:relative; 
 }
 
#suckerfishnav, #suckerfishnav ul {
    float:left;
    line-height:30px;
    list-style:none;
     padding:0;
    margin:0;
    }

#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px 0 18px;
    }
#suckerfishnav li {
	float:left;
    background:#003151 url(http://www.chillimint.com/images/nav-dots.jpg) no-repeat;
	  background-position: 10px 0px;

	padding-left:12px ;
	float:left;
	display:block;
	margin-right:24px;
    }
#suckerfishnav ul { 
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;

    }
	
#suckerfishnav li:hover {
  background:#003151 url(http://www.chillimint.com/images/nav-dots-lbw.jpg) no-repeat;
	  background-position: 10px 5px;
  } 	
  
#suckerfishnav li a:hover {  
  color:#f0a800;}
  	
   #suckerfishnav li li:hover {  /*CONTROLS THE WIDTH OF TOP NAV BUTTONS WIDTH*/ 
    background:#003151 url(http://www.chillimint.com/images/nav-dots-lbw.jpg) no-repeat;
    background-position: 0px 0px;
  }
	
#suckerfishnav li li {    /*CONTROLS BACKGROUND OF ALL SECOND LEVEL NAVS*/
   background:#003151 url(http://www.chillimint.com/images/nav-dots.jpg) no-repeat;
   background-position: 10px 0px;
   padding-left:12px;
   padding-top:7px;
   line-height:18px;
   padding-bottom:8px;
   width:220px;
}	
	
#suckerfishnav li li a {
     width:180px;
    font-size:12px;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover a {
    color:#f0a800;
    }
	
/*  This makes all the text go to that color   */
#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 {
    left:auto;	     
    }
	
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
     background:#003151 url(http://www.chillimint.com/images/nav-dots-lbw.jpg) no-repeat;
     background-position: 10px 0px!important;
     color:#f0a800;  
    }