/**
 * type.css
 * used to define typographic grid, etc.
 */

.midColMain p,
.midColMain h4, .midColMain h5, .midColMain h6,
.midColMain ul, .midColMain ol, .midColMain dl,
.midColMain td, .midColMain th,
.midColMain pre {
  font-size     : 11px;
  line-height   : 16px;
  margin-top    : 16px;
  margin-bottom : 16px;
}

.midColMain h1 {
  font-size     : 16px;
  line-height   : 16px;
  margin-top    : 0;
  margin-bottom : 16px;
}      

.midColMain h2 {
  font-size     : 14px;
  line-height   : 16px;
  margin-top    : 16px;
  margin-bottom : 16px;
}

.midColMain h3 {
	font-size      : 12px;
	line-height    : 16px;
	margin-top     : 16px;
	margin-bottom  : 16px;
} 

.midColMain address,
.midColMain caption {
  font-size   : 11px;
  line-height : 16px;
}

.midColMain blockquote {
  margin  : 0 1em;
}

/* list item formatting */
.midColMain dd {
  margin-left : 1em;
}

.midColMain li {
  margin-left :   2.5em;
}

.midColMain ul li {
  list-style  : disc outside;
}

.midColMain ul li ul li {
  list-style-type : circle;
}

.midColMain ul li ul li ul li {
  list-style-type : square;
}

.midColMain ol li {
  list-style  : decimal outside;
}

.midColMain ol li ol li {
  list-style-type : lower-alpha;
}

.midColMain ol li ol li ol li {
  list-style-type : lower-roman;
}

/* tables */
.midColMain th, .midColMain td {
  padding : 0.25em;
}

/* preformatted content has a tendency to overflow */
.midColMain pre {
  width     : 487px;
  overflow  : hidden;
}

/**
 * font settings
 * grouped according to common purpose
 */

/* body text is most often a sans-serif typeface */
.midColMain p, .midColMain ul, .midColMain ol, .midColMain dl, .midColMain tr {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : inherit;
  font-weight   : inherit;
  text-align    : inherit;
}

.midColMain address,
.midColMain blockquote {
  font-family   : inherit;
  font-style    : italic;
  font-stretch  : inherit;
  font-variant  : normal;
  font-weight   : 400;    
  text-align    : left;
}

.midColMain caption {
  font-family   : inherit;
  font-style    : normal;
  font-stretch  : inherit;
  font-variant  : normal;
  font-weight   : 700;
  text-align    : left;
}

/* code and preformatted text 
   added line-height to compensate for font change */
.midColMain code, .midColMain kbd, .midColMain samp, .midColMain tt, .midColMain var {
  line-height   : 0.99em;
  font-family   : Lucida Console, Monaco, monospace;
  font-style    : normal;
  font-stretch  : normal;
  font-variant  : normal;
  font-weight   : 400;
  text-align    : left;
  color         : #555;
}

.midColMain pre {
  font-family   : Lucida Console, Monaco, monospace;
  font-style    : normal;
  font-stretch  : normal;
  font-variant  : normal;
  font-weight   : 400;
  text-align    : left;
  color         : #555;
}

/* heavier weight items */
.midColMain strong, .midColMain b, .midColMain dt, .midColMain th {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : inherit;
  font-weight   : 700;    
  text-align    : inherit;
  color         : inherit;    
}

/* italics */
.midColMain em, .midColMain cite, .midColMain i {
  font-family   : inherit;
  font-style    : italic;
  font-stretch  : inherit;
  font-variant  : inherit;
  font-weight   : inherit;    
  text-align    : inherit;
  color         : inherit;    
}

/* indication of hidden information */
.midColMain abbr, .midColMain acronym, .midColMain dfn {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : small-caps;
  font-weight   : inherit;
  text-align    : inherit;
  color         : #555;
}

/* headings should have a default face which sets it apart */
.midColMain h1 {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : inherit;
  font-weight   : 700;
  text-align    : inherit;
  color         : inherit;
}

.midColMain h2 {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : normal;
  font-variant  : normal;
  font-weight   : 700;
  text-align    : inherit;
  color         : inherit;
}

.midColMain h3 {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : normal;
  font-variant  : small-caps;
  font-weight   : 700;
  text-align    : inherit;
  color         : inherit;
}

.midColMain h4 {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : small-caps;
  font-weight   : 700;    
  text-align    : inherit;
  color         : inherit;
}

.midColMain h5 {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : normal;
  font-weight   : bold;
  text-align    : inherit;
  color         : inherit;
}

.midColMain h6 {
  font-family   : inherit;
  font-style    : inherit;
  font-stretch  : inherit;
  font-variant  : small-caps;
  font-weight   : 400;    
  text-align    : inherit;
  color         : inherit;
}

/**
 * Listings as list
 */
.listing {
  padding       : 7px 10px 5px 10px;
  margin-bottom : 10px;
  clear         : both;
}

.listing h2 {
  color     : #0692d3;
  padding   : 0;
  margin    : 0 0 8px 0;
  font-size : 12px;
}

.listing .listing-logo {
  float       : left;
  margin      : 0 10px 8px 0;
  text-align  : center;
}

.listing .listing-logo img {
  border  : 1px solid #f3f3f3;
}

.listing .listing-logo .itineraryAdd {
  margin          : 2px 0 0 0;
  font-size       : 10px;
  line-height     : 11px;
  font-weight     : bold;
  text-transform  : uppercase;
  color           : #B0B2B3;
}

.listing .listing-logo .itineraryAdd a {
  color : #000;
}

.listing .listing-description {
  float : left;
}

.listing .listing-description h3 {
  margin  : 0 0 4px 0;
  color   : #000;
}

.listing .listing-description dl {
  display : block;
  margin  : 0 0 8px 0;
}

.listing .listing-description dl dd,
.listing .listing-description dl dt {
  display : block;
  float   : left;
  padding : 0;
  margin  : 0;
}

.listing .listing-description dl dt {
  width : 75px;
  clear : left;
}

.listing .listing-description dl dd {
  width : 240px;
}

.listing .listing-description dl dd dt {
  width : 50px;
}

.listing .listing-description dl dd dd {
  width : 165px;
}

.listing .listing-description dl dd a {
  color : #0692d3;
}

.listing .listing-description p {
  margin  : 0 0 8px 0;
}

.listing .listing-description a.more-link {
  text-transform  : uppercase;
  color           : #555;
  float           : right;
  font-weight     : bold;
  margin          : -8px 0 0 0;
}

.listing-detail {
  float : left;
  width : 487px;
}

.listing-detail h1 {
  color           : #000;
  text-transform  : uppercase;
  font-size       : 16px;
  padding         : 8px 0;
  float           : left;
  clear           : left;
  width           : 405px;
  line-height     : 18px;
}

.listing-detail .listing-return {
  float   : right;
  clear   : right;
  padding : 8px 0;
}

.listing-detail .listing-return a {
  color     : #555;
  font-size : 11px;
}

.listing-detail .listing .listing-logo .listing-thumbs {
  margin  : 5px 0;
}

.listing-detail .listing-img-box {
  float   : right;
  padding : 0;
  margin  : 0 10px;
}

.listing-detail .listing-img-box .listing-img-box-single {
  float : right;
}

.listing-detail .listing-img-box .listing-img-box-single img {
  padding : 2px;
  border  : 1px solid #0692d3;
}

.listing-detail .listing-amenities h3 {
  margin  : 0 0 6px;
}
.listing-detail .listing-amenities ul {
  float : left;
  width : 219px;
  margin  : 0;
}

.listing-detail .listing-amenities li span {
  margin  : 0 0 0 0.5em;
}

.err-msg {
  text-align  : center !important;
  color       : #900 !important;
}

/**
 * listings drawers
 */
.lstng-extras {
  margin : 0 0 14px 0;
  border  : 1px solid #F0F0F0;
  border-top  : 0 none;
}
.lstng-drwr {
  margin  : 0;
  padding : 0;
}
.lstng-drwr h2,
.lstng-drwr-content {
  margin  : 0;
  padding : 6px;
}
.lstng-drwr h2 {
  border-top  : 1px solid #F0F0F0;
  position    : relative;
  cursor    : pointer;
}
.lstng-drwr h2 span {
  display : block;
  position    : absolute;
  right       : 0;
  top         : 1px;
  height      : 27px;
  width       : 28px;
  background  : #000 url(../images/listing-drawer-button3.gif) no-repeat scroll -28px 0;
}
.lstng-drwr h2.closed span {
  background-position : 0 0;
}
.lstng-extras .lstng-drwr-content.open {
  display : block;
}
.lstng-extras .lstng-drwr-content.closed {
  display : none;
}
.lstng-meet-rms table,
.lstng-meet-rms tr,
.lstng-meet-rms td,
.lstng-meet-rms th {
  border  : 1px solid #DDD;
}
.lstng-meet-rms table {
  margin  : 0;
  width   : 100%;
}
.lstng-meet-rms tr.odd {
  background-color  : #F0F0F0;
}

.lstng-meet-rms td,
.lstng-meet-rms th {
  text-align  : center;
  vertical-align  : middle;
}

.lstng-meet-rms .key span {
  float   : left;
  padding : 6px;
  clear   : left;
}