#tweencase {width:680px; height:545px;position:relative;left:220px; top:0px;padding-top:10px; border-top:1px dotted #000;}
 .arrowleft {
	position: absolute;
	top: 240px;
	left: 16px;
	background-image: url(arrow.image.left.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="arrow.image.left.png", sizingMethod="crop");
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 500;
}
 .arrowright {
	position: absolute;
	top: 240px;
	right:16px;
	background-image: url(arrow.image.right.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="arrow.image.right.png", sizingMethod="crop");
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 500;
}
 #imagetweener {
	position: relative;
	top: 2px;
	left: 0px;
	height: 500px;
	width: 680px;
	overflow: hidden;
	background-color:#fff;
}
 #imagetweener .image {
	position: absolute;
	top: 0px;
	float: left;
	background-repeat: no-repeat;
	width: 680px;
	height: 508px;
	overflow: hidden;
}
 .thumbnails
{
	width: 680px;

}
 .thumbnails .thumbnail
{
	float: left; 
	height: 30px;
	width: 40px;
	overflow: hidden;
	margin:0;
	padding:0;
	margin-right: 2px;
	margin-bottom: 2px;
	position:relative;
	cursor: pointer;
}

.thumbnails .thumbnail img
{	height: 30px;
}

.casehover,
.thumbnails .thumbnail .casehover 
{
	position: absolute;
	top: 0px;
	display: none;
	background-image: url(bg.case.hover.png);
	background-repeat: no-repeat;
	_background-color: transparent;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../image/bg.case.hover.png", sizingMethod="crop");
width:100px;
height:30px;
	cursor: pointer;
}