﻿.menu a span 
{
    cursor:pointer;
    /*background-image:url(/App_Themes/Michelin/images/menuButtonBackground.png);*/
}
.RadMenu .rmRootGroup.rmHorizontal {
    padding: 0;
    margin: 0;
    height: 70px;
    background: #fff;
    background-image: url("Images/nav-bg.png");
    background-repeat: repeat-x;
    font-family: Arial, sans-serif;
    /*font-family:"Times New Roman",Georgia,Serif;*/
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
}

.RadMenu .rmRootGroup.rmHorizontal ul, .RadMenu .rmRootGroup.rmHorizontal li 
{
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-position: outside;
    list-style-type: none;
}

.RadMenu .rmRootGroup.rmHorizontal li 
{
    display: block;
    float: left;
    margin: auto 0 auto 0;
}

 
.RadMenu .rmRootGroup.rmHorizontal a
{
    display: block;
    color: #272f32; /*menu text color before hover */
    
    text-decoration: none;
    padding: 0px;
}

.RadMenu .rmRootGroup.rmHorizontal > li.rmItem > a:first-child
{
    text-transform: uppercase;
    padding: 26px 5px 24px 12px;
}

.RadMenu .rmRootGroup.rmHorizontal > li.rmItem > a:first-child > span
{
    padding: 24px 8px 24px 12px;
}


.RadMenu .rmRootGroup.rmHorizontal a:hover
{
    /*color: #1ab5e2;*/
    color: #BE1E2D;  /* menu text color top item hover color */
    
    /*
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease;
*/
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem {
    position: relative;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren > a:first-child
{
    background-image: url(Images/nav-arrow.png);
    background-position: right 11px;
    background-repeat: no-repeat;
    padding: 26px 36px 24px 12px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren > a.rmExpanded:first-child
{
    background-image: url("Images/nav-toplevel-panel-bg-right.png");
    background-position: right 11px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren > a.rmExpanded:first-child:hover
{
    background-image: url("Images/nav-toplevel-panel-bg-hover-right-red.png");
    /*background-image: url("Images/nav-arrow-hover-red.png");*/
    background-position: right 11px;

}


.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren > a.rmExpanded:first-child span
{
    background-image: url("Images/nav-toplevel-panel-bg-left.png");
    background-repeat: no-repeat;
    background-position: 0px 8px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide 
{
    z-index: 100;
    position: absolute;
    display: none;
    margin-top: -16px;
    margin-left: 12px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide li.rmItem 
{
    z-index: 100;
    display: block;
    width: 200px;   
    background-image: url("Images/nav-submenu-middleitem-bg.png");
    background-position: left top;
    background-repeat: repeat-y;
    padding: 12px 8px 12px 14px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide li.rmItem a
{
    font-size: 14px;
    /*font-family:"Times New Roman",Georgia,Serif;*/
    font-family: Arial, sans-serif;
    line-height: 14px;
    color: #4A6776;
    text-shadow: 0 1px 1px #FFF;
    width: 180px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide li.rmItem a:hover
{
    /*color: #1ab5e2;*/
    color: #BE1E2D; /* menu hover text sub items */
    
    /*
    transition-delay: 0s;
    transition-duration: 0.5s;
    transition-property: color;
    transition-timing-function: ease;
*/
}


.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide li.rmItem.rmFirst
{
    z-index: 100;
    background-image: url("Images/nav-submenu-topitem-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 16px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide li.rmItem.rmLast
{
    z-index: 100;
    background-image: url("Images/nav-submenu-bottomitem-bg.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 18px;
}

.RadMenu .rmRootGroup.rmHorizontal li.rmItem.acbMenuItemWithChildren div.rmSlide li.rmItem.rmFirst.rmLast
{
    z-index: 100;
    background-image: url("Images/nav-submenu-topandbottomitem-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-bottom: 18px;
}

