Font colour in left column category headings

I have been searching all day and still cant find out how to change the font colour in the left column under 'Categories'.

Please see http://www.towerhousedolls.co.uk/demo/

I have managed to change the font colour of the words Categories, Currencies and Information to a blue but cant change the colour of font in the actual Category listings or the Information listings.

One more thing - how do I change the colour of the Currencies background in the drop down menu please? Its currently pink but I would like it pale blue.

Thanks very much for any help.
I am using Zencart 1.3.9h

You need to install Firefox and its Web Developer and/or Firebug extensions. These will let you see the classes and ids that control each element, and the styling for them; also test new styling to see its effect instantly.

I have Firefox and its Web Developer.
Can you tell me exactly how to use it in this instance please?
Many thanks

You have a very customized stylesheet. The rules that affect the links you mention are:

stylesheet.css (line 524) - this controls all links sitewide

a:link {
color: #A00000;
}

stylesheet.css (line 607) - this controls generic sidebox and categories sidebox links - you can set just sidebox colors here if desired

.sideBoxContent li a, #categoriesContent a {
padding-left: 0;
}

Information > Display Element Information will show the classes/ids of the element and its ancestors and children, but in this case won't tell you that the styling comes from the generic rule rather than the Zen Cart standard categories-specific rule.

Firebug will show all of the style rules that apply to a selected element.

Thanks for your help Black Belt. I sorted it with adding some code at line 607 as you suggested. :smile:

Still looking to change the pink drop down menu backgrounds from pink to blue though on
Currencies on home page,
Sort By on the 'New' & All Products Products page,
the pink background in the boxes on the Contact Us page etc. :blink:

http://towerhousedolls.co.uk/demo/

It took about ten seconds to click "Inspect Element" on the select box and see the controlling rule in Firebug:

stylesheet.css, line 369

select, select:focus, select:hover, select:active {
background: none repeat scroll 0 0 #FFDDDD;
}