.menu
{
    width: 200px;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-right: 9px;
    padding-bottom: 9px;
    float: left;
}

.close_menu
{
    position: absolute;
    margin-left: 188px;
    margin-top: 5px;
    cursor: pointer;
}

.menu a
{
    text-decoration: none;
}

.menu div.title
{
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 10px;
}

.menu .menu_box
{
    border: 1px solid #e2e2e2;
    margin-bottom: 9px;
    padding: 4px;
}

    .menu .menu_box div
    {
        margin-top: 1px;
    }

    .menu .menu_box span.title
    {
        background: #898989;
        display: block;
        padding: 3px 7px;
        color: white;
    }

    .menu .menu_box .menu_item
    {
        padding: 5px 0 5px 0;
    }

        .menu .menu_box .menu_item a, .menu .menu_box .menu_item span
        {
            padding: 0 6px;
            display: block;
            overflow: hidden;
        }

            .menu .menu_box .menu_item a:hover
            {
            }

        .menu .menu_box .menu_item.active
        {
            background-color: #CC0000 !important;
        }

            .menu .menu_box .menu_item.active > a
            {
                color: #FFFFFF;
                background-color: #CC0000 !important;
            }

        .menu .menu_box .menu_item.level1.active.expanded 
        {
            background-color: transparent !important;
        }

        .menu .menu_box .menu_item.level1.expanded > a,
        .menu .menu_box .menu_item.level1.expanded > span
        {
            border: 1px solid #e2e2e2;
            padding: 2px 6px;
        }

        .menu .menu_box .menu_item.level2,
        .menu .menu_box .menu_item.level3
        {
            padding: 0;
        }

        .menu .menu_box .menu_item.level1 .menu_item.level2 a
        {
            background: #eeeeee;
            padding: 2px 6px 2px 15px;
            border: 0;
        }


        .menu .menu_box .menu_item.level1 .menu_item.level2 .menu_item.level3 a
        {
            background: #dcdcdc;
            padding: 2px 6px 2px 25px;
            border: 0;
        }
/*.menu .menu_box .active_category
    {
        border: 1px solid #e2e2e2;
        background: white;
        padding: 2px 0;
    }

    .menu .menu_box .menu_item .sub_menu span:hover, .menu .menu_box .menu_item .sub_menu div:hover, .menu .menu_box .menu_item .sub_menu span:hover a, .menu .menu_box .menu_item .sub_menu div:hover a
    {
        background: #cc0000;
        color: white;
    }

    .menu .menu_box .menu_item .sub_menu span
    {
        background: #dcdcdc;
    }

    .menu .menu_box .menu_item .sub_menu div
    {
        background: #eeeeee;
        padding: 3px 7px 3px 14px;
    }

        .menu .menu_box .menu_item .sub_menu div.active
        {
            background-color: #CC0000;
        }

            .menu .menu_box .menu_item .sub_menu div.active a
            {
                color: #FFFFFF;
            }*/

.menu .info_box
{
    background: #898989;
    border: 1px solid #dcdcdc;
}

    .menu .info_box a
    {
        color: #ffffff;
        text-decoration: none;
    }

        .menu .info_box a:hover
        {
            color: #cc0000;
        }

    .menu .info_box div
    {
        padding: 5px 10px;
    }