/*
  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 {
    font-size:11px;
    font-family: arial, verdana, tahoma, sans-serif;
    width:100%;
    z-index:2002;
        text-shadow: #275DA6 1px 1px 1px;
width:auto;
height:74px;
Padding: 45px 0 0 15px;
letter-spacing: 1px;
 background: url("http://thewestend.bm/wp-content/themes/WEDCO_2.0/images/sep2.png") no-repeat 0px 20px ; 
 }
#suckerfishnav, #suckerfishnav ul {
    list-style:none;
    line-height: 30px;
text-transform: uppercase; 
    z-index:2002;
    float:right;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    
    }
#suckerfishnav li {
    float:left;
    padding: 0px 0px 0px 10px;

    }

#suckerfishnav li a {
    padding: 0px 10px 0px 0px;

    }


#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    padding: 0 10px 0 0;
    line-height:1;
    border-top:1px solid #fff;
    }
#suckerfishnav li li {
    width:149px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    font-weight:bold;
    font-family:arial, verdana, tahoma, sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:130px;
    font-size:9px;
    color:#999; 
    }
#suckerfishnav li ul ul {
    margin:-18px 0 0 149px;
    }


#suckerfishnav li li:hover {
    background: #8FBCE6; /* Child BG */
background-image: none;
    }
#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:#fff;  /* Child Hover */
 background-image: none;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff; /* Main Hover Colour */

    }
#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:#fff; /* Child Colour */
background-image: none; /* Remove Child link BG */
    }
#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: #2692d5; /* Child BG */
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    /* Main BG Hover */
   }

/* Parent BG */
#suckerfishnav li:hover  {
     background: url("http://thewestend.bm/wp-content/themes/WEDCO_2.0/images/btn_lt.png") no-repeat 0px 3px ;
 
        }

#suckerfishnav li:hover a   {
    background: url("http://thewestend.bm/wp-content/themes/WEDCO_2.0/images/btn_rt.png") no-repeat 100% 3px ;
 
       }


/*** Second menu CSS code ***/
#suckerfishnav_2 {
    font-size:10px;
    font-family: arial, verdana, tahoma, sans-serif;
    font-weight:normal;
letter-spacing:1px;
width: auto;
height:32px;
        text-shadow: #fff 1px 1px 1px;

    }

li#topmenu { background: url("http://thewestend.bm/wp-content/themes/WEDCO_2.0/images/sep.png") no-repeat 0px 6px ;  }
li#home a { background: url("http://thewestend.bm/wp-content/themes/WEDCO_2.0/images/home.png") no-repeat 0 6px ; height:32px; width:19px; padding: 0 10px 0 0;  }
li#home a:hover { background: url("http://thewestend.bm/wp-content/themes/WEDCO_2.0/images/home.png") no-repeat -29px 6px ; }

#suckerfishnav_2, #suckerfishnav_2 ul {
    float:right;
    list-style:none;
    line-height:32px;
height:32px;
    padding:0;
  text-transform: uppercase; 
    margin:0;
overflow:hidden;

    }
#suckerfishnav_2 a {
    display:block;
    color:#4d4d4d;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav_2 li {
    float:right;
    padding:0;
    }
#suckerfishnav_2 ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:131px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #ffffff;
    }
#suckerfishnav_2 li li {
    width:129px;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    font-weight:bold;
    font-family: verdana, arial, tahoma, sans-serif;
    }
#suckerfishnav_2 li li a {
    padding:4px 10px;
    width:110px;
    font-size:9px;
    color:#fff;
    }
#suckerfishnav_2 li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav_2 li li:hover {
    color: #0055A4;
    }
#suckerfishnav_2 li ul li:hover a, #suckerfishnav_2 li ul li li:hover a, #suckerfishnav_2 li ul li li li:hover a, #suckerfishnav_2 li ul li li li:hover a {
    color:#FF7F00;
    }
#suckerfishnav_2 li:hover a, #suckerfishnav_2 li.sfhover a {
    color:#FF7F00;
    }
#suckerfishnav_2 li:hover li a, #suckerfishnav_2 li li:hover li a, #suckerfishnav_2 li li li:hover li a, #suckerfishnav_2 li li li li:hover li a {
    color:#FF7F00;
    }
#suckerfishnav_2 li:hover ul ul, #suckerfishnav_2 li:hover ul ul ul, #suckerfishnav_2 li:hover ul ul ul ul, #suckerfishnav_2 li.sfhover ul ul, #suckerfishnav_2 li.sfhover ul ul ul, #suckerfishnav_2 li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav_2 li:hover ul, #suckerfishnav_2 li li:hover ul, #suckerfishnav_2 li li li:hover ul, #suckerfishnav_2 li li li li:hover ul, #suckerfishnav_2 li.sfhover ul, #suckerfishnav_2 li li.sfhover ul, #suckerfishnav_2 li li li.sfhover ul, #suckerfishnav_2 li li li li.sfhover ul {
    left:auto;
    color:#FF7F00;
    }
#suckerfishnav_2 li:hover, #suckerfishnav_2 li.sfhover {
    color:#FF7F00;
    }