/*SUCKERFISH MENU*/

#nav, #nav ul { /* all lists */
    width: 960px;
    padding: 0;
    margin: 0 auto 0 auto;
    list-style: none;
    line-height: 1;
    z-index:100;
}

#nav a {
    display: block;
    text-decoration:none; 
    color:#444;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
    text-transform:uppercase;
    padding:0;
    font-weight: normal;
    font-family: "VSA-Futura", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    width : 138px;
    text-align : center;
}

#nav li {
    float: left;
    height:36px;
    line-height: 35px;
    border-left:1px solid #ddd;
    border-right:1px solid #bbb;
    border-left-color : rgba(255,255,255,0.4);
    border-right-color : rgba(127,127,127,0.4);
}

/*sub menus*/
#nav ul a {
    display: block;
    text-decoration:none; 
    color:#000;
    text-transform: none;
    font-weight:normal;
    padding:5px 10px 5px 10px;
    width: 290px;
    text-shadow: none;
}

#nav ul li { 
    float: left;
    width: 280px; /* width needed or else Opera goes nuts */
    /*
    border:1px solid #c40032;
    */
    border:1px solid #cccccc;
    margin-bottom: -1px;
    height: auto;
    line-height: 1.2;
    background: #fff;
	overflow:hidden
}


#nav ul li:hover { 
      border-color: #888888;
}

#nav li ul { /* second-level lists */
    position: absolute;
    color:#000;
    width: 10em;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    margin-left:-1px;
    margin: 1px auto 0 -1px !important;
    -moz-box-shadow : 0px 5px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow : 0px 5px 10px rgba(0,0,0,0.1);
    box-shadow : 0px 5px 10px rgba(0,0,0,0.1);
}
#nav li ul ul { /* third-and-above-level lists */
    /*margin: -1em 0 0 10em;*/
    margin:-25px 0 0 181px ! important;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

/*rollover states*/
#nav a:hover {

}
#nav li:hover, 
#nav li.sfhover,
#nav li.current-product-ancestor ,
#nav li.current-menu-parent ,
#nav li.current-product-parent,
#nav li.current-menu-item,
#nav li.current_page_item {
    background: url('../images/menu_bar_bg.png') repeat-x;
    border-left-color : transparent;
}

#nav li:hover a, 
#nav li.sfhover a {
    color:#fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

#nav li.current-product-ancestor > a,
#nav li.current-menu-parent  > a,
#nav li.current-product-parent > a,
#nav li.current-menu-item > a,
#nav li.current_page_item > a {
    color:#fff ! important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

#nav ul li:hover, #nav ul li.sfhover {
    background: #fff;
}
#nav li ul li a, #nav li ul li:hover a {
  text-align : left;
  text-shadow: none;
}
#nav li ul li a {
  color : #444 ! important;
  text-shadow: none ! important;
}

#nav li ul li:hover a {
  background-color : #888;
  color : #fff ! important; width:290px;
}
