#container-one {
	position: absolute;
	top: 70px;
	left: 2px;
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: hidden;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #FFFFFF;
}
.container-one {
	position: absolute;
	top: 70px;
	left: 2px;
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: hidden;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #FFFFFF;
}

#container-two {
	position: absolute;
	top: 60px;
	left: 2px;
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: hidden;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #FFFFFF;
}
.container-two {
	position: absolute;
	top: 60px;
	left: 2px;
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: hidden;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #FFFFFF;
}

#container-three {
	position: absolute;
	top: 70px;
	left: 2px;
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: hidden;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #FFFFFF;
}
.container-three {
	position: absolute;
	top: 70px;
	left: 2px;
	height: 400px;
	width: 400px;
	padding: 5px;
	overflow: hidden;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #FFFFFF;
}

#content-one, #content-two, #content-three {
	position: relative;
	left: 0px;
	width: 400px;
}
.content-one, .content-two, .content-three {
	position: relative;
	left: 0px;
	width: 400px;
}

/* ----------------------------------------- */
/* 
The channels are 'scrollArea' and 'scrollArea2' 
with the slider being 'scroller' and 'scroller2'
*/
/* ----------------------------------------- */

#scrollArea1, #scrollArea2, #scrollArea3 {
	position: absolute;
	left: 430px;
	height: 400px;
	width: 5px;
	border: 1px solid #969595;
	background: #EFEFEF;
	overflow: hidden;
}
.scrollArea1 {
	position: absolute;
	left: 430px;
	height: 400px;
	width: 5px;
	border: 1px solid #969595;
	background: #EFEFEF;
	overflow: hidden;
	top: 60px;
}
.scrollArea2{
	position: absolute;
	left: 400px;
	height: 400px;
	width: 5px;
	border: 1px solid #969595;
	background: #EFEFEF;
	overflow: hidden;
	top: 60px;
}
.scrollArea3 {
	position: absolute;
	left: 430px;
	height: 400px;
	width: 5px;
	border: 1px solid #969595;
	background: #EFEFEF;
	overflow: hidden;
	top: 60px;
}

#scrollArea1 {
	top: 60px;
}

#scrollArea2 {
	top: 60px;
}

#scrollArea3 {
	top: 60px;
}

#scroller1, #scroller2, #scroller3 {
	position: absolute;
	top: -1px;
	width: 15px;
	background: #777777;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}
.scroller1 {
	position: absolute;
	top: -1px;
	width: 15px;
	background: #777777;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}
.scroller2 {
	position: absolute;
	top: -1px;
	width: 15px;
	background: #777777;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}
.scroller3 {
	position: absolute;
	top: -1px;
	width: 15px;
	background: #777777;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}