#main, #main2 {
	width: 320px;
	height: 238px;
}

#content, #content2 {
	width: 267px;
	height: 238px;
	padding-right: 20px;
	float: left;
	overflow: hidden;
	color: #000000;
}

.text {
	margin: 0px;
}

.vScrollbar {
	float: left;
}

.hScrollbar {
	clear: both;	
	display: none;
	}

.vTrack {
	height: 150px;
	width: 33px;
	position: relative;
	background: #ffffff;
	overflow: hidden;			
}

.hTrack {
	float: left;
	height: 15px;
	width: 255px;
	position: relative;
	background: #ddd;
	background: #ffffff;
	overflow: hidden;			
	display: none;
}			

.vThumb, .hThumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 33px;
	background: #ffffff;
	overflow: hidden;
}

.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
	height: 9px;
	width: 33px;
	overflow: hidden;						
}
.arrowUp {
	background: url(../images/scrollbar-arrow-up.png) no-repeat;
	margin-top: 10px;
}
.arrowDown {
	background: url(../images/scrollbar-arrow-down.png) no-repeat;
}
.arrowUp-over {
	background: url(../images/scrollbar-arrow-up.png) 0 -9px no-repeat;
}
.arrowDown-over {
	background: url(../images/scrollbar-arrow-down.png) 0 -9px no-repeat;
}

.arrowLeft, .arrowRight, .corner {
	float: left;
	}
	
.corner {
	background: #000;
	display: none;
	}