/*scrollerdiv--------------------------------------------------*/
#scrollerdiv{
	overflow:auto;
	margin:-5px 0 0 0;
	padding:0;
	height:120px;
	width:644px;
}
#scrollerdiv ul{
margin:0 0 0 23px;
}
#scrollerdiv ul li{
float:left;
list-style:none;
width:98px;
padding:0 0 0 30px;
}
#scrollerdiv ul li img{
float:left;
list-style:none;
border:3px solid #fff;
margin:5px 0 0 0;
}
#scrollerdiv  .on {
border-bottom:3px solid #db271c;
}

/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 21/02/2009 00:34
 *
 */
.simply-scroll-container {
	position: relative;
}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
		z-index: 2;
	}
	.simply-scroll-list { 
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	.simply-scroll-btn {
		position: absolute;
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
	}
	.simply-scroll-btn-left:hover {
	}
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
	}
	.simply-scroll-btn-right:hover {
	}
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
	}
	.simply-scroll-btn-up.disabled {
	background:none;
	}
	.simply-scroll-btn-up:hover {
	}
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
	}
	.simply-scroll-btn-down.disabled {
		background:none;
	}
	.simply-scroll-btn-down:hover {
	}
	/* --- //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// --- */
 Container DIV 
.simply-scroll { 
	width: 760px;
	height: 400px;
}
.simply-scroll .simply-scroll-clip {
	width: 620px;
	height: 100px;
}
.simply-scroll .simply-scroll-list li {
	float: left; 
	width: 100px;
	height: 100px;
	margin:0 12px 0 21px;
}
.simply-scroll .simply-scroll-list li img{
}
	.simply-scroll-btn {
		position: absolute;
		width: 30px;
		height: 88px;
		z-index:3;
		cursor: pointer;
		bottom: 35px;
		background:#fff;
	}
.simply-scroll-btn-left {
left:-2px;
background:url(images/b_l.png) no-repeat;
	}
.simply-scroll-btn-right{
background:url(images/b_r.png) no-repeat;
	}