/*
----------------------------------------------- 
Southeastern 
Author:www.imaginet.co.uk 
Version:31 Aug 2010 
----------------------------------------------- */



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

* { 
   padding:0; 
   margin:0; 
}
a {
   text-decoration:none;
   color:#365fb3;
}
a:hover {
   color:#5a85d7;
   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 {
   margin:0 0 1em 0;
   line-height:1.5em;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em; 
}
.clear, .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.top {
   background-position:0 0;
   background-repeat:no-repeat;
}
div.bot {
   background-position:0 bottom;
   background-repeat:no-repeat;
}
div.test {
   background-color:#f00;
}
div#validation {
   padding:5em 0 1em 0;
   text-align:center;
   display:none;
}
#printlogo {
   display:none;
}



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

html body {
   background:#dfe0ee url("../graphics/bodybg.png") repeat-x 0 0;
   color:#182b49;
   text-align:center;
   font:81.25%  Arial, Verdana, Sans-serif;
   margin:14px 0 3em 0;
}
#page, #homepage {
   width:990px;
   margin:0 auto;
   text-align:left;
   padding:0 0 2em 0;
   background:#fff url("../graphics/pagebg.png") repeat-y 0 0;
}
#page div.container, #homepage div.container {
   padding:0.9em 25px 0 25px;
}
#left {
   width:225px;
   float:left;
   padding:0 0 0 0;
}
#main {
   float:right;
   width:695px;
}
#mainblock {
   width:695px;
   margin:0 0 0 0;
}
#middle {
   width:450px;
   float:left;
}
#pageheader {
   width:450px;
}
#right {
   width:225px;
   float:right;
}
div.content {
   margin:0 0 1em 0;
   padding:0 0 0 0;
}



/* Breadcrumb trail   
----------------------------------------------- */

#bct {
   width:695px;
   color:#8baae3;
   border-bottom:1px solid #d1ddf4;
   margin:0 0 1em 0;
}
#bct p {
   padding:0.5em 0 1em 0;
   margin:0;
}
#bct p a {
   text-decoration:none;
}
#bct p a:hover {
   text-decoration:underline;
}
#bct p strong {
   color:#5a84d6;
}



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

#masthead {
   color:#fff;
   text-align:left;
   background:#182b49 url("../graphics/mastbg.png") no-repeat 0 0; 
   width:990px;
   margin:0 auto;
}
#masthead a {
   color:#fff;
}
#masthead .container {
}
#masthead #mastleft {
   width:310px;
   float:left;
}
#masthead #strapline {
   padding:26px 0 0 25px;
}
#masthead #logo {
   padding:0 0 0 50px;
}
#masthead #mastblock {
   width:660px;
   float:right;
}
#mastblocktop {
   width:660px;
   height:74px;
   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 div.breaker {
   background:#fff url("../graphics/pagebg.png") no-repeat 0 0;
}
#mastsearch {
   width:305px;
   float:right;
   padding-top:13px;
   vertical-align:top;
}
#mastsearch div#lmsearch_label {
   float:left;
   color:#a8bbde;
   width:100px;
   padding:8px 4px 0 0;
   text-align:right;
}
#mastsearch div#lmsearch_input {
   float:left;
   width:132px;
   padding:5px 0 0 0;
}
#mastsearch input#sitesearch {
   width:130px;
   height:20px;
   border:1px solid #5a84d6;
}
#mastsearch div#lmsearch_submit {
   float:left;
   width:60px;
}
#masthead #mastsearch div.breaker{
   background:none;
}




/* 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.7em 17px;
   font-weight:bold;
   font-size:1em;
   text-decoration:none;
}
#topnav ul li a:hover {
   color:#fff;
   text-decoration:underline;
}
#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:#5a84d6;
}
#topnav ul li.active a:hover {
   color:#5a84d6;
}
#masthead #topnav div.breaker {
   background-color:transparent;
   display:none;
}



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

#footer {
   color:#6c7fa3;
   width:990px;
   margin:0 auto;
   text-align:left;
   background:url("../graphics/footerbg.png") no-repeat 0 0;
}
#footer .container {
   padding:25px 33px 0 33px;
}
#footer p {
   margin:0 0 1em 0;
}
#footnav ul {
   float:left;
   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.png") no-repeat left;
}
#footer li.first {
   padding-left:0;
   background:none;
}

#footinfo p, #imaginet p {
   font-size:0.85em;
}




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

div.tab {
   color:#fff;
   background-color:#5a84d6;
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0 0 1px 0;
}
#left div.tab, #right div.tab {
   width:225px;
   background-image:url("../graphics/tabhed225bg.png");
   min-height:36px;
}
div.tab h2 {
   color:#fff;
   font-size:1em;
   background-repeat:no-repeat;
   background-position:0 0;
   padding:10px 8px 0.7em 52px;
}
div.tab h2 a {
   color:#fff;
   text-decoration:none;
}




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

.hidelabel {
   display:none;
}
#buyticketsbox {
   width:225px;
   margin:0 0 1em 0;
}
#buyticketsbox .tab h2 {
   background-image:url("../graphics/hedicon_tickets.png");
}
#buyticketsbox .pad {
   padding:0 0 0 0;
}
#buyticketsbox p {
   margin:0 0 0.2em 0;
}
#buyticketsbox a {
}
#buyticketsbox .expandbox {
   padding:6px 16px 0.5em 10px;
}
#buyticketsform01, #buyticketsform02, #buyticketsform03, #buyticketsform04, #buyticketsform05 {
   width:225px;
   background:#dee7f7;
   margin:0 0 1px 0;
}
#buyticketsbox div.formheader {
   background:#5a84d6 url("../graphics/buyboxhedbg.gif") no-repeat 0 0;
   padding:0.3em 0 0.4em 0;
   font-size:0.9em;
}
#buyticketsbox div.formheader a {
   color:#fff;
   display:block;
   background:url("../graphics/tabarrow_closed.gif") no-repeat 200px 1px;
   padding:0 0 0 6px;
}
#buyticketsbox div.formheader a.active {
   background-image:url("../graphics/tabarrow_open.gif");
}
#buyticketsform01 div.form_row {
   margin:0 0 0.1em 0;
}
#buyticketsform01 div.labelblock {
   font-weight:bold;
   width:43px;
   float:left;
}
#buyticketsform01 div.labelblock label {
   padding:0 0 0 3px;
}
#buyticketsform01 div.inputblock {
   width:153px;
   float:left;
}
#lcOrigin, #lcDestination {
   width:144px;
}
#lcOptionLocation {
   width:120px;
}
#SingleOrReturn {
   margin:0 0 0.4em 0;
   padding:0 0 0 44px;
}
#MoreOptions {
   padding:0 12px 0 44px;
   text-align:right;
}
#MoreOptions p a {
   background:url("../graphics/smallarrow.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;
}
#searchbutton {
   width:225px;
   height:55px;
   color:#fff;
   background:#dee7f7 url("../graphics/leftnavbot.png") no-repeat 0 bottom;
}
#searchbutton div.box {
   padding:10px 0 0 0;
}
#searchbutton p {
}
#searchbutton input {
}
#searchbutton div.button {
   width:153px;
   margin:0 auto;
}



/* View Journey Map  
----------------------------------------------- */

#viewmap {
   width:225px;
   margin:0 0 1em 0;
}
#viewmap .tab h2 {
   background-image:url("../graphics/hedicon_routemap.png");
}



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

#leftnav {
   width:225px;
   margin:0 0 1em 0;
}
#leftnav div.bot {
   background:#dee7f7 url("../graphics/leftnavbot.png") no-repeat 0 bottom;
   width:225px;
   height:5px;
   font-size:0.1em;   
}
#left #leftnav div.tab {
   background-image:url("../graphics/bluetab225bg.png");
}
#leftnav div.tab h2 {
   padding-left:12px;
}
#leftnav ul {
   margin:0;
}
#leftnav ul li {
   margin:1px 0 0 0;
}
#leftnav ul li a {
   color:#182b49;
   display:block;
   background-color:#dee7f7;
   background-image:url("../graphics/leftnav01.png");
   background-repeat:no-repeat;
   background-position:10px 5px;
   padding:8px 8px 0.6em 38px;
   font-weight:bold;
}
#leftnav ul li a:hover, #left #leftnav ul li a.active {
   text-decoration:none;
   color:#214a9c;
   background-image:url("../graphics/leftnav01_on.png");
   background-color:#c4d3f1;
}
#leftnav ul li ul {
   width:225px;
   border:none;
   padding:1px 0 1em 0;
   background-color:#c4d3f1;
   margin:0;
}
#leftnav ul li ul li a, #leftnav ul li.first ul li a, #leftnav ul li ul li a:hover {
   background-color:#c4d3f1;
   font-weight:normal;
   background-image:url("../graphics/leftnav02.gif");   
   background-position:40px 10px;
   padding:4px 8px 0.35em 50px;
   margin:0;
}
#leftnav ul li ul li a:hover {
   background-color:#dee7f7;
   text-decoration:none;
}



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

#profilenav {
   width:225px;
   margin:0 0 1em 0;
}
#profilenav .tab h2 {
   background-image:url("../graphics/hedicon_person.png");
}
#profilenav .box {
   padding:0 0 0 0;
}
#profilenav ul {
   margin:0 0 0 0;
}
#profilenav ul li {
}
#profilenav ul li a {
   color:#182b49;
   display:block;
   background-image:url("../graphics/profilenav01.png");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:8px 8px 0.6em 12px;
   margin:0 0 1px 0;
}
#profilenav ul li a:hover, #profilenav ul li a.active {
   color:#214a9c;
   text-decoration:none;
   background-image:url("../graphics/profilenav01_on.png");
   background-color:#b5c8ed;
}
#profilenav ul li.last a {
   background-image:url("../graphics/profilenav02.png");
}
#profilenav ul li.last a:hover, #profilenav ul li.last a.active {
   background-image:url("../graphics/profilenav02_on.png");
}




/* Sign-up RHS 
----------------------------------------------- */

#signup_rhs {
   width:100%;
   margin:0 0 1em 0;
   background:#214a9c url("../graphics/bluetab225bg.png") no-repeat 0 0;
}
#signup_rhs .box {
   padding:0.2em 0 0 0;
}
#signup_rhs .box p {
   margin:0 0 0.1em 0;
}
#signup_rhs .bot {
   background-image:url("../graphics/bluetab225bot.png");
}
#signup_rhs a.email {
   display:block;
   font-weight:bold;
   color:#fff;
   background:url("../graphics/icon_email2.gif") no-repeat 186px 0px;
   padding:6px 0 0.8em 14px;
   text-decoration:none;
}
#signup_rhs a.email:hover {
   text-decoration:underline;
}





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

#right div.banner {
   margin:0 0 1em 0;
}
#homepage #right div.banner {
   margin:0 0 20px 0;
}
#right div.widget {
   margin:0 0 1em 0;
}




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

#rhstabs1 {
   width:225px;
   height:33px;
   background:url("../graphics/rhstabs1.gif") no-repeat 0 0;
}
#rhstabs2 {
   width:225px;
   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:#fff;
}
#right #rhstabs2 ul li#rhstab01 a {
   color:#fff;
}



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

#latestrhs {
   width:225px;
   background:#fff url("../graphics/whitebox01bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#latestrhs .bot {
   background-image:url("../graphics/whitebox01bot.gif");
}
#latestrhs .box {
   padding:0.75em 7px 0.5em 4px;
}
#latestrhs ul li {
   color:#182b49;
   background-image:url("../graphics/boxarrow.gif");
   background-repeat:no-repeat;
   background-position:8px 5px;
   padding:0 8px 0 24px;
   margin:0 0 0.75em 0;
}
#latestrhs ul li span {
   font-size:0.85em;
}
#latestrhs ul li a {
}
#latestrhs ul li a:hover {
}



/* Services RHS  
----------------------------------------------- */

#services_rhs {
   width:225px;
   margin:0 0 1em 0;
}
#right #services_rhs ul {
}
#right #services_rhs ul li {
   margin:0 0 1px 0;
}
#right #services_rhs ul li a {
   color:#fff;
   display:block;
   width:225px;
   height:35px;
   background-repeat:no-repeat;
   background-position:0 0;
}
#right #services_rhs ul li a:hover {
   text-decoration:none;
}
#services_rhs ul li a span {
   visibility:hidden;
}
#services_rhs ul li#highspeed a {background-image:url("../graphics/highspeed_off.png");background-color:#afb0b2;}
#services_rhs ul li#mainline a {background-image:url("../graphics/mainline_off.png");background-color:#bdd600;}
#services_rhs ul li#metro a {background-image:url("../graphics/metro_off.png");background-color:#a71057;}
#services_rhs ul li#highspeed a:hover {background-image:url("../graphics/highspeed_on.png");background-color:#9b9c9f;}
#services_rhs ul li#mainline a:hover {background-image:url("../graphics/mainline_on.png");background-color:#a5bc00;}
#services_rhs ul li#metro a:hover {background-image:url("../graphics/metro_on.png");background-color:#95104e;}




/* 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;
}
#homebanner {
   margin:0 0 20px 0;
}
#flashbanner {
   margin:0 0 20px 0;
}
#home_updates {
   width:100%;
   margin:0 0 1.5em 0;
}
#home_updates .tab {
   min-height:38px;
}
#home_updates .tab h2 {
   font-size:1em;
   padding-left:12px;
}
#home_updates .listblock {
   min-height:180px;
}
#home_updates .more {
   margin:0 14px 0 0;
}



/* Home Travel   
----------------------------------------------- */

#travel_home {
   width:220px;
   background:url("../graphics/whitebox220bg.png") repeat-y 0 0;
   float:left;
}
#travel_home .tab {
   width:220px;
   background-image:url("../graphics/traveltab.png");
}
#travel_home .bot {
   width:220px;
   background-image:url("../graphics/whitebox220bot.png");
}
#travel_home .box {
   /*min-height:350px;*/
   width:220px;
   padding:0.25em 0 0.2em 0;
}
#travel_home ul {
}
#travel_home ul li {
   background-image:url("../graphics/smallbullet.png");
   background-repeat:no-repeat;
   background-position:12px 6px;
   padding:0 8px 0 26px;
   margin:0 0 1em 0;
}




/* Service rainbow - homepage    
----------------------------------------------- */

#servicerainbow {
   padding:0 7px 0 7px;
}
#servicerainbow h3 {
   clear:both;
   font-size:1.2em;
   font-weight:300;
   text-transform:lowercase;
   margin:0 0 0.25em 0;
}
#servicerainbow p {
   margin:0 3px 1em 3px;
}
#servicerainbow ul {
   width:100%;
   font-size:0.85em;
   margin:0;
   padding:0;
   width:206px;
}
#servicerainbow ul li {
   color:#000;
   background-image:none;
   padding:0 0 0 0;
   margin:0 0 1px 0;
   display:block;
}
#servicerainbow ul li.fixme {
   height:1px;
   font-size:0.1em;
   float:left;
}
#servicerainbow ul li a {
   display:block;
   width:107px;
   float:left;
   color:#fff;
   padding:0.25em 5px 0.25em 5px;
   margin:0 0 1px 0;
}
#servicerainbow ul li span {
   display:block;
   width:78px;
   float:right;
   padding:0.25em 5px 0.25em 5px;
   background-color:#fff;
}
#servicerainbow ul li a:hover {
   color:#fff;
}
#servicerainbow ul li span.minor {
   background-color:#5a84d6;
   color:#fff;
}
#servicerainbow ul li span.major {
   background-color:#172c49;
   color:#fff;
}
#servicerainbow .more {
   clear:both;
}


#servicerainbow div.metro h3 {color:#ca0063;}
#servicerainbow div.mainline h3 {color:#98a800;}
#servicerainbow div.highspeed h3 {color:#868789;}

#servicerainbow div.metro ul li a {background-color:#b4025a;}
#servicerainbow div.mainline ul li a {background-color:#bdd600;}
#servicerainbow div.highspeed ul li a {background-color:#868789;}


#servicerainbow div.metro ul li a.metro01 {background-color:#610a34;}
#servicerainbow div.metro ul li a.metro02 {background-color:#73083c;}
#servicerainbow div.metro ul li a.metro03 {background-color:#830743;}
#servicerainbow div.metro ul li a.metro04 {background-color:#95054b;}
#servicerainbow div.metro ul li a.metro05 {background-color:#a60352;}

#servicerainbow div.mainline ul li a.mainline01 {background-color:#97a800;}
#servicerainbow div.mainline ul li a.mainline02 {background-color:#a1b400;}
#servicerainbow div.mainline ul li a.mainline03 {background-color:#abbe00;}
#servicerainbow div.mainline ul li a.mainline04 {background-color:#b4cb00;}
#servicerainbow div.mainline ul li a.mainline05 {background-color:#bdd600;}







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

#news_home {
   width:220px;
   background:url("../graphics/whitebox220bg.png") repeat-y 0 0;
   float:right;
}
#news_home .tab {
   width:220px;
   background-image:url("../graphics/whatsnewtab.png");
}
#news_home .tab h2, #news_home .tab h2 a {
   color:#5a84d6;
}
#news_home .bot {
   width:220px;
   background-image:url("../graphics/whitebox220bot.png");
}
#news_home .box {
   width:220px;
   /*min-height:350px;*/
   padding:0.25em 0 0.2em 0;
}
#news_home ul {
   padding:0.75em 0 0.5em 0;
}
#news_home ul li {
   background-image:url("../graphics/boxarrow.gif");
   background-repeat:no-repeat;
   background-position:12px 6px;
   padding:0 8px 0 26px;
   margin:0 0 1em 0;
}




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

#homeoptions {
   width:450px;
   background:url("../graphics/bluebox02bg.gif") repeat-y 0 0;
   margin:0 0 1.5em 0;
}
#homeoptions .top {
   width:450px;
   background-image:url("../graphics/bluebox02top.gif");
}
#homeoptions .bot {
   width:450px;
   background-image:url("../graphics/bluebox02bot.gif");
}
#homeoptions .box {
   padding:12px 18px 0.5em 15px;
}
#homeoptions .boxrow {
   width:100%;
   margin:0 0 0.5em 0;
}
#homeoptions .boxleft {
   width:200px;
   float:left;
}
#homeoptions .boxright {
   width:200px;
   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:155px;
}



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

#travelhome {
   width:695px;
   height:47px;
   overflow:visible;
   background:#fff url("../graphics/homeupdatebg.gif") no-repeat 0 bottom;
   margin:0 0 1em 0;
   padding:0;
}
#travelhome .box {
   width:695px;
   background-image:url("../graphics/homeupdatetop.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:0;
}
#travelhome .hed {
   width:180px;
   float:left;
}
#travelhome .hed h2 {
   font-size:1em;
   color:#5a84d6;
   padding:14px 0 0 50px;
   margin:0;
}
#travelhome #hometicker {
   width:420px;
   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;
}
#hometicker #tickerhoriz ul li a {
   color:#000;
} 
#hometicker #tickerhoriz ul li a:hover {
   color:#182b49;
} 
#travelhome div.clock {
   width:65px;
   height:19px;
   float:right;
   margin:0 0 0 0;
   padding:15px 0 8px 0;
}
div.clock {
   color:#5a84d6;
   font-weight:bold;
   font-size:1em;
}



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

#accordion {
   width:225px;
   margin:0 0 1em 0;
   padding:0 0 0 0;
}
#accordion h2 {
   cursor:pointer;
   font-size:1em;
   background-repeat:no-repeat;
   background-position:0 0;
   background-color:#dee7f7;
   color:#fff;
   margin:0 0 0 0;
   padding:0.7em 12px 0.8em 50px;
}
#accordion div.element {
   padding:0;
   background-color:#dee7f7;
   margin:0 0 1px 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 {
   padding:0.5em 12px 1em 12px;
}
#accordion #acc02box {
   padding:0.5em 12px 1em 12px;
}
#accordion #acc03box {
   padding:0.5em 12px 1em 12px;
}
#accordion #acc04box {
   padding:0.5em 12px 1em 12px;
   background:url("../graphics/acco4bot.png") no-repeat 0 bottom; 
}


#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:20px;
   margin:1px 0 0 0;
}
#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.inline_accordion {
   width:450px;
   margin:0 0 1em 0;
   padding:0 0 0 0;
   background:url("../graphics/timesaccbg.png") repeat-y 0 0;
}
div.inline_accordion div.box {
   padding:0 1px 0 1px;
}
div.inline_accordion div.acrobox {
   color:#6c7fa3;
   font-size:0.85em;
   border-top:1px solid #8baae3;
   padding:1em 19px 0 19px;
}
div.inline_accordion div.acc_bot_search {
   padding:1em 19px 0 19px;
}
div.inline_accordion div.bot {
   width:450px;
   height:10px;
   background:url("../graphics/timesaccbot.png") no-repeat 0 bottom;
}
div.inline_accordion .tab {
   width:450px;
   color:#fff;
   background-color:#5a84d6;
   background-image:url("../graphics/bluetab450bg.png");
   background-repeat:no-repeat;
   background-position:0 0;
   margin:0;
}
div.inline_accordion .tableft {
   width:220px;
   float:left;
}
div.inline_accordion .tabright {
   width:220px;
   float:right;
   text-align:right;
}
#page #middle div.inline_accordion .tab p {
   padding:8px 15px 0 0; 
   margin:0;
}
#page #middle div.inline_accordion .tab p a {
   color:#fff;
   background-image:url("../graphics/arrow02.gif");
   background-repeat:no-repeat;
   background-position:0px 6px;
   padding:3px 0 1.5em 14px;
   margin:0;
   text-decoration:none;
}
#page #middle div.inline_accordion .tab p a:hover {
   text-decoration:underline;
}
div.inline_accordion .tab h2 {
   font-size:1.1em;
   margin:0 0 0 0;
   padding:0.7em 0 0.7em 15px;
}
div.inline_accordion h3 {
   font-size:1em;
   background:#eee;
   padding:10px 0 0.8em 0;
   margin:0;
   background:#182b49 url("../graphics/timesacctab.gif") repeat-x 0 0;
   cursor:pointer;
}
div.inline_accordion h3 a {
   color:#ffffff;
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:11px 3px;
   padding:0 12px 0 24px;
   display:block;
}
div.inline_accordion h3.highspeed a {color:#c5c5c7;background-image:url("../graphics/higharrow01.gif")}
div.inline_accordion h3.mainline a {color:#bdd600;background-image:url("../graphics/mainarrow01.gif")}
div.inline_accordion h3.metro a {color:#fd0073;background-image:url("../graphics/metroarrow01.gif")}


div.inline_accordion h3 a.active {
   background-image:url("../graphics/arrow01_down.gif");
   background-position:8px 6px;
}

div.inline_accordion h3.highspeed a.active {background-image:url("../graphics/higharrow01_down.gif")}
div.inline_accordion h3.mainline a.active {background-image:url("../graphics/mainarrow01_down.gif")}
div.inline_accordion h3.metro a.active {background-image:url("../graphics/metroarrow01_down.gif")}


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







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

#big_alert {
   width:940px;
   background:#edf2fb url("../graphics/bigalertbg_yellow.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#big_alert div.top {
   width:940px;
   background-image:url("../graphics/bigalerttop_yellow.gif");
}
#big_alert div.bot {
   width:940px;
   background-image:url("../graphics/bigalertbot_yellow.gif");
}
#big_alert_blue {
   width:940px;
   background:url("../graphics/bigalertbg_blue.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#big_alert_blue div.top {
   background-image:url("../graphics/bigalerttop_blue.gif");
}
#big_alert_blue div.bot {
   background-image:url("../graphics/bigalertbot_blue.gif");
}
#big_alert .box, #big_alert_blue .box {
   padding:0.7em 20px 0.75em 20px;
}
#big_alert_icon {
   width:40px;
   float:left;
}
#big_alert_text {
   width:840px;
   float:right;
   text-align:left;
}
#big_alert_text p {
   margin:0 0 0.5em 0;
}


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

div.alertbox02 {
   width:450px;
   background:url("../graphics/alertbox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div.alertbox02 .top {
   background-image:url("../graphics/alertbox02top.gif");
}
div.alertbox02 .bot {
   background-image:url("../graphics/alertbox02bot.gif");
}
div.alertbox02 .box {
   padding:1em 23px 10px 20px;
}
div.alertbox02 .icon {
   width:40px;
   float:left;
}
div.alertbox02 .text {
   width:350px;
   float:right;
}
div.alertbox02 h2 {
   color:#182b49;
   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 - Blue 
----------------------------------------------- */

div.alertbox02.blue {
   background-image:url("../graphics/bluebox02bg.gif");
}
div.alertbox02.blue .top {
   background-image:url("../graphics/bluebox02top.gif");
}
div.alertbox02.blue .bot {
   background-image:url("../graphics/bluebox02bot.gif");
}
div.alertbox02.blue ul li {
   background-image:url("../graphics/bullet01.gif");
}



/* Route map  
----------------------------------------------- */

#flashmap {
   width:100%;
   margin:0 0 1em 0;
}


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

fieldset {
   border:none;
}
fieldset legend {
   display:none;
}
form div.inputblock input, form textarea, form select {
   xborder-width:1px;
   xborder-style:solid;
   xborder-color:#8baae3;
}
#main form h2 {
   font-size:1.2em;
   padding:1.5em 0 0.5em 0;
   margin:0 0 1em 0;
   border-bottom:1px solid #d1ddf4;
}
#main form h3 {
   color:#5a84d6;
}
div.form_row {
   width:100%;
   margin:0 0 0.6em 0;
}
div.button_row {
   padding:0.5em 0 0 0;
   margin:0 0 1em 0;
}
form div.labelblock {
   width:35%;
   float:left;
   padding-top:0.2em;
}
form div.inputblock {
   width:65%;
   float:left;
}
#main form table {   
   margin:0 0 0 0;
}
#main form table td table {   
   margin:0 0 0 0;
}
#main form table td {
   padding:0 5px 0.5em 0;
}
#main form table td table td {
   padding:0 4px 0.5em 0;
}
#main form ul {
   margin:0 0 1em 0;
}
#main 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;
}
#main form div.form_row, #right form div.form_row {
   vertical-align:top;
}
#main form div.form_row input, #right form div.form_row input {
   vertical-align:top;
}
#main form div.form_row label, #right form div.form_row label {
   vertical-align:top;
}
#main form div.form_row strong {
   margin-top:12px;
}
form h3 {
   color:#5a84d6;
   background-color:#dee7f7;
   padding:0.5em 12px 0.5em 12px;
   margin:0;
}
#main form div.buttonarrow {
   padding-bottom:0.5em;
}
a.addlink {
   display:block;
   background:url("../graphics/addbutton.gif") no-repeat 0px 0px;
   padding:0 0 1.5em 24px;
}
a.calendaricon {
   width:21px;
   display:inline;
   vertical-align:baseline;
}
a.calendaricon img {
   margin:0 0 -5px 4px;
}
div.formblock {
   margin:0 0 1em 0;
   border:2px solid #dee7f7;
   padding:0.5em 12px 0.5em 12px;
}
div.buttonrow {
   margin:0 0 1.5em 0;
   padding:0.5em 0 0 0;
}
div.wordcount {
   width:200px;
   background:#dee7f7;
   border-color:#7f9db9;
   border-style:solid;
   border-width:1px 1px 0 1px;
}
#page div.wordcount p {
   margin:0;
   padding:0.25em 8px 0.25em 8px;
}
#page div.wordcount p span {
   font-weight:bold;
   color:#365fb3;
}

form #comments, form #yourcomments {
   width:600px;
}

/* Form boxes   
----------------------------------------------- */

#middle div.formbox {
   clear:both;
   width:450px;
   background:url("../graphics/bluebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#middle div.formbox .top {
   background-image:url("../graphics/bluebox02top.gif");
}
#middle div.formbox .bot {
   background-image:url("../graphics/bluebox02bot.gif");
}
#middle div.formbox .box {
   padding:0.5em 12px 1em 12px;
}



/* Station search  
----------------------------------------------- */

#main form#station_search h2 {
   padding-top:0.5em;
}
#main form#station_search div.bot {
   padding-bottom:1em;
}
form#station_search div.form_row {
   margin:0 0 1em 0;
}
form#station_search div.labelblock {
   width:110px;
}



/* Search again   
----------------------------------------------- */

#main form#search_again div.box {
   padding-top:1em;
}
#main form#search_again div.bot {
   padding-bottom:0.5em;
}
#search_again div.labelblock {
   width:80px;
}
#search_again p {
   margin:0;
}

/* FAQ search  
----------------------------------------------- */

#faqsearch div.formbox div.box {
   padding-top:1.5em;
}
#faqsearch div.form_row {
   margin:0 0 1em 0;
}
#faqsearch div.labelblock {
   width:120px;
}
#faqsearch div.listing {
   padding-top:1em;
   border-top:1px solid #d1ddf4;
}
#faqsearch div.listing ul li {
   background-position:12px 3px;
   padding:0 10px 0 24px;
   margin:0 0 0.5em 0;
}



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

#liveinfo {
   width:450px;
   background:url("../graphics/bluebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
#liveinfo .top {
   background-image:url("../graphics/bluebox02top.gif");
}
#liveinfo .bot {
   background-image:url("../graphics/bluebox02bot.gif");
}
#liveinfo .box {
   padding:0.5em 12px 1em 12px;
}
#liveinfo div.box {
   padding-top:1em;
}
#liveinfo div.boxleft {
   width:38%;
}
#liveinfo div.boxright {
   width:60%;
   text-align:right;
}
#middle #liveinfo form h2 {
   font-size:1.1em;
   border:none;
   background:none;
   padding:0.1em 0 0 0;
}
#liveinfo_departures, #liveinfo_arrivals {
   padding:1em 0 0 0;
   width:100%;
   border-top:1px solid #d1ddf4;
}
#liveinfo #arrivals_stations {
   margin:0 4px 0 0;
}
#liveinfo #depart_stations {
   margin:0 4px 0 0;
}
#liveinfo #updates_tostations {
   margin:0 0px 0 0;
}
#liveinfo #updates_fromstations {
   margin:0 24px 0.5em 0;
}


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

div#freealerts {
   width:100%;
   background:url("../graphics/whitebox02bg.gif") repeat-y 0 0;
   margin:0 0 1em 0;
}
div#freealerts div.top {
   background-image:url("../graphics/whitebox02top.gif");
}
div#freealerts div.bot {
   background-image:url("../graphics/whitebox02bot.gif");
}
div#freealerts div.box {
   padding:0.5em 16px 0.5em 60px;
   background:url("../graphics/icon_alert.gif") no-repeat 10px 6px;
}
div#freealerts h2 {
   margin-bottom:0.25em;
}


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

div#liveupdates {
   padding:0.5em 0 0 0;
}
div#liveupdates .tab {
   color:#fff;
   background-color:#5a84d6;
   background-image:url("../graphics/bluetab02bg.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:350px;
   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:#182b49;
   margin:0 0 0.3em 0;
   padding:0 0 0.3em 0;
   font-size:1em;
   border-bottom:1px solid #d1ddf4;
}
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 #circle-line a {color:#000;}

#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");}






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

#stationinfosearch div.whitebox02 div.form_row {
   margin-bottom:1em;
}
#getstationinfo {
   margin-top:-4px;
}
#stationinfo {
   width:100%;
   padding:1em 0 1em 0;
   border-top:1px solid #d1ddf4;
}
#stationinfo h2 {
   font-size:1em;
   margin:0 0 0.5em 0;
}
#station_nav {
   width:28%;
   float:left;
   margin:0 5% 0 0;
}
#stationaddress {
   width:28%;
   float:left;
}
#ticket_office {
   width:34%;
   float:right;
}
#station_nav 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;
}
#stationaddress ul li {
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0px 3px;
   padding:0 0 0.5em 10px;
   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:8px 10px 8px 10px;
   color:#fff;
   border-bottom:1px solid #5a85d7;
} 
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:#5a84d6 url("../graphics/bluetableft.gif") no-repeat left top;
}
table th.col_last {
   background:#5a84d6 url("../graphics/bluetabright.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 #8baae3;
   border-right:1px solid #8baae3;
}
table tr.row01 td {
   background-color:#dee7f7;
}
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:#6c7fa3;
   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 #8baae3;
    border-bottom:1px solid #8baae3;
    padding:0.5em 0 0.5em 10px;
}
table.facilities_tableinatable_carpark .datacol {
    border:none;
    padding:0px;
    border-bottom:1px solid #8baae3;
    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;
}





/* 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/bluetabbg.gif") repeat-x left top;
}
table.departures th.col_first {
   background:#52a811 url("../graphics/bluetableft.gif") no-repeat left top;
}
table.departures th.col_last {
   background:#52a811 url("../graphics/bluetabright.gif") no-repeat right top;
}
table.departures td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   border-bottom:1px solid #8baae3;
   border-right:1px solid #8baae3;
   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/bluetabbg.gif") repeat-x left top;
}
table.arrivals th.col_first {
   background:#52a811 url("../graphics/bluetableft.gif") no-repeat left top;
}
table.arrivals th.col_last {
   background:#52a811 url("../graphics/bluetabright.gif") no-repeat right top;
}
table.arrivals td {
   font-weight:normal;
   vertical-align:top;
   width:auto;
   border-bottom:1px solid #8baae3;
   border-right:1px solid #8baae3;
   padding:0.5em 10px 0.5em 10px;
}




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

div.boxmenu ul {
   margin:0 0 1em 0;
}
div.boxmenu ul li {
}
div.boxmenu ul li a {
   display:block;
   width:92%;
   background-image:url("../graphics/arrow01.gif");
   background-repeat:no-repeat;
   background-position:12px 3px;
   padding:0 0 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:48%;
   float:left;
}
div.boxright {
   width:48%;
   float:right;
}
#middle div.boxleft p, #middle div.boxright p {
   margin:0 0 0.5em 0;
}



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

div.more {
   text-align:right;
}
#page div.more p a, #homepage div.more p a {
   padding:6px 28px 1em 0;
   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;
}



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

div.listing {
   margin:0 0 1em 0;
}
div.listing h2 {
   color:#182b49;
   font-size:1em;
   padding:1em 0 0 0;
   margin:0 0 1em 0;
   border-top:1px solid #d1ddf4;
}
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:0 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:#182b49;
}
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;
}




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

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




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

#news h2 {
   font-size:1.2em;
   margin:0 0 0.3em 0;
}
#news p {
   margin:0 0 0.5em 0;
}
#news p.date {
   font-size:0.85em;
   color:#6c7fa3;
   margin:0 0 0.3em 0;
}
#news p.date {
   border-top:1px solid #d1ddf4;
   padding:0.5em 0 0 0;
}
#news p strong a {
   text-decoration:none;
}
#news p strong a:hover {
   text-decoration:underline;
}
#news .more {
   text-align:left;
   margin:0 0 2em 0;
}




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

#offers {
   width:100%;
   margin:0 0 1em 0;
}
#offers h2, #featured_offers h3 {
   clear:both;
   border-top:1px solid #d1ddf4;
   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;
}





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

#sitemap {
   margin:0 0 1em 0;
}
#sitemap ul li {
   border-color:#d1ddf4;
   border-width:1px 0 0 0;
   border-style:solid;
   background-image:url("../graphics/seemorearrow.gif");
   background-repeat:no-repeat;
   background-position:0 8px;
   padding:10px 10px 0 28px;
   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;
}




/* Search Info  
----------------------------------------------- */

div.searchinfo {
   margin:0 0 1.5em 0;
   padding:1em 0 0 0;
   border-width:1px 0 0 0;
   border-color:#d1ddf4;
   border-style:solid;
}



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

div.pagenav {
   color:#d1ddf4;
   margin:0 0 2em 0;
   padding:1em 0 0 0;
   border-width:1px 0 0 0;
   border-color:#d1ddf4;
   border-style:solid;
}
div.pagenav strong {
   color:#182b49;
}
div.pagenav a {
   text-decoration:none;
}
div.pagenav a:hover {
   text-decoration:underline;
}




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

div.downloads {
   width:100%;
   margin:0 0 1em 0;
}
div.downloads h2 {
   font-size:1.3em;
   margin-top:1.3em;
   padding:0.5em 0 0.5em 0;
   border-top:1px solid #d1ddf4;
}
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;
}


/* Page tools
----------------------------------------------- */

#pagetools {
   width:100%;
   border-top:1px solid #d1ddf4;
   padding:1em 0 0 0;
}
#pagetools #sharethis {
   width:140px;
   float:left;
   padding-top:3px;
}
#pagetools ul {
}
#pagetools ul li {
   display:inline;
}
#pagetools ul li a {
   color:#214a9c;
   display:block;
   float:left;
   text-decoration:none;
   padding:0.4em 10px 0.5em 36px;
   background-repeat:no-repeat;
   background-position:11px 3px;
}
#pagetools ul li a:hover {
   text-decoration:underline;
}
#pagetools a.rssfeed {
   background-image:url("../graphics/icon_rss.gif");
}
#pagetools a.print {
   background-image:url("../graphics/icon_print.png");
}
#pagetools a.email {
   background-image:url("../graphics/icon_email.png");
}



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

#bookmarks {
   border-top:1px solid #d1ddf4;
   padding:1em 0 0 0;
   margin:0 0 1em 0;
}
#middle #bookmarks {
   width:450px;
}
#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 19px 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 1em 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 1em 10px;
}
img.left2, img.right2 {
   border:1px solid #214a9c;
}
img.none2 {
   float:none;
   border:1px solid #214a9c;
}
img.none1 {
   float:none;
   border:none;
}


/* Header block 
----------------------------------------------- */

div.headerblock {
   width:100%;
}
div.headerblock h1 {
   float:left;
   padding-right:14px;
}
div.headerblock div.headerlink {
   float:right;
   xborder-left:1px solid #d1ddf4;
   padding:7px 14px 0 14px;
}
#page div.headerblock div.headerlink p {
   margin:0 0 0.5em 0;
}
#page div.headerlink p a {
   background-image:url("../graphics/buttonarrow.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:3px 0 1.5em 28px;
   margin:0;
   text-decoration:none;
}
#page div.headerlink a:hover {
   text-decoration:underline;
}


/* Button arrow  
----------------------------------------------- */

div.buttonarrow {
}
div.buttonarrow a {
   display:block;
   background-image:url("../graphics/buttonarrow.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:3px 0 1.5em 28px;
   margin:0;
}




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

hr {
   color:#fff;
   margin:0 0 1em 0;
   border-width:1px 0 0 0;
   border-color:#d1ddf4;
   border-style:solid;
}
p strong span {
   color:#214a9c;
}
h1, h2 {
   color:#214a9c;
}
h1 span, h2 span {
   font-weight:100; 
}
h1 {
   font-size:1.8em;
   display:block;
   font-weight:bold;
   font-family:Arial, Verdana, Sans-serif;
   margin:0 0 0.5em 0;
}
h1 a {
   color:#5a84d6;
}
div.content h2 a, div.content h3 a {
   text-decoration:underline;
}
div.content h2 a:hover, div.content h3 a:hover {
}
div.content h2 {
   font-size:1.3em;
   font-weight:600;
   margin-top:1.3em;
   padding:0.5em 0 0 0;
   margin:0.5em 0 0.5em 0;
   border-top:1px solid #d1ddf4;
}
div.content h2.noborder {
   padding:0;
   border:none;
}
h3 {
   font-size:1.1em;
   font-weight:600;
   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;
}
div.content blockquote {
   padding:1em 20px 0.2em 20px;
   background:#e9f1ff;
   border:1px solid #b6cefa;
   margin:0 0 1em 0;
}
div.content blockquote p {
   line-height:1.4em;
   font-size:1em;
   font-style:normal;
   margin:0 0 1em 0;
   color:#214a9c;
}
div.quotebox p {
   color:#777;
}
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:#d1ddf4;
  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:#5a84d6;
   border-color:#c0ddb1;
   border-width:1px 1px 0 0;
}
div.content table td {
  padding:5px;
  background-color:#fff;
  border-color:#d1ddf4;
  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:#d1ddf4;
}
div.content table tr.row2 td {
   background:#f4f9f0;
}


/* Brand Colour Palette 
----------------------------------------------- */

span.blue {color:#5a85d7;}
span.darkblue {color:#182b49;}
span.grey {color:#9a9b9c;}
span.red {color:#c90062;}
span.orange {color:#ff7900;}
span.green {color:#bed600;}
span.skyblue {color:#52c6e2;}
span.primaryb {color:#8ba9e3;}
span.primaryc {color:#dee7f7;}
span.highspeed {color:#afb0b1;}
span.highspeedb {color:#868788;}
span.mainlineb {color:#97a800;}
span.metro {color:#a71056;}
span.metrob {color:#610a33;}

/* styling required by fckeditor*/
.blueh2 {color:#5a85d7;}
.darkblueh2 {color:#182b49;}
.greyh2 {color:#9a9b9c;}
.redh2 {color:#c90062;}
.orangeh2 {color:#ff7900;}
.greenh2 {color:#bed600;}
.skyblueh2 {color:#52c6e2;}
.primarybh2 {color:#8ba9e3;}
.primarych2 {color:#dee7f7;}
.highspeedh2 {color:#afb0b1;}
.highspeedbh2 {color:#868788;}
.mainlinebh2 {color:#97a800;}
.metroh2 {color:#a71056;}
.metrobh2 {color:#610a33;}

.blueh3 {color:#5a85d7;}
.darkblueh3 {color:#182b49;}
.greyh3 {color:#9a9b9c;}
.redh3 {color:#c90062;}
.orangeh3 {color:#ff7900;}
.greenh3 {color:#bed600;}
.skyblueh3 {color:#52c6e2;}
.primarybh3 {color:#8ba9e3;}
.primarych3 {color:#dee7f7;}
.highspeedh3 {color:#afb0b1;}
.highspeedbh3 {color:#868788;}
.mainlinebh3 {color:#97a800;}
.metroh3 {color:#a71056;}
.metrobh3 {color:#610a33;}

.blueh4 {color:#5a85d7;}
.darkblueh4 {color:#182b49;}
.greyh4 {color:#9a9b9c;}
.redh4 {color:#c90062;}
.orangeh4 {color:#ff7900;}
.greenh4 {color:#bed600;}
.skyblueh4 {color:#52c6e2;}
.primarybh4 {color:#8ba9e3;}
.primarych4 {color:#dee7f7;}
.highspeedh4 {color:#afb0b1;}
.highspeedbh4 {color:#868788;}
.mainlinebh4 {color:#97a800;}
.metroh4 {color:#a71056;}
.metrobh4 {color:#610a33;}