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


Некорректное Отображение Сайта На Маленьких Экранах


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

#21 sofgtteam86

sofgtteam86

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

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

Отправлено 13 Октябрь 2014 - 20:30

Здравствуйте.

У меня проблема с темой Движение при просмотре на мобильных устройствах:

1. Съезжает шапка влево
2. Баннер растекается по экрану, становится очень большим.
3. Полоска с преимуществами (доставка, гарантия и т.п. расползлась)

Screenshot_2014-10-13-21-11-12.jpg


Помогите пожалуйста.... весь мозг себе сломал))))

#22 Vaccina

Vaccina

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

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

Отправлено 14 Октябрь 2014 - 01:43

укажите пожалуйста в профиле форума аккаунт работающего магазина

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

На счет слайдера, в шаблоне HTML найдите:
<script>
	 jQuery(function(){	
	 jQuery('#camera_wrap_1').camera({
		 minHeight: '400px',
		 maxHeight: '600px',
		 pagination: false,
	 thumbnails: false,
		 time: 3000
	 });
	 });
	 </script>
замените на:
<script>
	 jQuery(function(){	
	 jQuery('#camera_wrap_1').camera({
		 maxHeight: '600px',
		 pagination: false,
	 thumbnails: false,
		 time: 3000
	 });
	 });
	 </script>


В полоске не обнаружила вставленный блок отзывов от яндекс маркета и перекосов

#23 Anna Dragomir

Anna Dragomir

    Пользователь

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

Отправлено 14 Октябрь 2014 - 08:06

Ребят,ну помогите! А то писала в другую тему-ноль внимания.

Подскажите пожалуйста решение проблемы.

При оформлении заказа выдает вот такое сообщение Изображение ...при этом и в графе дополнительный номер телефона и в электронной почте стоит адрес электронки. Если в доп. номере вместо адреса почты ставлю телефон,он выставляется и в графе электронная почта. Видимо какая-то ошибка в коде, при которой эти два поля меняются вместе. Как можно сделать графу доп. номера необязательной и отдельной от эл.почты?

аккаунт SL-6515

#24 sofgtteam86

sofgtteam86

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

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

Отправлено 14 Октябрь 2014 - 19:54

Просмотр сообщенияVaccina (14 Октябрь 2014 - 01:43) писал:

укажите пожалуйста в профиле форума аккаунт работающего магазина

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

На счет слайдера, в шаблоне HTML найдите:
<script>
	 jQuery(function(){	
	 jQuery('#camera_wrap_1').camera({
		 minHeight: '400px',
		 maxHeight: '600px',
		 pagination: false,
	 thumbnails: false,
		 time: 3000
	 });
	 });
	 </script>
замените на:
<script>
	 jQuery(function(){	
	 jQuery('#camera_wrap_1').camera({
		 maxHeight: '600px',
		 pagination: false,
	 thumbnails: false,
		 time: 3000
	 });
	 });
	 </script>


В полоске не обнаружила вставленный блок отзывов от яндекс маркета и перекосов

Здравствуйте. Аккаунт SL-289103
Спасибо)
Перекосы шапки я нашел как убрать в форуме.
Блок отзывов вообще удалил))


С баннерами проблема осталась..... Скрипты поменял, ничего не произошло.

Просмотр сообщенияsofgtteam86 (14 Октябрь 2014 - 19:50) писал:

Здравствуйте. Аккаунт SL-289103
Спасибо)
Перекосы шапки я нашел как убрать в форуме.
Блок отзывов вообще удалил))


С баннерами проблема осталась..... Скрипты поменял, ничего не произошло.

Для уточнения....
Размер картинки баннеров сейчас  1700х750px только в этих размерах у меня получилось получить нужный масштаб на мониторе ПК, а на экране мобильного  отображается вся картинка.

#25 Vaccina

Vaccina

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

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

Отправлено 16 Октябрь 2014 - 03:59

Просмотр сообщенияAnna Dragomir (14 Октябрь 2014 - 08:06) писал:

Ребят,ну помогите! А то писала в другую тему-ноль внимания.

Подскажите пожалуйста решение проблемы.

При оформлении заказа выдает вот такое сообщение Изображение ...при этом и в графе дополнительный номер телефона и в электронной почте стоит адрес электронки. Если в доп. номере вместо адреса почты ставлю телефон,он выставляется и в графе электронная почта. Видимо какая-то ошибка в коде, при которой эти два поля меняются вместе. Как можно сделать графу доп. номера необязательной и отдельной от эл.почты?

аккаунт SL-6515

в вашем случае окончание почты должно быть следующим rambler.ru
Скорее всего в этом и была причина проблемы.

Просмотр сообщенияsofgtteam86 (14 Октябрь 2014 - 19:54) писал:

С баннерами проблема осталась..... Скрипты поменял, ничего не произошло.



Для уточнения....
Размер картинки баннеров сейчас  1700х750px только в этих размерах у меня получилось получить нужный масштаб на мониторе ПК, а на экране мобильного  отображается вся картинка.

В style.css попробуйте удалить сл.стили:
.camera_wrap {
	height: 380px !important;
}
.camera_wrap {
	height: 400px !important;
}


#26 sofgtteam86

sofgtteam86

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

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

Отправлено 16 Октябрь 2014 - 09:26

Просмотр сообщенияVaccina (16 Октябрь 2014 - 03:59) писал:

в вашем случае окончание почты должно быть следующим rambler.ru
Скорее всего в этом и была причина проблемы.



В style.css попробуйте удалить сл.стили:
.camera_wrap {
height: 380px !important;
}
.camera_wrap {
height: 400px !important;
}

Не помогло........

#27 Vaccina

Vaccina

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

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

Отправлено 17 Октябрь 2014 - 00:39

изменений у вас не наблюдаю, произведите изменения выше, также в шаблоне HTML найдите:
<div class="fluid-container">
		<div id="camera_wrap_1" class="camera_wrap camera_black_skin"
замените на:
<div>
		<div id="camera_wrap_1" class="camera_wrap camera_black_skin"


#28 sofgtteam86

sofgtteam86

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

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

Отправлено 05 Январь 2015 - 11:38

Здравствуйте.

Аккаунт SL-217350

Я переделал под себя страницу товара:-) начал ее адаптировать под различные разрешения экранов. Почему то для разрешения  800 px получилось, а для разрешений с меньшими размерами хоть убей, доковырялся до того, что бэкап сделать пришлось......

Логически, если я сделал на верстку  на экраны 800 pх, то по тому же принципу и все остальные делать нужно, я даже добавил классы стилей которых небыло для этого, но при вводе других размеров ничего не меняется..... Меняется только на размере 800 px.

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

Была такая идея, чтобы просто уменьшить масштаб в % на более маленькие разрешения, а остальное подогнать, но при вводе классов через запятую и проставлении размеров типа {width:70%; height:70%;} ничего не менялось.....

Вы можете подсказать как правильно прописать мне параметры для разрешений на разных дисплеях и браузерах?


Буду очень признателен за помощь :-)

#29 sofgtteam86

sofgtteam86

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

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

Отправлено 06 Январь 2015 - 12:20

Сейчас старый код в связи с тем, что новый не корректно отображается.....

Вот новый, с которым беда с разными разрешениями экранов

Страница товара
<meta http-equiv="Expires" content="Fri, 1 Jan 2016 00:00:05 GMT">
<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
   
<div itemscope itemtype="http://data-vocabulary.org/Product">
  <script type="text/javascript">
	$(document).ready(function(){
	 $("body").addClass("two-column");
	 $("body").addClass("item");
	});
  </script>
 
  <section role="main" >
 
 
	<div class="goodsData" >
<div style="margin-left: 3px; margin-top: -30px; width:220px; height:30px; background: #cd7f32;">
		  <div style=" padding: 6px 0px 0px 8px;">
			<span>   </span>
			<a href="{% FOR upper_navigation %} {% IF upper_navigation.last %}{upper_navigation.URL}{% ENDIF %}{% ENDFOR %}" style="color:#fff;  font-size:15px;" class="moder" title="Вернуться в категорию &laquo;{upper_navigation.NAME}&raquo;" /> <b><<< Назад к списку товаров</b></a>
			</div>	 </div>
	  <!-- Артикул, если указан -->
	 
	  <meta itemprop="category" content="{% FOR upper_navigation %}{% IFNOT upper_navigation.first %} > {% ENDIF %}{upper_navigation.NAME}{% ENDFOR %}" />
	 
	  <!-- Доступность товара -->
	 <div class="goodsDataMainModificationAvailable">
	 <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %} style="display:none;{% ENDIF %}">Товар есть в наличии</div>
	 
	  
	 <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Товара нет в наличии</div>
	</div>
	 
   
	 
	  <figure class="main-image" style=" max-width:600px;width:600px;height:600px;max-height:600px;float:none;margin-bottom: 5px;z-index:50; ">
	   <div>
	  {% IF GOODS_IMAGE_EMPTY %}
			<img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" />
		  {% ELSE %}		   
			<a  itemprop="image" rel="group" href="{GOODS_IMAGE_LARGE}"  class="main"><img src="{GOODS_IMAGE_LARGE}" alt="{GOODS_NAME}"  class="main1"/></a>
		  {% ENDIF %}
	  
		</div>
	   

{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
			{% IF goods_images.first %}
		  
			  <ul class="img123"  style="" class="preview_images {% IF goods_images.length=1 %}hide{% ENDIF %}" data-role="preview-images">
		
		  
		   {% ENDIF %}  
				<li>
				  <a  rel="group" href="{goods_images.LARGE}" class="mini"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" class="mini"/></a>
				</li>
			
				{goods_images.index | is_divided("4"," ","")}
			{% IF goods_images.last %}
			  </ul>
			   
			{% ENDIF %}		   
		  {% ENDFOR %}
		{% ENDIF %}
	   
	  
	  </figure>
	 

	   
 
	   
	  <div  class="tabbed_area">
		<ul  class="tabs">
		  <!-- Если есть какое-либо описание товара -->
		  {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
			<li><a href="javascript:tabSwitch(4);" id="tab_4"  class="active">Описание</a></li>
		  {% ENDIF %}
		  <!-- Если есть характеристики товара -->
		  {% IFNOT goods_features_empty %}
			<li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li>
		  {% ENDIF %}
		 
		   <!-- Если есть информация о оплате товара -->
	
			<li><a href="javascript:tabSwitch(5);" id="tab_5">Оплата</a></li>
		   
	   
		  <!-- Если есть информация о доставке товара -->
		  {% IFNOT goods_delivery_empty %}
			<li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li>
		  {% ENDIF %}
		  <!-- Если подключен модуль отзывов о товарах -->
		  {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
			<li><a href="javascript:tabSwitch(1);" id="tab_1">Отзывы</a></li>
		  {% ENDIF %}
				  </ul>
		<!-- Если есть какое-либо описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		  <div id="content_4" class="content">
			<!-- Блок описания товара. Показываем его есть описание товара -->
			{% IF GOODS_DESCRIPTION_LARGE %}
			  <h3>Описание {GOODS_NAME}</h3>
			  <div  class="htmlDataBlock" itemprop="description">
				{GOODS_DESCRIPTION_LARGE}
			  </div>
			{% ENDIF %}
			<!-- END Блок описания товара. Показываем его есть описание товара -->
		   
		  </div>
		{% ENDIF %}
	   
		<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
		{% IFNOT goods_features_empty %}
		  <div id="content_2" class="content">
			<h3>Характеристики {GOODS_NAME}</h3>
			<table class="goodsDataFeatures">
			  <tr>
				{% FOR goods_features%}
				  <td>
					<p class="dotted"><span>{goods_features.NAME}</span></p>
				  </td>
				  <td>
					{goods_features.VALUE}
				  </td>
				  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				{% ENDFOR %}
			  </tr>
			</table>
		  </div>
		{% ENDIF %}
		<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
<!-- Если есть какое-либо описание товара -->
	  
		  <div id="content_5" class="content">
			<!-- Блок описания товара. Показываем его есть описание товара -->
		  
			  <h2>Оплата {GOODS_NAME}</h2>
			  <div class="htmlDataBlock" itemprop="description" >
			  <p><span style="font-size:12px;"><span style="font-family:arial,helvetica,sans-serif;">&nbsp;<strong>Товар может быть оплачен покупателем сразу или в течении трех дней после оформления заказа.&nbsp;Бронь на оформленный, но не оплаченный в этот срок (3 рабочих дня) товар снимается,&nbsp;покупателю необходимо уточнить наличие товара на сайте.&nbsp;<br />
Заказы поступившие из регионов РФ отправляются покупателю&nbsp;только после оплаты.</strong><br />
<br />
<span style="font-size:14px;"><strong>1. Наличными курьеру&nbsp;или в пункте самовывоза.</strong></span><br />
<img alt="" src="http://st.euroshope.com/6/1540/298/hand_pay.png" style="margin: 3px; float: left; width: 211px; height: 120px;" /><br />
&nbsp;</span><span style="font-family: arial, helvetica, sans-serif; line-height: 18.2000007629395px;">Оплата заказа после примерки наличными, возможна во всех пунктах самовывоза и курьерам во всех регионах.</span><br />
<br />
<br />
<br />
<br />
<br />
<span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:14px;"><strong>2.&nbsp;Через систему Robokassa</strong></span><br />
С помощью Robokassa вы можете оплатить наши товары и услуги&nbsp;моментально&nbsp;и&nbsp;без комиссии.<br />
<img alt="" src="http://st.euroshope.com/6/1540/299/payment.jpg" style="margin: 5px; width: 550px; height: 235px;" /><br />
<br />
<span style="font-size:14px;"><strong>3.&nbsp;Через расчетный счет в банке</strong></span>&nbsp; &nbsp;&nbsp;<br />
<img alt="" src="http://st.euroshope.com/6/1540/300/oplata_beznal_1.jpg" style="width: 250px; height: 231px; margin: 4px; float: left;" /></span><br />
<span style="font-family: arial, helvetica, sans-serif; line-height: 18.2000007629395px;">Оплата заказа производится денежным переводом на расчетный счет Продавца. Чтобы оплатить Товар банковским переводом Вам необходимо при оформлении Заказа выбрать соответствующий способ оплаты &laquo;Оплата на счет в российском банке&raquo;&nbsp;и после завершения оформления Заказа распечатать уже заполненную квитанцию. Данная квитанция может быть оплачена в любом отделении банка России. При распечатке заполненной квитанции с Сайта номер Вашего Заказа отображается в квитанции автоматически.</span></span></p>
			   
			  </div>
		 
			<!-- END Блок описания товара. Показываем его есть описание товара -->
		   
		  </div>
   
		<!-- Блок с информацией о доставке товара -->
		{% IFNOT goods_delivery_empty %}
		  <div id="content_3" class="content">
			<!-- Блок описания вариантов доставки -->
			<h2>Условия доставки</h2>
			{% FOR goods_delivery %}
			  <br /><h2 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h2>
			  <div class="goodsDataMainDeliveryItem" >
				<p>{goods_delivery.DESC}</p>
				 {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  <strong class="black"><h4>Стоимость доставки: согласно тарифной зоне</h4></strong>
				{% ELSE %}
				  <h4>Стоимость доставки: {goods_delivery.PRICE | money_format}</h4>
				{% ENDIF %}
			  {% ELSE %}
				  <div class="goodsDataMainDeliveryItemRules">
					<table>
					  <thead>
						<tr>
						  <td colspan="2"><h4>Стоимость доставки зависит от суммы заказа</h4></td>
						</tr>
						<tr>
						  <td>Для заказов больше</td>
						  <td>Стоимость доставки</td>
						</tr>
					  </thead>
					  <tbody class="num">
						{% FOR rules %}
						  <tr>
							<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
							<td>{goods_delivery.rules.PRICE | money_format}</td>
						  </tr>
						{% ENDFOR %}
						  <tr>
							<td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
							<td>{goods_delivery.PRICE | money_format}</td>
						  </tr>
					  </tbody>
					</table>
				  </div>
				{% ENDIF %}
			  </div>
			{% ENDFOR %}
		  </div>
		{% ENDIF %}
		<!-- END Блок с информацией о доставке товара -->
		<!-- Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
		{% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}
		  <div id="content_1" class="content">
			<div class="goodsDataOpinion">
			  <h3>Отзывы о {GOODS_NAME}</h3><br />
			  <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных -->
			  {% IF opinion_list_empty_without_filter %}
				<div class="goodsDataOpinionMessage empty"><h2>Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a></h2></div>
			  <!-- Если по товару есть хотя бы один отзыв -->
			  {% ELSE %}
				<table>
				  <!-- Верхняя навигация (Фильтры и страницы) -->
				  <thead>
					<tr class="goodsDataOpinionListNavigateTop">
					  <td>
						<!-- Среднее значение по результатам всех отзывов об этом товаре -->
						{% IF GOODS_OPINION_RATING_VALUE_ROUND %}
						  <img src="{FORALL_IMAGES_PATH}stars/{GOODS_OPINION_RATING_VALUE_ROUND}.gif" alt="{GOODS_OPINION_RATING_VALUE_ROUND}" class="valignMiddle" style="padding-right:1em;" />
						{% ELSE %}
						  <img src="{FORALL_IMAGES_PATH}stars/10.gif" alt="Рейтинг не определён" class="valignMiddle" style="padding-right:1em;" />
						{% ENDIF %}
						<!-- Фильтры отзывов -->
						<span class="goodsDataOpinionAverageInfo">
						  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=-1 %}
							Все ({GOODS_OPINION_RATING_CNT_ALL}) |
						  {% ELSE %}
							<a href="{GOODS_OPINION_ALL_URL}">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> |
						  {% ENDIF %}
						  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
							Положительные ({GOODS_OPINION_RATING_CNT_GOOD}) |
						  {% ELSE %}
							<a href="{GOODS_OPINION_GOOD_URL}">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> |
						  {% ENDIF %}
						  {% IF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
							Отрицательные ({GOODS_OPINION_RATING_CNT_BAD}) |
						  {% ELSE %}
							<a href="{GOODS_OPINION_BAD_URL}">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> |
						  {% ENDIF %}
						  <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Оставить отзыв</a>
						</span>
					  </td>
					  <td>
						<!-- Страницы отзывов -->
						{% IF opinion_show_pages %}
						  <div class="square_pages">
							<span>Страницы: </span>
							  {% FOR opinion_pages_list %}
								{% IF opinion_pages_list.CURRENT %}
								  <b>{opinion_pages_list.PAGE}</b>
								{% ELSE %}
								  <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
								{% ENDIF %}
							  {% ENDFOR %}
						  </div>
						{% ENDIF %}
					  </td>
					</tr>
				  </thead>
				  <!-- END Верхняя навигация (Фильтры и страницы) -->
				  <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва -->
				  {% IF opinion_list_empty %}
					<tbody>
					  <tr>
						<td colspan="2">
						  <div class="goodsDataOpinionMessage empty">
							{% IF GOODS_OPINION_GENERALLY_IS_GOOD=1 %}
							  Положительных
							{% ELSEIF GOODS_OPINION_GENERALLY_IS_GOOD=0 %}
							  Отрицательных
							{% ENDIF %}
							отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm">оставить его первым</a>
						  </div>
						</td>
					  </tr>
					</tbody>
				  <!-- Если отзывы по товару уже есть, покажем их список -->
				  {% ELSE %}
					<!-- Список отзывов о товарах -->
					<tbody>
					  <tr>
						<td colspan="2">
						  <table class="goodsDataOpinionListTable" itemprop="review">
							<tbody>
							{% FOR opinion_list %}
							  <tr class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %}">
								<td class="ceil1 a-center" width="15%">
								  <span class="goodsDataOpinionListTableClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</span><br />
								  <span class="goodsDataOpinionListTableDate"><b>{opinion_list.DATE}</b></span>
								  <br />
								  {% IF opinion_list.DELETE_URL %}
									<a href="{opinion_list.DELETE_URL}">Удалить</a>
								  {% ENDIF %}
								</td>
								<td class="ceil2">
								  {% IF opinion_list.TITLE %}<strong class="valignMiddle">{opinion_list.TITLE}</strong>{% ENDIF %}
								  {% IF opinion_list.RATING %}<img class="valignMiddle" src="{FORALL_IMAGES_PATH}stars/{opinion_list.RATING}.gif"  alt="{opinion_list.RATING}"/>{% ENDIF %}<br />
								  {% IF opinion_list.ACCOMPLISHMENTS %}<strong>Достоинства:</strong> {opinion_list.ACCOMPLISHMENTS | nl2br}<br />{% ENDIF %}
								  {% IF opinion_list.LIMITATIONS %}<strong>Недостатки:</strong> {opinion_list.LIMITATIONS | nl2br}<br />{% ENDIF %}
								  {% IF opinion_list.COMMENT %}<strong>Комментарий:</strong> {opinion_list.COMMENT | nl2br}<br />{% ENDIF %}
								  {% IF opinion_list.ANSWER %}
									<div class="goodsDataOpinionListTableAnswer">
									  {opinion_list.ANSWER | nl2br}<br />
									</div>
								  {% ENDIF %}
								</td>
							  </tr>
							{% ENDFOR %}
							</tbody>
						  </table>
						</td>
					  </tr>
					</tbody>
					<!-- END Список отзывов о товаре -->
					<!-- Нижняя навигация (страницы) -->
					<tfoot>
					  <tr class="goodsDataOpinionListNavigateBottom">
						<td colspan="2">
						  <!-- Страницы отзывов -->
						  {% IF opinion_show_pages %}
							<div class="square_pages">
							  <span>Страницы: </span>
								{% FOR opinion_pages_list %}
								  {% IF opinion_pages_list.CURRENT %}
									<b>{opinion_pages_list.PAGE}</b>
								  {% ELSE %}
									<a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}">{opinion_pages_list.PAGE}</a>
								  {% ENDIF %}
								{% ENDFOR %}
							</div>
						  {% ENDIF %}
						</td>
					  </tr>
					</tfoot>
					<!-- END Нижняя навигация (страницы) -->
				  {% ENDIF %}
				</table>
			  {% ENDIF %}
			  <!-- END Если по товару есть хотя бы один отзыв -->
			  <!-- Форма добавления нового отзыва о товаре -->
			  <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm">
				<div id="goodsDataOpinionAdd">
				  {% IF FORM_NOTICE %}<div class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %}
				  <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}>
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" />
					<input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" />
					<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
					{ANTISPAM_CODE}
					<h3>Новый отзыв о &laquo;{GOODS_NAME}&raquo;</h3>
					<table class="goodsDataOpinionAddTable">
					  {% IF TARIFF_FEATURE_CLIENT_ROOM %}
						{% IFNOT CLIENT_IS_LOGIN %}
						  <thead>
							<tr>
							  <td colspan="2">
								<div class="goodsDataOpinionMessage auth">Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}">авторизируетесь</a> перед написанием отзыва.</div>
							  </td>
							</tr>
						  </thead>
						{% ENDIF %}
					  {% ENDIF %}
					  <!-- Тело таблицы. Форма добавления отзыва о товаре -->
					  <tbody>
						{% IFNOT CLIENT_IS_LOGIN %}
						<tr>
						  <td><label for="goods_opinion_name" class="required">Ваше имя</label></td>
						  <td><input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]"  value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="required cornerAll"/></td>
						</tr>
						{% ENDIF %}
						<tr>
						  <td><label for="goods_opinion_title">Заголовок</label></td>
						  <td><input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="cornerAll" /></td>
						</tr>
						<tr>
						  <td class="valignTop"><label>Оценка товара</label></td>
						  <td>
							<div class="goodsDataOpinionTableRating">
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" />
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/>
							  <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/>
							</div>
							<span class="goodsDataOpinionMsg"></span>
						  </td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_accomplishments">Достоинства</label></td>
						  <td><textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea></td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_limitations">Недостатки</label></td>
						  <td><textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="7" class="cornerAll">{FORM_GOODS_OPINION_LIMITATIONS}</textarea></td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_comment" class="required">Комментарий</label></td>
						  <td><textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="7" class="required cornerAll">{FORM_GOODS_OPINION_COMMENT}</textarea></td>
						</tr>
						<tr>
						  <td><label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label></td>
						  <td>
							<div class="generally">
							  <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label>
							  <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label>
							</div>
						  </td>
						</tr>
						{% IF USE_CAPTCHA %}
						<tr>
						  <td><label for="opinion_captcha_string" class="required" title="Введите код с картинки">Введите код</label></td>
						  <td class="goodsDataOpinionCaptcha">
						  <table>
							<tr>
							  <td rowspan="2" style="width: 20%"><img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /></td>
							  <td><img src="{FORALL_IMAGES_PATH}icon/refresh/1.gif" rel="{FORALL_IMAGES_PATH}" alt="Обновить" title="Обновить" class="goodsDataOpinionCaptchaRefresh" /></td>
							</tr>
							<tr>
							  <td><input id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="required captcha cornerAll" value="{FORM_}" /></td>
							</tr>
						  </table>
						  </td>
						</tr>
						{% ENDIF %}
					  </tbody>
					  <!-- Низ таблицы. Кнопка отправки формы -->
					  <tfoot>
						<tr>
						  <td><a href="#" class="goodsDataOpinionFormReset jsAction">Отменить</a></td>
						  <td><button type="button" title="Добавить отзыв о &laquo;{GOODS_NAME}&raquo;" class="submit" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button></td>
						</tr>
					  </tfoot>
					</table>
				  </div>
				</div>
			  </form>
			  <!-- Для того чтобы добавляющий увидел результат добавления отзыва - изменим хэш -->
			  {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %}
			</div>
		  </div>
		{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
	   
	   
	 <!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
	
	

	   
	  </div>
	</div>
	<div class="clear"></div>
  </section>
 
	<!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
   
<div style="display:inline;height:600px;  max-height:600px; min-height:600px; "> 
	<header>
   
  
   
	 <!-- END Если в тарифном плане подключен модуль отзывов о товаре и если не выключен модуль отзывов о товаре -->
	
	<div>
	  <h1 style="display:block; position:relative;font-size:16px;float:left;margin-top:1px;margin-left:-116px;min-height:30px; width: 400px; max-width: 400px;" itemprop="name">{GOODS_NAME}</h1>
	  </div>
	  <br>
   <!-- Полное SEO-описание -->
			{% IF GOODS_SEO_DESCRIPTION_LARGE %}
			  <div style="float:right; margin-right:40px; margin-bottom:-30px; width: 150px; max-width: 150px; max-height:50px; height:50px; " class="htmlDataBlock">{GOODS_SEO_DESCRIPTION_LARGE}</div>
			{% ENDIF %}
			<!-- END Полное SEO-описание -->  
	  
	  
	</header>
<br>
<br>
	<div class="goodsData">
<br>
	  <!-- Артикул, если указан -->
	  <div style="float:left;margin-top:-6px; margin-left:-110px; " />
	  <div style="font-size:15px;color:#B65302" class="goodsRestValue"><h3>В наличии: {GOODS_MOD_REST_VALUE} {GOODS_MOD_MEASURE_NAME}</h3></div>
	</div>
	</div>
	<br>
 
	<div style="display:block;float:left;margin-top:5px; margin-left:-110px; " />
	  <div style="font-size:14px;" class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ELSE %}itemprop="identifier"{% ENDIF %}>
		  Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
		  <br>
		  
		 Ваш город:
		
	  
<span id="user-city"></span>
<script type="text/javascript">
  window.onload = function () {
	  jQuery("#user-city").text(ymaps.geolocation.city);
  }
</script>
<br>

Доставим: <span class="date"></span>
  
		  
		
		  <script>
  $(function() {
if ( !ymaps.location )
var pd = 10; // если геотаргеттинг не стоит то прибавляется 10 дней к текущей дате
else if (ymaps.location.city == 'Москва')
var pd = 2; // если определилась Москва то не прибавляется дней к текущей дате
else if (ymaps.location.city == 'Королев')
var pd = 5; // если определился Королев то не прибавляется дней к текущей дате
else if (ymaps.location.city == 'Волгодонск')
var pd = 0; // если определился Волгодонск то не прибавляется дней к текущей дате
else if (ymaps.location.city == 'Санкт-Петербург')
var pd = 4; //если определился СПБ то прибавляется три дня к текущей дате
else
var pd = 15; // если яндекс не смог определить регион посетителя прибавляется 15 дней к текущей дате	   
		 
var month = new Array(12);
  month[0] = ".01.15";
  month[1] = ".02.15";
  month[2] = ".03.15";
  month[3] = ".04.15";
  month[4] = ".05.15";
  month[5] = ".06.15";
  month[6] = ".07.15";
  month[7] = ".08.15";
  month[8] = ".09.15";
  month[9] = ".10.15";
  month[10] = ".11.15";
  month[11] = ".12.15";

var date_curr = new Date();
var date_next = new Date();
date_curr.setDate(date_next.getDate()+pd+(date_curr.getHours() >= 17 ? 0 : 1));
var day_curr = date_curr.getDate();
date_next.setDate(date_next.getDate()+(pd + 1));
var day_next = date_next.getDate();
$(".date").text(day_curr +" "+ (month[date_curr.getMonth()]) + " - " + (day_next) +" "+(month[date_next.getMonth()]));
});
</script>
		  
	  </div>
	</div>

   <br>
   <br>  
  <aside>
	<div class="container">
	  <form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" >
	<input type="hidden" name="hash" value="{HASH}" />
	<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
	   
	<div class="goodsDataMain">
		<div class="goodsDataMainOrder cornerAll">
		  <!-- Блок с данными товара при выбранных параметрах. Берутся из модификаций товара -->
	  <div class="goodsDataMainModificationDataBlock">
	   <!-- По этому значению производится заказ товара -->
	   <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
	   
			<div style="text-algin:left; margin-top:2px; color:#000000; font-size:22px; " class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer" >
		 <!-- Цена сейчас -->
		 <h1  itemprop="price" content="{GOODS_MOD_PRICE_NOW}" style="text-algin:left;   color:#000000; font-size:22px; " class="goodsDataMainModificationPriceNow" title="Цена сейчас"  >
		  {GOODS_MOD_PRICE_NOW | money_format}
		 </h1>
			  <!-- информация для поисковика о валюте товара -->
			  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
			  <!-- информация о числе товаров на складе -->
			  <meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
			  <!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
			  {% IF GOODS_MOD_REST_VALUE>0 %}
			  <span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
			  {% ENDIF %}
		 <!-- Старая цена -->
			 
		 <h3 style="text-algin:left; margin-top:2px; color:#000000; font-size:20px;" title="Старая цена" class="goodsDataMainModificationPriceOld lineThrough">
			 
		  <!-- Если на товар действует скидка -->
		  {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
			{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
		   <!-- Если старая цена была больше новой -->
		  {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
		   {GOODS_MOD_PRICE_OLD | money_format}
		  {% ENDIF %}
		 </h3>
			</div>
			<div class="clear"></div>
						   
	  </div>
 
		  <div class="goodsDataFormSubmitButton">
					   
			<!-- Добавление в корзину -->
	   <div style="display:block; width:400px;position:relative;left:-150px;" class="buy-item">
			  <input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
	   
			  <button type="submit" onclick="quickorder('.goodsDataForm');return false;" title="Быстро оформить заказ" style="width: 168px;">Оформить заказ</button>
			 
			  <!-- button type="submit" onclick="$('.goodsDataForm').submit();" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" style="width: 160px;" >В корзину</button -->
						  
	   </div>
		 
		  <br>
		   <div style="position:relative;float:right;margin-left: 0px;margin-top:-48px; width:220px; height:29px; background: #1D7015;">
		  <div style=" padding: 6px 0px 0px 8px;">
			<a href="http://xn--b1af2aafd1d.com/page/Dlya-kommercheskih-partnerov-i-organizacij" style="color:#fff;  font-size:15px;" class="moder" title="Оптовикам скидки от 20%"><span ID="animate"><B>Юр. лицам скидки от 20%</B></span></a>
		   <SCRIPT language="JavaScript">
animate('animate', '#ff8000');
</SCRIPT>
		   </div>	 </div>
		 

   <!-- Если в тарифном плане подключен модуль сравнения товаров -->
	   {% IF TARIFF_FEATURE_GOODS_COMPARE %}
		<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
		{% IFNOT SETTINGS_COMPARE_DISABLE %}
			
			   <a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами " href="#"  >
				 <div style="float:left; margin-left:15px;font-size:16px;margin-top:5px; " <H3><b>Добавить к сравнению</b></H3>
				  </div>
			   </a>
		  <a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >
		   <div style="float:left; margin-left:15px;font-size:16px;margin-top:5px; " <H3><b>Убрать из сравнения</b></H3>
				  </div>
				</a>
				<br>
				
			   
							{% ENDIF %}
	   {% ENDIF %}
		   </div>	   

<br>
		   <div class="knopka1" style=" "> 
		  <div style="text-algin:center; width:35px; height:35px; padding: 3px 0px 0px 3px; ">
		
		   <a style="color:#265C05; font-size:14px;padding: 0px 3px 0px 0px;" href="http://euroshope.com/page/dostavka" title="Быстрая доставка"><img src="{ASSETS_IMAGES_PATH}4.png" />
		   <center><p>Быстрая<br>доставка</p></center>
		   </a>
		  </div>
		  </div>
		 
		   <div class="knopka2" style=" ">
		   <div style="text-algin:center; width:35px; height:35px; padding: 3px 0px 0px 3px; ">
		  
		   <a style="color:#265C05; font-size:14px;padding: 0px 3px 0px 0px;" href="http://euroshope.com/page/Garantiya" title="Гарантия качества"><img src="{ASSETS_IMAGES_PATH}msk_b_77435.jpg" />
		   <center><p>Гарантия<br>качества</p></center>
		   </a>
		   </div>  
		   </div>
		  
		   <div class="knopka3" style=" ">
		   <div style="text-algin:center; width:35px; height:35px; padding: 3px 0px 0px 3px; ">
		   
		   <a style="color:#265C05; font-size:14px;padding: 0px 10px 0px 0px;" href="http://euroshope.com/page/dostavka" title="Пункты самовывоза"><img src="{ASSETS_IMAGES_PATH}ho1use-icons.jpg" />
		   <center><p>Пункты<br>выдачи</p></center>
		  
		   </a>
	  
		 
		 
		   </div>	 </div>
		  
		   
		 

<!-- Короткое SEO-описание -->
			{% IF GOODS_DESCRIPTION_SHORT %}
			  <p class="GOODSDESCRIPTIONSHORT" style="display:block;background-color: #ffffff; font-size:14px;border: 1px dotted orange;  margin: 0px auto 0px auto;position:relative;left:-150px;padding:5px;">{GOODS_DESCRIPTION_SHORT}</p>
			   
			{% ENDIF %}
			<!-- END Короткое SEO-описание -->
	   <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
		{% IFNOT goods_features_empty %}
		  <div id="content22" class="content221" style="display:block; position:relative; float:left; left:-150px; margin-bottom:15px; margin-top:5px;border: 1px dotted orange; "/>
			<h3>Характеристики {GOODS_NAME}</h3>
			<table class="goodsDataFeatures2"  >
			  <tr>
				{% FOR goods_features%}
				  <td>
					<p class="dotted"><span>{goods_features.NAME}</span></p>
				  </td>
				  <td>
					{goods_features.VALUE}
				  </td>
				  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
				{% ENDFOR %}
			  </tr>
			</table>
		  </div>
		
		{% ENDIF %}
		<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->	
	 
	   
		   
	 
	  <div style=" float:left; left:0px;"  />	   
 
		  <!-- Блок информации по акции действующей на товар, если таковая есть -->
		  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
	   <div class="goodsDataMainDiscountBlock" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
		<!-- Акция на товар -->
			<strong>Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong><br />
			  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
	   </div>
		  {% ENDIF %}
				 
		  <!-- Блок выбора модификаций для текущей товарной позиции -->
		  <div class="goodsDataMainModificationsBlock" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
			{% FOR goods_modifications_properties %}
	  <div class="goodsDataMainModificationsBlockProperty" >
	   <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
	   {% FOR values %}
		<!-- Если это первый элемент в списке -->
		{% IF goods_modifications_properties.values.first %}
		  <strong>{goods_modifications_properties.NAME}:</strong><br />
		  <select name="form[properties][]">
		{% ENDIF %}
		  <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
		<!-- Если это последний элемент в списке -->
		{% IF goods_modifications_properties.values.last %}
		  </select>
		{% ENDIF %}
	   {% ENDFOR %}
	  </div>
			<div class="clear"></div>				   
	  {goods_modifications_properties.index | is_divided("2","","")}
					  {% ENDFOR %}
 
  
		 
 
 
			<!-- Данные по модификациям для текущей товарной позиции -->
			{% FOR goods_modifications %}
			  <div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
		 <input type="hidden" name="id" value="{goods_modifications.ID}" />
		 <input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
		 <input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
		 <div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
		 <input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
		 <div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
		 <input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
		 <input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
		 <input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
		 <input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
		 <input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
		 <input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
		 <div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>
			  </div>
			{% ENDFOR %}
			<div class="clear"></div>
	   <!-- Блок описания модификации -->
	   <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		{GOODS_MOD_DESCRIPTION}
	   </div>
			<div class="clear"></div>
	  </div>
	 </div>
	</div>
	</form>
	  <div class="breadcrumb">
		<p>
		{% FOR upper_navigation %}
		  {% IF upper_navigation.last %}
		
		 
		   
		  {% ENDIF %}
		{% ENDFOR %}
	   </p>
	  </div>
	 
</div>
 
</div>	 
	 
   
	   
	  
	 
	<div style="display:block;position:relative; "> 
   
	<!-- С этим товаром смотрят -->
	  <div style="float:left; display:block; position:absolute; left:-150px;" />
	  
	  {% IFNOT related_views_goods_empty %}
	  <div class="car">
		<div class="mycont2" >
		  <h4>Бестселлеры</h4>
		   <ul class="mycarousel2"  style="min-height:500px;" >
			{% FOR related_views_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{related_views_goods.NAME}" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{related_views_goods.NAME}" />
				  </a>
				{% ELSE %}			 
				  <a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;" >
					<img src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_views_goods.IMAGE_SMALL}{% ENDIF %}" alt="{related_views_goods.NAME}" />
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{related_views_goods.URL}" title="Перейти на страницу &laquo;{related_views_goods.NAME}&raquo;">{related_views_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{related_views_goods.URL_MIN_PRICE_NOW}">{related_views_goods.MIN_PRICE_NOW | money_format}</a>
				</p> 
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %}
					<a href="{related_views_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %}
					<a href="{related_views_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_views_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %}
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF related_views_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{related_views_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_views_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}
				 
				  {% IF related_views_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{related_views_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_views_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
					<a href="{related_views_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-{related_views_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_views_goods.MIN_PRICE_NOW_ID}');return false;">Купить</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
						{% IF related_views_goods.IS_HAS_IN_COMPARE_LIST %}
						  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						{% ELSE %}
						  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&amp;from={related_views_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						{% ENDIF %}
					{% ENDIF %}
				  {% ENDIF %}
				</span>
			  </li>
			{% ENDFOR %}
		  </ul> 
		</div>
	  </div>
	  </div>
	  
	  {% ENDIF %}
	
	   
	  <!-- END С этим товаром смотрят -->
  
  
		<div class="smotreli" style="float:right; display:block;border: 0px dotted orange; position:absolute; right:10px;" />
	 
	  <!-- Недавно просмотренные товары -->
	  {% IFNOT recently_viewed_goods_empty %}
	  <div class="car">
		<div class="mycont2">
		  <h4>Вы смотрели</h4>
		   <ul class="mycarousel2"  style="min-height:500px;">
			{% FOR recently_viewed_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
					<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
					<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
				  </a>
				{% ELSE %}			 
				  <a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
					<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{recently_viewed_goods.URL_MIN_PRICE_NOW}">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</a>
				</p> 
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %}
					<a href="{recently_viewed_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %}
					<a href="{recently_viewed_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</a>
				  {% ENDIF %}
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF recently_viewed_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{recently_viewed_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{recently_viewed_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}
				 
				  {% IF recently_viewed_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{recently_viewed_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({recently_viewed_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
					<a href="{recently_viewed_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-{recently_viewed_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
				   
					<input type="hidden" name="form[goods_from]" value="{recently_viewed_goods.GOODS_FROM}" />
				   
					<input type="hidden" name="form[goods_mod_id]" value="{recently_viewed_goods.MIN_PRICE_NOW_ID}" />
				   
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{recently_viewed_goods.MIN_PRICE_NOW_ID}');return false;">Купить</button>
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
						{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
						  <a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						{% ELSE %}
						  <a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						{% ENDIF %}
					{% ENDIF %}
				  {% ENDIF %}
				</span>
			  </li>
			{% ENDFOR %}
		  </ul> 
		</div>
	  </div>
	  </div>
	  {% ENDIF %}
	  <!-- END Недавно просмотренные товары -->
   
	   <br> 
	  <br> 
	  
	  <div style="float:left; display:block;border: 0px dotted orange; position:inherit;margin-top:520px; left:-150px;" />
  
	  <!-- Сопутствующие товары -->
	 
	  {% IFNOT related_goods_empty %}
  
	  <div class="car" >
		<div class="mycont2" >
		  <h4>Сопутствующие товары</h4>
		   <ul class="mycarousel2" style="min-height:500px;" >
			  {% FOR related_goods %}
			  <li>
				{% IF user_agent_ie7 %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"  alt="" />
				  </a>
				{% ELSEIF user_agent_ie8 %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}"  alt="" />
				  </a>
				{% ELSE %}
				  <a href="{related_goods.URL | url_amp}" title="{related_goods.NAME}" >
					<img src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
				  </a>
				{% ENDIF %}
				<h3 class="goodsListItemName"><a href="{related_goods.URL}" title="Перейти на страницу &laquo;{related_goods.NAME}&raquo;">{related_goods.NAME}</a></h3>
				<p class="goodsListItemPriceNew" style="margin-bottom: 10px;">
				  <a href="{related_goods.URL_MIN_PRICE_NOW}">{related_goods.MIN_PRICE_NOW | money_format}</a>
				</p> 
				<p class="goodsListItemPriceOld" style="margin-bottom: 10px;">
				  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
					<a href="{related_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
				  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
					<a href="{related_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{related_goods.MIN_PRICE_OLD | money_format}</a>
				   
				  {% ENDIF %}
				</p>
				<div class="rating">
				  <!-- Среднее значение по результатам всех отзывов об этом товаре -->
				  {% IF related_goods.OPINION_RATING_VALUE %}
					<img src="{FORALL_IMAGES_PATH}stars/{related_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{related_goods.OPINION_RATING_VALUE}" />
				  {% ENDIF %}
				 
				  {% IF related_goods.OPINION_RATING_CNT_ALL>0 %}
					<a href="{related_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({related_goods.OPINION_RATING_CNT_ALL})</a>
				  {% ELSE %}
					<a href="{related_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-{related_goods.MIN_PRICE_NOW_ID}">
					<input type="hidden" name="hash" value="{HASH}" />
					<input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
					<input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
					<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
					<button type="submit" title="Быстрое оформление заказа" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;">Купить</button>
				   
					<!--button type="submit" title="Добавить товар в корзину" onclick="this.form.submit();">в корзину</button-->
				  </form>
				</div>
				<span class="add-to-links">
					<!-- Если в тарифном плане подключен модуль сравнения товаров -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE %}
					  <!-- Если не выключен модуль сравнения товаров в настройках магазина -->
					  {% IFNOT SETTINGS_COMPARE_DISABLE %}
						  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
							<a title="Убрать товар из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">убрать из сравнения</a>
						  {% ELSE %}
							<a title="Добавить товар к списку сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}" class="link-compare">Сравнить</a>
						  {% ENDIF %}
					  {% ENDIF %}
					{% ENDIF %}
				  </span>
			  </li>
			  {% ENDFOR %} 
		   </ul> 
		</div>
	  </div>
		
		   </div>
	   {% ENDIF %}
	 
	  <!-- END Сопутствующие товары -->
   
	
	 
		
 
	 </div>
	</div>
	
   </div>
   
  </aside>
 
   <br>
  <br>
  <br>
  <script type="text/javascript">
	jQuery(function() {
	  $.fn.startCarousel = function() {
		var bodywidth2 = $('.car').width(),
	 itemwidth2 = $('.mycarousel2 li').outerWidth(true), 
	 mycontwidth2 = bodywidth2 > itemwidth2 ? bodywidth2 - bodywidth2%itemwidth2 : itemwidth2,
	 licount2 = $('.mycarousel2 li').size(),
	 jscroll2 = 1;
	if(licount2 > mycontwidth2/itemwidth2){
	 jscroll2 =  mycontwidth2/itemwidth2;
	} else {
	 jscroll2 = 0;
	 mycontwidth2 = licount2 * itemwidth2;}
	$('.mycont2').width(mycontwidth2);
	   $('.mycarousel2').jcarousel({
		 scroll:jscroll2,
			wrap: 'circular'
	  }); };
	 $(this).startCarousel();
	 $(window).resize(function(){
	  $(this).startCarousel();
	 });
	 $('.mycarousel2').jcarousel();
	});
  </script>
 
  <!-- Короткое SEO-описание -->
			{% IF GOODS_SEO_DESCRIPTION_SHORT %}
			  <p style="padding-top:1em;">{GOODS_SEO_DESCRIPTION_SHORT}</p>
			{% ENDIF %}
			<!-- END Короткое SEO-описание -->



Style.css


/* Фильтры по товарам в колонке меню */
.contentTbodySearchFilterBlock			  {font-size:1.2em;padding:1em;margin:0;border:0px solid #ff0000;}
.contentTbodySearchFilterBlockHeader		{font-size:1.2em;color: #069;font-weight: ;}
.contentTbodySearchFilterBlockValues		{padding:0em 0 0em 1em;}
.contentTbodySearchFilterBlockValues label  {font-weight:normal;}


@font-face {
	font-family: ptsansnarrow; 
	src: local('PT Sans Narrow'), local('PTSans-Narrow'), url({ASSETS_IMAGES_PATH}PTN57F.ttf) format("truetype"), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v3/UyYrYy3ltEffJV9QueSi4S4mX3cpNo8MnLri8k21-rs.woff) format('woff');}
  .moder2 {font-family:  ptsansnarrow, Arial; font-style: normal;}
.moder3 {font-family:Georgia; font-style: italic;}
.moder4 {font-family:Arial;}
.menufut a:hover {
text-decoration: none;
}
.menufut a {
  text-decoration: underline;
}

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:198px !important;}
.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 */


/* END Боковай слайдер */

/* Слайдер-карусель на главной в сопутсвующих товарах */
.car{margin-top:10px;width: 100%;max-width: 410px;position: relative;overflow: visible;z-index:9999;}
.mycont2 h4, .car h4 {padding: 5px 10px 10px 10px;}
.mycont { margin:0 auto;padding: 5px;background: #fff;}
.mycont2 { padding: 5px;background: #fff;text-align: center;}
.mycarousel li{ width:193px;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: #424c22;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: #000;font-style: normal;font-family:  ptsansnarrow;}
.summary .num{color: #fff;font-style: normal;font-family:  ptsansnarrow;}
.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 sub {vertical-align: sub;font-size: smaller;}
.htmlDataBlock sup {vertical-align: super;font-size: smaller;}
.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;}
.contacts{float: left;position: relative; }
.footer{margin-bottom: 30px; display: block; position: relative;}
.footer ul li {display: inline;margin: 0 15px; float: left;}
.goodsDataMainModificationPriceNow{display:inline-block;left:-150px;position:relative;color: #B74A02;margin-top: 10px;}
.goodsDataMainModificationPriceOld{display:inline-block;left:-150px;text-decoration:line-through; ;margin-top: 10px;color:#B74A02;}
.goodsDataMainModificationAvailable{position:relative;left:-150px; margin: 0px 0px 15px 0px;width: 100%;font-size: 18px; color: #B74A02;z-index: 100;}
.goodsDataMainDiscountBlock{position:relative; left:-150px;background: #fff;padding: 10px; margin: 5px 0px;}  /* блок акции*/
.goodsDataMainModificationsBlock, .goodsDataMainModificationsBlockProperty, .goodsDataMainModificationsList, .goodsDataMainModificationsDescriptionBlock{background: #ffffff; display: block;width:470px; position: relative;}  /* Модификации*/
.goodsDataMainModificationsBlock{display:block;position:relative; width:480px; border: 1px dotted orange;left:-150px; background: #ffffff;padding: 10px;margin-top: -10px;font-size: 13px;}  /* Фон модификации*/
.goodsListItemPriceNew{font-size: 23px; color:#B74A02;}
.goodsDataCompareButton {position:relative;left:-150px;display: block;  color:#ffffff; width:211px; height:29px; background: #1D7015; margin-left:0px;}  /* сравнение товара*/
.goodsDataFeatures {display:block;max-width:502px;width: 502px;margin: 0px auto 0px auto; min-height: 135px;background-color:#ffffff;}
.GOODSDESCRIPTIONSHORT {display:block;background-color: #ffffff; font-size:14px; max-width:493px; width:493px;border: 1px dotted orange;  margin: 0px auto 0px auto;position:relative;left:-150px;padding:5px;}
.preview_images img { max-width:600px; max-height: {SETTINGS_GOODS_IMAGES_SIZE_ICON}px; }
.img123  {display:inline-block; margin-left:5px; margin-top:3px; width:577px; max-width:577px;height:52px; background-color: #ffffff;}
.knopka1 {text-algin:center; width:80px; height:80px;position:relative;float:right;margin-right: -23px;margin-top:-78px;}
.knopka2 {text-algin:center; width:80px; height:80px;position:relative;float:right;margin-right: 4px;margin-top:-78px;}
.knopka3 {text-algin:center; width:80px; height:80px;position:relative;float:right;margin-right: 4px;margin-top:-78px;}
@media only screen and (min-width: 1200px){
  .container123 {width: 1125px;}
 
}
@media only screen and (max-width: 800px){
figure.main-image div {position: relative; background: #ffffff; text-align: center;width: 405px;height:405px;margin-left:5px; overflow: hidden;border: 1px solid #e6e6dc; color: #ffffff}
figure.main-image div img {display: inline-block;vertical-align: middle;}
goods_images.preview_images  {display:inline-block; margin-left:5px; margin-top:3px; width:400px; max-width:400px;height:52px; background-color: #ffffff;}
.preview_images img {  max-height: {SETTINGS_GOODS_IMAGES_SIZE_ICON}px; }
.img123   {display:inline-block; margin-left:5px; margin-top:3px; width:382px; max-width:382px;height:52px; background-color: #ffffff;}
.content221 {display:block;max-width:445px;width: 445px;margin: 0px auto 0px auto; min-height: 135px;background-color:#ffffff;}
.content22 {max-width:435px;width: 435px;margin: 0px auto 0px auto; height: 135px;}
.goodsDataFeatures2 {display:block;max-width:435px;width: 435px;margin: 0px auto 0px auto; min-height: 135px;background-color:#ffffff;}
.knopka1 {text-algin:center; width:80px; height:80px;position:relative;float:right;margin-right: -26px;margin-top:-78px;}
.knopka2 {text-algin:center; width:80px; height:80px;position:relative;float:right;margin-right: 3px;margin-top:-78px;}
.knopka3 {text-algin:center; width:80px; height:80px;position:relative;float:right;margin-right: 3px;margin-top:-78px;}
.GOODSDESCRIPTIONSHORT {display:block;background-color: #ffffff; font-size:14px; max-width:433px; width:433px;border: 1px dotted orange;  margin: 0px auto 0px auto;position:relative;left:-150px;padding:5px;}
.available-true {position: absolute; width: 100px; height: 48px; background: url('{ASSETS_IMAGES_PATH}stiker1.png') no-repeat;z-index: 100;right: -15px;top: 5px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;}
.available-false {position: absolute; width: 100px; height: 48px; background: url('{ASSETS_IMAGES_PATH}stiker2.png') no-repeat;z-index: 100;right: -15px;top: 5px;Color: #fff; padding: 33px 9px;text-align: center;font-size: 18px;}

.tabbed_box {margin: 0px auto 0px auto; width: 390px;}
.tabbed_box h4 {font-family:Arial, Helvetica, sans-serif;font-size:20px; color:#ffffff;letter-spacing:-1px;margin-bottom:10px;max-width:380px;width: 390px;}
.tabbed_box h4 small {max-width:380px;width: 380px;color:#e3e9ec;font-weight:normal;font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;}
.tabbed_area {max-width:395px;width: 395px;  border:1px solid #494e52;background-color:#404040;padding:4px;margin-left:5px;margin-top:-100px;}   /* Внешний фон  блока Описание Характеристики и т.п.*/
.ie7 .tabbed_area {margin-bottom: 3em;width: 380px;max-width: 380px;}
ul.tabs {max-width:395px;width: 395px;margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;display: block;position: relative;z-index:99999;}
ul.tabs li {max-width:395px;width: 395px;list-style:none;display:inline;}
ul.tabs li a {background-color:#F0EFEB; color:#000;padding:2px 4px 2px 4px;text-decoration:none; font-size:11px;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:2px 8px 2px 8px;}
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 {max-width:373px;width: 373px;min-height:300px;background-color:#ffffff;padding:10px;border:1px solid #464c54;margin-top:35px; font-size:14px;}  /* Белый фон внути блока Описание Характеристики и т.п.*/
#content_2, #content_3, #content_1, #content_5 {display:none;}
.goodsDataFeatures {display:block;max-width:373px;width: 373px;margin: 0px auto 0px auto; min-height: 135px;background-color:#ffffff;}
.smotreli  {float:right; display:block;border: 0px dotted orange; position:absolute; right:3px;}
.content ul {max-width:375px;width: 375px;margin:0px;padding:0px 20px 0px 20px; }
.content ul li {max-width:375px;width: 375px;list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:2px;}
.content ul li a {max-width:375px;width: 375px;text-decoration:none; color:#3e4346;}
.content ul li a small {max-width:375px;width: 375px;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;} 
}


/* Стили для вкладок на странице товара*/
.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;max-width:568px;width: 568px;}
.tabbed_box h4 small {max-width:578px;width: 578px;color:#e3e9ec;font-weight:normal;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase; position:relative;top:-4px;left:6px;letter-spacing:0px;}
.tabbed_area {max-width:590px;width: 590px;  border:1px solid #494e52;background-color:#404040;padding:4px;margin-left:5px;margin-top:90px;}   /* Внешний фон  блока Описание Характеристики и т.п.*/
.ie7 .tabbed_area {margin-bottom: 3em;width: 578px;max-width: 578px;}
ul.tabs {max-width:578px;width: 578px;margin:0px; padding:0px;margin-top:5px; margin-bottom:5px;display: block;position: relative;}
ul.tabs li {max-width:578px;width: 578px;list-style:none;display:inline;}
ul.tabs li a {background-color:#F0EFEB; color:#000;padding:8px 14px 8px 14px;text-decoration:none; font-size:11px;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 {max-width:567px;width: 567px;min-height:300px;background-color:#ffffff;padding:10px;border:1px solid #464c54;margin-top: 40px; font-size:14px;}  /* Белый фон внути блока Описание Характеристики и т.п.*/
#content_2, #content_3, #content_1, #content_5 {display:none;}
.content221 {display:block;max-width:502px;width: 502px;margin: 0px auto 0px auto; min-height: 135px;background-color:#ffffff;}
.content22 {max-width:502px;width: 502px;margin: 0px auto 0px auto; height: 135px;}
.content ul {max-width:578px;width: 578px;margin:0px;padding:0px 20px 0px 20px; }
.content ul li {max-width:578px;width: 578px;list-style:none;border-bottom:1px solid #d6dde0;padding-top:15px;padding-bottom:15px;font-size:12px;}
.content ul li a {max-width:578px;width: 578px;text-decoration:none; color:#3e4346;}
.content ul li a small {max-width:578px;width: 578px;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;}


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;z-index:150;}
.head ul {padding: 0;margin: 0 auto;height: 40px;}
.head li {display: inline;float: left;}
.head a {display: inline-block;text-align: center;text-transform: uppercase;line-height: 40px;padding: 0px 10px 0px 10px;font-family:  ptsansnarrow;font-size:17px;font-weight:bold;text-shadow: 0px 1px 0px #efb87f;}
.head li a {color: #603113;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 {color: #620000;}
.head a#pull {display: none;}

.head2:before,.head:after {content: " ";display: table;}
.head2:after {clear: both;}
.head2 {*zoom: 1;}
.head2 {width: 100%;font-size:13px;position: relative;}
.head2 ul {padding: 0;margin: 0 auto;height: 40px;}
.head2 li {display: inline;float: left;font-family:  ptsansnarrow;font-size:17px;}
.head2 a {display: inline-block;text-align: center;text-decoration: none;line-height: 40px;padding: 0px 10px 0px 10px;font-family:  ptsansnarrow;font-size:17px;}
.head2 li a {color: #222a08;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.head2 li:last-child a {border-right: 0;}
.head2 a:hover, .head a.selected, nav a:active {color: #000;}
.head2 a#pull {display: none;}

/* 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; top:11px;right:0px;}
.summary a {color: #777;font-size:19px; padding: 1.75em 0.5em 1.5em; position: absolute; right: 10px; top: -4.2em; display: block; text-align: right; width: 13.333em;}
.summary a:hover, .basket-info:hover .summary a {color: #d5d5d5}
.summary a:hover strong, .basket-info:hover .summary a strong {}
.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;}
/* Стили для шапки сайта */
header[role="banner"] {position: relative; min-height: 11em; overflow: hidden;z-index: 60;}
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: 85px;width: 265px;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: 1em;top: 2.5em;}
form[role="search"] div, header form div {display: block;margin: 0 auto;margin: 0 auto;position: relative;width: 25.5em;height: 2.833em;-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: 25.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: 4px;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 { margin: 1em 0; padding: 0.5em 0.5em; height: 1.5em; width: 90%; left: 2%;font: normal 16px 'Lobster'; color: #fff;}
section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;}
section.newsletter h3 {color: #861b0a; float: left; line-height: 2; margin-right: 1em;}
section.newsletter h3 b {font-size:1.3em;}
section.newsletter div {margin: 0 auto; width: 100%; text-align: center;}
/* Кнопка ВВЕРХ */
#Go_Top{position: fixed; bottom: 45px; right: 45px; cursor:pointer; display:none;font-size:18px; width: 120px;z-index:300;}
#Go_Top span {position: absolute;font-size: 25px;}
#Go_Top .img_top {display:none;}
#Go_Top2{display:none;z-index:500;}
/* Стили для корректного отображения 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: #00AC6B;}
a:hover {color:#00AC6B ;}
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:url({ASSETS_IMAGES_PATH}fon.jpg);}
html.ie8 {background:url({ASSETS_IMAGES_PATH}fon.jpg);}
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:url({ASSETS_IMAGES_PATH}fon.jpg); border-top: 0.5em solid #0f0f0f;}
.bg {background:#f3e8cd url({ASSETS_IMAGES_PATH}heder.jpg) repeat-x;}
/* Списки */
ul {margin: 0; list-style-type: none;}
/* Стили для ссылок  */
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; 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);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: #000000;}
a.button {display: inline-block}
/* Макет */
.container {margin: 0 auto;width: 100%;position: relative;  max-width: 1180px;overflow: visible;z-index:170;}
.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: url("{ASSETS_IMAGES_PATH}poisk.jpg")no-repeat left center; padding: 0 0.833em;margin: 0;line-height: 1;
}
.ie7 input#search-submit {overflow: auto; width: 88px;}
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {}

/*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 #000000;color: #000000;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: #000000;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 #000000;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;  /*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: #040404;font-size: 14px;border-bottom: 1px solid #040404; 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: #040404;}
.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: #ffffff; text-align: center;width: 600px;height: 600px;margin-left:5px; overflow: hidden;border: 1px solid #e6e6dc; color: #ffffff}
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: 0em; }
.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 #424c22;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 #424c22;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: #424c22; 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 #ffffff; background: #fff;}
table.basket th, table.block th {background: #ffffff; 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:url({ASSETS_IMAGES_PATH}menu.jpg);padding: 7px; top:130px;z-index:180;height: 40px;}
.global2 {background:url({ASSETS_IMAGES_PATH}menu2.jpg);padding: 2px; top:0px;z-index:180;position: fixed;width:100%; opacity: 1.0;}
/* 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: #424c22;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%; }


/* Каталог навигации по категориям на странице списка товаров */
.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;
}

/* Фильтр по цене */
.contentTbodySearchPriceFilterBlock {width: 230px;}
.goodsFilterPriceInfo {text-align: center; }
.goodsFilterPriceInfo label {margin-top: 0 !important;float: left;}
.goodsFilterPriceInfo input {width:45px;height: 14px !important;background-color: #f2f2f2;border: none;font-size: 10px;font-style: italic;padding: 0 !important;}
.goodsFilterPriceRangePointers {height: 14px;width: 100%;overflow: visible;display: none;}
.goodsFilterPriceRangePointers .min {float: left; font-size: 10px;font-style: italic;}
.goodsFilterPriceRangePointers .max {float: right; font-size: 10px;font-style: italic;}
#goods-filter-min-price {float: left;text-align: left;}
#goods-filter-max-price {float: right;text-align: right;}
#goods-filter-price-slider {margin: 4px 9px 4px 7px;width: 212px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;border: 1px solid #c0c0c0;}
.ui-slider .ui-corner-all {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.ui-slider .ui-slider-range {background: #da3b44;}
.ui-slider .ui-slider-handle {border: 1px solid #c0c0c0;}
.goodsFilterPriceSubmit {padding: 0.5em 0 0.4em;display:none;text-align: center;}
/* END Фильтр по цене */
/* Выше приведёные стили предназначены для демонстрации ----------- */
 
  #menu, #menu ul {
	margin: 0;
   padding: 0;
  list-style: none;
}

#menu {
  width:auto;
text-align:left;
}

#menu:before,
#menu:after {
  content: "";
  display: table;
}

#menu:after {
  clear: both;
}

#menu li {
  float: left;
  border-right: 0px solid #ccc;
  position: relative;
}

  @font-face {
	font-family:PTSansNarrowBold;
	src:url("{ASSETS_IMAGES_PATH}PTN77F.eot?") format("eot"),url("{ASSETS_IMAGES_PATH}PTN77F.woff") format("woff"),url("PTN77F.ttf") format("truetype"),url("{ASSETS_IMAGES_PATH}PTN77F.svg#PTSans-NarrowBold") format("svg");}
 
 
 
#menu a {
  float: left;
  padding:8px 7px;
  color: #603113;
  font:normal 17px PTSansNarrowBold, ptsansnarrow,"Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;text-shadow: 0px 1px 0px #efb87f;
	letter-spacing:0px;
}

 
#menu li:hover > a {
   text-decoration: underline;
}

*html #menu li a:hover { /* Только для IE6 */
  color:#666;
}

#menu ul {
  margin: 20px 0 0 0;
  _margin: 0; /*Только для IE6*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 9999;   
background: #97af07; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97af07), color-stop(100%, #3f5905)); background-image: -webkit-linear-gradient(top, #97af07, #3f5905); background-image: -moz-linear-gradient(top, #97af07, #3f5905); background-image: -ms-linear-gradient(top, #97af07, #3f5905); background-image: -o-linear-gradient(top, #97af07, #3f5905); background-image: linear-gradient(top, #97af07, #3f5905); -pie-background: linear-gradient(#97af07, #3f5905);
  -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
  -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
  box-shadow: 0 -1px 0 rgba(255,255,255,.3);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; 
}
#menu li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}

#menu ul ul {
  top: 0;
  left: 150px;
  margin: 0 0 0 20px;
  _margin: 0; /*Только для IE6*/
  -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
  -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
  box-shadow: -1px 0 0 rgba(255,255,255,.3); 
}

#menu ul li {
  float: none;
  display: block;
  border: 0;
  _line-height: 0; /*Только для IE6*/
  -moz-box-shadow: 0 1px 0 #ccc;
  -webkit-box-shadow: 0 1px 0 #ccc;
  box-shadow: 0 1px 0 #ccc;
}

#menu ul li:last-child {  
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;   
}

#menu ul a {   
  padding: 10px;
	min-width:130px;
  _height: 10px; /*Только для IE6*/
  display: block;
  white-space: nowrap;
	color:#fff;
  float: none;
  text-transform: none;
	text-shadow: 0px 0px 0px #efb87f;
}

#menu ul a:hover {
}

#menu ul li:first-child > a {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
 
 

#menu ul li:first-child > a:after {
  content: '';
  position: absolute;
  left: 40px;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ccc;
}

#menu ul ul li:first-child a:after {
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-left: 0;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
}

#menu ul ul li:first-child a:hover:after {
  border-bottom-color: transparent; 
}

#menu ul li:last-child > a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
 

/* Картинки под банером */
.container123
{
  display:block;
  text-align: center;
  margin-top: 0px;
  overflow: auto;
  margin-bottom:0px;
  margin-left:8px;
  position: relative ;
  float: left;
  }




#30 sofgtteam86

sofgtteam86

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

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

Отправлено 06 Январь 2015 - 13:37

вопрос не актуален.....

решил сменить тему на шоколад

#31 vanyushka

vanyushka

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

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

Отправлено 16 Январь 2015 - 11:44

Здравствуйте! Помогите исправить отображение сайта. Сначала я бы хотел поправить отображение слайдера на широкоформатных мониторах. Чуть монитор шире обыкновенного - слайдер сразу вылезает за рабочую область сайта. Справа и слева. Слева вылезает картинка, а справа вылезает область с текстом + слайдер отображается не во весь размер по высоте. Вот скрин:

#32 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Январь 2015 - 11:56

Просмотр сообщенияipodushkin (16 Январь 2015 - 11:44) писал:

Здравствуйте! Помогите исправить отображение сайта. Сначала я бы хотел поправить отображение слайдера на широкоформатных мониторах. Чуть монитор шире обыкновенного - слайдер сразу вылезает за рабочую область сайта. Справа и слева. Слева вылезает картинка, а справа вылезает область с текстом + слайдер отображается не во весь размер по высоте. Вот скрин:

Здравствуйте. В style.css в блок
@media only screen and (min-width: 1200px)
добавьте
.fluid-container {width: 1250px;  margin: auto;}


#33 vanyushka

vanyushka

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

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

Отправлено 16 Январь 2015 - 12:35

Просмотр сообщенияAlekseys (16 Январь 2015 - 11:56) писал:

Здравствуйте. В style.css в блок
@media only screen and (min-width: 1200px)
добавьте
.fluid-container {width: 1250px; margin: auto;}

Спасибо! Вот что у меня на планшете:

1. Нужно сделать полностью отображающийся слайдер
2. Чтобы полоса "Оплата, Доставка, Гарантии" была полосой, как и в браузере на компьютере
3. Можно ли сделать шапку сайта на планшете с другим фоном? (есть изображение шапки без номера телефона)

#34 vanyushka

vanyushka

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

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

Отправлено 16 Январь 2015 - 13:01

А можно ли сделать, чтобы сайт на всех мобильных устройствах открывался также, как и на компьютере? Также, как ведет себя шаблон Мокко??? Это решило бы все проблемы.

#35 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Январь 2015 - 13:30

Просмотр сообщенияipodushkin (16 Январь 2015 - 12:35) писал:

Спасибо! Вот что у меня на планшете:

1. Нужно сделать полностью отображающийся слайдер
2. Чтобы полоса "Оплата, Доставка, Гарантии" была полосой, как и в браузере на компьютере
3. Можно ли сделать шапку сайта на планшете с другим фоном? (есть изображение шапки без номера телефона)

В style.css замените
#header .container {border-bottom: solid 0px #514d4d;background: url('{ASSETS_IMAGES_PATH}header-bg.png?design=movement');}
на
#header .container {border-bottom: solid 0px #514d4d;background: url('{ASSETS_IMAGES_PATH}картинка?design=movement');}
заменив слово картинка на название нужного изображения, затем в блок
@media only screen and (min-width: 1200px)
добавьте
#header .container {background: url('{ASSETS_IMAGES_PATH}header-bg.png?design=movement')!important;}
после этого в блок
@media only screen and (max-width: 1200px) and (min-width: 960px)
добавьте
.promo_block li {margin: 10px -10px;height: 110px;}
в блок
@media only screen and (min-width: 768px) and (max-width: 959px)
добавьте
.promo_block li {width: 90px!important;}
  .promo_block li.box-1 {background-position-y: 45px;}
  .promo_block li.box-2 {background-position: 0 -190px!important;}
  .promo_block li.box-3 {background-position: 0 -65px!important;}
  .promo_block li.box-4 {background-position: 0 -325px!important;}
в блоке
@media only screen and (max-width: 1200px) and (min-width: 960px)
замените
.fluid-container {
position: relative;
height: 500px;
}
на
.fluid-container {
position: relative;
height: 550px;
}
в блоке
@media only screen and (max-width: 959px) and (min-width: 768px)
замените
.fluid-container {
position: relative;
height: 400px;
}
на
.fluid-container {
position: relative;
height: 400px;
padding-top: 60px;
}


#36 vanyushka

vanyushka

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

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

Отправлено 16 Январь 2015 - 16:03

Спасибо! А можно ли сделать, чтобы сайт на всех мобильных устройствах открывался также, как и на компьютере? Также, как ведет себя шаблон Мокко??? Это решило бы все проблемы.

#37 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Январь 2015 - 16:15

Просмотр сообщенияipodushkin (16 Январь 2015 - 16:03) писал:

Спасибо! А можно ли сделать, чтобы сайт на всех мобильных устройствах открывался также, как и на компьютере? Также, как ведет себя шаблон Мокко??? Это решило бы все проблемы.
Можно, но для этого необходимо будет наоборот отключить адаптивность.

#38 vanyushka

vanyushka

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

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

Отправлено 16 Январь 2015 - 16:23

Просмотр сообщенияAlekseys (16 Январь 2015 - 16:15) писал:

Можно, но для этого необходимо будет наоборот отключить адаптивность.

Давайте попробуем! Как это можно сделать?

#39 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Январь 2015 - 16:39

Просмотр сообщенияipodushkin (16 Январь 2015 - 16:23) писал:

Давайте попробуем! Как это можно сделать?
В шаблоне HTML удалите строку
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


#40 vanyushka

vanyushka

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

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

Отправлено 16 Январь 2015 - 17:37

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




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

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