/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
	
#slider li {
	width:150px;
}

#slider li a {
	border: 0;
	background: none;
}

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:150px;
	height:150px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	




ol#controls{
	margin:1em 0;
	padding:0;
	height:20px;	
	width:150px;
	overflow: visible;
	}
ol#controls li{
	margin:0 5px 0 0; 
	padding:5 0 0 0;
	float:left;
	list-style:none;
	height:20px;
	line-height:20px;
	}
ol#controls li a{
	float:left;
	height:20px;
	line-height:20px;
	border:1px solid #ccc;
	background:#FFFFFF;
	color:#555;
	padding:0 5px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#0099FF;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
