Adding a line between products

When you go to a category to view products, they all look smooshed together:

http://knottybynature-ny.com/index.php?main_page=index&cPath=2_6

Visiting a page on someone else's site, they have some nice divider lines between their products:

http://bellirosa.com/store/index.php?main_page=index&cPath=127_140

Do I change the CSS? What do I change and where, so all my products are separated?

Thanks for your help!!!

Yes, it's CSS. This is the styling used on that particular site and is typcial of how people achieve this effect> .productListing-data {

border-bottom:1px solid #CC0000;
padding:0.5em;
}

Thank you for the info...being an amateur at this tho...where would i put this in the CSS to have the line in between my products in all categories?

As always, help is appreciated!!!!

Thanks,
Cat

Open stylesheet.css

Look for:

.productListing-data

(It may be part of a "list"... meaning that it shares styles with other elements).

If it does appear in a list, make sure that the styles do not conflict with:

border-bottom:1px solid #CC0000;
padding:0.5em;

If there are no conflicts, you can put the declaration anywhere in the stylesheet. It's probably good practice to stick it at the bottom, under a commented section called:

/* My css edits */

.productListing-data {
border-bottom:1px solid #CC0000;
padding:0.5em;
} 

... then you know it's a change you made, and you know where to find it.

AWESOME!!! It worked easily! I was able to add this to my friend's website that I did for her too. Makes everything look that much more organized & professional. Thank you!!!!!

Cat