/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:100%;


}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;

}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;

}
/*Content Container*/
.contentContainer {
	padding-left: 0px;
	float: left;
	width:0px;
	height: 310px;
	overflow:hidden;

}
.contentWrapper{
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
}
/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(images/blade.png) no-repeat;
}
.handleOver{
	background: url(images/blade_sel.png) no-repeat;
}
.handleSelected{
	background: url(images/blade_sel.png) no-repeat;
}





/* ******************* EXTRAS */
.contentWrapper h3{
	border-bottom: 1px solid silver;
	background-color: #dfdfdf;
}
p{
	padding: 10px;
}

/*  TEST 3  */

/*Main Container*/
.container3 {
	width:100%;
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;
}
.container3 li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 64px;
	height: 304px;
	text-align:center;

	background: #666;
	border: 1px solid white;
}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.handleOver3{
        cursor:pointer;
	background: red;
	border: 1px solid white;
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.handleSelected3{
	background:#000;
	border: 1px solid white;
        filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;

}
.contentInnerWrapper3{
        padding:0px;
	padding-left: 10px;
	/*padding: 10px;*/
}
.contentWrapper3 h3{
	border-bottom: 1px solid silver;
	color: #1E90FF;
}
.contentContainer3 {
	padding-left: 0px;
	float: left;
	width:0px;
	height: 310px;
	overflow:hidden;
}