/*
----------------------------------------------- 
London Midland 
Author:www.imaginet.co.uk 
Version:26 Aug 2011 
----------------------------------------------- */


/* Global Styles 
----------------------------------------------- */

* { 
   padding:0; 
   margin:0; 
}
a {
   text-decoration:none;
   color:#2e8e00;
}
a:hover {
   color:#61ab3b;
   text-decoration:underline;
}
a img {
   border:none;
}
table td a {
   text-decoration:underline;
}
#page p a, #homepage p a {
   text-decoration:underline;
}
#page p, #homepage p, #footer p {
   margin:0 0 1em 0;
   line-height:1.5em;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em; 
}
.breaker { 
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
}
div.clear_float {
   clear:both;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div.bot {
   overflow:hidden;
   background-repeat:no-repeat;
   font-size:0.01em;
}
div.test {
   background-color:#f00;
}
div#validation {
   padding:5em 0 1em 0;
   text-align:center;
   xdisplay:none;
}
#printlogo {
   display:none;
}



/* Page Structure 
----------------------------------------------- */

html body {
   background:#fff;
   color:#000;
   text-align:center;
   font:81.25%  Arial, Verdana, Sans-serif;
   margin:0 0 3em 0;
}
#page, #homepage {
   width:963px;
   margin:0 auto;
   text-align:left;
   padding:0 0 2em 0;
}
#left {
   width:228px;
   float:left;
   padding:10px 0 0 0;
}
#main {
   float:right;
   width:718px;
}
#mainblock {
   width:718px;
   margin:0 0 1em 0;
}
#middle {
   width:473px;
   float:left;
}
#pageheader {
   width:473px;
}
#homepage #middle {
   padding-top:10px;
}
#right {
   width:228px;
   float:right;
}
div.content {
   margin:0 0 1em 0;
   padding:0 0 0 0;
}
div.blockheader {
   background-color:#6aaf37;
   color:#fff;
   padding:0.5em 12px 0.5em 12px;
}
#page div.blockheader p {
   margin:0;
}

/* Big alerts 
----------------------------------------------- */

#big_alert {
   width:100%;
   background:#fefea4 url("graphics/alertbg.gif") repeat-x 0 bottom;
   border-top:1px solid #f00;
}
#big_alert_green {
   width:100%;
   background:#edfed6 url("graphics/greenalertbg.gif") repeat-x 0 bottom;
   border-top:1px solid #6aaf37;
}
#big_alert .box, #big_alert_green .box {
   width:660px;
   padding:0.7em 0 1.1em 0;
   margin:0 auto;
}
#big_alert_icon {
   width:60px;
   float:left;
}
#big_alert_text {
   width:600px;
   float:right;
   text-align:left;
}
#big_alert_text p {
   margin:0 0 0.5em 0;
}





/* Beradcrumb trail   
----------------------------------------------- */

#bct {
   width:715px;
   color:#757575;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
   margin:9px 0 14px 0;
}
#bct p {
   padding:0.5em 0 1em 0;
   margin:0;
}
#bct p a {
   text-decoration:none;
}
#bct p a:hover {
   text-decoration:underline;
}




/* Masthead  
----------------------------------------------- */

#masthead {
   color:#fff;
   text-align:left;
   background:#1d1d1f url("graphics/mastbg.gif") repeat-x 0 0; 
   width:100%;
}
#masthead a {
   color:#fff;
}
#masthead .container {
   width:970px;
   margin:0 auto;
}
#masthead #logo {
   width:310px;
   float:left;
   padding:20px 0 0 0;
}
#masthead #mastblock {
   width:600px;
   float:right;
}
#mastblocktop {
   width:600px;
   height:59px;
   float:right;
}
#mastnav {
   width:200px;
   float:right;
   text-align:right;
   padding-top:20px;
   margin:0 8px 0 0;
}
#mastnav ul li {
   list-style-type:none;
   display:inline;
}
#mastnav ul li a {
   padding:0.5em 12px 0.5em 8px;
   background:url("graphics/mastnavdiv.gif") no-repeat right 9px;
}
#mastnav li.first {
   padding-left:0;
}
#masthead .breaker {
   background-color:#fff;
}
#mastsearch {
   width:245px;
   float:right;
   padding-top:13px;
   vertical-align:top;
}
#mastsearch div#lmsearch_label {
   float:left;
   width:50px;
   padding:7px 0 0 0;
}
#mastsearch div#lmsearch_input {
   float:left;
   width:132px;
   padding:5px 0 0 0;
}
#mastsearch input#sitesearch {
   width:130px;
   border:1px solid #000;
}
#mastsearch div#lmsearch_submit {
   float:left;
   width:60px;
}
#masthead #mastsearch div.breaker{
   background-color:#000;
}




/* Topnav  
----------------------------------------------- */

#topnav {
   width:100%;
   clear:both;
   margin:0 0 0 0;
}
#topnav ul {
   list-style:none;
}
#topnav ul li {
   display:inline;
   background:url("graphics/tab_right_off.gif") no-repeat right top;
   float:left;
   margin:0 0 0 2px;
}
#topnav ul li a {
   display:block;
   background:url("graphics/tab_left_off.gif") no-repeat 0 top;
   float:left;
   padding:0.5em 17px 0.75em 17px;
   font-weight:bold;
   font-size:1em;
   text-decoration:none;
}
#topnav ul li a:hover {
   color:#eee;
   text-decoration:underline;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
      #header a {float:none;}
/* End IE5-Mac hack */


#topnav ul li.active {
   background-image:url("graphics/tab_right_on.gif");
}
#topnav ul li.active a {
   background-image:url("graphics/tab_left_on.gif");
   color:#000;
}
#topnav ul li.active a:hover {
   color:#000;
}
#masthead #topnav div.breaker {
   background-color:transparent;
   display:none;
}



/* Footer 
----------------------------------------------- */

#footer {
   text-align:left;
   background:#fff url("graphics/footerbg.gif") repeat-x 0 0;
}
#footer .container {
   width:963px;
   margin:0 auto;
   padding:20px 0 0 0;
}
#footer ul {
   margin:0 0 1em 0;
}
#footer ul li {
   list-style-type:none;
   display:inline;
   padding:0.5em 10px 0.5em 15px;
   background:url("graphics/footerdiv.gif") no-repeat left;
}
#footer li.first {
   background:none;
   padding-left:0;
}
#footnav {
   width:800px;
   float:left;
}
#footer #iip {
   width:155px;
   float:right;
   text-align:center;
}
#footer #iip img {
   margin:0 auto;
}
#footleft {
   clear:both;
}
#footleft div.imaginet {
   font-size:0.85em;
   color:#999;
   clear:both;
   padding:0.5em 0 0 0;
}
#footer span#copyright {
   display:block;
   width:75px;
   height:22px;
   float:left;
   overflow:hidden;
   padding-top:1px;
}
#footer a#govia {
   display:block;
   width:72px;
   height:22px;
   float:left;
   background:url("../graphics/govia.gif") no-repeat 0 0;
   overflow:hidden;
}
#footer p a#govia:hover {
   text-decoration:none;
}
#footer span#allrights {
   display:block;
   width:175px;
   height:22px;
   float:left;
   overflow:hidden;
   padding-top:1px;
}
#footer a#govia strong {
   visibility:hidden;
}



/* Left Navigation 
----------------------------------------------- */

#leftnav {
   width:228px;
   background:#191919 url("graphics/blackbox01bg2.gif") no-repeat 0 0;
   margin:0 0 1em 0;
}
#left .tab {
   width:228px;
   background:#52a811 url("graphics/greentab01bg.gif") no-repeat 0 0;
}
#leftnav .bot {
   width:228px;
   height:14px;
   background:#191919 url("graphics/blackbox01bot2.gif") no-repeat 0 0;
}
#left .tab p {
   color:#fff;
   padding:0.5em 8px 0.7em 12px;
   margin:0;
}
#leftnav .box {
   padding:0 3px 0em 0px;
}
#leftnav ul {
   border-top:1px solid #438726;
}
#leftnav ul li a {
   color:#fff;
   display:block;
   background-image:url("graphics/leftnav01.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:8px 8px 0.6em 28px;
   margin:0;
}
#leftnav ul li.first a {
   background-image:url("graphics/leftnav01first.gif");
}
#leftnav ul li.first a:hover, #leftnav ul li.first a.active {
   background-image:url("graphics/leftnav01first_on.gif");
}
#leftnav ul li a:hover {
   color:#ffde00;
   text-decoration:none;
   background-color:#000;
   background-image:url("graphics/leftnav01_on.gif");
}
#leftnav ul li a.active {
   font-weight:bold;
   color:#ffde00;
   background-color:#000;
   background-image:url("graphics/leftnav01_on.gif");
}
#leftnav ul li ul {
   border:none;
   padding:0.1em 0 0.7em 0;
   background-color:#000;
}
#leftnav ul li ul li a, #leftnav ul li.first ul li a {
   background-image:url("graphics/leftnav02.gif");   
   background-position:26px 6px;
   padding:0 8px 0.5em 36px;
   margin:0;
}
#leftnav ul li ul li a:hover, #leftnav ul li.first ul li a:hover {
   background-image:url("graphics/leftnav02_on.gif");   
}
#leftnav ul li ul li ul {
   padding:0.1em 0 0.2em 0;
}
#leftnav ul li ul li ul li a, #leftnav ul li.first ul li ul li a {
   background-image:url("graphics/leftnav03.gif");   
   background-position:36px 7px;
   padding:0 8px 0.5em 46px;
   margin:0;
}
#leftnav ul li ul li ul li a:hover, #leftnav ul li.first ul li ul li a:hover {
   background-image:url("graphics/leftnav03_on.gif");   
}




/* Buy tickets box LHS 
----------------------------------------------- */

#buyticketsbox {
   width:228px;
   color:#fff;
   background:#191919 url("graphics/blackbox01bg.gif") no-repeat 0 0;
}
#buyticketsbox .pad {
   padding:0 3px 0 0;
}
#buyticketsbox p {
   margin:0 0 0.2em 0;
}
#buyticketsbox a {
   color:#9bd352;
}
#buyticketsbox .expandbox {
   padding:6px 16px 0.8em 10px;
}
#buyticketsbox div.formheader {
   background:url("graphics/buyboxhedbg.gif") no-repeat 0 0;
   padding:0.3em 0 0.4em 0;
   border-bottom:1px solid #000;
   font-size:0.9em;
}
#buyticketsbox div.formheader a {
   color:#fff;
   display:block;
   background:url("graphics/blacktabarrow_closed.gif") no-repeat 200px 1px;
   padding:0 0 0 6px;
}
#buyticketsbox div.formheader a.active {
   background-image:url("graphics/blacktabarrow_open.gif");
}
#searchbutton {
   color:#fff;
   width:228px;
   background:#191919 url("graphics/ticketsearchbutbg2.gif") no-repeat left bottom;
}
#searchbutton div.box {
   padding:0.7em 16px 0 16px;
   background:url("graphics/greyline.gif") no-repeat 0 0;
}
#searchbutton p {
   margin:0 0 0.3em 0;
   padding:0;
}
#searchbutton p input {
   float:left;
   margin:0 4px 0 0;
}
#searchbutton div.button {
   text-align:right;
}
#buyticketsform01 {
   text-align:right;
}
#buyticketsform01 table td {
   padding:0 0 0.2em 3px;
}
#buyticketsform01 table td label {
   font-weight:bold;
}
#lcOptionLocation {
   width:120px;
}
#SingleOrReturn {
   margin:0 0 0.2em 0;
}
#MoreOptions p a {
   background:url("graphics/smallwhitearrow.gif") no-repeat 0 5px;
   padding:0 0 0 8px;
   font-weight:bold;
   font-size:0.9em;
   text-decoration:none;
}
#MoreOptions p a:hover {
   text-decoration:underline;
}
div.TravelDateLine, div.OpenReturnLine, div.divPassengers, div.TravelStandardClass, div.TravelNoChanges {
   margin:0 0 0.5em 0;
}
img.PopupCalendar {
}
select.TravelTimeMonthYear, select.TravelTimeOption {
   width:100px;
}



/* Add to LHS 
----------------------------------------------- */

#addtothese {
   width:228px;
   background:#fff url("graphics/addtobg.gif") no-repeat left bottom;
   margin:0 0 1em 0;
   min-height:45px;
}
#addtothese p {
   padding:8px 0 0 10px;
   margin:0;
}
#addtothese span {
   display:block;
   width:45px;
   float:left;
   padding:1px 0 0 0;
}
#addtothese a {
   width:81px;
   display:block;
   float:left;
}


/* Widget page 
----------------------------------------------- */

#widget_page {
   width:100%;
   margin:0 0 1em 0;
}
#widget_graphic {
   text-align:center;
}
div.widget_option {
   width:100%;
   background:#eee;
   margin:0 0 1em 0;
}
#widget_page div.widget_option p, #widget_page div.widget_option form {
   margin:0 0 0.5em 0;
}
div.widget_option p img {
   vertical-align:middle;
}
div.widget_option div.box {
   border:1px solid #ccc;
   padding:0.5em 12px 0 12px;
}


/* Accordian LHS 
----------------------------------------------- */

#accordion {
   width:228px;
   background:#fff url("graphics/accordionbg.gif") no-repeat left bottom;
   margin:0 0 1em 0;
   padding:0 0 8px 0;
}
#accordion h2 {
   cursor:pointer;
   font-size:1.1em;
   background-repeat:no-repeat;
   background-position:0 0;
   color:#333;
   margin:0 0 0 0;
   padding:1.2em 12px 21px 12px;
}
#accordion div.element {
   padding:0 0 0 0;
}
#accordion div.element p {
   margin:0 0 0.5em 0;
}
#accordion div.element form p {
   margin:0 0 0.5em 0;
}
#accordion ul li a {
   text-decoration:none;
}
#accordion ul li a:hover {
   text-decoration:underline;
}


#accordion h2#acc01 {
   background-image:url("graphics/acc01bg.gif"); 
}
#accordion h2#acc02 {
   background-image:url("graphics/acc02bg.gif");
}
#accordion h2#acc03 {
   background-image:url("graphics/acc03bg.gif");
}
#accordion h2#acc04 {
   background-image:url("graphics/acc04bg.gif");
}
#accordion h2#acc05 {
   background-image:url("graphics/acc05bg.gif");
   padding-bottom:22px;
}


#accordion #acc01box {
   background:url("graphics/acc01boxbg.gif") no-repeat 0 0; 
   padding:0.5em 15px 1em 12px;
}
#accordion #acc02box {
   background:url("graphics/acc02boxbg.gif") no-repeat 0 0; 
   padding:0.5em 15px 1em 12px;
}
#accordion #acc03box {
   background:url("graphics/acc03boxbg.gif") no-repeat 0 0; 
   padding:0.5em 15px 1em 12px;
}
#accordion #acc04box {
   background:url("graphics/acc04boxbg.gif") no-repeat 0 0; 
   padding:0.5em 15px 1em 12px;
}
#accordion #acc05box {
   background:url("graphics/acc05boxbg.gif") no-repeat 0 0; 
   padding:0.5em 15px 2em 12px;
}

#accordion div.form_row {
   width:100%;
}
#accordion select#infostations, #accordion select#timetablestations, #accordion select#liveinfostations  {
   float:left;
   width:174px;
}
#accordion input.accgo {
   float:right;
   width:22px;
}
#accordion div.accalendar {
   float:left;
   width:22px;
}
#accordion input#accengwrkstart {
   width:140px;
   float:left;
   margin:1px 5px 0 0;
}
#acc02box ul, #acc03box ul, #acc01box ul {
   padding:0.5em 0 0 0;
}
#accordion ul li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:2px 3px;
   padding:0 0 0.5em 14px;
   font-weight:normal;
}




/* Timetables Accordian 
----------------------------------------------- */

div.timetables_accordion {
   width:473px;
   margin:0 0 1em 0;
   padding:0 0 0 0;
   background:url("graphics/whitebox02bg.gif") repeat-y 0 0;
}
div.timetables_accordion div.box {
   padding:0 4px 0 1px;
}
div.timetables_accordion div.acrobox {
   color:#666;
   font-size:0.85em;
   border-top:1px solid #bdbdbd;
   padding:1em 19px 0 19px;
}
div.timetables_accordion div.bot {
   width:473px;
   height:10px;
   background:url("graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div.timetables_accordion h2 {
   color:#fff;
   font-size:1.1em;
   background-color:#2e8e00;
   background-image:url("graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.7em 18px 0.7em 15px;
}
div.timetables_accordion h3 {
   font-size:1em;
   background:#eee;
   padding:10px 0 0.8em 0;
   margin:0;
   background:#d9dadc url("graphics/timesacctab.gif") repeat-x 0 0;
   cursor:pointer;
}
div.timetables_accordion h3 a {
   color:#000;
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:11px 3px;
   padding:0 12px 0 24px;
   display:block;
}
div.timetables_accordion h3 a.active {
   background-image:url("graphics/arrow01_down.gif");
   background-position:8px 6px;
}
div.timetable_details {
   padding:0.5em 12px 0.5em 24px;
}

div.routecard_details {
   padding:0.5em 12px 0.5em 24px;
}



/* Middle Column 
----------------------------------------------- */

#middle div.banner {
   margin:0 0 1em 0;
}



/* Right Column  
----------------------------------------------- */

#right div.banner {
   margin:0 0 1em 0;
}
#right div.widget {
   margin:0 0 1em 0;
}
#right .tab p {
   color:#fff;
   padding:0.5em 8px 0.7em 12px;
   margin:0;
}



/* See also RHS   
----------------------------------------------- */

#seealsorhs {
   width:228px;
   background:#fff url("graphics/greybox01bg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
}
#seealsorhs .tab {
   width:228px;
   background:#52a811 url("graphics/greentab01bg.gif") no-repeat 0 0;
}
#seealsorhs .tab h2 {
   color:#fff;
   font-size:1em;
   padding:0.8em 8px 1em 12px;
   margin:0;
}
#seealsorhs .box {
   padding:0 7px 1.7em 4px;
}
#seealsorhs ul li {
   color:#000;
   background-image:url("graphics/greyboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#seealsorhs ul li.first {
   background-image:url("graphics/greyboxarrowfirst.gif");
}
#seealsorhs ul li a {
   color:#000;
}
#seealsorhs ul li a:hover {
   color:#579936;
}



/* How to find us RHS   
----------------------------------------------- */

#locationrhs {
   width:228px;
   background:#fff url("graphics/whitebox01bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#locationrhs .tab {
   width:228px;
   background:#52a811 url("graphics/greentab01bg.gif") no-repeat 0 0;
}
#locationrhs .tab h2 {
   color:#fff;
   font-size:1em;
   padding:0.8em 8px 1em 12px;
   margin:0;
}
#locationrhs .box {
   padding:5px 10px 0 7px;
}
#locationrhs .box .pad {
   padding:0 10px 0 7px;
}
#locationrhs .bot {
   height:14px;
   background:#fff url("graphics/whitebox01bot.gif") no-repeat 0 bottom;
}
#locationrhs div.googlemap {
   margin:0 0 0.5em 0;
}
#locationrhs ul li {
   color:#000;
   background-image:url("graphics/greyboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#locationrhs ul li.first {
   background-image:url("graphics/greyboxarrowfirst.gif");
}
#locationrhs ul li a {
   color:#000;
}
#locationrhs ul li a:hover {
   color:#579936;
}
#locationrhs form {
}
#locationrhs form p {
   margin:0 0 0.5em 0;
}
#TD_postcode {
   width:100px;
}
#TD_search {
   margin:0 0 0 2px;
}




/* Profile Navigation - Personalise 
----------------------------------------------- */

#profilenav {
   width:228px;
   background:#191919 url("graphics/profileboxbg.gif") no-repeat 0 0;
   margin:0 0 1em 0;
}
#profilenav .bot {
   width:228px;
   height:14px;
   background:#191919 url("graphics/blackbox01bot.gif") no-repeat 0 0;
}
#profilenav .box {
   padding:22px 3px 0 0;
}
#profilenav h2 {
   font-size:1em;
   color:#ffde00;
   margin:0 0 0.6em 0;
   padding:0 15px 0 12px;
}
#profilenav ul {
   margin:0 0 0 0;
}
#profilenav ul li {
}
#profilenav ul li a {
   color:#fff;
   display:block;
   background-image:url("graphics/profilenav01.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:8px 8px 0.6em 28px;
   margin:0;
}
#profilenav ul li a:hover, #profilenav ul li a.active {
   color:#ffde00;
   text-decoration:none;
   background-image:url("graphics/profilenav01_on.gif");
   background-color:#000;
}
#profilenav ul li.first a {
   background-image:url("graphics/profilenavfirst.gif");
}
#profilenav ul li.first a:hover, #profilenav ul li.first a.active {
   background-image:url("graphics/profilenavfirst_on.gif");
   background-color:#000;
}







/* Travel update RHS   
----------------------------------------------- */

#travelrhs {
   width:228px;
   margin:0 0 1em 0;
   background:#fff url("graphics/travelrhstab.gif") no-repeat 0 0;
}
#travelrhs .tab {
   width:228px;
   padding:18px 0 1em 0;
}
#travelrhs .tab div.hed {
   float:left;
   width:150px;
   margin:0;
}
#travelrhs .tab h2 {
   font-size:1.1em;
   padding:2px 0 0 50px;
   margin:0;
}
#travelrhs #flashclock {
   width:77px;
   height:19px;
   float:right;
}
#travelrhs .box {
   padding:0 7px 0.5em 4px;
   background:url("graphics/travelrhsbox.gif") no-repeat 0 bottom;
}
#travelrhs p {
   margin:0 3px 1em 3px;
}
#travelrhs ul {
}
#travelrhs ul li {
   color:#000;
   background-image:url("graphics/greyboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:9px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#travelrhs ul li a {
   color:#000;
}
#travelrhs ul li a:hover {
   color:#579936;
}
#travelrhs .box table {
   width:100%;
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   margin:0 0 0.5em 0;
   border-left:1px solid #fff;
}
#travelrhs .box table th {
   padding:0.5em 5px 0.3em 5px;
}
#travelrhs .box table td {
   background-color:#dedede;
   color:#000;
   border-color:#fff;
   border-style:solid;
   border-width:1px 1px 0 0;
   padding:0.2em 5px 0.3em 5px;
}




/* Member details 
----------------------------------------------- */

#member_details {
   width:228px;
   background:#fff url("graphics/greybox01bg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
}
#member_details .tab {
   width:228px;
   background:#52a811 url("graphics/greentab01bg.gif") no-repeat 0 0;
}
#member_details .tab h2 {
   color:#fff;
   font-size:1em;
   padding:0.5em 8px 0.7em 12px;
   margin:0;
}
#member_details .box {
   padding:0 7px 1.7em 4px;
}
#member_details ul li {
   color:#000;
   background-image:url("graphics/greyboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#member_details ul li.first {
   background-image:url("graphics/greyboxarrowfirst.gif");
}
#member_details ul li span {
   font-size:0.85em;
}
#member_details ul li a {
   color:#000;
}
#member_details ul li a:hover {
   color:#579936;
}




/* RHS Tabs 
----------------------------------------------- */

#rhstabs1 {
   width:228px;
   height:33px;
   background:url("graphics/rhstabs1.gif") no-repeat 0 0;
}
#rhstabs2 {
   width:228px;
   height:33px;
   background:url("graphics/rhstabs2.gif") no-repeat 0 0;
}
#right ul#rhstabs {
   margin:0;
   padding:0;
}
#right ul#rhstabs li {
   background:none;
   display:inline;
   margin:0;
   padding:0;
}
#right ul#rhstabs li a {
   display:block;
   text-align:center;
   font-weight:bold;
   padding:8px 0 0.3em 0;
}
#right ul li#rhstab01 a {
   width:109px;
   float:left;
}
#right ul li#rhstab02 a {
   width:115px;
   float:right;
}
#right #rhstabs1 ul li#rhstab02 a {
   color:#616161;
}
#right #rhstabs2 ul li#rhstab01 a {
   color:#616161;
}



/* Latest RHS   
----------------------------------------------- */

#latestrhs {
   width:228px;
   background:#fff url("graphics/greybox01bg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
}
#latestrhs .box {
   padding:0 7px 0.5em 4px;
}
#latestrhs ul li {
   color:#000;
   background-image:url("graphics/greyboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#latestrhs ul li.first {
   background-image:url("graphics/greyboxarrowfirst.gif");
}
#latestrhs ul li span {
   font-size:0.85em;
}
#latestrhs ul li a {
   color:#000;
}
#latestrhs ul li a:hover {
   color:#579936;
}







/* Home Page 
----------------------------------------------- */

#homeintro {
   padding:0 0 0 0;
   margin:0.5em 0 1.5em 0;
}
#homeintro h1 {
   font-size:1.9em;
   border:none;
   margin:0 0 0.2em 0;
   padding:0;
}
#page #homebanner {
   padding:10px 0 0 0;
}
#homebanner {
   margin:0 0 0.5em 0;
   position: relative;
}

#homebanner h1 {
   display:none;
}

#countdown-timer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    background: lightblue; 
    margin:  0 auto;
    text-align: center;
    padding:5px 0px 5px 0px;
}

#carousel {
   margin:0 0 1em 0;
}
#home_carousel {
   width:100%;
   background:url("graphics/whitebox02bot.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
#home_carousel .box {
   background:url("graphics/greybox02top.gif") repeat-x 0 top;
   padding:12px 7px 8px 4px;
}
#home_carousel #flash_carousel {
   width:462px;
   height:170px;
   overflow:hidden;
   text-align:center;
}
#home_carousel h2 {
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
   padding:0 0 0.5em 0;
   margin:0 10px 0.5em 10px;
}




/* Home options    
----------------------------------------------- */

#homeoptions {
   width:100%;
   background:url("graphics/greybox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
#homeoptions .box {
   background:url("graphics/greybox02top.gif") repeat-x 0 top;
   padding:12px 18px 7px 15px;
}
#homeoptions .boxrow {
   width:100%;
}
#homeoptions .boxleft {
   width:210px;
   float:left;
}
#homeoptions .boxright {
   width:210px;
   float:right;
}
#homeoptions h2 {
   font-size:1.2em;
   margin:0;
   padding:7px 0 0 0;
}
#homeoptions div.optionicon {
   float:left;
   width:40px;
}
#homeoptions div.optiontext {
   float:right;
   width:165px;
}





/* Travel update - home page 
----------------------------------------------- */

#travelhome {
   width:718px;
   height:52px;
   overflow:visible;
   background:#fff url("graphics/homeupdatebg.gif") no-repeat 0 bottom;
   margin:10px 0 0 0;
   padding:0;
}
#travelhome .box {
   width:718px;
   background-image:url("graphics/homeupdatetop.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:0;
}
#travelhome .hed {
   width:156px;
   float:left;
}
#travelhome .hed h2 {
   font-size:1.1em;
   padding:14px 0 0 46px;
   margin:0;
}
#travelhome #hometicker {
   width:430px;
   height:30px;
   float:left;
   display:block;
   padding:6px 0 0.5em 0;
   overflow: hidden;
   position: relative;
}
#hometicker * {
   margin:0;
   padding:0;
}
#tickerhoriz{
  list-style: none;
  margin:0 0 0 0;  
  display:block;
  height:40px; 
}
#tickerhoriz li {
   display:block;
   height:40px;  
   line-height:45px;
   color: #fff;
   text-align: center;
   padding:0 0 0 50px;
   float:left;
}
#travelhome #flashclock {
   width:105px;
   height:19px;
   float:right;
   margin:0 0 0 0;
   padding:12px 0 8px 0;
}
#travelhome #flashclock {
   background-image:url("graphics/clockdotshome.gif");
   background-repeat:no-repeat;
   background-position:0 13px;
}
#travelhome #flashclock img {
   padding:0 0 0 10px;
}
#travelhome ul li {
}
#travelrhs ul li a {
   color:#000;
}
#travelrhs ul li a:hover {
   color:#579936;
}




/* Station Facilities 
----------------------------------------------- */

#stationinfo {
   width:100%;
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   padding:1px 0 1em 0;
}
#stationinfo h2 {
   font-size:1em;
   margin:0.5em 0 0.5em 0;
}
#stationaddress {
   width:140px;
   float:left;
   background:#fff url("graphics/stationaddressbg.gif") repeat-y 0 0;
}
#stationaddress h2, #stationaddress p {
   padding:0 10px 0 10px;
}
#ticket_office {
   width:185px;
   float:right;
}
#station_nav {
   width:140px;
   float:left;
}
#station_nav ul li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:8px 3px;
   padding:0 5px 0.5em 18px;
   font-weight:normal;
}
#station_nav ul li a {
   color:#000;
   font-weight:bold;
}
#stationaddress ul li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:8px 3px;
   padding:0 0 0.5em 18px;
   font-weight:normal;
}
#ticket_office table td {
   padding:0 10px 0.2em 0;
}
table.stationdetails {
   width:100%;
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
} 
table.stationdetails th {
   width:auto;
   height:20px;
   font-weight:bold;
   padding:5px 10px 4px 10px;
   color:#fff;
   border-bottom:1px solid #6aaf37;
}
table.stationdetails th a {
   color:#fff;
}
table.stationdetails th a:hover {
   color:#fff;
}
table.stationdetails th a.backtotop {
   float:right;
   display:block;
   width:200px;
   background:url("graphics/backtotoparrow.gif") no-repeat right 2px;
   padding:0 20px 0 0;
   font-weight:normal;
   text-align:right;
}
table th.col_first {
   background:#52a811 url("graphics/greentableft.gif") no-repeat left top;
}
table th.col_last {
   background:#52a811 url("graphics/greentabright.gif") no-repeat right top;
}
table.stationdetails td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   padding:0.5em 10px 0.5em 10px;
   border-bottom:1px solid #99c07b;
   border-right:1px solid #99c07b;
}
table tr.row01 td {
   background-color:#edf6e8;
}
table tr.row02 td {
   background-color:#fff;
}
table tr td.col01 {
   background-image:url("graphics/tableborderfix.gif");
   background-position:0 0;
   background-repeat:repeat-y;
}
table.stationdetails tr td.col01 {
   width:30%;
}
table.stationdetails tr td.col02 {
   width:70%;
}
table td a.arrow {
   display:block;
   background:transparent url("graphics/arrow01.gif") right 8px no-repeat;
}
table.legend {
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
} 
table.legend td {
   font-size:0.85em;
   color:#2e8e00;
   padding:0 5px 0.2em 0;
} 
table.stationdetails ul {
    margin:5px 0 5px 10px;
}
table.stationdetails li {
    background-image:url("graphics/arrow01.gif");
    background-repeat:no-repeat;
    background-position:0px 3px;
    padding:0 0 0.5em 10px;
    font-weight:normal;
}
table.stationdetails tr td.col02_special {
   padding:0;
   border-bottom:none;
}
table.facilities_tableinatable_carpark{
    padding:0;
    margin:0; 
    border:0;
    width:100%;
}
table.facilities_tableinatable_carpark .fieldcol{
    border:none;
    text-align: left;
    border-right:1px solid #99c07b;
    border-bottom:1px solid #99c07b;
    padding:0.5em 0 0.5em 10px;
}
table.facilities_tableinatable_carpark .datacol{
    border:none;
    padding:0px;
    border-bottom:1px solid #99c07b;
    padding:0.5em 0 0.5em 10px;
}
table.facilities-tableinatable .fieldcol{
    border:none;
    text-align: left;
    padding:0px;
}
table.facilities-tableinatable .datacol{
    border:none;
    padding:0px;
}



/* Station Departure boards 
----------------------------------------------- */

div#station_departures .tab {
   color:#fff;
   background-color:#2e8e00;
   background-image:url("graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.8em 0 0.8em 0;
   width:100%;
}
div#station_departures h2 {
   color:#fff;
   font-size:1em;
   margin:0;
   padding:0 15px 0 15px;
}
div#station_departures .tab a {
   color:#fff;
}
div#station_departures .box {
    background:none;
	padding-bottom:0;
}
div#station_departures table {
   width:100%;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div#station_departures table th {
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
   padding:0 0 0.5em 10px;
}
div#station_departures table td {
   background:url("graphics/vertdots.gif") repeat-y 0 0;
   padding:0 0 0.2em 10px;
}
div#station_departures table td.col01 {
   background:none;
}
#station_departures div.boxmenu ul li {
   display:inline;
}
#station_departures div.boxmenu ul li a {
   padding-right:18px;
   float:left;
   font-weight:bold;
}



/* Station Weather  
----------------------------------------------- */

#station_weather {
   width:100%;
   margin:0 0 1.5em 0;
}
#station_weather h2 {
   padding:0 0 0.5em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;  
}
#station_weather .boxleft {
   width:49%;
}
#station_weather .boxright {
   width:49%;
}
div.weather_symbol {
   width:65px;
   float:left;
}
div.weather_details {
   width:160px;
   float:right;
}
strong.temperature {
   font-size:1.5em;
   color:#666;
}
div.weather_pic {
   width:65px;
   float:left;
}
div.weather_message {
   width:160px;
   float:right;
}
div.weather_message strong {
   color:#2e8e00;
}
div#nextfourdays {
   width:470px;
}
div#nextfourdays div.box {   
   border-color:#ccc;
   border-width:1px 1px 0 1px;
   border-style:solid;
}
div#nextfourdays h3 {
   padding:0.5em 8px 0.5em 8px;
   margin:0;
}
div#nextfourdays p {
   padding:0 8px 0 8px;
   margin:0 0 0.5em 0;
}
div#nextfourdays div.breaker {
   background:#ccc;
}
div#nextfourdays ul {   
   margin:0 0 1em 0;
}
div#nextfourdays ul li {   
   padding:0 8px 0 8px;
   margin:0 0 0.1em 0;
}
div#nextday01, div#nextday02, div#nextday03, div#nextday04 {
   width:25%;
   float:left;
   border-color:#ccc;
   border-width:1px 0 0 0;
   border-style:solid;
   padding:0.5em 0 0 0;
}
div#nextday01, div#nextday03 {
   background:#eee;
}



/* Station New / Events 
----------------------------------------------- */

div#station_latest .tab {
   color:#fff;
   background-color:#2e8e00;
   background-image:url("graphics/greentab02x2bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.8em 0 0.8em 0;
   width:100%;
}
#station_latest .tableft {
   float:left;
   width:225px;
}
#station_latest .tabright {
   float:right;
   width:238px;
}
div#station_latest h2 {
   color:#fff;
   font-size:1em;
   margin:0;
   padding:0 15px 0 15px;
}
div#station_latest .tab a {
   color:#fff;
}
div#station_latest .greybox02 {
   background-image:url("graphics/greybox02x2bg.gif");
}
div#station_latest .box {
    background:none;
	padding:0 8px 1em 5px;
}
#station_latest ul li {
   color:#000;
   background-image:url("graphics/greyboxarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:8px 8px 0 24px;
   margin:0 0 0.2em 0;
}
#station_latest ul li.first {
   background-image:url("graphics/greyboxarrowfirst.gif");
}
#station_latest ul li span {
   font-size:0.85em;
}
#station_latest ul li a {
   color:#000;
}
#station_latest ul li a:hover {
   color:#579936;
}
#station_latest .boxleft {
   width:49%;
}
#station_latest .boxright {
   width:49%;
}




/* Departure boards 
----------------------------------------------- */

table.departures {
   width:100%;
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
}
table.departures th {
   color:#fff;
   padding:0.5em 10px 0.5em 10px;
   background:#52a811 url("graphics/greentabbg.gif") repeat-x left top;
}
table.departures th.col_first {
   background:#52a811 url("graphics/greentableft.gif") no-repeat left top;
}
table.departures th.col_last {
   background:#52a811 url("graphics/greentabright.gif") no-repeat right top;
}
table.departures td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   border-bottom:1px solid #99c07b;
   border-right:1px solid #99c07b;
   padding:0.5em 10px 0.5em 10px;
}





/* Arrivals boards 
----------------------------------------------- */

table.arrivals {
   width:100%;
   border:none;
   border-collapse:collapse;
   padding:0;
   margin-bottom:1em;
}
table.arrivals th {
   color:#fff;
   padding:0.5em 10px 0.5em 10px;
   background:#52a811 url("graphics/greentabbg.gif") repeat-x left top;
}
table.arrivals th.col_first {
   background:#52a811 url("graphics/greentableft.gif") no-repeat left top;
}
table.arrivals th.col_last {
   background:#52a811 url("graphics/greentabright.gif") no-repeat right top;
}
table.arrivals td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   border-bottom:1px solid #99c07b;
   border-right:1px solid #99c07b;
   padding:0.5em 10px 0.5em 10px;
}





/* Engineering Works 
----------------------------------------------- */

input#engwrkstartdate {
   width:100px;
   float:left;
   margin:1px 5px 0 0;
}
input#engwrksendate {
   width:100px;
   float:left;
   margin:1px 5px 0 0;
}
div#engworkslisting {
   padding:0.5em 0 0 0;
}
div#engworkslisting h2 {
   margin:0 0 0.3em 0;
   background:#2e8e00;
   color:#fff;
   font-size:1em;
   padding:0.4em 8px 0.5em 8px;
}
div#engworkslisting p {
   padding:0 8px 0 8px;
}
div#engworkslisting ul {
   margin:0 0 1.5em 0;
}
div#engworkslisting ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 0.5em 0;
}




/* Listing
----------------------------------------------- */

div.listing {
   margin:0 0 1em 0;
}
xxx.div.listing h2 {
   font-size:1.1em;
   margin:0 0 0.5em 0;
   padding:0.4em 8px 0.5em 8px;
   color:#fff;
   background-color:#58ab18;
}
div.listing h2 {
   color:#000;
   font-size:1em;
   padding:1em 0 0 0;
   margin:0 0 1em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 0;
}
div.listing ul {
   margin:0 0 1em 0;
}
div.listing ul li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:12px 3px;
   padding:0px 10px 1em 24px;
   margin:0;
}
div.listing ul li ul {
   padding:0.5em 0 0 0;
}
div.listing ul li ul li {
   border:none;
   background-image:url("graphics/bullet02.gif");
   background-position:12px 6px;
   padding:0 10px 0 24px;
   margin:0 0 0.5em 0;
}
div.listing ul li a {
   text-decoration:none;
}
div.listing ul li a:hover {
   text-decoration:underline;
}
div.listing form {
   margin:0 0 1.5em 0;
}
div.listing form label {
   color:#000;
}
div.listing form table td {
   padding:0 5px 0.5em 0; 
}
div.listing table td {
   padding:0 5px 0.5em 0; 
}
div.listing table td ul li {
   padding-bottom:0.5em;
}



/* See more    
----------------------------------------------- */

div.more {
   background:url("graphics/greyboxdots.gif") repeat-x 0 5px;
   text-align:right;
   padding:1em 0 0 0;
}
#page div.more p a, #homepage div.more p a {
   padding:0 24px 0 4px;
   background:url("graphics/seemorearrow.gif") no-repeat right 5px;
   text-decoration:none;
}
#page div.more p a:hover, #homepage div.more p a:hover {
   text-decoration:underline;
}





/* Section Index 
----------------------------------------------- */

#section {
}
#section h2 {
   font-size:1.2em;
   padding:0.5em 0 0 0;
   margin:0 0 0.2em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   clear:both;
}
#section p {
   padding:0 0 0 24px;
}
#section h2 a {
   background:url("graphics/buttonarrow2.gif") no-repeat 0px 0px;
   padding:0 0 0.5em 24px;
}
#section h2 img {
   float:right;
   margin:0 0 1em 20px;
}



/* Pagenav 
----------------------------------------------- */

div.pagenav {
   color:#bdbdbd;
   margin:0 0 2em 0;
}
div.pagenav strong {
   color:#000;
}
div.pagenav a {
   text-decoration:none;
}
div.pagenav a:hover {
   text-decoration:underline;
}



/* Alert Box 02 
----------------------------------------------- */

div.alertbox02 {
   width:100%;
   background:url("graphics/alertbox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div.alertbox02 .box {
   background:url("graphics/alertbox02top.gif") no-repeat 0 top;
   padding:1em 23px 10px 20px;
}
div.alertbox02 .icon {
   width:50px;
   float:left;
}
div.alertbox02 .text {
   width:375px;
   float:right;
}
div.alertbox02 h2 {
   color:#f00;
   font-size:1.2em;
   margin:0 0 0.5em 0;
}
div.alertbox02 ul {
   margin:0 0 0.5em 0;
}
div.alertbox02 ul li {
   background-image:url("graphics/alert_bullet.gif");
   background-repeat:no-repeat;
   background-position:18px 4px;
   padding:0 0 0.5em 34px;
   font-weight:normal;
}





/* Alert Box 02 - GREEN 
----------------------------------------------- */

div.greenalertbox02 {
   width:100%;
   background:url("graphics/greenalertbox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div.greenalertbox02 .box {
   background:url("graphics/greenalertbox02top.gif") repeat-x 0 top;
   padding:1em 23px 10px 20px;
}
div.greenalertbox02 .icon {
   width:50px;
   float:left;
}
div.greenalertbox02 .text {
   width:375px;
   float:right;
}
div.greenalertbox02 h2 {
   color:#000;
   font-size:1.2em;
   margin:0 0 0.5em 0;
}
div.greenalertbox02 ul {
   margin:0 0 0.5em 0;
}
div.greenalertbox02 ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:18px 4px;
   padding:0 0 0.5em 34px;
   font-weight:normal;
}


#stationalert div.alertbox02 h2 {
   font-size:1em;
}
#stationalert div.alertbox02 p {
   font-size:0.85em;
}
#stationalert div.alertbox02 .box {
   padding-bottom:0.1em;
}
#stationalert div.alertbox02 .text {
   padding-bottom:0.5em;
}




/* Green Box 02 
----------------------------------------------- */

div.greenbox02 {
   width:100%;
   background:url("graphics/greenalertbox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div.greenbox02 .box {
   background:url("graphics/greenalertbox02top.gif") repeat-x 0 top;
   padding:0.7em 23px 8px 20px;
}
div.greenbox02 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
}
div.greenbox02 h3 {
   color:#2e8e00;
}




/* Grey Box 02 
----------------------------------------------- */

div.greybox02 {
   width:100%;
   background:url("graphics/greybox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div.greybox02 .box {
   background:url("graphics/greybox02top.gif") repeat-x 0 top;
   padding:0.7em 23px 8px 20px;
}
div.greybox02 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
}
div.greybox02 h3 {
   color:#2e8e00;
}



/* Grey Box 03  
----------------------------------------------- */

div.greybox03 {
   width:718px;
   background:url("graphics/greybox03bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
}
div.greybox03 .box {
   background:url("graphics/greybox03top.gif") repeat-x 0 top;
   padding:1em 23px 3em 20px;
}
div.greybox03 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
}


/* White Box 02 
----------------------------------------------- */

div.whitebox02 {
   width:100%;
   background:url("graphics/whitebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.whitebox02 .box {
   background:url("graphics/whitebox02top.gif") repeat-x 0 top;
   padding:0.7em 23px 8px 20px;
}
div.whitebox02 .bot {
   width:100%;
   height:14px;
   background:url("graphics/whitebox02bot.gif") repeat-x 0 bottom;
}
div.whitebox02 h2 {
   font-size:1.2em;
   padding:0.5em 0 0.5em 0;
   margin:0 0 1em 0;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
}




/* White Box 03 
----------------------------------------------- */

div.whitebox03 {
   width:100%;
   background:url("graphics/whitebox03bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.whitebox03 .box {
   background:url("graphics/whitebox03top.gif") repeat-x 0 top;
   padding:0.7em 23px 8px 20px;
}
div.whitebox03 .bot {
   width:100%;
   height:12px;
   background:url("graphics/whitebox03bot.gif") repeat-x 0 top;
}




/* Forms 
----------------------------------------------- */

#middle form table {   
   margin:0 0 0 0;
}
#middle form table td table {   
   margin:0 0 0 0;
}
#main form table td {
   padding:0 5px 0.5em 0;
}
#middle form table td table td {
   padding:0 4px 0.5em 0;
}
#middle form ul, #greatescapeform form ul {
   margin:0 0 1em 0;
}
#middle form ul li, #greatescapeform form ul li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:0 0 0.5em 12px;
   font-weight:normal;
}
#middle form div.form_row, #right form div.form_row {
   vertical-align:top;
}
#middle form div.form_row input, #right form div.form_row input {
   vertical-align:top;
}
#middle form div.form_row label, #right form div.form_row label {
   vertical-align:top;
}
#middle form div.form_row strong {
   margin-top:12px;
}
form h3 {
   color:#2e8e00;
   background-color:#edf6e8;
   padding:0.5em 12px 0.5em 12px;
   margin:0;
}
a.addlink {
   display:block;
   background:url("graphics/addbutton.gif") no-repeat 0px 0px;
   padding:0 0 1.5em 24px;
}
div.formblock {
   margin:0 0 1em 0;
   border:2px solid #edf6e8;
   padding:0.5em 12px 0.5em 12px;
}
div.buttonrow {
   text-align:right;
}
div.form_left {
   width:48%;
   float:left;
}
div.form_right {
   width:48%;
   float:right;
}
#middle form div.form_row {
   margin:0 0 1em 0;
}


/* Events Search 
----------------------------------------------- */

input#events_keywords, select#events_location {
   width:190px;
}
div.date_block {
   width:140px;
   float:left;
}
div.date_block input {
   width:76px;
}
form#events_search {
   line-height:1.8em;
}
form#events_search div.button_right {
   width:138px;
   float:left;
   padding:14px 0 0 0;
}




/* Errors 
----------------------------------------------- */

div.errors {
   background: none repeat scroll 0 0 #FFF0F0;
   border: 1px solid #FFA8A8;
   color: #FF0000;
   margin: 0 0 1em;
   padding: 1em 14px;
}

#main div.errors h3 {
    background: none repeat scroll 0 0;
    color: #FF0000;
    margin: 0 0 1em;
    padding: 0;
}
#main div.errors ul {
   margin:0 0 1em;
}
#main div.errors ul li {
   background-image:url("graphics/alert_bullet.gif");
   background-position:10px 5px;
   padding:0 0 0 28px;
   margin:0 0 0.5em 0;
}



/* Live info 
----------------------------------------------- */

#liveinfo div.greybox02 .box {
   padding-top:1em;
}
#liveinfo div.boxleft {
   width:38%;
}
#liveinfo div.boxright {
   width:60%;
   text-align:right;
}
#liveinfo div.greybox02 h2 {
   font-size:1.1em;
   background:none;
   padding:0.1em 0 0 0;
}
#liveinfo_departures, #liveinfo_updates {
   padding:1em 0 0 0;
   width:100%;
   background-image:url("graphics/horizdots.gif");
   background-repeat:repeat-x;
   background-position:0 0;
   border:none;
}
#liveinfo #arrivals_stations {
   margin:0 4px 0 0;
}
#liveinfo #depart_stations {
   margin:0 4px 0 0;
}
#liveinfo #updates_tostations {
   margin:0 4px 0 0;
}
#liveinfo #updates_fromstations {
   margin:0 26px 0.5em 0;
}



/* Live updates  
----------------------------------------------- */

div#liveupdates {
   padding:0.5em 0 0 0;
}
div#liveupdates .tab {
   color:#fff;
   background-color:#2e8e00;
   background-image:url("graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.8em 0 0.8em 0;
   width:100%;
}
div#liveupdates .header {
   width:369px;
   display:block;
   float:left;
}
div#liveupdates h2 {
   color:#fff;
   font-size:1em;
   margin:0;
   padding:0 0 0 15px;
}
div#liveupdates .tab a {
   color:#fff;
}
div#liveupdates div.backtotop {
   float:right;
   display:block;
   width:100px;
   text-align:left;
}
div#liveupdates div.backtotop a {
   background:url("graphics/backtotoparrow.gif") no-repeat right 2px;
   padding:0 20px 0 0;
   font-weight:normal;
   text-align:right;
}
div#liveupdates h3 {
   color:#000;
   margin:0 0 0.3em 0;
   padding:0 0 0.3em 0;
   font-size:1em;
   background:url("graphics/horizdots.gif") repeat-x 0 bottom;
}
div#liveupdates div.box {
   background:url("graphics/whitebox02bg.gif") repeat-y 0 0;
}
div#liveupdates div.details {
   margin:0 0 1em 0;   
   padding:0.7em 18px 1em 15px;
   background:url("graphics/whitebox02bot.gif") no-repeat 0 bottom;
}
div#liveupdates p {
}
div#liveupdates ul {
   margin:0 0 1.5em 0;
}
div#liveupdates ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 0.5em 0;
}
#liveupdates #metropolitan-line {background-color:#893267; background-image:url("graphics/metrotab02bg.gif");}
#liveupdates #bakerloo-line {background-color:#ae6118; background-image:url("graphics/bakerlootab02bg.gif");}
#liveupdates #central-line {background-color:#e41f1f; background-image:url("graphics/centraltab02bg.gif");}
#liveupdates #circle-line {background-color:#f8d42d; color:#034694; background-image:url("graphics/circletab02bg.gif");}
#liveupdates #hammersmith-and-city-line {background-color:#e899a8; color:#034694; background-image:url("graphics/hammcitytab02bg.gif");}
#liveupdates #district-line {background-color:#00a575; background-image:url("graphics/districttab02bg.gif");}
#liveupdates #jubilee-line {background-color:#8f989e; background-image:url("graphics/jubileetab02bg.gif");}
#liveupdates #northern-line {background-color:#000000; background-image:url("graphics/northerntab02bg.gif");}
#liveupdates #piccadilly-line {background-color:#0450a1; background-image:url("graphics/piccadillytab02bg.gif");}
#liveupdates #victoria-line {background-color:#009fe0; background-image:url("graphics/victoriatab02bg.gif");}
#liveupdates #waterloo-and-city-line {background-color:#70c3ce; background-image:url("graphics/waterlootab02bg.gif");}

#liveupdates #metropolitan-line div.backtotop a {background-image:url("graphics/metro_arrow.gif");}
#liveupdates #bakerloo-line div.backtotop a {background-image:url("graphics/bakerloo_arrow.gif");}
#liveupdates #central-line div.backtotop a {background-image:url("graphics/central_arrow.gif");}
#liveupdates #circle-line div.backtotop a {background-image:url("graphics/circle_arrow.gif");}
#liveupdates #hammersmith-and-city-line div.backtotop a {background-image:url("graphics/hammcity_arrow.gif");}
#liveupdates #district-line div.backtotop a {background-image:url("graphics/district_arrow.gif");}
#liveupdates #jubilee-line div.backtotop a {background-image:url("graphics/jubilee_arrow.gif");}
#liveupdates #northern-line div.backtotop a {background-image:url("graphics/northern_arrow.gif");}
#liveupdates #piccadilly-line div.backtotop a {background-image:url("graphics/piccadilly_arrow.gif");}
#liveupdates #victoria-line div.backtotop a {background-image:url("graphics/victoria_arrow.gif");}
#liveupdates #waterloo-and-city-line div.backtotop a {background-image:url("graphics/waterloo_arrow.gif");}




/* Boxes - Common elements 
----------------------------------------------- */

div.boxmenu ul {
   margin:0 0 1em 0;
}
div.boxmenu ul li {
}
div.boxmenu ul li a {
   display:block;
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:12px 3px;
   padding:0px 10px 1em 24px;
   margin:0;
   text-decoration:none;
}
div.boxmenu ul li a:hover {
   text-decoration:underline;
}
div.bigbutton {
   text-align:center;
}
div.buttonblock {
   text-align:right;
}
div.button_right {
   text-align:right;
}
div.boxleft {
   width:45%;
   float:left;
}
div.boxright {
   width:45%;
   float:right;
}
#middle div.boxleft p, #middle div.boxright p {
   margin:0 0 0.5em 0;
}




/* Registration options   
----------------------------------------------- */

#iconlist ul li {
   background-image:url("graphics/regoption01.gif");
   background-repeat:no-repeat;
   background-position:2px 15px;
   padding:15px 0 2em 52px;
   font-weight:normal;
}
#iconlist ul li strong a {
   font-size:1.2em;
}
#iconlist ul li.icon_timetable {
   background-image:url("graphics/icon_timetable.gif");
   border:none;
}
#iconlist ul li.icon_alert {
   background-image:url("graphics/icon_alert.gif");
}
#iconlist ul li.icon_mobile {
   background-image:url("graphics/icon_mobile.gif");
}
#iconlist ul li.icon_tickets {
   background-image:url("graphics/icon_tickets.gif");
}
#iconlist ul li.icon_mail {
   background-image:url("graphics/icon_mail.gif");
}
#iconlist ul li.icon_car {
   background-image:url("graphics/icon_car.gif");
}
#iconlist ul li.icon_environment {
   background-image:url("graphics/icon_trees.gif");
}
#iconlist ul li.icon_aeroplane {
   background-image:url("graphics/icon_aeroplane.gif");
}
#iconlist ul li.icon_eurostar {
   background-image:url("graphics/icon_eurostar.gif");
}
#iconlist ul li.icon_railcard {
   background-image:url("graphics/icon_railcard.gif");
}




/* Route maps     
----------------------------------------------- */

div.boxmap {
   text-align:center;
   margin:0 0 1em 0;
}



/* Events 
----------------------------------------------- */

div.events_listing {
   padding-bottom:1.8em;
}
div.events_listing h2 {
   font-size:1.2em;
   margin:0 0 0.25em 0;
}
div.events_listing p img {
   float:right;
   width:100px;
   margin:3px 0 1em 20px;
}
#page div.events_listing p {
   margin:0;
   padding:0;
}
#page div.events_listing p.date {
   font-size:1em;
   font-weight:bold;
   color:#666;
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   padding:0.5em 0 0 0;
   margin:1.8em 0 0.5em 0;
   clear:both;
}
#page div.events_listing p.date.first {
   background:none;
   margin-top:0.5em;
}
#page #tdibox div.events_listing p.date.first {
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   margin-top:0;
}
#page div.events_listing p a {
   text-decoration:none;
}
#page div.events_listing p a:hover {
   text-decoration:underline;
}


/* News     
----------------------------------------------- */

#news h2 {
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#news p {
   margin:0 0 2em 0;
}
#news p.date {
   font-size:0.85em;
   color:#666;
   margin:0 0 0.3em 0;
}
#news p.date {
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   padding:0.5em 0 0 0;
}
#news p strong a {
   text-decoration:none;
}
#news p strong a:hover {
   text-decoration:underline;
}



/* News Archive 
----------------------------------------------- */

#news_archive {
   width:100%;
}
#news_archive h2 {
   color:#fff;
   font-size:1em;
   background-color:#2e8e00;
   background-image:url("graphics/greentab02bg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 0 0;
   padding:0.6em 18px 0.7em 15px;
}
#news_archive ul li {
   border:none;
   color:#999;
   background-image:url("graphics/arrow01.gif");
   background-position:22px 3px;
   background-repeat:no-repeat;
   padding:0 10px 0 34px;
   margin:0 0 0.5em 0;
}
#news_archive ul li ul {
   margin:0 0 1em 0;
}
#news_archive .box {
   width:100%;
   background:url("graphics/greybox02bg.gif") repeat-x 0 bottom;
   margin:0 0 1em 0;
   padding:0.5em 0 1em 0;
}
.box3a {
   width:33%;
   float:left;
}
.box3b {
   width:33%;
   float:left;
}
.box3c {
   width:33%;
   float:left;
}



/* Offers      
----------------------------------------------- */

#offers {
   width:100%;
   margin:0 0 1em 0;
}
#offers h2, #featured_offers h3 {
   clear:both;
   background:url("graphics/horizdots.gif") repeat-x 0 0;
   padding:1em 0 0 0;
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#offers h2 img, #featured_offers h3 img {
   width:150px;
   height:150px;
   float:right;
   margin:0.5em 0 1em 12px;
}
div.offer_details {
   padding:0.7em 23px 8px 20px;
}
#featured_offers div.topmore div.more {
   background:none;
   padding:0;
}



/* Travel Voucher
----------------------------------------------- */

#travelvoucher {  
   width:100%;
   margin:0 auto;
}
div.voucherbox {
   padding:1em 10px 0.1em;
}

div#voucherheader {
    background: none repeat scroll 0 0 #000000;
    width: 100%;
}

#travelvoucher h2 {
    font-size: 1.1em;
    margin: 0 0 0.5em
}

div.voucherbox td h2 {
    padding:10px 0 0 0;
   font-size:1.1em;
}
div.cutbox {
   border:3px dashed #000;
   padding:5px;
   margin:0 0 1em 0;
}
div.cuthere {
   margin:0 auto;
   font-size:1em;
   text-align:center;
   padding:1em 0 0;
}
div.cuthere p {
   margin:0;
}
#travelvoucher table {
   border: medium none;
   border-collapse: collapse;
}

#travelvoucher table.lines {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0;
    margin: 0 0 1em;
    width: 100%;
}
#travelvoucher table.lines td {
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:#ccc;
    padding: 0.4em 0 0.5em;
}

#travelvoucher table.lines td table {
    width: auto;
}

#travelvoucher table.lines td table td {
    border: medium none;
    padding: 0 5px 0 0;
}

div#offerterms {
    font-size: 0.85em;
}

div#offerterms .box {
    
}
div#offerterms ol {
    padding: 0 0 0 28px;
}

div#offerterms ol li {
    margin: 0 0 0.5em;
    padding: 0;
}



/* Site map 
----------------------------------------------- */

#sitemap {
   margin:0 0 1em 0;
}
#sitemap ul li {
   border-color:#b3c8a3;
   border-width:1px 0 0 0;
   border-style:solid;
   background-image:url("graphics/buttonarrow2.gif");
   background-repeat:no-repeat;
   background-position:0 8px;
   padding:8px 10px 0 24px;
   margin:0 0 0.5em 0;
}
#sitemap ul li ul {
   padding:0.5em 0 0.5em 0;
}
#sitemap ul li ul li {
   border:none;
   background-image:url("graphics/arrow01.gif");
   background-position:10px 3px;
   padding:0 10px 0 22px;
}
#sitemap ul li ul li ul li {
   border:none;
   background-image:url("graphics/bullet02.gif");
   background-position:12px 6px;
   padding:0 10px 0 24px;
}



/* Image gallery 
----------------------------------------------- */

#galleries {
}
#galleries div.galleryrow {
   width:100%;
}
#galleries div.box {
   padding-top:1em;
   padding-bottom:1.7em;
}
#galleries .pic {
   width:80px;
   float:left;
}
#galleries .pic img {
   width:72px;
   height:72px;
   border:1px solid #000;
}
#galleries .text {
   width:340px;
   float:right;
}
#galleries h2 {
   margin:0 0 0.3em 0;
   padding:0 0 0.3em 0;
}
#galleries p {
   margin:0;
}



#gallery {
   width:100%;
   padding:0.5em 0 0 0;
}
#gallery_thumbs {
   width:160px;
   float:right;
}
#gallery_main {
   width:502px;
   float:left;
}
#gallery_main img {
   width:500px;
   border:1px solid #000;
}
#gallery_thumbs img.thumb01 {
   width:72px;
   border:1px solid #000;
   margin:0 10px 0 0;
}
#gallery_thumbs img.thumb02 {
   width:72px;
   border:1px solid #000;
}
#gallery_thumbs p {
   margin:0 0 10px 0;
}
#gallery_nav {
   text-align:center;
   padding:1em 0 0 0;
}
#gallery_nav img {
   margin:0 0 -4px 0;
}
div.image_details {
   color:#fff;
   background-color:#000;  
   margin:0;
   width:502px;
}
#page div.image_details p {
   padding:0.5em 12px 0.7em 12px;
   margin:0;
}
div.image_details p span {
   color:#666;
}
div.image_details a {
   color:#8cc63f;
}




/* Downloads 
----------------------------------------------- */

div.downloads {
   margin:0 0 1em 0;
}
div.downloads h2 {
   margin:0 0 1em 0;
}
div.downloads ul {
   margin:0 0 1em 0;
}
div.downloads ul li {
   background-image:url("graphics/arrow3a.gif");
   background-repeat:no-repeat;
   background-position:0px 1px;
   padding:2px 0 1em 26px;
   font-weight:normal;
}

div.downloads ul li.excel {background-image:url("graphics/icon_excel.gif");}
div.downloads ul li.link {background-image:url("graphics/icon_link.gif");}
div.downloads ul li.pdf {background-image:url("graphics/icon_pdf.gif");}
div.downloads ul li.photo {background-image:url("graphics/icon_photo.gif");}
div.downloads ul li.ppoint {background-image:url("graphics/icon_ppoint.gif");}
div.downloads ul li.text {background-image:url("graphics/icon_text.gif");}
div.downloads ul li.word {background-image:url("graphics/icon_word.gif");}

div.downloads ul li a {
   text-decoration:none;
}
div.downloads ul li a:hover {
   text-decoration:underline;
}
#page p a.pdf {
   background-image:url("graphics/icon_pdf.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   display:block;
   padding:0 0 0 24px;
   text-decoration:none;
}
#page p a.pdf:hover {
   text-decoration:underline;
}


/* Destination Guide
----------------------------------------------- */

#destination_guide {
   border-top:1px solid #c0ddb1;
   padding:10px 0 0 0;
   margin:10px 0 0 0;
}
#destination_guide h3 {
   margin:0 0 0.3em 0;
   font-size:1.1em;
}
#destination_guide h3 a {
   color:#000;
}
#destination_guide ul.arrowlist li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:8px 3px;
   padding:0 0 0 20px;
}
#destination_guide .destination_row {
   width:100%;
   margin:0 0 1em 0;
}
#destination_guide .destination {
   width:350px;
   float:left;
   margin:0 0 20px 0;
}
#destination_guide .destination_pic {
   width:120px;
   float:left;
}
#destination_guide .destination_text {
   width:225px;
   float:right;
}
#destination_guide_search div.formrow {
   width:100%;
   margin:0 0 0.5em 0;
}
#destination_guides_list {
   width:250px;
   float:left;
   margin:2px 0 0 0;
}
#destination_guide_submit {
   margin:0 0 0 4px;
   float:left;
}


#destinations_listing {
   border-top:1px solid #c0ddb1;
   padding:10px 0 0 0;
   margin:10px 0 0 0;
}
#destinations_listing ul li {
   border:none;
   color:#999;
   background-image:url("graphics/arrow01.gif");
   background-position:22px 3px;
   background-repeat:no-repeat;
   padding:0 10px 0 34px;
   margin:0 0 0.5em 0;
}
#destinations_listing ul li ul {
   margin:0 0 1em 0;
}
.boxa {
   width:33%;
   float:left;
}
.boxb {
   width:33%;
   float:left;
}
.boxc {
   width:33%;
   float:left;
}



/* Accommodation search 
----------------------------------------------- */

#accomm_search  {
   width:222px;
   color:#fff;
   margin-top:56px;
}
#accomm_search .box {
   background:#313439 url(graphics/boxbg.gif) repeat-x center bottom;
   padding:10px 10px 0 10px;
}



/* TDI Tabs 
----------------------------------------------- */

#tditabs {
   width:715px;
   background:url("graphics/tditabsbg.gif") no-repeat 0 bottom;
   margin:0;
}
#tditabs a {
   color:#555;
   text-decoration:none;
   font-weight:bold;
   border-bottom:1px solid #bdbdbd;
}
#tditabs a:hover {
   color:#333;
}
#tditabs ul {
   list-style:none;
}
#tditabs ul li {
   display:inline;
   background:url("graphics/tditab_right_off.gif") no-repeat right top;
   float:left;
   margin:0 3px 0 0;
}
#tditabs ul li a {
   display:block;
   background:url("graphics/tditab_left_off.gif") no-repeat 0 top;
   float:left;
   padding:0.5em 17px 0.6em 17px;
   font-weight:bold;
   font-size:1em;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
   #header a {float:none;}
/* End IE5-Mac hack */

#tditabs ul li.active {
   background-image:url("graphics/tditab_right_on.gif");
   margin-top:1px;
}
#tditabs ul li.active a {
   background-image:url("graphics/tditab_left_on.gif");
   color:#61ab3b;
   border-bottom:none;
   padding:0.6em 17px 0.5em 17px;
}



/* TDI Box 
----------------------------------------------- */

#tdibox {
   width:718px;
   background:#fff url("graphics/greybox03bg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
}
#tdibox .box {
   padding:20px;
}
#tdibox .dest_left {
   float:left;
   width:400px;
}
#tdibox .dest_right {
   float:right;
   width:254px;
}
#tdibox .dest_right div.pad {
   padding:0 0 0 24px;
   border-left:1px solid #eee;
}



/* Flash Banner
----------------------------------------------- */

.flashbanner {
   margin:10px 0 20px 0;
} 


/* Bookmarks  
----------------------------------------------- */

#bookmarks {
   background:url("graphics/horizdots.gif") repeat-x 0 30px;
   padding:40px 0 0 0;
   margin:0 0 1em 0;
}
#middle #bookmarks {
   width:470px;
}
#bookmarks h2 {
   font-size:1em;
   margin:0 0 1em 0;
}
#bookmarks ul li {
   display:inline;
}
#bookmarks ul li a {
   display:block;
   float:left;
   background-repeat:no-repeat;
   background-position:0 0;
   padding:0 23px 0.5em 20px;
}
#bookmarks ul li#delicious a {
   background-image:url("graphics/icon_delicious.gif");
}
#bookmarks ul li#diggit a {
   background-image:url("graphics/icon_diggit.gif");
}
#bookmarks ul li#reddit a {
   background-image:url("graphics/icon_reddit.gif");
}
#bookmarks ul li#facebook a {
   background-image:url("graphics/icon_facebook.gif");
}
#bookmarks ul li#stumbleupon a {
   background-image:url("graphics/icon_stumbleupon.gif");
}
#bookmarks ul li#kaboodle a {
   background-image:url("graphics/icon_kaboodle.gif");
}






/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left2, img.right2 {
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:none;
}



/* Content Block 
----------------------------------------------- */

div.content_block {
   padding:1em 0 0 0;
   background:url("graphics/horizdots.gif") repeat-x 0 top;
   width:100%;
}
div.content_left {
   width:40%;
   float:left;
}
div.content_right {
   width:59%;
   float:right;
}




/* Content   
----------------------------------------------- */

div.buttonarrow {
   background-image:url("graphics/buttonarrow.gif");
   background-repeat:no-repeat;
   background-position:8px 0;
   padding:3px 0 1.5em 36px;
   margin:0;
}
div.buttonarrow a {
}
hr {
   font-size:0.01em;
   color:#fff;
   height:1px;
   margin:0 0 1em 0;
   border-width:1px 0 0 0;
   border-color:#ccc;
   border-style:dotted;
}
p strong span {
   color:#2e8e00;
}
h1, h2 {
   color:#2e8e00;
}
h1 span, h2 span {
   font-weight:100; 
}
h1 {
   font-size:2em;
   display:block;
   font-weight:100;
   font-family:Tahoma, Arial, Verdana, Sans-serif;
   border-bottom:1px solid #c0ddb1;
   margin:0 0 0.5em 0;
   padding:0 0 0.3em 0;
}
h1 a {
   color:#2e8e00;
}
div.content h2 a, div.content h3 a {
   text-decoration:underline;
}
div.content h2 a:hover, div.content h3 a:hover {
}
h2 {
   font-size:1.3em;
   margin:0 0 0.8em 0;
}
div.content h2 {
   margin-top:1.5em;
   padding:1em 0 0 0;
   background:url("graphics/horizdots.gif") repeat-x 0 top;
}
div.content h2.noborder {
   margin-top:0;
   padding:0;
   background:none;
}
h3 {
   font-size:1em;
   margin:0 0 1em 0;
}
h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.content ul {
   list-style-type:none; 
   line-height:1.5em;
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("graphics/bullet01.gif");
   background-repeat:no-repeat;
   background-position:22px 6px;
   padding:0 10px 0 40px;
   margin:0 0 1em 0;
}
div.content ul.arrowlist li {
   background-image:url("graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:18px 5px;
   padding:0 0 0 34px;
   margin:0 0 0.5em 0;
}
div.content ul.arrowlist li a {
   text-decoration:none;
}
div.content ul.list2 li {
   margin:0;
}
div.content ul li a, div.content ul.arrowlist li a:hover {
   text-decoration:underline;
}
ol {
   padding:0 0 0 40px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}


/* Tables 
----------------------------------------------- */

div.content table {
  border-color:#c0ddb1;
  border-style:solid;
  border-width:0 0 1px 1px;
  margin:0 0 1em 0;
  border-collapse:collapse;
}
div.content table th, div.content table thead td {
   color:#fff;
   padding:0.5em 5px 0.5em 5px;
   font-size:1.0em;
   background-color:#2e8e00;
   border-color:#c0ddb1;
   border-width:1px 1px 0 0;
}
div.content table td {
  padding:5px;
  /*background-color:#fff;*/
  border-color:#c0ddb1;
  border-style:solid;
   border-width:1px 1px 0 0;
}
div.content table.table1 td {
   background-color:#fff;
}
div.content table td h2 {
   font-size:1em;
   padding:0;
   background:none;
   margin:0 0 0.5em 0;
}
div.content table.twotonerows {
   border:none;
   width:100%;
}
div.content table.twotonerows td {
   border-color:#fff;
   border-width:2px 0 0 0;
}
div.content table tr.row1 td {
   background:#d5ecbd;
}
div.content table tr.row2 td {
   background:#f4f9f0;
}

/* Great Escape form 
----------------------------------------------- */

#greatescapeform {
}
#greatescapeform div.content ul {
   margin:0 0 0 0;
}
#greatescapeform div.content ul li {
   margin:0 0 0.25em 0;
}
#greatescapeform .terms {
   font-size:0.85em;
}
div.content table.noborder {
   border:none;
}
div.content table.noborder th, div.content table.noborder td {
   border:none;
}

/* Great Escape Availability Calendar
------------------------------------------------ */
#availabilty {
}
#availabilty div.monthblock {
    margin: 0 0 2em;
}
#availabilty h2 {
    background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    font-size: 1em;
    margin: 0;
    padding: 0.5em 8px;
    text-align: center;
    text-transform: uppercase;
    position:relative;
}

#availabilty h2 span.prev_arrow, #availabilty h2 span.next_arrow {
    text-transform: capitalize;
    position: absolute;
    cursor: pointer;
}

#availabilty h2 span.prev_arrow:hover, #availabilty h2 span.next_arrow:hover {
    text-decoration: underline;
}

#availabilty h2 span.prev_arrow {
    left: 10px;
}

#availabilty h2 span.next_arrow {
    right: 10px;
}

#availabilty h2 span.next_arrow img, #availabilty h2 span.prev_arrow img {
    padding: 0 5px;
}

#availabilty table {
    margin: 0 auto;
}
#availabilty table td {
    background-position: 0 0;
    background-repeat: repeat-x;
    padding: 0.25em 5px 0.25em 0;
}
#availabilty table.key td.soldout {
    background: none repeat scroll 0 0 #D60202;
}
#availabilty table.key td.sellfast {
    background: none repeat scroll 0 0 #FF9A01;
}
#availabilty table.key td.available {
    background: none repeat scroll 0 0 #8ECC51;
}
#availabilty table.key td.blank {
    background: none repeat scroll 0 0 #DEDEDE;
    color: #777777;
}
#availabilty table.calendar td.soldout {
    background-image: url("graphics/availability_red.png");
    border-color: #D60202;
    color: #D60202;
}
#availabilty table.calendar td.sellfast {
    background-image: url("graphics/availability_orange.png");
    border-color: #FF9A01;
    color: #E64600;
}
#availabilty table.calendar td.available {
    background-image: url("graphics/availability_green.png");
    border-color: #8ECC51;
    color: #53A912;
}
#availabilty table.calendar td.blank {
    background-image: url("graphics/availability_grey.png");
    color: #CCCCCC;
}
#availabilty table.calendar td.soldout {
    background: url("graphics/availability_redx.png") no-repeat scroll center top transparent;
}
#availabilty table td span {
    display: block;
    width: 20px;
}
#availabilty table.key {
    margin: 0 0 1em;
}
#availabilty table.calendar thead th {
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    color: #555555;
    font-weight: normal;
    padding: 0.5em 8px;
    text-align: center;
    background-color: #FFFFFF;
}
#availabilty table.calendar tbody td {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    padding: 14px 8px 0.75em;
    text-align: center;
    width: 44px;
}