How do I move the Add To Cart Box down on the products page?

I am attempting to move my Add To Cart box on the product detail page down so that it rests inside the image box I created for the product attributes. I was able to get it to move down a little by removing the clearBoth at the end of the product details section of tpl_product_info_display.php. It moved down onto the top edge of the attributes box, but it messed up the layout of my attributes. I have also tried changing settings in the stylesheet.css file (and adding a cartAdd class), but without success. Mostly because I don't know what I am doing. :blush:

Anyway, if someone could point me in the right direction of how to move the Add To Cart box down without messing up the attribute layout, I will be very grateful. :smile:

Here is a link to a product on the site I am creating so you can see what I am attempting to do:

http://www.naughticorner.com/StoreNextUpgrade/index.php?main_page=product_info&cPath=74_75&products_id=108

I am using ZenCart 1.3.9h.

Thank you!

Michelle

mleahy:

Anyway, if someone could point me in the right direction of how to move the Add To Cart box down without messing up the attribute layout, I will be very grateful. :smile:

Okay, I have had partial success! :clap:

I added this code to my stylesheet.css:

#cartAdd {
float: right;
position:relative;
top:45px;
text-align: center;
margin: 1em;
background: #00000;
padding: 1em;
}

And now my Add To Cart box is where I want it. Now I just have to figure out how to have the alignment of my attributes not affected. Any ideas?