.MainMenu_RootMenuItem
Styles the root menu items. Here you can see we have applied a background color of orange, so you could also use this to specify a background image for each menu item.
Note: You will notice however that the borders specified below do not display in the menu.
.MainMenu_RootMenuItem
{
border: solid 10px purple;
background-color: Orange;
}
.MainMenu_RootMenuItemActive
Styles the root menu item for the currently selected page. In the image above you can see that the Home page is currently displayed. Here you can see we have applied a background color of yellow and a height of 50px to emphasise the styling for this example, so you could also use this to specify a background image for each menu item.
Note: You will notice however that the borders specified below do not display in the menu.
.MainMenu_RootMenuItemActive
{
border: solid 10px purple;
background-color: Yellow;
height: 50px;
}