#container{
	width: 400px;
	float:right;
	margin:10px;
	position: relative;
}

.rtl #container{
	width: 400px;
	float:left;
	margin:10px;
	position: relative;
}
img{
		opacity:1.0;
    filter:alpha(opacity=8); 
    cursor:pointer;

}
img:hover{
		opacity:1.0;
    filter:alpha(opacity=1); /* For IE8 and earlier */
    cursor:pointer;


}

#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 300px;
	height: 200px;
	overflow: hidden;
}

#gallery img{
	position: absolute;
		opacity:1.0;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    cursor:pointer;

}

#gallery img:hover{
	position: absolute;

		opacity:1.0;
    filter:alpha(opacity=1); /* For IE8 and earlier */
    cursor:pointer;
    box-shadow: 0 0 5px 0px rgba(192,192,192 );
	
}

#thumbs{
	width: 100px;
	height: 200px;
	overflow: hidden;
}

#next{
	display: block;
	width: 47px;
	height: 43px;
	background: url(img/arrow.png);
	position: relative;
	top: 154px;
	left: 355px;
}

#next:hover{
	background: url(img/arrowmo.png);
}

.clear{
	clear: both;
}