﻿/* $Id: Main.css,v 1.63 2007/05/01 11:50:33 daver Exp $ */

/* CSS Document */

body {
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:75%;
		color: #666666;
		background-color:#FFF;
		margin:0px;
		padding:0px;
	}

	input, select {
		font-size:0.9em;
	}

	#index {
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	}

	#commuter {
	/*background-image:url(../img/bg_commuter.gif);
	background-repeat:repeat-x;*/
	background-image:url(../img/content-bg-two.png);
	background-repeat:repeat-x;
	background-color: #A7D0E4;
	}

	#business {
	background-image:url(../img/bg_business.gif);
	background-repeat:repeat-x;
	}

	#leisure {
	background-image:url(../img/bg_leisure.gif);
	background-repeat:repeat-x;
	}

	#header{
		/*width: 760px;*/
		height: 109px;
		padding-top: 40px;
		margin-bottom: 10px;
		background-image:url(../img/content-bg-header.png);
		background-repeat:repeat-x;
		background-color: #A7D0E4;
	}
	
	#header div#fcc-logo{
		margin: 0;
		padding: 0;
		float: left;
		width: 311px;
	
	}
	* html #header div#fcc-logo{
		height: 34px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fcc-logo.png');
	}
	
	* html #header div#fcc-logo img{
		visibility: hidden;
	}

	#headerleft {
    float:left;
    margin:0;
    padding:0;
    }

    #commuter #container #header #headerright {
    margin:0;
    padding:0;
    float:left;
    background-image:url(../img/header_commuter_right.gif);
    width:170px;
    height:109px;
    }

    #leisure #container #header #headerright {
    margin:0;
    padding:0;
    float:left;
    background-image:url(../img/header_leisure_right.gif);
    width:170px;
    height:109px;
    }

    #business #container #header #headerright {
    margin:0;
    padding:0;
    float:left;
    background-image:url(../img/header_business_right.gif);
    width:170px;
    height:109px;
    }

    #header #search {
    margin-top: 5px;
    float: right;
    width: 180px;
    }

    #header #search #searchbox {
    float:left;
    width:129px;
    padding-right:3px;
    }

    #header #search #searchbutton {
    margin-top: 1px;
    float:right;
    }

    #header #search input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color: #000000;
    }

    #header #search .formfield{
    width:129px;
    }

	#commuter #header{
		/*background-image:url(../img/header_commuter.gif);
		background-repeat:no-repeat;*/
	}

	#business #header{
		background-image:url(../img/header_business.gif);
		background-repeat:no-repeat;
	}

	#leisure #header{
		background-image:url(../img/header_leisure.gif);
		background-repeat:no-repeat;
	}

	#container {
	text-align:left;
	width:787px;
	margin-right:auto;
	margin-left:auto;
	background-color: #fff;
	}

	#title {
	height:39px;

	}

	/*header*/

	#headerbannertext {
		text-indent: -9999px;
	}

	#nav {
	float:left;
	width:190px;
	margin: 0 0 0 10px;
	padding: 0;
	}

* html #nav{
	margin-left: 5px;
}
#navcontainer {
margin: 0;
padding: 0;
}

#navcontainer a.visited {
	color:#666666;
}


#navcontainer a,
#navcontainer a.active
{
/* 	background-image: url('../img/icon_arrow_nav.gif'); */
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 3px 3px 3px 13px;
	width: 174px;
	text-decoration:none;
}


#commuter #navcontainer ul a:focus, #commuter #navcontainer ul a:active,
#commuter #subnavcontainer ul a:focus, #commuter #subnavcontainer ul a:active,
#business #navcontainer ul a:focus, #business #navcontainer ul a:active,
#business #subnavcontainer ul a:focus, #business #subnavcontainer ul a:active,
#leisure #navcontainer ul a:focus, #leisure #navcontainer ul a:active,
#leisure #subnavcontainer ul a:focus, #leisure #subnavcontainer ul a:active
{
color:#00336F;
background-color:#cccccc;

}

/* background: transparent url("../images/layout/search_tabs.gif") 0 -336px no-repeat; */

#subnavcontainer a,
#subnavcontainer a.active
{
/* 	background-image: url('../img/icon_arrow_subnav.gif'); */
	background-position: 18px 8px;
	padding: 3px 3px 3px 26px;
	width: 161px;
}

#navcontainer a span,
#subnavcontainer a span
{
 display: block;
 padding-left: 5px;
}

/****************************************************************************************************************************************/

/*commuternav*/


#commuter #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#commuter #navcontainer a
{
margin:0;
/* font-weight:bold; */
text-transform:uppercase;
display: block;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#commuter #navcontainer #parent a
{
font-weight:bold;
text-transform:uppercase;
display: block;
margin:0;
padding: 3px 3px 3px 8px;
width: 179px;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#commuter #navcontainer a:link, #commuter #navcontainer a:visited, #commuter #navlist a:visited, #commuter #navlist2 a:visited
{
color:#666666;
text-decoration: none;
}

#commuter #navcontainer a.active
{
font-weight:bold;
text-transform:uppercase;
display: block;
color: #666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#commuter #navcontainer a:hover
{
color:#00336F;
background-color: #cccccc;
}

/*commutersubnav*/

#commuter #subnavcontainer {
margin: 0;
padding: 0;
color:#666666;
}

#commuter #subnavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#commuter #subnavcontainer a
{
	color:#666666;
	font-weight:normal;
	text-transform:none;
	display: block;
	background-color: #E9E9E9;
	border-bottom: 1px solid #ffffff;
}

#commuter #subnavcontainer a:link, #commuter #subnavlist a:visited
{
color:#666666;
text-decoration: none;
}

#commuter #subnavcontainer a.active
{
font-weight:normal;
text-transform:none;
display: block;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#commuter #subnavcontainer a:hover
{
color:#00336F;
background-color: #cccccc;
}

/****************************************************************************************************************************************/

/*businessnav*/


#business #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#business #navcontainer a
{
margin:0;
/* font-weight:bold; */
text-transform:uppercase;
display: block;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#business #navcontainer #parent a
{
font-weight:bold;
text-transform:uppercase;
display: block;
margin:0;
padding: 3px 3px 3px 8px;
width: 179px;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#business #navcontainer a:link, #business #navcontainer a:visited, #business #navlist a:visited, #business #navlist2 a:visited
{
color:#666666;
text-decoration: none;
}

#business #navcontainer a.active
{
	font-weight:bold;
	text-transform:uppercase;
	display: block;
	color:#666666;
	background-color: #E9E9E9;
	border-bottom: 1px solid #ffffff;
}

#business #navcontainer a:hover
{
	color:#00336F;
	background-color: #cccccc;
}

/*businesssubnav*/

#business #subnavcontainer a
{
font-weight:normal;
text-transform:none;
display: block;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#business #subnavcontainer a:link, #subnavlist a:visited
{
color:#666666;
text-decoration: none;
}

#business #subnavcontainer a.active
{
	font-weight:normal;
	text-transform:none;
	display: block;
	color:#666666;
	background-color: #E9E9E9;
	border-bottom: 1px solid #ffffff;
}

#business #subnavcontainer a:hover
{
	color:#00336F;
	background-color: #cccccc;
}

/****************************************************************************************************************************************/

/*leisuresnav*/


#leisure #navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#leisure #navcontainer a
{
margin:0;
/* font-weight:bold; */
text-transform:uppercase;
display: block;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#leisure #navcontainer #parent a
{
margin:0;
font-weight:bold;
text-transform:uppercase;
display: block;
padding: 3px 3px 3px 8px;
width: 179px;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#leisure #navcontainer a:link, #leisure #navcontainer a:visited, #leisure #navlist a:visited, #leisure #navlist2 a:visited
{
color:#666666;
text-decoration: none;
}

#leisure #navcontainer a.active
{
font-weight:bold;
text-transform:uppercase;
display: block;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#leisure #navcontainer a:hover
{
	color:#00336F;
	background-color: #cccccc;
}

/*leisuresubnav*/

#leisure #subnavcontainer a
{
font-weight:normal;
text-transform:none;
display: block;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
color:#666666;
}

#leisure #subnavcontainer a:link, #subnavlist a:visited
{
color:#666666;
text-decoration: none;
}

#leisure #subnavcontainer a.active
{
font-weight:normal;
text-transform:none;
display: block;
color:#666666;
background-color: #E9E9E9;
border-bottom: 1px solid #ffffff;
}

#leisure #subnavcontainer a:hover
{
	color:#00336F;
	background-color: #cccccc;
}

	/*main*/

	#main {
	margin-left: 207px;
	_height: 1000px;
	min-height: 1000px;
	padding-right: 10px;
	padding-bottom: 1px;
	}

	/*date*/

	#datestrip {
	padding-bottom:16px;
	}

	#datestrip span.datestart {
	float:left;
	}

	#datestrip span.dateend {
	float:right;
	}

	#datestrip #dateleft {
    float:left;
    padding: 1px 0 2px 10px;
    }

    #datestrip #dateright{
    float:right;
    padding: 1px 0 2px 0;
    }

	#datestrip #dateright span.print {
	padding-right:17px;
	}

	#datestrip #dateright span.textsize {
	padding-right:17px;
	}

	#datestrip #date {
	background-color:#FFF;
	}


	#datestrip1st #datetop {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_top.gif);
	background-repeat:repeat-x;
		}

	#datestrip1st #datebottom {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_bottom.gif);
	background-repeat:repeat-x;
	clear:right;
	margin-top:6px;
	}

	#datestrip1st {
	padding-bottom:16px;
	}

	#datestrip1st span.datestart {
	float:left;
	}

	#datestrip1st span.dateend {
	float:right;
	}

	#datestrip1st #dateleft {
    float:left;
    padding: 1px 0 2px 10px;
    }

    #datestrip1st #dateright{
    float:right;
    padding: 1px 0 2px 0;
    }

	#datestrip1st #dateright span.print {
	padding-right:17px;
	}

	#datestrip1st #dateright span.textsize {
	padding-right:17px;
	}

	span.textsize {
		color: #E2006E;
	}

	#datestrip1st #date {
	background-color:#FFF;
	}

	#business #datestrip #datetop {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_top_bsub.gif);
	background-repeat:repeat-x;
	}

	#business #datestrip #datebottom {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_bottom_bsub.gif);
	background-repeat:repeat-x;
	clear:right;
	margin-top:0px;
	}

	#commuter #datestrip #datetop {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_top_csub.gif);
	background-repeat:repeat-x;
		}

	#commuter #datestrip #datebottom {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_bottom_csub.gif);
	background-repeat:repeat-x;
	clear:right;
	margin-top:0px;
	}

	#leisure #datestrip #datetop {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_top_lsub.gif);
	background-repeat:repeat-x;
		}

	#leisure #datestrip #datebottom {
	display:block;
	height:6px;
	background-image:url(../img/datestrip_bottom_lsub.gif);
	background-repeat:repeat-x;
	clear:right;
	margin-top:0px;
	}

	/*box*/

	#box {
	width:550px;
	background-image:url(../img/box_strip.gif);
	}


	.boxtop {
	background-image:url(../img/box_top.gif);
	background-repeat:no-repeat;
	height:12px;
	}

	.boxmain {
	padding:0 12px 0 12px;
	}

	.boxmain {

	}

	.boxmainleft {
	width:260px;
	}

	.boxmainright {
	float:right;
	width:250px;
	text-align:left;
	}

	.boxiconfloat {
	float:left;
	margin-right:5px;
	}

	.boxtextfloat {
	margin-left:50px;
	margin-right:5px;
	}

	.boxbottom {
	clear:right;
	background-repeat:no-repeat;
	background-image:url(../img/box_bottom.gif);
	background-color:#FFF;
	height:12px;
	}

	.boxmainright .boxrow {
	margin-top:4px;
	clear:both;
	}

	.boxmainright .boxrow span.time {
	float:left;
	width:50px;
	}

	.boxmainright .boxrow span.station {
	float:left;
	width:130px;
	}

	.boxmainright .boxrow span.status {
	float:left;
	}

	/*formbox*/

	.formbox {
	width:550px;
	background-image:url(../img/formbox_strip.gif);
	}

	.smallformbox {
	width:270px;
	background-image:url(../img/formbox_small_strip.gif);
	margin-bottom: 5px;
	}

	.formboxtop {
	background-image:url(../img/formbox_top.gif);
	background-repeat:no-repeat;
	height:12px;
	}

	.formbox p, .smallformbox p, .columnright .smallformbox p {
		margin: 0px;
		padding: 0px;

	}

	.formbox .formboxtop {
	background-image:url(../img/formbox_top.gif);
	background-repeat:no-repeat;
	height:12px;
	}

	.smallformbox .formboxtop {
	background-image:url(../img/formbox_small_top.gif);
	background-repeat:no-repeat;
	height:12px;
	}

	.formboxmain {
	padding:0 12px 0 12px;
	}

	.formboxmain {

	}

	.formboxrow {
	display:block;
	clear:right;
	padding-top:2px;
	padding-bottom:5px;
	}

	.formboxrow .rowleft {
	width:250px;
	float:left;
	}

	.formboxrow .rowright {
	float:right;
	width:250px;
	text-align:left;
	}

	span.compulsory {
	color:#E2006E;
	}

	.formbox .formboxbottom,
	.smallformbox .formboxbottom
	{
		clear:right;
		background-repeat:no-repeat;
		background-color:#FFF;
		height:12px;
	}

	.formbox .formboxbottom {
		background-image:url(../img/formbox_bottom.gif);
	}

	.smallformbox .formboxbottom {
		background-image:url(../img/formbox_small_bottom.gif);
	}

	.smallformbox .twocolumntable td {
		width: 125px;
		vertical-align: top;
	}

	.smallformbox .twocolumntable td p {
		margin: 0px;
		padding: 0px;
	}

	/*form box*/

	#box select, .formbox select, .formbox input, .formbox textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color: #000000;
	}

	.formbox .selectnarrow {
	width:120px;
	}

	.boxmainright .row {
	margin-bottom:8px;
	}

	/*content*/

	.content {
	margin:5px 0 0 5px;
	list-style-image: url(../img/icon_arrow_main.gif);
	}

	.formsubmit {
	margin:10px 0 20px 5px;
	}

	.textsubmit_icon, .formboxrow .textsubmit_icon
	{
		border: none;
		background-color: transparent;
		margin: 0px;
		padding: 0px;
		display: inline;
		cursor: pointer;
		text-align: left;
		background-repeat:no-repeat;
		background-image:url(../img/btn_arrow.gif);
		padding-left: 26px;
		padding-top: 8px;
		overflow: visible;
		background-position: bottom left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
	}

	.textsubmit
	{
		color: #e2006e;
		border: none;
		background-color: transparent;
		margin: 0px;
		padding: 0px;
		display: inline;
		cursor: pointer;
		text-align: left;
		font-weight: bold;
		height: auto;
		width: auto;
		overflow: visible;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1em;
	}

	.buttontext .textsubmit
	{
		color: #E70072 !important;
	}

	#leftcontent {
	float:left;
	width:464px;
	}

	#leftcontentnarrow {
	float: left;
	width: 190px;
	}

	.column {
	list-style-image: url(../img/icon_arrow_main.gif);
	}

	.column ul, .content ul {
	margin:0 0 0 0px;
	padding:0 0 0 15px;
	}

	.column .columnleft {
	width:275px;
	float:left;
	}
/*
	.column  h3 {
	margin-left:10px;
	}
*/
	.column  p {
	margin-left:10px;
	padding-right:2px;
	}

	.column .button, .column .button a {
	color:#e70072;
	font-weight:bold;
	margin-top:10px;
	}

	.column .button .buttonimg {
	margin-left:5px;
	float:left;
	margin-right:0px;
	}

	.column .button .buttontext {
	padding-top:5px;


		}

	.column .largebutton, .column .largebutton a {
	color:#e70072;
	font-weight:bold;
	width:275px;
	height:49px;
	}

	.column .largebutton .buttonimg {
	margin-left:5px;
	float:left;
	margin-right:5px;
	}

	.column .largebutton .buttontext {

	}

	.column .columnright {
	float:right;
	width:275px;
	}

	.columnend {
	clear:right;
	height:10px;
	}

	/*right*/

	#right {
	float:right;
	width:260px;
	}

	#rightcontent {
	padding:0;
	}

	#rightcontentwide {
	padding:0;
	float: right;
	}

	.taster {
	font-size:1.3em;
	}

	/*links*/

	a:link {
	color:#E2006E;
	text-decoration:none;
	}

	a:active {
	color:#E2006E;
	text-decoration:none;
	}

	a:visited {
	color:#E2006E;
	text-decoration:none;
	}

	a:hover {
	color:#E2006E;
	text-decoration:underline;
	}

	/*commuter links*/

	#commuter .textsubmit_icon
	{
		color:#e70072;
	}

	#commuter .content a:link, #commuter .column a:link{
	color:#e70072;
	text-decoration:none;
	}

	#commuter .content a:active, #commuter .column a:active{
	color:#e70072;
	text-decoration:none;
	}

	#commuter .content a:visited, #commuter .column a:visited{
	color:#e70072;
	text-decoration:none;
	}

	#commuter .content a:hover, #commuter .column a:hover{
	color:#e70072;
	text-decoration:underline;
	}

/*business links*/

	#business .textsubmit_icon
	{
		color: #e70072;
	}

	#business .content a:link, #business .column a:link{
	color:#e70072;
	text-decoration:none;
	}

	#business .content a:active, #business .column a:active{
	color:#e70072;
	text-decoration:none;
	}

	#business .content a:visited, #business .column a:visited{
	color:#e70072;
	text-decoration:none;
	}

	#business .content a:hover, #business .column a:hover{
	color:#e70072;
	text-decoration:underline;
	}

/*leisure links*/

	#leisure .textsubmit_icon
	{
		color:#e70072;
	}

	#leisure .content a:link, #leisure .column a:link{
	color:#e70072;
	text-decoration:none;
	}

	#leisure .content a:active, #leisure .column a:active{
	color:#e70072;
	text-decoration:none;
	}

	#leisure .content a:visited, #leisure .column a:visited{
	color:#e70072;
	text-decoration:none;
	}

	#leisure .content a:hover, #leisure .column a:hover{
	color:#e70072;
	text-decoration:underline;
	}

	/*general*/

	img {
	border:0;
	}

	h1,h2,h3,h4 { color:#000; padding:0px; margin:0px 0px 5px 0px; }

	h1 {
		font-size:1.2em; 
	}

	h2 {
		font-size:1.1em; 
	}

	h3 {
		font-size:1em; 
	}

	span.black {
	color:#000;
	font-weight:bold;
	}

	.black {
	color:#000;
	font-weight:bold;
	padding:5px 0 5px 0;
	}

	.spacer {
	padding:0 0;
	}

	.button, .button a {
	color:#e70072;
	font-weight:bold;
	margin-top:10px;
	}

	.button .buttonimg {
	float:left;
	margin-right:2px;
	}

	.button .buttontext {
	padding-top:5px;
	}

	.leftinfo .button, .leftinfo .button a {
	color:#000;
	width:190px;
	height:49px;
	display:block;
	font-weight:bold;
	margin-top:10px;
	}

	.leftinfo .button .buttonimg {
	float:left;
	margin-right:0px;
	}

	.leftinfo .button .buttontext {
	padding-top:15px;
	}

	.leftinfo p {
		margin: 0px;
		padding: 0px;
	}

	.ArrowLink
	{
	font-weight:bold;
	}

	.ArrowLink img
	{
	vertical-align:-6px;
	margin-right:3px;
	}

.Solid
{
	border-bottom: 1px solid #003872;
	padding-bottom: 10px;
}

.Dashed
{
	border-bottom: 1px dashed #003872;
	padding-bottom: 10px;
}

.Underline
{
	text-decoration: underline;
}

.Left
{
   text-align: left;
}

.Right
{
   text-align: right;
}

.Centre
{
   text-align: center;
}

.Bold
{
	font-weight: bold;
}

.FloatLeft
{
	float: left;
	margin-right: 10px;
}

.FloatRight
{
	float: right;
	margin-left: 10px;
}

.ImageLeft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.red_highlight
{
	color: red;
}

	/*footer*/

	#end {
	clear:both;
	height: 1%;
	}
	
	.footer-wrap{
		margin: 0;
		padding: 40px 0 100px 0;
		background-image:url(../img/footer-bg.png);
		background-position: left top;
		background-repeat: repeat-x;
		height: 1%;
	}


	#footerstrip {
	background-image:url(../img/footer.gif);
	background-repeat:repeat-x;
	display:block;
	height:13px;
	clear:both;
	}

	#footer{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:760px;
	padding-top:5px;
	padding-bottom:10px;
	font-size: 0.9em;
	color: #fff;
}

	#footer a{
	color: #fff;
}

#footer span{
	text-align:center;
}

	/*form right*/

	.formrightbox {
	background-image:url(../img/rightbox_strip.gif);
	background-repeat:repeat-y;
	width:260px;
	margin-bottom:9px;
	}

	.formright {
	margin:0 0 0 10px;
	width:235px;
	}

	.formright .row {
	margin-bottom:6px;
	clear:both;
	}

	.formright .row .rowfloat{
	float:left;
	}

	.formright .row .rowfield {
	display:block;
	}

	.formright input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	}

	.formfield{
	width:227px;
	}

	.formfield2 {
	width:250px;
	}

	.formfieldwide{
	width:520px;
	}

	.formfieldnarrow {
	width:90px;
	}

	.formright select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	width:230px;
	}

	.formright .selectnarrow {
	width:60px;
	}

	.formright label {
	color:#666666;
	}


	/*form left*/

	.leftinfo {
	background-image:url(../img/leftnav_strip2.gif);
	background-repeat:repeat-y;

	}

	.formleftbox {
	background-image:url(../img/leftbox_strip.gif);
	background-repeat:repeat-y;
	width:190px;
	}

	.formleft {
	margin:0 0 0 10px;
	width:165px;
	}


  .formleftboxgrey {
	width:190px;
  }

  .formleftboxgreystrip {
	background-image:url(../img/leftboxgrey.jpg);
	background-repeat:repeat-y;
	width:190px;
  }

  .formleftboxcommuterstrip {
	background-image:url(../img/leftbox_commuter.gif);
	background-repeat:repeat-y;
	width:190px;
	color: #000;
  }

    .formleftboxleisurestrip {
	background-image:url(../img/leftbox_leisure.gif);
	background-repeat:repeat-y;
	width:190px;
	color: #fff;
  }

    .formleftboxbusinessstrip {
	background-image:url(../img/leftbox_business.gif);
	background-repeat:repeat-y;
	width:190px;
	color: #fff;
  }



 .formleftboxpink {
   background-image:url(../img/leftbox_strippink.gif);
   background-repeat:repeat-y;
   }

	.formleft .row {
	padding-bottom:6px;
	clear:both;
	}

		.formleft .row2 {
	margin-bottom:6px;
	clear:both;
	}

	.formleft .row .rowfloat, .formleft .row2 .rowfloat{
	float:left;
	width:140px;
	}

	.formleft .row .rowfield, .formleft .row2 .rowfield {
	display:block;
	}

	.formleft input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;

	color: #000000;
	}

	.formleft .formfield{
	width:160px;
	}

	.formleft .formfieldnarrow {
	width:50px;
	}

	.formleft select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	}

	.formleft .selectnarrow {
	width:48px;
	}

	.formleft label {
	color:#666666;
	}
    .formleftwhitelabel label  {
    	color: #000;
    }
    .selectnarrowQttDate {
		width:65px;
		text-align:center;
	}
	.selectnarrowQttTime {
		width:44px;
	}
	/************************************************************************************************************************************/

	/*business form left*/


	#business .formleft {
	margin:0 0 0 10px;
	width:170px;
	}

	#business .formleft .row {
/* 	margin-bottom:4px; */
	clear:both;
	}

	#business .formleft .row .rowfloat{
	float:left;
	width:100px;
	}

	#business .formleft .row .rowfield {
	display:block;
	}

	#business .formleft input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	}

	#business .formleft .formfield{
	width:160px;
	}

	#business .formleft .formfieldnarrow {
	width:51px;
	}

	#business .formleft select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	}

	#business .formleft .selectnarrow {
	width:52px;
	}



	/***************************************************************************/

	/* styles for neutral home page */
	#index #date
	{
	color:#000;
	font-weight:bold;
	}

	#index strong
	{
	color:#000;
	}

	#index #datestrip
	{
	padding-bottom:1px;
	}

	#index #datestrip #dateleft,
	#index #datestrip #dateright
	{
	padding-top:0px;
	}

	#index span.print img
	{
	vertical-align:-2px;
	}

	#index span.textsize img
	{
	vertical-align:-3px;
	}

	img.indexbutton
	{
	padding-left:7px;
	padding-right:18px;
	}

	.formright img
	{
	vertical-align:-6px;
	margin-right:4px;
	}
	
	.neutralselector
	{
		clear: left;
	}

	/***************************************************************************/

	/* styles for news pages */

	.NewsList h1,
	.NewsArchive h1
	{
	margin-bottom:24px;
	}

	.NewsList h2,
	.NewsArchive h2
	{
	color:#666666;
	margin-bottom:14px;
	}

	.NewsList h3
	{
	color:#666666;
	}

	#commuter a:link.OtherNewsLink, #commuter a:active.OtherNewsLink, #commuter a:visited.OtherNewsLink
	{
	color:#00336F;
	text-decoration:none;
	}

	#business a:link.OtherNewsLink, #business a:active.OtherNewsLink, #business a:visited.OtherNewsLink
	{
	color:#3586B0;
	text-decoration:none;
	}

	#leisure a:link.OtherNewsLink, #leisure a:active.OtherNewsLink, #leisure a:visited.OtherNewsLink
	{
	color:#573D74;
	text-decoration:none;
	}

	.NewsList .NewsDate
	{
	color:#E2006E;
	padding-bottom:0;
	margin-bottom:0;
	font-weight:bold;
	}

	p.NewsSummary
	{
	padding-top:0;
	margin-top:0;
	}

	.NewsArchive li a
	{
	vertical-align:-2px;
	}

	.NewsItem
	{
	float:left;
	width:275px;
	margin-right:10px;
	}

	/***************************************************************************/

	/* styles for timetables page */

	#commuter .Timetables a:link, #commuter .Timetables a:active, #commuter .Timetables a:visited,
	#business .Timetables a:link, #business .Timetables a:active, #business .Timetables a:visited,
	#leisure .Timetables a:link, #leisure .Timetables a:active, #leisure .Timetables a:visited
	{
	color:#666666;
	}

	#commuter .Timetables h3 a:link, #commuter .Timetables h3 a:active, #commuter .Timetables h3 a:visited,
	#business .Timetables h3 a:link, #business .Timetables h3 a:active, #business .Timetables h3 a:visited,
	#leisure .Timetables h3 a:link, #leisure .Timetables h3 a:active, #leisure .Timetables h3 a:visited
	{
	color:#000000;
	}

	#commuter .Timetables a:hover, #business .Timetables a:hover, #leisure .Timetables a:hover,
	#commuter .Timetables h3 a:hover, #business .Timetables h3 a:hover, #leisure .Timetables h3 a:hover
	{
	color:#E2006E;
	}

	.TimetableLeft
	{
	width:285px;
	float:left;
	}

	.Timetables img
	{
	vertical-align:-2px;
	}

	.Timetables h3
	{
	margin-top:3px;
	margin-bottom:3px;
	}

	.Timetables .columnleft
	{
	width:265px;
	}

	/***************************************************************************/

	/* styles for planned changes page */

	.left_side_black
	{
	color: #000;
	}

	.splitter
	{
	border-bottom: solid #C0C0C0 1px;
	}

	#planned_changes_header_wrapper {
		width: 550px;
		height: 180px;
	}

	#planned_changes_header_wrapper .left {
		width: 275px;
		float: left;
	}

	#planned_changes_header_wrapper .right {
		width: 275px;
		float: right;
	}

	.planned_changes_textsubmit_icon {
		color: #E2006E;
		font-weight: bold;
		border: none;
		background-color: transparent;
		margin: 0px;
		padding: 0px;
		display: inline;
		cursor: Hand;
		text-align: left;
		background-repeat:no-repeat;
		background-image:url('../img/arrow_trans_all.png');
		padding-left: 24px;
		padding-top: 8px;
	}

/***************************************************************************/

/* styles for events */

.EventSearch .formboxrow select
{
width:150px;
margin-right:15px;
}

.EventSearch select
{
width:230px;
}

.EventSearch td
{
color:#000000;
vertical-align:middle;
}

.EventSearch .formsubmit
{
margin:10px 0 0 0;
}

.EventSearch input
{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

.column .EventSearch .button .buttonimg
{
margin-right:2px;
}

.EventSearch .formboxrow td
{
vertical-align:top;
}

.EventsList td,
.EventDetails td
{
padding-right:10px;
vertical-align:top;
}

.EventsList td
{
padding-bottom:19px;
}

.EventsList img,
.EventDetails img
{
padding:3px 0 0 0;
}

.EventsList h2,
.EventDetails h2
{
margin:0;
padding:0;
}

.FccEventsSearchStrip
{
padding: 5px 0 0 5px;
}

/* Talk to us and feedback images */

.talk_to_us, .feedback
{
	padding-left: 49px;
	min-height: 49px;
	_height: 49px;
}

.talk_to_us { background-image: url(../img/icon_business_talktous.jpg); background-repeat:no-repeat; }

#business .talk_to_us
{
	background-image: url(../img/icon_business_talktous.jpg);
	background-repeat:no-repeat;
}

#commuter .talk_to_us
{
	background-image: url(../img/icon_commuter_talktous.jpg);
	background-repeat:no-repeat;
}

#leisure .talk_to_us
{
	background-image: url(../img/icon_leisure_talktous.jpg);
	background-repeat:no-repeat;
}

.feedback { background-image: url(../img/icon_business_feedback.gif); background-repeat:no-repeat; }

#business .feedback
{
	background-image: url(../img/icon_business_feedback.gif);
	background-repeat:no-repeat;
}

#commuter .feedback
{
	background-image: url(../img/icon_commuter_feedback.gif);
	background-repeat:no-repeat;
}

#leisure .feedback
{
	background-image: url(../img/icon_leisure_feedback.gif);
	background-repeat:no-repeat;
}
/* CSS to be added to original CSS file */

/*search for */

#searchfor {
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
}

span.searchicon {
vertical-align:bottom;
}

#searchfor input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #000000;
	font-weight:normal;
	}

/* search results */

#searchresults {
clear:right;
}

#searchresults ol{
background-image: none;
list-style-image:none;
}

#searchresults li{
background-image: none;
list-style-image:none;
padding-bottom:20px;
}

#searchresults span.searchlink {
font-weight:bold;
}

#searchresults span.searchhighlight {
background-color:#fff4a1;
font-weight:bold;
text-transform:uppercase;
}

#searchresults span.originallink {
color:#b5b5b5;
}

/* search strip */

#searchstrip {
	padding-bottom:16px;
	}

	#searchstrip span.searchstart {
	float:left;
	}

	#searchstrip span.searchend {
	float:right;
	}

	#searchstrip #searchleft {
    float:left;
    padding: 1px 0 2px 10px;
    }

    #searchstrip #searchright{
    float:right;
    padding: 1px 0 2px 0;
    }

	#searchstrip #searchmain {
	background-color:#FFF;
	padding:7px 0 0 0;
	text-align:center;
	}

	#searchstrip #searchmain span.results {
	float:left;
	font-weight:bold;
	background-color:#FFF;
	}

	#searchstrip #searchmain span.pages {
	padding-right:5px;
	font-weight:bold;
	text-align:center;
	background-color:#FFF;
	}

	#searchstrip #searchmain span.number {
	float:right;
	font-weight:bold;
	padding-right:5px;
	}

	#searchstrip #searchtop {
	display:block;
	height:8px;
	background-image:url(../img/results_strip_top.gif);
	background-repeat:repeat-x;
		}

	#searchstrip #searchbottom {
	display:block;
	height:8px;
	background-image:url(../img/results_strip_btm.gif);
	background-repeat:repeat-x;
	clear:right;
	margin-top:6px;
	}

	a.incident_link
	{
		color: #878787;
	}

.continueButton {
	color: #E2006E;
	background-color: white;
	border: none;
	font-weight: bold;
	margin-top: 5px;
	padding: 10px;
	padding-left: 24px;
	background-image: url('../img/arrow_trans_all.png');
	background-repeat: no-repeat;
	background-position: center left;
}

.continueButtonSmall {
	border: none;
	font-weight: bold;
	margin-top: 5px;
	padding: 0 0 0 0;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: center left;
	background-color: transparent;
	font-size: 10px;
	background-image: url('../img/arrow_small_right.png');
}

h1.underline
{
	border-bottom: 2px solid black;
}

h2.underline
{
	border-bottom: 2px solid black;
}

table.station td
{
	border-bottom: 1px solid #d4d4d4;
}


/* london 2for1 form */

.London2for1Logo
{
float:left;
padding-right:15px;
}

.London2for1Button input
{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}


/* london 2for1 voucher */

.VoucherContainer
{
margin:20px auto 20px auto;
width: 550px;
text-align:left;
}

.VoucherContainer h2
{
padding:0 0 11px 11px;
}

.Voucher,
.SummerVoucher
{
margin:0 auto 0 auto;
width:550px;
}

.Voucher .Bottom,
.SummerVoucher .Bottom
{
clear:right;
}

.Voucher .Details,
.SummerVoucher .Details
{
float:left;
padding:0 11px 0 11px;
width:251px;
}

.Voucher .Details table,
.SummerVoucher .Details table
{
width: 249px;
}

.Voucher .Details td,
.SummerVoucher .Details td
{
padding:0 8px 18px 0;
}

.Voucher .Details p,
.SummerVoucher .Details p
{
margin-top:24px;
}

.Voucher .Details img,
.SummerVoucher .Details img
{
float:left;
margin-right:20px;
}

.Voucher .Details strong,
.SummerVoucher .Details strong
{
color: #000000;
}

.Voucher .Details td.PartyNumberLabel,
.SummerVoucher .Details td.PartyNumberLabel
{
text-align:right;
padding-left: 17px;
}

.PartyNumber
{
float:left;
width: 48%;
}

.Voucher .Conditions,
.SummerVoucher .Conditions
{
float:right;
width:275px;
}

.Voucher .Conditions h3,
.SummerVoucher .Conditions h3
{
color:#FFFFFF;
padding:0 11px 0 11px;
}

.Voucher .Conditions ol,
.SummerVoucher .Conditions ol
{
color:#FFFFFF;
font-weight:normal;
font-size:0.9em;
padding-left:2.3em;
margin-right:11px;
}

.Voucher
{
background-image: url('../img/voucher_bg.gif');
}

.Voucher .Conditions
{
background-color:#4F63A8;
border-left:solid 1px #4F63A8;
}

.SummerVoucher
{
background-image: url('../img/summer_voucher_bg.gif');
}

.SummerVoucher .Conditions
{
background-color:#56002A;
border-left:solid 1px #56002A;
}

/* theatre rail break */

#theatreRailBreak .engineLabel {
	display: block;
	float: left;
	width: 120px;
	margin-top: 3px;
}

#theatreRailBreak .input, #theatreRailBreak .extraRoom {
	margin-top: 5px;
}

#theatreRailBreak .input.alerted {
	height: 25px;
}

#theatreRailBreak a.information img {
	vertical-align: middle;
}

#theatreRailBreak h4 {
	margin-top: 10px;
	font-size: 1em;
}

#theatreRailBreak #moreRooms {
	display: block;
	margin: 5px 0px;
	width: 170px;
}

#theatreRailBreak input.submit {
	margin-top: 5px;
}

/* theatre rail calendar */
dptable.jCalendar { border: 1px solid #fff; background: #E1E0E1; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #7E0047; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #BBB; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #ddd; color: #aaa; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #9E26AB; color: #fff; } table.jCalendar td.selected:hover { background: #f33; color: #fff; } table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #E6EFF7; color: #000; } table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #fff; color: #888; } div.dp-popup { position: relative; background: #4B002B; color:#fff; font-size: 10px; font-family: arial, sans-serif; padding: 2px; line-height: 1.2em; margin-left:50px; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } a.dp-choose-date { background:transparent url(http://www.show-and-stay.co.uk/images/calendar.gif) no-repeat; text-decoration:none; padding: 1px 0px 0px 17px; height:16px; width:16px; } .date-pick, .date-label { } .input {  } td.line select { float:left; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; color:#fff; } div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; color:#fff; } div.dp-popup a.disabled { cursor: default; color: #555 !important; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } .information img { border-style:none; } body div#toolTip { background: #4B002B; border:2px double #fff; -moz-border-radius: 5px; max-width: 150px; padding: 5px; color: #fff; z-index: 1000; } .error { color:#FF0000 }

/* performance styles */

.performance {
	width: 100%;
}

.performance_left {
	width: 110px;
}

.performance_left img{
	vertical-align: middle;

}

.performance_middle {

}

.performance_middle img {
	padding-right: 5px;
	float: left;
	height: 7px;
	background-image: url('../img/performance_arrow.gif');
	background-repeat: no-repeat;
	background-position: 100% 0%;
}

.performance_right {
	padding-left: 5px;
	width: 35px;
}


/***************************************************************************/

/* styles for mtd box */

.mtdbox {
	width: 561px;
}

.mtdboxtop {
 	height:11px;
	background-repeat: no-repeat;
	background-image:url(../img/mtd_top.gif);
	background-position: 0 3px;
}

.mtdboxmain {
	height:60px;
	background-repeat: repeat-y;
	background-image:url(../img/mtd_line.gif);
	float: none;
}

.mtdboximg {
	background-repeat: no-repeat;
	padding-left: 10px;
}

.mtdboxbottom {
	background-repeat: no-repeat;
	background-image:url(../img/mtd_bottom.gif);
	height:11px;
}

.mtdboxiconfloat {
	float:left;
	width: 60px;
	margin-left:5px;
	margin-top:5px;
}

.mtdboxtextleft {
	font-size: 11px;
	float:left;
	width: 155px;
	color:#E70072;
	font-weight:bold;
}

.mtdlefttextsmaller{
	font-weight:bold;
	color:#000000;
	font-size: 10px;
}

.mtdboxtextright {
	float:right;
	font-size: 10px;
	margin-top:3px;
	margin-right:5px;
	width: 310px;
}


/***************************************************************************/

/* styles for new travel alerts box */
/* extends mtdbox */
.mtdbox.incident {
	background-repeat: repeat-y;
	background-image:url(../img/mtd_line.gif);
}

.mtdbox.incident .mtdboxtop {
	background-position: 0 0;
}

.mtdbox.incident .mtdboxbottom {
	background-position: bottom;
}

.mtdbox.incident .mtdboxmain {
	height: auto;
	padding: 0px 10px;
}

.mtdbox.incident .fulldetails {
	display: none;
}

ul.incidentlinks {
	margin: 5px 0 0 10px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	height: 20px;
}

ul.incidentlinks li {
	float: left;
	margin-right: 30px;
}

ul.incidentlinks a {
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url(../img/icon_box_arrow.gif);
}

	/***************************************************************************/

	/* styles for competitions page */

	.formboxpink .qaright {
		float: right;
		width: 480px;
		text-align:left;
	}

	.formboxpink {
		border-top:1px solid #D1D1D1;
		background-image:url(../img/formbox_strippink.gif);
	}

	.formboxmainpink {
		padding: 10px 12px 0 12px;
	}

	.formboxbottompink {
		clear:right;
		background-repeat: no-repeat;
		background-image:url(../img/formbox_bottompink.gif);
		background-color:#FFF;
		height:12px;
	}

	.qafloat {
		float:left;
		width:150px;
	}

	.qafloatlg {
		float:left;
	}

	.qarow {
		margin-top: 10px;
	}

	.timestamp
	{
		display: block;
		color: #a2a2a2;
		padding-bottom: 10px;
	}

	.incident
	{
		margin: 0px;
	}

	.formbox p.incident_line {
		border-bottom: 1px solid #a2a2a2;
		margin-bottom: 10px;
	}

	p.narrow {
		margin: 0px;
		padding: 0px;
	}

	table.lined {
		border-collapse: collapse;
	}

	table.lined th {
		padding: 2px;
	}

	table.lined td {
		border-top: 1px solid #c6cbce;
		padding: 2px;
	}


	// HR

	#hr .textarea {
		font-size:0.9em;
		width: 540px;
		height: 100px;
		font-family :Arial, Helvetica, sans-serif;
	}

	.tiny-arrows, a.tiny-arrows {
		margin:0;
		padding-left:7px;
		background:url('../img/icon_arrow_new.gif') left no-repeat;
	}



/****************************************************************************************************************************************/

/*stpancras countdown clock*/

DIV #countdownWrapper { width:550px;
height:166px;font-size:18pt;font-family:arial,sans-serif;
color:white;font-weight:bold;
background:url(img/st_pancras_background.gif) no-repeat}

.counterBlock {position:absolute;margin:4px;width:1.5em; height:1em;
display:inline;}

#timer {position:relative;z-index:2;top:62px;}
#days,#hours,#minutes,#seconds {text-align:right;}
#days {left:48px;} #hours{left:134px;} #minutes {left:232px;} #seconds {left:352px;}


		.greydetails{
		padding-left:10px;
		color:#AAA;
	}

	.formfield3{
		width:150px;
	}

	.complete, a.complete {
		margin:0;
 		padding-left:15px;
		background:url('../img/icon_yes.gif') left no-repeat;
	}

	.uncomplete, a.uncomplete {
		margin:0;
		padding-left:15px;
		background:url('../img/icon_no.gif') left no-repeat;
	}

.neutraltickets {
	width: 763px;
	height: 247px;
	font-size: 85%;
	background-color: #e6e6e6;
	margin: 0;
	padding: 0;
}

.neutraltickettxt {
	width: 193px;
	float: left;
}

.neutralticketimg {
	width: 570px;
	background-color: #ffffff;
	float: right;
}

.neutralfooter {
	width: 763px;
	margin: 0;
	padding: 0;
}

.neutralfooterleft {
	width: 200px;
	font-size: 85%;
	float: left;
}

.neutralfooterright {
	width: 563px;
	color: #666;
	float: right;
	font-weight: normal;
}

 .neutralfooterright .content{
}



.rightwhitebox {
	width: 550px;
	margin: 0;
	padding: 0;
}

.rightwhiteboxtop {
	background-image: url('../img/white_right_box_top.gif');
	background-repeat: no-repeat;
	height: 10px;
	_background-position: 0 4px;
}


.rightwhiteboxmain {
	background-image: url('../img/formbox_striplight.gif');
	height: 100%;
	padding-left: 10px;
	vertical-align: middle;
	font-size: 10px;
}

.rightwhiteboxbtm {
	background-image: url('../img/white_right_box_btm.gif');
	background-repeat: no-repeat;
	height: 10px;
}

#grey3block {
	width: 561px;
	float: left;
}

#grey3block .column {
	width: 170px;
	float: left;
}

#grey3block .greystrip {
	width: 170px;
	float: left;
	background-image: url('../img/greystrip.gif');
}

#grey3block img.greystrip {
	width: 170px;
	height: 1px;
	float: left;
	background-image: url('../img/greystrip.gif');
}

#grey3block .stripcontent {
	padding: 5px 0px 5px 10px;
}

#grey3block .greystripbtm {
	width: 170px;
	height: 11px;
	float: left;
	background-image: url('../img/greystripbtm.gif');
	background-repeat: no-repeat;
	overflow: hidden;
}

#grey3block .spacer {
	width: 25px;
	height: 1px;
	float: left;
}

.yourjourney {
	width: 561px;
	padding: 0 0 0 0;
}


.yourjourneytop {
	height: 12px;
	background-image: url('../img/FCC_yourjourney_top.gif');
	background-repeat: no-repeat;
	width: 561px;
	overflow: hidden;
}

.yourjourneytopline {
	background-image: url('../img/FCC_yourjourney_white_strip.gif');
	padding: 0px 8px 8px 8px;
}

.yourjourneytopright {
	float:right;
	width:250px;
	text-align:left;
}

.yourjourneytopleft {
	width:275px;
}


.yourjourneyline {
	width: 561px;
	overflow: hidden;
	height: 1px;
	background-image: url('../img/FCC_yourjourney_middle_strip.gif');
}

.yourjourneymid {
	width: 561px;
	background-image: url('../img/FCC_yourjourney_grey_strip.gif');
	overflow: hidden;
}

.yourjourneymidleft {
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	width:250px;
	}

.yourjourneymidright {
	padding-left: 5px;
	padding-top: 10px;
	float: right;
	text-align:left;
	width:260px;
	}

.yourjourneybottom {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 541px;
	background-image: url('../img/FCC_yourjourney_grey_strip_2.gif');
	overflow: hidden;
}

.yourjourneybotbit {
	width: 561px;
	overflow: hidden;
	clear: right;
	height: 12px;
	background-image: url('../img/FCC_yourjourney_bottom.gif');
}

.yourjourneyboxiconfloat {
	float:left;
/*	padding-right:5px;*/
	overflow: hidden;
	}

.yourjourneyboxtextfloat {
	padding: 0 0 10px 10px;
	overflow: hidden;
	}


.whatsnewarea {
	width: 561px;

}


.whatsnew {
	float: left;
	width: 266px;
	min-height: 180px;

}

.whatsnewtop {
	height: 30px;
	background-image: url('../img/FCC_whats_new.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
}

.whatsnewmid {
	background-color: #e9e9e9;
	padding-top: 5px;
	width: 261px;
	padding-left: 5px;
	background-repeat: no-repeat;
	list-style-image: url('../img/arrow_grey.gif');
	overflow: hidden;
}

.whatsnewmid ul {
	margin: 0;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;	
}

.whatsnewbtm {
	height: 10px;
	background-image: url('../img/FCC_whats_new_bot.gif');
	background-repeat: no-repeat;
	overflow: hidden;
}


.whatsnewright {
	float: right;
	width: 276px;
	overflow: hidden;
}

/* whats new three box wide */
.whatsnewThree {	float: left;	width: 561px;	min-height: 180px;}
.whatsnewtopThree {	height: 30px;	background-image: url('../img/FCC_whats_new_three.jpg');	background-repeat: no-repeat;	overflow: hidden;}
.whatsnewmidThree {	background-color: #e9e9e9;	padding-top: 5px;	width: 556px;	padding-left: 5px;	background-repeat: no-repeat;	list-style-image: url('../img/arrow_grey.gif');	overflow: hidden;}
.whatsnewmidThree ul {	margin: 0;	padding-left: 15px;	font-family: Arial, Helvetica, sans-serif;	}
.whatsnewbtmThree {	height: 10px;	background-image: url('../img/FCC_whats_new_bot_three.gif');	background-repeat: no-repeat;	overflow: hidden;}
.whatsnewrightThree {	float: right;	width: 276px;	overflow: hidden;}

.leftwhitecmsblock {
	width: 192px;
}


.leftwhitecmsblocktop {
	height: 11px;
	background-image: url('../img/left_white_top.gif');
	background-repeat: no-repeat;
	overflow: hidden;
}

.leftwhitecmsblockmid {
	background-image: url('../img/left_white_strip.gif');
	padding-left: 10px;
}

.leftwhitecmsblockbtm {
	height: 11px;
	background-image: url('../img/left_white_btm.gif');
	background-repeat: no-repeat;
	overflow: hidden;
}

.clearright {
	clear: right;
}

/* Buy Tickets Incident */
#buyticketsincident a:link, #buyticketsincident a:visited, #buyticketsincident a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
div.formleft #buyticketsincident a:link, div.formleft #buyticketsincident a:visited, div.formleft #buyticketsincident a:active{
	color: #000;
}
#buyticketsincident a:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#error_text {
	color: red;
	font-weight: bold;
}

#stationhiddenlist {
	position: absolute;
	text-indent: -999px;
}

#commuter #navcontainer ul li .activelink1,
#business #navcontainer ul li .activelink1,
#leisure #navcontainer ul li .activelink1
{
	color:#00336F;
	background-color:#C8C8C8;
}

#commuter #subnavcontainer ul li .activelink2,
#business #subnavcontainer ul li .activelink2,
#leisure #subnavcontainer ul li .activelink2
{
	color:#00336F;
	background-color:#D8D8D8;
}

/* Styles for autocompletion of station name menus */ 
div.autocomplete { 
	position:absolute; 
	width:auto !important; 
	background-color:white; 
	border:1px solid #888; 
	margin:0px; 
	padding:0px;
} 

div.autocomplete ul { 
	list-style-type:none; 
	margin:0px; 
	padding:0px; 
	color: black;
} 

div.autocomplete ul li.selected { background-color: #c1c1c1;} 

div.autocomplete ul li { 
	list-style-type:none; 
	display:block; 
	margin:0; 
	padding:2px; 
	height:1em; 
	cursor:pointer; 
} 

fieldset 
{ 
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
} 
legend 
{ 
	visibility:hidden; 
	display: none; 
} 

div.float_reset {
	clear: both;
}

div.content_row { padding-bottom:1em; width:auto; display: block; }
div.half_width, div.full_width { display: inline !important; float:left !important; width:auto; }
div.float_reset { clear:both; padding: 0px !important; border: none !important; background: none !important;}
div.half_width { width:49.9%; }
div.full_width { width:100%; }

.thin { padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;}

/******** SHOW HINT **********/
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 300;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: #E2006E;
margin: 3px 8px;
cursor: pointer;
}
/******** END SHOW HINT **********/

/* NRE Live Running changes - KW 10/02/10 */
.hidden {
	display: none;
}
a.down-arrow {
	padding-right: 10px;
	background: url(img/down_arrow.gif) no-repeat center right;
	outline: 0;
}
a.up-arrow {
	padding-right: 10px;
	background: url(img/up_arrow.gif) no-repeat center right;
	outline: 0;
}
#ticker-container {
    background: url(img/ticker.gif) no-repeat;
    height: 34px;
    margin-bottom: 14px;
    display: none;
}

#updateSlider {
	position: relative;
    margin-left: 45px;
    width: 505px;
    overflow: hidden;
    height: 30px;
    white-space: nowrap;
}

#ticker-container ul {
	position: absolute;
    margin: 0;
    padding: 9px;
    float: left;
}

#ticker-container li {
    display: inline;
    list-style: none;
    margin-right: 80px;
}

#ticker-container li a {
    font-size: 16px;
    font-weight: normal;
}
