@charset "UTF-8";
/* CSS Document */

body, body * {
  border: 0px none;
  margin: 0px;
  outline: 0px;
  padding: 0px;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0.00001);
  transform: translateZ(0.00001);
}
div {
  position: absolute;
}
#adWrap {
  height: 90px;
  position: relative;
  visibility: hidden;
  width: 728px;
}
#click-tag {
  height: 90px;
  left: 0px;
  top: 0px;
  width: 728px;
  z-index: 10;
}
#stage {
  background: #fa7c1d url() 0px 0px / 728px 90px no-repeat; 
  border: 1px solid #757575;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  height: 90px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 728px;
}
#stage .orange {
  color: #f57f29;
}
#stage .blue {
  color: #135d9c;
}
#stage .bold {
  font-weight: 700;
}
#stage #messaging .copy {
  color: #ffffff;
  font: 400 18px/19px 'Open Sans', serif;
  letter-spacing: -.4px;
  text-align: center;
  top: 19px;
  width: 439px;
}
#stage #messaging #copy1,
#stage #messaging #copy2 {
  font-size: 28px;
  left: 289px;
  text-transform: uppercase;
  top: 34px;
}
#stage #messaging #copy3 {
  left: 296px;
  text-align: left;
  width: 320px;
}
#stage #messaging #copy3 span.asterisk {
  font-size: 12px;
  line-height: 0px;
  margin: 0px 3px 0px -4px;
  vertical-align: 6px;
}
#stage #messaging #tagline {
  left: 583px;
  letter-spacing: -.3px;
  line-height: 11px;
  font-size: 11px;
  text-transform: uppercase;
  top: 51px;
  width: 120px;
}
#stage #messaging #tagline span.trade {
  color: #f57f29;
  font: 400 7px/0px Arial, serif;
  margin: 0px -7px 0px -2px;
  vertical-align: 3px;
}
#stage #messaging #disclaimer {
  color: #ffffff;
  font: 400 7px/13px 'Open Sans', serif;
  left: 390px;
  letter-spacing: -.1px;
  text-align: left;
  top: 68px;
  width: 270px;
}
#stage #messaging #disclaimer .asterisk {
  font-size: 7px;
  line-height: 0px;
  vertical-align: 0px;
}
#stage #mask {
  background: transparent url(mask_728x90.png) -1px -1px / 728px 90px no-repeat; 
  height: 90px;
  left: 0px;
  top: 0px;
  width: 728px;
}
#stage #hero {
  background: #ffffff url(hero_900x180.png) 0px -1px / 450px 90px no-repeat; 
  height: 90px;
  right: -1px;
  overflow: hidden;
  top: 0px;
  width: 450px;
}
#stage #cta {
  background: transparent url(cta_button.svg) 0px 0px / 88px 25px no-repeat;
  color: #ffffff;
  font: 700 8px/25px 'Open Sans', sans-serif;
  height: 25px;
  left: 602px;
  opacity: 1;
  text-align: center;
  top: 19px;
  vertical-align: middle;
  width: 88px;
}
#stage #logos #ChoiceHotels {
  color: #5e5847;
  font: 400 20px/31px 'Droid Serif', serif;
  left: 8px;
  letter-spacing: .3px;
  text-align: center;
  top: 8px;
  width: 251px;
}
#stage #logos .logo {
  top: 37px;
  height: 43px;
  position: absolute;
  width: 45px;
}
#stage #logos #ComfortInn {
  background: transparent url(logo_ComfortInn.svg) 0px 0px / 45px 43px no-repeat;
  left: 45px;
}
#stage #logos #ComfortSuites {
  background: transparent url(logo_ComfortSuites.svg) 0px 0px / 45px 43px no-repeat;
  left: 89px;
}
#stage #logos #SleepInn {
  background: transparent url(logo_SleepInn.svg) 0px 0px / 45px 43px no-repeat;
  left: 133px;
}
#stage #logos #QualityInn {
  background: transparent url(logo_QualityInn.svg) 0px 0px / 45px 43px no-repeat;
  left: 177px;
}