@import url(reset.css);

body {
  font: 12px "Trebuchet MS";
}

a { color: #000000; }
a:hover { text-decoration: underline; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }

div#header { width: 100%; background: #01437d; }
div#header h1 {
  background: url(/img/layout/travel-collect-logo.png) no-repeat top left;
  width: 868px; height: 185px;
  text-indent: -999em;
}

div#nav ul { background: #2f648c; padding-left: 20%; height: 36px; }
div#nav ul li {
  display: inline;
  font-size: 13px;
  color: #fff;
  border-left: 1px solid #517ca0;
  padding: 8px 20px;
  line-height: 34px;
}

div#nav ul li a { color: #ffffff; }

div#categories {
  width: 20%;
  background: #ffc440;
}

div#categories h3 {
  text-indent: -999em;
  display: block; height: 0px; line-height: 0px;
}

div#categories ul {
  width: 85%;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

div#categories ul li {
  font-size: 13px;
  font-weight: bold;
  color: #01437d;
  border-bottom: 1px solid #eaaa34;
  line-height: 26px;
  padding: 0px 10px;
}

div#categories ul li a { color: #01437d; }

div#news {
  width: 16%;
  padding: 2%;
  padding-top: 0px;
  padding-bottom: 20px;
  background: #2f648c;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
}

  div#news h3 { font-weight: bold; font-size: 15px; line-height: 45px; }

  #news .actions { margin-top: 20px; }
  div#news a { height: 20px; line-height: 20px; color: #fff; padding-left: 13px; background: transparent url(/img/arrow.gif) no-repeat left center; display: block; }

div#content {
  position: absolute; right: 0px; top: 221px; width: 58%; padding: 20px 2%; padding-right: 20%;
  background: url(/img/layout/travel-collection-background.jpg) no-repeat top right;
  line-height: 26px;
}

div#content h2 {
  font-size: 13px;
  font-weight: bold;
  line-height: 28px;
  text-transform: uppercase;
}

div#content img.location { margin-right: 10px; }

div#content h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 36px;
  text-transform: uppercase;
  clear: both;
  color: #01437D;
}

div#content h4 {
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
  clear: both;
  color: #01437D;
}

.niceform p { clear: both; }

.niceform label {
  display: block;
  width: 150px;
  float: left;
}

.niceform input {
  width: 300px;
}

.niceform h3 {
  font-size: 14px;
  line-height: 54px;
  font-weight: bold;
  clear: both;
}

.niceform #i_submit { width: auto; }
.niceform .w2em, .niceform  .w4em { text-align: center; }
.niceform .w2em { width: 2em; }
.niceform .w4em { width: 4em; }

#content a.button {
  color: #01437D;
  font-weight: bold;
}

#content form a.button {
  color: #01437D;
}

#content #products a.button {
  position: absolute;
  right: 25%;
  color: #01437D;
}

#content form p input.button {
  padding-left: 10px;
  margin-left: -13px;
  background: none;
  border: none;
  font: 12px "Trebuchet MS";
  font-weight: bold;
  color: #01437D;
}

#content p a { color: #6F6F6F; }
#content p { clear: both; }

a#footer { width: 103px; height: 19px; color: #ccc; position: absolute; right: 10px; bottom: 5px; }

img.zoomable { margin: 5px 10px; }

#content p, #content ul, #content ol, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content table {
  margin-bottom: 26px;
}

#content p, #content li, #content td, #content th {
  line-height: 26px;
}

#content ul, #content ol { padding-left: 1.33em; }

#content ul { list-style: disc; }

#content ol { list-style: decimal; }

#container #smallprint {
  margin-top: 100px;
}

#container #smallprint a {
  font-weight: normal;
  color: #97b2c6;
  width: 100%;
}

#content .article { border-top: 1px solid #97b2c6; position: relative; }

#content .article h3 { margin: 0; }

#content .article .readmore { background: #2F648C; color: white; padding: 0 3px; text-decoration: none; }


#content .article .date { right: 0; color: #97b2c6; position: absolute; }