/* This file should never be overloaded by brands */

/* City name index */
.dealIndex {
  list-style     : none;
}

.dealIndex .diCity {
  list-style     : none;
  margin-left    : 0px;
  padding-left   : 10px;
  padding-bottom : 2px;
}

.dealIndexColFirst {
  padding-left   : 0;
  margin-left    : 0;
}

.content .dealIndex li a {
  font-weight    : bold;
  color          : black;
}

.content .dealIndex .diCity li a {
  font-weight    : normal;
  color          : black;
}

.dealCities {
  clear          : both;
  margin-top     : 20px;
}

/* Category boxes */
.dealCatContainer {

  margin-left    : auto;
  margin-right   : auto;
}

.dealCat {
  border         : solid gray 1px;
  margin         : 10px 5px 10px 5px;
  float          : left;
  padding-top    : 16px;
  width          : 180px;
  cursor         : pointer;
}

.dealCatImContainer {
  text-align     : center;
}

.dealCatIm {
  width          : 100%;
}

.dealCatName {
  bottom         : 0;
  margin         : auto;
  vertical-align : middle;
  height         : 42px;
  font-size      : 25px;
  text-align     : center;
  line-height    : 40px;
  font-weight    : bold;
}

/* Deal group */
.dealGroup {
  margin-top     : 15px;
  clear          : both;
}

.dealGroupHeader {
  margin-bottom  : 12px;
  color          : #000;
  font-weight    : bold;
  font-size      : 11px;
}

.dealsInGroup {
  overflow       : hidden;
}

/* One   deal box */

.deal {
  min-height     : 240px;
  _height        : 240px;

  margin         : 0 0px 20px 0;
  border         : solid #ccc 1px;
  font-weight    : normal;
  float          : left;
  overflow       : visible;
  position       : relative;
  margin-top     : 30px;
  margin-bottom  : 10px;
}

.deal .choose {
  position       : absolute;
  bottom         : 8px;
  right          : 8px;
  cursor         : pointer;
}

.dealInner {
  padding        : 4px;
}

.dealInner, .dealName {
  padding-left   : 4px;
}

.starRating {
  display        : block;
  padding        : 2px 0px;
}

.hotelThumbnail {
  margin         : auto 5px 5px auto;
}

.dealName {
  margin-bottom  : 5px;
  padding-top    : 1em;
  font-weight    : bold;
}

.dealDateInfo {
  clear          : left;
  font-weight    : bold;
  margin-bottom  : 1em; /*instead of <br>*/
}

#hotel-deals-hotel .sfHotelContainer .sfHotelIdentifers {
  display        : none;
}

#hotel-deals-hotel .dealDateInfo {
  font-size      : 14px;
}

.priceLabel, .dealDateInfo {
  font-weight    : bold;
}

.dealGroup img.right {
  margin-right   : 45px;
  margin-bottom  : 20px;
}

/* Deal select form */
.dealAmenitiesShort {
  overflow       : hidden;
}

.infoLink {
  text-align     : right;
  padding-right  : 1em;
  padding-bottom : 1em;
}

#hotel-deals-hotel .propertyDetails {
  width          : auto;
}

/*Defaults for extened display, extended displays are somewhat nique so few defaults here*/
.dealCatEx {
  cursor         : pointer;
}