.farefind{margin-top:0;}
.ff-search .b3-m{background-color:#525252;}
.farefind .last .b3-m{background-color:#606060}
.farefind .box-3{margin:0;padding:0;}
.content .farefind .b3-m .b3-p{padding:0;border:0;}

.content .farefind .b3-m .ticket-total-padding{padding:10px 14px 4px 14px;}
.farefind ol{padding:0;margin:0;}
.farefind li{list-style-type:none;margin:0;}
.farefind .overlay{background:#525252 url(../images/bg-farefind.gif) repeat-x left top;z-index:50;position:relative} /* if wanting to change z-index talk to Julia */
.farefind .ff-padding{padding: 0 10px 20px 60px;}


.farefind li.split-row-1{width:351px;float:left;z-index:30;position:relative}/* if wanting to change z-index talk to Julia */
.farefind li.split-row-2{width:428px;float:right;z-index:20;position:relative}/* if wanting to change z-index talk to Julia */
.farefind .split-row-2 .ff-padding{background:url(../images/bg-box-arrow.gif) no-repeat 0 31px;padding-left:100px}
.farefind .last{background:#FFF;clear:both;margin:0 0 0 -1px;width:780px;position:relative;z-index:21;}

.farefind .last .box-3{width:386px;float:right;}
.farefind .last .information{width:393px;float:left;background:#FFF;color:#404040;}
.farefind .last .information .padding{padding:10px 10px 10px 0;}
.farefind .information h3{color:#404040;font-size:0.94em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.farefind .information p{font-size:0.94em;}

.farefind h2{margin:0 0 0 -60px;padding:18px 14px 10px 60px;background-repeat:no-repeat;background-image:url(../images/bg-farefind-steps-sprite.png);}
.ff-results h2{background:none;margin:0 0 15px 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:1.32em;}
.ff-results .search-again{font-size:1em;font-weight:bold;margin-bottom:10px;}
.ff-results .search-again a{text-decoration:none;color:#fff;background:url(../images/icon-search-again.png) no-repeat left top;padding:3px 0 15px 30px;display:block;}
.farefind .step-1{background-position:0 0;}
.farefind .step-2{background-position: 0 -111px;}
.farefind .step-3{background-position: 0 -223px;}
.farefind .step-4{background-position: 0 -335px;}
.farefind .step-5{background-position: 0 -445px;}

.farefind .input-border{-moz-border-radius:4px;-webkit-border-radius:4px;display:block;padding:3px;float:left;}
.farefind .valid-large, .farefind .invalid-large{margin:0 2px 0 0;}
.farefind .valid-large input, .farefind .invalid-large input{font-size:1.3em;width:215px;}
.farefind .valid-large label, .farefind .invalid-large label{float:left;font-size:1.55em;padding-top:5px;margin-right:6px;}
.farefind .ff-padding .b-y-lrg.margin-left{margin-left:6px;}
.farefind .invalid label, .farefind .invalid-large label{color:#fff;}
.farefind .row label{float:left;margin-top:5px;display:block;margin-right:4px;}
.ff-search form button.margin-left{margin-left:25px;width:auto;}

/*.ff-search form .margin-left{width:235px;}*/
.farefind .text{width:150px;}
.farefind a.date-picker-control{margin:-2px 0 -14px 0;height:26px;vertical-align:top;}
.farefind .checkfield .valid{float:left;}
.farefind .margin-left{margin-left:32px;}
.farefind .margin-left span{margin-left:3px;}
.farefind form .margin-left span{margin-left:0;}
.farefind .checkbox-border{float:left;padding:3px;margin:0;}
.farefind .checkfield label{padding:2px 2px 2px 25px;float:none;margin:0;}
.farefind input.check{float:left;margin:0;}
.farefind .arrowlink-light{color:#fff;font-weight:bold;margin-left:5px;}
.farefind .arrowlink-light:hover,
.farefind .arrowlink-light:focus,
.farefind .arrowlink-light:active{color:#fff;}

.page .farefind button.b-y-lrg span{text-transform:none}
.farefind .operators{width:auto;float:left;}

.farefind .operators div.TOC{float:left;background:none;margin-left:30px;padding:0;/*position:relative; - JG 20/11 for z-index reasons*/}
.farefind .operators div.first{margin-left:0;}
.farefind .operators div.TOC span.title{display:block;padding:0;min-height:76px;text-align:center;font-size:1.4em;}

.farefind .operators div.TOC img{border:2px solid transparent;}
.farefind .operators div.TOC input{position:absolute;z-index:10;left:-3px;top:0;width:20px;}
.jq .farefind .operators div.TOC input{left:-500em;top:auto;}
.farefind .operators div.active img.operator{border:2px solid #ffda4c;}
.farefind .operators label{cursor:pointer;}

.ff-results .ff-results-operators form{float:left;width:100%;}
.ff-results .operators div.TOC{margin-left:12px;}
.ff-results .operators div.first{margin-left:0;}
.page .ff-results-operators .b-y-lrg{margin-top:25px;float:right;}

/* operators price button*/
.farefind .price-btn{background:url(../images/bg-farefind-button-top.gif) no-repeat left top;display:block;padding-top:6px;color:#404040;text-decoration:none;font-weight:bold;width:125px;margin:-18px 0 0 13px;position:relative;z-index:2;}
.farefind .price-btn .bottom{background:url(../images/bg-farefind-button-bottom.png) no-repeat left bottom;display:block;padding:4px 16px 5px 16px;}
.farefind .price-text{.3;float:left;display:block;margin-right:5px;}
.farefind .price{display:inline;font-size:1.32em;font-weight:bold;}

.farefind .active .price-btn{background:url(../images/bg-farefind-button-top-on.png) no-repeat left top;display:block;padding-top:6px;color:#404040;text-decoration:none;font-weight:bold;margin:-18px 0 0 13px;position:relative;z-index:2;width:125px;}
.farefind .active .price-btn .bottom{background:url(../images/bg-farefind-button-bottom-on.png) no-repeat left bottom;display:block;padding:4px 16px 5px 16px;}

.specific-time .field{margin-bottom:5px;}
.specific-time input{width:2em;margin-bottom:5px}
.specific-time label{float:left;width:auto;padding:4px 5px;}

/* tooltip */
.operators .tooltip .tooltip-top{background:url(../images/bg-tooltip-t-farefind.png) right top no-repeat;width:301px;position:absolute;left:0;top:25px;padding-top:18px;font-weight:normal;z-index:100;}
.operators .tooltip .tooltip-bottom{background:url(../images/bg-tooltip-b-farefind.png) right bottom no-repeat;min-height:70px;}
.operators .tooltip .padding{position:relative;top:5px;padding:0 16px 0 28px;margin:0 0 -14px 12px;background:url(../images/icon-op-all-tooltip.gif) no-repeat 0 0;}
.operators .tooltip .padding p{text-indent:0;background:#fff;padding:0;}
 
.farefind .disabled .operators div.TOC img{border-color:#a5a5a5;}
.farefind .heading-left{text-align:center;font-size:1.6em;}
.farefind .heading-left p{padding:2px 0 0;margin:0;}
.operators-disabled{background:url(../images/bg-ff-operators.gif) top left repeat-x;padding:10px 50px 50px}
.farefind .op-blue .overlay-left, .farefind .op-blue .overlay-right{height:6px}

ul.TIMs{width:130px;margin-left:16px;}
.operators .TIMs li{float:left;margin:8px 0 0 0;background:url(../images/icon-op-all.gif) no-repeat 0 0;}
.operators .TIMs li a{text-indent:-200em;display:block;height:23px;width:27px;position:relative;}
.active .TIMs li{background-image:url(../images/icon-op-all-on.gif)}

.TIMs li a{background:none;padding:0;margin:0;width:auto;display:block;position:relative;}

.TIMs li.direct-service, .operators .direct-service .padding{background-position:0 0;}
.TIMs li.reservations, .operators .reservations .padding{background-position:-30px 0;}
.TIMs li.first-class, .operators .first-class .padding{background-position:-54px 0;}
.TIMs li.restaurant, .operators .restaurant .padding{background-position:-83px 0;}
.TIMs li.cafe, .operators .cafe .padding{background-position:-113px 0;}

.TIMs li.reservations{width:20px}
.TIMs li.first-class{width:28px}
.TIMs li.restaurant{width:26px}

.TIMs li.trolley, .operators .trolley .padding{background-position:0 -76px;}
.TIMs li.laptop, .operators .laptop .padding{background-position:-30px -80px;}
.TIMs li.wifi, .operators .wifi .padding{background-position:-54px -80px;}
.TIMs li.sleep, .operators .sleep .padding{background-position:-83px -80px;}
.TIMs li.comments, .operators .comments .padding{background-position:-113px -80px;}
.TIMs li.generic, .operators .generic .padding{background-position:0 -138px;}

.TIMs li.laptop{width:20px}
.TIMs li.sleep{width:26px}
.farefind ol{margin-bottom:-3px;}


/* FAREFINDER TIME RANGES (inc SLIDER) */
.farefind .time-range label{float:left;width:160px;margin:0 10px 0 0;padding:2px 0 0 0;}
.jq .farefind .time-range label{position:absolute;left:-500em;top:-500em;}
.farefind .time-range ul{list-style-type:none;margin:0;width:304px;padding:0 0 10px 0;}
.farefind .time-range ul li{float:left;width:45%;text-align:center;margin:0;padding:0;}
.farefind .time-range ul li a{display:block;color:#FFF;text-decoration:none;outline:none;}
.farefind .time-range ul li a:hover, .farefind .time-range ul li a:focus, .farefind .time-range ul li a:active{text-decoration:underline;}
.farefind .time-range ul li.earlier{width:25%;text-align:left;}
.farefind .time-range ul li.earlier a{background:url(../images/icon-times-earlier.gif) left top no-repeat;padding:2px 0 5px 25px;}
.farefind .time-range ul li.later{float:right;width:25%;text-align:right;}
.farefind .time-range ul li.later a{background:url(../images/icon-times-later.gif) right top no-repeat;padding:2px 25px 5px 0;}
.farefind .time-range ul li.times{float:right;font-size:1.4em;font-weight:bold;}
.farefind .time-range ul.time-labels{margin:0 0 10px 0;font-weight:bold;}
.farefind .time-range ul.time-labels li.step1{width:50px;text-align:left;}
.farefind .time-range ul.time-labels li.step2{width:67px;text-align:left;}
.farefind .time-range ul.time-labels li.step3{width:75px;text-align:center;}
.farefind .time-range ul.time-labels li.step4{width:60px;text-align:right;}
.farefind .time-range ul.time-labels li.step5{width:50px;text-align:right;float:right;}

.farefind .time-range .input-border,
.farefind .time-range .select-border{color:#FFF;}
.farefind .time-range .invalid-div .input-border,
.farefind .time-range .invalid-div .select-border{background-color:#FF0000;}
/* when javascript is turned off, make it like a regular error state */
.farefind .time-range .invalid-div{border:none;padding:5px;background:transparent url(../images/icon-error-arrow.png) no-repeat 88% 50%;float:left;margin:0 8px 0 0;padding:0 16px 0 0;}
/* when javascript is turned on, change to a border around the slider */
.jq .farefind .time-range .invalid-div{border:2px solid #FF0000;padding:5px;background:none;}
.jq .farefind .time-range .invalid-div .select-border{background:none;}

.farefind .time-range .field{width:97%;margin-bottom:10px;}
.jq .farefind .time-range select{position:absolute;left:-500em;}

/*FAREFIND - RESULTS*/
.ff-results li .padding{padding:20px 10px 20px 20px;}
.ff-results .box-19{width:370px;float:left;}
.farefind table .price{display:table-cell;text-align:right;font-size:0.95em;}
.ff-results .box-19 .b19-m .timetable, .ff-results .box-22 .b22-m .timetable{padding:13px 0 0 0;}
.farefind .timetable h3{color:#404040;font-size:1.08em;font-weight:bold;font-family:Arial, Helvetica, sans-serif;border-bottom:1px solid #c5c5c5;padding-bottom:10px;}
.farefind .journey-type{background:url(../images/icon-return-small.gif) no-repeat;padding-top: 18px;display:block;float:left;width:28px;height:12px;margin:5px 13px 0 13px;}
.farefind .timetable .result{padding:0.5em 1em 0 1em;}
.farefind .result .blue-lozenge{margin:-0.3em 1em 0 1.5em;}
.farefind h3 span{float:left;}
.farefind .result .price{margin:-3px 0 0 0.4em;}
.farefind .timetable-progress{padding:0;}

.farefind .timetable label{float:left;color:#404040;font-size:1.38em;font-weight:bold;;padding:0;}

.farefind .timetable table a{font-weight:bold;padding-left:17px;display:block;}
.farefind .timetable a label{color:#003366;font-size:1em;font-weight:normal;float:none;}

.ff-results .box-22{width:380px;float:left;position:relative;margin:-5px 0 0 -11px;z-index:5}
.ff-results .prog-int-bottom{border-bottom:1px solid #EFEFEF;}

.timetable .train-dates{position:relative;width:370px;margin:0 0 38px -9px}
.train-dates th, .train-dates td{padding:11px 9px 11px 9px;}
.train-dates th.first, .train-dates td.first{background:url(../images/bg-ff-table-td.gif) left top repeat-y;}
.train-dates td{font-weight:bold;font-size:0.94em;vertical-align:middle;}
.timetable .train-dates td.price{font-size:1.32em;}

.timetable .train-dates tr.selected td{background:#ecf8ff url(../images/bg-selected-gradient.gif) repeat-x left bottom;padding:0;vertical-align:top;}
.timetable .train-dates tr th.first, .timetable .train-dates tr td.first{padding:11px 5px 11px 22px;text-align:left;}
.timetable .train-dates tr.selected td{padding:0;}
.timetable .train-dates tr.selected td div{border-top:3px solid #99d1f4;padding:11px 5px 11px 14px;min-height:19px;}
.timetable .train-dates tr.selected td.first{background:url(../images/bg-selected-left.gif) no-repeat left bottom;}
.timetable .train-dates tr.selected td.first div{margin:0 0 0 9px;padding-top:14px;}
.timetable .train-dates tr td.end{background:url(../images/td-ff-last.gif) right top repeat-y;padding-right:17px;}
.timetable .train-dates tr.alt td.end{background:#F5F5F5 url(../images/td-ff-last.gif) right top repeat-y;}
.timetable .train-dates tr.selected td.end{background:url(../images/bg-selected-arrow.gif) no-repeat right bottom;}
.timetable .train-dates tr.selected td.end div{margin:0;padding:14px 0 0 25px;}
.timetable .train-dates tr.rollover td{background-color:#FFFEE2;}
.timetable .train-dates tr.rollover td.end{background-color:#FFFEE2;}

table.train-times{border-top:1px solid #c5c5c5;}
.train-times td{padding:11px 0 11px 13px;font-weight:bold;font-size:0.94em;vertical-align:middle;}
.train-times th{padding:1.5em 0 1.5em 13px;}
.train-times .first{padding-left:1em;text-align:left;}
.train-times .duration{font-weight:normal;}
.train-times .changes{text-align:center;}
.train-times td span.arrow{padding:5px 0 5px 20px;margin:-5px 0 -5px -13px;}
.farefind .timetable .train-times a{font-weight:normal;}
.ff-results .last .box-3{width:300px;}


/* HIDING/SHOWING LINKS AND HEADINGS */
.farefind .time-range h3, .farefind .specific-time h3{color:#FFF;font-size:1.4em;margin:0 0 10px 0;}
.jq .farefind .time-range h3{display: none;}
.jq .farefind .specific-time h3{display: none;}

/* HIDING / SHOWING SLIDER */
.sliderHide{position:absolute;left:-500em;}



