/* http://www.menucool.com */

#wrapper {float:left;width:0px;margin:0 auto;}

#zoom-slider {
    width:1000px;height:300px;/* Make it smaller than your images for zooming effect */
    border:10px solid #aaaaaa;
	background:#aaaaaa url(loading.gif) no-repeat 50% 50%;
    overflow:hidden;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    /*box-shadow: 0px 1px 5px #222222;
    border-radius:6px;*/
}

#zoom-slider img {
	position:absolute;
	display:none;
	top:0px;
	z-index:1;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

/* Caption styles */
div.zs-caption-bg, div.zs-caption-bg2 {
	position:absolute;
	bottom:20px;
	left:20px;
	width:350px;
	height:auto;
	padding:10px;
	z-index:6;
	overflow:hidden;
	font-size:0;
}
div.zs-caption-bg {
	background:#000;/*Caption background color. Can be defined as semi-transparent through the javascript slideshowOptions setting.*/
	border-radius: 5px;
	border:1px solid #000000;
}
div.zs-caption {
	font:bold 18px Georgia,Arial,Verdana, Arial;
	color:#ffffff;
	z-index:7;
	text-align:left;/* When captionEffect was set to rotate through javascript, and setting "text-align:left" will create a fly-in effect, and setting "text-align:center" will get the rotate effect. */
	overflow:hidden;
}
div.zs-caption a {
	color:#09F;
}


/* navigation bullets wrapper */
div.navBulletsWrapper  {
	position:absolute;
	bottom:20px;
	right:20px;
	background:none;
	padding-left:0px;
	z-index:8;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:8px; height:8px;
    background:transparent url(bullets02.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:4px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -8px;}


/* --------- Others ------- */
#zoom-slider img
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}