help with product_info template css

I have searched this forum for the answer but cannot find it.

Simply, all I want to do at first is position the image from left to right

I have put a div around the code trying to align it right but no change.
Basically if you take a look at this

http://www.woolyhats.com/anti-pilling-fleece-trapper-59-cms-p-184.html

I want the page to look more like this

http://www.woolyhats.com/hats/index.php?main_page=product_info&products_id=184

To do this with tables would be a piece of cake but how do I alter the layout in just css. I'm searching the stylesheets for div id's and bits but not finding a thing.

Do I just wrap stuff with my own custom divs and tack them onto the end of my stylesheet.

I have been customising the classic template

Thanks for any help

I can not tell what exact version of zen cart you are using but it is older and is table based. and can not be altered much in the css at least for placement.

Do it with tables, or upgrade

I am using version 1.3.0.2 on woolyhats.com

Woolyhats.com/hats/ uses an older 1.2 version but I would like the 1.3 site to look similar to the 1.2 with the way the product_info page is laid out.

Just knowing how to align the product image right would be a great help.

Thanks

If you only want to change the float of the pic look at the define for #productMainImage in your stylesheet.

Well I went to woolyhats.com and this is not even a Zencart page and the link to the shop takes one to http://woolyhats.com/hats/ and this is a table based ZenCart and not 1.3.0.2 or at least you have copied an old css file for this that is dated > $Id: stylesheet.css 290 2004-09-15 19:48:26Z wilt $ and a 1.3.0.2 is > @version $Id: stylesheet.css 3215 2006-03-20 06:05:55Z birdbrain $

and the source starts the script with```
</script>

<table class="centershop" border="0" cellspacing="0" cellpadding="0">
  <tr><td>
    <table border="0" cellspacing="0" cellpadding="0" class="headerNavigation" align="center">
      <tr class="headerNavigation">
        <td align="left" valign="top" width="33%" class="headerNavigation">
          <a 

Definitely table based

Are we being directed to the correct site??

Sorry kobra I was playing with the site today and have moved things about a bit.

Old shop version 1.2 = https://www.woolyhats.com/hats/

New shop version 1.3.0.2 = https://www.woolyhats.com/catalog/

The addresses for these shops will change as soon as I get the new shop polished up and looking a tad more professional.

Looks like you have it moved...

Did you find this in the admin > config > all listing > Display Product Image 1102

And adjust this to a right display by 2102 ??

Might assist others if you post your fix.

No, I just changed the stylesheet define for the mainproductimage by adding

float: right;