/*Main Container*/
.hrzContainer {
	width:100%;
}
.hrzContainer ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.hrzContainer li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle {
	float: left;
	width: 140px;
	height: 250px;
	margin: 0;
	margin-left: -60px;
	background:  url('../img/mainbnr/blade.png') no-repeat;
	cursor:pointer;
}
.handleOver{	
	background: url('../img/mainbnr/blade_sel.png') no-repeat;
}
.handleSelected{
	ackground: url('../img/mainbnr/blade_sel.png') no-repeat;
	order-bottom:10px solid #f00;
}
/*Content Container*/
.contentWrapper{
	width: 10%;
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
}
.contentWrapper h3 {
	color: #fff;
	margin: 20px 0 0 0;
	padding:0;
}
.contentWrapper p {
	color: #fff;
	font-size:1.2em;
	margin:1em 0;
	padding:0;
	width: 70%;
}
.contentWrapper .promo-img {
float:left;
margin:1em 1em 0.4em 0;
border:2px solid #333;
}
.contentWrapper .promo-img img {
}

/*Animation Start*/
.contentStart {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 250px;	
	overflow:hidden;
}
/*Animation End*/
.contentEnd {
	padding-left: 8px;
	float: left;	
	width:660px;
	height: 250px;
}

#testContent0, #testHandle0 {
	background: #009999 url('../img/mainbnr/dinnerware.png') 0 0 no-repeat;
	margin-left: 0px;
}
#testContent1, #testHandle1 {
	background: #009900 url('../img/mainbnr/janitorial.png') no-repeat;
}
#testContent2, #testHandle2 {
	background: #999900 url('../img/mainbnr/paper.png') no-repeat;
}
#testContent3, #testHandle3 {
	background: #990000 url('../img/mainbnr/flatware.png') no-repeat;
}
#testContent4, #testHandle4 {
	background: #006699 url('../img/mainbnr/supplies.png') no-repeat;
}

#testHandle0,
#testHandle1,
#testHandle2,
#testHandle3,
#testHandle4 {
	background-color: transparent;
}
#testContent0,
#testContent1,
#testContent2,
#testContent3,
#testContent4 {
	background-position: -140px 0;
}