#imageSlider 
{
    height:auto; /*width is optional, but height is required.*/
    float:left; 
    padding:0;/*Note: never change this value other than 0*/
    overflow:hidden;
    position:relative;
    text-align:center;
	width:100%;

}


/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
	#imageSlider div.item
	{
		width:24%;
	}


/*---------navigation buttons-------*/

.navPrev, .navNext 
{
    width:100px; height:50px;  
    background:url(../images/arrowicons.png); 
    display:inline-block; z-index:5; cursor:pointer;
}
.navPrev {
	position:absolute!important;
	left:-40px!important;
	top:300px;
	z-index:2;
}
.navNext {
	position:absolute!important;
	right:-40px!important;
	top:300px;
	z-index:2;
}
.navPrev {width:50px; height:50px; background-position:0 0px;}
.navNext {width:50px; height:50px; background-position:50px 0px;} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}