div.filmstripTut {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 140px; /* give it enough space for the images and the scrollbar, if present */
	padding: 0px;
}

ul.imageRow {
	width: 1848px; /*width of all of your images plus the margins/padding you use*/
	height: 170px;
	padding: 0px;
	margin: 0px;
}

div.filmstrip {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 180px; /* give it enough space for the images and the scrollbar, if present */
	padding: 0px;
	background-color: #000;
}

div.filmstrip ul.imageRow {
	width: 1884px; /*width of all of your images plus the margins/padding you use*/
	height: 170px;
	background: url(/images/filmstrip.jpg) 0 0 repeat-x;
	padding: 25px 0px 25px 0px;
	margin: 0px;
}

ul.imageRow li {
	float: left;
	display: block;
	padding: 7px;
	margin: 0px;
	background:none 0 0;
}

ul.imageRow li.bg {
	background-color: #fff;
}

ul.imageRow li.bg:hover {
	background-color: #bef;
}

ul.imageRow li.border {
}

ul.imageRow li.border:hover {
	padding: 4px;
	border: 3px dashed red;
}

ul.imageRow li.opac {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

ul.imageRow li.opac:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

ul.imageRow li img {
	border: 0px;
	height: 100px; /* just incase the images are a different size */
	width: 140px; /* ditto */
	margin: 0px;
	padding:0px;
}

.rarrow {
	float:left;
	padding-top:40px;
	padding-left:10px;
}

.larrow {
	float:left;padding-top:40px;padding-right:10px;
}