Trying to create two hover colours on one page

[JAD]

Hi, I'm in the process of jazzing up my SW Client site, (new to this...so thanks for a great forum with lots of help!..) I am trying to have my Cat List with a hover colour of #A and all the rest with a hover colour of #B.
So, I created a new Class "catlist" and set the new A.catlist:hover etc with CSS. Then I added the new class within the Category_tree.tpl see below:

<!- <a href="{$oCategory->sLink}" class="catlist">
{if $oCategories->iActiveNode == $oCategory->iId}
<strong>{$oCategory->sName}</strong>
{else}
{$oCategory->sName}
{/if}
</a> -->

I then did the same for the Children and Granchildren on the same page.

I now get different colours for my Cat list with my new hover colour, but only on the parent, when the drop down shows it does not change when I put my mouse over the text.

Can anyone help me please, am I doing this correct or is there something I have missed.
Regards
JAD

[JAD]

I've just realised that I had the :hover after the link & visited elements within my CSS and hence the Cascading rules hid the colour and hover. Well....you have to learn somewhere eh! I'll keep marching on to see what happens...
Regards
JAD