In your stylesheet look for
Code:
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}
You can split those up into
Code:
.leftBoxHeading {
margin: 0em;
background-color: #abbbd3;
color: #ffffff; (white)
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}
.centerBoxHeading {
margin: 0em;
background-color: #abbbd3;
color: #ff0000; (red)
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}
.rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
color: #c0c0c0; (grey)
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}
Change the lines in blue to whatever suits your site. Add the lines in red with the appropriate color codes. I'm not sure how you'd get different colors for the "Featured Products" and "New Products", tho.