.PictureScrollControl
{
	padding:0px;
	margin:0px;
	border:0px;
	position:relative;
}

.BigPictureFrame 
{
	width:315px;
	height:315px;
	border: solid 1px DarkGray;
	overflow:hidden;
	position:relative;
	background-image: url('ajax-loader.gif');
	background-position:center;
	background-repeat:no-repeat;
}

#ZoomBig
{
	width:30px;
	height:30px;
	background-image: url("zoomout.gif");
	background-position:center;
	background-repeat:no-repeat;	
	position:absolute;
	top:5px;
	left:280px;
	cursor: pointer;
    filter:alpha(opacity=80);
    opacity:0.8;	
}

#ZoomBig:hover
{
    filter:alpha(opacity=100);
    opacity:1;	
}

.SlideFrame
{
	background-image: url("control_background.gif");
	background-position:center;
	background-repeat:no-repeat;
	width:274px;
	height:24px;
	
}

.pic
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 315px;
	height: 315px;
	cursor: move;
	visibility:visible;
}

.SlideHandle
{
	position: relative;
	background-image: url("controller.gif");
	left: 0px;
	top: 2px;
	height: 22px;
	width: 10px;
	cursor: pointer;
}

.PictureScrollInc
{
	cursor:pointer;
}

.PictureScrollDec
{
	cursor:pointer;
}

.MoreViewsFrame
{
	position:relative;
	overflow:auto;
	width:315px;
	height:90px;
	padding-top:10px;
	text-align:center;
}

.MoreViewPictures
{
	position:relative;
	margin:auto;
	text-align:center;
}
.PictureFrame
{
	width:70px;
	height:70px;
	border: solid 1px DarkGray;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:6px;
	cursor:pointer;
}

.PictureFrame:hover
{
	border: solid 1px RED;
}