Can't get padding to work on product listing

Hello,

On my product listing page, I am trying to add some padding in between each product so that is more clear which price and button belong to which product.

I added:
.productListing-odd, .product-Listing-even {
padding-bottom: 20px;
}
to my stylesheet, and in Firebug I can see that it IS applying the padding, but for some reason it is also allowing the next item to start within the padding area instead of moving it down. I also tried margin to no avail.

All I want is more space between the items. I have search the stylesheet to see if something else might be affecting this, but I must be missing something. :frusty:

Link to my page in question:
http://www.harmonyyogaannarbor.com/zencart/index.php?main_page=index&cPath=3

You can look at this without having to log in... thanks!

Karen

Try this and adjust to suit

.productListing-data {
padding-bottom: 5em;
}

Kobra,

Thank you!

Now can you explain to me WHY that worked and why what I was trying to do didn't work... you know, just for the betterment of my coding skills... :D

Karen

.productListing-odd, .product-Listing-even I think are not used or at least not for this

They certainly are there, but ?perhaps due to their being table row elements? they don't respond to margin or padding, even with !important added. You can apply color to them just fine.