/*------------------------------------------------
BANNER (Slideshow - jQuery Cycle)
------------------------------------------------*/

.banner {width:900px; height:330px;margin:0px 0px 15px 0px;}
.banner .slideshow { float:none; width:900px; height:282px; background:url(../images/banners/banner-empty.jpg) no-repeat left top;}
.banner .cornerOverlay { position:absolute; z-index:10; float:none; width:900px; height:5px; display:block; background:url(../images/banners/banner-corner-overlay.png) no-repeat left top;}
* html .banner .cornerOverlay { background:url(../images/banners/banner-corner-overlay.gif) no-repeat left top;} /*ie6*/
.banner .base { background: url(../images/banners/banner-base-mid.jpg) repeat-x left top  }
.banner .base div.left { background: url(../images/banners/banner-base-left.jpg) no-repeat left top; padding-left:5px; /* to show the left corner*/ display: block; float: none; width:auto; height:50px }
.banner .base span.right { background: url(../images/banners/banner-base-right.jpg) no-repeat right top; display: block; float: none; height:50px; padding:0 20px }

.banner #dots { position:absolute }
.banner #dots a { text-indent:-9999px/*to hide page numbers*/; float:left; display:block; margin-right:10px; width:10px; height: 20px; margin-top:15px; background:url(../images/banners/banner-base-dot.gif) no-repeat left center;}
.banner #dots a:hover { background:url(../images/banners/banner-base-dot-hover.gif) no-repeat left center  }
.banner #dots a.activeSlide { background:url(../images/banners/banner-base-dot-hover.gif) no-repeat left center  }