Column Layout Grid for Product Listing

I was wondering if anyone could help me with this little problem.
I install the Column Layout Grid for Product Listing which worked out great.
But then saw that the display of it was not to my liking.

I would like it to look like how the main page products are displayed.
(Link below of what I would like it to look like)

http://ardwear.co.uk/store/index.php?main_page=index

instead of this: (text/image not centre,also product detail button)

http://ardwear.co.uk/store/index.php...cPath=46_58_60

Please could you help me on this one.

Thanks Nick.

class="centerBoxContentsProducts centeredContent back"' . ' ' . 'align="center"style="width:'

I manage to centre the image and text via this code. Still looking to put a border around it and a button below. Thanks

Not the way to do this.... you are HARD-CODING an inline style, and you should be creating declarations in your stylesheet.

The element has been given a CLASS - so just call the CLASS in the CSS and give it a desired style declaration.