﻿/* Easy Slider */

div.slider ul, div.slider li 
{
	margin:0;
	padding:0;
	list-style:none;
}

div.slider li {
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 935px;
	height: 375px;
	overflow:hidden; 
}	
	
#sliderPrevBtn, #sliderNextBtn, #sliderPauseBtn
{ 
	display:block;
	position:absolute;
	right : 25px;
	z-index:100;
}	

#sliderPrevBtn
{
    top : 103px;
}    

#sliderNextBtn 
{ 
    top : 213px;
}														

#sliderPauseBtn 
{ 
	top : 163px;
}														

#sliderPrevBtn a, #sliderNextBtn a, #sliderPauseBtn a
{
	display : block;
	position : relative;
	width : 50px;
	height : 55px;
}

#sliderPrevBtn a
{
    background: transparent url('Images/slider.button.left.off.png') no-repeat top center;
}    
	
#sliderNextBtn a
{
    background: transparent url('Images/slider.button.right.off.png') no-repeat top center;
}	

#sliderPauseBtn a
{
    background: transparent url('Images/slider.button.pause.off.png') no-repeat top center;
}    
	
#sliderPrevBtn a:hover
{
    background: transparent url('Images/slider.button.left.on.png') no-repeat top center;
}    
	
#sliderNextBtn a:hover
{
    background: transparent url('Images/slider.button.right.on.png') no-repeat top center;
}	
		
#sliderPauseBtn a.paused
{
    background: transparent url('Images/slider.button.pause.down.png') no-repeat top center;
}   

#sliderPauseBtn a:hover
{
    background: transparent url('Images/slider.button.pause.on.png') no-repeat top center;
}    
 

