#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
background: #f79242;
background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}

<!-- Слайдер на главной -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
		 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
			 <div>
																 <a href="http://store-ip.ru/page/Umnyj-dom"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /></a>
												 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
		 </div>
		 <div data-u="navigator" class="jssorb05" style="z-index:99;position: absolute;bottom: 16px; right: 16px; width: 68px; height: 16px; left: 616px;" data-autocenter="1">
				 <div data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 0px; top: 0px;"></div>
</div>
		 </div>
		
	 </div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->

<!-- Слайдер на главной -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
		 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
			 <div>
																 <a href="http://store-ip.ru/page/Umnyj-dom"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /></a>
												 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url('{ASSETS_IMAGES_PATH}a21.png') center center no-repeat;overflow: hidden;}
.jssora21l {
background-position: -5px 230px !important;
margin-top: -255px;
height: 550px !important;
}
.jssora21r {
background-position: -60px 230px !important;
margin-top: -255px;
height: 550px !important;
}
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }