Change css level 2 and 3 in left menu

Hi,
I need to add the posibility to change css for level2 and level3 but im not shure how to do this, i have tried like this:

Code: Select all

div.moduletable_menu ul.menu level2 a{color: #FF0000!important;}

and some other but i cant get it to work, can anyone please help me.

Page is here: http://vestsport.no.91-207-159-224.bedriftspakken.com

Hi,
Can you add to menu items for level2 and 3 ?

Hi,
It is level 2 and 3 in the menu now but you can almost not see the differens, that is the reason i need to style them, so the user can se the difference between level1, 2 and 3.

Code: Select all

<div class="moduletable_menu">
                  
                     
            <h3><span><strong>Våre </strong>Produkter</span></h3>
                                       <div class="moduletable_content">
         
<ul class="vm_menu level1 menu" id="vm_menu">
<li class="level1 item1 parent active">
<a class="level1 item1 parent active" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=9&amp;Itemid=1" target="_self" title="Klær dame">Klær dame</a>
<ul class="level2">
<li class="level2 item1 parent">
<a class="level2 item1 parent" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=25&amp;Itemid=1" target="_self" title="Jakke">Jakke</a></li>
<li id="current" class="level2 item2 parent active current">
<a class="level2 item2 parent active current" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=26&amp;Itemid=1" target="_self" title="Bukse">Bukse</a>
<ul class="level3">
<li class="level3 item1 ">
<a class="level3 item1 " href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=47&amp;Itemid=1" target="_self" title="Skall">Skall</a></li>
<li class="level3 item2 ">
<a class="level3 item2 " href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=48&amp;Itemid=1" target="_self" title="Softshell">Softshell</a></li>
<li class="level3 item3 ">
<a class="level3 item3 " href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=49&amp;Itemid=1" target="_self" title="Turbukser">Turbukser</a></li></ul></li></ul></li>
<li class="level1 item2 parent">
<a class="level1 item2 parent" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=10&amp;Itemid=1" target="_self" title="Klær herre">Klær herre</a></li>
<li class="level1 item3 parent">
<a class="level1 item3 parent" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=11&amp;Itemid=1" target="_self" title="Turutstyr">Turutstyr</a></li>
<li class="level1 item4 parent">
<a class="level1 item4 parent" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=12&amp;Itemid=1" target="_self" title="Profilbekledning">Profilbekledning</a></li>
<li class="level1 item5 parent">
<a class="level1 item5 parent" href="/index.php?option=com_virtuemart&amp;page=shop.browse&amp;category_id=13&amp;Itemid=1" target="_self" title="Pakker">Pakker</a></li></ul>                              </div>
      </div>

Try this selectors:

For 2 level:

Code: Select all

#vm_menu li.level2 a{
}


For 3 level:

Code: Select all

#vm_menu li.level3 a{
}


Hi,
Thank you so much, this works great, can you also give me code for style selected/active level?

Active:

Code: Select all

#vm_menu li.level2.active a{
}
#vm_menu li.level3.active a{
}


Hovered:

Code: Select all

#vm_menu li.level2 a:hover{
}
#vm_menu li.level3 a:hover{
}