Hiya Adam
Ok two small things it could be.
First one... take the . (dots) out of the class definition in TAB.tpl
ie remove these:
<td class="
. TabFont" align=center><FONT class="
. TabFont">{$tab_title}</FONT>|</td>
I don't think (not 100% sure) that's the right syntax for it, my money's on the dots
Second your CSS code looks nested/missing a bracket (is that deliberate or just a typo?). No idea if nested is possible but try using this instead.
Code:
.TabBar {
COLOR: #ffffff;
}
.TabFont {
COLOR: #ffffff;
FONT-SIZE: 12px;
}