html, body {
padding: 0;
margin: 0; padding-left: 10px;
font: normal normal 12px sans-serif;
}

body {
background-color : #EEEEDD;
font-size:12px;
}

:focus {
outline: none;
}
.sliderGallery {
	overflow: hidden;
	position: absolute;
	padding-top: 20px;
	height: 140px;
	width: 670px;
	left:25px;
	top:25px;
	z-index:220;
margin: 7px; padding-right:10px;
}
.sliderGallery UL {
	position: absolute;
	list-style: none;
/*	overflow: auto;*/
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.sliderGallery UL LI {
	display: inline;
}
.handle {
	position: absolute;
	cursor: move;
	top: 0;
	z-index: 100;
	height: 15px;
	width: 50px;
	padding-left: 20px;
	padding-right: 12px;
	margin-left: 15px;
	background: url(scroller.gif) no-repeat;
}
.slider {
	width: 650px;
	height: 15px;
	margin-top: 110px;
	margin-left: 5px;
	position: absolute;
	margin-right: 50px;
	background: url(scrollbar.gif) no-repeat;
}
.window {
/* 	border:1px solid #ddd; */
	width:690px;
}
.slider span {
cursor: pointer;
position: relative;
height: 95px;
width: 16px;
float: left;
clear: left;
margin: -1px 0 0 0;
}

.slider span.top, .slider span.bottom {
height: 20px;
background: #fdf;
z-index: 100;
text-indent: -9999px;
overflow: hidden;
}


/* ------ format the items and the jQuery applied classes ------ */

.items img {
height: 80px;
border: 1px solid #333;
padding: 1px;
/* background: #fff; */
margin: 5px 0 0 5px;
}

.items div {
float: right;
width: 150px;
margin: 5px 5px 0 0;
display: inline;
}