/*
  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:#211526; font-size:13px; font-family:Georgia; font-weight:normal; width:100%; }
#suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:36px; padding:0; border:1px solid #aaa; margin:0; width:100%; }
#suckerfishnav a { padding: 6px 12px 10px; height: 20px; color: #fff; text-decoration: none; font-weight: normal; text-transform: uppercase; font-family: Georgia; }
#suckerfishnav li { float:left; padding:0; }
#suckerfishnav li+li { border-left: 1px solid #3d3245; }
#suckerfishnav ul { position:absolute; z-index: 550; left:-999em; height:auto; min-width: 150px; width:200px; font-weight:normal; margin:0; margin-top: -1px; line-height:1; border:0; border-top:1px solid #666666; }
#suckerfishnav li li { float: none; display: block; width:auto; border-bottom:1px solid #666666; border-left:1px solid #666666; border-right:1px solid #666666; font-weight:normal; font-family:Georgia; }
#suckerfishnav li li a { display:block; padding: 7px 12px 9px 10px; height: 15px; font-size:12px; color:#dddddd; }
#suckerfishnav li ul ul { margin:-21px 0 0 190px; width:200px; }
#suckerfishnav li ul ul li { float: none; display: block; width:auto; }

#suckerfishnav li li:hover { background:#1F3E9F url(http://www.eyecare2020.com/wp-content/themes/thm_eyecare/images/hover.jpg) left top repeat-x; }
#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:#dddddd; }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#dddddd; }
#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:#dddddd; }
#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; background:#444444; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#5E7AD3 url(http://www.eyecare2020.com/wp-content/themes/thm_eyecare/images/hover.jpg) left top repeat-x; }