div.gallery {
	position: relative;
	width: 642px;
	height: 570;
}

.description {
    font-family: Sans-serif;
    background-color: #cccccc;
    text-align: center !important;
    font-size: 9px !important;
	width: 125px;
}


div.thumbnails {
	width: 600px;
	height: 100px;
	overflow: hidden;
	position: relative;
	border: 1px solid black;
	left: 20px;
	clear: none;
	float: left;
}

ul.filmstrip {
	height: 100px;
	background-color: #cccccc;
	position: absolute;
	left: 0px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul.filmstrip li {
    position: relative;
    z-index: 100;
	display: inline-block;
	width: 125px;
	height: 83px;
	margin: 12px;
	background-color: white;
	float: left;
	clear: none;
}

ul.filmstrip li img {
    border: 1px solid #777777;
    cursor: pointer;
}

.viewAll {
   font-family:Sans-serif;
   font-size:small;
   position:absolute;
   bottom:0px;
   right:25px;
   cursor: pointer;
}

.slideShow,.stop {
    font-family:Sans-serif;
    font-size:small;
    position:absolute;
    bottom:0px;
    right:85px;
    cursor: pointer;
}

.stop {
    display: none;
}

.viewAll:hover,.slideShow:hover, div.arrow:hover,.ie div.arrow:hover {
	color: blue;
}

div.arrow {
    position: absolute;
    top:22px;
	width: 20px;
	height: 75px;
	background-color: #999999;
	text-align: center;
	padding-top: 45px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	clear: none;
	float: left;
	color: white;
	font-size: 25px;
}

.ie div.arrow {
    position: absolute;
    top: 23px;
	width: 20px;
	height: 70px;
	background-color: #999999;
	text-align: center;
	padding-top: 45px;
	border-bottom: 1px solid black;
	clear: none;
	float: left;
	color: white;
	font-size: 25px;
}

.arrowleft {
    border-left: 1px solid black;
	cursor: default;
	left: 0px;
	z-index: 100;
}


.arrowright {
    border-right: 1px solid black;
	cursor: pointer;
	right: 0px;
}

.ie .arrowright {
    border-right: 1px solid black;
	cursor: pointer;
	right: 0px;
}


img.main {
	display: none;
	position: absolute;
	top: 160px;
	border: 1px solid black;
	left: 0px;	
}

.title {
    position: relative;
    left: 10px;
    top: 4px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #B11B34;
}

.alt {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.controlBar {
    background-color: #999999;
    position:absolute;
    top: 160px;
    left: 245px;
    width: 140px;
    height: 40px;
    z-index:101;
    opacity:0.8;
    display:none;
    cursor: pointer;
    filter: alpha(opacity=50);
}

.play,.stop1 {
     position:absolute;
     z-index: 200;
     top: 4px;
     left: 52px;
     width: 35px;
     height: 35px;
}

.nextPhoto {
     position:absolute;
     z-index: 200;
     top: 4px;
     right: 5px;
     width: 35px;
     height: 35px;
}

.prePhoto {
  	 position:absolute;
     z-index: 200;
     top: 4px;
     left: 5px;
     width: 35px;
     height: 35px;    
}