Lightbox-Layout anpassen - Thumbnails neben Bild

[LOLRainbow]

Hallo Leute,

ich kämpfe seit einigen Tagen mit der Installation, Modifikation und Anpassung von einem XT Commerce Shop. Bisher klappt das nach einiger Zeit dank dem Onkel Google auch immer ganz gut.

Nun hänge ich jedoch fest und benötige bitte etwas Hilfe.

Ich möchte die Darstellung der geöffneten Lightbox etwas verändern. Momentan wird immer ein großes Bild angezeigt, und die Thumbnails der weiteren Bilder UNTERHALB des großen Bildes angezeigt.
Diese Thumbnails würde ich gerne rechts oder links vom großen Bild positionieren. Könnt ihr mir da helfen? Ich bekomme das mit den DIV-Boxen nicht gebacken...

Mein Shop: Motivshirts-Shop - Shirts mit lustigen und witzigen Motiven, Bildern und Sprüchen bedruckt
XT Commerce v3.0.4 SP2.1

Hier ist der Code von der Lightbox:

PHP-Code:

{config_load file="$language/gm_lang_$language.conf" section="lightbox"}
<!--
<link type="text/css" rel="stylesheet" href="templates/gambio/system.css" />
<div style="width:{$BOX_WIDTH}px;border:1px dotted red">
<div style="border:1px dotted red; background-color:gray">
-->




<div id="product_images_box" style="width:{$BOX_WIDTH}px; margin-left:auto; margin-right:auto">
        
    <h1>{$PRODUCTS_NAME}</h1>
    
    <div id="wrap_images" style="width:{$POPUP_WIDTH}px">
    <div id="wrap_images" style="width:{$POPUP_WIDTH}px">
        <div id="active_image"><img src="{$ACTIVE_IMAGE}" alt="" title="" /></div>
        
        {if $image_data}
            <ul>
            {foreach name=aussen item=image_item from=$image_data}        
                <li style="width:{$THUMBNAIL_WIDTH}px;height:{$THUMBNAIL_HEIGHT}px" class="inactive" id="image_{$image_item.IMAGE_NR}">
                    <a href="{$image_item.IMAGE_NAME}" onclick="return false"><img style="padding-top:{$image_item.IMAGE_PADDING}px;" src="{$image_item.IMAGE_NAME}" alt="{$image_item.IMAGE_ALT}" title="{$image_item.IMAGE_ALT}" /></a>
                </li>
            {/foreach}
            </ul>
        {/if}
    </div>    
    <div id="footer" onclick="gmLightBox.close_box()">{#gm_window_close#}</div>
</div>


</div>