Center Text under image on main page?

Where would I go to modify the code to center the text under the category logos shown in the center of my page?

http://store.sc-customs.com/

Also, I'm trying to figure out why the bottom row isn't 3 across, and instead.. is 2.. with the last one on its own row.

Can anyone help?

Thanks!

Add

.categoryListBoxContents {text-align: center;}

to your stylesheet.
This is standard in a stock Zen Cart stylesheet, but your template maker (Template Monster) deleted it, making this and several dozen other kinds of elements align left instead of center.

The row arrangement problem is caused most immediately by the Porsche image trying to float left and getting hung up on the corner of the Mercedes image which sticks down a bit lower than its neighbors. The Custom image in turn is getting hung up on the corner of the Porsche image. It's just the luck of the draw that this happened at the bottom of the page - it could have happened anywhere in this grid.
It is caused by a missing
<br class="clearBoth" />
that should appear after each row of images. TM has for some unknown reason removed this from its version of the file.

You really should ask them to fix this error, because it is an error on their part, not a change you want to make to their template.

If they won't fix it, it shouldn't be too hard to find the correct location in the customized file to edit.

Interesting, I will definately approach them and make this suggestion to them. In the meantime, just to clarify, in which stylesheet and where exactly should I add that line?

In this case, it doesn't matter which stylesheet you add the .categoryListBoxContents declaration to. I would tend to put it in stylesheet.css. You might want to find the original declaration that includes that.

And don't just suggest that they fix the error, demand it. They sold you a broken template and they need to make it work at least to the limited specs of their design.