Check this thread for some more details on the gradient background.
http://forum.x-cart.com/viewtopic.php?t=19547&highlight=
Here's what I modified.
The body tag has a background image added in skin1.css
Code:
body {
text-align: left;
background:url(../../../images/bg.gif) repeat-y center center;
background-attachment: fixed;
Here's the image:
http://www.themarquistheater.com/images/bg.gif
Then I added this class to skin1.css
Code:
.gradient {
background-image:url(../../../images/bg_gradient_moments.gif);
background-repeat: repeat-x;
}
Then this is the last three lines of rectangle_top.tpl
Code:
<TABLE class="gradient" align="center" border="0" cellpadding="0" cellspacing="0" width="{$width|default:"760px"}" height="100%">
<TR>
<TD valign="top">
The bg_gradient_moments.gif image can be veiwed here:
http://www.themarquistheater.com/images/bg_gradient_moments.gif
Hope that helps.
Peace,
JB