/*  Default button color and background with no button image, note: color can not be changed here, see  .rmHorizontal .rmText */
div.RadMenu .rmText
{
   font-weight:bold;
   background-image:none;
}

/*  Default button color and background with no button image */
div.RadMenu .rmHorizontal .rmText
{
   color:navy;
   background-color:none;
   background-image:none;
}

/*   Top row item background has a different color to show it is the currently selected branch in the menu without the default Sitefinity buttom images */
div.RadMenu .rmItem .rmFocused
{
   background-image:none;
   background-color:#bbbbff;
}

/*   Item in vertical menu where background has a different color to show it is the current page in the menu without the default Sitefinity buttom images */
div.RadMenu .rmVertical .rmItem .rmFocused
{
   background-image:none;
   background-color:#bbbbff;
}

/*  Menu text color change and background color change on hover with no default button image */
div.RadMenu .rmHorizontal .rmText:hover
{
   background-image:none;
   background-color:#d2d2d2; 
   color:green;
}

/*  The left side of the button to the left of the text is having its background color changed with no default button image */
div.RadMenu .rmHorizontal .rmLink:hover
{
   background-color:#d2d2d2; 
   background-image:none;
}

/*  Left button when sliding a subordinate menu next to it */
div.RadMenu .rmItem:hover
{
   background-color:#d2d2d2;
   background-image:none;
}

/*   Top row background for all non-focused buttons without the default Sitefinity buttom images */
div.RadMenu .rmRootGroup
{
   background-color:#d2d2d2;   
   background-image:none;
}

/*  Make sure the vertical menus align text to the left */
div.RadMenu .rmGroup li
{
   text-align:left;
}

/*   Note: color doesn't work here */
div.RadMenu .rmVertical
{
   background-image: url('/Images/Header/MenuDropDown.jpg');
}

/*   Note: color doesn't work here */
div.RadMenu .rmSlide .rmVertical .rmGroup
{
   background-image: url('/Images/Header/MenuDropDown.jpg');
}