/* --------- /stylesheets/reset.css --------- */ 
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
/*	list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
/*	border-collapse: collapse;*/
	border-spacing: 0;
}



/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
/*ul,ol { list-style:none }*/

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
/* --------- /vendor/yui2/assets/skins/sam/calendar.css --------- */ 
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
.yui-calcontainer{position:relative;float:left;_overflow:hidden;}.yui-calcontainer iframe{position:absolute;border:none;margin:0;padding:0;z-index:0;width:100%;height:100%;left:0;top:0;}.yui-calcontainer iframe.fixedsize{width:50em;height:50em;top:-1px;left:-1px;}.yui-calcontainer.multi .groupcal{z-index:1;float:left;position:relative;}.yui-calcontainer .title{position:relative;z-index:1;}.yui-calcontainer .close-icon{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar{position:relative;}.yui-calendar .calnavleft{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar .calnavright{position:absolute;z-index:1;text-indent:-10000em;overflow:hidden;}.yui-calendar .calheader{position:relative;width:100%;text-align:center;}.yui-calcontainer .yui-cal-nav-mask{position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;_width:0;_height:0;left:0;top:0;display:none;}.yui-calcontainer .yui-cal-nav{position:absolute;z-index:3;top:0;display:none;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{display:-moz-inline-box;display:inline-block;}.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{display:block;*display:inline-block;*overflow:visible;border:none;background-color:transparent;cursor:pointer;}.yui-calendar .calbody a:hover{background:inherit;}p#clear{clear:left;padding-top:10px;}.yui-skin-sam .yui-calcontainer{background-color:#f2f2f2;border:1px solid #808080;padding:10px;}.yui-skin-sam .yui-calcontainer.multi{padding:0 5px 0 5px;}.yui-skin-sam .yui-calcontainer.multi .groupcal{background-color:transparent;border:none;padding:10px 5px 10px 5px;margin:0;}.yui-skin-sam .yui-calcontainer .title{background:url(/vendor/yui2/assets/skins/sam/sprite.png) repeat-x 0 0;border-bottom:1px solid #ccc;font:100% sans-serif;color:#000;font-weight:bold;height:auto;padding:.4em;margin:0 -10px 10px -10px;top:0;left:0;text-align:left;}.yui-skin-sam .yui-calcontainer.multi .title{margin:0 -5px 0 -5px;}.yui-skin-sam .yui-calcontainer.withtitle{padding-top:0;}.yui-skin-sam .yui-calcontainer .calclose{background:url(/vendor/yui2/assets/skins/sam/sprite.png) no-repeat 0 -300px;width:25px;height:15px;top:.4em;right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar{border-spacing:0;border-collapse:collapse;font:100% sans-serif;text-align:center;margin:0;}.yui-skin-sam .yui-calendar .calhead{background:transparent;border:none;vertical-align:middle;padding:0;}.yui-skin-sam .yui-calendar .calheader{background:transparent;font-weight:bold;padding:0 0 .6em 0;text-align:center;}.yui-skin-sam .yui-calendar .calheader img{border:none;}.yui-skin-sam .yui-calendar .calnavleft{background:url(/vendor/yui2/assets/skins/sam/sprite.png) no-repeat 0 -450px;width:25px;height:15px;top:0;bottom:0;left:-10px;margin-left:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calnavright{background:url(/vendor/yui2/assets/skins/sam/sprite.png) no-repeat 0 -500px;width:25px;height:15px;top:0;bottom:0;right:-10px;margin-right:.4em;cursor:pointer;}.yui-skin-sam .yui-calendar .calweekdayrow{height:2em;}.yui-skin-sam .yui-calendar .calweekdayrow th{padding:0;border:none;}.yui-skin-sam .yui-calendar .calweekdaycell{color:#000;font-weight:bold;text-align:center;width:2em;}.yui-skin-sam .yui-calendar .calfoot{background-color:#f2f2f2;}.yui-skin-sam .yui-calendar .calrowhead,.yui-skin-sam .yui-calendar .calrowfoot{color:#a6a6a6;font-size:85%;font-style:normal;font-weight:normal;border:none;}.yui-skin-sam .yui-calendar .calrowhead{text-align:right;padding:0 2px 0 0;}.yui-skin-sam .yui-calendar .calrowfoot{text-align:left;padding:0 0 0 2px;}.yui-skin-sam .yui-calendar td.calcell{border:1px solid #ccc;background:#fff;padding:1px;height:1.6em;line-height:1.6em;text-align:center;white-space:nowrap;}.yui-skin-sam .yui-calendar td.calcell a{color:#06c;display:block;height:100%;text-decoration:none;}.yui-skin-sam .yui-calendar td.calcell.today{background-color:#000;}.yui-skin-sam .yui-calendar td.calcell.today a{background-color:#fff;}.yui-skin-sam .yui-calendar td.calcell.oom{background-color:#ccc;color:#a6a6a6;cursor:default;}.yui-skin-sam .yui-calendar td.calcell.selected{background-color:#fff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.selected a{background-color:#b3d4ff;color:#000;}.yui-skin-sam .yui-calendar td.calcell.calcellhover{background-color:#426fd9;color:#fff;cursor:pointer;}.yui-skin-sam .yui-calendar td.calcell.calcellhover a{background-color:#426fd9;color:#fff;}.yui-skin-sam .yui-calendar td.calcell.previous{color:#e0e0e0;}.yui-skin-sam .yui-calendar td.calcell.restricted{text-decoration:line-through;}.yui-skin-sam .yui-calendar td.calcell.highlight1{background-color:#cf9;}.yui-skin-sam .yui-calendar td.calcell.highlight2{background-color:#9cf;}.yui-skin-sam .yui-calendar td.calcell.highlight3{background-color:#fcc;}.yui-skin-sam .yui-calendar td.calcell.highlight4{background-color:#cf9;}.yui-skin-sam .yui-calendar a.calnav{border:1px solid #f2f2f2;padding:0 4px;text-decoration:none;color:#000;zoom:1;}.yui-skin-sam .yui-calendar a.calnav:hover{background:url(/vendor/yui2/assets/skins/sam/sprite.png) repeat-x 0 0;border-color:#A0A0A0;cursor:pointer;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-mask{background-color:#000;opacity:.25;filter:alpha(opacity=25);}.yui-skin-sam .yui-calcontainer .yui-cal-nav{font-family:arial,helvetica,clean,sans-serif;font-size:93%;border:1px solid #808080;left:50%;margin-left:-7em;width:14em;padding:0;top:2.5em;background-color:#f2f2f2;}.yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav{top:4.5em;}.yui-skin-sam .yui-calcontainer.multi .yui-cal-nav{width:16em;margin-left:-8em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y,.yui-skin-sam .yui-calcontainer .yui-cal-nav-m,.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{padding:5px 10px 5px 10px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-b{text-align:center;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-e{margin-top:5px;padding:5px;background-color:#EDF5FF;border-top:1px solid black;display:none;}.yui-skin-sam .yui-calcontainer .yui-cal-nav label{display:block;font-weight:bold;}
.yui-skin-sam .yui-calcontainer .yui-cal-nav-mc{width:100%;_width:auto;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid{background-color:#FFEE69;border:1px solid #000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav-yc{width:4em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn{border:1px solid #808080;background:url(/vendor/yui2/assets/skins/sam/sprite.png) repeat-x 0 0;background-color:#ccc;margin:auto .15em;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button{padding:0 8px;font-size:93%;line-height:2;*line-height:1.7;min-height:2em;*min-height:auto;color:#000;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default{border:1px solid #304369;background-color:#426fd9;background:url(/vendor/yui2/assets/skins/sam/sprite.png) repeat-x 0 -1400px;}.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button{color:#fff;}
/* --------- /stylesheets/styles.css --------- */ 
* {
  margin:0;
}

/* CONTENT
------------------------------------------------------------ */
  #content h1 {
    font-size:24px;
    font-weight:bold;
      margin-bottom:10px;
  }
    #content h2.box {margin-bottom:15px;color:#390}
span.subtle{font-size:80%;font-style:italic}

#content #main,
span,div, #content p, div p, li p, span p {font-size:12px}


span.text11px  {font-size:11px}
strong.text13px  {font-size:13px}
/*----------------------------------------------------------  /
  CONTAINING ELEMENTS STYLES  */

a {
  color:#034E42;
  text-decoration:none;
}
a:hover {text-decoration:underline}
a:visited {color:#034e42}

#map {
  border:1px solid #C92;
  height:500px;
  min-width:100%;
  background:#FFF6BF;
  position:relative;
  top:10px;
  margin-top:20px;
}

.promo-price,
.price {
    color:#d61505;
    font-weight:bold;
    font-size:20px;
}
.price {display:block}

div.property span.rate-elaboration {
  /* The happens to work out to 11px since in this case
    the parent element is already 11px. */
  font-size: 1.0em;
}

  div.property.non-bookable span.rate-elaboration {
    font-size: 1.0909em;  /* Equivalent to 12px at the default font size */
  }


  /* Pricing back-porting
  ------------------------------------------------------------ */

  /*
    This helps the promo price (strikethrough price) bits
    on the search results map match the appearance of the
    map-pricing on the Property pages.
  */

  p.pricing strong.price {
    display: inline;
  }

  p.pricing del.money {
    color: #666;
  }

  p.pricing span,
    p.pricing small {
      font-size: 1.0em;
  }

  p.pricing em.money,
  p.pricing strong.money { font-size: 15px; }
  p.pricing       .money { font-size: 13px; }

  p.pricing em.money,
    p.pricing strong.money {
    color: rgb(214,21,5); /* dark red */
  }


  p.pricing .money .currency {
    font-size: 12px;

    color: rgb(51,51,51); /* darkest gray */
    font-style: normal;
    font-weight: normal;
  }

    .money.suppress-currency .currency {
      display: none;
    }

  p.pricing small {
    display: block;
    font-size: 1.0em;

    color: #666;
  }

.previous-price{
  color:#aaa;
  font-weight:normal;
  text-decoration:line-through;
}
a.printer {
    font-size:12px;
    padding-left:24px;
    background:transparent url(/images/icons_sprite.png) -12px -31px no-repeat;
}

.icon-clock {
  display:inline-block;
  height:32px;
  line-height:32px;
  margin-right:4px;
  position:relative;
  vertical-align:top;
  width:32px;
  background:transparent url(/lib/icons/icons.png) bottom left no-repeat;
}

.email {position:relative}
a.email {
  font-size:12px;
  padding-left:24px;
  background:url(/images/email2.png) left center no-repeat;
}

.disabled { color: #666; }

/* javascript notification
------------------------------------------------------------ */
#javascript_disabled_notification {background:#F3F1E9;padding:.5em}
  #javascript_disabled_notification .inner {margin:0 auto;width:40em}
    #javascript_disabled_notification h1 {
      text-align:center;
      color:#c00;
      padding:1em 0;
    }
    #javascript_disabled_notification p {text-align:left;padding:.25em 0}

span.map-header-column {display:block;padding-top:60px}
#showmap {
  display:inline-block; vertical-align:top;
  position:relative;
  width:150px;
  height:150px;
  border:1px solid #CC9922;
  margin:10px;
  text-align:center;
}
table#compare #showmap {
   position:relative;
   width:150px;
   height:150px;
   border:1px solid #CC9922;
   margin:0 auto;
   text-align:center;
}

  #showmap a#view_on_map {
    display:block;
    width:100%;
    height:100%;
    background:url(/images/map.png) repeat 0 0 transparent;
  }
    #showmap a#view_on_map span {
      position:absolute;
      bottom:0;
      left:0;
      width:100%;
      display:block;
      background:#C92;
      color:#FFF;
      padding:10px 0px;
    }
  #showmap a#view_on_map,
  #showmap a#view_on_map span:hover {text-decoration:none}

div#property-list {z-index:1; display:block; margin-top:23px}
* html div#property-list {margin-top:27px}
div#property-list ul {list-style:none}
    div#property-list .properties li {margin:0 0 8px 0;padding:0; border:1px solid #034E42;padding:0}
    div#property-list .properties li.opaque-band {border-width:0}
    div#property-list .properties li.band {padding:5px 10px; background-color:#eee; border-width:0}
    div#property-list .properties li.opaque-band-extended {height:68px; background:#fdf977 url(/images/opaque-banner-extended-lock.png) 200px 0 no-repeat}
      div#property-list .properties li.opaque-band-extended span {margin-left:270px; margin-top:9px; letter-spacing:-0.03em; line-height:24px; display:block; position:relative; font-size:16px; font-weight:bold}
        div#property-list .properties li.opaque-band-extended span strong {font-size:22px; color:#b6000d}

  div#property-list div.select {padding:0; margin:0; display:block;text-align:center}
    div#property-list div.select label {font-size:90%;color:#999}

  div#property-list div.promo {background-color:#f5f5f5}

  span.rating-img {display:inline-block; width:60px; height:11px; line-height:11px; position:relative; background:transparent url(/images/stars_suitcases_sprite.png) 0 0 no-repeat}
    span.rating-img.rated10 {background-position:-48px 0}
    span.rating-img.rated15 {background-position:-35px -11px}
    span.rating-img.rated20 {background-position:-35px 0}
    span.rating-img.rated25 {background-position:-24px -11px}
    span.rating-img.rated30 {background-position:-24px 0}
    span.rating-img.rated35 {background-position:-12px -11px}
    span.rating-img.rated40 {background-position:-12px 0}
    span.rating-img.rated45 {background-position:0 -11px}
    span.rating-img.rated50 {background-position:0 0}

/* NEW - THE OLD WAS CRAP ########################################################*/

a.photo, a.photo img {float:left; margin:0; width:60px; height:60px}
a.photo {margin:4px 0 4px 4px}

  /* Those bits aren't needed for comparison-page photos */
  span.thumb a.photo {
    float:  none;
    width:  auto;
    height: auto;
    margin: 0px;
  }
a.photo img {margin-right:5px}
a.title {display:block;float:left;font-size:13px; line-height:1; padding-top:4px;font-weight:bold;position:relative;width:145px}

.promo-info-heading {display:inline-block;margin:0;padding:14px 0 0 0;line-height:1;font-weight:bold;font-size:11px;color :#c00}

/* NEW - THE OLD WAS CRAP ########################################################*/

  .info {font-size:14px}

span.img-mask {position:absolute; left:4px; top:2px; width:16px; height:16px; background:transparent url(/images/icons_sprite.png) -31px -48px no-repeat}

div.tick-mask {display:block;position:relative;margin:0 auto; width:16px; height:16px}

.description {display:inline-block}
.description p {font-size:12px;margin:10px 0}
  .description p strong {display:block;font-size:14px}

/*make the phone number for the search results on properties page not wrap on safari */
.book {font-size:11px;text-align:right; display:block;white-space:nowrap; margin:0}
  .book .bestrate {font-size:11px;display:block}

/* this shows up depending on tab chosen; js */
span.booknow {
  display:block;
  position:absolute;
  right:10px;
  top:-35px;/*hack fix for now*/
  z-index:10;
}

/* PAGE - PROPERTIES COMPARE (/properties/compare)
------------------------------------------------------------ */
table#compare {border-collapse:collapse; margin-top: 20px;}
table#compare td.empty-column {border:none}
  table#compare tr th,
  table#compare tr td {border:1px solid #ccc}
  table#compare tr.rooms td {border-top:0}
  table#compare td {width:202px;border:1px solid #ccc;text-align:center;vertical-align:top;padding:7px 0 7px 7px}
  table#compare tr.rooms.room-start td.compare-title{text-align:left;font-weight:bold;background:#f6f6f6;font-size:15px}
  table#compare tr.compare-group td{border-top:1px solid #ccc;background:#eee}
  table#compare .room-start td {border-top:1px solid #ccc}
  table#compare .room-start td.compare-title{border-top:0}
  .compare-title a:link {text-decoration:underline;}
  table#compare .compare-header td {border:0}
  table#compare .compare-header .compare-property {padding:7px 0 7px 7px;vertical-align:top}
   th.compare-property {vertical-align:top;text-align:center}
table#compare {position:relative}
  table#compare .promobug { margin-top: 0.4em; }
  table#compare .compare-property .lowest {font-size:11px}
  table#compare .compare-property .price {font-size:20px}

.search-result-property-information {
  display: block;
  padding-left: 74px;
  padding-top:   8px;
}

  .search-result-property-information h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin:  0;
    padding: 0;
  }

  .search-result-property-information p {
    font-size: 80%;
    font-style: italic
  }

    .search-result-property-information p.partner-deal {
      font-style: normal;
      font-size: 1.0833em; /* Equivalent to 13px at the default font size */

      /* This bit ensures that there's at least this much space between
        this element and the bottom of the search-item box */
      margin-bottom: 0.5em;
    }

      .search-result-property-information p.partner-deal strong {
        color: white;
        background-color: rgb(58, 144, 33); /* Getaroom-green */

        padding-top:    0.2em;
        padding-bottom: 0.25em;
        padding-left:   0.5em;
        padding-right:  0.5em;

        -moz-border-radius:    10px;
        -webkit-border-radius: 10px;
        border-radius:         10px;

        cursor: help;
      }

        .search-result-property-information p.partner-deal.agent strong {
          padding-left:   0.6em;
          padding-right:  0.6em;

          -moz-border-radius:    6px;
          -webkit-border-radius: 6px;
          border-radius:         6px;
        }

        /* This rule is for the glyphs (currently Unicode stars) that
          flank either side of the "Partner Deal" badge */
        .search-result-property-information p.partner-deal strong span {

          /* The Unicode character that's (currently) being used here isn't present in Arial,
            so this bit helps ensure that a typeface is chosen that does have that glyph. */
          font-family: "Helvetica Neue", "Arial Unicode MS", "Lucida Sans Unicode", "MS Mincho", Helvetica, "MgOpen Moderna", Arial, sans-serif;
          color: rgb(140, 180, 140); /* Light green */
        }

.column-four .starting_at .gutter, .starting_at {
  margin: 0;
  position: relative;
  display: inline-block;
  float: right;
  text-align: right;
  font-size: 11px;
  line-height: 1.5em;
}

  div.property.non-bookable .column-four .starting_at .gutter,
    div.property.non-bookable .starting_at {
    line-height: 1.65em;
  }

.promoinfo {
    display:block;
    color:#c00;
    font-weight:bold;
}
.promobug,
.smallpromobug {
  text-align:center;
  display:block;

  position:relative;
  font-size: 1.5833em; /* 19px at the default font size */

  padding:0;
  margin:0 auto;

  margin-top:    0.9em;
  margin-bottom: 0.3em;

  letter-spacing: 0.06em;
  text-transform: uppercase;
}

  div.property.non-bookable .promobug {
    /* This jobbie has two lines of text underneath it (as of 2010-07-23)
      and so it needs a little less margin-top to still appear vertically
      centered-ish. */
    margin-top: 0.5em;
  }

.smallpromobug {
  font-size: 1.0em; /* 12px at the default font size */
  margin-right: 0.1em;
  }

  /* IE 8 doesn't need these next bits */

  /* 1st for IE 5.x-6, 2nd for IE 7, hidden from IE 5 Mac */ /*\*/
  * html .smallpromobug {
    margin-right: 0.25em;
  }

  * + html .smallpromobug {
    margin-right: 0.25em;
  }
  /**/ /* end hidden from IE 5 Mac */

  .promobug span,
    .smallpromobug span {
    /* (A negative text-indent could be used here if image-replacement
      were to be reinstated for this element.) */

    padding-top:    0.1em;
    padding-bottom: 0.15em;

    padding-left:  0.25em;
    padding-right: 0.20em;

    font-size: 1.0em; /* Inherit from its parent */
    color: white;
    background-color: rgb(214,21,5); /* dark red */
  }

.promo-block-info,
.column-two.promo-block {
    position:relative;
    font-weight:bold;
    font-size:14px;
    color:#c00;
    text-align:center;
    margin:0;
    padding:0;
  }

.column-two.promo-block .gutter {text-align:center}

  li.promo {position:relative}

div.promo-block p {position:relative;display:block; text-align:center;margin:0;float:none;clear:both}
.column-two div.promo-block p {position:relative;display:block;margin:0;float:none;clear:both}

.gutter em {font-style:normal !important; color:#000 !important;}

p.info {clear:both;width:auto;font-style:normal}

/* PAGE - PASSWORD_HELP (/password_help)
------------------------------------------------------------ */
body.password_help #content p {margin-bottom:10px}

/* PAGE - ACCOUNT (/accounts/show, url is /account [not plural])
------------------------------------------------------------ */
ul.account-links li {margin:15px 0 10px 0}

/* PAGE - BOOKING (GLOBAL)
------------------------------------------------------------ */
/* see booking.css */

/* restyle from around line 217
------------------------------------------------------------ */
.my-reservations {width:610px; margin:0;border:solid 1px #ccc; position:relative}
    .my-reservations tr td {margin-bottom:3px}
  .my-reservations caption, .account-nav-outer h2 {text-align:left;font-weight:bold; color:#000}
  .my-reservations caption {font-size:22px;padding:0 5px 10px 5px}
  .my-reservations tbody tr {background:#f5f5f5}
    .my-reservations tbody tr td {background:#fff;vertical-align:middle;padding:0 9px}
      .my-reservations tbody tr.first-row td {border-bottom:1px solid #ddd}
      .my-reservations tbody tr.second-row td {border-bottom:1px solid #390}
      .my-reservations tbody tr td small {font-size:11px}
      .my-reservations tbody tr td.property {font-size:18px; padding:12px; letter-spacing:-0.8px; font-weight:bold; color:#000; width:auto}
      .my-reservations tbody tr td.dates {background:#f5f5f5;width:150px;border-right:1px solid #ddd}
        .my-reservations tbody tr td.dates small {display:inline-block;text-align:right;line-height:1}
        .my-reservations tbody tr td.total {text-align:center;font-weight:bold;font-size:20px}
          .my-reservations tbody tr td.total small {font-weight:normal}
        .my-reservations tbody tr td.links {text-align:center;line-height:.8em;background:#F0FFDE;padding:1px;border-left:1px solid #ddd}
          .my-reservations tbody tr td.links a {font-size:12px;line-height:1;display:block;border:solid 1px #E8E86F;padding:6px 5px;margin:0;background:#FFFFCC}
            .my-reservations tbody tr td.links a:hover {background:green;color:#fff;text-decoration:none;border:solid 1px #204100}
        .my-reservations tbody tr td.dates strong,
        .my-reservations tbody tr td.code strong {font-size:14px}

.account-nav-outer {
  width:200px !important;
  padding-top:15px;
  padding:0;
  margin:0;
  display:inline-block;
  background:#f5f5f5;
  vertical-align:top;
  border:solid 1px #cce0bf;
}

.account-nav-outer h2 {
  color:#000000;
  font-size:17px;
  font-weight:bold;
  letter-spacing:-0.03em;
  line-height:1.5;
  padding-left:11px;
  text-align:left;
}

.account-nav-outer ul.account-links {display:block;padding-top:4px}
  .account-nav-outer ul.account-links li {margin:0 0 2px 0}
    .account-nav-outer ul.account-links li a {text-align:left;font-size:12px;display:block;padding:4px 4px 4px 10px}

.account-nav-outer .rounded_form {margin:0}
#account-details-outer {display:inline-block; width:640px; vertical-align:top; padding-left:10px}
  .right-column #account-details-outer  div fieldset.styles {margin:0 !important}
#acct-view-res {position:relative; display:inline-block}
  div#acct-view-res div.outside-of-table {
    display:block;
    position:relative;
  }

.only-for-print {display:none}

.propertypromo,
.property {background:#f5f5f5;position:relative;display:block;margin:0;padding:0}

.property-name {background:#f5f5f5;margin:0;padding:0; color:#000;font-size:18px;font-weight:bold}

#content, #main, #content #main, #property-list, #content #main #property-list {z-index:1}

.block-item, .block-item-center {display:block; width:100%; position:relative}
.block-item-center {text-align:center; clear:both;}

dt {font-weight:bold}
dd {margin:0 0 15px 15px}

.sitemap-column-wrap {float:left; padding-left:60px; padding-top:30px; width:880px;}
.sitemap-column {float:left; width:220px}
.sitemap-column ul li {list-style-type:none}

.seal {margin-right:15px}
.seal.bbb {width:86px; height:139px;}

.pagination {float:right; margin-top:4px}
* html .pagination {margin-top:7px}

div.sort label {font-weight:bold}

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block}

/* Hides from IE-mac \*/
.clearfix {display:block}
/* End hide from IE-mac */

/* Homepage Deals Loader Activity
------------------------------------------------------------ */
#deals-update-activity,
#deals-update-activity-mask {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:380px;
  height:385px;
  z-index:100;
}
#deals-update-activity-mask {
  background:#fff;
  filter:alpha(opacity=50);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -moz-opacity:.50; opacity:.50;
  z-index:100;
}

#deals-update-activity-indicator {
  width:40px;
  height:40px;
  margin-left:174px;
  display:block;
  position:relative;
  margin-top:142px;
  z-index:110;
  background:transparent url(/images/deals-update-activity-indicator.2.gif) no-repeat scroll 0 0;
}

/* Pop-under styles
------------------------------------------------------------ */
.popup {position:relative; width:690px;}
.thank_you.popup {background:#fff}

.popup #logo {/*position:relative; display:inline-block; margin:54px 0 0 33px;*/
  display:block;
  left:35px;
  position:absolute;
  top:10px;
  width:140px;
  height:46px;
  background:transparent url(/images/template/pu_logo.png) 0 0 no-repeat;
}

.popup #logo a {display:block; width:140px; height:46px;}

.exiting-message-title {
  position:absolute;
  left:200px;
  top:27px;
  color:#444;
  font-size:30px;
  letter-spacing:-1px;
  line-height:1.3;
}

.exiting-message {
  display:block;
  left:10px;
  max-width: 700px;
  position:absolute;
  top:80px;
  width:700px;
  text-align:center;
}

.exiting-message p {
  font-size:30px;
  letter-spacing:-0.03em;
  line-height:40px;
  margin-top:10px;
  color:#034E42;
}
.exiting-message p strong {font-size:38px; color:#D61505}

/* Header Testimonial styles
------------------------------------------------------------ */
#header-testimonial {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#f8fed8;
  border:solid 1px #ccc;
  display:block;
  position:absolute;
  top:26px;
  left:252px;
  width:290px;
  font-size:97%;
  text-align:justify;
  padding:7px 10px;
}
#header-testimonial blockquote {
  line-height:14px;
/*  font-style:oblique;*/
}
#header-testimonial strong {font-size:97%; /*font-style:oblique*/}
#testimonial-megaphone {
  bottom:0;
  left:222px;
  position:absolute;
  width:35px;
  height:54px;
  display:block;
  background:transparent url(/images/hoopla/megaphone.png) 0 0 no-repeat;
}

.password-help {margin-top:25px;}
/* --------- /stylesheets/page.css --------- */ 
/* Page
===========================================================================*/

/* URLs */

       .badge,
       .badge span {background-image:url(//www.getaroom.com/images/template/badges.png)}
.local .badge,
.local .badge span {background-image:url(/images/template/badges.png)}

.admin {background:none}

/* Layout
===========================================================================*/

html {
  margin: 0;
  padding:0;
}

html>body {font-size:16px; /*IE6 can’t read this*/}
body {
  font-size: 100%;
  line-height: 1.125em;
  font-family: "Helvetica Neue", Helvetica, "MgOpen Moderna", Arial, sans-serif;

  /* Improved handling of kerning pairs and ligatures:
  http://www.aestheticallyloyal.com/public/optimize-legibility/ */
  text-rendering: optimizeLegibility;

  margin: 0;
  padding:0;

  background-color:#fff;
}

html, body {
	height:100%;
}

.outerheight {
  min-height: 100%;
  _height:    100%; /* for IE 6 */
  margin: 0 auto -245px; /* the bottom margin is the negative value of the footer's height -1px for border and -1px for clearfix */
}

.push,
#footer {
  min-height: 243px;
  _height:    243px; /* for IE 6 */
}


/* CONTAINER
------------------------------------------------------------ */
#container {
	margin-left:auto;
	margin-right:auto;
	width:940px;
	padding-bottom:10px;
}

/* FOOTER
------------------------------------------------------------ */

#footer {clear:both;border-top:solid 1px #777777; background-color:#f5f5f5; padding:0;text-align:left;width:auto;font-size:12px}
	#footer .wrapper {padding-top:10px;width:940px;margin:0 auto;zoom:1}
	#footer p {color:#555; margin:0; padding:0}

	#footer p.tripadvisor {
    float: right;
    display: inline; /* This helps IE with floated elements */

    margin-right: 113px; /* This helps align this jobbie with the above links */
    margin-bottom: 1.0em;
  }

	#footer p.copyright {
	  /* Ensure some room between this guy and the TripAdvisor jobbie */
	  margin-top: 1.0em;
  }

	#footer ul {margin:0 0 3px 0; padding:0; list-style-type:none}
		#footer ul.navigation-links li {display:inline; padding-right:5px; border-right:1px solid #555; margin-right:5px}
		#footer ul.navigation-links li.last {padding-right:0; border-right-width:0; margin-right:0}
			#footer ul.navigation-links li a {color:#034E42; text-decoration:none; /* for old tvly air css:*/ border-width:0; padding:0}
			#footer ul.navigation-links li a:hover {text-decoration:underline}

/*
	Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
	http://www.tanfa.co.uk/archives/show.asp?var=300
*/

#footer .wrapper:after {
	content:".";
	display:block;
	visibility:hidden;

	clear:both;

	height:     0;
	line-height:0;
	font-size:  1px;
}

#footer #footer-content {margin-left:155px}
#footer ul.hotel-links li { display:inline-block; *display:inline}
#footer ul.hotel-links li a {display:inline-block; width:145px; margin-right:10px}

#footer #social-media {float:left; margin-right:10px; margin-bottom:0}
#footer #social-media li {margin:0 0 10px; padding:0}

/*
  Gilder/Levin Image Replacement
  http://levin.grundeis.net/files/20030809/alternatefir.html
*/

/* Shared */
.badge {
  display:block;

  position:relative;
  overflow:hidden;

  margin: 0;
  padding:0;
}

.badge span {
  display:block;
  position:absolute;
  z-index:1; /* for Opera 5-6 */
  top: 0;
  left:0;
}

.badge,
.badge span {
  width:144px;
  height:44px;
}

a.badge, a.badge span {cursor:pointer} /* for IE */

/* Individual */
.badge-twitter,  .badge-twitter  span {background-position:0 0}
.badge-facebook, .badge-facebook span {background-position:0 -44px}
.badge-youtube,  .badge-youtube  span {background-position:0 -88px}

table#compare td {width:220px}
/*ul.compare-amenities-list {display:block; position:relative; text-align:left; list-style:disc outside; font-size:11px;}*/
/*ul.compare-amenities-list li {display:inline-block; *display:inline; position:relative; width:96px; padding-left:6px; text-align:left;}*/
ul.compare-amenities-list {list-style:none}/* --------- /stylesheets/page-shared.css --------- */ 
/* Page
===========================================================================*/

/* URLs */

body       {background-image:url(//www.getaroom.com/images/template/header-lower-shadow.png)}
body.local {background-image:url(/images/template/header-lower-shadow.png)}

       div.header { background-color: white; }
.debug div.header { background-color: transparent; }

       #util {background-image:url(//www.getaroom.com/images/template/utility-backing.png)}
.local #util {background-image:url(/images/template/utility-backing.png)}

       #opaque_tooltip .tooltip-arrow {background-image:url(//www.getaroom.com/images/template/tooltip-arrow.png)}
.local #opaque_tooltip .tooltip-arrow {background-image:url(/images/template/tooltip-arrow.png)}

       #main_navigation li.opaque-link {background-image:url(//www.getaroom.com/images/template/opaque-tab.png)}
.local #main_navigation li.opaque-link {background-image:url(/images/template/opaque-tab.png)}

       #main_navigation li a .mid.opaque,
       #main_navigation li a .left-end-mid.opaque,
       #main_navigation li a .right-end-mid,
       #main_navigation li a .left-end.opaque,
       #main_navigation li a .right-end {background-image:url(//www.getaroom.com/images/template/gray-tab-opaque.png)}
.local #main_navigation li a .mid.opaque,
.local #main_navigation li a .left-end-mid.opaque,
.local #main_navigation li a .right-end-mid.opaque,
.local #main_navigation li a .left-end.opaque,
.local #main_navigation li a .right-end.opaque {background-image:url(/images/template/gray-tab-opaque.png)}

#main_navigation li a .mid,
#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid,
#main_navigation li a .left-end,
#main_navigation li a .right-end {background-image:url(/images/template/gray-tab.png)}

/* HEADER
------------------------------------------------------------ */

body {
  background-repeat:repeat-x;
  background-position:0 110px;
}

/* fixes AddThis Flash causing 1px gap above header */
#atff { position: absolute; }

#mobile-invitation {
  background-color: #333;
  color: white;
  font-weight:bold;
  font-size:16px;
  padding:5px;
  text-align: center;
}

#mobile-invitation a {
  color: white;
  text-decoration: underline;
}

div.header {
  display: block;
  position: relative;

  margin:  0;
  padding: 0;

  height: 110px;
  border-bottom-width: 0;
  overflow: visible;

  background-repeat: repeat-x;

  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.78, rgb(255,255,255)),
      color-stop(1,    rgb(243,243,243))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(255,255,255)  78%,
      rgb(243,243,243) 100%
  );
}

div.header .wrapper {
  width:940px;
  margin:0 auto;
  height:110px;
}
#logo {
  margin:20px 0 0 0;
  display:inline-block;
  height:70px;
  width:212px;
  float:left;
}
#logo a {display:block}
#logo img {border-width:0}
.slogan {display:none}

.call-center-numbers {
/*  margin:22px 0 0 0;*/  /*   while opaque tab is in the nav this margin is un-needed */
  width:300px !important;
  margin: 11px 7px 0 0;
  padding:0;
  display:inline-block;
  float:right;
  clear:right;
  position:relative;
  text-align:right !important;
}
.phone {
  font-size:32px;
  line-height:34px;
  letter-spacing:-0.04em;
  color:#4c4c4c;
  font-weight:bold;
  text-align:right;
}
.phone sup,
sup.sm {
  color:#4c4c4c;
  position:absolute;
  top:4px;
  right:-13px;
  font-size:10px;
  font-weight:normal !important;
  line-height:8px;
  font-weight:600;
  margin:0;
  padding:0;
  vertical-align:baseline;
}
sup.sm {font-size:9px; top:1px}
.sub-phone {letter-spacing:normal; font-weight:bold; font-size:16px; display:block; color:#50b948; line-height:1}
.call-center-numbers small {color:#777; font-size:11px; font-weight:normal; letter-spacing:-0.02em; line-height:1.5}

#why-call {
  display:block;
  position:relative;
  float: right;
  width:71px;
  height:28px;
  right:6px;
  top:3px;
  margin-left: 8px;
  background:transparent url(/images/why_call_button.png) 0 0 no-repeat;
}
#why-call span {display:none;}
#thats-why {
  text-align: left;
  z-index:1000;
  position:absolute;
  zoom:1;
  right:5px;
  top:5px;
  border:solid 1px #333;
  background:#ea3c00;
  width:345px;
  padding:0;
}
  #thats-why p {
    font-weight:bold;
    font-size:13px;
    line-height:1.3;
    color:#fff;
    padding:2px 5px;
  }
  #thats-why h1 {padding:0 5px 2px; font-size:22px; color:#d1ff32; text-align:right; margin-top:-10px; line-height:24px}

#pressure-sell { z-index: 1000; zoom:1; float:right; display:block; position:relative; clear:right; margin-top:6px; width: 350px; text-align: right;}
#pressure-sell.drop-top { margin-top: 7px; }
.headline {zoom:1; white-space:nowrap; font-size:29px; line-height:33px; color:#e4280e; margin-bottom:2px; letter-spacing:-1px; display:block; }

.phones { float: right; clear: right; text-align: right; margin: 11px 7px 0 0; }
.phones.browse,
.phones.searches { margin: 0; }

  .phones .phone-main { display: block; font-size: 32px; line-height: 34px; letter-spacing: -0.04em; color: #4c4c4c; font-weight: bold; text-align: right; white-space:nowrap; }
  .phones.browse .phone-main,
  .phones.searches .phone-main { margin-right: 4px; float: left; zoom:1; display:inline-block; display:*block; letter-spacing: normal; font-size:38px; line-height:38px; font-weight:bold; color:#034e42; }

  .phones.browse .phones-secondary,
  .phones.searches .phones-secondary { z-index: 4; float: left; zoom:1; display:inline-block; display:*inline; vertical-align:top; padding-left:7px; margin-top:2px; position:relative; text-align:left; border-left:solid 1px #808080}

    .phones .phones-secondary .top-number { z-index: 5; position: relative; letter-spacing: normal; font-weight: bold; font-size: 16px; display: block; color: #50b948; line-height: 1 }
    .phones.browse .phones-secondary .top-number,
    .phones.searches .phones-secondary .top-number {display:block; font-weight:bold; color:#373737; font-size:16px; line-height:16px; text-align:left}

      .phones .phones-secondary .top-number sup.sm { visibility: hidden; }
      .phones.browse .phones-secondary .top-number sup.sm,
      .phones.searches .phones-secondary .top-number sup.sm { visibility: visible; }

    .phones .phones-secondary .bottom-number { color: #777; font-size: 11px; font-weight: normal; letter-spacing: -0.02em; line-height: 1.5; }
    .phones.browse .phones-secondary .bottom-number,
    .phones.searches .phones-secondary .bottom-number {display:block; font-weight:bold; color:#636363; font-size:12px; line-height:12px; text-align:left; margin-top:3px}

/* added "All agents are U.S. based!" to the header. leaving the original style so its easy to switch back*/
/* phone and headline styles for when "All agents are U.S. based!" in the header
.headline {zoom:1; white-space:nowrap; font-size:30px; line-height:30px; color:#e4280e; margin-bottom:2px; letter-spacing:-1px; display:block}
.phone-large {zoom:1; display:inline-block; display:*block; position:relative; font-size:37px; line-height:35px; font-weight:bold; color:#034e42}
*/
/*.us-based {
  white-space:nowrap;
  margin:0;
  padding:0 206px 0 6px;
  display:block;
  clear:both;
  height:14px;
  color:#000;
  font-size:11px;
  line-height:14px;
  font-weight:normal;
  position:relative;
  background:#fff url(/images/flag-icon.png) right 50% no-repeat;
}*/
.us-based {
  white-space:nowrap;
  margin:0;
  padding:0 0 0 6px;
  width:339px;
  float:left;
  display:block;
  clear:both;
  height:22px;
  color:#fff;
  font-size:11px;
  line-height:22px;
  font-weight:normal;
  position:absolute;
  bottom:-25px;
  left:-1px;
  border:solid 1px #333;
  background:#02399f url(/images/flag-icon.png) 140px 3px no-repeat;
}

/*.us-based p {position:relative; display:block; margin:0 0 0 58px; font-size:11px !important;}*/

/* added "All agents are U.S. based!" to the header. leaving the original style so its easy to switch back
.phones-secondary {zoom:1; display:inline-block; display:*inline; vertical-align:top; padding-left:7px; position:relative; text-align:left; border-left:solid 1px #808080}*/

#util {margin:0 auto 10px auto; width:950px; height:30px; text-align:right; background-repeat:no-repeat}

#currency-note {display:inline;
  float:left;
  padding:6px 11px;
  font-size:11px;
  float:left;
}

#currency-changer { display:inline; float:left; padding:6px 11px; float:left}

#util {color:#034E42}
#util a {color:white !important;}

/* stupid "why call?" hover goes under the utils nav links - stupid stacking order in stupid ie6 */
* html #util ul,
* html #util ul li,
* html #util ul li a {position:static;}
/* stupid "why call?" hover goes under the utils nav links - stupid stacking order in stupid ie7 */
*+html #util ul,
*+html #util ul li,
*+html #util ul li a {position:static;}


#util a:link,
#util a:visited {
  text-decoration: none;
}

#util a:focus,
#util a:hover,
#util a:active {
  text-decoration: underline;
}

.active-customer {
  font-weight:bold;
  width:950px;
  display:block;
  position:relative;
  border:solid 1px #aaa;
  background:#e7e7e7;
  text-align:right;
  margin:0 auto 5px auto;
}
.agent-information {padding:6px 11px; float:right}
.agent-information a {font-size:11px}
.customer-name span {display:block; padding:6px 100px 0 0; font-weight:bold; font-size:15px}
.active-customer h1 {text-align:center; background:#ccc}

.active-customer ul,
#util ul {display:inline-block; position:relative; margin:0}
.active-customer ul {display:block}

.active-customer ul li,
#util ul li {
  display:inline-block;
  position:relative;
  font-size:13px;
  padding:0;
  margin:0;
  vertical-align:top;
}
/*#header #util ul li.last {margin-right:0}*/
.active-customer ul a,
.active-customer ul strong,
#util ul li a,
#util ul li.welcome-user span {font-weight:bold; display:inline-block; position:relative; padding:6px 10px}
#util ul li.welcome-user span {font-size:13px}
#util ul li.welcome-user span a {padding:0}

.active-customer ul li a {color:#D61505; display:block}
.active-customer ul strong {background:#fff; border:solid 1px #aaa}

.top-row.customer-work ul {display:block; width:575px; float:right;}
.top-row.customer-work .current-customer {font-weight:normal; padding-top:8px; padding-bottom:8px;}
.top-row.customer-work .current-customer strong {color:#000 !important;}
.top-row.customer-work ul li {display:inline-block; *display:inline; *width:165px;}
.top-row.customer-work li a {
  display:block;
  line-height:18px;
  text-decoration:none;
  position:relative;
  width:155px;
  font-size:12px;
  letter-spacing:-0.04em;
  color:#010f98 !important;
  font-weight:bold;
  background:#fff;
  padding:2px 0;
  margin:5px auto;
  border:solid 1px #ddd;
}
.top-row.customer-work a:focus, .top-row.customer-work a:hover, .top-row.customer-work a:active {background:#010f98; text-decoration:none; color:#fff !important}

.top-row .agent-information {color:#000;}
.top-row .agent-information a {text-decoration:none;}

.top-row .current-customer {display:block; padding-top:8px; float:left; width:360px;}

#active_currency {
  font-family:"Helvetica Neue", Helvetica, "MgOpen Moderna", Arial, sans-serif;
  font-size:.95em;
  line-height:normal;
  vertical-align:middle;
}

/* NAVIGATION
------------------------------------------------------------ */
#navigation, #main_navigation  {
  zoom:1;
  white-space:nowrap;
}

#navigation {
  position:relative;
  display:inline-block;
  position:relative;
  float:right;
  clear:right;
  vertical-align:top;
  padding-right:3px;
}

#navigation.with-opaque {
  margin-bottom:-22px;
}

#navigation,
#navigation a {
  font-size:12px;
  text-decoration: none;
}

#navigation a:hover {text-decoration:none}
#main_navigation {list-style:none; white-space:nowrap}

ul#main_navigation, ul#main_navigation li {
  z-index:1;
  text-align:center;
  margin:0;
  padding:0;
  position:relative;
  display:inline-block; _display:inline;
}
#main_navigation li, #main_navigation li.opaque-link {
  z-index:10;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;
  width:75px;
  min-height:30px;
  border-right:solid 1px white;
  display:-moz-inline-stack;
  display:inline-block;
  vertical-align:top;
  zoom:1;
  *display:inline;
  _height:30px;
}

#main_navigation li a {
  text-align:center;
  display:block;
  position:relative;
  height:30px;
  padding:0;
  margin:0;
}

#main_navigation li a,
#main_navigation li a * {cursor:pointer}
#main_navigation li a .mid,
#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid,
#main_navigation li a .left-end,
#main_navigation li a .right-end {
  background-position:-20px 0;
  background-repeat:no-repeat;
}

#main_navigation li a .mid,
#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid {
  line-height:26px;
  height:30px;
  display:block;
}

/* without opaque tab */
#main_navigation li:hover a .mid,
#main_navigation li:hover a .left-end-mid,
#main_navigation li:hover a .right-end-mid {
  color:#fff;
  background-position:-20px -30px;
}

#main_navigation li a .left-end-mid,
#main_navigation li a .right-end-mid {
  width:60px;
  display:inline-block;
  vertical-align:top;
}

#main_navigation li a .left-end-mid {padding-right:5px; padding-left:5px}
#main_navigation li a .right-end-mid {padding-left:10px; padding-right:2px}

#main_navigation li a .left-end,
#main_navigation li a .right-end {
  height:30px;
  width:10px;
  display:inline-block;
}

#main_navigation li a .left-end {background-position:0 0; margin-left:-5px}
#main_navigation li:hover a .left-end {background-position:0 -30px}
#main_navigation li a .right-end {background-position:right -60px}
#main_navigation li:hover a .right-end  {background-position:right -90px}

#main_navigation li.current a .left-end {background-position:0 -120px}
#main_navigation li.current a .left-end-mid {background-position:-20px -120px}
#main_navigation li.current a .right-end {background-position:right -120px}
#main_navigation li.current a .right-end-mid {background-position:-20px -120px}

/* for opaque tab */
#main_navigation li:hover a .mid.opaque,
#main_navigation li:hover a .left-end-mid.opaque,
#main_navigation li:hover a .right-end-mid.opaque  {color:#fff; background-position:-20px -30px}

/* for opaque rollover  */
#main_navigation li.opaque-link {border:0; width:200px !important; height:52px !important; margin-right:4px; background-repeat:no-repeat}
  #main_navigation li.opaque-link a {line-height:23px; padding-left:40px; color:#fff; font-size:12px; height:52px; position:relative}
  #main_navigation li.opaque-link a span {padding-left:0}
    #main_navigation li.opaque-link:hover {line-height:23px; color:#fff; font-size:16px; height:52px; position:relative; background-position:left-53px}

#main_navigation li a .left-end.opaque {background-position:0 0; margin-left:-5px}
  #main_navigation li:hover a .left-end.opaque {background-position:0 -30px}
#main_navigation li a .right-end {background-position:right 0}
  #main_navigation li:hover a .right-end  {background-position:right -30px}
#main_navigation li a .left-end.opaque {background-position:0 0; margin-left:-5px}
  #main_navigation li:hover a .left-end.opaque {background-position:0 -30px}
#main_navigation li a .right-end.opaque {background-position:right 0}
  #main_navigation li:hover a .right-end.opaque  {background-position:right -30px}

#opaque_tooltip {
  z-index:100;
  position:absolute;
  top:20px;
  left:-20px;
  display:block;
  width:300px;
  font-size:12px;
  font-weight:normal;
  color:#000;
  background-color:#fff;
  border:solid 2px #333;
  white-space:normal;
  text-align:left;
  line-height:14px;
}

  /* (IE 8 works fine without the below bits) */

  /* 1st for IE 5.x-6, 2nd for IE 7, hidden from IE 5 Mac */ /*\*/
  * html #opaque_tooltip {
    left: -35px;
  }

  *+html #opaque_tooltip {
    left: -35px;
  }
  /**/ /* end hidden from IE 5 Mac */

#opaque_tooltip p {padding:6px; padding-right:30px}
#opaque_tooltip p strong {
  color:#d61505;
  font-size:15px;
  text-transform:uppercase;
}

#opaque_tooltip .tooltip-arrow {
  width:50px;
  height:58px;
  position:absolute;
  right:-25px;
  top:3px;
  background-repeat:no-repeat;
}
/* for opaque tab */

/*
 Repeated Admin Styles for the administration area link on the homepage.
 These styles are also in admin.css (which isn't included in the stylesheets_tag in application.html.erb for good reason).
------------------------------------------------------------------------*/
#admin-util {display:block; position:relative; margin:0 auto; width:950px; height:30px; padding-top:4px;}
.admin-back a {
  display:block;
  position:relative;
  font-size:12px;
  text-align:center;
  margin:0;
  padding:4px 10px;
  text-decoration:none;
  line-height:14px;
  background:#4690B5;
  border:solid 1px #006699;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
}

.admin-back a:link,
.admin-back a:visited { color: white;}
.admin-back a:hover {background:#FFECA2; color:#000 !important}
.admin-next-back {list-style:none; display:block; clear:both}
.admin-next-back li {display:inline-block; *display:inline; position:relative; width:auto; margin:1px; font-size:12px}
/* END unDRY administration area link css junk */

/* IE 7
===========================================================================*/

*+html #util ul,
*+html #util ul li {display:inline;vertical-align:top; zoom:1}
*+html #navigation #main_navigation li {display:inline !important}

*+html #main_navigation li a .left-end-mid {padding-right:5px}
*+html .phones-secondary {display:inline}

/* IE 6
===========================================================================*/

* html #pressure-sell {width:360px}

* html #util ul,
* html #util ul li {display:inline}
* html #main_navigation li.opaque-link a {padding-left:0}
* html #main_navigation li.opaque-link a span {padding-left:35px}
* html #main_navigation li.opaque-link {margin-right:0}
* html #main_navigation li a .left-end {width:14px; background-position:0 0  !important; margin-left:0}
* html #main_navigation li a .right-end  {width:14px; background-position:right top  !important; margin-right:0}
* html #main_navigation li a .mid.opaque {background-position:-10px 0}
* html .phones-secondary {display:inline}
/* --------- /stylesheets/home.css --------- */ 
#browse #content #main {
	display:block;
	position:relative;
	float:left;
	width:594px;
	min-height:575px; /* TODO: cleaner dimension? dependent on image sizes! */
	margin-right:10px;
}

#content #left {z-index:2;
	display:block; 
	position:relative;
	float:left;
	width:340px; /* was 343 in the psd, but 342 for newletter area... made it 340 for cleanliness */
	margin-right:10px;
	background:#fff;
}  

/* newsletter */
	#newsletter h4 {font-size: 14px;}
	#newsletter label {font-size: 12px;}
	#newsletter-subscribed {display: none;}
/**/
body.browse.home #content #right {float: left;display: none;}

/*
	Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
	http://www.tanfa.co.uk/archives/show.asp?var=300
*/
.hoopla:after {
	content: ".";
	display: block;
	visibility: hidden;

	clear: both;

	height:      0;
	line-height: 0;
	font-size:   1px;
}

.hoopla { position:relative;
	text-align:left;
	border:solid 1px #ccc;
	width:220px;
	min-height:115px;
	_height:   115px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin-top:5px;
}
.hoopla.left-col {width:260px;}

#newsletter-form .spacing {
  font-size: 12px;
  display: block;
  
  padding: 10px 10px 0;
}

#newsletter-form .spacing div {
	display: inline-block;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 0px;
}	

#newsletter-form .newsletter-subscribe {
	width: 235px;
}	

#newsletter-form small {
	font-size: 10px;
}

.hoopla .colored {
  display: block;
  
  width:      200px;
  min-height:  95px;
  _height:     95px;
  padding:     10px;
  
  font-size:   12px;
  line-height:  1.3em;
  text-decoration: none;
  
  background-repeat: repeat-x;
  background-position: bottom left;
}

.hoopla .colored:hover {
  text-decoration: none;
}

.hoopla .colored.dark-green {
  color: #ffffff !important; /* important for IE */
  background-color: #034e42;
  background-image: url(/images/hoopla/dark-green.png);
  background-position: 0 0;
}

.hoopla .colored.light-green {
  color: #034E42 !important; /* important for IE */
  background-color: #71be5a;
  background-image: url(/images/hoopla/light-green.png);
}

.hoopla .colored.aqua {
  color: #000000 !important; /* important for IE */
  background-color: #8adacc;
  background-image: url(/images/hoopla/aqua.png);
}

.hoopla a.colored.dark-green:hover,
.hoopla a.colored.light-green:hover,
.hoopla a.colored.aqua:hover {
  color: #ffffff !important; /* important for IE */
  background-color: #D80800;
  background-image: url(/images/hoopla/red.png);
  background-position: 0 0;
}

.hoopla .colored h2,
#newsletter-form.hoopla h4 {
  margin-bottom: 5px;
  
  font-size:16px;
  line-height:1.1em;
  letter-spacing:-1px;
}

.hoopla .colored p {
  margin-bottom: 5px;
}

.hoopla .colored .learn-more {
  display: block;
  text-decoration: underline;
  font-weight: bold;
	background:transparent;
}

/* HOOPLA AUGUST 31st
---------------------------------------------------------------------------------------------*/
.hoopla.daily-deals,
  .hoopla.no-fees,
  .hoopla.call-center-rebate {text-align:center}
  .hoopla.daily-deals a,
  .hoopla.win-orlando a,
  .hoopla.movie-giveaway a,
  .hoopla.no-fees a,
  .hoopla.call-center-rebate a,
  .hoopla.holiday-specials a,
  .hoopla.referral-promo a,
  .hoopla.valentines-day-promo a,
  .hoopla.spring-break-promo a,
  .hoopla.spring-holiday-deals a,
  .hoopla.memorial-day-deals a,
  .hoopla.sizzling-summer-promotion a,
  .hoopla.july-4th-hotels-promotion a,
  .hoopla.laborious-labor-day-promotion a {
  display: block;
  zoom: 1;
  
  width:  220px;
  height: 115px;
  
  margin:  0;
  padding: 0;
  overflow: hidden;
}

/* HOMEPAGE Labor Day Deals hoopla ad*/
.hoopla.laborious-labor-day-promotion a  {background: transparent url(/images/hoopla/labor-day-deals-2010.jpg) 0 0 no-repeat}

/* HOMEPAGE July 4th Deals hoopla ad*/
.hoopla.july-4th-hotels-promotion a  {background: transparent url(/images/hoopla/july-4th-hotels-promotion-2010.jpg) 0 0 no-repeat}
                                                                             
.hoopla.sizzling-summer-promotion a  {background: transparent url(/images/hoopla/sizzling-summer-promotion-2010.jpg) 0 0 no-repeat}

/* HOMEPAGE Memorial Day Deals hoopla ad*/
.hoopla.memorial-day-deals a {background:transparent url(/images/hoopla/memorial_day_promo_2010.png) 0 0 no-repeat}

/* HOMEPAGE Spring Holiday Deals hoopla ad*/
.hoopla.spring-holiday-deals a {background:transparent url(/images/hoopla/spring-holiday-deals.png) 0 0 no-repeat}

/* HOMEPAGE Spring Break Promotion hoopla ad*/
.hoopla.spring-break-promo a {background:transparent url(/images/hoopla/spring-break-promo.png) 0 0 no-repeat}

/* HOMEPAGE Valentines Day Promotion hoopla ad*/
.hoopla.valentines-day-promo a {background:transparent url(/images/hoopla/valentines-day-promo.jpg) 0 0 no-repeat}

/* HOMEPAGE Referral Promotion hoopla ad*/
.hoopla.referral-promo a {background:transparent url(/images/hoopla/referrer-promo.png) 0 0 no-repeat}

/* HOMEPAGE holiday specials hoopla ad*/
.hoopla.holiday-specials a {background:transparent url(/images/hoopla/holiday-promo.png) 0 0 no-repeat}

/* HOMEPAGE free in-room movies hoopla ad*/
.hoopla.movie-giveaway {background:transparent url(/images/hoopla/in-room-movies-on-us.jpg) 0 0 no-repeat}
	.hoopla.movie-giveaway .learn-more {color:#5c842c; clear:both;  display:block; font-weight:600; font-size:11px; margin:0 8px 0 0; text-align:right; text-decoration:underline}
	.movie-giveaway-text {float:right; margin-top:33px; line-height:0.9; text-align:center; display:block; clear:both; width:95px; font-weight:bold; color:#5c842c; font-size:19px}
	.movie-giveaway-text .big-text,
	.movie-giveaway-text strong {display:block; font-size:26px}
	.movie-giveaway-text .big-text{color:#f55c19; font-size:22px}
	
/* HOMEPAGE win a trip to orlando on twitter hoopla ad*/
.hoopla.win-orlando {background:transparent url(/images/hoopla/win_orlando.png) 0 0 no-repeat}
	.hoopla.win-orlando .learn-more {color:#fff300; font-weight:600; font-size:11px; margin:20px 8px 12px 0; text-align:right; display:block; text-decoration:underline; text-shadow: #000 1px 1px 2px}
	.hoopla.win-orlando h2 {color:#fff300; font-size:15px; text-align:center; font-weight:600;  text-shadow: #000 1px 1px 3px; letter-spacing:0.03em}

/* HOMEPAGE generic hoopla deals */
.hoopla.daily-deals {background:transparent url(/images/hoopla/mouse-graident.png) 0 0 no-repeat}
	.hoopla.daily-deals h2 {font-size:24px; margin:10px 0 0 10px; letter-spacing:-0.02em; display:block; text-align:left}
	.hoopla.daily-deals p {color:#000; font-size:14px; font-weight:bold; margin:16px 0 20px 75px; text-align:left; letter-spacing:-0.04em; line-height:1.1}
	.hoopla.daily-deals .learn-more {color:#010f98; text-decoration:underline; display:block; text-align:right; margin-right:10px; font-size:11px}
.hoopla.no-fees {background:transparent url(/images/hoopla/no-fees.png) 31px 15px no-repeat}
 .hoopla.no-fees h2 {font-size:17px; color:#000; letter-spacing:-0.04em; margin-top:70px; line-height:1}
	.hoopla.no-fees h2 small {display:block; text-align:left; padding-left:10px; color:#666; font-weight:normal; font-size:11px; text-align:left}
	.hoopla.no-fees .learn-more {color:#010f98; text-decoration:underline; display:block; text-align:right; margin-right:10px; font-size:11px}
.hoopla.call-center-rebate {background:transparent url(/images/hoopla/phone-icon.png) 170px 10px  no-repeat}
	.hoopla.call-center-rebate h1 {margin:7px 0 0 13px; font-size:35px; color:#d61505; letter-spacing:-0.04em; text-align:left; line-height:1.2}
		.hoopla.call-center-rebate h1 span {text-transform:uppercase; font-size:19px; padding-left:4px}
	.hoopla.call-center-rebate h2 {font-size:21px; color:#000; letter-spacing:-0.003em; line-height:1.2}
	.hoopla.call-center-rebate p {font-size:16px; letter-spacing:-0.013em; color:#034e42; font-weight:bold}
	.hoopla.call-center-rebate p small {color:#666; font-weight:normal}
	.hoopla.call-center-rebate .learn-more {color:#010f98; text-decoration:underline; display:block; text-align:right; margin-right:10px; font-size:11px}

/* a.hoopla-link {display:block; position:relative; zoom:1; width:220px; height:115px; margin:0; padding:0; border:0; overflow:hidden;}*/
a.hoopla-link:hover {text-decoration:none;}
/*---------------------------------------------------------------------------------------------
 HOOPLA AUGUST 31st end */

#spotlight {zoom:1; z-index:1;
	width:380px; 
	margin:0 0 5px 4px;
	min-height:400px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	_height: 400px;
}

*+html #spotlight {margin-left:8px} /* IE7 */

#spotlight h1 {text-align:left; padding-left:10px}

.market-hotels a {display:block; font-weight:bold; text-align:right; text-decoration:underline;}
#homepage-cc-ad {
  width:140px !important;
  height:412px;
  zoom:1;
  z-index:1;
  margin-left:4px;
  display:inline-block;
  *display:inline;
  vertical-align:top;
  background: url(/images/cc_ads/callcenter-homepage-ad.jpg) 0 0 no-repeat;
}
*+html #homepage-cc-ad {margin-left:8px;} /* IE7 */

#homepage-cc-ad.intl-affiliate {background: url(/images/cc_ads/callcenter-homepage-ad-non-us.jpg) 0 0 no-repeat;}

#resultspage-cc-ad {
  position:relative;
  width:530px !important;
  height:210px;
  zoom:1;
  z-index:1;
  margin-left:5px;
  display:inline-block;
  *display:inline;
  vertical-align:top;
  background: url(/images/cc_ads/callcenter-search-ad.jpg) 0 0 no-repeat;
}
* html #resultspage-cc-ad {margin-left:10px;} /* IE6 */
*+html #resultspage-cc-ad {margin-left:8px;} /* IE7 */

#resultspage-cc-ad.intl-affiliate {background: url(/images/cc_ads/callcenter-search-ad-non-us.jpg) 0 0 no-repeat;}

/* Call Center Promotion Ad - Search Results Page Hover
------------------------------------------------------------ */
#resultspage-cc-ad-over,
#resultspage-cc-ad-over-mask {
	display:block;
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	width:530px;
	height:210px;
	z-index:100;
	margin:0;
	padding:0;
}

#resultspage-cc-ad-over-mask {
	background:#000;
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity:.50; opacity:.50;
	z-index:100;
}

#resultspage-cc-ad-over-content {
	width:490px;
	height:72px;
	margin-left:20px;
	display:block;
	position:absolute;
	margin-top:70px;
	z-index:110;
	background:#df3606;
}

#resultspage-cc-ad-over-content h3 {font-size:15px; color:#fff; padding:5px 0 0 5px}
#resultspage-cc-ad-over-content h2 {font-size:32px; color:#b3fe26; text-align:right; padding:0 5px 5px 0}

/*#resultspage-cc-ad.item-hidden {display:none}*/
/*#resultspage-cc-ad.item-visible {display:block}*/

a.haiti-relief-donation {position:absolute; top:32px; left:216px; width:264px; height:55px; display:block; background:#e8f1ff url(/images/aid.png) 0 0 no-repeat }
a.haiti-relief-donation span {display:none}/* --------- /stylesheets/deals.css --------- */ 
#displayed_deals li {
  	display:block;
  	position:relative;
  	list-style-type: none;
}

#displayed_deals li.deal-item {zoom:1; z-index:1;
	display:block;
	position:relative;
	border-bottom:solid 1px #cccbcb;
	min-height:88px;
	*height:88px;
	width:380px;
	margin-top:7px;
}

.deal-item       .addthis_toolbox { visibility:hidden; float:left; margin-top:4px; _visibility:visible; } /* IE 6 doesn't support div:hover */
.deal-item:hover .addthis_toolbox { visibility:visible;}
.deal-item .addthis_default_style {-moz-border-radius-topleft:4px;-moz-border-radius-topright:7px;-webkit-border-radius-topleft:4px;-webkit-border-radius-topright:7px;
  border: solid 1px #a4c7c2;
  border-bottom:none;
  position:absolute;
  left:0;
  bottom:0;
  padding:0 8px;
  background:#e1f5f2;
  height:18px;
  line-height:16px;
}
* html .deal-item .addthis_default_style {
/*  position: static;*/
/*  float: left;*/
/*  display: inline;*/
  margin-left: 0;
/*  margin-top:-15px;*/
/*  top: 100%;*/
  bottom: 0;
}
.deal-item a.at300m, .deal-item a.at300b {margin:1px 2px}

.rating-star .value {display:none}

.deal-item .pad {padding:0 5px 5px; zoom:1; z-index:1}
.deal-item p {font-size:12px; float:left; width:295px}

* html .deal-item p {width:290px}

.img-outer {display:inline-block; *display:inline; vertical-align:top; width:60px; height:60px; margin-right:5px;}
*+html .img-outer {margin-right:0 !important}

.deal-text{zoom:1; z-index:1; font-size:12px; width:296px; display:inline-block; *display:inline; vertical-align:top;line-height:1.2;}
.deal-text h2 {font-size:15px;line-height:1.4;}
* html .deal-text {width:290px}
*+html .deal-text {display:inline;width:295px}
.name-description {display:inline-block; text-align:left;}
.from-price { text-align:right; color:#000; font-size:11px;
  float:right; width:150px;
}
.from-price strong { text-align:right; color:#d61505; font-size:18px}
.from-price small{font-size:11px; color:#000; display:block; width:auto;}

#deals_heading {display:block; position:relative; width:380px; margin-bottom:3px; background:#e1f5f2; }
	#deals_heading h2 {padding:3px 10px; line-height:1; font-size:20px;}
		#deals_heading h2 span {font-size:16px;}
#deals_heading {color:#034e42; font-size:18px; font-weight:bold}

#deals_heading .first-line {font-size:18px;line-height:1.1;}
#deals_heading .first-line .popit {font-size:24px; color:#d61505;}
#deals_heading .second-line {font-size:24px;}

#spotlight #deals_heading.city-highlight {
	background:#ff7337;
}
#spotlight #deals_heading.city-highlight h2 {color:#ffc1a6; font-weight:normal;}
#spotlight #deals_heading.city-highlight h2 span {font-size:19px; color:#fff; font-weight:bold;}

#deals_listing {position:relative;}/* --------- /stylesheets/booking.css --------- */ 
#booking_credit_card_number {width:170px}
#booking {width:100%}

/* PAGE - BOOKING (GLOBAL)
------------------------------------------------------------ */
h1.booking-step-heading {padding-bottom:10px;}

#box-padding {padding:10px}

/* reservations detail box */
.booking-details {
  float: right;
  display:block;
  position:relative;
  background: #eee;
  width:300px;
  vertical-align:top;
  margin: 0 0 0 5px;
  border: 1px solid #cccccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
* html .booking-details, *+html .booking-details {margin:0 0 0 5px !important;}

  .booking-details .thumb {float:left; margin:0 0.5em 0.5em 0}
.booking-details table { width:100%; border-collapse:collapse; padding:0; margin:0}
.booking-details table th {text-align:left; padding:0 5px; font-size:12px; padding-top:10px; line-height:1.2}
.booking-details table thead tr th {padding:5px 0 5px 10px; font-size:14px}
.booking-details table td {font-size:12px; padding:3px 5px 3px 2px; line-height:1.3}
.booking-details table .left {font-size:11px; padding-left:8px}
.booking-details table .mid {font-size:11px; text-align:right !important}
.booking-details .right {font-size:11px; text-align:right !important}

div.booking div.booking-details div.property {padding:0; border:0}
  .booking-details .old, .old {font-size:10px; float:none; color:#999; text-decoration:line-through}

/* Properties common to both promo boxes and rate plan
  description boxes */
.property-info .respromo-box,
  .property-info .rate-plan-description-box {
  padding-top: 5px
}

  /* This guy gets a few extra properties */
  .property-info .respromo-box {
    position: relative;
    display: inline-block;
  }

.property-info .respromo-box em {font-style:normal; font-weight:bold; display:block; position:relative; margin-top:4px; margin-left:38px;}

.property-info .smallpromobug {display:inline-block; vertical-align:middle}

.property-info .respromo-text,
  .property-info .rate-plan-description-text,
  .inset .respromo-text {
  display: inline-block;
  width: 125px;
  padding-top: 12px;
  color: #d61505;
  font-weight: bold;
  vertical-align: middle
}

  .property-info .rate-plan-description-text {
    padding-top: 0px;
  }

  .inset .respromo-text {width:auto; padding-top:0; font-size:11px}

.compare-properties,
.compare-properties.checked {width:76px; height:30px; float:none; display:block; text-align:left; margin:0 auto; position:relative}
.compare-properties {background:transparent url(/images/compare_off.png) right 50% no-repeat}

 .compare-properties.checked {margin:0 auto; background:transparent url(/images/compare_on.png) right 0 no-repeat}
  .properities,
  .properities li,
  .property, .propertypromo {z-index:10}
  .property.comparebg, .propertypromo.comparebg {background:#f1dc3b url(/images/compare-bg.png) 0 0 repeat-x}

.property-rows {position:relative; z-index:1}

.property.comparebg .compare-properties, .propertypromo.comparebg .compare-properties {width:76px; height:30px}

.compare-properties label {margin:0 auto; padding:0; display:block; width:56px; height:19px; cursor:pointer; position:absolute; top:4px; right:0}
.compare-properties label span {display:none}

.compare-now {display:block; margin:0 auto; padding:0; width:56px; height:30px; position:absolute; top:0; right:0}
   .compare-now span {display:none}

input.compare {padding:0; margin:7px 0 0 0; display:inline-block}

.title h2 {padding-top:4px; font-size:16px; font-weight:bold; line-height:1.2}

th.compare-property a {font-size:15px}
th.compare-property .subtle a {font-size:11px}

div.propertypromo .column_four.starting_at,
div.property .column_four.starting_at {font-size:11px}

  td.compare-property img.property-image,
  div.booking div.booking-details .thumb img {width:60px; height:60px;}

img.property-image,
  table#compare td.compare-property span.thumb img.property-image,
   #property-list .thumb {width:60px; margin:0; padding:0; position:relative; float:left}

  /*
    div.info-window just encloses the contents of the Google Maps info-window.
   (See also maps_helper.rb)
  */

  div.info-window {
    margin-bottom: 0.5em;
  }

    div.info-window img.property-image {
      float: left;
      display: inline; /* This helps IE with floated elements */
    }

    div.info-window div.property-copy {
       /* Prevent the copy from falling beside the image */
      margin-left: 70px;
    }

      /* For instance, for the property titles */
      div.property-copy em {
        font-style: normal;
        font-weight: bold;
      }

      div.property-copy strong {
        color: rgb(214,21,5); /* dark red */
      }

      /* Promo/Save/Sale Flag */
      div.property-copy .promo-flag {
        padding: 0 1px 0 2px;
        letter-spacing: 1px;
        text-transform: uppercase;

        color: white;
        background-color: rgb(214,21,5); /* dark red */
      }

table#compare td.compare-property span.thumb {
  margin-right: 8px;
}
table#compare td.compare-property span.thumb {display:block; position:relative; float:left; width:60px; height:60px; overflow:hidden; background:#e5e5e5;}

.property .thumbnail,
.propertypromo .thumbnail {display:block; position:absolute; width:60px; height:60px; top:8px; left:8px; margin:0; padding:0}

.property-info .thumbnail img.property-image,
.property .thumbnail img.property-image,
.propertypromo .thumbnail img.property-image {display:block; position:relative; width:60px; height:60px; margin:0; padding:0}
.property-info .thumbnail img.property-image { margin-bottom: 5px; }

.row-submit {list-style:none}
.row-submit,
.guest.option label,
.signup.option label,
#register p,
.booking-details .wrapper p.note {font-size:13px}

div.form-text {padding:10px 5px 0 0; display:block}

.form-text-padlow,
.form-text p {font-size:11px; display:block; padding:10px 30px 0 10px; margin:0; clear:both}
   .form-text-padlow {padding-top:20px; padding-bottom:5px}
  .form-text p strong {font-size:110%}

.gutter {display:block; padding:8px; margin:0; text-align:left; z-index:1}
.gutter em {
  display:block;
  line-height:1.3;
  position:relative;
  margin-left:36px;
  vertical-align:bottom;
}

.pressure-sell.with-icon {
  text-align:left;
  position:relative;
  line-height:1.4;
}

.pressure-sell.with-icon .icon-clock {
  display:block;
  margin:0;
  position:absolute;
  left:-36px;
  top:0;
}
.oneline {white-space:nowrap !important}

.column-one, .column-two, .column-three, .column-four, .column-five {z-index:1; display:block; position:relative; background:none; padding:0; margin:0}

.column-one {
  float: left;
  display: inline; /* This helps IE with floated elements */
  position: relative;

  width: 430px;

  /*
    Min-Height Fast Hack:
    http://www.dustindiaz.com/min-height-fast-hack/
  */
  min-height: 76px; /* 8px top + 60px thumbnail height + 8px bottom */
  height:     auto !important;
  height:     76px; /* 8px top + 60px thumbnail height + 8px bottom */

}
.column-one .gutter {padding:0 0 0 10px}

.column-two {width:165px; float:left}
* html .column-two {width:158px}
.column-three {width:146px; float:right; text-align:center; padding:0px}
.column-four {width:190px; float:right; text-align:right}
.column-three .gutter,
.column-four .gutter {float:right; text-align:center; font-size:12px}

.column-four.starting_at .gutter {text-align:right; font-size:11px}
.column-four .gutter .book {display:block; position:relative; float:right; clear:both; padding:0}

.opaque-banner {
  z-index:10 !important;
  vertical-align:top;
  border:solid 1px black;
  font-size:12px !important;
  text-align:center;
  background:#feffcf url(/images/template/opaque-gradient-backing.png) scroll repeat-x top right;
}

.opaque-banner.results-opaque-banner {
  position:absolute;
  top:  -17px;
  left: 475px;
  padding: 0;
  width:320px;
}

.opaque-banner.market-opaque-banner {
  font-size: 14px !important;
}

.opaque-banner.property-opaque-banner {
  float: right;
  padding: 0 10px;
  margin: 10px 0;
}

.opaque-banner strong {
  display:inline-block;
  font-size:16px !important;
  height:30px;
  line-height:30px;
  color:#d61505;
  padding-right:20px;
  background:transparent url(/images/template/results-opaque-lock.png) no-repeat right 50%;
}

div#property-list .properties li.opaque-rates {margin-top:22px}

div#property-list .properties li.opaque-rates .column-three .gutter {padding-top:20px}

.shh-opaque-band-extended {height:68px; background:transparent url(/images/hoopla/sshhh_opaque_banner_youtube.png) 0 0 no-repeat}
/*.shh-opaque-band-extended {height:68px; background:transparent url(/images/hoopla/sshhh_opaque_banner.png) 0 0 no-repeat}*/
.shh-opaque-band-extended span {display:none}
.shh-opaque-band-extended.intl-affiliate {background:transparent url(/images/hoopla/sshhh_opaque_banner_youtube-non-us.png) 0 0 no-repeat}
/*.shh-opaque-band-extended.intl-affiliate {background:transparent url(/images/hoopla/sshhh_opaque_banner-non-us.png) 0 0 no-repeat}*/
.shh-opaque-band-extended a {display:block; width:100%; height:100%}

/*.property-page-form {}*/


/* PAGE - BOOKING STEP 1
------------------------------------------------------------ */

#terms {
  font-weight:normal;
  text-align:justify;
  display:block;
  margin-top:10px;
  font-size:11px;
  line-height:1.2;
  padding:6px;
  width:420px;
  height:200px;
  background:#fff;
  border:solid 1px #034E42;
  overflow:auto
}
.field.terms-conditions #terms {width:320px; margin:0 0 8px 8px}

#terms div.tnc, #terms div.tnc p {font-size:11px; font-weight:bold}
#terms div.tnc p.nobld {font-weight:normal}
#terms div.tnc ul {list-style-type:decimal; font-size:11px}
  #terms div.tnc ul li ul {list-style-type:lower-alpha; font-size:10px; font-weight:normal}

.buttonrow-booking2 {float:left; display:block; position:relative; clear:both; padding-top:5px}
.box-padding {padding:10px 0; width:auto}

.buttonrow-booking2 .column strong label,
div.field.terms-conditions a:link#terms-link {font-size:12px; font-weight:bold}

/* PAGE - BOOKING STEP 2
------------------------------------------------------------ */
#ccv-div {
  width:590px;
  clear:both;
  text-align:center;
  float:left;
  padding-bottom:10px;
  color: #060;
}

.charge-statement {
  background:#ffff8b; /* light yellow * /
  border:solid 1px #ccc; /* gray border */
  border:solid 1px #FFD364; /* orange border */
  vertical-align:middle;
  margin-top:5px;
  padding:6px;
  text-align:center;
  -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

/* PAGE - BOOKING STEP 3
------------------------------------------------------------ */
.billing label small {line-height:.7}

#account_address_zip,
.billing.zipcode input {width:80px}

#account_address_state,
#account_address_country,
#booking_bill_country {width:150px; overflow:visible}

#account_email {width:260px}

div.terms {float:left; padding:0 0 10px 0}

.cc,
div.credit_card_type,
div.credit_card_verification,
div.credit_card_number {float:left; padding-right:4px}
   .cc {padding:0}
.billing select.state {width:90px}

div.buttonrow-booking2 {display:block;width:610px}
textarea.terms-booking2 {
  padding:0;
  margin:0;
  display:none;
  width:420px;
}
  .buttonrow-booking2 .column.left {
    font-size:12px;
    line-height:1.5;
    display:block;
    width:164px;
    padding:10px 0 0 0;
    margin:0
  }
.buttonrow-booking2 .column.left .back {display:block; width:240px; margin: 0 0 10px 0}
  .buttonrow-booking2 .column.left .back a {height:16px; line-height:16px; display:block}

.terms-conditions,
.buttonrow-booking2 .column.middle {
  background:#ffff8b; /* light yellow */
  border:solid 1px #ccc; /* gray border */
  width:450px;
  vertical-align:middle;
  padding:10px;margin:0 10px 0 0;
  text-align:left;
}
   .terms-conditions {font-size:11px; width:345px; padding:3px 0; margin-left:10px; line-height:1}

.buttonrow-booking2 .column.right {
  float:left;
  width:120px;
  padding:0;
  margin:0;
}

/* PAGE - BOOKING STEP 1 - rooms page style overides
------------------------------------------------------------ */
.booking-left {
  clear:both;
  display:block;
  width:330px;
  margin:0;
  padding:0;
}

.column,
.column-left,
.column-right {float:left}

  div.field.newsletter input {
    margin:0;
    padding:0;
    position:relative;
    vertical-align:middle;
  }

.booking-details .wrapper li {font-size:12px}

/* PAGE - RESERVATIONS (/reservations/index)
------------------------------------------------------------ */
.reservation-details,
.reservation-summary {
  display:block;
  float:left;
  clear:both;
  width:920px;
  background-color:#fff;
  margin:0;
  border:1px solid #034E42;
  padding:10px;
  -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
   .reservation-details {margin-top:8px}
  .reservation-details h2 {width:970px; margin:5px auto; font-size:16px; line-height:1.5}
  .reservation-summary .reservation-info {float:right; font-size:14px; font-weight:bold}
            .reservation-summary .reservation-info table td {color:#000; padding:1px 3px; font-size:15px}
            .reservation-summary .reservation-info table td.right {text-align:right; font-size:14px}

      .reservation-summary .property-info .property {font-size:18px; background:none; padding:10px}
      .reservation-summary .property-info .property a {font-size:20px; font-weight:bold; line-height:1.5}
      .reservation-summary .property-info .thumb {
         float:left;
         margin:0 10px 0 0;
      }
         #reservations.show h3 {padding-top:1em}
         .reservation-details li span {float:right}

         body #content .receipt h2,
         body #content .receipt h2.receipt-top {font-size:16px; display:block; position:relative; line-height:1.3; margin:0 0 10px 0}
         body #content .receipt h2.receipt-top {
            background:#f5f5f5;
            width:920px;
            border:2px solid #034E42;
            padding:10px 0 10px 20px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            font-size:17px;
         }
         body #content .receipt h2.receipt-top strong {color:#034E42; font-size:22px}
    body #content .receipt h2.receipt-top span {padding-left:20px; font-size:17px; color:#034E42}
    body #content .receipt h2 {display:inline; width:160px; float:left}
#reservations_receipt td.cancellation{padding-left:0.5em; font-size:12px}
.reservation-summary table td.header {font-weight:bold; padding:0.5em; background-color:#f5f5f5}

.property-nav { z-index:100;
  display:block;
  position:relative;
  float:left;
  margin:-4px 0 0 0;
  padding:0;
  width:100%;
}

.property-nav .options li {
  font-size:12px;
  line-height:1.5;
  display:inline-block;
  position:relative;
  padding:0;
}
.property-nav .options {
  z-index:100;
  text-align:left;
  width:465px;
  margin:0;
  position:relative;
  padding:0;
}
    .property-nav .options li.cancel a,
    .property-nav .options li.print a,
    .property-nav .options li.email a,
    .property-nav .options li.back a   {width:auto;display:block; position:relative; font-size:12px; height:16px; line-height:16px}
 /* specific: options */

    .property-nav ul.options li.print {margin-right:0}
    .property-nav ul.options li.print a {padding:0 2px 0 20px; background:transparent url(/images/icons_sprite.png) -31px -16px no-repeat}
  .property-nav ul.options li.email a {padding:0 2px 0 18px; background:transparent url(/images/icons_sprite.png) -31px 0 no-repeat}
span.back a,
  .property-nav ul.options li.back a {padding:0 2px 0 20px; background:transparent url(/images/icons_sprite.png) -31px -64px no-repeat}
  .property-nav ul.options li.cancel a {padding:0 2px 0 20px; background:transparent url(/images/icons_sprite.png) -31px -80px no-repeat}

.receipt .property-nav {width:auto}
.receipt .property-nav .options {text-align:right; width:780px}
.receipt .property-nav .options li.cancel a,
.receipt .property-nav .options li.print a,
.receipt .property-nav .options li.email a {padding-right:4px;}

.reservation-summary div.property {border:0}

#email_conf {
  display:none;
  clear:both;
  margin:0px 0px 5px 611px;
  color:#034E42;
  font-weight:bold;
}

/* Reservation cancellation page styles
-------------------------------------------------*/
.cancelling-request,
.cancellation-reason-block {
  width:500px;
  margin:10px auto;
  padding:10px;
  text-align:center;
  background:#FFFFE8;
  border:1px solid #999999;
}
.cancelling-request {border:none; background:none;}
.cancel-request-verify {
  width:650px;
  margin:10px auto;
  padding:10px;
  text-align:center;
  color:#034E42;
}
.cancel-request-verify h1 {
  color:#000;
  font-size:19px;
  line-height:1.2;
  margin:12px 0 16px 0;
}
.cancellation-alternatives {
  display:block;
  width:500px;
  margin:0 auto;
  padding:10px 0;
  text-align:left;
  color:#000;
  font-size:140%;
}
.cancellation-alternatives li {
  display:block;
  position:relative;
  margin:0 0 35px 0;
  line-height:1.5em;
  padding-left:74px;
}
.cancellation-alternatives li em {
  color:#FF0000;
  font-size:140%;
  font-style:normal;
  font-weight:bold;
  line-height:1em;
  vertical-align:middle;
}
.cancellation-alternatives li a {text-decoration:underline;}
.cancel-icon {
  position:absolute;
  display:block;
  left:0;
  top:0;
  background-image: url(/images/cancelling.png);
  background-repeat: no-repeat;
}
* html .cancel-icon {margin-left:-70px;}
  .cancel-icon.dollarsign {
    width:46px;
    height:51px;
    background-position: right top;
    left:21px;
  }
  .cancel-icon.phone {
    width:64px;
    height:38px;
    top:5px;
    background-position: right -51px;
  }
  * html .cancel-icon.phone {margin-left:-74px;}
  .cancel-icon.question {
    width:46px;
    height:47px;
    background-position: right -89px;
    left:14px;
  }
.cancellation-reason-block ul {list-style:none; margin:5px 0 10px 0}
.cancellation-reason-block h3 {text-align:left; color:#034E42; font-size:15px}
.cancellation-reason-option {
  font-size:12px;
  font-weight:normal;
  margin:10px 0;
  text-align:left;
}
.field.cancellation-reason-option .text-input {width:400px}

input.cancel-confirm,
a.cancel-confirm {
  display:inline-block;
  vertical-align:top;
  font-weight:bold;
  font-family: Arial, Myriad Pro,san-serif;
  color:#034E42;
  background: #f5f5f5;
  margin: 2px auto;
  border: 1px solid #cccccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  font-size:13px;
  text-align:center;
  padding:5px 0;
  width:220px;
}
input.cancel-confirm:visited,
a.cancel-confirm:visited {color:#034E42}
.more-hotels-link:hover,
input.cancel-confirm:hover,
a.cancel-confirm:hover {background:#034E42; color:#fff; border-color:#000; text-decoration:none}
.cancel-it {font-size:17px; font-weight:bold; display:block; float:left; clear:both; text-align:center; width:100%}
div.cancel-it h2 {font-size:22px !important; display:block; line-height:2}

.last-page-more-hotels-link {text-align:center; display:block; font-size:15px; font-weight:bold; text-decoration:underline}

/* RECEIPT TABLE STYLES
-----------------------------------------------*/
#reservations_receipt {width:80%; margin:0 auto; border:solid 1px #333; clear:both}
  #reservations_receipt thead tr th {font-size:26px; background:#034E42; color:#fff; padding:3px 20px; line-height:1.5}
    #reservations_receipt tbody tr th,
    #reservations_receipt tbody tr td {border-bottom:solid 1px #ccc; text-align:left}
    #reservations_receipt tbody tr td {font-size:12px; padding:5px}
    #reservations_receipt tbody tr td .push-right {width:140px; text-align:right}
    #reservations_receipt tbody tr.inset th {padding:0 0 0 40px}
    #reservations_receipt tr th {padding:5px 5px 5px 20px; color:#000}
    #reservations_receipt tbody tr.header th {padding:8px 15px; font-size:14px; background:#ddd; color:#333}
    #reservations_receipt tr.header th,
    #reservations_receipt tr.header-inset th {font-size:17px; padding:7px; border:0}
    #reservations_receipt tr.header-inset th {font-size:14px}

#reservations_receipt td.fees em { font-style: normal; font-weight: bold; }

/* FIELDSET POSITION CONTAINERS
---------------------------------------------------------------*/
fieldset.account {
  width:745px;
  height:350px;
  clear:both;
}
fieldset.account-edit {display:block; position:relative; clear:both}
  fieldset.account-edit input,
  fieldset.account-edit select {margin-bottom:10px}

div.container-login {padding-top:16px}

.column-guest-left {display:inline-block; width:330px}
fieldset.reservation-lookup {margin:0; padding:0; width:300px}

div.column-login-left {display:inline-block; width:570px; vertical-align:top}
  div.column-login-left form {margin:0; padding:0; width:570px}

div.column-guest-middle,
div.column-login-middle {
  font-size:12px;
  font-weight:bold;
  display:inline-block;
  vertical-align:top;
  padding-top:90px;
  margin:0px 12px 0 20px;
  position:relative;
  width:30px
}
   div.column-guest-middle {margin:0 14px 0 0}
   div.column-guest-right {display:inline-block; vertical-align:top; width:295px; margin:0}

div.column-login-right {display:inline-block; vertical-align:top; width:245px; margin-top:0}

div.container-account {height:300px}

div.column-account-left {display:inline-block; vertical-align:top; width:155px}

   fieldset.register .column-left ol li {width:165px; display:inline-block; vertical-align:top}

div.column-account-middle {
  display:inline-block;
  margin:0px 30px;
  position:relative;
  width:1px;
  height:100%;
  background-color: #060;
}

div.column-account-right {display:inline-block; vertical-align:top; width:505px}

div.copy-register {
  font-size:12px;
  width:200px;
}
fieldset .copy-register h2 {color:#034E42; font-size:13px}
fieldset .copy-register ul {padding:8px 0 0 30px; font-size:11px;  list-style: decimal outside !important}
fieldset  .copy-register ul li {margin-top:5px; color:#000}
ul.account-links {list-style:none}
ul.account-links .active,
fieldset.account .active,
ul.account li.active {font-weight:bold}
fieldset.account .inactive,
ul.account-links li.inactive {font-weight:normal}
div#acct-my-acct,
div#acct-edit-name,
div#acct-edit-pass {padding:0; margin:0}
div#acct-my-acct p {padding:0 10px}
div#acct-my-acct h2 {color:#060; padding: 10px 0 15px 0}
.right-column {
  display:block;
  position:relative;
  padding:20px 0 0 0;
}

.change-personal-information .field,
#reservation_lookup .field {padding-right:5px}
*+html #reservation_lookup ol li.field {display:inline !important}/* ie7 */
*+html #reservation_lookup .submit-row {padding-bottom:6px}

/*.change-personal-information fieldset.styled {padding-top:15px}*/

* html #acct-edit-name .change-personal-information ol li.field {display:inline !important}/* ie6 */
*+html #acct-edit-name .change-personal-information ol li.field {display:inline !important}/* ie67*/

#reservation_lookup {margin-top:20px}
  .column-guest-left #reservation_lookup {margin-top:0}
/* FIELDSET POSITION CONTAINERS
---------------------------------------------------------------*/
fieldset.styled .column-left {width:330px}/* Reservation Lookup Guests Page */

li.booking-column {float:left; width:290px !important; text-align:left; padding:0; list-style:none}
  li.booking-column p,
   li.booking-column label {display:block}
    .radio label {padding-left:3px; font-size:12px}

  li.booking-column.field li { }


li.booking-column.radio {height:68px}
li.booking-column.radio p {margin:0; font-size:13px}

li.booking-column.blank {
   width:290px !important;
   height:40px;
}

form.booking-step-1, form.booking-step-2, .rate-plan-change {display:block; position:relative; float:left; margin:0}
* html form.booking-step-1 {margin-top:0}

body:last-child form.booking-step-1, body:last-child form.booking-step-2 {margin-top:-10px;}

form.booking-step-1 fieldset.styled {display:block; position:relative; width:610px; margin:0 0 20px 0}
form.booking-step-1 li.booking-column.radio ol {padding:3px 0 0 8px; width:270px}
  form.booking-step-1 li.booking-column.radio ol li {display:inline-block; *display:inline; vertical-align:top; width:120px; height:30px}
    form.booking-step-1 li.booking-column.radio ol li label {
      display:inline;
      font-size:12px;
      font-weight:normal;
      position:relative;
      margin:0;
      padding:0;
    }
  li.booking-column.radio ol li input,
  li.column-right.radio ol li input {display:inline-block; vertical-align:middle; margin:2px 4px 0 0; width:20px; border:0}
li.booking-column input {width:270px; padding:3px}
li.booking-column.email-field {padding-top:20px}

a#ccv-link {font-size:11px; letter-spacing:-0.03em}

/* LABEL/FIELD WRAPPING LI TAGS
---------------------------------------------------------------*/
fieldset.styled ol {width:auto; padding-top:12px}
li.field {margin:5px 0; zoom:1}

/* INPUTS
---------------------------------------------------------------*/
.field.obstruct {display:block; clear:both}
   .field.obstruct.padded {padding:4px 0 0 10px}
   .field.obstruct.padded.bottom {padding-bottom:10px}

.field select,
.field input,
.field textarea {margin:0; font-size:12px}

.field input {padding:3px; line-height:1.4}
.field.option input,
.field.checkbox input,
.field.radio input {display:inline; vertical-align:middle; border:0; margin:0; padding:0}

   .field.option input {margin:0 0 0 10px}
      .field.option.terms-conditions input {margin-left:4px}

   .field.radio input {display:inline-block; vertical-align:top; margin:2px 4px 0 0;width:20px}

   .field.remember.inline input {padding:0; margin:0}

.field.blank {
   width:290px;
   height:50px;
}

.field textarea {padding:1px}
/* LABELS
---------------------------------------------------------------*/
.field label {font-size:13px; margin:0; padding:3px 0; display:inline}
.field.inline label {font-size:12px; padding-left:2px; line-height:1.3}
.field.inline.small label {font-weight:normal; font-size:11px}

.field.field-options label {padding-left:2px; font-weight:normal}
.field.radio label {padding-left:3px; font-size:12px}
.field.kerned label {letter-spacing: -0.01em}

.field.sort-select select {font-size:12px}
.field.sort-select select option {}

.field_error,
.field_error a {color:#f00}
.field_error input,
.field_error select {background: #faebe7}
.field_error label {color:#f00 !important}
  .errorLabel {color:#f00}

/* INPUTS AND LABELS WIDTHS
---------------------------------------------------------------*/
.field input.w80 {width:90px}
.field input.w90 {width:90px}
.field input.w105 {width:105px}
.field input.w140 {width:140px}
.field label.w150, .field input.w150 {width:150px}
.field input.w160 {width:160px}
.field input.w260 {width:260px}
.field input.w270 {width:270px}
.field input.w280 {width:280px}
.field input.w310 {width:310px}

.field label.w100 {width:100px}
.field label.w140 {width:140px}

.field.billing.password small {display:inline; float:none; font-size:10px; width:260px !important}

/* LABEL FONT SIZES
---------------------------------------------------------------*/
.field label.px12 {font-size:12px}
.field label.px13 {font-size:13px}
.field label.px14 {font-size:14px}
.field label.px16 {font-size:16px}
.field label.px100 {font-size:100px}

/* FIELDSET
---------------------------------------------------------------*/
fieldset.styled {
  display:block;
  position:relative;
  background: #f1f6ee;
  margin:0;
  padding-bottom:5px;
  border:solid 1px #cce0bf;
  margin-bottom:20px;
}
fieldset.styled.stacked {margin:10px 0 0 0}

fieldset.styled legend {
  font-size:15px;
  background:#50b948;
  color:#fff;
  font-weight:bold;
  padding:3px 14px;
  margin-left:5px;
}

fieldset.styled ol {width:auto; padding-left:10px}
   fieldset.styled.w340 ol {width:335px}
   fieldset.styled.w590 ol {width:585px}
   fieldset.styled.w610 ol {width:605px}
   fieldset.styled ol li {vertical-align:top}


fieldset.w180 {width:180px !important}
fieldset.w340 {width:340px !important}
fieldset.w570 {width:570px !important}
fieldset.w590 {width:590px !important}
fieldset.w610 {width:610px !important}


/* ELEMENT WIDTHS
---------------------------------------------------------------*/
.w60 {width:60px !important}
.w80 {width:80px !important}
.w90 {width:90px !important}
.w100 {width:100px !important}
.w105 {width:105px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w150 {width:150px !important}
.w160 {width:160px !important}
.w165 {width:165px !important}
.w180 {width:180px !important}
.w190 {width:190px !important}
.w200 {width:200px !important}
.w210 {width:210px !important}
.w220 {width:220px !important}
.w225 {width:225px !important}
.w235 {width:235px !important}
.w240 {width:240px !important}
.w250 {width:250px !important}
.w255 {width:255px !important}
.w260 {width:260px !important}
.w270 {width:270px !important}
.w280 {width:280px !important}
.w290 {width:290px !important}
.w300 {width:300px !important}
.w310 {width:310px !important}
.w315 {width:315px !important}
.w330 {width:330px !important}
.w332 {width:332px !important}
.w340 {width:340px !important}
.w350 {width:350px !important}
.w360 {width:360px !important}
.w370 {width:370px !important}
.w380 {width:380px !important}
.w400 {width:400px !important}
.w440 {width:440px !important}
.w500 {width:500px !important}
.w530 {width:530px !important}
.w540 {width:540px !important}
.w550 {width:550px !important}
.w570 {width:570px !important}
.w610 {width:610px !important}
.w630 {width:630px !important}
.w670 {width:670px !important}
.w700 {width:700px !important}
.w730 {width:730px !important}

/* Transition page styles
----------------------------------------------*/

.transition-content {display:block; position:relative; width:100%}

.transition-content h1 {color:#034e42; font-size:22px; line-height:1.6}
.transition-content h1 strong {font-size:24px; color:#d61505}
.transition-content p {text-align:center; font-size:16px; letter-spacing:-0.03em; line-height:1.7em; padding:20px 0 0 0; display:block; color:#000}
.transition-content p.bold {font-weight:bold;font-size:24px;}
.transition-content p a {font-weight:bold; border-bottom:dotted 1px #034e42; font-weight:bold}

div.property-nav ul.options li.share {
  -moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:7px;
  -webkit-border-radius-bottomleft:7px;-webkit-border-radius-bottomright:4px;-webkit-border-radius-topleft:4px;-webkit-border-radius-topright:7px;
  border:1px solid #DDDDDD;
  display:inline-block;
  height:16px;
  line-height:17px;
  margin-left:16px;
  padding:3px 6px;
}
.receipt div.property-nav ul.options li.share {margin-left:0;}

body div.property-nav ul.options li.share .addthis_default_style,
body div.property-nav ul.options li.share .addthis_default_style .at300b,
body div.property-nav ul.options li.share .addthis_default_style .at300m,
body div.property-nav ul.options li.share .addthis_default_style .at300bs,
.options .addthis_default_style .at300b,
.options .addthis_default_style .at300m,
.options .addthis_default_style .at300bs {display:inline-block; float:none !important; margin:0; position:relative; vertical-align:top;}
.options .addthis_default_style .at300b,
.options .addthis_default_style .at300m {margin-right:5px;}
.options .addthis_default_style .at300b {padding:0 4px 0 0; }
.options .addthis_default_style .at300bs {position:static; height:16px; width:16px; margin:0 1px 0 0; background-color:#fff;}

body .outerheight #container #content #main div.property-nav ul.options li.share div.addthis_default_style div.atclear {display:none !important;}
/* --------- /stylesheets/buttons.css --------- */ 
.small-link-button,
.link_button {margin:0; padding:0}

  .link_button a {
    font-size:12px;
    font-weight:normal;
    line-height:1;
    color:#fff;
    display:block;
    float:left;
    position:relative;
    margin:0;
    padding:0 31px 0 0;
    background: url(/images/green-button-right.png) bottom right no-repeat;
  }
    .link_button a span {
      line-height:1; 
      z-index:100;
      position:relative;
      display:block;
      width:auto;
      margin:0;
      height:14px;
      padding:9px 5px 7px 12px;
      background: url(/images/green-button-left.png) bottom left no-repeat;
    }
.small-link-button a:hover,
.link_button a:hover {text-decoration:none}
  .small-link-button a {
    font-size:9px;
    font-weight:normal;
    line-height:1.2;
    color:#fff;
    display:block;
    float:left;
    position:relative;
    margin:0;
    padding:0 7px 0 0;
    background: url(/images/small-button-right.png) bottom right no-repeat;
  }
    .small-link-button a span {
      line-height:1;font-size:11px; 
      z-index:100;
      position:relative;
      display:block;
      width:auto;
      margin:0;margin-top:2px;
      color:#fff;font-weight:bold;
      padding:8px 0 4px 7px;
      background: url(/images/small-button-left.png) bottom left no-repeat;
    }

.row-submit {
  float:left;
  padding:0 50px 10px 50px;
}
.row-submit.search-param-update {display:block; width:330px; text-align:right;clear:both; padding:0 10px 10px 10px}
  .row-submit .small-button-link,
  .row-submit input.submit {font-size:14px}
  .row-submit .small-button-link {width:200px;padding:8px 0 0 8px}
  ul.row-submit {width:350px} 
  ul.row-submit,  ul.row-submit li {position:relative; float:right}
    ul.row-submit li {width:auto}
    ul.row-submit li.or {padding:5px;font-weight:bold}
/*    ul.row-submit li.cancel-button {}*/
    ul.row-submit li.submit-button {padding-top:2px}

      .booking-step-1 .row-submit { width: 610px; padding: 0; text-align: right; }
        .booking-step-1 .row-submit.button-right input.btn { text-align: center; }

    .submitbutton {position:relative; width:auto; float:none; display:inline-block; margin-left:auto; margin-right:4px; margin-top:4px; height:2.17em}/* To compensate for the negative positioning of the inner span */

    .submitbutton.blueg a,
    .submitbutton.blueg a span,
    .submitbutton span.blueg,
    .submitbutton span.blueg input,
    .submitbutton span,
    .submitbutton span input,
    .submitbutton a,
    .submitbutton a span {
      background:transparent url(/images/template/red-button-27px.png) 0 0 no-repeat;
      height:28px;
      line-height:28px;
      letter-spacing:0.01em;
      border:0;
      margin:0;
      font: normal normal bold 13px/28px "Helvetica Neue", Helvetica, "MgOpen Moderna", Arial, sans-serif;
      display:inline-block;
    }
    
    .submitbutton.blueg a,
    .submitbutton span, .submitbutton a {
        position:relative;
        padding:0 0 0 10px;
        background-position:0 0;
      }
      
      .submitbutton.blueg a span,
      .submitbutton.blueg span input,
      .submitbutton span input, .submitbutton a span {
        cursor:pointer;
        font: normal normal bold 14px/28px "Helvetica Neue", Helvetica, "MgOpen Moderna", Arial, sans-serif;
        letter-spacing:0.01em;
        color:#fff;
        padding:0 12px 0 2px;
        background-position:right 0;
        margin-right:-4px;
        line-height:29px;
      }
      .submitbutton span {line-height:14px}
      .submitbutton span input {font-size:14px; padding-bottom:2px}
      .submitbutton a, .submitbutton a span {display:inline-block; line-height:26px; text-decoration:none !important}
      .submitbutton a, .submitbutton a:hover {text-decoration:none !important}

      .submitbutton a:hover,
      .submitbutton span:hover {background-position:0 -28px}
      .submitbutton a:hover span,
      .submitbutton span:hover input {background-position:right -28px}

      .submitbutton.blueg a:visited,
      .submitbutton.blueg a,
      .submitbutton.blueg a span {height:25px !important; line-height:25px !important; background-image: url(/images/template/bluegreen-button-25px.png)}
      .submitbutton.blueg span,
      .submitbutton.blueg a  {background-position:0 -25px}
      .submitbutton.blueg span input,
      .submitbutton.blueg a span {background-position:right -25px}
      
      .submitbutton.blueg span:hover,
      .submitbutton.blueg a:hover {background-position:0 0}
      .submitbutton.blueg span:hover input,
      .submitbutton.blueg a:hover span {background-position:right 0}
      
      .submitbutton.blueg span,
      .submitbutton.blueg span input {height:25px; line-height:25px !important; background-image: url(/images/template/bluegreen-button-25px.png)}
      .submitbutton.blueg span input {padding-bottom:3px}
      
      .submitbutton a {text-decoration:none !important;}
      
.submit-row .submitbutton {margin-right:10px}
.submit-row {list-style:none; text-align:right}

.book-now-button {margin:5px 0}

input.submit {
  display:block;
  float:left;
  margin-bottom:0px;
}

/* IE 7
===========================================================================*/

*+html .submitbutton {display:inline !important; width:auto}
*+html .submitbutton span input { overflow: visible; line-height:26px;}
*+html .submitbutton a {height:27px; line-height:23px; text-decoration:none !important}
*+html .submitbutton a span {height:27px; line-height:25px;}
*+html .submitbutton.blueg span input {line-height:23px !important;}

/* IE 6
===========================================================================*/

* html .submitbutton {display:inline !important; width:auto; float:none !important}
* html .submitbutton span input, .submitbutton a span {line-height:28px}
* html .submitbutton span input {overflow:visible; line-height:26px; padding-bottom:0; padding-right:16px; padding-left:6px; margin-right:0}
* html .submitbutton a span {padding-right:13px}
* html .submitbutton a {height:27px; line-height:23px}
* html .submitbutton a span {height:27px; line-height:25px}
* html .submitbutton.blueg span input {line-height:23px !important}
/* --------- /stylesheets/jquery.autocomplete.css --------- */ 
.ac_results {
	padding: 0px;
	border: 1px solid #8E8E8E;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
  color: #555;
	margin: 0px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

/*.ac_loading {
	background: white url(/stylesheets/indicator.gif) right center no-repeat;
}*/

.ac_results li.ac_over {
	background-color: #0A246A;
	color: white;
}

/* --------- /stylesheets/jquery.tabs.css --------- */ 
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    /*min-width: 84px;*/ /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/images/tabs/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
/*    color: #27537a;*/
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 59px; /* IE 6 treats width as min-width */
    min-width: 59px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
/*    padding: 1em 8px;*/
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/images/tabs/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* --------- /stylesheets/jquery.fancybox.css --------- */ 
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(/images/fancybox/fancybox.png);
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px "Helvetica Neue", Helvetica, "MgOpen Moderna", Arial, sans-serif;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: "Helvetica Neue", Helvetica, "MgOpen Moderna", Arial, sans-serif;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(/images/fancybox/fancy_title_over.png);
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url(/images/fancybox/fancybox-x.png);
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(/images/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(/images/fancybox/fancybox-x.png);
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(/images/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(/images/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(/images/fancybox/fancybox-y.png);
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(/images/fancybox/fancybox.png);
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
/* --------- /stylesheets/forms.css --------- */ 
#browse #content #main, #main {z-index:1;}
#content #left {z-index:100}/* make the calendar appear above the callouts */

div.child-ages {clear:both}
*+html div.child-ages {padding-left:18px;}

.field.signup input, input.forgot_password {width:150px;}
input.checkbox {
	margin-bottom:0px;
	padding-bottom:10px;
	margin-left:0px;
}
/*-----------------------------------------------*/
select {overflow:visible;}
fieldset div.field.remember.inline {display:block;padding-top:10px;}
   fieldset div.field.remember.inline input {border:0;width:20px;margin:0;}

textarea {overflow-y:auto;margin-bottom:5px;}
	textarea.terms {display:none;width:314px;}
.field input.radio {margin-left: -1px;}

/* FORM VALIDATION (RAILS GENERATED ELEMENTS, IDs and CLASSES)
/* ---( Errors ) ------------------------------------------ */
div.notice,
#noticeExplanation.noticeExplanation,
#errorExplanation.errorExplanation {
	background:#faebe7 none repeat scroll 0%;
	border-bottom:2px solid #f00;
	border-top:2px solid #f00;
	font-size:14px;
	margin:0 0 20px 0;
	padding:10px 0;
}
div.notice,
#booking #errorExplanation.errorExplanation {width:612px;}
div.notice,
#noticeExplanation.noticeExplanation {
	background:#ffffc7;
	border-bottom:2px solid #390;
	border-top:2px solid #390;
}
div.notice {background:#ff0;font-weight:bold;width:100%;}
#browse #main #noticeExplanation.noticeExplanation {width:100%;}
	#noticeExplanation.noticeExplanation h2,
	#errorExplanation.errorExplanation h2 {
		margin: 0;
		padding: .5em 0;
		font-size: 120%;
		font-weight: bold;
		color: red;
		line-height:1.5;
		padding:10px 15px;
	}
		#noticeExplanation.noticeExplanation h2 {color:#390;}
	div.notice p,
	#noticeExplanation.noticeExplanation p,
	#errorExplanation.errorExplanation p {
		display:block;
		padding:5px 7px;
		text-align: left;
	}
	div.notice p {text-align:center;}
		#noticeExplanation.noticeExplanation p {font-weight:bold;}
	#noticeExplanation.noticeExplanation ul,
	#error ul,
	#errorExplanation.errorExplanation ul {padding:0 15px;}
	#noticeExplanation.noticeExplanation li,
	#error li,
	#errorExplanation.errorExplanation li {
		padding:4px 0;
		margin-left: 10px;
		list-style: square;
	}
	#noticeExplanation.noticeExplanation,
	div#notice {margin-bottom:10px;background:#9f9;}
	#noticeExplanation.noticeExplanation p,
	  div#notice p {padding:5px; font-weight:bold;text-align:center;}
	
#search div.field {position:relative;float:left;}

	.field.hotel-name input,
	.search-group div.field-entry {
		display:block;
		height:16px;
		padding:3px;
		width: 130px;
		background: #fff;
		border:1px solid #390;
	}

	#search div.field-options {z-index:100;}
	#search div.field-options ul li {display:block;margin:1px 0 0 0;}
		#search div.field-options ul li input,
		#search div.field-options ul li label {display:inline;}
		#search div.field-options ul li label {padding-left:2px;font-weight:normal;}
		#search div.field-options ul li input{margin:-2px 0 0 0;padding:0;vertical-align:middle;}

	.search-group {
		clear: both;
		overflow: visible;
	}
	.search-group .filter {
	    float: left;
	    width: 150px; /* without this, the width will be the width of the popup selector */
	 }
		.search-group .filter label {font-weight:bold;}
		
#narrowAmenitiesOptions, #narrowAmenitiesOptions ul, .field, .filter, .search-group, .search-form {z-index:100;}
.search-form {display:block;}

/* Homepage Subscription (Newsletter) Form
------------------------------------------------------------ */
#newsletter-form {font-size:11px;}
input.newsletter-subscribe {font-weight:normal}
.subscription-form label {padding:5px 0;display:block; text-align:left; font-weight:bold; line-height:.6em; color:#034e42;}

fieldset small {font-size:10px}

.res p {font-size:13px; padding-bottom:15px}
.res p a {font-weight:bold}

#email-form {
	text-align:left;
	position:absolute;
  padding:5px;
  z-index:1;
  background: #f5f5f5;
}
	#email-form label {font-weight:bold; }
	#email-form input#email {padding:3px;display:block;width:230px;}

.booking-step-1 fieldset.styled ol li,
.login-register fieldset.styled ol li {display:inline-block; width:170px; position:relative; margin:0 0 8px 0}
.login-register .column-left.w360 ol {margin-bottom:5px;}

* html .login-register .column-left.w360 {overflow:visible}

.login-register .field.option.obstruct.padded.bottom label {font-size:11px; display:inline-block; vertical-align:middle;}
.login-register .field.option.obstruct.padded.bottom input {margin-left:0; display:inline-block; vertical-align:middle;}

.booking-step-2 fieldset.styled ol li {width:auto; padding-left:5px;}
.booking-step-2 fieldset.styled {padding-bottom:5px;}
.step-radio, label.step-radio {width:auto !important; float:none !important; display:inline !important;}

/* IE 6
===========================================================================*/
* html legend {position:absolute; left:-7px; top:-0.75em;}
* html fieldset{
  position: relative;
  margin-top:1em;
  padding-top:.75em;
}

/* IE 7
===========================================================================*/
*+html legend {position:absolute; left:-7px; top:-0.75em;}
*+html fieldset{
  position: relative;
  margin-top:1em;
  padding-top:.75em;
}
/* IE 8
==========================================================================*/
legend {position:absolute; left:7px; top:-0.75em;}
fieldset{position:relative; margin-top:1em; padding-top:.75em;}

body:last-child fieldset {
  display: block;
  position:relative;
  margin:0;
  padding:0;
}
/*  IE8 override for legend positioning - position:static is the only way safari, chrome and opera 
    put the legend in a like position
==========================================================================*/
body:last-child legend {display:block; position:static;}

div#find_user_panel {
  position: fixed;
  background-color: #ffffc7;
  padding: 1em;
  border: 2px solid #999;
  top: 10px;
  width: 46.75em;
  left: 20em;
}

div#find_user_panel .found_user {
  background-color: white;
}

div#find_user_panel div.field.callcenter-submit {
  margin: 5px 20px;
}

div#find_user_panel div.field.callcenter-submit div.user_find {
  float: left;
}

div#find_user_panel div.field.callcenter-submit div.user_create {
  float: right;
}

div#find_user_panel fieldset.styled ol {
  padding-left: 20px;
}

div#find_user_panel fieldset.styled ol li.deliver_signup_notification div {
  float: right;
}

div#find_user_panel fieldset.styled ol li.deliver_signup_notification div * {
  float: left;
}
div#find_user_panel fieldset.styled ol li.deliver_signup_notification {
  width: 515px;
  margin-top: 10px;
}
div#find_user_panel fieldset.styled ol li.deliver_signup_notification div input {
  width: 1em;
  margin-top: 3px;
  margin-right: 5px;
}

div#find_user_panel_wrapper {
  z-index: 9998;
}

div#created_customer, div.customer-work-row {
  clear: left;
  float: left;
  margin-left: 50px;
}
div#created_customer span.password{
  font-weight: bold;
}

div.pagination span.current {
  font-weight: bold;
  font-size: 1.1em;
}
/* --------- /stylesheets/call_center.css --------- */ 
#customer_lookup {display:block; margin:0 auto; position:relative; *padding-top:30px;}
#customer_lookup {width:560px; background:#fff;}
#customer_lookup form fieldset {padding-bottom:10px; border:solid 1px #ddd;}

#customer_lookup.working-user-form {background:#ffffdc; border:solid 1px #390;}

#agent_noticeExplanation {margin:10px 0; text-align:center; width:100%}
#agent_noticeExplanation p {position:relative; text-align:center; font-weight:bold; font-size:15px; display:block;}

#callcenter_activity {display:block; position:absolute; top:0; right:0;}
#callcenter_activity img {margin:0 auto; display:block; position:relative;}

.agent-current-customer {border:solid 1px #ccc; margin:10px 0; background:#DFFFF9;}

.submit-row p {padding:5px;}

#agent_customer_search_form li label {display:block;}
#agent_customer_search_form li.field input {width:245px;}

ul.callcenter-submit {display:block; margin:5px 0 0 10px}
ul.callcenter-submit li {margin:0; display:inline-block; *display:inline; vertical-align:bottom; white-space:nowrap;}
/*ul.callcenter-submit li.admin-back {vertical-align:bottom !important;}*/
ul.callcenter-submit li strong {display:block; height:30px; line-height:30px; padding:0 10px;}
#agent_customer_search_form ul.callcenter-submit li label {display:inline-block; *display:inline;}

* html .callcenter-submit li {display:inline; position:static; width:1%; zoom:1; white-space:nowrap;}
* html ul.callcenter-submit li label {display:inline !important; position:static;}
* html #agent_customer_search_form li.field {display:inline}

*+html #agent_customer_search_form .field ul.callcenter-submit {margin-bottom:10px !important}
*+html #agent_customer_search_form .field .callcenter-submit li {display:inline; position:static; width:auto; zoom:1; white-space:nowrap;}
*+html ul.callcenter-submit li label {padding-left:8px;}
*+html #agent_customer_search_form li.field {display:inline}

#agent-customer-search-results ul { list-style-type: none; clear: left;}
#agent-customer-search-results li { list-style-type: none; padding: 8px 10px; width: 540px; height: 38px; border:solid 1px #390;}
#agent-customer-search-results div.info { float:left; width:330px; } 
#agent-customer-search-results div.info .name { font-size: 1.35em; font-weight: bold;} 
#agent-customer-search-results div.actions { float:left; width:210px; padding-top: 2px;} 


.customer-work, .customer-work-row {display:block; font-weight:normal; position:relative; width:100%; text-align:center}
.customer-work a, .customer-work-row a {display:inline-block; position:relative; width:155px; font-size:12px; letter-spacing:-0.04em; color:#010f98; font-weight:bold; background:#fff; padding:2px 0; margin:5px auto; border:solid 1px #ddd}
.customer-work-row a {width:110px;}
.customer-work a:hover, .customer-work-row a:hover {background:#010f98; color:#fff}
.active-customer .top-row {display:block; position:relative; width:100%}

.customer-work-row {width:130px; display:inline-block}
.customer-work-row.label-line {margin-top:9px; width:390px}

*+html .customer-work-row {display:inline}
*+html .customer-work-row.label-line {display:inline; width:390px; vertical-align:top;}

.top-row.customer-work a:focus, .top-row.customer-work a:hover, .top-row.customer-work a:active {background:#010f98; color:#fff !important}


table.mobile-searches-table {font-size:13px; display:inline-block; position:relative; }
table.mobile-searches-table, table.mobile-searches-table th, table.mobile-searches-table td {
  border:solid 1px #e9e9e9;
}
table.mobile-searches-table th,
table.mobile-searches-table td {padding:5px;}
table.mobile-searches-table th {font-size:14px; padding-top:1px; padding-bottom:1px; text-align:left; width:200px;}

.mobile-searches-table th, table.mobile-searches-table tfoot td {background:#e9e9e9;}

table.mobile-searches-table tfoot td {padding:2px; line-height:1; color:#999;}

.mobile-searches-actions {position:relative; display:inline-block; width:400px; vertical-align:top; margin-left:10px;}
.mobile-searches-actions h2 {font-size:14px;}

/*	Modal Dialog Button Styling
-------------------------------------------------------*/
.ui-dialog, .ui-dialog-container {width:300px}
#booking .ui-dialog .ui-dialog-container .ui-dialog-content {width:auto !important; height:auto !important}

.ui-dialog-content #find-connections { }
#find-connections li ul {}
#find-connections li {list-style:none; padding:4px 0}
#find-connections li label {font-size:13px; line-height:1.3}
#find-connections li input {padding:3px; width:235px}
.result {padding:0; font-size:14px}
.result.success {font-weight:bold}
.result.error {color:#f00}

.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.ui-dialog {}

#affiliate-name {font-size:13px; font-weight:bold;}

span.net-rate { padding-left: 2em; }/* --------- /stylesheets/search-rooms-guests.css --------- */ 
/* Rooms & Guests Styles
-------------------------------------------------------- */
/*#search_amount {display:block; line-height:1}*/
/** html #search_amount {display:block; line-height:1}*/

#rooms_search_list {display:inline-block; width:290px; text-align:left; margin-bottom:8px}
* html #rooms_search_list {width:270px}

#search_amount select { margin-bottom:4px; font-size:11px}

.rooms-guests {position:relative; /*display:inline;*/ text-align:left; width:100%; z-index:1; padding-top:0; padding-bottom:0;}
/*#homepage_form .rooms-guests {padding-top:10px; padding-bottom:10px;}*/
/** html #homepage_form .rooms-guests {padding-top:10px; padding-bottom:10px;}*/
#results_form .rooms-guests {padding-top:0 !important; padding-bottom:0 !important;}

.distinct-room {
  display:block;
  position:relative;
  background:#ffd;
  border:solid 1px #FFDB80;
  margin:0 0 3px 0;
  width:286px;
  padding-top:8px;
  zoom:1;
  text-align:left !important;
}

* html .distinct-room {width:260px}
li.distinct-room.item-visible {margin-bottom:3px !important}

  .room-count, .room-num {display:inline-block; vertical-align:top; font-size:12px;}
  .room-num, .ages-of-children {width:80px; margin-right:10px; text-align:right}
    .child {display:inline-block; margin:0 3px 5px 0; width:53px}
  .child-ages { display:block; vertical-align:top; text-align:right}
  .age-selects {display:inline-block; vertical-align:top;   text-align:left; width:224px}
  .ages-of-children {
    display:inline-block;
    font-size:11px;
    line-height:1;
    text-align:center;
    width:30px;
    margin-bottom:4px;
    margin-left:3px;
  }
  .child-count {margin-left:10px}

select.room-count {margin-top:7px}

.distinct-room .room-num {width:50px}
#search_amount.item-hidden,
.item-hidden {display:none}
.item-visible {display:inline-block}

.need-ages { background:#FFECE8 !important; border:solid 1px #FF3300 !important}

.ages-warning {display:none; font-weight:bold; padding:5px; font-size:13px; text-align:center}

.need-ages .ages-warning {display:block !important}

.search-form .distinct-room.item-visible.need-ages {background:#FEFB60}

.rooms-guests-short-summary {display:block}

.rooms-guests-fields {padding:5px 10px 0 10px; margin:0 auto; display:block; z-index:1}
.rooms-guests-fields .form-section-title {margin:0 0 6px 0}

#results_form .rooms-guests-fields {padding:9px 10px 0 10px; margin:0 auto; z-index:1}
#results_form	li.rooms-guests .form-section-title {margin-bottom:5px; line-height:1.5}

.rooms-guests-fields {padding-left:10px}

/* IE6
-------------------------------------------------------- */
* html #homepage_form .rooms-guests {position:relative; zoom:1}
* html #results_form .rooms-guests {padding-top:0 !important; padding-bottom:0 !important; position:relative; zoom:1}
* html #results_form	li.rooms-guests .form-section-title {margin-bottom:0;}
* html .rooms-guests-fields {padding:0 10px; zoom:1}
* html #results_form .rooms-guests-fields {padding-top:2px !important}
/* IE7
-------------------------------------------------------- */
*+html #results_form .rooms-guests-fields {padding-left:10px; padding-right:10px; padding-top:2px !important}/* --------- /stylesheets/search-destination.css --------- */ 
/* Destination Styles
-------------------------------------------------------- */
/*li.destination {width:100%}*/

.destination {position:relative; display:block; text-align:left; z-index:2000; zoom:1}
* html #results_form li.destination {display:block !important}

#search #destination {/*border:2px solid #FF7337;*/ /*padding-left:5px*/}
.destination-field-border {
  width:370px;
  text-align:center;
  padding:4px;
  margin:0 auto;
  background:#FFB958;
  -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
* html .destination-field-border {display:block; width:370px}
* html .search-results.advanced-search #results_form .destination {display:block; width:390px}
* html .search-results.advanced-search #results_form .destination-field  {display:block}

#search #destination {width:358px; padding:3px; font-size:12px; margin:0 auto}

.destination-field {padding:3px 10px 6px 10px; text-align:left}

*+html #results_form .destination-field {padding-bottom:3px;}
	
	.destination-field .form-section-title {margin-bottom:5px; vertical-align:top; line-height:1.5; display:inline-block}
  #results_form .destination h2.results-header {padding-left:10px}
  * html .destination .destination-field .form-section-title {display:inline !important}
  *+html .destination .destination-field .form-section-title {display:inline !important}
#search   #homepage_form .destination-field label {width:190px; padding-left:5px; font-size:11px; line-height:1; text-align:left; /*margin-left:20px;*/ }/* --------- /stylesheets/search-checkin-checkout.css --------- */ 
/* Check-in & Check-out Styles
-------------------------------------------------------- */
/*fieldset .travel-dates .date-input {
  position:relative;
  display:inline-block;
  width:180px;
}*/
.date-input input {padding-bottom:3px !important; padding-right:3px !important; line-height:1.35}
.date-input {display:inline-block}
* html .date-input {display:inline}

.date-input label {display:block; margin-bottom:5px; width:100px;}
* html .date-input label {margin-bottom:3px}

.booking-calendar, .date-clear {position:absolute; cursor:pointer; background:transparent url(/images/icons_sprite.png) 0 0 no-repeat}
	.booking-calendar {background-position:0 0; width:31px; height:21px; left:102px; bottom:2px}

.travel-dates {z-index:2; width:100%; margin:0; padding:0; clear:both}


#search-dates {z-index:200;
	text-align:left;
  display:block;
	position:relative;
	padding:10px;
	zoom:1;
}

#results_form #search-dates {padding-top:0; padding-bottom:0}

#homepage_form #search-dates {padding:0 0 4px 10px}

/* for IE 5-7 */
#search-dates {zoom:1; font-weight:bold; text-align:left; z-index:1000;}
 label {display:inline-block; font-size:12px;}
	#search-dates .form-section-title {margin-bottom:3px; margin-top:0}
	#search-dates #search-checkin,
  #search-dates #search-checkout {z-index:200; display:block; float:left; position:relative; width:auto}
/*    #search-dates #search-checkin {margin-right:32px}*/

		/*
			Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
			http://www.tanfa.co.uk/archives/show.asp?var=300
		*/

		#search-dates:after {
			content: ".";
			display: block;
			visibility: hidden;

			clear: both;

			height:      0;
			line-height: 0;
			font-size:   1px;
		}
		
		
			#search-dates .form-section-title {margin-bottom:5px; line-height:1.5;}
#homepage_form	#search-dates #search-checkin,
#results_form	#search-dates #search-checkin {margin-right:40px}

*+html #homepage_form	#search-dates #search-checkin  {margin-right:20px}
*+html #results_form	#search-dates #search-checkin {margin-right:20px}

#search-dates .dual-calendar {width:385px;}

#checkin-cal, #checkout-cal {z-index:1000}/* --------- /stylesheets/search-featured-markets.css --------- */ 
/* popular cities */
li.popular-city {
/*  width:398px;*/
	position:relative;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	min-height:115px; _height:115px;
}
#cities_list.popular-cities {
  display:block;
  position:relative;
  /*padding-bottom:15px;*/
  border: 0;
  padding: 0;
}
		#markets-top-arrow {
			position:absolute;
			z-index:10;
			display:block;
			width:22px;
			height:13px;
			line-height:1;
			top:-12px;
			left:13px;
			background:transparent url(/images/icons_sprite.png) 0 -21px no-repeat;
		}
			ul#market_list {
			  display:block;
			  text-align:left;
			  width:368px;
/*        display:inline-block;*/
				position:relative;
/*        width:368px;*/
				padding:4px 0 4px 7px;
				margin:0 auto;
				background:#fff;
				border:solid 1px #8e8e8e;
			}
			ul#market_list li {
				display:inline-block;
				width:115px;
				margin-bottom:0px;
				font-size:12px;
				padding:2px;
				line-height:1.5em;
				position:relative;
			}

			* html ul#market_list li {display:inline; zoom:1;} /* IE6 */
			*+html ul#market_list li {display:inline; zoom:1; vertical-align:top;} /* IE7 */

	#homepage_form #market_list a.active-market,
	a.active-market, .more-markets { font-size:12px; letter-spacing:-0.04em; color:#010f98; text-decoration:underline; text-align:left; display:block; font-weight:bold;}
		.more-markets {display:block; font-size:11px; line-height:16px; float:right; padding-right:10px; margin-bottom: -5px;}
	.active-market.fade {color:#999 !important;}
	.on {font-size:13px; font-weight:bold; text-decoration:none;}

/* show/hide additional featured markets on the homepage form */
 ul#market_list li.hidden-market {display:none !important}
 ul#market_list.show-all li.hidden-market {display:inline-block !important}

/* force ie6 show/hide to show additional featured markets on the homepage form */
* html ul#market_list.show-all li.hidden-market{ _display:inline !important}
*+html ul#market_list.show-all li.hidden-market{ display:inline !important}/* --------- /stylesheets/search-homepage-form.css --------- */ 
#search h2.start {margin-bottom:6px;}
* html #search h2.start {margin-bottom:2px;}

#search ul {list-style:none}

#homepage_form {z-index:2000; list-style:none; text-align:center}
#homepage_form li {list-style:none; text-align:center; width:100%; margin:0; z-index:1; display:block;}
#homepage_form li.rooms-guests{display:block; position:relative; }

#homepage_form li h3 {padding:0; color:#646464; letter-spacing:-0.04em;}

#homepage_form li.travel-dates {min-height:80px}
#homepage_form li.rooms-guests {min-height:70px}

* html #homepage_form li.travel-dates {min-height:60px}

#homepage_form .form-section-title {margin-bottom:7px;}
* html #homepage_form .form-section-title {margin-bottom:4px}

/* set hasLayout = true with trip switch
http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
#homepage_form div#search_amount {display: inline-block;} /* trigger haslayout for IE>5.0 */
#homepage_form div#search_amount {display: block;} /* put it back to what it should be in separate rule */

.search-submit {width:100%; padding:0 0 7px 0; display:block; text-align:right; position:relative}

.search-submit #call_to_book {margin-left:10px}
* html .search-submit #call_to_book {margin-left:5px}

#homepage_form li.submit-row {text-align:right; z-index:1; padding-bottom:7px;}
.submit-row .search-submit {padding-bottom:5px; z-index:1}
* html .submit-row .search-submit {padding-bottom:5px}
.submit-row .search-submit .submitbutton {display:block; padding:0px; z-index:1}
/* --------- /stylesheets/search-resultspage-form.css --------- */ 
/* Search Results Form Specific Styles
-------------------------------------------------------- */
.search-results {
  position:relative;
  z-index:1000;
  margin:0 0 25px;
  width:100%;
  min-height:208px; /* 206px tall Ad + 1px border top and 1px border bottom */
/*  _height:210px;*/
}

.sort {display:block; position:absolute; width:940px; left:0; bottom:-28px; height:20px; padding:0; clear:both}
*+html .sort {height:24px;}
.sort strong {display:inline; padding-right:10px}
.sort #sort_dropdown {float:left; margin:0; top:0;}

a.search_change_close {z-index:100; display:block; position:absolute; right:10px; font-size:12px; letter-spacing:-0.04em; color:#010f98; text-decoration:underline; background:#fff; padding:2px 12px}
a.search_change_close:hover {background:#010f98; color:#fff;}

#advanced_search, #change_rooms_guests {font-size:12px; letter-spacing:-0.04em; color:#010f98; text-decoration:underline;}

#advanced_search {position:absolute; right:14px; /*bottom:-10px;*/ top:60px; font-size:11px;}
*+html #advanced_search {right:0}
.submit-row.resultsfields .submitbutton {padding:0px !important}

.view-map {display:block; position:relative; width:auto; float:left; margin-left:20px; width:100px;}
* html .view-map {margin-top:7px}
*+html .view-map {margin-top:4px}
.view-map a {
  display:block;
  color:#034E42;
  padding:0 4px 0 20px;
}

.view-map span.map-icon {width:16px; height:16px; position:absolute; top:0; left:0; background:transparent url(/images/icons_sprite.png) left -79px no-repeat;}

a#view_on_map { text-decoration:underline; position:relative;}

.view-map a:hover span {color:#000;}

#search.search-form.advanced-search {width:787px}
#search.search-form.advanced-search .advanced-search {}

.search-results.advanced-search #results_form {display:inline-block; z-index:10;}
  *+html .search-results.advanced-search #results_form  {display:inline}

.search-results .submit-row {display:block; width:100%; z-index:1;}
.search-results.advanced-search .submit-row {display:block; width:100%;}

.search-results .submit-row .submitbutton {margin-top:0;}

#advanced_search_fields {position:relative; width:380px; display:inline-block; vertical-align:top}
*+html #advanced_search_fields  {display:inline}

#results_form, #advanced_search_fields {margin-left:0}
#advanced_search_fields h2.results-header {padding-left:0 !important}

.amenities-list li { width:123px; display:inline-block; margin:3px 0; vertical-align:top} 
  .amenities-list li label {font-size:11px}
  .amenities-list li label, .amenities-list li input {vertical-align:baseline; line-height:1.2;} 
* html .amenities-list li {display:inline; margin:2px 0; position:static; zoom:1;}

.amenities-list li input {width:13px; height:13px}
body:last-child .amenities-list li input {width:auto; height:auto}

*+html .amenities-list li {display:inline}

.property-amenities-fields {display:block; position:relative; zoom:1}
.property-amenities-fields .results-header {margin-bottom:3px;}

* html #results_form  {display:block; float:left; width:380px;}
* html #advanced_search_fields  {display:block; float:right;}

*+html #results_form  {display:block !important; float:left; width:380px;}
*+html #advanced_search_fields.item-visible  {display:block !important; float:right;}

#advanced_search_ad {
  zoom:1;
  display:inline-block;
  *display:inline;
  vertical-align:top;
  background:#ea3c00;
  width:142px;
  height:210px;
  margin-left:5px;
}

#advanced_search_ad p {padding:5px; font-size:12px; letter-spacing:0.045em; line-height:20px; color:#fff; font-weight:bold}
#advanced_search_ad h1 {font-size:27px; color:#d1ff32; letter-spacing:-0.06em; margin-left:3px; margin-top:12px; line-height:27px}
*+html #advanced_search_ad h1 {margin-bottom:10px}
#advanced_search_ad h2 {font-size:22px; color:#fff; letter-spacing:-0.01em; margin-left:2px}

#advanced_search_ad.intl-affiliate h2 {font-size:16px; color:#fff; letter-spacing:-0.01em; margin-left:2px}/* --------- /stylesheets/search-property-name.css --------- */ 
.property-name-field {display:block; position:relative; zoom:1}
  .property-name-field label {display:block}
  .property-name-field #search_property_name {width:355px; padding:3px; font-size:12px; margin:0 auto}
  .property-name-input {padding-top:3px}
  .property-name-input #search_property_name {margin-top:3px}/* --------- /stylesheets/search.css --------- */ 
.submit-row {display:block; position:relative; zoom:1}

#homepage_form h2.start {
  padding-bottom:14px;
  padding-left:10px;
  padding-top:10px;
}

#call_to_book {
  position:absolute;
  top:8px;
  left:10px;
  float:left;
	text-align: left;
	font-size: 13px;  
	color:#000;
	font-weight:normal;
}

.bestrate {color:#3a9021; display:block}
.bestrate {font-weight:bold; font-size:12px; text-align:center; margin:0 auto; white-space:nowrap}
.general .bestrate {text-align:right}
.booking-phone-number {font-weight:bold; font-size:17px; color:#000;}

.booking_email, .booking-field, .booking-search, .newsletter-subscribe {font-size:12px}
.booking-field {padding:3px; width:124px;}

.hidden-market {display:none;}
.show-all .hidden-market {display:inline-block; text-align:left;}
*+html .show-all .hidden-market {display:inline !important}

.item-hidden {display:none !important; visibility: hidden;}/* --------- /stylesheets/search-shared.css --------- */ 
/* Form Element Styles
-------------------------------------------------------- */
#search {position:relative; display:inline-block; *display:inline; z-index:1000; zoom:1; overflow:visible; line-height:1;}
#search ul {list-style:none}

#search h2.start,
#search h2.results-header {
	font-size:20px;
	color:#000;
	padding:6px 0 0 0;
}
  #search h2.start {padding-left:10px}
#search h2.results-header {font-size:13px; display:inline-block}

#search h2.start small,
#search h2.results-header small {font-size:16px; color:#4e4e4e}
  #search h2.results-header small {font-size:11px; font-weight:normal; color:#000;}
	
#search fieldset {margin:0; padding:0}
.search-form {
	width:398px; 
	margin-bottom:8px;
	border:solid 1px #FFD364;
}	
.search-form fieldset.styled {background:#FFF49D}
.search-form fieldset	{border:0 !important}

.form-section-title {font-size:13px; color:#000 !important; line-height:1.3; text-align:left; padding:0; margin:0}
input, select {font-size:90%}
.submit {width:auto; text-align:right; clear:both}

fieldset label {font-weight:normal}
fieldset li.field {display:inline-block; margin:0; z-index:1}

/* IE6
===========================================================================*/

* html .room-num,
* html #rooms_search_list,
* html .age-selects,
* html .ages-of-children {
  display:inline !important
  zoom:1;
}
* html .ages-of-children {margin-right:4px}

* html .room-num {width:110px}

* html .distinct-room {padding-right:5px}

* html .age-selects {width:215px}
* html .child {width:50px}

* html .date-input {display:inline}
* html fieldset .travel-dates .date-input {width:150px}

/* IE7
===========================================================================*/

*+html .room-num,
*+html #rooms_search_list,
*+html .search-adults,
*+html .search-children  {
  display:inline;
  vertical-align:top;
  zoom:1
}

*+html .date-input {width:170px; display:inline; vertical-align:top; zoom:1}

*+html .ages-of-children {margin-right:4px}

*+html .room-num {width:84px !important}
*+html .rooms-guests-summary {display:inline}

*+html .child-ages.item-visible .ages-of-children,
*+html .child-ages.item-visible .age-selects,
*+html .child-ages.item-visible .child.item-visible {display:inline !important}

*+html .item-hidden,
*+html .distinct-room.item-hidden {display:none !important}
*+html .item-visible {display:inline !important}

*+html .age-selects {width:215px}
*+html .child {width:50px}
*+html span.age-text {font-size:9px; padding-bottom:0}
*+html .age-text { display:block;width:auto}
/* --------- /lib/ratings/ratings.css --------- */ 
/*
  Phark (Revisited) Image Replacement - Mike Rundle
  http://www.mezzoblue.com/tests/revised-image-replacement/#phark2
*/

.rating-star,
.rating-review {
  display: inline-block;
  vertical-align: middle;
  
  font-size:   0;
  line-height: 0;
  
  text-indent: -1000em;
  outline-width: 0; /* for Firefox 1.5+ */
  text-decoration: none; /* for Firefox 1.0 */
  
  background-image: url(/lib/ratings/ratings.png);
  background-repeat: no-repeat;
}

.rating-star {
  width:  59px;
  height: 11px;
}

.rating-review {
  width:  75px;
  height: 15px;
}

.rating-star-50 { background-position:   0px   0px; }
.rating-star-45 { background-position:   0px -11px; }
.rating-star-40 { background-position: -12px   0px; }
.rating-star-35 { background-position: -12px -11px; }
.rating-star-30 { background-position: -24px   0px; }
.rating-star-25 { background-position: -24px -11px; }
.rating-star-20 { background-position: -36px   0px; }
.rating-star-15 { background-position: -36px -11px; }
.rating-star-10 { background-position: -48px   0px; }

.rating-review-50 { background-position:   0px -22px; }
.rating-review-40 { background-position: -15px -22px; }
.rating-review-30 { background-position: -30px -22px; }
.rating-review-20 { background-position: -45px -22px; }
.rating-review-10 { background-position: -60px -22px; }


.review-header, .tripadvisor-review {
    border-bottom: 1px solid rgb(221, 221, 211); /* light gray */
}
.tripadvisor-review {
  padding-bottom:10px;
  margin:10px 0;
}
.review-header {border-bottom: 1px solid rgb(153, 153, 153); /* darker gray */}

.tripadvisor-review header {
  padding-top:15px;
}

.tripadvisor-rating-img {
  display:inline-block;
  vertical-align:middle
}
.attribution {
  color:#666;
  display:block;
  margin:10px 0;
}
.review-content {
  font-size:12px;
}
.review-disclaimer {
  font-style: italic;
  color:#999;
  font-size:95%;
}
.tripadvisor-branding {
  height: 100%;
  overflow: hidden;
  background-color: #F3F3F3;
  border-top: 2px solid #CECECE;
  padding: 7px;
}
.tripadvisor-branding dl {
  float:right;
  height: 100%;
  overflow: hidden;
  padding: 0px 2px;
  list-style: none;
  margin: 0px;
  display:block;
}

.tripadvisor-branding dl dt {
  float:left;
  color: #797979;
  font-size: 9px;
  margin: 8px 6px 0px;
  list-style: none;
  display:block;
}

.tripadvisor-branding dl dd {
  height: 22px;
  margin: 0px 0px 1px 4px;
  overflow: hidden;
  width: 132px;
  float: left;
  list-style:none;
  padding:0;
  display:block;
}

.tripadvisor-reviews-activity {
  display:block;
  position:relative;
  padding-left:45px;
  height:40px;
	background:transparent url(/images/deals-update-activity-indicator.2.gif) no-repeat scroll 0 0;
}
/* --------- /stylesheets/calendar.css --------- */ 
/* Override Calendar Skin */
div.dual-calendar { z-index:2000;
	display: none;
	position: absolute;
	left:0;
	top:50px;
  width: 379px;
}

.yui-skin-sam .yui-calendar { font-family: inherit; }

.yui-skin-sam .yui-calendar .calweekdayrow {font-size:13px}
.yui-skin-sam .yui-calendar td.calcell {font-size:13px}
.yui-skin-sam .yui-calendar td.calcell a {color: #034e42; padding-left:4px; padding-right:4px;}

.yui-skin-sam .yui-calendar td.calcell.calcellhover,
.yui-skin-sam .yui-calendar td.calcell.calcellhover a,
.yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {color:black; background-color:#E7F6C9}

.yui-skin-sam .yui-calendar td.calcell.selected a {color:white; background-color:#034e42}
/* --------- /stylesheets/widgets.css --------- */ 
body.widget { background-image:none; }

#widget { padding:10px; }
#widget-header { width:539px; margin-bottom:10px; position:relative; }
#widget-header #logo { margin-top:0; }
#widget-header .phone { margin-top:10px; }

#widget form#search { display:block; float:left;}
#widget #search-checkout .dual-calendar { left:auto; right:0; }
#widget #rooms_guests_container { width:675px; }

.external-wrapper {background:transparent !important;}

.external {width:800px; padding-top:20px;}/* --------- /stylesheets/currency_converter.css --------- */ 
body.popup { background-image: none; }

.HmainContainer {
  font-weight: normal !important;
  
  width: auto !important;
  padding: 0 !important;
}

.HmainContainer td {
  vertical-align: top;
  padding: 5px;
}

td.Hlabel {
  font-size: 12px !important;
  
  vertical-align: bottom;
}

.Hmsg_1 {
  font-size: 11px !important;
}

.HmainContainer input#amount {
  font-size: 12px;
  
  color: black !important;
  border: 1px solid #034E42;
}

.HselectBox {
  width: auto !important;
  height: auto !important;
}

.Htextarea {
  font-size: 12px !important;
  font-weight: normal !important;
}
/* --------- /stylesheets/print.css --------- */ 
@media print {
	#logo a img { border-style: none !important; }
	
	#navigation,
	#util a,
	#util ul {
		display: none !important;
	}

body {
	background: white;
	font-size:11pt;
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	padding:0;
	margin:0;
}
body, #container, #content, #main {
   width: auto !important;
   margin: 0 !important;
   padding: 0 !important;
 	float: none !important;
 	color: black; 
 	background: transparent;
 	text-align:left;
}
#map,
label, input, textarea, fieldset, #javascript_disabled_notification, noscript, form,
.property_nav, .book, #header, #wrapper, #footer,.ui-tabs-nav, .ui-tabs-hide, .starting_at img, #summary, .property-nav .options, ul.ui-tabs-nav, .property-nav,
.all, .property_images,
 .rooms {display:none !important;}

.only-for-print {display:block  !important;}
table {text-align:left; page-break-inside: avoid;}
h2 {text-align:left;}
tfoot {display:none;}
th {padding:.5pt; white-space:nowrap;}

.receipt {text-align:left;}
body #content .receipt h2.receipt-top,
.receipt h2.receipt-top {border:0; padding-top:10pt;font-size:12pt;}
   body #content .receipt h2.receipt-top,
   body #content .receipt h2.receipt-top strong {color:#000;font-size:14pt;background:none;}
   body #content .receipt h2.receipt-top,
   body #content .receipt h2.receipt-top span, .receipt h2.receipt-top span {color:#000;font-size:11pt;}
	#main .receipt h2.receipt-top span strong a {font-weight:bold;font-size:12pt;color:#000;text-decoration:none;display:inline;}
	
.reservation-summary, .reservation-details {display:block !important; float:none; position:relative; left:0; top:0;margin:0; padding:0; border:none;}
.reservation-details h1 {/*font-size:12pt;*/display:inline;width:auto;}
.reservation-details img {display:inline;}
.reservation-details h2 {/*font-size:12pt;*/display:block;clear:both;}
.reservation-summary {}
.receipt .reservation-summary .reservation-info {border:none;display:table-cell;} 
.receipt .reservation-summary .property-info {border:none;width:auto;display:table-cell;}
   .reservation-summary .property-info .property {font-size:11pt;}
   .reservation-summary .property-info h1 {font-size:11pt;display:block;white-space:nowrap;}

#main {height:auto !important;}

table,
#reservations_receipt {padding:0;clear:both;border:0; border-collapse:collapse;}
	#reservations_receipt thead tr th {font-size:15pt;color:#000;background:none;border-bottom:solid 2px #333;} 
		#reservations_receipt tbody tr th,
			#reservations_receipt tbody tr td {border-bottom:solid 1px #ddd;}
				#reservations_receipt tbody tr td.cancellation p {}
		   #reservations_receipt tbody tr th {font-size:11pt;}
		   #reservations_receipt tbody tr.header th {background:none;border-bottom:solid 2px #333;border-top:solid 1px #ccc;font-size:13pt;padding-top:7pt;}
			   #reservations_receipt tbody tr.header th span.only-for-print {font-size:20pt;}
			#reservations_receipt tbody tr td {padding:0.5pt;font-size:12pt;line-height:1.25;}
			#reservations_receipt tbody tr td.cancellation{font-size:12pt;padding:8pt;}
			
.old {font-size:9pt; text-decoration:line-through}

/* baselined */
html {
margin: 0;
/*border: 2px solid red;*/
height:100%;
display:block;
}

body {
margin: 0;
/*border: 2px solid green;*/
height:100%;
display:block;
}

#main {
margin: 0;
/*border: 2px solid blue;*/
display:block !important;
}
#property-tabs.ui-tabs {
	margin: 0;
/*	border: 2px solid blue;*/
	height:100%;
	display:block;
}

.info {display:block;}
.units .info .title { border-top:solid 1px #333;}

} /* end @media */