/* ---[ top navigation dropdowndowns - based on "Son of Suckerfish" ]--------------------- */

/* all list items */
#drops, #drops ul {padding: 0; margin: 0; clear: both; float: left; list-style: none}
#drops a {display: block; width: 148px}
#drops li {float: left; /*width: 148px*/ /* width needed or else Opera goes nuts */}

/* second-level lists */
#drops li ul {color: #fff; position: absolute; left: -999em; font: normal 15px/1em Arial, Helvetica, sans-serif}

#drops ul.drop {background: #191919; border: 1px solid #555655; width: 140px; clear: both; float: left; margin-top: 50px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-box-shadow: 0 2px 10px rgba(0,0,0, .4); -moz-box-shadow: 0 2px 10px rgba(0,0,0, .4);}

#drops ul.drop li {width: 160px; clear: both; border-top: 0}
#drops ul.drop a {color: #fff; font-size: 13px; padding: 10px; text-decoration: none; clear: both; float: left; width: 120px}
#drops ul.drop a:hover {background: #555655 url(../images/shell/drop-background.png) repeat-x; color: #fff}
#drops ul li:last-child > a:hover {background: #555655 url(../images/shell/drop-background.png) repeat-x; color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px}

/* third-and-above-level lists */
#drops li:hover ul ul, #drops li:hover ul ul ul, #drops li:hover ul ul ul ul, #drops li.sfhover ul ul, #drops li.sfhover ul ul ul, #drops li.sfhover ul ul ul ul {margin-top: 0; position: absolute; width: inherit; left: -999em}
#drops li:hover ul, #drops li li:hover ul, #drops li li li:hover ul, #drops li li li li:hover ul, #drops li.sfhover ul, #drops li li.sfhover ul, #drops li li li.sfhover ul, #drops li li li li.sfhover ul {left: 140px; width: 140px}

/* lists nested under hovered list items */
#drops li:hover ul, #drops li.sfhover ul {left: auto}