Alignment for Add to Cart making me crazy!

Can anyone tell me how to make my add to cart information line up eveenly horizontally, if you peak you can see the word Quantity, the quantity box and the add to cart button are all sitting on different levels....I cannot figure out for the life of me how to get them to sit at an even level?!?!?!

You can view here:

http://www.ilovephotogifts.com/index.php?main_page=product_info&cPath=7_107&products_id=470

I know it is something easy...but cant find it!

Thanks in advance as always!!!!!!!!!!!!!!!

Jill

I don't know the answer to the question you posed LOL but I did notice your category links in the sidebox jump something horrid when I hover over them, you have different line heights for the hover and normal.....might want to make them the same or if you just delete the lines I highlighted in red you'll still get the different color on hover, unless you wanted them to jump lol :)

a.category-top, a.category-top:visited {
    color: #888888;
        font-family: helvetica;
        font-weight: bold;             
        font-size: 13px;         
    padding: 2px 2px 2px 2px;
    line-height: 25px;
}

a.category-top:hover {
color: #94bf5d;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
    line-height: 20px;
}

the box and the button have a bottom margin

form, select, input {stylesheet_new.cs... (line 113)
font-size:0.9em;
margin:0.2em 0.2em 10px;

if you change it you'll probably get something lining up funny somewhere else.

I have to confess to not remembering exactly how to do this but I think you can copy the stylesheet lines to assign only to the div id you want to change

#cartAdd form, select, input
font-size:0.9em;
margin:0.2em 0.2em

good tools to diagnose this stuff - firefox/webdevelopertoolkit add-on and Firebug (the greatest invention since Al Gore) Aardvark helps too - but Firebug is the bomb

Thank you so much guys! Got both problems fixed!!!! Thank you so much!!!

You're welcome, and your site is gorgeous, I love the greens lol :D