/* --------- photos --------------------*/

div#photo_display {
    width: 100%;
    position: relative;
    min-height: 600px;
    margin-top: 5px;
}

div.photo_direction {
    width: 30px;
    height: 480px;
    position: absolute;
    
    
    margin-top: 20px;
}

.arrow {
    opacity: 0.5;
    cursor: pointer;
}

div.photo_direction.disabled {
    opacity: 0.4;
}

div.photo_direction#prev {
    top: 0px;
    left: 0px;
    background: url(/images/arrow-big-left.png) center center no-repeat;
}

div.photo_direction#next {
    top: 0px;
    right: 0px;
    background: url(/images/arrow-big-right.png) center center no-repeat;
}

div#photos {
    width: 640px;
    height: 540px;
    margin: auto;
    position: relative;
    overflow: hidden;
    position: relative;
    
}

div#photos_cover {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffffff;
    width: 100%;
    height: 100%;
    z-index: 40;
    text-align: center;
    
}

div#photos_cover .info {
    margin-top: 200px;
    font-size: 12px;
}

div#photos .photo {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 11;
    display: none;
    margin: auto;
    width: 640px;
    
    
    text-align: center;
    
    
}


div.photo div.photo_outer {
    width: 640px;
    height: 480px;
    display: table;
}

div.photo div.photo_inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 640px;
}

div#photos .photo .photo_info {
    height: 20px;
    font-size: 11px;
    text-align: right;
    overflow: hidden;
}

.photo_info .left {
    float: left;
}

.photo_info .right {
    float: right;
}

.photo_info .link {
    text-decoration: none;
}

.photo_info .link img {
    border: none !important;
    position: relative;
    top: 1px;

}

div#photos .photo .photo_caption {
    font-size: 11px;
    padding-top: 5px;
}

div#photos .photo img {
    border: 2px solid #DEDEDE;
}


.photo.next {
    z-index: 12 !important;
    display: block !important;
}

.photo.active {
    z-index: 13 !important;
    display: block !important;
}

#thumbnails {
    height: 72px;
    overflow: hidden;
    
    position: relative;
    width: 100%;
}

#thumbnails .carousel {
    margin-left: 10px;
}

#thumbnails ul {
    height: 72px;
    list-style-type: none;
}

#thumbnails .thumbnail {
    text-align: center;
    opacity: 0.7;
    width: 114px;
    cursor: pointer;
}

#thumbnails .thumbnail img {
    border: 2px solid #DEDEDE;
}

#thumbnails .thumb_arrow {
    width: 8px;
    height: 72px;
    position: absolute;
    z-index: 40;
}

#thumbnails .thumb_arrow#thumbs_prev {
    left: 0px;
    top: 0px;
    background: url(/images/arrow-small-left.png) center center no-repeat;
}

#thumbnails .thumb_arrow#thumbs_next {
    right: 0px;
    top: 0px;
    background: url(/images/arrow-small-right.png) center center no-repeat;
}