Hi everyone,

I've been trying to do some simple mods to my stylesheet, but need help.

I'm looking to have my product title on all product listing pages to be aligned to the left. It also looks different in Mozilla and IE.

i believe the answer is within these code from my stylesheet.css

/*
centerbox
*/
.centerBoxHeading {text-align: center; margin: 0em; background-color: #abbbd3; padding: 0.5em 0.2em;}
h2.centerBoxHeading {margin: 0em; background-color: #1D5685; background-image: url('../images/bg_box_header.gif'); font-size: 1.3em; color: #ffffff; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em}
.productListing-rowheading, .productListing-rowheading, #productName {background-color: #1D5685; background-image: url('../images/bg_box_header.gif'); height: 1.5em; color: #FFFFFF}
.productListing-rowheading a{background-color: transparent; height: 2em; color: #FFFFFF;}


i've tried to change center to left, and change some of the margins, but i'm simply guessing and really don't know what i'm doing

any tips are appreciated
you can see my website here:

http://got-jdm.com/JDM/9298-new-mazd...ing-p-499.html