/* 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;
  height  : 200px;
}

.dealInner .dealDescription {
  height     : 10em;
  overflow   : hidden;
  overflow-y : auto;
}

.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;
}