Charlie,
Sometimes things are not obvious. This is not one of those times.
If you can't figure this out, you need a crash course in CSS.
Examine file, skin1/customer/tab.tpl
you'll see all kinds of references to
class="TabCorner"
class="TabSide"
etc...
examine "spacer.gif" in photosop and it's a transparent gif. It does not have any color. Itis only used for spacing (old school, yes, but it works).
SO -- your tab colors are all coming from the CSS... so look at the CSS for the tabs:
Code:
/*
Tab mechanism
*/
.Tab { BACKGROUND-COLOR: #FFD44C; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; WIDTH: 85px; HEIGHT: 30px; TEXT-ALIGN: center; }
.TabTop { HEIGHT: 5px; BACKGROUND-COLOR: #FFD44C; }
TD.TabLeftSide { WIDTH: 9px; BACKGROUND-IMAGE: url(images/tab_l.gif); }
TD.TabRightSide { WIDTH: 9px; BACKGROUND-IMAGE: url(images/tab_r.gif); }
TD.TabLeftCorner { WIDTH: 9px; HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_c1.gif); }
TD.TabRightCorner { WIDTH: 9px; HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_c2.gif); }
TD.TabCenter { HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_b.gif); }
IMG.TabCorner { WIDTH: 9px; HEIGHT: 9px; }
IMG.TabSide { WIDTH: 9px; HEIGHT: 1px; }
It's all there... the images that actually make the tab are called by CSS, not the template.
I still think this way of making tabs is inferior to PhilJ's way (which is 99% CSS - you could make it 100%) and since my last post in this thread, Phil decided to no longer give it away... so now it will cost $19
There are countless pages of CSS tips, tutorials and simple "how do I do that" articles on the net. I suggest you acquire some basic CSS skills, or else x-cart will be a real headache.