Product Listing Page - Rows Style - Can't alter layout

[beyre]

I've done everything I can think of ....

a) add padding to the id cat1table
b) add a row with height to the tabular_display.php file
c) add padding to productListing_odd/even

But for the life of me, I can't get the rows on the product listing page to spread out from each other, including the row header and the number of products display at bottom. Everything is bunched together.

I also want the product name and description to be valign=top (aligned with top of image) ... or at least have the ability to switch between top or bottom align, depending on which the client ultimately wants.

Here's the page I'm using to work on:
http://www.ihealthdistributors.com/s...=index&cPath=1

Here is my CSS for those elements:

/*Product Listing Page*/
cat1Table {
    padding: 5px 0;
    }
    
.productListing-rowheading {
    padding: 10px 0;
    }
    
.productListing-data {
    valign: top;
    text-align: left;
    padding: 0;
    }
    
.itemTitle {
    valign: top;
    padding: 0 0 0 10px;
    }
    
.listingDescription {
    padding: 0 20px 0 10px;
    }
    
.productListing-odd {
    margin: 5px 0;
    }
    
.productListing-even {
    margin: 5px 0;
    }

I'll keep working on this after I post here ... so you may see changes, or maybe not.

[stevesh]

One way would be to add:

#productListing img {margin: 2em 0 2em 0;}

[beyre]

See - I told my client someone will point out the obvious for me!

Thank you so much! That helps immensely.

[stevesh]

I've had trouble styling the classes and ids you were working with, too.

[DontBlink7]

i had the same problem..thanks, how can i add borders in between them? im having the same problem with the divs

[DontBlink7]

i had the same problem..thanks, how can i add borders in between them? im having the same problem with the divs

i got it .. i used

.productListing-data {
padding: 0.5em 0.2em 0.5em 0.2em;
border-top: 1px solid #ededed;
}

instead of the answer you provided, but thanks anyway