/* scrollable div area */
#scrollable {
	float: left;
	width: 500px;
	height: 252px;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c8bca2;
	border-right-color: #c8bca2;
	border-bottom-color: #c8bca2;
	border-left-color: #c8bca2;
}
/* scrollable div area */
#scrollable-all {
	float: left;
	width: 500px;
	height: 263px;
	overflow: hidden;
}
/* wrap to make sure that image area is clickable */
#wrap {
	float: left;
	width: 15px;
	height: 251px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c8bca2;
	border-right-color: #c8bca2;
	border-bottom-color: #c8bca2;
	border-left-color: #c8bca2;
}
/* top image of track */
#track-top {
	width: 15px;
	height: 9px;
	cursor:pointer;
	background-color:#e9e4d9;
}
/* vertical track */
#track {
	width: 15px;
	height: 235px;
	background-color:#e9e4d9;
}
/* bottom image of track */
#track-bot {
	display:block;
	width: 15px;
	height: 8px;
	cursor:pointer;
	background-color:#e9e4d9;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e6c278;
	border-right-color: #e6c278;
	border-bottom-color: #e6c278;
	border-left-color: #e6c278;
}
/* vertical track handle */
#handle {
	width: 15px;
	height: 49px;
	
}