﻿/*New zoom bar*/
.css_controlBox
{
	background: transparent url(slidezoom_sprite.png) no-repeat scroll 0% 0%;
	overflow: hidden;
	position: absolute; 
	display: block; 
	left: 0px; 
	top: 0px; 
	width: 45px; 
	height: 254px;
	z-index:2;
	
}
.css_panBox
{
	overflow: hidden; 
	position: absolute;
	display: block; 
	width: 33px; 
	height: 33px; 
	left: 6px; 
	top: 7px;
}
.css_panImage
{
	margin-left: -48px; 
	margin-top: -5px;
	background: transparent url(slidezoom_sprite.png) no-repeat scroll 0% 0%;
}
.css_panButton0
{
	background: transparent url(a.gif) repeat scroll 0% 0%;
	overflow: hidden; 
	position: absolute; 
	width: 13px; 
	height: 8px; 
	left: 10px;
	top: 0px; 
	cursor: pointer;
}
.css_panButton1
{
	background: transparent url(a.gif) repeat scroll 0% 0%;
	overflow: hidden; 
	position: absolute; 
	width: 8px; 
	height: 13px; 
	left: 25px;
	top: 10px; 
	cursor: pointer;
}

.css_panButton2
{
	background: transparent url(a.gif) repeat scroll 0% 0%;
	overflow: hidden; 
	position: absolute; 
	width: 13px; 
	height: 8px; 
	left: 10px;
	top: 25px; 
	cursor: pointer;
}
.css_panButton3
{
	background: transparent url(a.gif) repeat scroll 0% 0%;
	overflow: hidden; 
	position: absolute; 
    width: 8px; 
    height: 13px; 
    left: 0px;
    top: 10px; 
    cursor: pointer;	
}
.css_panButton4
{
	background: transparent url(a.gif) repeat scroll 0% 0%;
	overflow: hidden; 
	position: absolute; 
	width: 15px; 
	height: 15px; 
	left: 9px;
	top: 9px; 
	cursor: pointer;
}
.css_zoomInBox
{
	overflow: hidden; 
	position: absolute;
	display: block; 
	width: 15px; 
	height: 15px; 
	left: 15px; 
	top: 44px; 
	cursor: pointer;
}
.css_zoomInImage
{
	margin-left: -93px; 
	margin-top: -42px;
	background: transparent url(slidezoom_sprite.png) repeat scroll 0% 0%;
}
.css_zoomOutBox
{
	overflow: hidden; 
	position: absolute;
	display: block; 
	width: 15px; 
	height: 15px; 
	left: 15px; 
	top: 229px; 
	cursor: pointer;
}
.css_zoomOutImage
{
	margin-left: -93px; 
	margin-top: -83px;
	background: transparent url(slidezoom_sprite.png) repeat scroll 0% 0%;
}
.css_scaleBox
{
	background: transparent url(a.gif) repeat scroll 0% 0%; 
	position: absolute; 
	display: block; 
	width: 12px; 
	height: 164px; 
	left: 16px; 
	top: 63px;
}
.css_scaleButton
{
	/*overflow: hidden; 
	position: absolute; 
	display: block; 
	width: 20px; 
	height: 9px;
	left: 13px; 
	top: 123px; 
	cursor: pointer;
	*/
	display: block; 
	left: 13px; 
	overflow: hidden; 
	width: 20px; 
	cursor: pointer; 
	position: absolute; 
	top: 103px; 
	height: 9px; 
	z-index: 100
}
.css_scaleImage
{
	margin-left: -91px; 
	margin-top: -8px;
	background: transparent url(slidezoom_sprite.png) no-repeat scroll 0% 0%;
}
/*End zoom bar*/


/*Small Zoom bar*/
.css_controlBox_small
{
	background: transparent url(slidezoom_sprite_small.png) no-repeat scroll 0% 0%;
	overflow: hidden;
	position: absolute; 
	display: block; 
	left: 0px; 
	top: 0px; 
	width: 45px; 
	height: 83px;
	z-index:2;
}

.css_zoomOutImage_small
{
	margin-left: -93px; 
	margin-top: -83px;
	background: transparent url(slidezoom_sprite_small.png) no-repeat scroll 0% 0%;
	
}
.css_zoomOutBox_small
{
	overflow: hidden; 
	position: absolute;
	display: block; 
	width: 15px; 
	height: 15px; 
	left: 15px; 
	top: 63px; 
	cursor: pointer;
}

/*End Small Zoom bar*/