body {
  font-family: tahoma;
  font-size: 14px;
  margin-top: 20px;
}
.gallery-title {
  background-color: #36a2ef;
  border: 1px solid #36a2ef;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  margin: 0 5px;
  padding: 5px;
  width: 435px;        
}
.total-price {    
  color: #444;
  font-size: 11px;
  font-style: italic;
  margin: 1px 0 0 0;
  margin-right: 3px;
}
.separator {
  background-color: #36a2ef;
  border: 1px solid #36a2ef;
  border-radius: 10px 10px 10px 10px;
  color: #fff;
  float: left;
  font-weight: bold;
  height: 15px;
  margin: 20px 5px -10px 5px;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  width: 98.2%;  
}
.item {
  background-color: #d7ebff;
  border: 1px solid #36a2ef;
  border-radius: 10px 10px 10px 10px;
  float: left;
  height: 395px;
  margin: 20px 5px 5px 5px;
  padding: 15px 10px;
  text-align: center;
  width: 280px;
  overflow: hidden;
}
.title {    
  background-color: #36a2ef;
  border: 1px solid #36a2ef;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  margin-left: -11px;
  margin-top: -16px;
  margin-right: -11px;
  margin-bottom: 5px;
  padding: 1px 1px;
}
.title a {
  background-color: #36a2ef;
  border: 1px solid #36a2ef;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}
.title a:hover {
  color: #444;
  text-decoration: underline;
}
.price {
  color: #444;
  float: right;
  font-size: 8px;
  font-style: italic;
  margin: 1px 0 0 0;
  margin-right: 3px;
}
img {
  max-height: 400px;
  max-width: 270px;
}
.footer {    
  background-color: #31a9ff;
  border: 1px solid #1877ec;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  margin-left: 33%;
  margin-top: -27px;
  margin-bottom: 5px;
  padding: 1px 5px;
  width: 70px;
}