/* 
    Document   : carousel
    Created on : May 8, 2013, 2:03:10 PM
    Author     : luubk
    Description:
        Purpose of the stylesheet follows.
*/

/* Tiny Carousel */
.carousel { height: 1%; overflow:hidden; padding: 0 0 10px; }
.carousel .viewport { float: left; width: 860px; height: 150px; overflow: hidden; position: relative; margin-left: 10px }
.carousel .buttons { background:url("images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 45px 10px 0 6px; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
.carousel .next { background-position: 0 0; margin: 45px 0 0 10px;  }
.carousel .disable { visibility: hidden; }
.carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 120px; left: 0; top: 0; }
.carousel .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; border: 1px solid #dcdcdc; width: 120px;}


.carousel .product{
    text-align: center;
}

.carousel .product a{
    text-decoration: none;
    color: #333;
}