/*
********************************************************************************
********************************************************************************
********************************************************************************
Images

********************************************************************************
********************************************************************************
********************************************************************************
*/

.thumb {
    float: left;
}

.image-placeholder {
    background-color: #fff;
}

.image-clip {
    overflow: hidden;
    background-color: #fff;
    margin: 0;
    border-radius: 0px;
}

.grid .image-clip {
    box-shadow: 0 0 4px #ccc;
    box-shadow: none;
}

.s128 {
    margin: 0;
    width: 128px;
    height: 72px;
}
.s160 {
    margin: 0;
    width: 160px;
    height: 90px;
}
.s192 {
    width: 192px;
    height: 108px;
    margin: 0;
}
.s224 {
    width: 224px;
    height: 126px;
    margin: 0;
}
.s288 {
    width: 288px;
    height: 162px;
    margin: 0;
}
.s320 {
    margin: 0;
    width: 320px;
    height: 180px;
}
.s640 {
    margin: 0;
    width: 640px;
    height: 360px;
}
.s624 {
    margin: 0;
    width: 624px;
    height: 351px;
}

.h90 {
    height: 90px;
}

.h45 {
    height: 45px;
}

.h36 {
    height: 36px;
}

.h27 {
    height: 27px;
}

/*
********************************************************************************
********************************************************************************
********************************************************************************
Slideshow

********************************************************************************
********************************************************************************
********************************************************************************
*/

.slideshow {
    /*margin: -48px 0 48px;*/
    margin: 48px 0 48px;
    border-top: solid 0px #eee;
    position: relative;
    box-shadow: none;
}

.columns .slideshow {
    margin-top: 0px;
}

.slides {
    overflow: hidden;
    position: relative;
    width: 960px;
    height: 540px;
}

.slideshow.s624 .slides {
    width: 624px;
    height: 351px;
}

.slide {
    display: none;
    position: absolute;
    width: 960px;
    height: 540px;
}

.slideshow.s624 .slide {
    width: 624px;
    height: 351px;
}

.slide.first {
    display: block;
}

.cycle-slide,
.cycle-slide .slide {}

.cycle-sentinel,
.cycle-sentinel .slide {}

.cycle-slide-active,
.cycle-slide-active .slide {
    display: block;
}

.slides-bottom-overlay {
    position: absolute;
    height: 32px;
    line-height: 32px;
    background: none;
    bottom: 0;
    right: 0;
    z-index: 100;
    padding: 0;
    box-sizing: border-box;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
}

.slides-bottom-overlay p {
    height: 32px;
    line-height: 32px;
    float: right;
    margin: 0 0 0 8px;
    padding: 0;
}
.slides-bottom-overlay p:first-child {
    margin-right: 8px;
}

.slides-bottom-overlay a {
    padding: 0;
}

.slides-bottom-overlay a:link,
.slides-bottom-overlay a:visited {
    color: #666;
}

.slides-bottom-overlay a:hover,
.slides-bottom-overlay a:active {
    color: #000;
}

.slides-pager {
    position: absolute;
    bottom: -16px;
    left: 0;
    height: 16px;
    line-height: 16px;
    padding: 0;
    width: 100%;
}

.slides-pager-items {
    /*position: absolute;
    right: 0;*/
}

.slides-pager-item {
    width: 8px;
    height: 8px;
    margin: 0 0 0 4px;
    background-color: #ccc;
    display: inline-block;
}

.slides-pager-item:hover {
    background-color: #666;
    cursor: pointer;
}

.cycle-pager-active {
    background-color: #000;
}

/*
********************************************************************************
********************************************************************************
********************************************************************************
Fancybox

********************************************************************************
********************************************************************************
********************************************************************************
*/

#fancybox-close {
    top: -32px;
    right: 0;
    color: #000;
    background: url('../images/system/delete.png');
    background-size: 16px 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

#fancybox-bg-n {
}

#disclaimer {
    width: 960px;
    height: 540px;
    overflow: scroll;
    overflow-x: hidden;
}
