Size was not a problem. I can change the "flypage.tpl.css" and edit the width / height values in ".VMflyThumb" and "#showThumb0, #showThumb1, #showThumb2, #showThumb3" to:
width:75px;
height:125px;

My question is can I now show the Thumbnails in a grid since the extended height causes them to go below "#VMflyProductImageBox" Height.
Like this:
{Thumb0} {Thumb1}
{Thumb2} {Thumb3}

I have plenty of width, but I really do not want to increase "#VMflyProductImageBox" Height beyond 385px.

I think my answer lies in the "flypage.tpl.php" file inside the "<div id='VMflyOtherImagesBox'>" near line 200'ish. However, my attempts have proven futile.

The problem is probably the clear:right; for .VMflyThumb around line 85 of "flypage.tpl.css".

Try removing that and setting the width so that only two items can fit side by side and that should give you the grid you want.

Jerry

Holycow! You are going to spoil me with such quick and easy solutions. The layout worked perfectly.
It puts the images in a slightly different order than I anticipated, but that is easily fixed by uploading my images in a different order.
Order is:
{Thumb1} {Thumb0}
{Thumb3} {Thumb2}

I just spent 3 hours trying to fix this and you did it in about 10 seconds after reading my post. Bless you.

PS. I posted review at VM, but they must approve it first.

Glad to be of assistance. Instead of changing the upload order you might try changing the float right to float left. That might correct the order.

We really appreciate the kind words and especially the review.

Thank you,

Jerry

I tried to change the float value first, but it moved it slightly under my main picture. If my main picture had been about 15px smaller, then the new float value might have worked. Uploading the images is easy enough.

Only problem I have now is that IE7 refuses to put the thumbnails in a grid like Firefox does. Plus, IE7 has moved my PurchaseBox up into my images.

Did you remove the separater bar that is right before the tabs? That has a clear:both on it's div that should have stopped the purchase box from floating up. If so, you need a clear:both somewhere after the VMflyOtherImagesBox images box to stop other things from floating up.

Did you expand the width in the VMflyOtherImagesBox to accomodate the width of two thumbs with any margin or padding?

I have the demo site set up right now to have two columns of thumbs and it seems to work fine on FF and IE. Look here:

flytabs.seemyseat.com/index.php/FlyTabs-Demo/Joomla-Add-ons/Google-Mapping-for-SOBI2-Search-Results/flypage.tpl.html

I can't leave it that way for long so check it out soon.

The changes I made were to remove the clear and change the float to left on .VMflyThumb as we discussed earlier. I also changed the float on #VMflyOtherImagesBox to left and increased the width.

Regards,

Jerry