How to change the color of top right store tabs
 

I've been battling with the skin1.css file for hours, trying to figure out which tag changes the color of the rounded tabs in the upper right hand corner (the "Contact Us" "Home" etc. tabs).

Which tag defines them? Anyone? :?

Re: How to change the color of top right store tabs
 

Those are images...have a look at the templates to see which ones they are.

Re: How to change the color of top right store tabs
 

I can see the tab01.gif and other tab files (the rounded corners and spacers), but the bulk of the square part of the tab doesn't seem to be an image? (or maybe I'm just blindly missing it).

Re: How to change the color of top right store tabs
 

What does the class read in the template? If you look at customer/tab.tpl you'll see both the image names and the class names.

Re: How to change the color of top right store tabs
 

<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="9" background="{$ImagesDir}/tab_l.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
<TD height="5" valign="bottom" class="Tab"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="5" border="0" alt=""></TD>
<TD width="9" background="{$ImagesDir}/tab_r.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
</TR>
<TR>
<TD width="9" background="{$ImagesDir}/tab_l.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
<TD width="85" height="30" class="Tab" align="center">{$tab_title}</TD>
<TD width="9" background="{$ImagesDir}/tab_r.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
</TR>
<TR>
<TD width="9" height="9" background="{$ImagesDir}/tab_c1.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
<TD height="9" background="{$ImagesDir}/tab_b.gif"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="9" border="0" alt=""></TD>
<TD width="9" height="9" background="{$ImagesDir}/tab_c2.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
</TR>
</TABLE>

Edited to add:

I can find all those little guys, like "tab_r.gif" in the skin1/images/ directory. The Class=Tab must be where the bulk of the color (outside of those small accent gifs) is located?

Re: How to change the color of top right store tabs
 

Found the tab class definition in the skin1.css file. Thank you very much for your help! I'll just manually change the color of the assorted little gifs to match the new class color.