@import url(fancy.css);
.twoColFixRt #container {
  width: 980px;
  margin: 0 auto;
  text-align: left; }
.twoColFixRt #sidebar1 {
  float: right;
  width: 280px;
  padding: 15px 10px; }
.twoColFixRt #mainContent {
  margin: 0;
  margin-right: 300px;
  padding: 0 20px; }

.threeColFix #container {
  width: 980px;
  margin: 0 auto;
  text-align: left; }
.threeColFix #sidebar2 {
  float: left;
  width: 180px;
  padding: 15px 10px 15px 20px; }
.threeColFix #sidebar1 {
  float: right;
  width: 280px;
  padding: 15px 10px 15px 20px; }
.threeColFix #mainContent {
  margin: 0;
  margin-left: 200px;
  margin-right: 300px;
  padding: 0 10px; }

#centeredmenu {
  font: 1.3em Georgia ,serif;
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; }
  #centeredmenu ul {
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center; }
    #centeredmenu ul li {
      display: block;
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      right: 50%; }
      #centeredmenu ul li a {
        display: block;
        margin: 0 0 0 1px;
        padding: 3px 15px;
        text-decoration: none;
        line-height: 1.3em; }

#header {
  padding: 0 10px 0 20px; }

#header h1 {
  margin: 0;
  padding: 10px 0; }


#footer p {
  margin: 0;
  padding: 10px 0;
  text-align: left; }

#contact-info {
  float: right; }

#leadblock {
  padding: 0 10px 0 20px; }

.fltrt {
  float: right;
  margin-left: 8px; }

.fltlft {
  float: left;
  margin-right: 8px; }

.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px; }

ul.inline {
  list-style: none;
  margin: none;
  padding: none; }
  ul.inline li {
    float: left; }

#search {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 10px;
  margin: 0 0 10px 0; }
  #search #search_terms {
    width: 50%;
    margin: 0 1em;
    padding: 1px; }

@include                      settings;
html {
  font-family: "Trebuchet MS", sans-serif; }

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: .8em;
  background-color: #fff;
  color: #fff;
  font-family: "Trebuchet MS", sans-serif; }
  body a {
    color: #fff; }
    body a:hover, body a:active {
      color: #fdb414; }
  body b a, body .active {
    color: #fdb414; }

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia ,serif;
  font-weight: normal;
  line-height: 80%; }

h1 {
  font-size: 3em;
  color: #fdb414; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.5em;
  padding: 0;
  margin: .5em 0; }

h4 {
  font-size: 1.3em; }

h5 {
  font-size: 1em;
  font-weight: bold; }

a {
  text-decoration: none; }

img {
  border: none; }

sup {
  font-size: 60%; }

form {
  margin: 0; }

input.textbox {
  width: 300px; }

textarea.small {
  width: 300px;
  height: 4em; }
textarea.large {
  width: 300px;
  height: 15em; }

fieldset {
  border: 1px solid #666;
  margin: 0.5em 0;
  padding: 1em; }
  fieldset legend {
    font-size: 1.2em; }
  fieldset fieldset {
    border: 1px solid #333; }

input[type=text], textarea, select {
  font: 1.2em "Trebuchet MS", sans-serif;
  font-weight: normal;
  padding: 1px 1px 1px .3em;
  color: #000;
  background: #666;
  border: 1px solid #999; }
  input[type=text]:focus, textarea:focus, select:focus {
    border: 1px solid #666;
    background: #fff; }
  input[type=text].title, textarea.title, select.title {
    font-size: 200%;
    font-weight: bold; }
  input[type=text].error, textarea.error, select.error {
    border-color: #c00; }

input[type=image] {
  vertical-align: middle; }

label {
  color: #666; }
  label.required {
    color: #ccc; }
  label.error {
    color: #c00;
    background-color: #ccc;
    padding: 2px;
    margin: 2px; }

#search label {
  font-size: 8pt;
  width: 75px; }
#search #terms {
  font-size: 8pt;
  width: 120px;
  height: 16px;
  margin: 0px 10px; }
#search #search-submit {
  height: 20px;
  width: 20px;
  padding: 0px;
  margin: 0px; }

.tabset {
  margin: 0px auto 0px auto;
  width: 100%; }
  .tabset h2 {
    letter-spacing: -1px;
    margin-bottom: 10px; }
    .tabset h2 small {
      color: #999;
      font-weight: normal;
      font-size: 9px;
      font-family: "Trebuchet MS", sans-serif;
      text-transform: uppercase;
      position: relative;
      top: -4px;
      left: 6px;
      letter-spacing: 0px; }

ul.tabs {
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 3px; }
  ul.tabs li {
    list-style: none;
    display: inline; }
    ul.tabs li a {
      background-color: #333;
      color: #999;
      padding: 3px 5px 3px 5px;
      text-decoration: none;
      font-size: 10px;
      font-family: "Trebuchet MS", sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      border: 1px solid #333; }
      ul.tabs li a:hover {
        background-color: #333;
        border-color: #333; }
      ul.tabs li a.active {
        background-color: #999;
        color: #333;
        border: 1px solid #999;
        border-bottom: 1px solid #333; }

.content {
  background-color: #000;
  padding: 10px;
  border: 1px solid #333; }

.ui-tabs-hide {
  display: none; }

.simplegallery {
  position: relative;
  visibility: hidden; }

span.rating {
  padding-left: 1em;
  text-align: right;
  font-size: 50%; }

#gallery-lead {
  position: relative;
  width: 640px;
  height: 378px;
  clear: left; }

#gallery-caption {
  padding: 0;
  text-align: left;
  color: white;
  position: absolute;
  bottom: 10px;
  left: 10px; }
  #gallery-caption p {
    background-color: #333;
    padding: .5em;
    margin: 0;
    opacity: .6;
    filter: alpha(opacity=60);
    font-size: 11px; }

.gallery .insetphoto {
  float: right;
  border: 5px solid silver; }

#container {
  background-color: #131313;
  background-image: url(/images/catprint_bg.jpg); }

#breadcrumb {
  font-size: 80%; }
  #breadcrumb ol {
    margin: 1.2em 0 0 0;
    padding: 0; }
    #breadcrumb ol li {
      display: inline;
      padding: 0 2px 0 12px;
      background: transparent url(/images/breadcrumb_sep.gif) left center no-repeat; }
      #breadcrumb ol li.first {
        padding-left: 0;
        background: none; }

#contact-info {
  text-align: right;
  font: 1.3em Georgia ,serif; }
  #contact-info a {
    font-size: .9em; }

#sidebar1 {
  font-size: 80%; }

#footer {
  background-color: #fff; }

#suitcase-count {
  color: #000;
  font-size: 15px;
  padding: 7px 0;
  text-align: center;
  width: 30px;
  height: 30px;
  float: right;
  background: url(/images/suitcase.png) center top no-repeat; }

#thumbnails img {
  border: 5px solid #eee;
  border-bottom: 20px solid #eee; }

#footer, #footer a {
  color: #ccc; }
  #footer a:hover, #footer a a:hover {
    color: #666; }

#footnotes {
  margin-top: 100px;
  border-top: 1px solid #333; }

li {
  padding-right: 1em; }

.icon {
  vertical-align: middle; }

.hotel-summary {
  float: left; }
  .hotel-summary img {
    float: left;
    margin: 0 .5em .5em 0; }

.inactive {
  font-style: italic;
  color: #966;
  background-color: #ffefef; }

.devnote {
  background-color: black;
  color: #ccc;
  border: 2px solid #ccc;
  font-size: 200%;
  padding: 1em; }

.debug_dump {
  background-color: #333;
  color: white; }

a.iconlink {
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px; }

#suitcase {
  margin: 0;
  padding: 0; }

.suitcaseadd {
  background-image: url(/images/suitcase_button.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 20px; }

.suitcaseremove {
  background-image: url(/images/suitcase_button.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 20px; }

.navblock, #suitcase, #region_list {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #666; }

#brochure.navblock {
  background: url(/images/brochure-small.png) no-repeat right 3px; }

#special_offers.navblock {
  background: url(/images/cutout_leopard.png) no-repeat right bottom;
  min-height: 121px; }
  #special_offers.navblock #offers {
    width: 200px; }

.page_tools {
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #666; }

.flash {
  background-color: #666;
  border: 1px solid #333;
  padding: 1em; }

.notice {
  border-color: #696; }

#sidebar2, #sidebar1 {
  font-size: 90%; }
  #sidebar2 a, #sidebar1 a {
    font-weight: normal; }
  #sidebar2 ul, #sidebar1 ul {
    list-style: none;
    padding: 0;
    margin: 0; }

#region_list ul {
  list-style: none; }
#region_list li a {
  display: block;
  border-bottom: 1px solid #333;
  padding: .6em 0; }

#leadblock #map {
  width: 600px;
  height: 400px;
  color: #000;
  margin-top: 2em; }

#minimap {
  width: 280;
  height: 280; }

ul.plain {
  list-style: none;
  margin: 0 0 1em 1em;
  padding: 0; }
  ul.plain img {
    padding: 0 5px 0 0; }

ul.files {
  list-style: none;
  margin: 0 0 1em 1em;
  padding: 0; }
  ul.files img {
    padding: 0 5px 0 0; }

.toggleLink {
  font-size: 80%;
  color: silver; }


.southafrica h1, .southafrica a:hover, .southafrica .active, .southafrica b a, .southafrica .page_tools a {
  color: #81cb30; }
.southafrica #container {
  background-image: url(/images/zebra_bg.jpg); }

.northafrica h1, .northafrica a:hover, .northafrica .active, .northafrica b a, .northafrica .page_tools a {
  color: #fd8ba2; }
.northafrica #container {
  background-image: url(/images/mosaic_bg.jpg); }

.middleeast h1, .middleeast a:hover, .middleeast .active, .middleeast b a, .middleeast .page_tools a {
  color: #f46529; }
.middleeast #container {
  background-image: url(/images/desert_bg.jpg); }

.indianocean h1, .indianocean a:hover, .indianocean .active, .indianocean b a, .indianocean .page_tools a {
  color: #00c5ff; }
.indianocean #container {
  background-image: url(/images/fish_bg.jpg); }

.bushtracks h1, .bushtracks a:hover, .bushtracks .active, .bushtracks b a, .bushtracks .page_tools a {
  color: #00a651; }
.bushtracks #container {
  background-image: url(/images/footprints_bg.jpg); }

#container a.southafrica:hover {
  color: #81cb30; }
#container a.northafrica:hover {
  color: #fd8ba2; }
#container a.middleeast:hover {
  color: #f46529; }
#container a.indianocean:hover {
  color: #00c5ff; }
#container a.bushtracks:hover {
  color: #00a651; }

#region_list ul {
  position: relative; }
  #region_list ul a img {
    border: 5px solid black;
    display: none;
    position: absolute;
    top: -999em;
    left: -999em;
    padding: 0px;
    background: #eee; }
  #region_list ul a:hover img, #region_list ul a.active img, #region_list ul>li:first-child a img {
    display: block;
    top: 5px;
    left: 140px; }
  #region_list ul a:hover img {
    z-index: 999; }