/* Sample 8*/
#box{
        position:relative;
        float:left;
        width:631px;
        height:345px;
}
#box div.prod{
        width:631px;
        height:345px;
        float:left;

}
#box .buttons{
        text-align:left;
}
#box div{
        position:relative;
}
#box .next{
        position:absolute;
        right:0;
        z-index:100;
}
#box .prev{
        position:absolute;
        left:0;
        z-index:100;
}
.sample .buttons{
        text-align:center;
        clear:both;
}
.buttons{
        text-align:center;
}
.buttons li{
        display:block;
        float:left;
        width:22px;
        height:20px;
        padding-top:3px;
        cursor:pointer;

        font-family:Georgia, "Times New Roman", Times, serif;
        font-weight:bold;
        font-style:italic;
        font-size:12px;
        color:#fff;
        background:url(/images/imagini_site/slide_btn.png) no-repeat left top;
}
* html .buttons li{
        background:url(/images/imagini_site/slide_btn.jpg) no-repeat left top;
}
.buttons li:hover, .buttons li.active{
        background:url(/images/imagini_site/slide_btn.png) no-repeat left bottom;
}
/* ********************************** */

.thumbs{
        width:54px;
}
.thumbs div{
        display:block;
        width:54px;
        height:41px;
        margin:3px 0;
        cursor:pointer;
}

.thumbs div img{
        display:block;
        width:100%;
        height:100%;
        border:none
}

.info{
        width:240px;
        height:50px;
        background:#000;
        position:absolute;
}
.info p, .info h4{
        color:#fff;
        padding:3px 8px;
        font-family:Arial;
}
.info h4{
        font-size:14px;
}
.info h4 a{
        float:right;
        color:#000;
        font-size:10px;
        padding:0 3px;
        text-decoration:none
}

.mask{
        position:relative;
        width:591px;
        height:220px;
        overflow:hidden;
        left:8px;
}
* html .mask{
        margin-right:-110px;
}

span img{
        display:block;
        border:none;
}
#handles{
        width:631px;
        position:relative;
        float:left;
        top:-30px;
        left:292px;
}
#handles span{
        display:block;
        width:252px;
}
#more_btns{
        display:none;
}
#next, #prev{
        width:45px;
        height:46px;
        display:block;
        text-indent:-9999px;
        position:absolute;
        z-index:10;
        cursor:pointer;
}
#next{
        background:url(/images/imagini_site/slide_next.png) no-repeat left top;
        right:10px;
        top:80px;
}
#prev{
        background:url(/images/imagini_site/slide_prev.png) no-repeat left top;
        left:6px;
        top:80px;
}