/* 	Header Bar and Top Nav */
.logo {height: 74px; background: #ffffff url(../img/eastCoast_header.gif) no-repeat top left;}

/* Generalised Items */
.hide {position: absolute; left: -40000px; width: 0; height: 0;	overflow:hidden;}
.floatleft {float:left;}
.floatright {float:right;}
.marginLeft10 {margin-left:8px;}

/* top navigation */
ul.menu, ul.menu li {float: left; margin: 0px; padding: 0px; list-style: none;}
ul.menu li a {display: block; padding: 12px 0px 15px 0px; text-align: center; font-weight: bold; color:#45657b;}
ul.menu li a:hover {color:#fff;}
ul.menu li.one a {width: 101px;	background: url(../img/navigation/home_nav.gif) left top no-repeat;}
ul.menu li.two a {width: 168px;	background: url(../img/navigation/travelInformation_nav.gif) left top no-repeat;}
ul.menu li.three a {width: 180px; background: url(../img/navigation/onBoard_nav.gif) left top no-repeat;}
ul.menu li.four a {width: 161px; background: url(../img/navigation/ourDestinations_nav.gif) left top no-repeat;}
ul.menu li.five a {width: 147px; background: url(../img/navigation/specialOffers_nav.gif) left top no-repeat;}
ul.menu li.six a {width: 120px;	background: url(../img/navigation/aboutUs_nav.gif) left top no-repeat;}
ul.menu li.seven a {width: 101px; background: url(../img/navigation/help_nav.gif) left top no-repeat;}
ul.menu li a:hover {background-position:left -42px;}
ul.menu li a.selected {background-position:left -84px; color:#fff;}

/* Breadcrumb */
ul.breadcrumb {margin: 0px; padding:3px 0px 2px 261px;	clear: both; line-height:1.2em;}
ul.breadcrumb li {display: inline; padding-right: 3px; list-style: none; font-size: 69%;}
ul.breadcrumb li.withArrow {padding-left: 13px;	background: url(../img/arrows_buttons/breadcrumb_arrow.gif) 3px 4px no-repeat; color:#6799AA;}

/*	LAYOUT */
.centralContent {float: left; width: 566px;	margin:1px 0 0 0 ;	padding:0;}
.centralContentBG {float:left; width:566px;	padding-bottom:4px;	background: url(../img/backgrounds/mainBody_shadow_bottom.png) left bottom no-repeat;}
.narrow {margin-right:20px;}

#rightContent {float: right; margin-top: 5px; width: 144px;}
#booking {float: left;	margin-right: 18px;	margin-top: 0px; width: 240px; min-height:1px;}
.leftPanelPromos {float: left;	margin-right: 18px;	margin-top: 0px; width: 240px; clear:both;}
#booking iframe {width: 240px; height: 1000px;	margin: 0px; padding: 0px;}

/*	CENTRAL */
.greyCurveMain .greyCurveTop {width:530px;}
.greyCurveMainTable .greyCurveTop {width:500px;} 

.allInContent {float:left; margin-top:15px;}

.centralContent p, .centralContent ul li, .centralContent ol li {margin:1px 0 1px 0; line-height: 1.4em; color: #6a7279;}
.centralContent p {padding-bottom: 10px;}
.centralContent ul, .centralContent ol {margin-left: 15px; padding-left: 0px;}
.centralContent h2 {margin: 0 0 3px 0; font-size: 90%; color: #002e4f; font-weight: bold;}
.centralContent h2.control {font-size: 115%;}
.centralContent h3, .centralContent h2.small {margin-bottom: 3px; font-size: 75%; color: #002e4f; font-weight: bold;}
.centralContent strong.strongblue {color: #002e4f;}
.centralContent .curved {width:566px; height:31px; margin: 0px; background:transparent url(../img/backgrounds/headerStrip.png) top left no-repeat; font-size: 75%; color: #fff;}
.centralContent .curved span {display:block; padding:10px 10px 5px 15px; font-weight:bold;}
.centralContent h2.headerbg {margin-bottom:0px; padding:5px 10px; background:transparent url(../img/backgrounds/gradient27hBlue.gif) repeat-x; color:#fff; font-size:0.75em;}
.centralContent .padding {width:538px; float:left !important; padding: 0px 10px 15px 18px; background: url(../img/backgrounds/mainBody_repeater.png) repeat-y left top;}
.centralContent h1 {padding-top: 16px; margin: 0px;	font-size: 157%; color: #002e4f;}
.centralContent h1.small-header {font-size: 125%; padding-top: 18px;}
.centralContent h1.home-header {padding:0; color:#6D767D; text-decoration:none; text-align:left; font-style:normal; font-weight:normal; font-size:75%; font-family:Arial,verdana,sans-serif;}
.contentheader p.home-header {margin:0px; padding:20px 0 6px; background:url("../img/contentHeaderDivide.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; font-size:1.4em; font-weight:normal; line-height:1em;	font-family: 'Arial Black', Arial, Helvetica, sans-serif;}
.centralContent .homeitem {float:left; margin: 10px 0;}

/*  travel updates box */
.travelUpdatesOuter {float:left; min-height:120px; padding:10px 14px 10px 10px; position:relative; right:13px; background:url("../img/backgrounds/liveTravelUpdates_backgroundGradient.gif") no-repeat left bottom transparent;}
.travelUpdates {float:left; margin-left:5px; padding-bottom:7px; background:transparent url("../img/backgrounds/liveTravelUpdates_Bottom.gif") no-repeat left bottom;}
.travelUpdatesInner {float:left; padding-top:7px; background:transparent url("../img/backgrounds/liveTravelUpdates_Top.gif") no-repeat left top;}
.travelUpdatesBox {float:left; width:511px; padding:0px 7px; background-color:#fff; border-left:1px solid #EDEDED; border-right:1px solid #EDEDED;}

.travelUpdatesContent-red, .travelUpdatesContent-clear, .travelUpdatesContent-minor {float:left; width:492px; padding:10px; background:#b3281c url("../img/backgrounds/gradRed.gif") repeat-x left top;}
.travelUpdatesContent-clear {background:#8DA145 url("../img/backgrounds/gradGreen.gif") repeat-x left top;}
.travelUpdatesContent-minor {background:#f2b12b url("../img/backgrounds/gradYellow.gif") repeat-x left top;}

.travelUpdatesRight {float:left; width:439px; display:block; padding-left:10px;}
.travelUpdatesBox img {display:block; float:left;}

.centralContent .travelUpdatesOuter h2 {color:#000 !important; font-size:1.2em;}
.travelUpdatesOuter p {margin:0px;}
.travelUpdatesOuter p span {padding-right:20px; color:#002E4F; font-size:1.1em; font-weight:bold;}
.travelUpdatesOuter p a.redarrowlink {color:#fff;}

.disruptionScrolling {position:relative; width:400px; height:15px; margin-left:0px; overflow:hidden; margin-bottom:5px; padding:1px 0px; font-family:Arial; font-size:0.75em;}
.StockTickerContainer {width:450px; height:30px; overflow:hidden; margin:0 auto;}
.disruptionScrollingInner {width:2000px; position: relative; overflow:hidden;}
.disruptionScrolling span {margin:0px; padding:0px 10px; border-right:1px solid #fff;}
.disruptionScrolling span a {color:#fff; font-weight:bold; text-decoration:none;}
.disruptionScrolling span a:hover {color:#fff; text-decoration:underline;} 
.disruptionLinkContainer {float: left; width: 400px;}
.travelUpdatesOuter .disruptionLink{padding: 10px 0 0 10px;}
.travelUpdatesOuter .disruptionLink a{color: #FFFFFF; font-weight: bold; text-decoration: underline;}
/*  end travel updates box */

td {color: #6d767d; font-size: 75%; line-height: 1.4em;}
th, td.first {text-align: left; font-weight: 800; color: #002e4f; font-size: 80%; line-height: 1.4em;}
th, td {padding: 5px;}
th.first, td.first {padding-left: 0px;}
td.alt, th.alt {background-color: #e6ece2;}

.pagetopbar {float:left; width:559px; background:url(../img/headerFull.gif) top left no-repeat;}
.pagetopbar div {display:inline;}
.pagetopbar .pageheader h2 {float:left;	padding:9px 10px; color:#fff;}
div.printpage, div.emailpage {float:right; padding:10px 12px 5px; font-size:75%;}
div.emailpage {padding-right:15px;}
div.emailpage a {padding-left:28px;	background:url(../img/iconEmail.gif) left no-repeat; color:#c4e6fe;}
div.printpage a {padding:0px 0 4px 25px; background:url(../img/icons/printer_icon.png) left top no-repeat; color:#fff;}
div.emailpage a:hover {color:#19354b;}
div.printpage a:hover {color:#19354b;}
div.printpage a:active, div.printpage a:focus {background-color:transparent;}

.greyboxincurve {margin:0 5px;	background:#e6ece2;}
.centralContent .centreRightMargin {margin-left: 52px;}
.centralContent .centreRight {margin-left: 0;}
.centralContent .centreLeft {float: left;}
.centralContent .centreLeft img {margin: 15px 10px 0 0;}
.centralContent iframe {width: 530px; height: 530px;}

/*	RELATED INFO */
.relatedinfo {float:left; clear:both; width:530px; margin-top: 0; margin-bottom: 0; padding:15px 0 10px 0;}
.relatedinfo h3 {display:inline; margin:0;font-size:0.9em; color:#002e4f;}
.relatedinfo ul {display:inline; margin:0; padding:0; list-style-type:none;}
.relatedinfo ul li {display:inline;	margin:0 0 0 8px; padding:0 10px 0 0;background:url(../img/relatedinfoDivide.gif) right no-repeat; font-size: 70%;}
.relatedinfo ul li.last {padding-right:0; background:none;}
.relatedinfo ul li a {display:inline !important;}
.relatedinfo ul li a.redarrowlink, .relatedinfo ul li a.redarrowlink {background-position:0px 4px; color:#002E4F;}

a.whiteOnBlue {background: url(../img/arrows_buttons/purpleArrow_icon.png) 0px 4px no-repeat; font-weight: bold; padding-top: 0px; padding-left: 12px; color:#912373; font-size: 95%;}
a.whiteOnBlue:hover {background-color:#D4DAE1;}

.homeitem .homeicon {display:inline; float:left; margin-left:15px; margin-right:7px; width:42px;}

.optional {margin: 0;}

.calculator {position:relative;}
.calculator .sideFooter {padding: 5px 5px 7px 5px;}
.calculator .fill {padding-top: 6px; margin: 0px 1px 1px; background-color: #e6ece2;}
.calculator h2 {font-size: 90%; padding: 0px; text-align:center;}
.calculator .section { margin:0 6px 6px 6px; }
.calculator .section select, .calculator .section label {font-size: 75%; color: #6d767d;}
.calculator .section .red { color: #EF3E33; text-align:center; }
.calculator .section ul {margin: 0; padding: 0;}
.calculator .section li {margin: 10px 0 10px 15px; padding: 0;}
.calculator .section select { width: 119px; }
.calculator .section .redButtonGreyBg {margin-left: 14px;}
.calculator .section .redButtonGreyBg span {font-size: 75%;}

.trainTimesDownload p {clear:left; padding:0!important; margin:0!important;}

/*.pegEdinburgh a.rollover-image { background: url(../img/pegEdinburgh.gif) no-repeat top; }
.pegEdinburgh a.rollover-image:hover { background: url(../img/pegEdinburghOvr.gif) no-repeat top; }

.pegGlasgow a.rollover-image { background: url(../img/pegGlasgow.gif) no-repeat top; }
.pegGlasgow a.rollover-image:hover { background: url(../img/pegGlasgowOvr.gif) no-repeat top; }

.pegNewcastle a.rollover-image { background: url(../img/pegNewcastle.gif) no-repeat top; }
.pegNewcastle a.rollover-image:hover { background: url(../img/pegNewcastleOvr.gif) no-repeat top; }

.pegYork a.rollover-image { background: url(../img/pegYork.gif) no-repeat top; }
.pegYork a.rollover-image:hover { background: url(../img/pegYorkOvr.gif) no-repeat top; }

.pegLeeds a.rollover-image { background: url(../img/pegLeeds.gif) no-repeat top; }
.pegLeeds a.rollover-image:hover { background: url(../img/pegLeedsOvr.gif) no-repeat top; }

.pegLondon a.rollover-image { background: url(../img/pegLondon.gif) no-repeat top; }
.pegLondon a.rollover-image:hover { background: url(../img/pegLondonOvr.gif) no-repeat top; }

.marker1 a.rollover-image { background: url(../img/marker1_off.gif) no-repeat top; }
.marker1 a.rollover-image:hover { background: url(../img/marker1_on.gif) no-repeat top; }

.marker2 a.rollover-image { background: url(../img/marker2_off.gif) no-repeat top; }
.marker2 a.rollover-image:hover { background: url(../img/marker2_on.gif) no-repeat top; }

.marker3 a.rollover-image { background: url(../img/marker3_off.gif) no-repeat top; }
.marker3 a.rollover-image:hover { background: url(../img/marker3_on.gif) no-repeat top; }

.marker4 a.rollover-image { background: url(../img/marker4_off.gif) no-repeat top; }
.marker4 a.rollover-image:hover { background: url(../img/marker4_on.gif) no-repeat top; }

.marker5 a.rollover-image { background: url(../img/marker5_off.gif) no-repeat top; }
.marker5 a.rollover-image:hover { background: url(../img/marker5_on.gif) no-repeat top; }

.marker6 a.rollover-image { background: url(../img/marker6_off.gif) no-repeat top; }
.marker6 a.rollover-image:hover { background: url(../img/marker6_on.gif) no-repeat top; }

.sideSearch a.rollover-image { background: url(../img/buttonGo.gif) no-repeat top; }
.sideSearch a.rollover-image:hover { background: url(../img/buttonGoOver.gif) no-repeat top; }

.live-train-times a.rollover-image { background: url(../img/btnGoRed.gif) no-repeat top; }
.live-train-times a.rollover-image:hover { background: url(../img/btnGoRedOver.gif) no-repeat top; }

.buttons2 a.rollover-image { background: url(../img/btnSubmit.gif) no-repeat top; }
.buttons2 a.rollover-image:hover { background: url(../img/btnSubmitOvr.gif) no-repeat top; }

.journeyPlanner a.rollover-image { background: url(../img/btnSearchJourneyPlanner.gif) no-repeat top; }
.journeyPlanner a.rollover-image:hover { background: url(../img/btnSearchOver.gif) no-repeat top; }

.stationformliveinner a.rollover-image { background: url(../img/btnGoBlueBg.gif) no-repeat top; }
.stationformliveinner a.rollover-image:hover { background: url(../img/btnGoBlueBgOver.gif) no-repeat top; }

.go a.rollover-image { background: url(../img/btnGoBlueBg.gif) no-repeat top; }
.go a.rollover-image:hover { background: url(../img/btnGoBlueBgOver.gif) no-repeat top; }

.city-drop-down a.rollover-image { background: url(../img/btnGoBlue.gif) no-repeat top; }
.city-drop-down a.rollover-image:hover { background: url(../img/btnGoBlueOver.gif) no-repeat top; }

.drop-down-nav a.rollover-image { background: url(../img/btnGoBlue.gif) no-repeat top; }
.drop-down-nav a.rollover-image:hover { background: url(../img/btnGoBlueOver.gif) no-repeat top; }

.stationBtm a.rollover-image { background: url(../img/btnGoBlueBlueBg.gif) no-repeat top; }
.stationBtm a.rollover-image:hover { background: url(../img/btnGoBlueBlueBgOver.gif) no-repeat top; }*/
