Недавно просмотренные товары в горизонтальном виде с картинками - [VM1] Дизайн, оформление

Помогите сделать недавно просмотренные товары в горизонтальном виде с картинками.
Сейчас у меня как на картинке ver.1


вот мой recent.tpl.php

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' ); ?>
<?php if( empty($recent_products)) return;
?>
<!-- List of recent products -->
<br/>
<span style="display: block; text-align: center;"><h3><?php echo $VM_LANG->_('VM_RECENT_PRODUCTS')?></h3></span>
<ul class="vmRecentDetail">
<?php
foreach( $recent_products as $recent ) { // Loop through all recent products
foreach( $recent as $attr => $val ) {
//echo $attr." - ".$val."<br />";
$this->set( $attr, $val );
}
/**
* Available indexes:
*
* $recent["product_name"] => The user ID of the comment author
* $recent["category_name"] => The username of the comment author
* $recent["product_thumb_image"] => The name of the comment author
* $recent["product_url"] => The UNIX timestamp of the comment ("when" it was posted)
* $recent["category_url"] => The rating; an integer from 1 - 5
* $recent["product_s_desc"] => The comment text
*
*/
?>
<li>
<table width="100%">
<a href="<?php echo $recent["product_url"]; ?>" >
<img src="<?php echo $mosConfig_live_site; ?>/components/com_virtuemart/shop_image/product/<?=$recent["product_thumb_image"]?>" width="50px" style="border: 1px solid #ccc;"></a>
</td>
<?php echo $recent["product_name"]; ?>
</td></tr>
</tbody>
</table>
</li>
<?php
}
?>
</ul>

в CSS

Название сбоку картинки =\

а вообщем нормально сам сделал.
А как сделать что бы на главной было по центру. А то в категориях по центру страницы а на главной смещено немного в лево

а вообщем нормально сам сделал.

Поделитесь пожалуйста. Как вы это сделали?

Что это за модуль, скажите пожалуйста ?