Can someone help me figure out how to do this...

I want to spice up my category listing some and I found a nice look on sportsdiamond.com (not a Zenner), but I am not sure where or how to go about making the changes so all my side boxes have that look like theirs do...

Can someone help?

I have attached a sample...

Thanks in advance

That site has basically 2 images top and bottom with a standard color in between.

You really should create your own images...

When you have them you can apply them through the stylesheet kinda like the following and make adjustments to match your images:

.leftBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: transparent;
	background-image: url(../images/your_image.gif);
	padding: 0.5em 0.2em;
	}

and

.sideBoxContent {
	padding: 0.4em;
	border-left: 1px solid #9B11A1;
	border-right: 1px solid #9B11A1;
	padding-bottom: 2.5em;
	background-color: #ffffff;
	background-image: url(../images/sidebox_bot.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	}