#imageSliderWrapper { 
    width:930px;
    height:180px;
    margin: 0 auto;
	margin-top:-10px;
    padding:10px 10px;
    border:2px solid #53A2C1;
    background:#f2f1ea url(loading.gif) no-repeat 50% 50%;
    box-shadow: 0px 1px 11px #CCCCCC;
    
    /* Do not alter the below settings*/
    white-space:nowrap;
    position:relative;
    font-size:0px;
}

#imageSlider 
{
    width:930px; 
    padding:0;/*Note: never change this value other than 0 */
    background-color:#f2f1ea; 
    overflow:hidden;
    position:relative;
    text-align:center;
}

/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
#imageSlider .item 
{
    border:1px solid #555; 
    margin-right:10px;
    color:Black;
}

#imageSlider img 
{
    height:175px;
}

#imageSlider .description 
{
    display:none;
}


/*-----------navigation buttons----------------*/
.navPrev,/* .navPlay, .navPause,*/ .navNext 
{
    width:16px; height:22px; position:absolute; top:160px; 
    background:transparent url(navbuttons.png); 
    display:inline-block; z-index:5; cursor:pointer;
}
/*.navPause {background-position:0 0;left:400px;} 
.navPause:hover {background-position:-17px 0;}			
.navPlay {background-position:0 -17px;left:400px;} 
.navPlay:hover {background-position:-17px -17;} */
.navPrev {background-position:0 -44px;left:-40px;top:90px;} 
.navPrev:hover  { background-position:0 0px;} 
.navNext {background-position:-16px -44px;right:-40px;top:90px;}
.navNext:hover {background-position:-16px 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;
}

        
/*-------------navigation bullets------------*/

/* Note: When "ScrollAllInView" was set to true in the Javascript, the navBullets won't be displayed.*/
.navBullets
{
    display:none;
}