:root {
        --main-menu-color               : var(--core-red);
        --main-menu-text-color          : white;
        --menu-divider-color            : #CCAAAA;
        
        --sub-menu-back                 : #993333;
        --sub-menu-border               : #600;
        --sub-menu-border-bottom        : var(--sub-menu-border);
        --sub-menu-title-back           : #DD9999;
        --sub-menu-title-text           : #550000;
        
        --menu-item-hover               : #FFCCCC;
        --menu-item-text-hover-color    : #660000;
    }


     .main_tools_holder {
        background              : var(--main-menu-color);
        background-image        : url('/images/layout/main-title-background-gradient-r.gif');
        background-repeat       : repeat-x;
        padding                 : 0px;
     }

    .main_tools {
        background-color        : transparent;
        padding-bottom          : 0px;
        background-image        : url('../../images/icons/logo.gif');
        background-position     : 4px 4px;
        background-repeat       : no-repeat;
        height                  : 32px;
    }

    #main_menu {
        margin                  : 0px;
        padding                 : 0px;
        margin-left             : 37px;
        height                  : 32px;
        display					: inline-block;
    }

    #main_menu li.top_menu {
        display                 : inline-block;
        margin-left             : 0px;
        padding                 : 0px;
        /* padding-bottom          : 8px; */
        list-style-type         : none;
        position                : relative;
        height					: 32px;
    }
    /*
    #main_menu li.top_menu::after {
        content: "|";
        font-weight: normal;
        padding: 0px 2px;
        color                  : var(--menu-divider-color);
    }
    */
    
    #main_menu li.top_menu span {
        color                   : #CCAAAA;
        font-weight             : normal;
        padding                 : 0px 2px;
    }
    

    ul.sub_menu, ul.popmenu {
        margin-left             : 0px;
        padding-left            : 0px;
        display                 : none;
        position                : absolute;
        z-index                 : 1000;
        background              : var(--sub-menu-back);
        border                  : 2px solid var(--sub-menu-border);
        border-bottom           : 7px solid var(--sub-menu-border-bottom);
        min-width               : 150px;
        -moz-box-shadow         : 2px 2px 3px rgba(50, 50, 50, 0.7);
        -webkit-box-shadow      : 6px 6px 5px #999 0.5;
        /* filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=6, OffY=6, Color='#999', Positive='true'); */
    }

    .ie6 ul.sub_menu, .ie7 ul.sub_menu, .ie8 ul.sub_menu {
        top                     : 30px;
        border-top-width        : 8px;
    }

    #main_menu .sub_menu li, #main_menu_example .sub_menu li {
        display                 : block;
        padding                 : 0px;
        margin-left             : 0px;
        border-bottom           : 1px solid var(--sub-menu-border-bottom);
        font-size               : 14px;
        text-align              : left;
    }

    .navmenu a, #main_menu_example .navmenu span {
        padding                 : 3px 5px 3px 5px;
        display                 : block;
        text-decoration         : none;
        color                   : var(--main-menu-text-color);
        font-weight             : normal;
        text-align              : left;
    }

    .navmenu a:hover, #main_menu_example .navmenu.active span {
        background-color        : var(--menu-item-hover);
        color                   : var(--menu-item-text-hover-color);
    }

    .navmenu.current a {
        background-color        : var(--menu-item-hover);
        color                   : var(--menu-item-text-hover-color);
    }

    #main_menu .sub_menu li.nav_menu_title {
        padding                 : 3px 5px 3px 5px;
        background-color        : var(--sub-menu-title-back);
        color                   : var(--sub-menu-title-text);
        font-weight             : bold;
    }

    .ie6 #main_menu .sub_menu li.nav_menu_title,
    .ie7 #main_menu .sub_menu li.nav_menu_title,
    .ie6 .navmenu a,
    .ie7 .navmenu a {
        padding                 : 0px 5px 0px 5px;
    }

    .navmenu.admin {
        background-color        : #99F;
        color                   : #000000;
    }

    .navmenu.admin a {
        color                   : #000000;
    }

    .navmenu .unpaid {
        background-color: var(--main-hilighted-negative-hover);
    }

    li.has_submenu {
        position                : relative;
    }

    li.has_submenu > a {
        background-image        : url('/images/icons/9_arrow_right_white.gif');
        background-repeat       : no-repeat;
        background-position     : right;
    }

    li.has_submenu > a:hover {
        background-image        : url('/images/icons/9_arrow_right_red.gif');
    }

    ul.popmenu {
        position                : absolute;
        top                     : 0px;
        left                    : 100%;
        margin-left             : -1px;
    }

    #oaid_menu li.navmenu {
        position                : relative;
    }

    #main_menu li.navmenu .mail_count {
        position            : absolute;
        top                 : 0px;
        right               : -20px;
        background-repeat   : no-repeat;
        width               : 25px;
        height              : 25px;
        background-image    : url('/images/icons/black_circle.25.png');
        text-align          : center;
        z-index             : 10;
    }

    #main_menu li.navmenu  .mail_count span {
        padding-top         : 4px;
        padding-right       : 2px;
        display             : inline-block;
        font-size           : 12px;
        color               : white;
    }

    /* locations for each menu */
    /*  37 +   8 */
    /*  37 +  98 */
    /*  37 + 150 */
    /*  37 + 230 */
    /*  37 + 340 */
    /*  37 + 400 */

    #home_menu, #my_menu, #shop_menu, #chat_menu, #help_menu, #oaid_menu {
        top                 : 30px;
        left                : 0px
    }
    
    #help_icon {
    	width			    : 32px;
    	height				: 32px;
    	vertical-align		: top;
    	display				: inline-block;
    	margin-top			: -3px;
    	margin-left			: 10px;
    }
    div#help_icon {
    	opacity				: 0.5;
    }

    /*
    #home_menu {
        left                    : 45px;
    }

    #my_menu {
        left                    : 135px;
    }

    #shop_menu {
        left                    : 187px;
    }

    #chat_menu {
        left                    : 267px;
    }

    #help_menu {
        left                    : 377px;
    }

    #oaid_menu {
        left                    : 437px;
    }
    */