/* REMOVE GALLERIA display: none; property in order to activate thumbnails */

.galleria {
    list-style:none;
    width: 0px;
    height: 0px;
    margin: 0;
    padding: 0;overflow:hidden;
}
/*normal width is 650px, change this and remove height and overflow to show thumbnails */

.galleria li{display:block;width:71px;height:70px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
* html .galleria li div span{width:400px} /* MSIE bug */

.galleria_wrapper {
    margin: 0 0 6px 0;
}
.galleria_wrapper img {
    height: 488px; 
    width: 640px;
}
.nav {
    position: absolute;
    top: -3px;
    left: 10px;
    width: 640px;
    height: 488px;
    display: block;
    z-index: 100;
}
.nav a {
    position: absolute;
    top: 0px;
    display: block;
    width: 45px;
    height: 488px;
    z-index: 101;
    outline: none;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.nav a:hover {
    background-position: -45px bottom;
}
.nav a:active {
    background-position: -90px bottom;
}
.galleryprev {
    left: 0px;
    background-image: url(GalleryArrowPrev.png)
}
.gallerynext {
    right: 0px;
    background-image: url(GalleryArrowNext.png)
}