да. Это придётся почти с нуля верстать новый шаблон.

откройте в адмикне файл main.css и
найдите там код

.listing a img { border:none;}

замените на этот

.listing a img { border:none; width: 95%;}

или вы говорите только о конкретных трёх картинках , которые надо уменьшить?

у вас есть картинка этой кнопки?
Или пусть будет примерно как эта картинка, которую мы поможем вам реализовать?

Добрый вечер.
там у вас что-то в шапке сайта, контакты в шапке они так и будут у вас распологаться?
И если делать так, то под   категории товаров будут распологаться контакты в шапке?   (стрелками указал)
а наличие и сравнить товары должны остаться на том же месте , то есть справа (на рисунке также указал)

насчет текста "каталог товаров"
чтоб его удалить, вам нужно в админке открыть файл HTML
И найди там код

<td class="content_catalog cont250">
<!-- Каталог -->
<div class="pad-box">
<ul class="leftmenu">
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul><br />
</li>

и удалите в этом коде следующие

<h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>

добавьте их в самый низ файла main.css

Цитата

найдите в HTML следующий код

{% IF SETTINGS_STORE_EMAIL_MAIN %}{SETTINGS_STORE_EMAIL_MAIN}{% ENDIF %}
<div>Наши контакты:</div>

и замените на этот

<div style="font-weight: bold;">Наши контакты:</div>
{% IF SETTINGS_STORE_EMAIL_MAIN %}{SETTINGS_STORE_EMAIL_MAIN}{% ENDIF %}

Цитата

возьму смелость предположить, что в этом пункте вы говорите про слоган.
откройте style.css
и там найдите код

.slogan{
float:left;
width:210px;
margin-top:30px;
text-align: center;
margin-left: 20px;
}

и замените на этот

.slogan{
float:left;
width:210px;
margin-top:30px;
text-align: center;
margin-left: 20px;
font-weight: bold;
font-size: 115%;
}

Цитата

найдите в HTML следующий код

<div id="slider">
		<!-- La banderolle qui contiens toute les images -->
		  <div id="mask">
				<ul id="image_container">
				  <li><img src="{ASSETS_IMAGES_PATH}bird.jpg"></li>
				  <li><img src="{ASSETS_IMAGES_PATH}red_bird.jpg"></li>
				  <li><img src="{ASSETS_IMAGES_PATH}spring.jpg"></li>
				  <li><img src="{ASSETS_IMAGES_PATH}winter.jpg"></li>
				</ul>
		  </div>
		  <img src="{ASSETS_IMAGES_PATH}glass.png" id="glass">
		  <!-- l'encart bleu. Quoter s'il est genant --><!--
		  <div id="encart">
				<img src="{ASSETS_IMAGES_PATH}bouton.png" id="bouton">
		  </div>-->
		  <!-- fin de l'encart -->
		  <!-- Les fleches de navigations -->
		  <ul id="dots">
				<!-- les petits points qui affichent ou nous en somme sur le slide -->
				  <li class="button1" onClick="changeImage(1)" ></li>
				  <li class="button2" onClick="changeImage(2)" ></li>
				  <li class="button3" onClick="changeImage(3)" ></li>
				  <li class="button4" onClick="changeImage(4)" ></li>
		  </ul>
		  <img src="{ASSETS_IMAGES_PATH}fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
		  <img src="{ASSETS_IMAGES_PATH}fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
		</div>

и замените на этот

{% IF index_page %} 
	  <div id="slider">
		<!-- La banderolle qui contiens toute les images -->
		  <div id="mask">
				<ul id="image_container">
				  <li><img src="{ASSETS_IMAGES_PATH}bird.jpg"></li>
				  <li><img src="{ASSETS_IMAGES_PATH}red_bird.jpg"></li>
				  <li><img src="{ASSETS_IMAGES_PATH}spring.jpg"></li>
				  <li><img src="{ASSETS_IMAGES_PATH}winter.jpg"></li>
				</ul>
		  </div>
		  <img src="{ASSETS_IMAGES_PATH}glass.png" id="glass">
		  <!-- l'encart bleu. Quoter s'il est genant --><!--
		  <div id="encart">
				<img src="{ASSETS_IMAGES_PATH}bouton.png" id="bouton">
		  </div>-->
		  <!-- fin de l'encart -->
		  <!-- Les fleches de navigations -->
		  <ul id="dots">
				<!-- les petits points qui affichent ou nous en somme sur le slide -->
				  <li class="button1" onClick="changeImage(1)" ></li>
				  <li class="button2" onClick="changeImage(2)" ></li>
				  <li class="button3" onClick="changeImage(3)" ></li>
				  <li class="button4" onClick="changeImage(4)" ></li>
		  </ul>
		  <img src="{ASSETS_IMAGES_PATH}fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
		  <img src="{ASSETS_IMAGES_PATH}fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
		</div>
		{% ENDIF %}

скажите аккаунт вашего сайта.

какой у вашего сайта аккуант?

актуален ли ваш вопрос?
если да, то что осталось сделать?

откройте файл style.css
найдите код

.box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: fixed; margin: 0 30%; z-index: 1000;font-size:1.4em;text-align:center;}

и замените на этот

.box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: absolute; z-index: 1000;font-size:1.4em;text-align:center;}

откройте файл HTML
там весь код удалите.
и вставьте новый код

<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]-->

<head>
<title>{PAGE_TITLE}</title>
<meta name="description" content="{PAGE_META_DESCRIPTION}" />
<meta name="keywords" content="{PAGE_META_KEYWORDS}" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/rw1.jpg" />
<link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon_rw.jpg" type="image/ rw1.jpg/>

<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->
{% IF PAGE_CANONICAL %}
<link rel="canonical" href="{PAGE_CANONICAL}" />
{% ENDIF %}

<!-- Если в тарифном плане подключен модуль отзывов о товаре -->
{% IF TARIFF_FEATURE_GOODS_OPINION %}
<!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга -->
{% IFNOT SETTINGS_OPINION_DISABLE %}
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/4.11/jquery.rating.css" />
{% ENDIF %}
{% ENDIF %}

<!-- Стили магазина, которые не нужно менять -->
<link rel="stylesheet" href="{FORALL_STYLES_PATH}reset_07.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css" />
<link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui/jquery.ui.all.min.css" type="text/css" />

<!-- Стили магазина -->
<link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Lobster&amp;subset=latin,cyrillic-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' />

<!-- В случае их возникновения JS ошибок, отображаем их владельцу магазина для возможности отладки. Покупатели сообщений о JS ошибках не видят -->
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
<script src="{JAVASCRIPT_BUG_HUNTING_URL}"></script>
{% ENDIF %}

<!-- Скрипты которые не нужно менять, грузятся из папки общих файлов -->
<script src="{FORALL_JS_PATH}jquery-1.8.2_jquery-ui-1.10.2_jcarousel_masonry-2.1.05_infinite_scroll-2.0b2.110713_fancybox_validation-1.11.1_capslock_jqueryui_rating-4.11.js"></script>

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}forall.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.validate.min.js"></script>
<script type="text/javascript" src="{FORALL_JS_PATH}jquery.capslock.min.js"></script>
<script src="{ASSETS_JS_PATH}main.js" ></script>
<!-- Загрузка Jquery галереии Nyvo Slider -->

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script>
<![endif]-->

</head>
<body>
<div class="bg">
<section class="global">
<div class="container">

<header role="banner">
<!-- Контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div class="contacts">
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
<!-- Первый контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
{% ENDIF %}

<!-- Второй контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER2}
{% ENDIF %}

<!-- Третий контактный телефон -->
{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER3}
{% ENDIF %}
</div>

<!-- Время работы магазина -->
{% IF SETTINGS_STORE_WORK_TIME %}
<div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
{SETTINGS_STORE_WORK_TIME}
</div>
{% ENDIF %}

<!-- Skype номер -->
{% IF SETTINGS_STORE_SKYPE %}
<div class="contentTableHeadMainSkype">
<a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">
<img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />
<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span>
</a>
</div>
{% ENDIF %}

<!-- ICQ номер -->
{% IF SETTINGS_STORE_ICQ %}
<div class="contentTableHeadMainIcq">
<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
</div>
{% ENDIF %}
</div>
{% ENDIF %}
<div class="hgroup">
<h1 title="{SETTINGS_STORE_NAME}"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></h1>
<div class="sitename">{SETTINGS_STORE_NAME}</div>

<!-- Форма поиска -->
<form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search">
<div>
<input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" />
<input title="Искать" type="submit" value="Поиск" />
</div>
</form>
<!-- /Форма поиска -->
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF COMPARE_GOODS_COUNT=0 %}
<div class="compare hide">
<p>Ваш список сравнения пуст</p>
</div>
{% ELSE %}
<div class="compare">
<p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p>
</div>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
</header>
<!-- Блок навигации -->
{% IFNOT menu_empty %}
<nav class="head">
<ul class="head">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li>
<a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<a href="#" id="pull">Меню</a>
</nav>
{% ENDIF %}
<!-- /Блок навигации -->

<!-- Корзина -->
<div class="basket-info">
<div class="summary">
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
<span>0</span>
{% ELSE %}
{CART_COUNT_TOTAL}
{% ENDIF %}</strong> товаров в корзине</a>
</div>
<div class="basket-summary">
<table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
<tbody>
<tr>
<td>Сумма заказа:</td>
<td>
{% IF cart_count_empty %}
<span>0</span> {CURRENCY_NAME}
{% ELSE %}
{% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
{% ENDFOR %}
{% ENDIF %}
</td>
</tr>
</tbody>
</table>
{% IF cart_count_empty %}
<p>Ваша корзина пуста</p>
{% ENDIF %}
</div>
</div>
<!-- end Корзина -->
</div>
</section>
<div class="container">
<!-- Сообщение для инвалидов -->
<noscript>
<div class="noscript">
<div class="noscript-inner">
<p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p>
<p>Необходимо включить его для корректной работы сайта.</p>
</div>
</div>
</noscript>
<!-- END Сообщение для инвалидов -->

<!-- Каталог товаров -->
{%IFNOT catalog_full_empty%}
<style>
.ui-accordion .ui-accordion-li-fix {display: block;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: none;background: none;font-weight: normal;color: #555;}
.ui-state-default .ui-icon, .ui-state-active, .ui-icon, .ui-state-active .ui-icon {background-image: none;}
.ui-widget-content { border: none; background: none; }

</style>
<div class="box">
<div class="box-heading">Каталог</div>
<div class="box-content">
<div class="box-category">
{%FOR catalog_full%}
{% IF catalog_full.FIRST %}<ul class="accordion" >{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
<a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}

</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 %}
{%ENDFOR%}
</div>
</div>
</div>
{%ENDIF%}
<!-- /Каталог товаров -->



<!-- Главная страница -->
{% IF index_page %}

<!-- Список товаров на главной -->
{% IFNOT index_page_goods_empty %}
<script type="text/javascript">
jQuery(function() {
$.fn.startCarousel = function() {
var bodywidth = $('.container').width(),
itemwidth = $('.mycarousel li').outerWidth(true),
mycontwidth = bodywidth > itemwidth ? bodywidth - bodywidth%itemwidth : itemwidth,
licount = $('.mycarousel li').size(),
jscroll = 1;

if(licount > mycontwidth/itemwidth){
jscroll = mycontwidth/itemwidth;
} else {
jscroll = 0;
mycontwidth = licount * itemwidth;
}
$('.mycont').width(mycontwidth);
$('.mycarousel').jcarousel({
scroll:jscroll,
wrap: 'circular'
});
};
$(this).startCarousel();
$(window).resize(function(){
$(this).startCarousel();
});
$('.mycarousel').jcarousel();
});
</script>
<div class="mycont">
<ul class="mycarousel">
{% FOR index_page_goods %}
<li>
<h3><a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" style="height:100px;">{index_page_goods.NAME}</a></h3>
<div style="width: 100%;position: relative;height: 100%;overflow:hidden;">
<a title="{index_page_goods.NAME}" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_goods.NAME}" src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<div class="price">
<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 %}
<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 %}
<a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}

{% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{index_page_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_goods.NAME}&raquo; в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</li>
{% ENDFOR %}
</ul>
</div>
{% ENDIF %}
<!-- /Список товаров на главной -->

<!-- Список новинок -->
{% IFNOT index_page_new_goods_empty %}
<section class="newsletter">
<div>
<h3><b>Новинки</b></h3>
</div>
</section>
<section role="main">
<div class="containers2">
{% FOR index_page_new_goods %}
<div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
<div style="width: 193px;position: relative;overflow:hidden;">
<a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_new_goods.NAME}" src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_new_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<h3><a title="{index_page_new_goods.NAME}" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_new_goods.NAME}</a></h3>
<div class="price">
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW}">{index_page_new_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
<a href="{index_page_new_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_new_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_new_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_new_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_new_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}

{% IF index_page_new_goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{index_page_new_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_new_goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{index_page_new_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_new_goods.NAME}&raquo; в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
{% ENDFOR index_page_new_goods %}
</div>
</section>
<div class="clear"></div>
{% ENDIF %}
<!-- /Список новинок -->

<!-- Список хитов продаж на главной -->
{% IFNOT index_page_favorites_goods_empty %}
<section class="newsletter">
<div>
<h3><b>Хиты продаж</b></h3>
</div>
</section>
<section class="featured">
<div class="containers2">
{% FOR index_page_favorites_goods %}
<div class="items" style="float:left; width:193px;margin: 10px;background: #fff;padding:10px;">
<div style="width: 193px;position: relative;overflow:hidden;">
<a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">
<img alt="{index_page_favorites_goods.NAME}" src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{index_page_favorites_goods.IMAGE_SMALL}{% ENDIF %}" />
</a>
</div>
<h3><a title="{index_page_favorites_goods.NAME}" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}">{index_page_favorites_goods.NAME}</a></h3>
<div class="price">
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW}">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</a>
{% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
<a href="{index_page_favorites_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
</div>
<div class="rating">
<!-- Среднее значение по результатам всех отзывов об этом товаре -->
{% IF index_page_favorites_goods.OPINION_RATING_VALUE %}
<img src="{FORALL_IMAGES_PATH}stars/{index_page_favorites_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_favorites_goods.OPINION_RATING_VALUE}" />
{% ENDIF %}

{% IF index_page_favorites_goods.OPINION_RATING_CNT_ALL>0 %}
<a href="{index_page_favorites_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_favorites_goods.OPINION_RATING_CNT_ALL})</a>
{% ELSE %}
<a href="{index_page_favorites_goods.URL | url_amp}?&amp;form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a>
{% ENDIF %}
</div>
<div class="buy-item">
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
<div>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
<input name="form[goods_mod_quantity]" class="quantity" maxlength="12" value="1" title="Количество">
<!--button type="submit" onclick="this.form.submit();" title="Положить &laquo;{index_page_favorites_goods.NAME}&raquo; в корзину" />В корзину</button-->
<button type="submit" onclick="quickorder('.product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Заказать</button>
</div>
</form>
</div>
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
{% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
{% ELSE %}
<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
{% ENDIF %}
{% ENDIF %}
{% ENDIF %}
</div>
{% ENDFOR index_page_favorites_goods %}
</div>
</section>
<div class="clear"></div>
{% ENDIF %}
<!-- Список хитов продаж на главной -->

{% ENDIF %}
<!-- /Главная страница -->
<!-- Nyvo слайдер который отображается на главной -->

{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->

<div class="theme-default" style="padding: 1em; display: none;">

<!-- Непосредственный код слайдера -->

<div id="slider">

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/LNbs02.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/LN04.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/BR2-60-02.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/BR1-60-02.jpg" alt="" /></a>

<a href="/"><img title="Пример картинки с заголовком" src="{ASSETS_IMAGES_PATH}img/LNbs01.jpg" alt="" /></a>

</div>
</div>

<!-- Запуск слайдера -->

<script type="text/javascript">

$(window).load(function() {

$('#slider').nivoSlider().parent().show(); });

</script>

{% ENDIF %}
{BODY}

</div>
<footer>
<div class="container">
<div class="footer">
<ul>
{% FOR menu %}
{% FOR footer %}
{% FOR links %}<li {% IF menu.footer.links.last %}class="last"{% ENDIF %}><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="clear"></div>
</div>


</section>
<div class="networks">
<section class="vcard">
<h4>Информация о компании</h4>
<p>Название компании ООО<br />
Зарегистрирована в России<br />
Регистрационный номер: 05968981.<br />
НДС: 00120898409</p>
</section>
<div class="newsletter">
<p class="a-center" style="text-align: center;">
&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br />{SETTINGS_STORE_ORG_NAME}<br />
<span>Все права защищены</span><br />
{SETTINGS_STORE_REGION}<br />
{SETTINGS_STORE_HTML_CODE}<br />
<span>{COPYRIGHT_FOR_DESIGN_ETERNITY}</span>
<span></span><br />
<br />
</p>
</div>
</div>
</div>
</footer>

<a href='#' id='Go_Top'>
<img src="{ASSETS_IMAGES_PATH}img_top.png" class="img_top" alt="Наверх" />
<span>Наверх</span>
</a>
</div>
</body>
</html>

В style.css
найдите код

#header-fluid{position:relative;background: #ffffff url('ПУТЬ_К_КАРТИНКЕ/header-top-bg.png') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

и замените на этот

#header-fluid{position:relative;background: none repeat-x 0 0  #ffffff;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

замените

/* Les points de navigation */
#dots{
position:absolute;
width:130px;
height:15px;
left:425px;
bottom: -25px;
}

на это

/* Les points de navigation */
#dots{
position:absolute;
width:130px;
height:15px;
left:425px;
top: -25px;
}

извините, вам ведь только нужно сменить название.
Значит вот инструкция.
под пунктом 3 - после нажатия редактирования, открывается окошка редактирования подкатегории. Вот там смело меняйте название.

Примечания. я совершил описку, я имел ввиду категорию где изображение временно отсутствует

я вам выслал пошаговую инструкция в картинках.

под пунктом 3 я имею ввиду, что нужно нажать правой клавишей мыши на подпункт который хотите удалить, и удалите его)))

в style.css найдите код

#wrapper
{
background:url('/dorianyates-wallpaper1.jpg');
}

замените  на этот

#wrapper
{
background:url('/dorianyates-wallpaper1.jpg');
background-attachment: fixed;
}

я понял в чём дело.
Теперь код который вы добавили в моём сообщении #31  нужно заменить на этот

*{
padding:0;
margin:0;
list-style-type:none;
}
#slider{
background:url('{ASSETS_IMAGES_PATH}background.png');
width:960px;
height:370px;
margin:50px auto;
position:relative;
}
#mask{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}
.fleche{
position:absolute;
top:145px;
cursor:pointer;
}
#fleche_gauche{
left:-17px;
}
#fleche_droite{
right: -17px;
}
#image_container{
position:absolute;
width:400%;
height:100%;
/* La transition sur tout les navigateurs */
/* Chrome */
-webkit-transition-property:all;
-webkit-transition-duration:1s;

/* Firefox */
-moz-transition-property:all;
-moz-transition-duration:1s;

/* Opera */
transition-property:all;
transition-duration:1s;

}

/* Les différentes positions du slider */
.image1 #image_container{
left:0;
}
.image2 #image_container{
left:-100%;
}
.image3 #image_container{
left:-200%;
}
.image4 #image_container{
left:-300%;
}

/* Les images */
#image_container li{
float:left;
}

/* L'encart Bleu */
#encart{
position:absolute;
top:-15px;
left:200px;
background:url('{ASSETS_IMAGES_PATH}text.png');
width:328px;
height:396px;
}

#bouton{
position:relative;
width:244px;
height:55px;
margin: 300px 0px 0px 40px;
cursor:pointer;
}

/* Les points de navigation */
#dots{
position:absolute;
width:130px;
height:15px;
left:425px;
bottom:-25px;
}

/* les points, avec leur background non selectionné */
#dots li{
float:left;
margin: 0px 2px;
width:12px;
height:12px;
background: url('{ASSETS_IMAGES_PATH}empty-dot.png');
cursor:pointer;
}
/* Point au survol */
#dots li:hover{
background: url('{ASSETS_IMAGES_PATH}selected-dot.png');
}

/* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
.image1 #dots li.button1, .image2 #dots li.button2, .image3 #dots li.button3, .image4 #dots li.button4{
background: url('{ASSETS_IMAGES_PATH}selected-dot.png');
cursor:normal;
}

/* Un eyecandy */
#glass{
position:absolute;
top:0px;
left:0px;
}

этот код

#slider{
background:url('{ASSETS_IMAGES_PATH}background.png');
width:960px;
height:370px;
margin:50px auto;
position:relative;
}

замените на этот

#slider{
background:url('{ASSETS_IMAGES_PATH}background.png');
width:960px;
height:370px;
margin:35px auto 50px;
position:relative;
}

значит вместо того кода поставьте этот

.htmlDataBlock a {
font-size: 16px !important;
}

вместо 2592000000000  поставьте 1401906100000

вопрос актуален?
если да, то какую полосу убрать?

измените

#slider{
				background:url({'ASSETS_IMAGES_PATH}background.png');
				width:960px;
				height:370px;
				margin:50px auto;
				position:relative;
		 }

на этот код

  #slider{
				background:url('{ASSETS_IMAGES_PATH}background.png');
				width:960px;
				height:370px;
				margin:50px auto;
				position:relative;
		 }

\найдите в main.css код

/*cartInfo*/
/*contactInfo*/
#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: 10px;
  left: 170px;
}

и замените на этот

/*cartInfo*/
/*contactInfo*/
#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: 60px;
  right: 40px;
}

Откройте HTML, там найдите код

{% IF index_page %}  
	  <div class="flexslider" id="autumn-slider"> 
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/186.jpg?0150"></a></li>
	   <li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/327.jpg?0150"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/420.jpg?0150"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/199.jpg?0748"></a></li>
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}http://x26054.storeland.net/230.jpg?1051"></a></li>
  
		</ul>
	 </div>
	{% ENDIF %}

замените на этот

<div id="slider">
	<!-- La banderolle qui contiens toute les images -->
	  <div id="mask">
		<ul id="image_container">
		  <li><img src="{ASSETS_IMAGES_PATH}bird.jpg"></li>
		  <li><img src="{ASSETS_IMAGES_PATH}red_bird.jpg"></li>
		  <li><img src="{ASSETS_IMAGES_PATH}spring.jpg"></li>
		  <li><img src="{ASSETS_IMAGES_PATH}winter.jpg"></li>
		</ul>
	  </div>
	  <img src="{ASSETS_IMAGES_PATH}glass.png" id="glass">
	  <!-- l'encart bleu. Quoter s'il est genant --><!--
	  <div id="encart">
		<img src="{ASSETS_IMAGES_PATH}bouton.png" id="bouton">
	  </div>-->
	  <!-- fin de l'encart -->
	  <!-- Les fleches de navigations -->
	  <ul id="dots">
		<!-- les petits points qui affichent ou nous en somme sur le slide -->
		  <li class="button1" onClick="changeImage(1)" ></li>
		  <li class="button2" onClick="changeImage(2)" ></li>
		  <li class="button3" onClick="changeImage(3)" ></li>
		  <li class="button4" onClick="changeImage(4)" ></li>
	  </ul>
	  <img src="{ASSETS_IMAGES_PATH}fleche-gauche.png" id="fleche_gauche" class="fleche" onClick="prevImage()" >
	  <img src="{ASSETS_IMAGES_PATH}fleche-droite.png" id="fleche_droite" class="fleche" onClick="nextImage()" >
	</div>
	<script>
	  // Des Variables pour pouvoir modifier facilement ce qui doit l'être
	  var secDuration = 5;
	  var image = 1;
	  var maxImages = 4;
	  var slider = document.getElementById('slider');
	  var timeout
	  
	  // La fonction qui change les images. Peut pointer vers une image spécifique, ou bien être appelée vide, pour passer ç celle d'apres
	  function changeImage(requiredImage) {
	  
		// Début de l'algorithme  .
		if (!requiredImage && requiredImage != 0){ //Si nous n'avons pas spécifié une image
		  if(image < maxImages){// Si l'image n'est pas la dernière, on avance d'une image
			image++;
		  }
		  else{
			image = 1;//Si Nous sommes sur la dernière, on reviens au début 
		  }
		}
		else{ // Si nous avont spécifié une image
		  if(requiredImage > maxImages){//Si nous avont spécifié une image au dela de la dernière, on revient à la première
			image = 1;
		  }
		  else if(requiredImage < 1){ //Si nous avont spécifié une image 0 ou moins, on vas à la dernière image
			image = maxImages;
		  }
		  else{
			image = requiredImage; // Sinon, on vas à l'image spécifiée.
		  }
		}
		//On dis au slider à travers sa classe quel image il doit afficher
		slider.className = "image"+image;
		
		// On nettoie et relance le timeout
		clearTimeout(timeout)
		timeout = setTimeout("changeImage()",secDuration*1000);
	  }
	  
	  //Deux petites fonctions tres compréhensibles
	  function nextImage(){
		changeImage(image+1);
	  }
	  function prevImage(){
		changeImage(image-1);
	  }
	  
	  //On met le slide sur l'image par défaut, ici la 1ere
	  changeImage(1);
	</script>

Цитата

да через "Добавить файлы" загрузить эти картинки,
я пути к картинкам добавил путь, так что не беспокойтесь))

это еще не всё.
Я в коде сообщения 31 допустил одну ошибку. Я её исправил. Поэтому снова скопируйте и вставьте в ваш код

откройте style.css и в самом конец файла добавьте новый код

*{		
		padding:0;
		margin:0;
		list-style-type:none;
	 }
	 #slider{
background:url('{ASSETS_IMAGES_PATH}background.png');
		width:960px;
		height:370px;
		margin:50px auto;
		position:relative;
	 }
	 #mask{
		width:100%;
		height:100%;
		position:absolute;
		overflow:hidden;
	 }
	 .fleche{
		position:absolute;
		top:145px;
		cursor:pointer;
	 }
	 #fleche_gauche{
		left:-17px;
	 }
	 #fleche_droite{
		right: -17px;
	 }
	 #image_container{
		position:absolute;
		width:400%;
		height:100%;
		/* La transition sur tout les navigateurs */
		 /* Chrome */
		 -webkit-transition-property:all;
		 -webkit-transition-duration:1s;

		 /* Firefox */
		 -moz-transition-property:all;
		 -moz-transition-duration:1s;

		 /* Opera */
		 transition-property:all;
		 transition-duration:1s;

	 }

	 /* Les différentes positions du slider */
	 .image1 #image_container{
		left:0;
	 }
	 .image2 #image_container{
		left:-100%;
	 }
	 .image3 #image_container{
		left:-200%;
	 }
	 .image4 #image_container{
		left:-300%;
	 }

	 /* Les images */
	 #image_container li{
		float:left;
	 }

	 /* L'encart Bleu */
	 #encart{
		position:absolute;
		top:-15px;
		left:200px;
		background:url('{ASSETS_IMAGES_PATH}text.png');
		width:328px;
		height:396px;
	 }

	 #bouton{
		position:relative;
		width:244px;
		height:55px;
		margin: 300px 0px 0px 40px;
		cursor:pointer;
	 }

	 /* Les points de navigation */
	 #dots{
		width:130px;
		margin:auto;
	 }

	 /* les points, avec leur background non selectionné */
	 #dots li{
		float:left;
		margin: 0px 2px;

		width:12px;
		height:12px;
		background: url('{ASSETS_IMAGES_PATH}empty-dot.png');
		cursor:pointer;
	 }
	 /* Point au survol */
	 #dots li:hover{
		background: url('{ASSETS_IMAGES_PATH}selected-dot.png');
	 }

	 /* Point "selectionné". De la même manière que l'image, on change en fonction de la classe de slider */
	 .image1 #dots li.button1, .image2 #dots li.button2, .image3 #dots li.button3, .image4 #dots li.button4{
		background: url('{ASSETS_IMAGES_PATH}selected-dot.png');
	 }

	 /* Un eyecandy */
	 #glass{
		position:absolute;
		top:0px;
		left:0px;
	 }