#view_area {
    width : 512px;
    height: 512px;
    border: thin solid silver;
    overflow: hidden;
    position: relative;
    background-color: white;
    z-index: 0;
}

#ZoomImage_Cont  {
    width: 512px;
    height: 512px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-position: center center;
    background-repeat: no-repeat;
}

#view_area img
{
    border: none;
}

#ZoomImage {
    position: absolute;
}

#ZoomImage_Cover {
    position: absolute;
    width: 512px; height: 512px;
    background: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

#Zoom_Control {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 4px 4px 4px 4px;
    border: solid 1px silver;
    z-index: 100;
    background-color: white;
    display: none;
}

#Zoom_Control div
{
	padding: 4px 4px 4px 4px;
}

#ZoomBox_Cont
{
	opacity: .8;
	filter: alpha(opacity=80);
    position: absolute;
    background-color: White;
    border: solid 1px silver;
    right: 0px;
    bottom: 0px;
    height: 128px;
    width: 128px;
    display: none;
}

#ZoomBox
{
    position: absolute;
    border: solid 1px silver;
    background-image: url('img/tr_mask.png');
    top: 0px;
    left: 0px;
    height: 128px;
    width: 128px;
}

#MiniImage
{
    position: absolute;
}

.Tile
{
	position: absolute;
    height: 512px;
    width: 512px;
}