/* Easy Slider */

/* added by Jonathan */
#sliderContainer {
	position: relative;
	width: 480px;
	margin: 0 auto;
	text-align: center;
}

#thumbsContainer {
	margin-top: 20px;
	width: 100%;		
	height: 130px;			
	overflow-x: auto;
	overflow-y: hidden;
}

/* end add */

#slider img {
	margin: 0 auto;
	border: none;
	display: inline;
}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style-type: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: 480px;
	height: 320px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left: -60px;
	top:140px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left: 500px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:50px;
	height:50px;
	/* background:url(../images/btn_prev.gif) no-repeat 0 0; */
	background:url(../images/back.png) no-repeat 0 0;
	}	
#nextBtn a, #slider1next a{ 
	/* background:url(../images/btn_next.gif) no-repeat 0 0; */
	background:url(../images/forward.png) no-repeat 0 0;		
	}	
	
/* numeric controls */	

ol#controls{
	margin: 0;
	padding: 0;
	float: left;
	list-style-type:none;			
	}
ol#controls li{
	margin: 0;
	padding: 0;
	list-style-type:none;
	float: left;
	}
ol#controls li a{
	margin-right: 10px;
	padding: 0;
	text-decoration:none;
	border: 2px solid white;
	float: left;
	}
ol#controls li.current a{
	border: 2px solid black;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */