#content{
    flex-direction: column-reverse;
    min-height: 200px;
}

#main{
    margin-top:10px;
    align-self: center;
    flex-grow: 0;
	
}

#scroller{
    position:relative;
    overflow: hidden;
    height:70px;
    width: 1000px;
}

#thumbs{
    position:relative;
    overflow-x:hidden;
    overflow-y: hidden;
    width: auto; 
    white-space: nowrap;
    height:80px;
    width:1015px;
}

#thumbs>div{
    height:55px;
    display:inline-block;
    margin-right:10px;
    margin-top:10px;
    cursor: pointer;
}

#thumbs>div>img{
    max-height:100%; 
    white-space: nowrap;
}

#mainImg{
    max-height:100%;
    box-shadow: 3px 3px 5px #888888;   
}

.thumb{
    border:1px solid #607D8B;
}

.selectedThumb{
    border:2px solid #F00;
}