.bookingStep {
  margin: 20px 0px;
}

.bookingStep em {
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 7px;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  background-color: #cc0000;
  border-radius: 50%;
}

.bookingStep h6 {
  margin-left: 8px;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  color: #4d5964;
}

#calculate {
  width: 100%;
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #4d5964;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ff0000;
  cursor: pointer;
}

#queryTotal {
  background-color: #e4e6e8;
  color: #4d5964;
  border-radius: 8px;
  padding-top: 2px;
}

.sidebar-book-btn {
  margin-bottom: 10px;
  width: 258px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
}

#BookNow {
  height: 60px;
  background: #4d5964 url('images/book-btn-accommodation-only.png') center center no-repeat;
}

#BookNow2 {
  height: 80px;
  background: #4d5964 url('images/book-btn-accommodation-ferry.png') center center no-repeat;
}