#gallery { 
    top: 20px ;
    width: 680px ;
    position: relative ;
}

#gallery ul {
    list-style-type: none ;
}

#gallery #thumbarea {
    width: 200px ;
    float: left ;
    position: relative ;
}

#gallery #imagearea {
    width: 480px ;
    float: right ;
    position: relative ;
}

#gallery #thumbarea img {
    opacity: .5 ; 
    float: left ; 
    display: block ; 
    width: 60px ; 
    height: 60px ; 
    background-position: 50% 50% ; 
    cursor: pointer ;
    border: 3px solid #fff ; 
    outline: 1px solid #ddd ; 
    margin-right: 14px ;
    margin-bottom: 14px ;
}

#gallery #thumbarea li.active img {
    display: block ;
}

#gallery #thumbarea li.active img, #gallery #thumbarea li img:hover {
    outline-color: #bbb ;
    opacity: .99  ;
}

#gallery #imagearea #image img {
        opacity: 1 ;
        width: 480px ;
        height: auto ;
        border: none ;
}