body {
  font-family: Tahoma, sans-serif;
  background-color:#DFE5D4;
  background-image:url("/img/bg.gif");
}

h1 {
  font-size: 105%;
  font-weight: normal;
}

h1.title {
  font-size: 140%;
  font-weight: bold;
  margin-top: 20px;
}

h2 {
  font-size: 100%;
  font-weight: normal;
}

h2.title {
  font-size: 110%;
  font-weight: bold;
}

.book {
  width: 250px;
  height: 340px;
  padding: 10px;
  margin: 10px;
  float: left;
  background-color:#f8f9f7;
  border: solid black 1px;
  text-align: center;  
}

.text-middle-allign {
  text-align: center;
}

.content {
  width: 90%;  
  background-color: #f8f9f7;
  padding: 30px;
  text-align: left;
  border: solid black 1px;
}


a {
  color:#003333;
}

.details {
   margin-top: 20px;
}

.details strong {
  font-size: 115%;
}

#sms {
}

#code {
  display: none;
  margin-top: 40px;
}


a.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: #E38916;
  transition: 0.2s;
} 
a.button24:hover { background: #f5ae00; }
a.button24:active { background: #f59500; }