/*
 * 
 * Banner Rotator Styling
 * 
*/

#banner_wrapper {
  background: none;
  width: 940px;
  margin: 0;
  /*padding: 11px 0 0 0;*/
  overflow: hidden;
  position: relative;
}

#homepage_hero {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 940px;
  height: 415px;
}

#homepage_title {
  background: none;
  width: 940px;
  margin: 0;
  padding: 0;
  text-align: center;
}
#homepage_title h1 {
  font: 22px "Roboto Condensed", arial, verdana, sans-serif;
  color: #FFFFFF;
  line-height: 40px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  letter-spacing: 1px;
}

/*
 * jQuery UI CSS Overrides
 */

#banner_wrapper .ui-widget-content {
  background: none repeat scroll 0 0 transparent;
  border-radius: 0;
}
#banner_wrapper #navigation .ui-tabs-nav li {
  top: 0;
  
}
#banner_wrapper #navigation .ui-tabs-nav li a {
  float: none;
  padding: 0;
  
}
#banner_wrapper #navigation .ui-corner-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#banner_wrapper #navigation li.ui-state-active a:hover { cursor: pointer; }


/*
 *  Navigation
 */

#homepage_hero #navigation {
  bottom: 0;
  margin: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 9999;
}

#homepage_hero #navigation ul {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  bottom: 0;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 940px;
}

#homepage_hero #navigation ul li {
  border: none repeat scroll 0 0 transparent;
  margin: 0;
  z-index: 900;
  float: left;
}

/*
 *  Standard Active / Inactive Images
 *  Comment this out if standard images are
 *  to be used or no images at all
 */

#homepage_hero.ui-tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active {
  background: #d44c1c;
  border: medium none;
  height: 6px;
  padding: 0;
  width: 188px;
  z-index: 900;
}
#homepage_hero.ui-tabs ul.ui-tabs-nav li.ui-state-default {
  background: #000;
  border: medium none;
  height: 6px;
  padding: 0;
  width: 188px;
  z-index: 400;
}
#homepage_hero.ui-tabs ul.ui-tabs-nav li a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  display: block;
  height: 6px;
  width: 188px;
  z-index: 500;
}

/*
 *  Play / Pause / Previous / Next Buttons
 */


#homepage_hero #navigation #controls {
  float: right;
  margin: 0 3px 4px 0;
  padding: 0;
  z-index: 8001;
  width: 46px;
}
#homepage_hero #navigation #controls a {
  margin: 0;
  float: left;
}
#homepage_hero #navigation #controls .replace {
  float: left;
  margin: 0;
  padding: 0;
}
#homepage_hero #navigation #controls .replace .pause {
  background: url('/v/hero-rotator/navigation/pause.png') no-repeat 0 0 transparent;
  display: inline-block;
  height: 14px;
  width: 16px;
}
#homepage_hero #navigation #controls .replace .play {
  background: url('/v/hero-rotator/navigation/play.png') no-repeat 0 0 transparent;
  display: inline-block;
  height: 14px;
  width: 16px;
}

/*
 *  HTML Rotator
 */

#homepage_hero.ui-tabs .ui-tabs-panel {
  margin: 0;
  padding: 0;
}
#homepage_hero .ui-tabs-panel a.hero-link {
  display: block;
  text-decoration: none;
  width: 940px;
  height: 415px;
  z-index: 8000;
}
#homepage_hero .ui-tabs-panel a.hero-link:hover {
  display: block;
  text-decoration: none;
}
#homepage_hero .ui-tabs-panel a.hero-link img {
  z-index:8001;
}