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

body, body * {
  border: 0 none;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0.00001);
  -moz-transform: translateZ(0.00001);
  -ms-transform: translateZ(0.00001);
  -o-transform: translateZ(0.00001);
  transform: translateZ(0.00001);
}
ft-default[clicktag] {
  height: 600px;
  position: relative;
  visibility: hidden;
  width: 300px;
}
#stage {
  background: #ffffff url(bg_300x439.png) 0px 0px / 300px 439px no-repeat;
  border: 1px solid #c3c3b6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  height: 600px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 300px;
}
#stage #hero {
  background: #ffffff url(hero_business_300x444.jpg) 0px 0px / 300px 444px no-repeat;
  height: 444px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 300px;
}
#stage ul#copy {
  color: #ffffff;
  font: 400 28px/36px 'Droid Serif', serif;
  list-style-type: none;
}
#stage ul#copy li {
  left: 0px;
  opacity: 1;
  position: absolute;
  text-align: center;
  width: 300px;
}
#stage ul#copy li:first-child {
  top: 160px;
}
#stage ul#copy li:nth-child(2) {
  top: 196px;
}
#stage ul#copy li:nth-child(3) {
  top: 230px;
}
#stage ul#copy li:nth-child(4) {
  top: 263px;
}
#stage ul#copy li:nth-child(5) {
  top: 169px;
}
#stage ul#copy li:nth-child(5) span.reg {
  font-size: 35%;
  line-height: 0;
  margin: 0px -7px 0px 0px;
  vertical-align: 15px;
}
#stage ul#copy li:nth-child(6) {
  top: 107px;
}
#stage ul#copy li:nth-child(7) {
  top: 142px;
}
#stage ul#copy li:nth-child(7) .asterisk {
  font-size: 65%;
  line-height: 0;
  margin-left: -2px;
  vertical-align: 6px;
}
#stage ul#copy li:nth-child(8) {
  font-size: 19px;
  top: 174px;
}
#stage ul#copy li:nth-child(9) {
  font-size: 19px;
  top: 272px;
}
#stage ul#copy li:last-child {
  color: #ffffff;
  font: 400 11px/11px 'Droid Serif', serif;
  left: 18px;
  position: absolute;
  text-align: left;
  top: 410px;
  width: 270px;
}
#stage ul#copy li:last-child .asterisk {
  font-size: 65%;
  line-height: 0;
  margin-right: 1px;
  vertical-align: 2px;
}
#stage #cta {
  background: #ffffff url(carrot_orange.svg) 145px 11px / 10px 16px no-repeat;
  border: 2px solid #e06824;
  border-radius: 5px;
  color: #e06824;
  font: 700 16px/38px 'Open Sans', sans-serif;
  height: 38px;
  left: 62px;
  opacity: 1;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 222px;
  vertical-align: middle;
  visibility: hidden;
  width: 169px;
}
#stage:hover #cta {
  background: transparent url(carrot_white.svg) 145px 11px / 10px 16px no-repeat;
  border-color: #ffffff;
  color: #ffffff; 
}
#stage #logos #ChoiceHotels {
  background: transparent url(logo_ChoiceHotels.svg) 0px 0px / 100px 67px no-repeat;
  height: 67px;
  left: 99px;
  opacity: 1;
  position: absolute;
  top: 457px;
  width: 100px;
}
#stage #logos #ChoicePrivileges {
  background: #ffffff url(logo_ChoicePrivileges.svg) 0px 0px / 97px 34px no-repeat;
  height: 34px;
  left: 196px;
  opacity: 1;
  position: absolute;
  top: 550px;
  width: 97px;
}
#stage #logos .logo {
  bottom: 14px;
  height: 33px;
  position: absolute;
  width: 35px;
}
#stage #logos #Cambria {
  background: transparent url(logo_Cambria.svg) 0px 0px / 35px 33px no-repeat;
  left: 10px;
}
#stage #logos #ComfortInn {
  background: transparent url(logo_ComfortInn.svg) 0px 0px / 35px 33px no-repeat;
  left: 47px;
}
#stage #logos #ComfortSuites {
  background: transparent url(logo_ComfortSuites.svg) 0px 0px / 35px 33px no-repeat;
  left: 84px;
}
#stage #logos #SleepInn {
  background: transparent url(logo_SleepInn.svg) 0px 0px / 35px 33px no-repeat;
  left: 122px;
}
#stage #logos #QualityInn {
  background: transparent url(logo_QualityInn.svg) 0px 0px / 35px 33px no-repeat;
  left: 158px;
}