#menu
{
    font-family: arial;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #eee;
    font-size: 13px;
    height: 40px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #ccc;
}

#menu li
{
    float: left;
    margin: 0;              
}

#menu li a
{
    text-decoration: none;
    display: block;
    padding: 0 20px;
    line-height: 40px;
    color: #666;
}

#menu li a:hover, #menu li.active a
{
    background-color: #f5f5f5;
    border-bottom: 2px solid #ddd;
    color: #999;
}

#menu_wrapper ul
{
    margin-left: 12px;
}

#menu_wrapper
{
    margin-top: 15px;
    padding: 0 16px 0 0;
}

#menu_wrapper div
{
    float: left;
    height: 44px;
    width: 12px;
}

#menu_wrapper.blue ul
{
    border-top: 2px solid #356aa0;
    border-bottom: 2px solid #204061;
    background: #356aa0;
}

#menu_wrapper.blue a
{
    color: #fff;
}

#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a
{
    color: #90cdff;
    background: #3d7bbb;
    border-bottom: 2px solid #356aa0;
}

#menu_wrapper.blue
{
    background: url("/gfx/menu/blue.png") no-repeat right;
}

#menu_wrapper.blue div
{
    background: url("/gfx/menu/blue.png") no-repeat left;
}

#menu_wrapper.black ul
{
    border-top: 2px solid #333;
    border-bottom: 2px solid #000;
    background: #333;
}

#menu_wrapper.black a
{
    color: #ccc;
}

#menu_wrapper.black li a:hover, #menu_wrapper.black li.active a 
{
    color: #999;
    background: #555;
    border-bottom: 2px solid #444;
}

#menu_wrapper.black
{
    background: url(/gfx/menu/black.png) no-repeat right;
}

#menu_wrapper.black div
{
    background: url(/gfx/menu/black.png) no-repeat left;
}

#menu .search-fs
{
    margin: 0;
    padding: 8px 0 0 110px;
    border: none;
}

#menu .search-q, #menu .search-submit
{
    font-size: 12px;
}
