Товары С Акцией

Добрый вечер! Изменил код блока "Товары на главной" так, чтобы там выводились только те товары, которые находятся в категории товары на главной и одновременно с этим для них есть активная акция. Однако, товары выводятся не в строчку, а в столбик. Помогите, пожалуйста, исправить.

						  <!-- Список товаров на главной -->
			  {% IFNOT index_page_goods_empty %}
			  {% FOR index_page_goods %}
			  {% IF index_page_goods.MAX_DISCOUNT_EXPIRED_AT %}
			  <div style='font-size: 1em; text-align: center;'>  <h3>Успей купить со скидкой</h3> </div>
			  <br>
			  <script language="JavaScript">
										TargetDate = {index_page_goods.MAX_DISCOUNT_EXPIRED_AT | date("m")} +"/"+{index_page_goods.MAX_DISCOUNT_EXPIRED_AT | date("d")} +"/"+{index_page_goods.MAX_DISCOUNT_EXPIRED_AT | date("Y")} + " 11:59 PM";
										BackColor = "";
										ForeColor = "Black";
										CountActive = true;
										CountStepper = -1;
										LeadingZero = false;
										DisplayFormat = "<div style='font-size: 1.5em; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин.</div>";
										FinishMessage ="Акция окончилась!";
			  </script><script language="JavaScript" src="{ASSETS_JS_PATH}countdown.js"></script>
			  {break}
			  {% ENDIF %}
			  {% ENDFOR index_page_goods %}
				<table>
				  <tr>
					{% FOR index_page_goods %}
					   {% IF index_page_goods.MAX_DISCOUNT_EXPIRED_AT %}
					   <td class="goodsListItem">
						<div class="goodsListItemBlock withBorder cornerAll">
						<div class="goodsListItemImage"><a href="{index_page_goods.URL}" title="Перейти на страницу &laquo;{index_page_goods.NAME}&raquo;">					 

					 

   <img width="188px" src="{ASSETS_IMAGES_PATH}birka.png" style="right: 0px;top: -12px;z-index: 9999;position: absolute;" alt="">
   <img class="goods-image-small" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a></div>
						  <h3 class="goodsListItemName"><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></h3>

						<a href="{index_page_goods.URL_MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</a>
						 
						{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
						  {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							<br /><a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
						  {% ENDIF %}
						</div>
						</td>
						{% ENDIF %}
					{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %}
				   {% ENDFOR index_page_goods %}
				  </tr>
				</table>
			  {% ENDIF %}	  
			  <!-- end Список товаров на главной -->

Проблему частично решил. Теперь ячейки с товаром, почему-то, шире, чем в других категориях

В main.css найдите:

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 200px;
}

замените на:

.goodsListItem {
	overflow: hidden;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 180px;
}