/* CSS carousel */

.carousel  {
   width: 910px; /* ширина всего блока */
   float:left;
   height:60px;
   padding:0 10px 0 0;
}
.carousel-wrapper {
   width: 850px; /* ширина области карусели */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   margin:0px 30px;
   padding:0px;
   position:relative;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 215px; /* задаём ширину каждого элемента */
}
 
/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 20px; 
   height: 30px; 
   position: relative;
   top: 15px; 
   cursor: pointer; 
   text-decoration:none;
   background: url(../images/carousel-nav.png); 
}
.carousel-button-left a{
   float: left; 
   background-position:-20px 0; 
}
.carousel-button-left a:hover{
   float: left; 
   background-position:-20px -30px; 
}
.carousel-button-right a{
   float: right;
   background-position:0 0;
}
.carousel-button-right a:hover{
   float: right;
   background-position:0 -30px;
}