/*************************
******** Arrows **********
**************************/	
.overlay {
    position: absolute;
    top: 0;
    z-index: 20000;
    left: -10000px;
    background: url(../img/overlaybg.png);
    width: 100%;
    height: 100%;
   opacity: 0;
}

.overlay.active {
 left: 0;
}

div#thumbs_carousel
{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 160px;
    background: #fcfcfc;
    padding: 25px 0;
    margin-top: -120px;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

div#thumbs_carousel .prev{
	background: url('../img/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}
div#thumbs_carousel .next{
	background: url('../img/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}


/** carousel 1 **/
div#thumbs_carousel ul li{
	border:1px solid #fff;
	line-height:0px;
	padding: 0px 5px 0px 5px;
}

div#thumbs_carousel ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div#thumbs_carousel ul li img{
	display:block;
	border:1px solid #ccc;
	padding:5px;
	cursor:pointer;
	height:150px;
	
}