/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.thumbs li{
	width: 60px;
	height:40px;
}

body{
	font-family:Georgia, serif;
}
a{color:white;}
.choose {
	width: 900px;
	margin: 0 0 0 50px;
}
.stage {
	position: relative;
	background: #FFF;
	padding: 0 0 5px 0;
	height:500px;
	margin:0;
}
	
.stage .main-image {
	position: absolute;
	top:0;
	left:0;
}
.stage .aniwrap{
	position: absolute;
	top:0;
	left:0;
}

.stage .ani {
	position:relative;display: none;z-index:2;margin:0 auto;
}
.stage img {
	border:0;
	height:500px;
}

.imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.imgnav a.previous { background: url(../images/prev.png) no-repeat left 45%; height: 100%; width: 20px; top: 255px; left: 770px;cursor:pointer;}
.imgnav a.next {background: url(../images/next.png) no-repeat right 45%; height: 100%; width: 20px; top: 255px; right: 80px;cursor:pointer;}
.imgnav a.play {background: url(../images/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.imgnav a.pause {background: url(../images/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}
	
.thumbs {
	margin: 5px 0 0 17px;
	padding: 0;
	overflow: hidden;
}
.thumbs li {
	float: left;
	list-style-type: none;
	padding: 2px;
	margin: 0 2px;
	background: #FFF;
	cursor: pointer;
}
		.thumbs li:last {margin: 0;}
		.thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.counter{position: absolute;bottom:15px;left:-40px;color:#999;font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
.jcarousel-skin .jcarousel-container-horizontal {
	padding: 5px;
	overflow:hidden;
	width:730px;
}
.jcarousel-skin .jcarousel-clip-horizontal {height: 90px; width: 900px;}
.jcarousel-skin .jcarousel-item-horizontal { margin-right: 10px;}