.banner, .banner * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*-- Banner --*/
.banner { clear: both; width: 100%; height: auto; position: relative; margin: 0 auto; top: 0; z-index: 0; display: inline-block; }
.db_banner_wrapper, .Transition { clear: both; width: 980px; height: 433px; margin: 0 auto; position: relative; text-align: center; }
.Transition { overflow: hidden; z-index: 0; background-color: transparent; position: relative; }

    .Transition img { position: absolute; left: 0; top: 0; float: left; clear: both; width: 100%; }
    .Transition a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; }

.ticker-left,
.ticker-right { position: absolute; width: 30px; opacity: 0.6; top: 0; bottom: 0; }

.ticker-left { left: 40px; background: transparent url("../Images/Banner-Images/Icons/arrows.png") 0 center no-repeat; }
.ticker-right { right: 40px; background: transparent url("../Images/Banner-Images/Icons/arrows.png") -30px center no-repeat; }

.ticker-left:hover { cursor: pointer; opacity: 1; }
.ticker-right:hover { cursor: pointer; opacity: 1; }

.db_thumbs_container { text-align: center; margin: 0 auto; position: absolute; left:10px; right: 10px; bottom: 10px; z-index: 99; }
    .db_thumbs_container img.thumbs { width: 50px; height: 25px; cursor: pointer; border: 2px solid #ccc; margin: 0 2px; border-radius: 15px 0 15px 0; }
    .db_thumbs_container img.dots { display: none; position: relative; top: 0; overflow: hidden; cursor: pointer; margin: 5px; border: 2px solid #fff; width: 15px; height: 15px; border-radius: 20px; }
    .db_thumbs_container img.thumbs, 
    .db_thumbs_container img.dots { display: inline-block; background: #000; }
        .db_thumbs_container img.thumbs.active { background-color: #fff; border: 2px solid #000; box-shadow:0 0 1px #fff; }

    .db_thumbs_container.label_container { width: 100%; right: 0; left: 0; bottom: -8px; text-align: center; }

.label_container .label { display: inline-block; background-color: #ccc; margin: 0 1px; width: 25%; cursor: pointer; }
    .label_container .label:first-child { margin: 0 1px 0 3px; }
    .label_container .label:last-child { margin: 0 0 0 1px; }
    .label_container .label img { display: none !important; }

.label_container .active { border: 0 solid #fff !important; background-color: #3d6488 !important; box-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; /* IE 8 */ filter: alpha(opacity=100) !important; /* IE 7 */ opacity: 1.0 !important; /* Good browsers */ }

.db_thumbs_container.icon_container { width: 100%; right: 0; left: 0; bottom: -30px; text-align: center; }

.icon_container .icon { display: inline-block; background-color: #fff; margin: 0 1px; width: 25%; cursor: pointer; border: 1px solid #333; }
    .icon_container .icon:first-child { margin: 0 1px 0 3px; }
    .icon_container .icon:last-child { margin: 0 0 0 1px; }
    .icon_container .icon img { display: block !important; float: none; }
        .icon_container .icon img.thumbs { width: 50px; height: auto; cursor: pointer; border: none; margin: 0 auto; box-shadow: none; border-radius: 0; background-color: transparent; }

.icon_container .active { border: 1px solid #333 !important; background-color: #ccc !important; box-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; /* IE 8 */ filter: alpha(opacity=100) !important; /* IE 7 */ opacity: 1.0 !important; /* Good browsers */ }
    .icon_container .active img { border: none !important; }

.captionsContainer { float: left; width: 100%; overflow: hidden; }
.caption { position: absolute; top: 0; right: 0; left: 50%; bottom: 0; display: none; opacity: 0; /*transition: all 1s; */ -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-delay: 1s; -o-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -webkit-transition-duration: 1s; transition-duration: 1s; border: 1px double #ccc; background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(135deg, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.caption, .activeCaption { text-align: left; position: absolute; z-index: 0; width: auto; }
.activeCaption { opacity: 1; }

.caption.rightEdge { top: 0; right: 0; left: 100%; bottom: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; }
.caption.leftEdge { top: 0; right: 100%; left: 0; bottom: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; }
.caption.bottomEdge { top: 100%; right: 0; left: 0; bottom: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; }
.caption.topEdge { top: 0; right: 0; left: 0; bottom: 100%; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; }

.caption.rightEdge.activeCaption { top: 0; right: 0; left: 70%; bottom: 0; opacity: 1; }
.caption.leftEdge.activeCaption { top: 0; right: 70%; left: 0; bottom: 0; opacity: 1; }
.caption.bottomEdge.activeCaption { top: 70%; right: 0; left: 0; bottom: 0; opacity: 1; }
.caption.topEdge.activeCaption { top: 0; right: 0; left: 0; bottom: 70%; opacity: 1; }
.caption.hide { display: none !important; }