
img {
    border: 0;
}

.b-carousel  {
    width: 768px; /* ширина всего блока */
    margin: 10px auto;
}

.h-carousel-wrapper {
    width: 695px; /* ширина области карусели */
    position: relative;
    overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
    margin: 0 auto; /* выравниваем по центру относительно родительского блока */
}

.h-carousel-items {
    width: 100000px; /* устанавливаем большую ширину для набора элементов карусели, чтобы в неё всё поместилось */
    position: relative; /* позиционируем блок относительно основной области карусели */
}

.b-carousel-block {
    float: left; /* выстраиваем все элементы карусели в ряд */
    width: 160px; /* задаём ширину каждого элемента */
    padding: 5px 6px; /* делаем оступы, чтобы элементы не сливались */
}

.a-carousel-image-link { /* тут чисто оформление содержимого */
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

.b-carousel-button-left, .b-carousel-button-right {
    width: 32px; /* задаем ширину кнопок */
    height: 32px; /* задаем высоту кнопок */
    position: relative;
    top: 85px; /* позиционируем кнопки */
    left: -5px;
    cursor: pointer; /* делаем кнопкам курсор в виде "пальца" */
}

.b-carousel-button-left {
    float: left; /* выравниваем левую кнопку по левому краю */
    background: url(/prev.png); /* картинка с левой кнопкой */
}

.b-carousel-button-right {
    float: right; /* выравниваем правую кнопку по правому краю */
    background: url(/next.png); /* картинка с правой кнопкой */
}