/* CSS carousel */

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


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