﻿
#carusel  {
	/*width: 600px;  ширина всего блока */
	margin:10px auto;
	
}
#carusel .wrapper {
		width: 90%; /* ширина области карусели */
		height:200px;
		position: relative;
		overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
		margin: 0 auto; /*выравниваем по центру относительно родительского блока  */
	}
	#carusel .carusel-items {
			/*width: 800px;*/ /* устанавливаем большую ширину для набора элементов карусели, чтобы в неё всё поместилось */
			position: relative; /* позиционируем блок относительно основной области карусели */
			
		}
		#carusel .carusel-block {
				float: left; /* выстраиваем все элементы карусели в ряд */
				/*width: 84%; *//*задаём ширину каждого элемента */
				height:200px;
				padding: 5px 6px; /* делаем оступы, чтобы элементы не сливались */
			}
			#carusel .image-link { /* тут чисто оформление содержимого */
					display: block;
					width: 100%;
					height: 50px;
					overflow: hidden;
					border: 2px solid #fff;
				float:left;
				margin: 5px auto;
				}
	#carusel .button-left
	 {
		width: 25px; /* задаем ширину кнопок */
		height: 40px; /* задаем высоту кнопок */
		position: relative;
		top: 80px; /* позиционируем кнопки */
		
		cursor: pointer; /* делаем кнопкам курсор в виде "пальца */		
	}
	#carusel .button-right
	{
	  width: 25px; /* задаем ширину кнопок */
		height: 40px; /* задаем высоту кнопок */
		position: relative;
		top: 80px; /* позиционируем кнопки */
		
		cursor: pointer; /* делаем кнопкам курсор в виде "пальца */		
	}
	#carusel .button-left {
		float: left; /* выравниваем левую кнопку по левому краю */
		
	}
	#carusel .button-right {
		float: right; /* выравниваем правую кнопку по правому краю  */
		
	}
#carusel ul li { 
 display: inline;
 }
 #carusel .pic {
	 margin:0 5%;
	 float:left;
 }
 /* vertical carusel */
#vertical-ticker { 
	height: 200px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}
#vertical-ticker li { 
	display: block;
	text-align: center;
	list-style:none;
	height:50px;
}
.v_next, .v_prev {
	margin:10px 0;
	text-align:center;
}

.image-link ul li { margin: 0 5%; float: left;}