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

#wrapper {position:relative;width:960px;margin:0 auto;}

#zoom-slider {
    width:840px;height:420px;/* Make it smaller than your images for zooming effect */
    border:0px  solid black;   swl was solid black or oksealer blue 2e3192  border was 10px */
	background:#CCC url(loading.gif) no-repeat 50% 50%;
    overflow:hidden;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 3px gray;  /* was #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;
	left:75px;/*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	top:25px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:350px;*/
	width:200px;
	height:auto;
	padding:16px;
	z-index:6;
	overflow:hidden;
	font-size:0;
}
div.zs-caption-bg {
	background:#FFF;/*   swl was 000 - Caption background color. Can be defined as semi-transparent through the javascript slideshowOptions setting.*/
	border-radius: 5px;
	border:0px solid #CCCCCC;  /* SWL WAS 1px */
}
div.zs-caption {
	font:bold 17px/19px Verdana, Arial;
	color:Gray; /* swl was White */
	z-index:7;
	text-align:center;/* 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:#fff;  /* swl was #09F    ok-blue 2e3192  machine gold 8c7c5b */
	/*
	outline:ridge #666666;
	background-color: #666666;
	*/
}





/* --------- 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);
}