#cartInfo {
	bottom: 6px;
	font-size: 13px;
	position: absolute;
	right: 10px;
	white-space: nowrap;
}

<!-- include the Tools -->
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<!-- fix IE "black box" problems with PNG images when opacity is being animated --> <!--[if IE]> <mce:style type="text/css"><! .images img {background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;   }	--> <!--[endif] --> <!-- "previous slide" button -->
</p><p><a class="backward">prev</a></p>
<!-- container for the slides -->
<div class="images"><!-- first slide -->
<div style="display: block;">
<h3>Жучок GSM</h3>
<img width="200" height="200" alt=" Жучок GSM " src="../../web/upload/assets/images/10/9156/1.jpg" style="float: left; margin: 0 30px 20px 0;">
<p style="font-weight: bold;">GSM жучок Предназначены для прослушивания квартиры, машины, дома и офиса на большом расстоянии с помощью мобильного телефона. Эти жучки очень популярные на данный момент так как прослушать разговор можно на больших расстояниях.</p>
<p>Принцип работы-вставляете любую сим карту в жучок.и после набираете номер сим-карты которая установлена в жучке. Жучек автоматически включит микрофон и вы будете слышать средний разговор в радиусе до 7 метров от жучка.</p>
<p><span style="font-size: medium;"><a target="_blank" href="../../catalog/gsm-zhuchki">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- third slide -->
<div>
<h3>Часы Iron Samurai</h3>
<img width="260" height="180" alt=" часы Iron Samurai " src="../../web/upload/assets/images/10/9156/iron_samurai_stilnye_chasy_s_led_podsvetkoy.jpg" style="float: left; margin: 0 30px 20px 0;">
<p style="font-weight: bold;">Японские часы Iron Samurai, сделанные из нержавеющей закаленной стали. Часы бинарные с синими или красными светодиодами.</p>
<p>Браслет: Цвет: черный/белый Материал: углеродистая сталь, свернутая 1000 раз, из которой изготовлялись самурайские мечи Длина: ~ 180 мм с 18 сегментами для регулирования запястья Зажим: Сгибающийся, эксклюзивного дизайна функции кнопок</p>
<p><span style="font-size: medium;"><a target="_blank" href="../../goods/Iron-Samurai-All-Metal-Blue-LED-1?from=MDlk">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
<!-- second slide -->
<div>
<h3>Китайские планшет</h3>
<img width="290" height="200" alt=" Китайские айпад " src="../../web/upload/assets/images/10/9156/ipad_hero_20100305.jpg" style="float: left; margin: 0 30px 20px 0;">
<p style="font-weight: bold;">Все, что Вам требуется от планшетных компьютеров здесь присутствует</p>
<p>Эксперты утверждают, что эпоха нетбуков закончилась, даже не начавшись. Виной этому &mdash; планшетные устройства. Обладая аналогичной мощностью и возможностями, они превосходят нетбуки по удобству использования.</p>
<p><span style="font-size: medium;"><a target="_blank" href="../../catalog/kitaiskie-planshety">Подробнее</a></span></p>
<p>&nbsp;</p>
</div>
</div>
<!-- "next slide" button -->
<p><a class="forward">next</a></p>
<p><!-- the tabs --></p>
<div class="slidetabs"><a href="#" class="current"></a> <a href="#"></a> <a href="#"></a></div>
	  
<p></p>

  <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
  <link href=" http://drop-shipper.ru/web/upload/assets/styles/10/9156/standalone.css" type="text/css" rel="stylesheet">
  <link href="http://global-magazin.storeland.ru/web/upload/assets/styles/10/9156/tabs-slideshow.css" type="text/css" rel="stylesheet">
  <!--[if IE]>
  <style type="text/css">
  .images img {
	background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
  }
  </style> 
 <![endif]--> 
<script language="JavaScript">
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
$(function() {
$(".slidetabs").tabs(".images &gt; div", {
  // enable "cross-fading" effect
  effect: 'fade',
  fadeOutSpeed: "slow",
  // start from the beginning after the last tab
  rotate: true
// use the slideshow plugin. It accepts its own configuration
}).slideshow();
});
</script> 

#myTree li ul li a:link, #myTree li ul li a:visited {
 color: #222;
}

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2659703, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10", verb: 1});
</script>

<!-- Каталог -->
			  <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			  <ul id="subNavigation">
				  {%IFNOT catalog_full_empty %}
			  {% FOR catalog_full %}
				{% IFNOT catalog_full.HIDE %}
				  {% IF catalog_full.FIRST %}<ul id="myTree">{% ENDIF %}
					 <li>
					   <a href="{catalog_full.URL}"
						  {% IF catalog_full.CURRENT %}
							class="contentTbodycatalog_fullCurent"
						  {% ELSEIF catalog_full.CURRENT_PARENT %}
							class="contentTbodycatalog_fullCurentBranch"
						  {% ENDIF %}
						  {% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
					   >
						{catalog_full.NAME}

						<!-- Отображение количества товаров в категории -->
						{% IF catalog_full.GOODS_COUNT>0 %}
						 <span style="color:#000;">({catalog_full.GOODS_COUNT})</span>
						{% ENDIF %}
					  </a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
				  {% IF catalog_full.LAST %}
					{% FOR out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
				  {% ENDIF %}
				{% ENDIF %}
			  {% ENDFOR %}
			{% ENDIF %}
				  <!-- end Каталог -->

<span style="color:#000;">({catalog_full.GOODS_COUNT})</span>