@charset "utf-8";

body {
  background: url(../i/page_bg.gif) top center repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  margin: 0 0 8px 0;
  padding: 0;
}

h2, h3, h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0;
}

p, ul, ol, li, table, th, td, form {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  line-height: 130%;
  margin: 0 0 1em 0;
  padding: 0 8px 0 8px;
}

form, table, tr {
  padding: 0;
}

th, td {
  vertical-align: top;
}

ul { margin-left: 24px; }
ol { margin-left: 24px; }
 
a { color: #CC0000; text-decoration: underline; }
a:visited { color: #AB0202; text-decoration: underline; }
a:hover, a:focus, a:active { color: #FF0000; text-decoration: none; }
img { border: 0; }

a.partnerurl { color: #2D8930; font-size: small; text-decoration: none; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

input, textarea, select {
  border: 1px solid #A9A9A9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: 2px 0 2px 8px;
  padding: 2px;
  vertical-align: middle;
}

label {
 margin: 0 0 0 8px;
}

/* MAIN PAGE CONTAINER */

#container {
  margin: 0 auto;
  padding: 0;
  width: 956px;
}


/* TOP OF PAGE MENU/OPTIONS */

#menubar {
  background: #CC0000 url(../i/menubar_bg.gif) top left no-repeat;
  height: 50px;
  overflow: hidden;
  text-align: left;
  margin-top: 12px;
}

#menubar ul {
  display: inline;
  list-style-type: none;

  margin-left: 155px;
  padding: 0;
}

#menubar li {
  display: inline;
  margin: 0;
}

#menubar li a.selected {
  background: url(../i/menu_selected.gif) bottom center no-repeat;
}

#menubar li a {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  margin: 0;
  padding: 17px 20px;
  text-decoration: none;
}

#menubar ul li a:hover {
  background: #AB0202;
}

#menubar ul li a:hover.selected {
  background: #AB0202 url(../i/menu_selectedhover.gif) bottom center no-repeat;
  margin: 0;
}

/* PAGE LOGO + LEADERBOARD AREA */

#headerbar {
  background: url(../i/header_bg.gif) top left no-repeat;
  height: 134px;
  margin: 0;
}

#headerbar .logo {
  float: left;
}

#headerbar .leaderboard {
  float: right;
  height: 100px;
  width: 728px;
  overflow: hidden;
  margin-top: 22px;
  margin-right: 8px;
}


/* SECONDARY OPTIONS/STRAPLINE AREA */
#optionsbar {
  background: #FFCC33;
  min-height: 50px;
}

#options_content {
  color: #654205;
  float: right;
  font-size: 18px;
  font-weight: normal;
  margin-top: 12px;
  margin-left: 0;
  padding: 0 8px;  
  text-align: right;
  vertical-align: middle;
}

#options_content .optionstitle {
  border-right: 1px solid #654205;
  color: #CC0000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  margin: 0 8px;
  padding: 2px 8px;
}

#options_content form {
  margin: 0;
}
#options_content input {
  vertical-align: middle;
}

#options_strap {
  float: left;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 17px;
  padding: 8px;
  text-align: left;
}

#options_strap .line1 {
  color: #CC0000;
}
#options_strap .line2 {
  color: #654205;
}



/* CONTENT COLUMNS */

#leftcol {
  float: left;
  margin: 12px 0 0 0;
  min-height: 300px;
  text-align: left;
  width: 744px;
}

#rightcol {
  float: right;
  margin: 12px 0 0 0;
  width: 200px;
  text-align: left;
}

#breadcrumbs {
  background: #E6E4D2;
  font-size: 0.7em;
  margin-bottom: 12px;
  padding: 8px;
}


/* PAGE FOOTER BAR */

#footerbar {
  background: #F2EAB3;
  clear: both;
  color: #464121;
  font-size: 0.8em;
  margin-bottom: 12px;
  padding: 8px;
  text-align: left;
}

#footerbar img {
  float: left;
  padding-right: 8px;
}

#footerbar a { color: #464121; text-decoration: none; }
#footerbar a:visited { color: #464121; text-decoration: none; }
#footerbar a:hover, a:focus, a:active { color: #FF0000; text-decoration: none; }

#footerbar .footeroptions {
  float: right;
  text-align: right;
}


/* COLOUR BOX DEFINITIONS */
.box_header {
  background: #E6E9D1;
  margin-bottom: 12px;
  padding-bottom: 8px;
}
.box_header h1 {
  color: #444232;
  font-size: 1.6em;
  line-height: 100%;
  margin: 0;
  padding: 8px 0 8px 8px;
}
.box_header p {
  color: #444232;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 140%;
  margin: 0;
  padding: 0 8px;
}

.boxtype1 {
  background: #F1F4DD;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.boxtype1 h1 {
  background: #E6E9D1;
  color: #444232;
  font-size: 1.6em;
  line-height: 100%;
  padding: 8px;
}

.boxtype1 h2 {
  color: #000;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 100%;
  padding: 0 8px;
}

.boxtype2 {
  background: #FFFED3;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.boxtype2 h2, .boxtype2 h3 {
  background: #F6F4C3;
  color: #990000;
  font-size: 1.2em;
  line-height: 100%;
  padding: 8px;
}

.boxtype2 h2 a, .boxtype2 h3 a {
  color: #AB0202;
  text-decoration: none;
}

.boxtype3 {
  background: #f3ece7;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.boxtype3 h3, .boxtype3 h2 {
  background: #e1d8d1;
  color: #4b3f35;
  font-size: 1.2em;
  line-height: 100%;
  padding: 8px;
}

.boxtype3 h2 a, .boxtype3 h3 a {
  color: #4b3f35;
  text-decoration: none;
}

.boxtype4 {
  background: #F1F4DD;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.boxtype4 h3, .boxtype4 h2 {
  background: #E6E9D1;
  color: #444232;
  font-size: 1.2em;
  line-height: 100%;
  padding: 8px;
}

.boxtype4 h2 a, .boxtype4 h3 a {
  color: #444232;
  text-decoration: none;
}

.boxtype_shortlist {
  background: #feebd5;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.boxtype_shortlist h3 {
  background: #e9d3b9;
  color: #654205;
  font-size: 1.2em;
  line-height: 100%;
  padding: 8px;
}

.boxtype_ads {
  background: #f2f2f2;
  margin-bottom: 12px;
  padding-bottom: 8px;
}

.boxtype_ads h4 {
  background: #dfdfde;
  color: #000;
  font-size: 1.2em;
  line-height: 100%;
  padding: 8px;
}

.boxtype_pagenos {
  background: #E6E4D2;
  margin-bottom: 12px;
  padding: 8px;
}

.boxtype_pagenos p {
  color: #444232;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  padding: 0 8px;
}

.footerboard {
  background: #f2f2f2;
  height: 90px;
  width: 730px;
  overflow: hidden;
  margin-bottom: 12px;  
  margin-left: 8px;
}

.smallform {
  margin-top: 4px;
}

.smallform label {
  font-size: 11px;
  vertical-align: middle;
}
.smallform select {
  font-size: 12px;
  vertical-align: middle;
}
.smallform input {
  font-size: 12px;
  vertical-align: middle;
}


/* USEFUL LAYOUT TAGS */

.floatRight { float: right; padding-left: 20px; padding-right: 8px; }
.floatLeft { float: left; padding-right: 20px; padding-left: 8px; }
.padBottom { margin-bottom: 12px; }
.padTop { margin-top: 12px; }
.padRight { margin-right: 12px; }
.padLeft { margin-left: 12px; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.icon { vertical-align: middle; }
.postdate { line-height: 10px; font-size: 12px; color: #7F7F7F; }
.boxOut { padding: 2px; border: 1px solid #A9A9A9; }
.imgright { display: inline; clear: both; float: right; margin-bottom: 10px; margin-left: 10px; margin-right: 8px; padding: 2px; border: 1px solid #A9A9A9; }
.imgleft { display: inline; clear: both; float: left; margin-bottom: 10px; margin-left: 8px; margin-right: 10px; padding: 2px; border: 1px solid #A9A9A9; }
.important { color: red; }
.smallnote { font-size:10px; line-height: 11px; }
.bignumber { font-size: 1.6em; font-weight: bold; }
.magnify { cursor: url(../i/magnify.cur), pointer; }
.mandatory { font-weight: bolder; background: url(../i/asterisk.gif) no-repeat right top; padding-right: 20px; }
.formnote { color: #808080; font-style: italic; }
.formerror { color: #FF0000; }
.captcha { background: #FFF; padding: 2px; float: right; border: 1px solid #A9A9A9; margin: 0 20px; }
.imagebutton { border: 0; margin: 0 8px; padding: 0; }
.submitbutton {
  background: #CC3333 url(../i/buttonbg.gif) center repeat-x;
  border: 1px solid #990000;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
}
.polaroidLeft { background: #fff; border: 1px solid #A9A9A9; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; line-height: 10px; margin: 0.4em 20px 8px 8px; padding: 8px; text-align: center; }
.polaroidLeft img { border: 1px solid #A9A9A9; margin: 4px; }
.polaroidRight { background: #fff; border: 1px solid #A9A9A9; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; line-height: 10px; margin: 0.4em 8px 8px 20px; padding: 8px; text-align: center; }
.polaroidRight img { border: 1px solid #A9A9A9; margin: 4px; }
.googlemapwindow {
  border: 1px solid #A9A9A9;
  margin: 0 8px;
  width: 726px;
}
a.partnerlink { color: #999999; }
td.red { background: red; }
td.yellow { background: yellow; }
td.arrival { background: url("../i/cell_whitered.gif") center center no-repeat; }
td.depart { background: url("../i/cell_redwhite.gif") center center no-repeat; }
td.parrival { background: url("../i/cell_whiteyellow.gif") center center no-repeat; }
td.pdepart { background: url("../i/cell_yellowwhite.gif") center center no-repeat; }
td.pdepartarrival { background: url("../i/cell_yellowred.gif") center center no-repeat; }
td.departparrival { background: url("../i/cell_redyellow.gif") center center no-repeat; }
td.change { border-left: 1px solid #000; }