Section header bar styling problems

[rcnutterz]

Hi guys,
i hope someone may be able to help. i am a total newbie to Zencart and have just recently installed it into my website. i have a forum running and have the cart as an additional feature on my website.
the problem i am having is this:



my forum has section headers like above, i am trying to recreate this within the cart shop to match in with my website. on my forum that heading bar is created using tables on the templates and not is stylesheet. here is example code used to create that header

	<tr>
		<td><img src="{T_THEME_PATH}/images/cellpic4_l.png" width="17" height="28" alt="" /></td>
		<td background="{T_THEME_PATH}/images/cellpic4_m.png" width="100%" height="28">Dashboard</td>
		<td><img src="{T_THEME_PATH}/images/cellpic4_r.png" width="16" height="28" alt="" /></td>
	</tr>

is there any way i can get this to work in the stylesheet without having to manually edit every template file? i have got partway using this:

h2.centerBoxHeading, .productListing-rowheading, TR.tableHeading {
  background:transparent url('../images/box-title-bg.jpg') center center repeat-x;
  font-weight:bold;
  font-size:1.1em;
  margin:0;
  padding:5px;
  color:#fff;
}

but all this gives me is the bar without the corner pieces (i obviously replaced the 'box-title-bg.jpg' image file with a renamed 'cellpic4_m.png'.

if anyone wants to see in greater detail my site addresses are:
Forum
Shop

hope you can shed some light on this.

[rcnutterz]

Anyone?