/* 
!!! SEE /css-framework/02_RotatingBanner/banner.html  FOR INSTRUCTIONS !!!
*/


/* Banner CSS */
.MainBanner {
display: block;
overflow: hidden;
width: 434px;
height: 185px;
}

.SmallBanner {
display: block;
overflow: hidden;
width: 196px;
height: 175px;
}

.simpleBanner {
  position: relative;
  height: 100%;
  padding:  0;
}
.simpleBanner.hiddenArrows .bannerControlsWpr,
.simpleBanner.hiddenIndicators .bannerIndicators { display:none; }

.simpleBanner ul {
  list-style: none;
  margin: 0;
  padding:  0;
}
.simpleBanner .bannerListWpr {
  clear:  both;
  overflow: hidden;
}
.simpleBanner .bannerListWpr ul {
  width:  50000px;
  overflow: hidden;
}
.simpleBanner .bannerListWpr ul li {
  position: absolute;
  width:  auto;
} /* Make sure to set the width for this */

/* controls */
.simpleBanner .bannerControls {
  width:  0;
  height: 0;
  border-style: solid;
}
.simpleBanner .bannerIndicators {
  background: transparent;
  opacity:  0.9;
  padding:  4px 8px 4px 0;
  position: absolute;
  color:  #666;
  bottom: 0px;
  right: 50%;
  margin-right: -35px;
}
.simpleBanner .bannerIndicators ul { overflow:hidden; }
.simpleBanner .bannerIndicators .bannerIndicator {
  background:#ccc;
  border-radius:9px 9px 9px 9px;
  cursor:pointer;
  float:left;
  height:9px;
  margin-left:8px;
  width:9px;
}
.simpleBanner .bannerIndicators .bannerIndicator:hover {background:#004b85;}
.simpleBanner .bannerIndicators .bannerIndicator.current {background:#e6ae5b;cursor:default;}