Change Font Color in Tabbed Template

[yourguide]

Ok I have been searching all over this forum and in the help files.
I just need to change the font color that shows up in the tabs using the "tab_page_template"

I have modified the graphic images to my liking, changed the background color, but for the life of me I can't figure out how to get to the code that sets the color of the fonts used inside the tabs.

Anyone know where I should look?

Thanks.

[ShopSite Lauren]

It looks like with the tabbed template, that the links in the top bar have the CSS class of "link." So you should be able to add your own CSS to the header field in your store to control the color of these links. The CSS would look similar to:
----------------------------------------
<style type="text/css">
a.link {
color: #123456;
}
a.link:hover {
color: #654321;
}
</style>
----------------------------------------


The other option is to modify the actual CSS that the tabbed template is using. You can do this by going to Merchandising > Custom Templates > Includes > Copy ShopSite Include. You can make a copy of the 'Tabs.css' include file. you can name it Tabs2.css. Once you have made a copy of the Tabs.css file, you can go in and modify it. You will want to change the following CSS:
----------------------------------------
/********************/
/*** Page Links ***/
/********************/
a.link:link {
text-decoration: none;
color: [-- VAR.PageLinkColor --];
}
a.link:visited {
text-decoration: none;
color: [-- VAR.PageLinkColor --];
}
a.link:hover {
text-decoration: underline;
color: [-- VAR.PageLinkColor --];
}
a.link:active {
text-decoration: underline;
color: [-- PAGE.ActiveLinkColor --];
}
----------------------------------------


After you have made the changes that you would like to the Tabs2.css file, you can save it, then click 'Copy Include', you want to make a copy of your copy, and name it the exact same name as the original. By doing this, your copied and modified include file will override the ShopSite include file.

-Lauren