/* ## Banner Effects Slideshow ## */
/* Powered by Cycle2 - http://jquery.malsup.com/cycle2/ 
Some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */

.bannerEffects .slideItem { display:block; width:100%; }
.bannerEffects .slideItem img { width:100% !important; display:block; position:absolute; top:0; left:0; padding:0; }

/* in case script does not load */
.bannerEffects img:first-child { position:static; z-index:100; }

/* pager */
.bannerEffects .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:10px; overflow:hidden; }
.bannerEffects .cycle-pager span { display:inline-block; width:16px; height:16px; color:#ddd; font-family:arial; font-size:50px; line-height:16px; cursor:pointer; }
.bannerEffects .cycle-pager .cycle-pager-active { color:#d69746; }
.bannerEffects .cycle-pager > * { cursor:pointer; }

.bannerEffects .cycle-pager-number span { width:auto; height:auto; padding:0 3px; font-size:1em; }

.bannerEffects .cycle-pager-image span { width:50px; height:auto; margin:0 7px; font-size:1em; }
.bannerEffects .cycle-pager-image span img { border:2px solid #fff; }
.bannerEffects .cycle-pager-image .cycle-pager-active img { border-color:#D69746; }

.bannerEffects .cycle-pager-text span { width:auto; height:auto; padding:0 3px; font-size:1em; }

/* text overlay */
.bannerEffects .cycle-overlay {
    position:absolute; bottom:0; left:0; right:0; z-index:101;
    padding:20px;
    color:#fff;
    background:#3f3f3f;
    opacity:0.75;
}