body {
  font: 0.8em sans-serif;
  background: #fff;
  color: #111;
}
h1 {
  position: relative;
  left: 10px;
  width: 99%;  /* Fixes fantom horizontal scrollbar, Firefox 3.0.4 (Ubuntu) */
  height: 69px;
}
h1 span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff url(http://images.triptrip.co.uk/triptrip.png) no-repeat;
}
h2 {
  font-size: 150%;
}
h3 {
  font-size: 140%;
  color: #3672a4;  /* steelblue - f */
}
h3 a:link,
h3 a:visited {
  color: #3672a4;
}
h3 a:hover,
h3 a:active {
  color: #165284;
}
h4 {
  font-size: 120%;
}
img {
  border: 0;
}
a:link,
a:visited {
  text-decoration: none;
  color: #249;
}
a:hover,
a:active {
  color: #555;
}
form {
  margin: 0;
  width: 99%;  /* Fixes some crazy IE bug where the submit buttons aren't aligned properly */
}
form label {
  display: block;
  font-weight: bold;
  color: #354B0F;  /* darkolivegreen - 20 */
}
form input,
form textarea {
  font: 1em sans-serif;  /* as inherit doesn't work properly in IE */
  color: #222;
}
form .checkbox_label {
  display: inline;
}
/*
input {
  border-top: 2px solid #afafaf;
  border-left: 2px solid #afafaf;
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
}
*/
fieldset {
  padding: 0.2em 1em;
  margin-bottom: 1em;
}
fieldset p {
  margin-top: 0.8em;
  margin-bottom: 1em;
}
fieldset.buttons {
  text-align: right;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
/*
form .next {
  padding-right: 20px;
  background: url(http://icons.triptrip.co.uk/stockholm/16x16/arrow_right.png) no-repeat 95% 50%;
}
*/
form.signup fieldset {
  display: inline;
  width: 320px;
  padding: 0 1em;
  background: #9acd32;  /* yellowgreen */
  border: 2px solid #6b8e23;  /* olivedrab; */
  -moz-border-radius: 5px;
}
form.signup .buttons {
  text-align: right;
}
ul {
  margin-left: 0;  /* For IE */
  padding-left: 2em;
}
ul li {
  list-style: none;
  padding-left: 20px;
  /*background: url(http://icons.triptrip.co.uk/stockholm/16x16/bullet.png) no-repeat;*/
  background: url(http://icons.triptrip.co.uk/silk/bullet_black.png) no-repeat;
}
table {
  border-collapse: collapse;
}
table th,
table td {
  padding: 0.1em 0.5em;
  border: 1px solid #888;
}
table th {
  background: #e4e4e4;
}
table .striped {
  background: #f4f4f4;
}
hr {
  border: 0;
  height: 12px;
  background: url(http://images.triptrip.co.uk/fader_dark_444-fff.png) repeat-x;
}
.options li {
  background: url(http://icons.triptrip.co.uk/silk/bullet_go.png) no-repeat;
}
#header {
  position: relative;
  height: 86px;
}
#sidelinks {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 17px;  /* #header, 86 - h1, 69 */
}
#sidelinks a {
  margin-left: 1em;
}
#navtop {
  overflow: hidden;  /* This will cut off any wrapping navigation elements, but will preserve the page's layout */
  margin-bottom: 10px;
  padding: 4px 10px;
  height: 1.2em;
  font-weight: bold;
  color: #fff;
  background: #222 url(http://images.triptrip.co.uk/fader_dark_444-222.png) repeat-x top;
}
#navtop ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navtop li {
  float: left;
  padding-left: 20px;
  padding-right: 2px;
  background: url(http://icons.triptrip.co.uk/silk/bullet_go.png) no-repeat;
}
#navtop .home {
  padding-left: 0;
  background: none;
}
#navtop a:link,
#navtop a:visited {
  color: #fff;
}
#navtop a:hover,
#navtop a:active {
  color: #ccc;
}
/*
#navside {
  float: left;
  width: 190px;
  height: 400px;
  zzborder: 1px solid #888;
  zzbackground: #B0C4DE;
  zzbackground: #BC8F8F;
  zzbackground: #DEB887;
  font-weight: bold;
  line-height: 170%;
  background: #556B2F;  /* darkolivegreen */ /*
  color: #fff;
}
#navside ul {
  padding-left: 1.5em;
}
#navside ul li {
  background: url(http://icons.triptrip.co.uk/stockholm/16x16/bullet.png) no-repeat 0 2px;
}
#navside a:link,
#navside a:visited {
  text-decoration: none;
  color: #fff;
}
#navside a:hover,
#navside a:active {
  color: #bbb;
}
*/
#sidebar1 {
  float: left;
  width: 160px;
  margin-top: 1em;
}
#sidebar2 {
  float: right;
  width: 160px;
  margin-top: 1em;
}
#content {
  overflow: hidden;  /* Stops floated content going outside of the div - http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
  margin-left: 180px;
  margin-right: 180px;
}
#sidebar1 label,
#sidebar2 label {
  color: #111;
}
#sidebar1 .box {
  margin-bottom: 1em;
  background: #eee;
  border: 1px solid #d8d8d8;
}
#sidebar1 .amazon {
  padding: 10px 0 6px 0;
  text-align: center;
  background: #fff;
}
#sidebar1 .box p {
  margin-bottom: 0;
}
#sidebar1 .box h4 {
  margin: 0;
  padding: 2px 12px;
  font-size: 105%;
  background: url(http://images.triptrip.co.uk/fader_light_ddd-bbb.png) repeat-x;
}
#sidebar1 .box div {
  padding: 12px;
}
#sidebar1 .box form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
#sidebar1 input {
/*
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/magnifier.png) no-repeat;
*/
  width: 125px;
}
#sidebar1 .button {
  width: auto;
}
#sidebar1 .box img {
  vertical-align: top;
}
#sidebar1 .box ul {
  padding-left: 1em;
}
#sidebar1 .box ul li ul {
  padding-top: 0.4em;
  padding-left: 0;
}
#sidebar1 .box ul li {
  padding-bottom: 3px;
  padding-left: 22px;
}
#map {
  margin-bottom: 2em;
  z-index: 0;  /* Make sure that the map is behind items such as the drop-down menu */
  border: 2px solid #666;
}
.error {
  padding: 0.5em 1em;
  border: 3px double #fff;
  background: #8b0000;  /* darkred */
  color: #f5f5f5;  /* whitesmoke */
}
.mapinfo h5 {
  margin-top: 0;
  margin-bottom: 0.2em;
  margin: 0;
  font-size: 120%;
}
.mapinfo p {
  margin-top: 0;
  margin-bottom: 0.7em;
  width: 300px;
}
a.link_forums {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/world.png) no-repeat;
}
a.link_my {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/user_gray.png) no-repeat;
}
.box .link_my {
  background: url(http://icons.triptrip.co.uk/silk/user_gray.png) no-repeat;
}
.box .link_forums {
  background: url(http://icons.triptrip.co.uk/silk/world.png) no-repeat;
}
.box .link_trip {
  background: url(http://icons.triptrip.co.uk/silk/layout.png) no-repeat;
}
.box .link_options {
  background: url(http://icons.triptrip.co.uk/silk/page_white_wrench.png) no-repeat;
}
.box .link_contact {
  background: url(http://icons.triptrip.co.uk/silk/email.png) no-repeat;
}
.box .link_logout {
  background: url(http://icons.triptrip.co.uk/silk/door_in.png) no-repeat;
}
.box .link_website {
  background: url(http://icons.triptrip.co.uk/silk/layout_content.png) no-repeat;
}
#footer {
  clear: both;
  margin-top: 2em;
  padding-top: 1em;
  font-size: 0.9em;
  color: #444;
  border-top: 2px solid #666;
}
#footer div a {
  margin-right: 1em;
}
#footer p {
  margin: 0;
  float: right;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.clear {
  clear: both;
  height: 0;
  font-size: 0;
}
.clear_left {
  clear: left;
  height: 0;
  font-size: 0;
}
.clear_right {
  clear: right;
  height: 0;
  font-size: 0;
}
.debug {
  padding: 8px 16px;
  white-space: pre;
  color: #fff;
  font-size: 90%;
  background: #191970;  /* midnightblue */
  -moz-border-radius: 8px;
  overflow: auto;
}
.infolink img {
  vertical-align: bottom;
  padding-left: 0.4em;
  cursor: pointer;
}
.infobox {
  display: none;
}
.error_form {
  padding-left: 20px;
  font-weight: bold;
  color: #b22222;  /* firebrick */
  background: url(http://icons.triptrip.co.uk/stockholm/16x16/alert.png) no-repeat;
}
.notice {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/exclamation.png) no-repeat;
}
.information {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/information.png) no-repeat;
}
.success {
  padding-left: 22px;
  font-weight: bold;
  color: #008000;
  background: url(http://icons.triptrip.co.uk/silk/tick.png) no-repeat;
}
.notice2 {
  padding: 1em;
  background: #fffacd;  /* LemonChiffon */
  border: 2px solid #bdb76b;  /* DarkKhaki */
}
.note,
.tip {
  color: #666;
}
.tip_basic {
  min-height: 35px;
  padding: 2px 0 0 40px;
  background: url(http://icons.triptrip.co.uk/stockholm/32x32/information.png) no-repeat;
}
.one {
  background: url(http://icons.triptrip.co.uk/stage_one.png) no-repeat;
}
.two {
  background: url(http://icons.triptrip.co.uk/stage_two.png) no-repeat;
}
.three {
  background: url(http://icons.triptrip.co.uk/stage_three.png) no-repeat;
}
.four {
  background: url(http://icons.triptrip.co.uk/stage_four.png) no-repeat;
}
.five {
  background: url(http://icons.triptrip.co.uk/stage_five.png) no-repeat;
}
.six {
  background: url(http://icons.triptrip.co.uk/stage_six.png) no-repeat;
}
.trip_description {
  min-height: 160px;
}
.trip_box,
.trip_box_add {
  margin-top: 1.5em;
  margin-bottom: 1em;
  padding: 0.75em;
  border: 4px solid #ccc;
  min-width: 400px;
  overflow: hidden;  /* Standard fix to stop content floating out of the box */
  height: 100%;    /* IE fix to stop content floating out of the box */
  -moz-border-radius: 8px;  /* Couldn't resist it! */
}
.trip_box h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.trip_box .trip_information {
  margin-left: 300px;
}
.trip_box .map {
  float: left;
}
.trip_locations img {
  vertical-align: top;  /* Alignment for icons */
}
.photograph {
  overflow: auto;
  width: 95%;  /* Fixes IE image-expands-div-without-asking bug */
}
.photograph_options {
  margin-left: 0;  /* For IE */
  height: 1em;
  padding-left: 0;
  border: 1px solid #fff;  /* Seems to make Firefox behave... */
}
.photograph_options li {
  float: left;
  padding: 0 1em 0 0;
  list-style: none;
  background: none;
}
.photograph_sm {
  text-align: center;
  border: 1px solid #bbb;
  margin: 0 1.2em 1em 1.2em;
}
.photograph_sm.float_right {
  margin-right: 0;
}
.photograph_sm.float_left {
  margin-left: 0;
}
.photograph_sm img {
  margin: 10px 6px 0 6px;
  border: 1px solid #aaa;
}
.photograph_sm p {
  margin: 0.8em 10px;
  text-align: left;
  font-style: italic;
  font-size: 85%;
  /*
  padding: 0.5em 15px;
  background: NavajoWhite;
  */
}
.photograph_th {
  padding: 4px;
  margin-right: 8px;
  border: 1px solid #bbb;
}
.photo_box {
  margin: 1em 0;
  clear: left;
  padding: 0.8em;
  border: 1px solid #444;
  -moz-border-radius: 8px;
}
.photo_box h4 {
  /*margin: 0 0 1em 0;*/
  margin: 0;
  color: #222;
}
.photo_box p {
  font-size: 90%;
  color: #444;
}
.photo_box img {
  margin-right: 1em;
  padding: 6px;
  background: #fff;
  border: 1px solid #888;
}

.photo_box_side {
  float: left;
  margin-right: 2em;
  text-align: center;
  width: 120px;
  border: 2px solid #bbb;
}
.photo_box_side .photo_current,
.photo_box_side .photo_notcurrent {
  margin: 0.25em 0;
}
.photo_box_side .photo_notcurrent {
  opacity: 0.4;
}
.photo_description {
  margin: 1em 0;
  display: block;
}
.photo_description h4 {
  color: forestgreen;
}
.photo_description h4,
.photo_description p {
  display: inline;
}

.link_magnify a {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/magnifier.png) no-repeat;
}
.link_email a {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/email.png) no-repeat;
}

/* Top bar links */
.link_stumbleupon {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/social/16x16/stumbleupon.png) no-repeat;
}
.link_facebook {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/social/16x16/facebook.png) no-repeat;
}
.link_twitter {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/social/16x16/twitter.png) no-repeat;
}
.link_feedback {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/email.png) no-repeat;
}
.link_bug {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/bug.png) no-repeat;
}
/* ---- */
.link_logout {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/door_in.png) no-repeat;
}
.link_back {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/arrow_left.png) no-repeat;
}
.link_forward {
  padding-right: 22px;
  background: url(http://icons.triptrip.co.uk/silk/arrow_right.png) no-repeat top right;
}
.new {
  padding-left: 22px;
  background: url(http://icons.triptrip.co.uk/silk/new.png) no-repeat;
}
.screenshot {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
  padding: 10px;
  border: 5px solid #dcdcdc;
}
.linkbar {
  font-weight: bold;
  font-size: 95%;
  margin-bottom: 1em;
  padding: 3px 6px 2px 6px;
  color: #222;
  /*background: url(http://images.triptrip.co.uk/fader_light_aaa-d8d8d8.png) no-repeat top right #d8d8d8;*/
  background: url(http://images.triptrip.co.uk/fader_light_ddd-bbb.png) repeat-x top right #d8d8d8;
  /*border: 1px solid #d8d8d8;*/
  /*-moz-border-radius: 3px;*/
}
.linkbar .dropdown {
  float: right;
  /* Make sure that the dropdown box is above items such as google maps */
  position: relative;
  z-index: 100;
}
.linkbar a:link,
.linkbar a:visited {
  white-space: pre;
  /*color: #222;*/
  color: #444;
}
.linkbar a:hover,
.linkbar a:active {
  color: #249;
}
/* Have to do this rather than .linkbar .dropdown li { right }, otherwise IE loses it */
.linkbar .dropdown li a {
  text-align: right;
}
/* Son of Suckerfih dropdowns, modified for triptrip - http://htmldog.com/articles/suckerfish/dropdowns/ */
.dropdown, .dropdown ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.dropdown ul {
  background: #f5f5f5;  /* whitesmoke */
  border: 1px solid #bbb;
}
.dropdown a {
  display: block;
  width: 12em;
}
.dropdown li {
  float: left;
  width: 12em;
  background: none;
}
.dropdown li ul {
  position: absolute;
  width: 12em;
  left: -999em;
  padding-right: 4px;
}
.dropdown li ul li {
  padding: 2px 0;
}
.dropdown li:hover ul {
  left: auto;
}
.map_overview {
  height: 360px;
}
.map_overview_mini {
  overflow: hidden;
  width: 220px;
  height: 140px;
  float: right;
  margin-left: 1em;
}
.tour_box {
  text-align: center;
  color: #eee;
  background: #222;
  border: 3px solid #4169E1;  /* royalblue */
  -moz-border-radius: 16px;
}
.tour_box_inner {
  width: 650px;
  margin: 0 auto;
  padding: 1em 10px;
}
.tour_box_inner {
  zzpadding: 1em 0;  /* For IE */
}
.tour_box_inner a {
  padding: 0 0.5em;
  color: #1e90ff;  /* dodgerblue */
}
.tour_box_inner .slice {
  border: 2px solid #f5f5f5;  /* whitesmoke */
}
.tour_box_inner ul {
  text-align: left;
  margin: 0 auto;
  width: 400px;
  color: #1e90ff;  /* dodgerblue */
  font-weight: bold;
  line-height: 180%;
}
.tour_box_inner ul li {
  background: url(http://icons.triptrip.co.uk/index/silk/bullet_star.png) no-repeat;
  background-position: 0 3px;
}
.location_date,
.location_comments {
  margin: -1.1em 0 1em 0;
  font-size: 90%;
  color: #666;
}
.location_comments {
  float: right;
}
.location_comments a:link,
.location_comments a:visited {
  padding-right: 22px;
  text-decoration: none;
  color: #666;
  background: url(http://icons.triptrip.co.uk/silk/comments.png) no-repeat top right;
}
.location_comments a:hover,
.location_comments a:active {
  color: #789;
}