.carousel  {
   width: 915px; /* ширина всего блока */
   margin: 5px auto;
}
.carousel-wrapper {
   width: 850px; /* ширина области карусели */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   margin-left:0px;
   padding-left:0px;
   position:relative;
}
.carousel-items {
   width: 10000px; /* устанавливаем большую ширину для набора элементов */
   position: relative; /* позиционируем блок относительно основной области карусели */
}
.carousel-block {
   float: left; /* выстраиваем все элементы карусели в ряд */
   width: 150px; /* задаём ширину каждого элемента */
   padding: 10px 10px 3px 10px; /* делаем оступы, чтобы элементы не сливались */
}
.carousel-block img{
   padding-bottom:5px;
}

/*********** BUTTONS ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 55px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(../images/carousel-left.png); 
}
.carousel-button-right a{
   float: right;
   background: url(../images/carousel-right.png); 
}

/*********** SHADOW ***********/
.shadow-block{
   float:left;
}
.shadow-block .t{
   padding:0px;
   background: url(../images/shadow/tc.jpg) repeat-x top;
}
.shadow-block .b{
   padding:0px;
   background: url(../images/shadow/bc.jpg) repeat-x bottom;
}
.shadow-block .t .t{
   padding:0px;
   background: url(../images/shadow/tl.jpg) no-repeat top left;
}
.shadow-block .t .t .t{
   padding:0px 0px 0px 0px;
   background: url(../images/shadow/tr.jpg) no-repeat top right;
}

.shadow-block .b .b{
   padding:0px;
   background: url(../images/shadow/bl.jpg) no-repeat bottom left;
}
.shadow-block .b .b .b{
   padding:0px 10px 12px 5px;   
   background: url(../images/shadow/br.jpg) no-repeat bottom right;
}
.shadow-block .m{
   padding:0px;
   background: url(../images/shadow/l.jpg) repeat-y left;
}
.shadow-block .m .m{
   padding:0px;
   background: url(../images/shadow/r.jpg) repeat-y right;
}