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

#imageSliderWrapper {position:relative;border:0px solid green;height:100%; margin-left:0px;padding:0px;background:url(r/2/verticalBg.gif);}
  
#imageSlider 
{
    height:1150px; /*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 
{
    background-color: White;
    border: 0px solid #eee;
    height: auto;
    margin: 0px 0px;
    max-height: 187px;
    max-width: 255px;
    padding: 2px;
    width: 255px;
}

#imageSlider img 
{
    width:100%; 
}

.description 
{


}


/*---------navigation buttons-------*/
.navPrev, .navPlay, .navPause, .navNext 
{
    width:29px; height:29px; position:absolute; top:168px; 
    background:url('http://www.kfz-schutzdecken.de/ebay_shop/images/navbuttons.jpg'); 
    display:inline-block; z-index:5; cursor:pointer;
}
#navNextbottom, #navPrevbottom 
{
    width:29px; height:29px; position:absolute; top:168px; 
    background:url('http://www.kfz-schutzdecken.de/ebay_shop/images/navbuttons.jpg'); 
    display:inline-block; z-index:5; cursor:pointer;
}
.navPause {background-position:0 0;left:287px;    display: none;} 
.navPlay {background-position:0 -29px;left:287px;} 


.navPrev {width:21px; height:20px; background-position:-5px -17px;left:60px;top:0px;}
.navNext {width:21px; height:20px; background-position:-5px 0px;left:170px;top:0px;}
.navPrev:hover {width:21px; height:20px; background-position:-5px 24px;left:60px;top:0px;}
.navNext:hover {width:21px; height:20px; background-position:-5px 43px;left:170px;top:0px;} 
 
#navPrevbottom {width:21px; height:20px; background-position:-5px 0px;left:60px;top:1164px;}
#navNextbottom {width:21px; height:20px; background-position:-5px -17px;left:170px;top:1164px;}
#navPrevbottom:hover {width:21px; height:20px; background-position:-5px 43px;left:60px;top:1164px;}
#navNextbottom:hover {width:21px; height:20px; background-position:-5px 24px;left:170px;top:1164px;}  


.navPrev, .navPlay, .navPause, .navNext, #navPrevbottom, #navNextbottom
{
   -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;}

.bottom
{
background-color:#e1e1df;
margin: -6px 0 0 0px;
width:260px;
height:20px;
position:relative;
}
.top
{
background-color:#e1e1df;
margin-left: 0px;
margin-bottom: 0px;
width:260px;
height:20px;

}