Align Attributes vertically, remove white spaces

Hi I was hoping some one could help me, I have been trying to figure this out all day. What I would like to do is align my attribute boxes and add to cart box neatly opposite my product image. But I keep getting this big white space I have tried lots of different hacks from this forum but nothings working.

Heres my website http://www.thehouseandhomestore.co.uk/cake-toppers/edible-wafer-rice-paper/alien-cake-cupcake-topper

You can start by adding to the end of your stylesheet.css:

#productAttributes {float: left;}

and remove this statement:

br + .wrapperAttribsOptions { left: 20em; top: -7.8em; position: relative; }

from the same file.

Hi thanks for a quick reply,

I added this like you said #productAttributes {float: left;} and everything is pretty much where i want it.

But I could not find this part in my code br + .wrapperAttribsOptions { left: 20em; top: -7.8em; position: relative; }

Is there any way i can align my attribute boxes, so they look a bit tidy thanks for your help.

Look in your stylesheet.css (line 263) for

.wrapperAttribsOptions { float: right; }

and change that to

.wrapperAttribsOptions { float: left; }

That will line the attributes' labels/text boxes up a bit better.