Перейти к содержимому


Как Сделать Кнопки Заказать В Каталоге По Одной Линии

каталог

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 nadezda

nadezda

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 95 сообщений

Отправлено 24 Сентябрь 2013 - 22:52

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

Аккаунт SL-224520

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Сентябрь 2013 - 01:18

Попробуйте выполнить инструкцию из темы форума http://forum.storela...__40#entry90593
Так же вы можете попробовать восстановить шаблон из резервной копии. Перед восстановлением сделайте резервную копию текущего шаблона.

#3 nadezda

nadezda

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 95 сообщений

Отправлено 25 Сентябрь 2013 - 20:42

Ничего не выходит, не могу найти нужные строчки по вашему варианту, и по втоому варианту не могу найти карусель.
<!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/x-icon" />
  <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
  <!-- 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 src="{ASSETS_JS_PATH}main.js" ></script>
 
  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" ></script>
  <![endif]-->
<!-- Подключение Js плагина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.js"></script>
<!-- Подключение css файла плагина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}cloud-zoom.css" type="text/css" />
</head>
<body class="home">
  <div class="bg">
	<section class="global">
	<div class="container">
	  <!-- Блок навигации -->
	  {% 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 | 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 Сообщение для инвалидов -->
   
	  <header role="banner">
	  <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}" /><br />{SETTINGS_STORE_NAME}</a></h1>
		<!-- Контактные телефоны -->
		{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_WORK_TIME || SETTINGS_STORE_SKYPE || SETTINGS_STORE_ICQ %}
		  <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>
	   
	  <!-- Форма поиска -->
	  <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>
   
	<!-- Каталог товаров -->
	<div class="conta">
	  <a class="toggleMenu" href="#">Каталог</a>
	  {%IFNOT catalog_full_empty%}
		{%FOR catalog_full%}
		 {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %}
		  <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} >
			<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span>
		  {% 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%}
	  {%ENDIF%}
	</div>
	<!-- /Каталог товаров -->
   
	<!-- Главная страница -->
	{% 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: 198px;overflow:hidden; height:300px;">
						 <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 %}
		<!-- /Главная страница -->
	   
		{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="menu_main">
			  <h4><a href="/news?sid=1" title="Новости" style="text-decoration: none">Новости</a></h4>
			  <ul>
				<!-- Все новости -->
				{% IFNOT news_list_all_empty %}
				  {% FOR news_list_all %}
					<li><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Все новости -->
				<!-- Новости магазина -->
				{% IFNOT news_list_shop_empty %}
				  {% FOR news_list_shop %}
					<li><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Новости магазина -->
			  </ul>
			</div>
		  </section>
		  <section>
			<div class="menu_main">
			  <h4><a href="/news?sid=2" title="Все статьи" style="text-decoration: none">Статьи</a></h4>
			  <ul>
				<!-- Статьи -->
				{% IFNOT news_list_articles_empty %}
				  {% FOR news_list_articles %}
					<li><a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Статьи -->
			  </ul>
			</div>
		  </section>
		  <section>
			<div class="menu_main">
			  <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
			  <ul>
				<!-- Материалы СМИ -->
				{% IFNOT news_list_mass_media_empty %}
				  {% FOR news_list_mass_media %}
					<li><a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a></li>
				  {% ENDFOR %}
				{% ENDIF %}
				<!-- /Материалы СМИ -->
			  </ul>
			</div>
		  </section>
		  <section class="vcard">
			<h4>Информация о компании</h4>
			<p>Название компании ООО<br />
			Зарегистрирована в России<br />
			Регистрационный номер: 05968981.<br />
			НДС: 00120898409</p>
		  </section>
   
		  <div class="networks">
		 <div class="newsletter">
		  <p class="a-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>

а это css
body { margin-right: 0px !important; }
.fancybox-overlay { overflow-y: visible; }
.containers .items, .containers2 .items {display: inline-block; float: none !important; *display: inline; vertical-align: top;  width:170px !important; position: relative; height: 465px;}
.containers .items figure, .containers2 .items figure, .containers .items>div, .containers2 .items>div {width:170px !important;}
/* Всплывающее окно */ 
#bg_quickorder {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: absolute;
  z-index: 99999;
  width: 100%;
}

#quickorder {
  background: #fff;
	width: 815px;
	margin: 10% auto;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.zones {padding: 0 !important}
.zones td {padding: 0 0 0 0.5em !important;}
.lab {text-align: right;width: 100px;display: block;float: left;}
label.error {color: red;font-style: italic;margin-left: 5px;}
input.error {border: 1px dotted red;}
.new-customer {padding-right: 4%; width: 46%; float: left;}
.sign-in {padding-left: 4%; border-left: 1px solid #d5d5d5; width: 45.8%; float: left;}
/* Стилизация "или" */
.new-customer span.or {position: absolute;height: 14px;width: 33px;padding: 10px;padding-top: 22px;border-radius: 30px;text-align: center;background: #f15b40;font-weight: bold;color: #fff;right: -25px;top: 50%;z-index: 2;font-size: 1.5em;line-height: 0;}
.new-customer span.or.new-seller {top: 30%;}
/* END */

/* Слайдер-карусель на главной в сопутсвующих товарах */
.car{margin: 10px auto;width: 100%;max-width: 410px;position: relative;overflow: visible;}
.mycont2 h4, .car h4 {padding: 5px 10px 10px 10px;}
.mycont, .mycont2 {margin:0 auto;padding: 5px;background: #fff;}
.mycarousel li{width:193px; height: 470px; margin:0 10px;text-align: center;}
.mycarousel2 li{width:160px;margin:0 10px;text-align: center;}
.jcarousel-clip{overflow: hidden;}
.jcarousel-prev, .jcarousel-next{display:block;width:32px;height:30px;cursor:pointer;}
.jcarousel-prev{background:url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat;left: -25px;top: 40%; position: absolute;height: 100px;}
.jcarousel-next{background:url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right: -37px;top: 40%; position: absolute;height: 100px;}

.available-true {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker1.png') no-repeat;z-index: 100;right: -15px;top: -15px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;}
.available-false {position: absolute; width: 90px; height: 38px; background: url('{ASSETS_IMAGES_PATH}stiker2.png') no-repeat;z-index: 100;right: -15px;top: -15px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;}
.cornerAll {-moz-border-radius: 0px;-webkit-border-radius: 0px;}
.paymentFormTbody {background: #fff; border: solid 1px #ccc;padding-bottom:10px;}
.paymentFormSubmitLink {display: table-cell;padding: 0.3em 0.6em;background: #13AF13;color: #fff;border: none;letter-spacing: 1px;text-transform: uppercase;text-align: center;}
.paymentFormSubmitLink:hover {background: #404040;color: #fff;}
.dotted {border-bottom: dotted 1px #404040;}
.buttons-set {padding-top: 10px;margin:10px 0;}
.control  {padding-top: 5px;}
p.required {padding: 10px 0;}
.num{color: #404040;font-weight: 800;}
.basket-summary .num {color: #d5d5d5;}
.add-to-links {margin-top: 10px; display:block;}
.selected {text-decoration: underline; font-weight: 600;color: #fff;}
.empty {margin-bottom: 1em;}
/* Фикс для отображения данных добавленных через админку в таком же виде, как и в визуальном редакторе */
.htmlDataBlock {margin: 1em 0;}
.htmlDataBlock ol {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ul {margin:10px 0 10px 2em !important;padding:0px !important;}
.htmlDataBlock ol li {padding:0px !important;margin:3px 0px !important;list-style-type: decimal;}
.htmlDataBlock ul li {padding:0px !important;margin:3px 0px !important;list-style-type: disc;}
.htmlDataBlock p { margin:1em 0; }
.htmlDataBlock blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0 8px 20px;margin: 1em 1em 1em 3em;border-style: solid;border-color: #ccc;border-width: 0;border-left-width: 5px;}

.x-list li {float:left;}
.x-list a {padding: 0 13px 0 10px;float:left;}
.selected-desc a {background: url('{ASSETS_IMAGES_PATH}downArrow.png') no-repeat left center;}
.selected-asc a {background: url('{ASSETS_IMAGES_PATH}upArrow.png') no-repeat left center;}
.selected-desc a, .selected-asc a {padding-left: 13px;}
.price {font-size: 16px; color: #000; margin: 5px;}
.price a  { color: #000; font-weight: 500;}
.lineThrough {text-decoration: line-through;font-size: 12px;}
.filters {display: block;float: left;}
.filter {float: left; display: block;padding: 5px 10px 5px 0px;width: auto !important;}
/* loading... */
#infscr-loading{position: absolute;bottom: 0px;left: 48%;}
.box{background: #ebfdf0; padding: 25px; border: solid 1px #ccc; position: fixed; margin: 0 30%; z-index: 1000;font-size:1.4em;text-align:center;}
.hide {display: none !important;}
/* Страницы */
.pagination {text-align: center;}
.pp-page {background:  url('{ASSETS_IMAGES_PATH}next.png');padding: 8px 13px 9px 12px; color: #fff;}
.pp-current {background:  url('{ASSETS_IMAGES_PATH}prev.png') !important;}
.pp-title{padding-top: 9px;}
.compare {text-align: center;margin-bottom: 0px;bottom: 1%;position: absolute;right:  10%;padding:20px;}
@media screen and (max-width: 768px) {.compare {display:block;position:relative;margin: 0 auto;right: 0;}
a.toggleMenu {background: #404040; line-height: 40px;padding: 0;text-indent: 10px;}
a.toggleMenu:after {content:"";background: url('{ASSETS_IMAGES_PATH}nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}}
.contacts{float: left;position: relative;}
.footer{margin-bottom: 30px; display: block; position: relative;}
.footer ul li {display: inline;margin: 0 15px; float: left;}
.goodsDataMainModificationPriceNow{float:left; color: #aaa;margin: 5px;}
.goodsDataMainModificationPriceOld{float: left;text-decoration:line-through;margin: 15px;font-size: 20px;}
.goodsDataMainModificationAvailable{position:relative;margin: 0px 0px 15px 0px;width: 100%;font-size: 20px; color: #00AC6B;z-index: 100;}
.goodsDataMainDiscountBlock{background: #fff;padding: 10px; margin: 5px 0px;}
.goodsDataMainModificationsBlock, .goodsDataMainModificationsBlockProperty, .goodsDataMainModificationsList, .goodsDataMainModificationsDescriptionBlock{background: #F2F2F0; display: block;  position: relative;}
.goodsDataMainModificationsBlock{background: #F2F2F0;padding: 10px;margin-top: 1em;}
.goodsListItemPriceNew{font-size: 18px}
.goodsDataCompareButton {display: block; margin: 1em 0;}
.preview_images img { max-height: {SETTINGS_GOODS_IMAGES_SIZE_ICON}px; }
/* Стили для вкладок на странице товара*/
.tabbed_box {margin: 0px auto 0px auto;width:300px;}
.tabbed_box h4 {font-family:Arial, Helvetica, sans-serif;font-size:23px; color:#ffffff;letter-spacing:-1px;margin-bottom:10px;}
.tabbed_box h4 small {color:#e3e9ec;font-weight:normal;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;}
.tabbed_area {border:1px solid #494e52;background-color:#404040;padding:8px;}
.ie7 .tabbed_area {margin-bottom: 3em;}
ul.tabs {margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;display: block;position: relative;}
ul.tabs li {list-style:none;display:inline;}
ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase; border:1px solid #464c54;position: relative;float: left;}
.ie7 ul.tabs li a {padding:8px 14px 7px 14px;}
ul.tabs li a:hover {background-color:#2f343a;border-color:#2f343a;color:#fff;}
ul.tabs li a.active {background-color:#ffffff; color:#282e32;border: 0px solid #464c54;padding-bottom: 10px;margin: 1px;}
.content {background-color:#ffffff;padding:10px;border:1px solid #464c54;margin-top: 40px;}
#content_2, #content_3, #content_1 {display:none;}
.content ul {margin:0px;padding:0px 20px 0px 20px;}
.content ul li {list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:13px;}
.content ul li a {text-decoration:none; color:#3e4346;}
.content ul li a small {color:#8b959c;font-size:9px;text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0px;}
.content ul li:last-child {border-bottom:none;}
/* END Стили для вкладок на странице товара*/
.commentBlock{width:500px;margin: 10px auto;border-bottom:1px solid #999;}
.name{font-weight:700;}
/* Кнопка "Загрузить ещё" */
#load{width:120px;height:30px;text-align:center;margin-left: 45%;position: absolute;bottom: -20px;clear: both;z-index: 1000;}
#load div{ margin: 5px;cursor:pointer;background: #6483aa;color:#fff;padding: 4px 10px 4px 10px;border:1px solid #2f4561;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#imgLoad{display: none;}
/* END Кнопка "Загрузить ещё" */
.limiter label{float:left; padding-right: 10px;}
/* Страница сравнения товаров */
.compare-navigate .CompareGoodsTablePrev a {position:absolute; display:block;height:50px; width:30px;background: url('{ASSETS_IMAGES_PATH}slides-arrow-left.png') no-repeat; left: -19px;top: 150px;}
.compare-navigate .CompareGoodsTablePrev a.disable {position:absolute; background-image: url('{ASSETS_IMAGES_PATH}slides-arrow-left.png');height: 50px;width: 30px; left: -19px;top: 150px;}
.compare-navigate .CompareGoodsTableNext a {position:absolute; display:block;height:50px; width:30px;background: url('{ASSETS_IMAGES_PATH}slides-arrow-right.png') no-repeat;right:-30px;top: 150px;}
.compare-navigate .CompareGoodsTableNext a.disable {position:absolute; background-image: url('{ASSETS_IMAGES_PATH}slides-arrow-right.png'); height: 50px; width: 30px; right:-30px;top: 150px;}
/* END Страница сравнения товаров */

/* Основная навигация. Каталог товаров */
.ie7 .nav, .ie7 .conta { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
.nav a {*zoom: 1;}
.conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;}
.toggleMenu {display: none;background: #666;padding: 10px 15px;color: #fff;}
.nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;}
.nav:before,.nav:after {content: " ";display: table;}
.nav:after {clear: both;}
.nav ul {list-style: none;width: 107%;}
.nav a {padding: 15px 15px;color:#fff;text-transform: uppercase;z-index:50;}
.nav a:hover{color: #fff;text-decoration: underline;}
.nav li {position: relative;z-index:60;}
.ie7 .nav li {position: relative;border: none;margin: 0;}
.nav > li {float: left;}
.nav > li > .parent {background-image: url("{ASSETS_IMAGES_PATH}downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block; top: -1px;}
.nav li  ul {position: absolute;left: 0; display: none;z-index:50;width: 160px;}
.nav li.hover  {display: block !important;z-index:100;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav > li.hover > ul {position: absolute;left: 0;display: block !important;z-index:50;color:#000;}
.nav li li.hover > ul {left: 100%;top: 0;display: block;z-index:60;display: block !important;color:#000;}
.nav li li li.hover > ul {left: 100%;top: 0;display: block;z-index:80;color:#000;}
.nav li li {background: #ddd;}
.nav li li a {display:block;background: #ddd;top: 0px;color:#000;width: 130px;}
.nav li li li  {background:#e6e6e6;}
.nav li li li a {background:#e6e6e6;z-index:200;top: 0px;color:#000;width: 130px;}
.nav li li li li {background:#ebebeb;}
.nav li li li li a {background:#ebebeb;z-index:200;top: 0px;color:#000;width: 130px;}
.nav li:hover ul li a {display: block !important;z-index:100;}
.nav li li a:hover, .nav li li li a:hover, .nav li li li li a:hover {color:#000;}
.ie7 .nav li li a {display: block;background: #ddd;z-index:70;color:#000;width: 130px;}
.ie7 .nav li li li a {background:#e6e6e6;z-index:90;color:#000;width: 130px;}
.ie7 .nav li li li li a {background:#ebebeb;z-index:100;color:#000;width: 130px;}
@media screen and (max-width: 768px) {
.icons {display: block;margin: 10px 20px 10px 0;float: right;width: 20px;height: 20px;background-image: url("{ASSETS_IMAGES_PATH}downArrow.png");background-repeat: no-repeat;background-position: right;cursor:pointer;}
.active {display: block;}
.nav > li {float: none;}
.nav > li > a {display: inline; line-height: 45px; top: -1px;}
.nav > li > .parent {background-image: none;}
.nav li:hover ul li a {display: inline!important;z-index:100;}
.nav li li a {display:inline;line-height: 45px;background: #ddd;top: 0px;}
.nav li li .parent {background-image: none;}
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul , .nav li li.hover > ul, .nav li li li.hover > ul {position: static;width: 100%}
}

header.controls {padding: 1em;background: #F1F1F0 !important;margin-bottom: 0em;}
/* Тип отображения в каталоге */
.view-switch {float: right;}
.view-switch a, .view-switch a.active, .view-switch a.active:hover, .view-switch span {display: block; float: left; height: 23px; width: 23px; text-indent: -999em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat -26px -232px;-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}
.view-switch a.active, .view-switch span {background-position: 0 -232px}
.view-switch a:first-child.active, .view-switch span:first-child {background-position: 0 -206px}
.view-switch a:first-child  {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat -26px -206px; margin-right: 1em;} /* list view icon */
.view-switch span:first-child {margin-right: 1em;}
.view-switch a#list:hover { background-position:  0px -232px;}
.view-switch a#list-gallery:hover {background-position: 0px -206px;}
.view-switch a#list-list2:hover { }
.view-switch a#list-gallery2:hover {}
/* Верхняя навигация */
.head:before,.head:after {content: " ";display: table;}
.head:after {clear: both;}
.head {*zoom: 1;}
.head {width: 100%;font-size:13px;position: relative;}
.head ul {padding: 0;margin: 0 auto;height: 40px;}
.head li {display: inline;float: left;}
.head a {display: inline-block;text-align: center;text-decoration: none;line-height: 40px;padding: 0px 10px 0px 10px;}
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.head li:last-child a {border-right: 0;}
.head a:hover, .head a.selected, nav a:active {background-color: #404040;}
.head a#pull {display: none;}

@media only screen and (max-width : 870px) {
.head {border-bottom: 0;}
.head ul {display: none;height: auto; width: 100%;float: none !important;}
.head li {width: 50%;float: left;position: relative;}
.head li a {border-collapse: collapse;}
.head a {line-height: 20px;padding: 5px;text-align: left;width: 100%;}
.head a#pull {display: block;background: #404040;color:#fff;width: 100%;position: relative;padding: 0px;line-height: 40px;text-indent: 10px;}
.head a#pull:after {content:"";background: url('{ASSETS_IMAGES_PATH}nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;}
}
/* Смартфоны */
@media only screen and (max-width : 320px) {
.head li {display: block;float: none;width: 100%;}
.head li a {border-bottom: 1px solid #576979;}
}
/* END Верхняя навигация */
.containers, .containers2, .containers3  {text-align: center;position: relative;margin:0 auto;}
/* Стили для корзины */
.basket-info {display: block; position: relative;z-index: 500;}
.summary {display: block; position: relative;}
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;}
.summary strong {background: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}
.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 1000; padding: 0 1em 1em;right: 0; width: 13.333em;}
.basket-summary table {width: 100%; margin: 0; background: #4a4949;}
.basket-summary table th, .basket-summary table td {background: #4a4949; border: none; color: #d5d5d5;padding: 1em 0 0.5em;}
.basket-summary table abbr {border: none;}
.basket-summary table thead tr th:last-child, td.figure {/*text-align: right;*/}
.basket-summary a {display: block;width: auto;margin: 1em 0 0 0;padding: 0.5em;}
.basket-summary p {color: #9f9f9f; margin: 0.5em;}
@media only screen and (max-width: 870px) {
.basket-info {display: block;position: relative;z-index: 500;width: 190px;margin: 0 auto;}
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #3c3c3c;}
.basket-summary {background: #4a4949;color: #000;display: none; position: absolute; z-index: 200; padding: 0 1em 1em;left:0; width: 13.333em;margin: 0 auto;}
}
@media only screen and (max-width: 480px) {
.summary a {color: #ffe4ab; background: #0f0f0f;padding: 1.75em 1em 1.5em; display: block; width: 13.333em;position: relative!important;top:0px;margin: 0 auto;}
.summary a:hover strong, .basket-info:hover .summary a strong {background: #3c3c3c;}
.basket-summary {background: #4a4949;color: #000;display: none; position: relative; z-index: 200; padding: 0 1em 1em;left:0; width: 13.333em;margin: 0 auto;}
}
/* Стили для шапки сайта */
header[role="banner"] {position: relative; min-height: 10em; overflow: hidden;z-index: 10;}
header[role="banner"] .hgroup {position: absolute; top: 1em; left: 1em; width: 39.877301%;}
header[role="banner"] h1 {color: #000;font-weight: normal;float: left;}
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
header[role="banner"] h2 {color: #8a8a8a;text-transform: uppercase;font-family: "Gotham", "Helvetica Neue", sans-serif;margin: 1em 0 0 1em;font-weight: 200;}
/* Стили для поиска */
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
form[role="search"] div, header form div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}
.ie7 form[role="search"] div, header form div {display: block;margin-right: 0;position: relative;width: 30.5em;height: 2.833em;background: transparent;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;z-index: 20;}
/* Прогрессбар на странице оформления заказа */
.progress {position: relative;  margin: 0 0 2em 0;}
.progress ol {margin: 0; border-top: 1px solid #d5d5d5; padding: 1em 0; border-bottom: 1px solid #d5d5d5;}
.progress ol li {float: left;margin: 0 1.5em 0 0;width: 14.110429%;list-style-position: inside;position: relative;text-align: center;color: #8a8a8a;}
.progress li.active {color: #404040;}
.progress span {background: none repeat scroll 0 0 #404040;top: 0;display: block;height: 1px;left: 0;position: absolute;text-indent: -9999px;width: 7%;}
.progress.step-2 span {width: 23%}
.progress.step-3 span {width: 39%}
.progress.step-4 span {width: 55%}
.progress li:after {content: " ";height: 8px;width: 8px;background: #d5d5d5;border-radius: 4px;display: block;position: absolute;left: 50%;top: -16px;}
.progress li.active:after,.progress.step-2 li:nth-child(1):after,.progress.step-3 li:nth-child(3):after,.progress.step-3 li:nth-child(1):after,.progress.step-3 li:nth-child(2):after,.progress.step-4 li:nth-child(1):after,.progress.step-4 li:nth-child(2):after,.progress.step-4 li:nth-child(3):after {content: none;}
.progress.shop li.active:after {content: " "; background: #404040;}
.progress li.active a:after, .progress.step-2 li:nth-child(2):after, .progress.step-3 li:nth-child(3):after, .progress.step-4 li:nth-child(4):after  {content: " ";background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -528px;width: 16px;height: 17px;position: absolute;right: 42%;top: -25px;text-indent: -999em;}
/* Ленточки на главной странице */
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
section.newsletter:before {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-right: 1.75em solid #f6f6f4;right: 0;}
section.newsletter:after {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-left: 1.75em solid #f6f6f4;left: 0;}
section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;}
section.newsletter h3 {color: #fff; float: left; line-height: 1; margin-right: 1em;}
section.newsletter h3 b {font-size:1.13em;}
section.newsletter div {margin: 0 auto; width: 95%; text-align: center;}
/* Кнопка ВВЕРХ */
#Go_Top{position: fixed; bottom: 45px; right: 5px; cursor:pointer; display:none;font-size:18px; width: 120px;z-index:100;}
#Go_Top span {position: absolute;font-size: 25px;}
#Go_Top .img_top {display:none;}
@media only screen and (max-width: 480px) {
#Go_Top{position: fixed; bottom: 45px; right: 5px; cursor:pointer; display:none;font-size:18px; width: 50px;z-index:100;}
#Go_Top span {display: none;}
#Go_Top .img_top {display:block;}
}
/* Стили для корректного отображения HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */}
html,button,input,select,textarea {font-family: sans-serif;}
body {margin: 0;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
h1 {font-size: 2em !important;margin: 0.67em 0;}
h2 {font-size: 1.5em !important;margin: 0.83em 0;}
h3 {font-size: 1.17em !important;margin: 1em 0;}
h4 {font-size: 1.3em !important;margin: 1.33em 0;}
h5 {font-size: 0.83em !important;margin: 1.67em 0;}
h6 {font-size: 0.75em !important;margin: 2.33em 0;}
menu,ol,ul {margin: 1em 0;}
menu,ol,ul {padding: 0 0 0 40px;}
nav ul,nav ol {list-style: none;list-style-image: none;}
img {border: 0; /* 1 */-ms-interpolation-mode: bicubic; /* 2 */}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */*margin-left: -7px; /* 3 */}
button,input,select,textarea {font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */}
button,input {line-height: normal; /* 1 */}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */*width: 13px; /* 3 */}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat; padding-left: 33px !important;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}
table {border-collapse: collapse;border-spacing: 0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; position: relative;}
.rating {margin-bottom: 1em;margin-top: 1em;}
.rating a {padding-top: 5px;text-decoration: underline;}
.rating img {padding-right: 1em;float: left;}
.news article {font-size: 16px; padding: 10px 0px;word-wrap:break-word;}
.news section {font-size: 16px; padding: 10px 0px;border-bottom: 1px solid #D5D5D5;}
.akcii article {font-size: 16px; padding: 10px 0px;}
.clear{clear: both;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
a img {border:0}
figure {position:relative; width: 22%; float: left;}
img {max-width: 100%; height: auto;}
.ie7 .goodsDataOpinionCaptchaImg {max-width: 100px !important; height: auto;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
select, input, textarea, button {font-family: "Helvetica Neue", Helvetica, sans-serif; }
html { overflow-y: scroll; } /* always force a scrollbar in non-IE */
a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a, a:active, a:visited {color: ;}
a:hover {color: ;}
ul, ol { margin-left: 1em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; } /* Remove margins for navigation lists */
strong, th {font-weight: bold; }
td, td img {vertical-align: top; }
textarea {overflow: auto;}
input[type="text"], input[type="password"] {width: 200px;}
input[type="checkbox"] { vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
input[type="checkbox"].checkbox-solo { vertical-align: middle; margin-right: 0.5em;}
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button { width: auto; overflow: visible; }
.close {font-size: 20px;font-weight: bold;line-height: 20px;color: black;text-shadow: 0 1px 0 white;opacity: 0.2;filter: alpha(opacity=20);}
a:link { -webkit-tap-highlight-color: #beeaf0; }
.ie7 img { -ms-interpolation-mode: bicubic; }
/* Body */
html {-webkit-font-smoothing: antialiased;background: #0f0f0f;}
html.ie8 {background: #f1f1f1;}
body {text-rendering:optimizeLegibility;text-rendering: geometricPrecision; font-size: 75%;line-height: 1.5em;font-family: 'Lato', Calibri, Arial, sans-serif;height: 100%;color: #404040; text-align: left; /* Если нужно заблокировать выделение текста на странице, например для защиты контента -moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;*/ }
body.error {background: #f6f6f4; border-top: 0.5em solid #0f0f0f;}
.bg {background: #f6f6f4;}
/* Списки */
ul {margin: 0; list-style-type: none;}
/* Стили для ссылок  */
a {color: #777; text-decoration: none;}
a:hover {color: #205F82; text-decoration: none;}
a.more-items, .basket-summary a, a.power, .card-action p.current {background: #13AF17; color: #fff;letter-spacing: 1px;padding: 0.75em 0.5em;text-transform: uppercase;font-weight: bold;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;width: 30.578512%;text-align: center;margin: 0 auto;}
a.power {width: auto; display: inline-block;}
a.power.middle, .card-action p.current {display: block;  width: 30.578512%;}
a.more-items:hover, .basket-summary a:hover, input[type="submit"]:hover, a.power:hover, button.submit:hover {background: #138F17;}
a.button {display: inline-block}
/* Макет */
.container {margin: 0 auto;width: 90%;position: relative; max-width: 1280px;overflow: visible;}
.one {width: 22.699387%;} /* 222px wide */
section[role="main"] {margin-bottom: 6em;z-index: 10;}
.two-column section[role="main"] {width: 74.233129%; margin-bottom: 3em; float: left;} /* 726px / 978px */
.full-width section[role="main"] {width: 100%;}
section[role="navigation"], .shop aside {float: left;width: 22.699387%;margin-right: 3.0674847%}
.checkout aside {float: right; width: 22.699387%; margin-left: 3.0674847%; }
body.two-column section[role="main"] {float: left;}
body.two-column.item section[role="main"] {width: 65.644172%;} /* 642 / 978 the item page main column is narrower */
.item aside {float: right;width: 31.288344%; /* 306 / 978 */margin-left: 3.0674847%;}
table {border-collapse: collapse; min-width: 100%; margin: 1em 0;position: relative;/*display: block;*/}
thead {width: 100%; }
tr {width: 100%; }
th {text-align: left;}
td {padding: 0.5em; }
tr {padding: 0.5em;}
table th span {font-weight: normal; color: #555555;}
.ie7 .view-switch, .ie8 .view-switch  {width: 5em !important; float: right;}
form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 81% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;position: absolute;z-index: 1;padding: 0 0.417em;margin: 0;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);}
.ie7 form[role="search"] input[type="search"], .ie7 input#search-field, .ie8 form[role="search"] input[type="search"], .ie8 input#search-field {padding-top: 0.75em; height: 1.667em;}
.ie7 .search {width: 300px;padding-top: 7px; height:28px;}
.ie8 .search {padding-top: 10px;height: 1.7em;}
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
.ie7 input#search-submit {overflow: auto; width: 88px;}
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}

/*main sections navigation */
.sections {font-family: "Helvetica Neue", Arial, sans-serif;position: relative;overflow: visible;margin-bottom: 1.5em;}
/* default style */
.sections ul a, .sections h1 a {background: #fff url("{ASSETS_IMAGES_PATH}arrow-right.png") 98% 54% no-repeat;border: 1px solid #d5d5d5;color: #464646;display: block;font-size: 0.9em;line-height: 1;margin: -1px 0 0 0;overflow: hidden;padding: 1.25em 0 1em;position: relative;text-align: left;text-indent: 10px;text-transform: uppercase;white-space: nowrap;}
.sections h1 {font-size: 1em; margin-left: -1px; letter-spacing: normal; width: 99.5%; padding: 0;}
.sections h1 a {font-size: 1em; width: 100%;}
@-moz-document url-prefix() {.sections ul a {padding-bottom: 1.2em}} /* this really annoyed me */
.sections a:hover, .sections li a:hover, .sections h1:hover, nav[role="navigation"] a.active {text-decoration: none; color: #000; background: #fff url("{ASSETS_IMAGES_PATH}arrow-right-dark.png") 98% 54% no-repeat;}
.ie6 nav.sections li, .ie7 nav.sections li {display: inline;}
/* Expanded menu */
div.menu {position: absolute;display: none;left: 0;top: 0;z-index: 100;background: #fff;box-shadow: 1px 0px 1px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1);-moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1);width: 100%;top: 233px;}

/* 810 and up - anything less and we don't show the drop down category navigation */
@media screen and (min-width:810px){
.menu div.content {width: auto;padding: 1em 2em 2em;overflow: hidden;float: none;display: block;border-top: none;margin: 0;background: #fff;}
div.menu-expanded {display: block;}
.ie7 .menu div.content {}
div.menu .promoted, div.menu nav {float: left;}
div.menu nav, div.menu .promoted {margin: 0;width: 14.075%; margin-left: 2.58064516%;}
div.menu div.content nav:nth-child(1) {margin-left: none;}
div.menu .promoted {border-right: 1px solid #ddd;padding-right: 2.473118%;margin-left: 0;text-align: left;}
div.menu .promoted h4 {color: #d35d3b;}
div.menu nav ul {margin: 0.5em 0;}
div.menu nav ul li {margin-bottom: 0.25em;}
div.menu nav ul li a {color: #858585;}
div.menu nav ul li a:hover {color: #404040;}
div.menu nav ul + a {color: #000;}
div.menu nav h4, div.menu nav h4 a {font-weight: bold; color: #000;}
div.menu nav ul + a:hover, div.menu nav h4 a:hover {color: #4083A9;}
}
/* Section headers */
section header {margin-bottom: 1em; overflow: hidden;}
section header h2 {text-align: left;}
section header h2 span, section header h1, .shop section header h1 span, .basket section header h1 span, .tandem h1 span {color: #8a8a8a;z-index: 15;}
section header h1 span, .item section header h1, .account section header h1, .shop section header h1, .basket section header h1, .error section h1 {color: #000;}
.home section.featured h2 {border-top: 1px solid #d5d5d5;padding-top: 3.0674847%;}
/* Section headers on two column layouts */
.two-column section header, .checkout .shop-basket header, .basket section header, .selling section header, .account section header {margin-bottom: 1.5em;}
.two-column section header h2, .checkout .shop-basket header h2, .checkout header h2, .account section header h2 {text-align: left;}
/* Section header links */
.home section header a {float: left; /*margin-top: -1.667em*/}
.home section.featured header a {}
.home section.supplies header a {padding: 0; background: none; color: #ffe4ab;}
.home section header h2 + a  {float: right; padding:0; background: none;}
/* Section header for Pinterest themes */
.home section header a.shop-name, .home section header .pinterest-promo a  {float: none; margin: 0;}
.home section header.featured-collection h2 {width: 40%; margin: 0 auto;}
.home section header.featured-collection h2 span.credit {color: #404040; white-space: nowrap;}
.home section header .pinterest-promo {}
.home section[role="main"] header:first-child {overflow: visible;}
.home section header .pinterest-promo a {}
.home section header .pinterest-promo a {float: left;  margin-top: -1.667em;}
.home section header .pinterest-promo a.pinterest-theme {color: #8A8A8A;float: right;font-size: 0.75em;text-align: center;margin-top: -3.5em;}
.home section header .pinterest-promo a.pinterest-theme img {display: block;}
/* header for the category list and gallery controls */
.two-column header.controls {padding: 1em; background: #f1f1f0; margin-bottom: 0em;}
.two-column header.controls + hr + ul.gallery, .two-column header.controls + ul.gallery {margin-top: 2em;}
section.summary section.feedback header a {float: none; margin: 0.583em 0 0 0.5em;}
section.summary header p {float: right;}
section[role="main"] header nav {float: right; overflow: hidden; margin-top: 0.333em}
section[role="main"] header nav li, ul.slide-controls li {float: left;}
section[role="main"] header nav a, ul.slide-controls li a {margin: 0; display: block; text-indent: -999em; height: 16px; width: 16px; background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -144px;}
section[role="main"] header nav li:first-child a, ul.slide-controls li:first-child a {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -120px;}
section[role="main"] header nav a.disabled, ul.slide-controls li a.disabled {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1400px;}
section[role="main"] header nav li:first-child a.disabled, ul.slide-controls li:first-child a.disabled {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1376px;}
/* Separating the sections in the account pages */
section.summary {margin-bottom: 2em;}
/* Selling page */
.card {background: #fff;border-radius: 8px 0 0 8px;float: left;padding: 2em 2em 1.5em;position: relative;text-align: center;width: 40%;border: 1px solid #d5d5d5;background-image: linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -o-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -moz-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -webkit-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -ms-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);}
.card-center, .upgrade-message {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);margin-top: -1em;position: relative;width: 48%;z-index: 2;border: none;background: #eff5f7;background-image: linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -o-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -moz-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -webkit-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -ms-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);}
.card-center {min-height: 27em;}
.card h3 {font-size: 6em;font-weight: bold;-moz-box-orient: vertical;display: inline-block;line-height: 1em;margin: 55px 0 0 0;position: relative;vertical-align: middle;z-index: 1;}
.card h3 sup {font-size: 0.333em;font-weight: normal;left: -22px;position: absolute;top: -0.5em;}
.card-center h3 {font-size: 8em;}
.card-center h3 {font-size: 8em;}
.card span.badge {background: url("{ASSETS_IMAGES_PATH}badge-f.png") no-repeat center center;display: block;height: 70px;width: 60px;text-indent: -999em;position: absolute;top: 1em;left: 44%;z-index: 2;}
.card.card-center span.badge {background: url("{ASSETS_IMAGES_PATH}badge-green-f.png") no-repeat center center;}
.card p, .plan-info ul li span, .card strike {color: #8a8a8a;}
.card h4 {text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border-top: 1px solid #d5d5d5;position: relative;text-align: center;}
.card h4 span {background: #fff; padding: 0.5em 1em; position: relative; top: -0.75em; text-align: center;}
.card-center h4 span {background: #FCFCF2}
.card-action {clear: both;}
.card-action a.power, .card-action p.current {border-radius: 4px;}
.card.payg .card-action a.power {background: #f15941;}
.card.payg .card-action a.power:hover {background: #C64032;}
.card-action p.current {background: #ccc; width: 50%;}
.card-action p.current.coming-soon {background: #b2c248;}
/* Selling page */
.card {background: #fff;border-radius: 8px 0 0 8px;float: left;padding: 2em 2em 1.5em;position: relative;text-align: center;width: 380px;border: 1px solid #d5d5d5;background-image: linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -o-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -moz-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -webkit-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);background-image: -ms-linear-gradient(top, #e9e9e9 16%, #FFFFFF 0%);}
.card-center, .upgrade-message.card {border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.5);margin-top: -1em;position: relative;width: 470px;z-index: 2;border: none;background: #FCFCF2;background-image: linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -o-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -moz-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -webkit-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);background-image: -ms-linear-gradient(top, #EAEADF 15%, #FCFCF2 0%);}
.card h3 {font-size: 6em;font-weight: bold;-moz-box-orient: vertical;display: inline-block;line-height: 1em;margin: 55px 0 0 0;position: relative;vertical-align: middle;z-index: 1;}
.card h3 sup {font-size: 0.333em;font-weight: normal;left: -22px;position: absolute;top: -0.5em;}
.card-center h3 {font-size: 8em;}
.card-center h3 {font-size: 8em;}
.card span.badge {background: url("{ASSETS_IMAGES_PATH}badge-f.png") no-repeat center center;display: block;height: 70px;width: 60px;text-indent: -999em;position: absolute;top: 1em;left: 44%;z-index: 2;}
.card.card-center span.badge {background: url("{ASSETS_IMAGES_PATH}badge-green-f.png") no-repeat center center;}
.card p, .plan-info ul li span {color: #8a8a8a;}
.card h4 {text-transform: uppercase;font-weight: bold;letter-spacing: 1px;border-top: 1px solid #d5d5d5;position: relative;text-align: center;}
ul.item-list li p.featured-seller {margin-top: 0.25em;}
.biog h4 .badge {font-size: 9px; line-height: 16px;}
.sort-list {float: left; width: 100%; margin-top: 0.25em;}
.sort-list p {float: left; font-weight: bold; margin: 0 1em 0 0;}
ul.item-list {overflow: hidden; margin-bottom: 1.5em;}
ul.item-list li {display: block; border-top: 1px solid #d5d5d5;  padding: 1em 0; overflow: hidden; line-height: 1; position: relative;}
ul.item-list li a.preview {display: block; float: left; width: 11.570248%; margin-right: 4.1322314%; line-height: 0;}
.search ul.item-list li a.preview {width: 8.5889571%}
ul.item-list li:last-child {border-bottom: 1px solid #d5d5d5;}
ul.item-list li a img {opacity: 1;} ul.item-list li a:hover img {opacity: 0.9;}
ul.item-list .item-detail {float: left; width: 55.15427%; margin-right: 2.1322314%; margin-left: 2.1322314%}
ul.item-list .item-detail p a {color: #8a8a8a;}
ul.item-list .item-meta {float: left; width: 18.578512%; /*margin-right: 4.1322314%;*/}
ul.item-list .item-meta .quantity {float: left; width: 50%;}
ul.item-list .item-meta .list-time {}
ul.item-list .item-detail p a {color: #8a8a8a;}
ul.item-list .item-detail p a:hover {color: #040404;}
ul.item-list strong {/*float: right;*/ text-align: right;}
.items .item-detail {float: left; width: 55.15427%; margin-right: 2.1322314%; margin-left: 2.1322314%}
.items .item-detail p a {color: #8a8a8a;}
.items .item-meta {float: left; width: 18.578512%; /*margin-right: 4.1322314%;*/}
.items .item-meta .quantity {float: left; width: 50%;}
.items .item-meta .list-time {}
.items .item-detail p a {color: #8a8a8a;}
.items .item-detail p a:hover {color: #040404;}
/* Other Lists
----------------------------------------------------------------*/
/* Хлебные крошки на странице товара */
.breadcrumb {color: #8a8a8a; border-bottom: 1px solid #d5d5d5; margin-bottom: 1.5em; overflow: hidden; clear: both; border: solid 1px #000; margin-bottom: 10px;}
.breadcrumb span {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -168px; text-indent: -999em; height: 8px; width: 8px; margin: 0 0.333em;display:inline-block;position: relative;top: -1px;vertical-align: middle;}
@-moz-document url-prefix(), .ie .breadcrumb span {.breadcrumb span {position: relative; top: 5px; vertical-align: middle;}}
.ie .breadcrumb span {vertical-align: middle;}
.breadcrumb a {display: inline-block;}
.breadcrumb {border: none;  margin: 1em 0; z-index: 10; position: relative;text-align: justify;}
.breadcrumb a:first-child {background: url("{ASSETS_IMAGES_PATH}pin.png") no-repeat 0 0; padding-left: 2em;}
aside h3 + p, aside h4 + p {color: #8a8a8a;}
.message, .errorExplanation, .share-prompt {position:relative;padding: 1em 1em 1em 3em;background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 1px solid #fbeed5;margin: 1em auto 1em auto;clear: both;color: #a07936;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.message.warning, table td p.error {color: #a11903; background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -899px;} /* red colour */
.message.success-msg {background: #e3fce5 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -369px;border: 1px solid #dbfbd5;} /* Check graphic */
.message.restricted {background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -860px;}
.message p, .share-prompt p {margin: 0;}
.message.error-notice, .errorExplanation, .message.preview, .message.plain, .share-prompt {color: #a11903;background: #fdeeeb url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -820px;border: 1px solid #fbd8d5;}
.message.notice {background-image: none;padding-left: 1.5em;background-color: #D9EDF7;border-color: #BCE8F1;color: #3A87AD;}
.message.notice.plain {color: #444;}
.message h4, .message p a {color: inherit; font-weight: bold;} .message p a:hover {color: #205F82;}
.message h4, .message strong, .message strong span, .message.plain strong span {color: #404040;}
.message.error-notice h2, .errorExplanation h2 {background: #fcf8e3 url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1295px; padding: 0.167em 0 0.167em 1.25em;}
.message.error-notice ul, errorExplanation ul {margin: 1em 0 0 0;}
.message.error-notice ul li, .errorExplanation ul li {margin: 0 0 0.5em 0;}
.message.preview p, .message.plain {color: #a07936;}
.message.plain span {color: #8a8a8a;}
.message h4, .message.plain h4 span {color: #444;}
.message.basket-notice span {color: #a11903;} /* red colour */
.message.basket-notice p {margin-bottom: 1em;}
.message.basket-notice h4 {font-weight: bold; margin-bottom: 1em; background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -832px; padding-left: 1.5em;}
.share-prompt {border: 1px solid #e6e6dc; color: #404040}
.message .remove, .share-prompt .remove {position: absolute; right: 1em; top: 1em; background: transparent url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 1em -1421px; padding-left: 2.5em;}
.share-prompt .remove {top: 1.25em; right: 1.5em;}
.message .remove.icon {text-indent: -999em; height: 16px; width: 16px; right: 1em; padding: 0; background: transparent url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1421px;}
.order-message {padding: 0.5em;background: #fcf8e3;border: 1px solid #fbeed5;margin: 1em 0;color: #a11903;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
 
.message-tag, fieldset.inline span.message-tag, .message.plain span.message-tag {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #fff;text-transform: uppercase;display: inline-block;font-size: 9px;line-height: 9px;margin-right: 5px;font-weight: bold;background: #3A87AD;padding: 4px 5px;vertical-align: top;text-shadow: none;}
figure img {display: block;}
figcaption {font-style: italic;}
figure ul {background: #fff;overflow: hidden;padding: 1em;margin: 1em 0 2em 0;}
figure ul li {width: 9.7087379%;float: left;margin: 0 1%;}
figure ul li:first-child {/*margin-left: 0;*/}
figure ul li a {display: block; line-height: 1;}
figure ul li:hover {cursor: pointer;}
figure.main-image div {position: relative; background: #f2f2f0; text-align: center;width: 100%;overflow: hidden;}
figure.main-image div img {display: inline-block;vertical-align: middle;}
.item aside header {overflow: hidden;}
.item aside header h1 {float: left;}
.item aside header h1 span {/*font-size: 0.5em;  margin-left: 0.5em;*/ display: inline-block; letter-spacing: 0; color: #888888;}
.item aside header h1 + p {float: left; color: #858585; margin: 1.167em 0 0 1.5em;}
.buy-item {clear: both; overflow: hidden; margin-bottom: 1em; bottom: 0; /*position: absolute*/;}
.buy-item .quantity {text-align: right;width: 30px;padding-right: 5px;display: inline-block;margin: 0 0.1em 0 0;vertical-align: top;}
.buy-item button {width: auto;overflow: visible;vertical-align: top;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
.ie8 .buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin-left: 35px;border: none;0margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
.ie7 .buy-item button {padding: 0.714em 0.5em 0.714em 2.5em;}
.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;}
.buy-item button[disabled="disabled"] {background: #a20303; cursor: default; padding: 0.714em 1em; text-align: center;}
.buy-item button[disabled="disabled"].unavailable, input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover {background: #13AF13; color: #404040; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); border: none;}
.quick-buy-item {padding:1em 0 0 0;}
.item section[role="main"] section {overflow: hidden;}
.item .item-details h3, .item section[role="main"] section h3 {margin-bottom: 0.5em;}
.item .description {margin-right: 4.672892%;}
.item .description, .item .inspiration  {width: 47.663551%; float: left;} /* if inspiration content is used */
.item .inspiration p {color: #858585;}
/* if only using description */
.item .description-only {/*width: 73.831776%;*/}

/* Sold */
section.unavailable {margin-bottom: 2em; border: 1px solid #e6e6dc; padding: 1em;  background: #ffffe5; clear: both;}
.ie7 section.unavailable, .ie8 section.unavailable {display: inline-block;}
section.unavailable header p {}
section.unavailable header h1 {color: #a20303; font-size: 1.5em;}
section.unavailable header {float: left; width: 32.142857%; margin: 0 6.4417178% 0 0;}
section.unavailable.sold-out {min-height: 100px;}
section.unavailable.sold-out header {margin: 0 6.4417178%;}
section.unavailable.empty header {width: 100%; margin-top: 1em;}
.unavailable span.sold {display: block;height: 102px;width: 50px;background: url("{ASSETS_IMAGES_PATH}sold-banner.png") no-repeat 0 0;text-indent: -999em;position: absolute;top: 1.25em;left: -11px;}
section.unavailable.empty span {top: 0;}
.unavailable header ul {margin: 1em 0 0 0;}

table.basket, table.block {border: 1px solid #d5d5d5; background: #fff;}
table.basket th, table.block th {background: #F4F3F2; padding: 0.583em;}
table.block td {vertical-align: middle;}
table.basket th, table.basket td {padding: 0.5em;}
table td div.item-image {float: left; margin: 0 1.5em;}
table td div.item-description {float: left;}
table td div.item-description ul.order-meta {margin: 1em 0;}
table td div.item-description ul li {color: #8a8a8a; margin-right: 2em;}
table td div.item-description ul li span {display: block;}
.order-summary {background: #fcf8e3; border: 1px solid #d5d5d5; margin: 0; border-bottom: none; padding: 0.75em 0.5em; overflow: hidden;}
.order-summary span {display: inline-block; margin: 0 2em 0 0; }
.order-summary ul, .order-summary div {float: left; margin-right: 1em;}
.order-summary ul li {float: left; margin-left: 1em;}
.order-summary ul li:last-child a {margin-top: 0; display: inline-block;}
.order-summary + table.block {margin-top: 0;}
.order-summary strong.total  {color: #000;}
.order-summary strong span {font-weight: normal; color: #8a8a8a; display: inline-block; margin-left: 0.25em;}
.order-summary .order-buyer {display: inline-block; margin-left: 0.5em;}
table.basket input[type="submit"], table.block input[type="submit"] {display: inline-block;}
table.basket input[type="text"], table.block input[type="text"] {margin-right: 1em;}
.checkout section.order-summary header {margin: 1em 0 0 0; padding-top: 1em; border-top: 1px solid #d5d5d5;}
.checkout section.order-summary header h3 {font-weight: bold;}
.checkout .shop-basket:nth-child(1n+2) {margin-top: 2em;}
.checkout .shop-basket header {margin: 0;}
.checkout .shop-basket th.order-total form, .checkout th.order-total span, .account .shop-basket th.order-total form, .account th.order-total span {display: inline-block;}
.checkout .shop-basket th.order-total input[type="submit"] {margin: 0;}
.checkout th.order-total span, .account th.order-total span {position: relative; margin-right: 1em; color: #000;}
.checkout input[size="30"] {width: 40%;}
.checkout aside.upsell input[size="30"] {width: auto;}
.global {background: #000;padding: 10px}
/* Form */
label, div.label {display: block;font-weight: bold;line-height: 24px;}
.form-list label {padding-top: 0.5em;}
label em, label span, span.required {font-weight: normal; color: #8a8a8a; display: inline-block;}
label.checkbox, label.radio, .radio-list label {font-weight: normal; color: #111;}
div.label label { display: inline;}
label.checkbox + p, input + p, textarea + p, form ul + p, p.status_message + p  {color: #8a8a8a;} /* often paragraphs following checkboxes are advisory notes */
input, select {font-size: 100%;height: 25px; text-align: left; margin-right: 10px;}
textarea {padding: 0.5em;font-size: 100%; text-align: left; padding: 3px; margin-right: 10px;width:60%}
select {padding: 0.25em;float: left;}
input[type="file"] {padding: 0;}
input[type="checkbox"], input[type="radio"] {border: medium none;height: auto;line-height: normal;margin: 0.2em 0.5em 0.25em 0;padding: 0;width: auto;float: left;}
.ie7 input[type="radio"] {height: 13px;}
input[type="radio"] {vertical-align: top; margin: 5px 10px;}
.back-link{height: 20px;}
.back-link a {color: #999;text-decoration:underline;letter-spacing: 1px;padding: 0.6em;text-transform: uppercase;font-weight: bold;line-height: 1;display: block;float: left;text-align: center;margin-right: 10px;}
.back-link a:hover  {}
input[type="submit"], button.submit,input[type="reset"] {background: #13AF17;color: #fff;letter-spacing: 1px;padding: 0.6em;text-transform: uppercase;font-weight: bold;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: block;text-align: center;border: none;}
input[type="submit"].space {margin-top: 1em;}
textarea, .input-list {box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;-moz-box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 1px 1px inset;border: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;border-top: 1px solid #7c7c7c;}
fieldset h3 {border-top: 1px solid #d5d5d5; padding: 1em 0 0 0; margin: 1em 0 0.75em;}
table td input, .account table td input, .radio-list label, .account form.sort-select {margin: 0; }
table td label.checkbox input {margin: 0.25em 0.25em 0.25em 0;}
table td label.checkbox {}
/* Container for form actions - usually a primary and secondary submit */
form .actions, .message.preview form {overflow: hidden; margin: 1em 0; border-bottom: 1px solid #d5d5d5; padding-bottom: 1em;}
form .actions input[type="submit"], form .actions a, .message.preview form input[type="submit"], .message.preview form a, form .actions span, .actions button.submit {float: left; margin: 0 1em 0 0;}
form .actions a, .message.preview form a, form .actions span, .overlay-content .actions a {display: inline-block; margin-top: 0.417em;}
form .actions a.button {margin-top: 0;}
form .actions.no-divide {border: none; padding: 0; margin-bottom: 0;}
input[type="submit"].secondary,  td ul.action li a, a.button, .item aside .admin label.checkbox, ul.gallery li a.secondary, button.secondary, .favourite  {-webkit-appearance: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background: #e5e5e5;background: -moz-linear-gradient(top center, white 0%, #e5e5e5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5e5e5));border: 1px solid;color: #444;font-size: 1em;font-weight: normal;padding: 0.25em 0.5em;text-shadow: white 0 1px 1px;width: auto;border-color: #eee #ccc #aaa;text-transform: none; letter-spacing: 0;line-height: 1.5;}
input[type="submit"].secondary:hover, ul.action li a:hover, a.button:hover, .item aside .admin label.checkbox:hover, ul.gallery li a.secondary:hover, button.secondary:hover {background: #ebebeb;background: -moz-linear-gradient(center top , #fbfbfb, #ebebeb) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(#ebebeb));color: #000;}
input[type="submit"].secondary.super {color: #000;font-weight: bold;background: #a8d1df;background: -moz-linear-gradient(center top , #e6f3f8, #a8d1df) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#e6f3f8), to(#a8d1df));border-color: #d3dee3 #b3c6ce #95a8b0;}
input[type="submit"].secondary.super:hover {background: #9ec7d5;background: -moz-linear-gradient(center top , #dcebf0, #9ec7d5) repeat scroll 0 0 transparent;background: -webkit-gradient(linear, center top, center bottom, from(#dcebf0), to(#9ec7d5));border-color: #cbd7dd #b3c6ce #95a8b0;}
/* favourite item */
.favourite, .item aside .admin label.checkbox {background: #e5e5e5;background-image: url("{ASSETS_IMAGES_PATH}icons.png");background-position: 6px -474px;background-repeat: no-repeat;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -moz-linear-gradient(top center, white 0%, #e5e5e5 100%);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e5e5e5));background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -ms-linear-gradient(top, #ffffff, #e5e5e5);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, linear-gradient(top, #ffffff, #e5e5e5);padding: 5px 6px 5px 26px;display: inline-block;margin-top: 0.333em;}
.buy-item a:hover, .favourite:hover  {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -moz-linear-gradient(0% 100% 90deg, #ebebeb, #fbfbfb); /*background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px,*/ -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ebebeb));background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, -ms-linear-gradient(top, #fbfbfb, #ebebeb);background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 6px -473px, linear-gradient(top, #fbfbfb, #ebebeb);color: #000;}
.item aside .admin label.checkbox {background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#f4f4f4)); background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -moz-linear-gradient(0% 100% 90deg, #f4f4f4, #fbfbfb); padding-right: 1em; margin-bottom: 1em;}
.item aside .admin label.checkbox:hover {background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#ebebeb)); background: url("{ASSETS_IMAGES_PATH}colour-wheel-open.png") no-repeat 6px 5px, -moz-linear-gradient(0% 100% 90deg, #ebebeb, #fbfbfb);}

#list-item input[type="text"], .login input[type="text"], .login input[type="password"], .account input[size="30"] {width: 70%;}
#list-item table td input[type="text"] {width: 30%;}
.input-list {background: #fff;padding: 0.5em;overflow: hidden; margin-bottom: 1em; width: 70%;}
.input-list li, .item aside .admin ul li, ul.tag li {float: left;position: relative;margin-right: 0.5em;background: #E9E9E9;display: block;line-height: 20px;padding: 0.25em 2em 0.25em 0.5em;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.input-list li.user-created {background: #e0ecee; }
.input-list li a, .item aside .admin ul li a, nav.tag ul li a[title="remove"] {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -1288px;text-indent: -999em;display: inline-block;height: 8px;width: 8px;position: absolute;right: 8px;top: 9px;}
.ie7 .input-list li a, .ie8 .input-list li a {zoom: 1; float: left; z-index: 100;}
.input-list li input {border: 0; background: none; margin: 0; padding-left: 0;}
.input-list li.add-item {background: none; padding: 0; display: block;}
fieldset ol, form ol, fieldset ol li, form ol li {list-style-type: none; margin: 0;}
.inline-error {border: 2px solid #ff1e00; }
input.inline-error, textarea.inline-error {background-color: #fefef0;}
p.error_message.status_message {color: #ff1e00;padding-left: 1.5em;background: url("{ASSETS_IMAGES_PATH}red-cross.png") no-repeat 0 2px;text-indent: 0;width: auto;height: auto;float: none;display: block;margin: 0 0 1em 0;}
p.status_message {display: none;}
.status h4 {margin: 0.5em 0}
strong.featured {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat 0 -313px; padding-left: 1.75em; font-weight: normal;}
.section-list {overflow: hidden;}
.section-list li {margin: 0 0.5em 0.5em 0;}
.section-list li:after {content: ","}
.section-list li:last-child:after, .section-list li:first-child:after {content: ""}
#shop_section_items tr td img {margin-right: 0.5em;}
#shop_section_items tr td select {vertical-align: middle;}
span.in_progress {background: url('{ASSETS_IMAGES_PATH}loading.gif') no-repeat 0 50%;height: 16px;width: 16px;margin: 0 0 0 0.5em;padding: 0;vertical-align: middle;display: inline-block;text-indent: -999em;}
span.in_progress.hidden {visibility: hidden;}

footer {clear: both;background: #0f0f0f;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}
footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;}
footer section:first-child {margin-left: 0;}
footer h4 {color: #e6e4da; letter-spacing: 0; font-weight: bold;}
footer a {color: #d5d5d5;}
footer a:hover {color: #fff;}
.networks {border-top: 1px solid #404041;padding-top: 2em;clear: both;}
.clearfix:after, section.unavailable:after, .progress ol:after, .share-prompt .share:after, .share-prompt:after, ul.share:after, .selling-intro .options:after {visibility: hidden;display: block;font-size: 0;content: " "; clear: both;height: 0;}
.clearfix, section.unavailable, .progress ol, .share-prompt .share, .share-prompt, ul.share, .selling-intro .options { /*display: inline-block;*/ }
* html .clearfix, * html section.unavailable, * html .progress ol, * html .share-prompt .share, * html .share-prompt, * html ul.share, * .selling-intro .options { height: 1%; }
@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen  and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
section.global {height: auto;}
section.global ul {float: none; margin-bottom: 0.5em;}
section.global ul.user-info {position: relative; left: 0;}
a.more-items, a.power.middle, .card-action p.current {width: 50%;} ul.item-list .item-meta {margin: 0;}
.home section[role="main"] {clear: both;}
.facet-header a {clear: left; display: block; margin: 0.167em 0; padding-left: 0; float: none;}
.sort-list p {float: none; margin: 0;}
.item aside article header {padding: 1.5em;}
.basket td.item-image, .basket td.item-description {float: none;}
.message, .message.warning, message.holiday {background-image: none; padding-left: 3em;}
footer .networks .newsletter, footer .networks .newsletter form {display: block; float: none; margin-bottom: 1em;}
.networks li:nth-child(2) {margin-left: 0;}
section.newsletter {width: auto; text-align: left; padding: 1em; left: auto; height: auto; overflow: hidden;}
section.newsletter div {text-align: left; width: 100%; overflow: hidden;}
section.newsletter h3 {float: none; margin-bottom: 1em;}
section.newsletter:before, section.newsletter:after, .chevron:before, .chevron:after {display: none;}
.home .activity .chevron ul.gallery-strip {margin: 0;}
section.total div.actions p {float: none;position: absolute;width: 60%;left: 0;top: -0.5em;}
header p.short-note {text-align: left; margin: 0;}
.card-center {width: 44%;}
.item aside .share li, section.total .advice div {float: none; margin: 0 0 0.5em 0; width: auto;}
}
@media only screen and (max-width: 480px) {
body {background: #F6F6F4;}
section.global {height: auto; overflow: hidden}
section.global ul {float: none; margin-bottom: 0.5em;}
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
header[role="banner"] .hgroup h2 {font-size: 1.25em; margin-top: 1.5em;}
header[role="banner"] form {position: relative; top: 0; left: 0; clear: both;}
.ie8 header[role="banner"] form {margin-bottom: 2em;}
header[role="banner"] {margin-bottom: 2em; overflow: visible;}
.sections h1 {margin-left: 0px; width: 99.5%;}
input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0px;}
input[type="search"] {-moz-appearance:none; -webkit-appearance:none; -webkit-border-radius:0px;}
form[role="search"] div {width: 100%;}
.home section header a {display: block; float: none; margin: 0;}
footer section {width: 50%;}
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
footer section {width: 45%; margin: 0 5% 1em 0;}
footer section:nth-child(2n) {margin-right: 0;}
footer section:nth-child(5) {clear: both; width: 100%; border-top: 1px solid #404041; padding-top: 2em; margin-top: 1em;}
footer ul.networks {text-align: left;}
footer ul.networks li:nth-child(3) {margin-left: 0;}
footer ul.networks li {float: left; margin-bottom: 0.5em;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
table td div.item-image {float: left; margin: 0;}
}
@media only screen and (max-width: 700px) {
body.two-column section[role="main"], section.sign-in, section.new-customer {clear: both; float: none; width: 100%;}
body.two-column.item section[role="main"] {float: none; width: 100%; margin-bottom: 1em}
.item aside, .selling-intro div {float: none; width: 100%; margin: 0;}
.item aside article header {padding: 0;}
.item aside article header {padding: 1.5em;}
.item aside article header h4 + a {width: 22.2222%; float: right; position: relative; margin: 0 2% 0 0; top: -1.5em;}
.item aside .share li {float: left; margin: 0 1em 0 0; word-break: 80px;}
}
/* Каталог навигации по категориям на странице списка товаров */
.content_catalog_nested_categories li {
  text-align:center;
  display: inline-block;
  overflow:hidden;
  vertical-align: middle;
  padding:1em;
  margin:0px;
  list-style-type:none;
  background:none !important;
}
/* Таблица оформления заказа, отображение выбора способа оплаты */
.orderStagePaymentListTable .ceill1 {width:1%;}
.orderStagePaymentListTable .cell2 {width:99%;}
.ui-datepicker {
  display: none;
}
.mycarousel .buy-item {
bottom: -10px;
margin-left: 0.75%;
position: absolute;
}


#4 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 25 Сентябрь 2013 - 21:53

В коде в style.css
.buy-item {clear: both; overflow: hidden; margin-bottom: 1em; bottom: 0; /*position: absolute*/;}
надо раскомментировать  /*position: absolute*/ ( удалить "/*" и "*/" ). Закомментировали вы этот код, видимо, потому, что с ним в карточке товара слетают кнопки "Заказать". Добавьте в style.css такой код
.goodsDataFormSubmitButton .buy-item {
position: relative;
}
.mycarousel2 .buy-item {
position: relative;
}


#5 nadezda

nadezda

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 95 сообщений

Отправлено 26 Сентябрь 2013 - 23:41

а куда добавить?

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Сентябрь 2013 - 05:22

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

#7 nadezda

nadezda

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 95 сообщений

Отправлено 27 Сентябрь 2013 - 15:47

спасибо - получилось))





Темы с аналогичным тегами каталог

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных