@CHARSET "UTF-8";
#sub-category{

}

.gallery-list-item{
    border:1px solid #CCCCCC;
    padding:5px;
    float:left;
    margin:2px;
    text-align:center;
    overflow: hidden;
    position: relative;
}

.galleryPhotoLinks{
    position: absolute;
    top:0px;
    left: 0px;
    padding: 5px;
    background:url("../images/trans-caption-bg.png") repeat top;
    color:#ffffff;
    display: none;
}

.gallery-list-item:hover{
    background-color:#72C725;
}

.gallery-list-item:hover a{
    display: block;
}

.gallery-list-detail{
    border:1px solid #CCCCCC;
    padding:10px;
    text-align:center;
}

.gallery-caption{
    text-align:center;
    padding:5px;
}

.gallery-navigation{
    padding:10px;
    text-align:center;
}

.gallery-list-item-inner{
    width: 100%;
    height: 110px; /*Varies*/
    overflow: hidden;
}

#thumbnails-section{
    width:200px;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 5px;
}

#view-section{
    float: left;
    text-align: center;
    border: 1px solid #cccccc;
    padding: 5px;
    width: 645px;
}

#view-container{
    position: relative;
    width: 657px;
    margin:10px 0px 10px 10px;
    float: left;
}

#view-section p{
    margin: 10px 2px;
    line-height: 18px;    
}

#view-section img{
    display: none;
}

#gallery-section{
    width: 100%;
    float: left;
    border: 1px solid #cccccc;
    margin-top: 10px;
}

.imageActive{
    background-color:#72C725;
}

.imgnav {
    position:absolute;
    width:10%;
    height:306px;
    cursor:pointer;
    z-index:150;
    display: none;
}

.navDisplay{
    display:block;
}

#imgprev {
    left:0;
    background:url(../images/gallery-slideshow/left.gif) left center no-repeat
}

#imgnext {
    right:0;
    background:url(../images/gallery-slideshow/right.gif) right center no-repeat
}

.gallery-box{
    text-align: center;
}
.gallery-photo-box{
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 5px 10px rgba(0,0,0,0);
}
.gallery-photo-box:hover{
    margin-top: -5px;
    margin-bottom: 20px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.35);
}
.view-gallery a, .view-gallery a:hover{
    color: #FFF;
    text-decoration: none;
}
.gallery-photo-box:hover .view-gallery{
    bottom: 20%;
    opacity: 1;
    visibility: visible;
}
.gallery-photo-box:hover .gallery-name-box{
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery-name-box{
    width: auto;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -15px;
    background: rgba(255,255,255,0.9);
    transform: translate(0, -50%);
    padding: 10px 20px;
    -webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.gallery-name-box a:hover{
   text-decoration: none;
}
.view-gallery{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-top: -15px;
    width: auto;
    color: #FFF;
    opacity: 0;
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
    transform: translateX(-50%);
    visibility: hidden;
    text-align: center;
        -webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}