#imageSliderWrapper, #imageSliderWrapper div {
    box-sizing:content-box;
} 

#imageSliderWrapper {position:relative;border:0px solid green;width:206px;height:316px; margin-left:100px;padding:30px;background:url(r/2/verticalBg.gif);}
  
#imageSlider 
{
    height:590px; /*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;
    background-color:white;
}

/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
#imageSlider div.item {
  width: 260px;
  height: 216px;
  /* padding: 2px; */
  background-color: White;
  border: 1px solid #EEE;
  margin: -15px 0px;
}


#imageSlider img 
{
	width: 260px;
	padding: 5px;
}

.description 
{
    color:White;
    position:absolute;
    top:30px;
    left:10px;
}


/*---------navigation buttons-------*/
.navPrev, .navPlay, .navPause, .navNext 
{
    width:29px; height:29px; position:absolute; top:168px; 
    background:url(navbuttons.gif); 
    display:inline-block; z-index:5; cursor:pointer;
}
.navPause {background-position:0 0;left:287px;} 
.navPlay {background-position:0 -29px;left:287px;} 


.navPrev {width:21px; height:21px; background-position:0 -100px;left:126px;top:6px;}
.navNext {width:21px; height:21px; background-position:0 -121px;left:126px;top:351px;} 


.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;*/ /*set it display:none when you want to hide it*/
	z-index:5;
	cursor:pointer;
	/*Specify the position of navigation buttons*/
	position:absolute;
    top:400px; 
    left:90px; 
    width:110px;
}
/*.navBullets div defines the style of each bullet*/
.navBullets div 
{
    width:8px; height:8px;
    background:transparent url(bullets.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:4px;/*margin-right determines the distance between each list item*/
    _position:relative;/*IE6 hack*/
}

.navBullets div.focus {background-position:0 -8px;}