Custom color for radmenu

[Soumya]

I am trying to give a custom color to the radmenu.
Radmenu is as below

<div class="qsf-demo-canvas" align="center">

        <telerik:RadMenu runat="server" ID="RadMenu1" EnableRoundedCorners

="true" OnItemClick="RadMenu1_ItemClick"

            EnableShadows="true" Width="100%">

            <Items>

  </Items>

        </telerik:RadMenu>

The stylesheet is as below:

.qsf-demo-canvas {
    width: 100%;
     margin-top:100px;
    position:static;
}

.qsf-demo-canvas .RadMenu_Default .rmLink{
     color:White !important;
     background-color:#0099FF !important;
}
.qsf-demo-canvas .RadMenu_Default .rmRootGroup .MyItem {
    float: none;
    background-color:#0099FF !important;
     text-align:left;
}

I have 2 menu items in my radmenu.The color I give in the stylesheet applies only for the length of radmenu 
item,not till the full length of radmenu.
How can I have the custom color for the whole length of radmenu?

[Princy]

Hi Soumya,

Try overriding the default css as follows to achieve your scenario.

CSS:

<style type="text/css" >
 .RadMenu ul.rmActive, .RadMenu ul.rmRootGroup
 {
   background-image:none!important;
   background-color: #0099FF !important;
 }
</style>

Hope this helps.

Thanks,
Princy

[Soumya]

Thanks Princy .