body {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: arial, helvetica;
  font-size: 0.6875em;
  background-color: #ffffff;
}

a          { text-decoration: none; }
#content a { text-decoration: underline; }
a:link, a:visited { color: #282882; }
a:active, a:hover { color: #282882; }
a:visited:hover   { color: #282882; }

.ui-state-default a:hover, .ui-state-default a:visited:hover {
  color: #ffffff;
}

.ui-datepicker a:hover {
  color: #ffffff;
}

img {
  border: 0;
}

p {
  text-align: justify;
  line-height: 1.5em;
  color: #000000;
}

#content ul, ol {
  line-height: 1.5em;
}

h1, h2, h3 {
  margin: 1.5em 0 1em 0;
  color: #282882;
}

h1 { margin-top: 0; font-size: 1.5em; }

.wrapper {
  margin: 0;
  padding: 0;
  width: 962px;
  overflow: hidden;
}


/* ***** FORMS ***** */
form {
  margin: 0;
  padding: 0;
}

label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold;
  color: #282882;
}

input, select, textarea {
  padding: 2px;
  font-size: 11px;
  font-family: arial, helvetica;
  border: 1px solid #0098b3;
}

select.hotel { width: 200px; }
input.arrive { width: 65px; }
input.depart { width: 65px; }
select.adult { width: 40px; }
select.child { width: 40px; }
input.promo  { width: 120px; }

label.hotel  { width: 200px; padding: 0; }
label.arrive { width: 100px; }
label.depart { width: 100px; }
label.adult  { width: 100px; }
label.child  { width: 100px; }
label.promo  { width: 200px; }

.formhalf {
  float: left;
  margin: 0;
  padding: 0;
  width: 105px;
}

form br {
  clear: both;
}

input.submitbtn {
  display: block;
  margin: 1em 0 0 0;
  padding: 3px 6px;
  font-weight: bold;
  color: #ffffff;
  background-color: #282882;
  border-top: 1px solid #a1a1c9;
  border-left: 1px solid #a1a1c9;
  border-right: 1px solid #09091e;
  border-bottom: 1px solid #09091e;
}

img.ui-datepicker-trigger {
  padding: 0 0 0 3px;
}

input.dropshadow {
  background: #ffffff url(../img/bg-input.gif) no-repeat 0 0;
}

textarea.dropshadow {
  background: #ffffff url(../img/bg-input.gif) no-repeat -10px 0;
}

form ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

form ol li {
  clear: both;
  padding: 3px 0;
}

form.cform {
  margin: 0 0 2em 0;
}

form.cform label {
  float: left;
  margin: 0 15px 0 0;
  width: 100px;
  text-align: right;
}


/* ***** TOP BAR ***** */
#topbar {
  margin: 0;
  padding-top: 6px;
  width: 100%;
  height: 24px;
  background-color: #282882;
  overflow: hidden;
}

ul#navsec, ul#navter, ul#navmain {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul#navsec li, ul#navter li, ul#navmain li {
  margin: 0;
  padding: 0;
  float: left;
  border-right: 1px solid #8383cd;
}

ul#navsec li.last, ul#navter li.last, ul#navmain li.last {
  border: 0;
}

ul#navsec li a, ul#navter li a, ul#navmain li a {
  padding: 0 10px;
  font-weight: bold;
  color: #ffffff;
}

ul#navsec li a:hover, ul#navter li a:hover, ul#navmain li a:hover {
  text-decoration: underline;
}

ul#navsec {
  float: left;
  padding: 2px 0 0 0;
}

#siteselect {
  margin: 0 0 0 10px;
  padding: 0;
  border: 0;
  background-color: #eee9dc;
  float: left;
}

ul#navter {
  float: right;
}

ul#navter li {
  padding-top: 2px;
  font-weight: bold;
  color: #ffffff;
}

ul#navter li.nopad {
  padding-top: 0;
}

ul#navter li form {
  display: inline;
  margin: 0;
  padding: 0;
}


/* ***** HEADER ***** */
img#logo, img#hdrcta {
  float: left;
}

#hdrrightwrap {
  float: right;
  padding-top: 10px;
  width: 456px;
}

#smicons {
  float: right;
  width: 168px;
}

#smicons img {
  margin-left: 10px;
}

ul#navmain {
  clear: both;
  float: right;
  width: 300px;
  margin-top: 65px;
}

ul#navmain li {
  border-right: 1px solid #0098b3;
}

ul#navmain li a {
  color: #282882;
}


/* ***** LEADERBOARD ***** */
#leaderboard {
  clear: both;
  width: 100%;
  height: 250px;
  background-color: #f6f3ec;
  overflow: hidden;
}

  .hdrbox {
    float: left;
    width: 250px;
    height: 250px;
    border-right: 2px solid #ffffff;
    background-color: #eee9dc;
  }

  .hdrboxwrap {
    padding-left: 20px;
  }

  .hdrbox h3 {
    margin: 0 0 10px 0;
    padding: 0;
    width: 250px;
    height: 33px;
    text-indent: -9999px;
    background-color: #e6decb;
    border-bottom: 2px solid #ffffff;
    overflow: hidden;
  }
  
  .hdrbox h3#h3reservations {
    background: transparent url(../img/h3-reservations.gif) no-repeat;
  }

  .hdrbox h3#h3hotdeals {
    background: transparent url(../img/h3-hotdeals.gif) no-repeat;
  }

  ul#hotdeals {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 10px 0 0 0;
    width: 210px;
  }

  ul#hotdeals li {
    margin: 0 0 10px 0;
    width: 210px;
    height: 40px;
    background-color: #f6f3ec;
    overflow: hidden;
  }

  ul#hotdeals li.hdblank {
    padding-top: 10px;
    padding-right: 10px;
    width: 200px;
    height: 30px;
    text-align: right;
    font-weight: bold;
    background-color: transparent;
  }

  ul#hotdeals li img {
    float: left;
  }

  ul#hotdeals li h5 {
    margin: 5px 0 0 50px;
    font-size: 11px;
  }

  ul#hotdeals li h5 a {
    font-weight: bold;
    color: #282882;
  }

  ul#hotdeals li p {
    margin: 0 0 0 50px;
    color: #0098b3;
  }

  ul#hdrimg {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 456px;
    height: 250px;
    border-right: 2px solid #ffffff;
    overflow: hidden;
  }


/* ***** MAIN ***** */
#main {
  margin: 30px 0;
  overflow: hidden;
}

  #sidebar {
    float: left;
    padding: 0 30px 0 20px;
    width: 200px;
  }

  #content {
    float: left;
    padding: 0 20px;
    width: 670px;
    font-size: 1.090909em;
  }


/* ***** TABLES ***** */
table.stdtbl {
  border-collapse: collapse;
}

table.stdtbl td, table.stdtbl th {
  padding: 5px 10px;
}


/* ***** CONTENT ***** */
p.cntr {
  text-align: center;
}

tr.alt {
  background-color: #f6f3ec;
}

h3#crystalrewards {
  margin: 0;
  padding: 0; 
  width: 200px;
  height: 16px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(../img/h3-crystalrewards.gif) no-repeat;
}

h1#home, h1#our-hotels, h1#about-us, h1#careers, h1#contact-us, h1#specials-packages, h1#travel-agents, h1#terms-of-use, h1#privacy-statement, h1#faq, h1#sitemap {
  margin: 0;
  padding: 0; 
  width: 670px;
  height: 24px;
  text-indent: -9999px;
  overflow: hidden;
}

h1#home               { background: transparent url(../img/h1-home.gif) no-repeat; }
h1#our-hotels         { background: transparent url(../img/h1-our-hotels.gif) no-repeat; }
h1#about-us           { background: transparent url(../img/h1-about-us.gif) no-repeat; }
h1#careers            { background: transparent url(../img/h1-careers.gif) no-repeat; }
h1#contact-us         { background: transparent url(../img/h1-contact-us.gif) no-repeat; }
h1#specials-packages  { background: transparent url(../img/h1-specials-packages.gif) no-repeat; }
h1#travel-agents      { background: transparent url(../img/h1-travel-agents.gif) no-repeat; }
h1#terms-of-use       { background: transparent url(../img/h1-terms-of-use.gif) no-repeat; }
h1#privacy-statement  { background: transparent url(../img/h1-privacy-statement.gif) no-repeat; }
h1#faq                { background: transparent url(../img/h1-faq.gif) no-repeat; }
h1#sitemap            { background: transparent url(../img/h1-sitemap.gif) no-repeat; }

table#hotellist {
  border-collapse: collapse;
}

table#hotellist tr {
  border-bottom: 1px solid #e6decb;
}

table#hotellist td, table#hotellist th {
  padding: 5px 10px;
}

table#hotellist td.location {
  font-weight: bold;
}

table#hotellist td.location a {
  font-weight: normal;
}

table#hotellist td.image, table#hotellist td.directions, table#hotellist td.book {
  width: 100px;
}

ol.faq li {
  font-weight: bold;
  margin-bottom: 1.5em;
}

ol.faq li li {
  font-weight: normal;
  margin-bottom: auto;
}


/* ***** FOOTER ***** */
#footer {
  clear: both;
  padding: 20px 0 50px 0;
  width: 100%;
  background-color: #eee9dc;
  overflow: hidden;
}

  #footer p, #footer a {
    color: #897e63;
    font-size: 11px;
  }

  #footer a:hover {
    text-decoration: underline;
  }

  p#ftrinfo, ul#ftrnavsec, ul#ftrnavmain, ul#ftrnavter {
    float: left;
    margin: 0;
  }

  ul#ftrnavsec, ul#ftrnavmain, ul#ftrnavter {
    list-style: none;
    padding: 0 70px 0 0;
    line-height: 1.5em;
  }

  p#ftrinfo {
    width: 230px;
    padding: 0 20px;
  }