Customize color picker in product page

[djveloce]

Here is the link http://shop.lasplashcosmetics.ca/product.php?id_product=10
I want the color picker to be horizontal not vertical, so we can see the buy box and the more info box, so everything is visible without scrolling down.
Any help is appreciated!
Thanks

[phrasespot]

The structure of the page so much wrapped div within div it is like Russion dolls. It would be extremely difficult without a re-write. So maybe best bet is to go back to Kameleoon for the changes. That said, if you will be happy with something like attached, change, in global.css

#primary_block #color_picker {
background:url("../img/product-short-desc-bg.gif") repeat-x scroll left top #E5E6E7;
border:1px solid #D0D3D8;
margin-bottom:1.5em;
padding:0.6em 0.7em 0.4em;
}

to something like

#primary_block #color_picker {
   background:url("../img/product-short-desc-bg.gif") repeat-x scroll left top #E5E6E7;
   border:1px solid #D0D3D8;
   left:-325px;
   margin-bottom:0.5em;
   margin-top:180px;    
   padding:0.6em 0.7em 0.4em;
   width:535px;
}

and tweak as required. Then test in several browsers to make sure you get a consistent display as negative values don't play well with some.