.block.imageSlideshow {

    width:100%;
    margin:0 auto;

}

.block.imageSlideshow .cycle-slideshow,
.block.imageSlideshow aside,
.block.imageSlideshow aside .image {

    width:100%;
    margin:0 auto;
 /*     width:768px; this may be needed for older browsers to fix size
    height:384px; */
    overflow: hidden;

}

.block.imageSlideshow .cycle-slideshow.aspect1-1,
.block.imageSlideshow .cycle-slideshow.aspect1-1 aside,
.block.imageSlideshow .cycle-slideshow.aspect1-1 aside .image {

    aspect-ratio: 1 / 1;

}

.block.imageSlideshow .cycle-slideshow.aspect4-3,
.block.imageSlideshow .cycle-slideshow.aspect4-3 aside,
.block.imageSlideshow .cycle-slideshow.aspect4-3 aside .image {

    aspect-ratio: 4 / 3;

}

.block.imageSlideshow .cycle-slideshow.aspect16-9,
.block.imageSlideshow .cycle-slideshow.aspect16-9 aside,
.block.imageSlideshow .cycle-slideshow.aspect16-9 aside .image {

    aspect-ratio: 16 / 9;

}

.block.imageSlideshow .cycle-slideshow.aspect21-9,
.block.imageSlideshow .cycle-slideshow.aspect21-9 aside,
.block.imageSlideshow .cycle-slideshow.aspect21-9 aside .image {

    aspect-ratio: 21 / 9;

}

.block.imageSlideshow .slideshowArrow   {

    position: absolute;
    top:calc( 50% - 16px );
    z-index: 1000;
    width:32px;
    height:32px;
    cursor: pointer;
    opacity: 1;

}

.block.imageSlideshow .slideshowArrow.next   {

    right:16px;

}

.block.imageSlideshow .slideshowArrow.previous   {

    left:16px;

}

.block.imageSlideshow .slideshowArrow:hover   {

    opacity: 0.8;

}

.imageSlideshow .slideshowPager {

    text-align: center;
    z-index: 1000;
    position: relative;
    bottom:32px;    

}

.imageSlideshow .slideshowPager > div {

    width:16px;
    height:16px;
    display: inline-block;
    margin: 0 4px;
    cursor:pointer;
    opacity: 1;

}

.imageSlideshow .slideshowPager > div.cycle-pager-active {

    opacity: 0.5;

}