Decorating EZ Page links the same as Category Links

I've got my caegories dressed up using the Categories Dressing add on here:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=609

What I'm trying to do is to get my EZ pages to show underneath the categories and have them dressed in exactly the same way (fonts/borders/colours etc). However, my CSS knowledge is very limited and I'm having real problems doing it.

My website is here:
http://www.sassyyou.co.uk

The EZ page links are currently down at the bottom of the right hand container so I can experiment with them.

I have split the code for a:link and #navEZPagesTOC ul li a in 'stylesheet.css' so I can make changes to #navEZPagesTOC ul li a, however - this doesn't seem to change anything??

I don't know if I've explained this well enough. But I don't really know which element to change so I can do the work to match these up. Would really love some help with this.

Try adding this to your stylesheet.css

#ezpagesContent ul li a{
color: #333333;
display: block;
background: #808080;
padding: 3px;
border-bottom: 2px solid #666666
}
#ezpagesContent ul li a:hover {
color: #808080;
display: block;
background: #FFFFFF;
padding: 3px;
text-decoration: none;
}

Thank you once again. I can stop banging my head against that proverbial brick wall for a while now!!

You're welcome once again ;)

As a general approach to match styling, add selectors for #navEZPagesTOC and its appropriate sub-elements to the stylesheet_categories_dressing.css rules that control analogous elements.

Since you don't have any ez-page links visible or ez-pages accessible now, I can't be more specific.