/*
	CSS for Homepage Banners
	Written by Hybrid Forge | www.HybridForge.com
	December 2009
-------------------------------------------------------------*/

/*/// Banner Area ///*/
#mpBanner { font-family: tahoma,verdana,arial,sans-serif !important; height: 228px; width: 939px; background: url('../images/banner-bg.jpg') no-repeat 0 0; overflow: hidden; }
#mpBannerWrapper { height: 228px; width: 939px; }

/*/// Banner Columns ///*/
.mpBannerCols { height: 218px; width: 939px; background: url('../images/banner-bg.jpg') no-repeat 0 0; }
.bannerCol1 { float: left; width: 365px;  background: transparent; }
.bannerCol1 .bannerInner { padding: 20px 0 0 30px; line-height: 1.3em; }
.bannerCol2 { float: right; margin: 0; width: 549px; height: 238px; }

/*/// Banner Nav ///*/
#mpBannerNav { position: absolute; float: right; top: 219px; right: 30px; z-index: 1000; padding: 0; margin: 0; height: 33px; width: 510px; text-align: center; overflow: hidden; line-height: 25px; background: url('../images/banner-nav-bg3.jpg') no-repeat center 0; }
#mpBannerNav a { color: #333; font-weight: bold; font-size: 1.2em; padding: 0 5px; text-decoration: none; }
#mpBannerNav a:hover { color: #888; }
#mpBannerNav a.activeSlide { background-color: #222; color: #fff; }
#mpBannerNav a.bannerNextPrev { width: 40px; border: none; margin: 0; }
#mpBannerNav a.bannerNextPrev span { display: block; width: 40px; height: 25px; }
#mpBannerNav a.bannerNextPrev span span { display: none; }
#mpBannerNav #bannerPrev { float: left; text-align: right; padding: 0 0 0 40px; margin-left: 30px; background: transparent url('../images/banner-nav-prev3.png') no-repeat 95% center; cursor: pointer; }
#mpBannerNav #bannerNext { float: right; text-align: left; padding: 0 40px 0 0; margin-right: 30px; background: transparent url('../images/banner-nav-next3.png') no-repeat 5% center; cursor: pointer; }

/*/// Banner Misc. ///*/
.bannerLogo { margin-bottom: 10px; }
.bannerText { line-height: 1.2em; }
.bannerLearnmore, .bannerPromos { float: left; display: block; margin: 10px 2px 0 0; width: 108px; height: 25px; background: url('../images/banner-learnmore.gif') no-repeat 0 0; }
.bannerLearnmore span, .bannerPromos span { display: none; }

/*/// Banner Copy ///*/
.bannerCol1 p { margin: 0; padding: 0 0 7px 0; }

/*/// Banner Images ///*/
.bannerCol2 a { display: block; width: 549px; height: 218px; }
.bannerCol2 a span { display: none; }
.banner01 .bannerCol2 a { background: url('../images/banner-ge-led2.jpg') no-repeat 0 0; }
.banner02 .bannerCol2 a { background: url('../images/banner-iplighting-led.jpg') no-repeat 0 0; }
.banner03 .bannerCol2 a { background: url('../images/banner-lithonia-i-beam.jpg') no-repeat 0 0; }
.banner04 .bannerCol2 a { background: url('../images/banner-sensor-switch.jpg') no-repeat 0 0; }
.banner05 .bannerCol2 a { background: url('../images/banner-ge-hir.jpg') no-repeat 0 0; }
.banner06 .bannerCol2 a { background: url('../images/banner-lithonia-rt5d.jpg') no-repeat 0 0; }
.banner07 .bannerCol2 a { background: url('../images/banner-cna-led.jpg') no-repeat 0 0; }
.banner08 .bannerCol2 a { background: url('../images/banner-ge-fluorescent.jpg') no-repeat 0 0; }
.banner09 .bannerCol2 a { background: url('../images/banner-lithonia-dom.jpg') no-repeat 0 0; }

/*/// Special Cases ///*/
.banner01 .bannerPromos { width: 183px; height: 25px; background: url('../images/banner-led-free-trial.gif') no-repeat 0 0; }

.banner02 .bannerInner { padding-top: 30px; }
.banner02 .bannerLogo { float: left; margin-right: 20px; margin-bottom: 10px; }
.banner02 .bannerLearnmore { }

.banner03 .bannerCol1 .bannerInner, .banner04 .bannerCol1 .bannerInner, 
.banner06 .bannerCol1 .bannerInner, .banner07 .bannerCol1 .bannerInner, 
.banner09 .bannerCol1 .bannerInner { padding-top: 20px; }