/*
 This file was auto generated by Less (http://lesscss.org), using
 the less-for-rails plugin (http://github.com/augustl/less-for-rails).
 
 To change the contents of this file, edit application.css.less instead.
*/

body {
  background-image: url('/images/sally_stand_arms_folded_large.png');
  background-repeat: no-repeat;
  background-position: -80px 97px;
  background-color: #ffffff;
}
.admin_nav {
  background-color: #cee8d6;
  border: 1px solid #71c689;
  display: block;
  text-align: center;
}
.admin_nav .time {
  padding: 0 0 0 1em;
  float: left;
}
.admin_nav a { margin: 1em; }
a:link {
  text-decoration: none;
  color: #d43890;
}
a:visited {
  text-decoration: none;
  color: #d43890;
}
a:active {
  text-decoration: none;
  color: #d43890;
}
a:hover {
  text-decoration: underline;
  color: #71c689;
}
a.button {
  background-color: #cee8d6;
  border: 1px solid #71c689;
  color: black;
}
a.button img { display: inline !important; }
button {
  background-color: #cee8d6;
  border: 1px solid #71c689;
  color: black;
}
button img { display: inline !important; }
button {
  display: block;
  float: none;
  margin: auto;
}
a.button:hover {
  background-color: #cee8d6;
  border: 1px solid #6f0067;
  color: #6f0067;
  text-decoration: none;
}
button:hover {
  background-color: #cee8d6;
  border: 1px solid #6f0067;
  color: #6f0067;
  text-decoration: none;
}
.header_mail { padding: 50px 0 0 250px; }
.header_mail a {
  display: block;
  margin: 0;
}
.deal_mail { padding: 1.5em 0 0 1em; }
.deal_mail p {
  color: #de6ba9;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
  text-align: center !important;
}
.deal_mail a { margin: 0 0 0 5em; }
.mail_list {
  width: 18em;
  margin: auto;
}
.container {
  background-image: url('/images/cucumber_background.png');
  background-repeat: no-repeat;
  background-position: 675px 60px;
}
.header { padding: 0 0 0 2em; }
.box {
  background-color: white;
  border: 8px solid #d43890;
}
h1 {
  text-align: center;
  color: #d43890;
  padding-bottom: 0.5em;
  background-color: white;
}
.intro h3 {
  color: #6f0067;
  font-size: 1.7em;
  margin-bottom: 0.4em;
}
.intro h4 {
  color: #6f0067;
  font-size: 1.45em;
  margin-bottom: 0.3em;
}
.intro p {
  font-size: 1.3em;
  line-height: 1.1em;
  margin-bottom: 0.6em;
}
.intro .step {
  font-weight: bold;
  font-size: 1.2em;
}
.intro .step span {
  color: #d43890;
  font-weight: bold;
  font-size: 1.3em;
}
.intro .caveat {
  font-size: 0.9em;
  font-style: italic;
}
.countdown h3 {
  color: #6f0067;
  text-align: center;
  margin-bottom: 0em;
}
.countdown p {
  width: 80%;
  text-align: center;
  margin: auto;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
.countdown table {
  width: 60%;
  margin: auto;
}
.countdown table tr { padding: 0px 10px 0px 5px; }
.countdown table tr td {
  padding: 0px 10px 0px 5px;
  text-align: center;
  color: #de6ba9;
}
.countdown table tr td #countdown_hours { font-size: 3em; }
.countdown table tr td #countdown_minutes { font-size: 3em; }
.countdown table tr td #countdown_seconds { font-size: 3em; }
.countdown .share {
  padding: 0 0 0 90px;
  margin: auto;
}
.deal-header h2 {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 0.25em;
  color: #6f0067;
  font-style: italic;
  font-weight: bold;
}
.deal {
  border: 8px solid #ff66cc;
  padding: 1em 0em 1em 2.7em;
  background-color: white;
}
.deal h1 {
  font-size: 2.5em;
  line-height: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #d43890;
  text-align: left;
}
.deal h2 {
  font-size: 1.5em;
  margin-bottom: 0.25em;
  color: #6f0067;
}
.deal p { text-align: justify; }
.deal img {
  display: block;
  margin: auto;
}
.deal .sold {
  color: #de6ba9;
  text-align: center;
  font-size: 1.5em;
}
.deal .sign_up {
  padding: 1.5em 0;
  text-align: justify;
}
.deal .sub_deal { margin: 0 0 1em 0; }
.deal .sub_deal h1 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.deal .sub_deal h2 {
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.deal .sub_deal p {
  font-size: 1em;
  padding: 0;
  margin: 0;
  line-height: 1.1em;
}
.spa {
  padding: 1em;
  min-height: 500px;
  text-align: left;
}
.spa h1 {
  font-size: 2em;
  margin-bottom: 0.3em;
  color: #6f0067;
  text-align: left;
  font-weight: bold;
}
.spa h3 {
  font-size: 1.5em;
  margin-bottom: 0.8em;
  color: #6f0067;
  font-weight: bold;
}
.spa p {
  font-size: 1.1em;
  padding: 0 1.5em 0 0;
}
.spa ul {
  list-style-image: url('/images/spasally_favicon.png');
  list-style-position: outside;
  font-size: 1.1em;
}
.spa .address {
  background-image: url('/images/icons/home.png');
  background-repeat: no-repeat;
  padding: 0.25em 0 0 2.2em;
  margin: 0em;
}
.spa .tele {
  background-image: url('/images/icons/mobile_phone.png');
  background-repeat: no-repeat;
  padding: 0.25em 0 0 2.2em;
  margin: 0em;
}
.spa .email {
  background-image: url('/images/icons/mail.png');
  background-repeat: no-repeat;
  padding: 0.25em 0 0 2.2em;
  margin: 0em;
}
.spa .website {
  background-image: url('/images/icons/globe.png');
  background-repeat: no-repeat;
  padding: 0.25em 0 0 2.2em;
  margin: 0em;
}
.spa .testimonial_text { font-style: italic; }
.spa .testimonial_source {
  color: #ff66cc;
  font-weight: bold;
  text-align: left;
  margin-bottom: 0em;
}
.sally img { display: block; }
.sally h2 {
  padding: 1.4em 1.3em 0em 2.5em;
  margin: 0 0 0 0;
  color: #6f0067;
  background-image: url('/images/spasally_talk_bubble.png');
  background-repeat: no-repeat;
  height: 156px;
  font-size: 1.7em;
}
.sally h3 {
  font-size: 1.5em;
  margin-bottom: 0.8em;
  color: #6f0067;
  font-weight: bold;
}
.sally ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-size: 1.2em;
}
.sally li {
  background-image: url('/images/spasally_favicon.png');
  background-position: 0 0.15em;
  background-repeat: no-repeat;
  margin: 0 0 0.5em -1.5em;
  padding: 0 0 0 1.5em;
}
.faq p {
  color: #d43890;
  font-size: 1em;
  margin-bottom: 0.5em;
  line-height: 1.1em;
  padding-left: 0.5em;
}
.faq p.small {
  font-size: 1em;
  color: #000000;
}
.faq li.spa_link a:link {
  text-decoration: none;
  color: black;
}
.faq li.spa_link a:visited {
  text-decoration: none;
  color: black;
}
.faq li.spa_link a:active {
  text-decoration: none;
  color: black;
}
.faq li.spa_link a:hover {
  text-decoration: underline;
  color: #71c689;
}
.thanks img {
  display: block;
  margin: auto;
}
.connect h4 { color: #d43890; }
.footer p { text-align: center; }
.oops img {
  display: block;
  margin: auto;
}
.oops h1 {
  color: #6f0067;
  text-align: center;
}
.oops p { font-size: 1.2em; }
.info img {
  display: block;
  margin: 4em auto 0em auto;
}
.info h1 { font-size: 246.2%; }
.info p {
  font-size: 108%;
  padding: 1em;
  text-align: center;
}
.info ol { margin: 0 0 0 1em; }
.info ol li {
  text-align: justify;
  list-style: lower-latin;
  font-size: 108%;
  margin: 0 0 0 3em;
  padding: 0.5em 0 0 1em;
}
.cancel_order p {
  font-size: 138.5%;
  text-align: right;
  padding: 2em;
}
.thank_you { padding: 1em; }
.thank_you h2 {
  font-size: 138.5%;
  text-align: left;
}
.thank_you p {
  font-size: 108%;
  text-align: left;
  padding: 0.5em 0 0.5em 0;
}
.thank_you .sally { margin: 0.5em 0; }
.login { text-align: center; }
.click_me {
  background-image: url('/images/spasally_click_arrow.png');
  background-repeat: no-repeat;
  background-position: 0px 20px;
  width: 665px;
  margin-left: -104px;
  height: 175px;
}
.float_right { float: right; }
.float_left { float: left; }
.center-text { text-align: center; }
.about h1 {
  text-align: center;
  color: #d43890;
  font-size: 3em;
}
.about h2 {
  text-align: left;
  color: #d43890;
  font-size: 1.5em;
  font-weight: bold;
}
.about p {
  padding: 0;
  margin: 0;
  margin-bottom: -0.2em;
}
.about .center { text-align: center; }
.about .wine { color: #d43890; }
.about img {
  display: block;
  margin: auto;
  padding-top: 2em;
}
.about .bold {
  font-weight: bold;
  font-size: 1.15em;
}
.about .pink { color: #de6ba9; }
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
#flash_notice, #flash_error {
  padding: 0.385em 0.615em;
  margin: 0.769em 0;
}
#flash_notice {
  background-color: #dcfcd7;
  border: solid 1px #89cf77;
}
#flash_error {
  background-color: #ffcccc;
  border: solid 1px #cc6666;
}
.fieldWithErrors { display: inline; }
#errorExplanation {
  width: 30em;
  border: 2px solid #cf0000;
  background-color: #f0f0f0;
}
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 0.385em 0.385em 0.385em 1.154em;
  font-size: 93%;
  margin: 0;
  background-color: #cc0000;
  color: #ffffff;
}
#errorExplanation p {
  color: #333333;
  margin-bottom: 0;
  padding: 0.6em;
}
#errorExplanation ul { margin: 0.154em 1.846em; }
#errorExplanation ul li {
  font-size: 93%;
  list-style: disc;
}
.center {
  display: block;
  float: none;
  margin: auto;
}