Look at skin1/customer/home.tpl (yours may vary slightly from this example but it should still work). Find the are that says "<!-- main area -->". Under that there should be a table.
Code:
<!-- main area -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="VertMenuLeftColumn">
Add a new cell so it looks like this..
Code:
<!-- main area -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td class="leftborder"> </td>
<td class="VertMenuLeftColumn">
Next, near the bottom of home.tpl find...
Code:
<img src="{$ImagesDir}/spacer.gif" width="150" height="1" alt="" />
</td>
</tr>
</table>
{include file="rectangle_bottom.tpl" }
And add a cell so it looks like this..
Code:
<img src="{$ImagesDir}/spacer.gif" width="150" height="1" alt="" />
</td><td class="rightborder"> </td>
</tr>
</table>
{include file="rectangle_bottom.tpl" }
Then in skin1.css, define your leftborder and rightborder classes...
Code:
.leftborder{
BACKGROUND-IMAGE: url(images/leftborder.gif);
background-position: top;
background-repeat: repeat-x;
}
.rightborder{
BACKGROUND-IMAGE: url(images/rightborder.gif);
background-position: top;
background-repeat: repeat-x;
}
That should do it... although I haven't tried it.
