#banner {
  background: #fff url(../images/banner_background.jpg) repeat-y;
  width: 839px;
  margin: 7px auto 15px auto;
  padding: 3px;
  padding-bottom: 0;
}

#banner * {
  font-family: "Trebuchet MS", Arial, sans-serif;
}

#banner h2 {
  font-size: 160%;
  font-weight: normal;
  padding: 2px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  background: #BB7223;
  text-align: center;
}

#banner h4 {
  margin: 0 .5em;
}
#banner #bake_sale {
  color: #fff;
  background: #234667;
  width: 257px;
  float:left;
}
#banner #schoolbates {
  color: #fff;
  background: #BB7223;
  width: 254px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  float:left;
}

#banner .comparison img{
  border-bottom: 1px solid #fff;
}
#banner .comparison h4 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 100%;
  padding: 1px 0 0 2px;
}

#banner .comparison p {
  font-family: Verdana, Arial, sans-serif;
  padding: 0 0 5px 10px;
  font-size: 85%;
}

#banner .comparison a img{
  margin-bottom: -3px;
}

#banner #invite {
  color: #fff;
  float:left;
  width: 326px;
}

#banner #invite h3 {
  font-size: 175%;
  font-weight: bold;
  padding: 10px 30px 0 30px;
}

#banner #invite p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 110%;
  text-align: left;
  padding: 10px 30px;
  font-weight: normal;
}

#banner #invite #buttons {
  text-align: center;
}

#banner #invite #merchants {
  margin-top: 30px;
  text-align: center;
}

#information {
  width: 839px;
  margin: 15px auto;
  padding: 3px;
}

#information #registration {
  float: left;
  background: #CCCDBB;
  width: 172px;
  padding: 5px;
  margin-bottom: 30px;
}

#information #registration label {
  font-size: 85%;
  font-weight: bold;
}

#information #registration #login_help {
  font-size: 80%;
}

#information #sections {
  float: left;
  margin-left: 20px;
  width: 636px;
}

#information #sections .info {
  float: left;
  padding-left: 35px;
  padding-right: 35px;
  width: 248px;
  height: 12em;
  background-repeat: no-repeat;
}

#information #sections .info h3 {
  margin-top: -2px;
  font-size: 110%;
  color: #BB7223;
  font-weight: bold;
}

#information #sections .info p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 95%;
  font-weight: normal;
}

#information #sections .info a,
#information #sections .info a:visited
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #234667;
}

#information #sections .info a.join,
#information #sections .info a.join:visited
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 90%;
  font-weight: bold;
  color: #BB7223;
}

#information #sections #how_info {
  background-image: url(../images/apple_icon.png);
}

#information #sections #cost_info {
  background-image: url(../images/dollar_sign_icon.png);
}

#information #sections #tools_info {
  background-image: url(../images/megaphone_icon.png);
}

#information #sections #support_info {
  background-image: url(../images/shopping_bag_icon.png);
}

#banner.welcome-back {
  position: relative;
  background: #234667;
  padding: 0px;
  width: 660px;
  border: 3px solid #234667;
}

#banner.welcome-back h2 {
  border: 1px solid #fff;
}

#banner.welcome-back .banner-image {
  border: 1px solid #fff;
  border-top: none;
  margin: 0px;
  width: 415px;
  height: 233px;
}

#scenarios {
  background-color: #000;
  position: absolute;
  width: 415px;
  height: 57px;
  left: 1px;
  bottom: 1px;
  border: none;
  border-top: 1px solid #fff;
}

#banner.welcome-back #old-way {
  background-color: inherit;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 3px;
  left: 0px;  
  width: 212px;
  height: 51px;
  border-right: 1px solid #b0b8c3;
}

#banner.welcome-back #new-way {
  background-color: inherit;
  font-weight: bold;
  color: #fff;
  position: absolute;
  bottom: 3px;
  right: 245px;
  width: 200px;
  height: 51px;
}

#banner.welcome-back #carwash {
  border: none;
  float:left;
  /* Size the image */
  padding-top: 57px;
  width: 207px;
  /* The image */
  background-image: url(../images/carwash-left.jpg);
  background-repeat: no-repeat;
  /* Hide the text */
  overflow: hidden;
  /* Win IE% hack */
  height: 57px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 0;
}

#banner.welcome-back #schoolbates-old {
  border: none;
  float:left;
  /* Size the image */
  padding-top: 57px;
  width: 208px;
  /* The image */
  background-image: url(../images/carwash-right.jpg);
  background-repeat: no-repeat;
  /* Hide the text */
  overflow: hidden;
  /* Win IE% hack */
  height: 57px;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 0;
}

#banner.welcome-back #invite {
  margin: none;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  float:none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0 5px;
  height: 233px;
  width: 232px;
}

#banner.welcome-back #invite h3 {
  font-size: 140%;
  font-weight: bold;
  padding: 10px 10px 0;
}

#banner.welcome-back #invite p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 110%;
  text-align: left;
  padding: 10px;
  font-weight: normal;
}

#banner.welcome-back #invite #buttons {
  text-align: left;
}

#banner.welcome-back #invite #buttons img {
  padding: 4px 10px;
}

#banner.welcome-back #invite #merchants {
  margin-top: 12px;
  text-align: center;
}

#banner.welcome-back #invite #merchants a img {
  padding-top: 0 px;
}

#deal-list {
  float: left;
  width: 63%;
}

#deal-list li h3 {
  font-size: 130%;
  color: #BB7223;
}

#deal-list li a {
  margin-top: 15px;
  font-weight: bold;
  color: #244767;
}

#deal-list li {
  list-style: none;
  margin: 10px 25px;
  padding-left: 100px;
}

#deal-list li#first-deal {
  background: url(../images/sale_note.jpg) no-repeat top left;
}

#deal-list li#fathers-day {
  margin-top: 50px;
  background: url(../images/gift.jpg) no-repeat top left;
}

#deal-list li#second-deal {
  margin-top: 50px;
  background: url(../images/seasonal/GiftCards.jpg) no-repeat top left;
}

#tell-someone h2 {
  color: #6E944B;
  font-size: 155%;
  padding-left: 5px;
}

#tell-someone label {
  font-size: 85%;
  font-weight: bold;
}