change product info page layout

[shags38]

hello,

I want to move additional images from bottom of the product info page to just under main image and above description - additionally move the social media bar closer to the top.

I managed to do this a couple of years ago on some other sites but cannot remember how (Doh). I have gone through every CSS file repeatedly and cannot see 'producAdditionalImages' which shows up in page source, and so on. This is what is in the stylesheet.css ;

/*bof product info*/
#cartAdd {text-align: center;margin: 1em;border: 0px solid #000;padding: 1em;float:right;}
.product-divider {border-bottom:1px dashed #ccc;}
.navNextPrevWrapper {text-align:center;}
.navNextPrevCounter {text-align:center;}
#productDescription {color:#444443;}
#productName {color:#9a1213;font-weight:normal;font-size:2.0em;}
#productDetailsList {color:#444443;margin-top:10px;margin-bottom:10px;}
#productAttributes {}
#attribsOptionsText {font-weight:normal;color:#444443;}
.optionName {color:#9a1213;margin-top:0px;}
#alsoPurchased {margin-top:20px;}

any assistance appreciated.

cheers,
Mike

[keneso]

Edit includes/YOUR-TEMPLATE/templates/tpl_product_info_display.php
place the block
<!--bof Additional Product Images -->
...
<!--eof Additional Product Images -->
where you want to, and add producAdditionalImages to stylesheet.css to additionally customize it.