/* *****
NOTICE: this file gets combined for the live site. any changes here should also be made to the
combined file by running bin/minify.py. The combined file should be committed to Subversion
along with updates to this file.
***** */
body, p, h1, h2, h3, h4, h5, ul, li, ol, form {
  margin:0; padding:0;
}
body, input.text, textarea, select {
    background-color:#fff;
}
body, input, select, textarea, option {
    line-height:15px;
    color:#333;
}
body {
    font-family:Georgia, "Times New Roman", serif;
    font-size:12px;
}
input, select, textarea, option {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
*:focus {
  -moz-outline-style:none;
}
a:link   {color:#a82121; text-decoration:none; }
a:visited   {color:#a82121; text-decoration:none; }
a:active   {color:#a82121; text-decoration:none; }
a:hover {color:#a82121; text-decoration:underline; }
a img, p img { border:none; vertical-align:middle;}
ul, ol, li {list-style:none;}
h2, h3, h4, h5 {
  font-size:140%;
}
.clear {
  display: block; clear: both; float: none; width: 0;height: 0;
  overflow: hidden; visibility: hidden;
  border: 0; margin: 0;
}
span.sep {
    color: #ccc;
}
span.note {
  color: #666;
}
/* used to be button.submit, in case it breaks lots of stuff */

button {
    margin:15px 0 0 0;
    background:#a82121 url(/img/global/th3/find-arrow.gif) 234px 5px no-repeat;
    border:1px solid #CCC;
    width:250px;

    line-height: 1.1em; /* 11px */
    font-weight:bold;
    color:#FFF;
    text-align:left;

    padding:4px 0 3px 7px;

    cursor:pointer;
}
p.installflash {
  padding:10px 0; font-weight:bold; width:360px;
}
div.hasflash p.installflash {
  display:none;
}
li.disabled span.disclaim {
    position:absolute; display:block; width:inherit; margin-top:-8px; top:0; left:0;
    font-weight:normal; color:#a82121; font-size:0.9em; font-style:italic; text-align:center;
}






/* *************** Base page dimensions */
#main, #template {
  width:945px;
  margin:0 auto;
  padding:0 10px;
}

.thbox #template {
    width: auto;
    margin: 0px;
    padding: 25px 50px;
    background-color: #FFFFFF;
}


/* *************** Side rail */
#siderail div.features {
  padding:10px 0 17px 0;
  margin:5px 5px 5px;
  background:#FFF;
}
#siderail div.features h2 {
  text-indent:-9000px;
  background:url(/i/title-plus.gif) no-repeat;
  line-height:1.5em; /* 15px */
  margin:10px 0 0 10px;
}
#siderail div h4 {
  font-size:100%; /* 10px */
  color:#666;
  margin:7px 0 0 10px;
}
#siderail div p {
  margin:0 10px 0 10px;
}
div.adfeature {
    overflow:hidden;
}
#siderail div.adfeature a {
  border:0; margin:0; padding:0; text-decoration:none;
}
#siderail div.adfeature img {
  display:block;
  border:0; margin:0; padding:0;
}
/* End Side rail */

/* *************** Errors */
div#errors, ul.errors, div.errors ul, ul.formErrors,
ul.notifications {
  margin: 10px 0 15px;
  padding: 4px 8px;
  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
div#errors, ul.errors, div.errors ul, ul.formErrors {
    background-color: #fee;
    color: #a82121;
}
ul.errors,
ul.notifications {
  display: none;
}
ul.errors {
    font-weight:bold;
}
ul.errors.active,
ul.notifications.active {
    display: block;
}
ul.notifications {
    background-color: #afa;
}
ul.errors li a, div#errors ul li a {
    text-decoration:underline;
}
div#flash {
    border: solid 1px #999;
    background-color: #eee;
    color: #333;
    margin: 10px 0;
    padding: 5px;
}

.errorfree {
  color: #a82121;
}

#template p.errorfree {
  color: #a82121;
}

ul.errors {
  margin: 0 0 5px;
}




/* Forms */
input, select, textarea {
  font-size: 11px; color:#000;
  border: 1px solid #CCC;
  padding: 2px;
  margin-top: 4px;
}
input.text {
    height:14px;
}
input.checkbox, input.button, input.submit, input.radio {
    border:0px;
}
button, input[type=submit], input[type=image], input[type=hidden] {
    border:none;
    padding:0;
}
div.submit input {
    border:none;
}
div.field {
    margin: 0px 0px 8px;
    clear: both;
}
div.field label {
    display: block; color:#888;
}
div.checkbox input {
    float: left; border:0;
}
div.checkbox label {
  float:none;
  margin-left:25px;
  padding: 4px 0 0 0;
  line-height:14px;
}
div.field div.fieldmessage {
  margin:4px 0 0;
}

/* /account/Login */
div.registerside input[type=text],
div.registerside input[type=password] {
    width: 190px;
}
div.registerside div.checkbox {
    margin-bottom: 6px;
}
div.registerside div.submit {
    margin-top:20px;
}






/*
Popup box
-----------------------------------------------------------------------------------
*/
body.pop {
    color: #444;
    padding: 10px;
    line-height: 12px;
    margin: 0px;
}
body.pop h1 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}
body.pop p {
    margin-top: 5px;
}





/** let's override some styles in th.css if included **/
#content div.great {
    font-size:1em;
}
#content div.great li {
    line-height:1.4em;
}

/* get this up to date */
h1, h2, h3 {
    color: #000;
    font-weight: normal;
}

.loading {
    background:#FFF url(/img/global/loading.gif) center center no-repeat;
}
.loading * {
    visibility: hidden;
}

/* override text-transform */
.notransform {
    text-transform: none;
}

/* highlighted counts */
div.reviews div.review p.updated span.count,
span.count.updated {
    padding:1px 3px;
    font-weight:bold;color:#FFF;background:#a82121;
}

/*make hotelier title red*/
#template div.hotelierIconInfo h2{
    color:#a82121;
}

#friendEmailForm div.submit input.submit {
    vertical-align:middle; margin:0;
}

p.fineprint {
    font-size: 9px; 
    color: #666;
    font-style: italic;
}
/* asterix */
ul.asterix,
ul.asterix li {
    list-style-image: url(/img/global/asterix.gif);
}
ul.asterix li {
    margin: 2px 0px 3px 17px;
    font-size: 11px;
    line-height: 13px;
    color: #000;
}


#preloadstash {
    position:absolute; left:0px; top:0px; height:1px; width:1px;

}
#preloadstash * {
    display:block; position:absolute; left:-9000px;
}

.le-inpage-chat {
  display: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.strike-center{
    position: relative;
    white-space: nowrap;
}
.strike-center:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #999;
}

@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
    #tablet-content-body {
        padding: 0 25px;
    }
}