﻿.banner{
    width:1000px;
    height:375px;
    position:relative;
    overflow:hidden;
}
 
@media only screen and (min-width: 768px) and (max-width: 959px) {
      .banner, .bannercontainer { width:760px; height:395px;}
}
 
 
@media only screen and (min-width: 480px) and (max-width: 767px) {
      .banner, .bannercontainer { width:480px; height:250px; }
}
 
@media only screen and (min-width: 0px) and (max-width: 479px) {
      .banner, .bannercontainer { width:320px;height:166px; }
}

.bannercontainer{
width:100% !important;
position:relative;
padding:0;
max-height:375px !important;
overflow:hidden;
}

.fullwidthbanner-container {    
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 375px !important;
    overflow: hidden;
}

.slideShowFooter {
    width: 920px;
    min-height: 140px;
    padding: 10px;
    bottom: 0;
    color: #fff;
    background-image: url(../Graphics/blackfill.png);
    background-repeat: repeat;
    z-index: 100;
    position: absolute;
}
