/*  slider CSS stuff starts here */
#container { 
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 888px;  
	height: 339px; 
	overflow: hidden; 	
}

#lstContainer{
	position:relative;
	width:190px;
	height:216px;
	overflow:hidden;
}


#controls { 
	position: relative; 
	display: block; 
	width: 100%; 
	left: 0; 
	top: 0px; 
	padding: 0px; 
}

.item { 
	position:relative;
	display: block; 
	width: 888px; 
	height: 339px; 
	overflow:hidden; 
}

.lstItem { 
	position:relative;
	width:174px;
}

.scroll_para{
	position:absolute;
	background:url(../images/banner_caption.png) no-repeat left top;
	width:381px;
	height:137px;
	padding:15px 25px 15px;
	z-index:1000;
	top:133px;
	left:26px;
}

.item h1 { 
	font-size: 32px; 
	font-weight:bold;
	margin-bottom:13px; 
	color: #ccc; 
}

.item h1 span{
	color:#D2343D;
}

.item p { 
	font-size: 12px; 
	line-height:18px;
	color:#fff;  
}


#prev_btn, #next_btn { 
	position: absolute; 
	top:-40px; 
	width: 34px; 
	height: 34px; 
	left: 0px; 
	z-index: 10000; 
	background:url(../images/prev.png) no-repeat left top;	
}

#next_btn { 
	left:854px;
	background:url(../images/next.png) no-repeat left top;	
}

#prev_top_btn, #next_top_btn { 
	position: absolute; 
	top:-345px; 
	width: 10px; 
	height: 10px; 
	left: 0px; 
	z-index: 10000; 
	background:url(../images/prev_top.png) no-repeat left top;	
}

#next_top_btn { 
	left:878px;
	background:url(../images/next_top.png) no-repeat left top;	
}