/* ================ Main ================= */ #contentwrapper #content-area p, #contentwrapper #content-area ul, #contentwrapper #content-area ol { margin-bottom: 12px; } #contentwrapper #content-area table { clear: both; } #leftcolumn { width: 266px; margin-left: 14px; float: left; clear: both; } #leftcolumn div#pagename { padding: 16px 0 27px 6px; } #leftcolumn div#pagename h1 { font-size: 158%; width: 251px; font-weight: bold; color: #00144d; line-height: 129%; } #leftcolumn h2 { font-size: 136%; font-weight: bold; } #basic-right { width: 660px; float: left; margin: 10px 0 0 0; position: relative; } #rightcolumn { width: 660px; float: left; margin: 11px 0 0 10px; position: relative; } #rightcolumn h2 { color: #00144d; } #content-area { width: 660px; float: left; position: relative; } #content-area ul { padding-left: 16px; } #content-area ol { padding-left: 24px; margin-left: 10px; } #return-screen-message { margin-top: 14px; min-height: 350px; } #return-screen-message p { margin-bottom: 16px; } /* ====== tertiary navigation ====== */ #nav-tertiary { width: 251px; float: left; margin: 10px 0 0 6px; } #nav-tertiary h1 { width: 215px; float: left; padding: 8px 10px 5px 26px; background: #00144d url(/emtrains/images/bg_nav_tertiary_header.gif) 0 0 no-repeat; color: #fff; } #nav-tertiary ul { width: 251px; float: left; background: #bbbbb3 url(/emtrains/images/bg_nav_tertiary_lower.gif) left bottom no-repeat; } #nav-tertiary li { display: block; width: 251px; float: left; background: transparent url(/emtrains/images/bg_divider.gif) 0 0 repeat-x; } #nav-tertiary a { display: block; width: 215px; padding: 9px 10px 7px 26px; float: left; background: transparent url(/emtrains/images/arrow_white_on_grey.gif) 14px 10px no-repeat; } #nav-tertiary li.on a, #nav-tertiary a:hover { color: #00144d; } /* ============= Live Departure boards ============= */ #live-info h1 { width: 660px; height: 34px; background: transparent url(/emtrains/images/header_live_info.gif) 0 0 no-repeat; } #live-info h1 span { display: none; } #live-info #live-info-content { width: 638px; padding: 10px; float: left; border-left: 1px solid #bfc9bd; border-right: 1px solid #bfc9bd; background: #fff url(/emtrains/images/bg_engineering_divider.gif) left bottom repeat-x; } #live-info .console-wrap { background:#fcfcfc url(/emtrains/images/bg_engineering_divider.gif) left bottom repeat-x; width:658px; float:left; padding-bottom: 10px; border-left: 1px solid #bfc9bd; border-right: 1px solid #bfc9bd; border-bottom: 1px solid #fcfcfc; } #live-info .console-section { float: left; width: 230px; } #live-info .console-section-right { padding-left: 20px; border-left: 1px solid #eee;} #live-info .console-row { font-size:100%; background:#fcfcfc; padding: 10px 10px 0 10px; clear: both; } #live-info .console-row-top { padding: 0 10px 0 10px; } #live-info .console-row p { color:#012b5d; margin-bottom: 4px; } #live-info p.console-row { padding-bottom: 10px; } #live-info .console-row input { background: transparent; } #live-info .console-row select { display: block; margin-top: 4px; } #live-info .console-row label { color:#012b5d; } #live-info .button { padding: 16px 0 0 6px; display: block; float: left; } #live-info .button img { border: none !important; background: none !important; } #live-info .radio-row label { padding: 0 10px 0 4px; } #live-info .radio-row input { width: 12px; } #live-info .console-button { float: left; width: 70px; position: relative; } #live-info #live-info-button { position: absolute; top: 60px; left: 20px; height: 20px; } iframe#ldbpage { width: 658px; height: 400px; clear: both; } #ldb-emergency-panel { display: block; margin: 8px 0 0 0; background: transparent url(/emtrains/images/bg_emergency_wide.gif) 0 0 repeat-y; float: left; clear: both; } #ldb-emergency-panel h2 { background: transparent url(/emtrains/images/header_emergency_wide.gif) 0 0 no-repeat; width: 660px; height: 24px; } #ldb-emergency-panel h2 span { display: none; } #ldb-emergency-panel h3 { color: #00144d; width: 636px; padding: 10px 12px 10px 12px; } #ldb-emergency-panel #copy { width: 636px; padding: 0 0 0 12px; } #ldb-emergency-panel #copy p { color: #404040; padding: 0 0 10px 0; } #ldb-emergency-lower { margin: 0 0 0 0; background: transparent url(/emtrains/images/bg_emergency_lower_wide.gif) 0 0 no-repeat; width: 660px; height: 7px; float: left; clear: both; } /* ============= Create timetables ============= */ iframe#createtimetables { width: 653px; height: 980px; clear: both; } iframe#timetablereturn { width: 653px; height: 400px; clear: both; } /* ============= Check Tickets button ============= */ #leftcolumn span.findtickets{ background-color:#C3E6FA; width:208px; display:block; padding:10px 21px 4px 21px; margin-bottom:20px;} #leftcolumn span.findtickets h2{ padding-bottom:5px;} /* ============= Station Information ============= */ .station-info-content { width: 900px; padding: 10px 0 10px 30px; } div#stationinfoheader { margin-left: 30px; clear: both; position: relative; } div#stationinfoheader div#navbuttons { width: 100%; position: relative; } div#stationinfoheader label { font-size: 116%; font-weight: bold; } div#stationinfoheader select { margin-left: 10px; } div#stationinfoheader input { margin-left: 9px; margin-bottom: -1px; background-color: transparent; } div#stationinfoheader a img { position: absolute; right: 17px; top: 25%; } div#stationinfowrapper { background-image: url(/emtrains/images/bg_si.gif); background-position: left top; background-repeat: repeat-y; width: 942px; margin-left: 14px; margin-top: 9px; clear: both; color: #707172; } div#stationinfowrapper input { float: right; margin-right: 6px; margin-top: 4px; } div#stationinfowrapper img { display: block; } div#stationinfowrapper img#map { margin: 30px 0 22px 128px; } div#stationinfowrapper h2 { font-size: 136%; font-weight: bold; margin-left: 18px; padding: 17px 0 13px 0; color: #00144c; } div#stationinfowrapper h3 { font-size: 116%; font-weight: bold; margin-left: 4px; padding-top: 3px; padding-bottom: 4px; color: #00144c; } div#stationinfowrapper span.siheader { background-image: url(/emtrains/images/bg_si_info.gif); background-position: left bottom; background-repeat: repeat-x; width: 682px; display: block; margin-left: 14px; margin-bottom: 8px } div#stationinfowrapper table { width: 685px; margin-left: 11px; border-collapse: collapse; line-height: 170%; font-weight: bold; margin-bottom: 48px; } .stripe1 { background-color: #eaeef1; } .stripe2 { background-color: #fff; } .stripe1 a { text-decoration: none; color: #005bbb; } .stripe1 a:hover { color: #aac2ce; } .stripe2 a { text-decoration: none; color: #005bbb; } .stripe2 a:hover { color: #aac2ce; } div#stationinfowrapper table th { padding-left: 7px; padding-top: 1px; padding-bottom: 1px; width: 363px; text-align: left; vertical-align: top; } div#stationinfowrapper table td { padding-right: 7px; padding-top: 1px; padding-bottom: 1px; text-align: left; vertical-align: top; } div#stationinfowrapper table td:first-letter { text-transform: uppercase; } div#stationinfowrapper table address { font-style: normal; } div#station-info-simple { width: 97%; margin-top: 9px; } div#station-info-simple h2 { font-size: 136%; font-weight: bold; margin-left: 18px; padding: 17px 0 13px 0; } div#station-info-simple h3 { font-size: 116%; font-weight: bold; margin-left: 4px; padding-top: 3px; padding-bottom: 4px; } div#station-info-simple span.siheader { background-image: url(/emtrains/images/bg_si_info.gif); background-position: left bottom; background-repeat: repeat-x; width: 100%; display: block; margin-left: 14px; margin-bottom: 8px } div#station-info-simple table { width: 100%; margin-left: 11px; border-collapse: collapse; line-height: 170%; font-weight: bold; margin-bottom: 48px; } div#station-info-simple table th { padding-left: 7px; padding-top: 1px; padding-bottom: 1px; width: 40%; text-align: left; vertical-align: top; } div#station-info-simple table td { padding-right: 7px; padding-top: 1px; padding-bottom: 1px; text-align: left; vertical-align: top; width: 60%; } div#station-info-simple table td:first-letter { text-transform: uppercase; } div#station-info-simple table address { font-style: normal; } /* ============= Landing page navigation ============= */ #nav-landing { padding-top: 18px; float: left; } #nav-landing-links { width: 660px; background: transparent url(/emtrains/images/bg_nav_landing_wide.gif) 0 0 repeat-y; float: left; margin-top: 30px; } #nav-landing-links h2 { width: 626px; background: transparent url(/emtrains/images/bg_nav_landing_upper_wide.gif) left top no-repeat; color: #d2d2c5; font-size: 100%; padding: 7px 11px 5px 23px; text-transform: uppercase; } #nav-landing-links ul { width: 660px; background: transparent url(/emtrains/images/bg_nav_landing_lower_wide.gif) left bottom no-repeat; float: left; padding-bottom: 1px; } #nav-landing-links li { background: transparent url(/emtrains/images/bg_divider.gif) 0 0 repeat-x; float: left; display: block; } #nav-landing-links .left-col { width: 329px; margin-left: 1px; } #nav-landing-links .right-col { width: 329px; } #nav-landing-links .left-col a { width: 294px; padding: 8px 11px 5px 22px; background: transparent url(/emtrains/images/arrow_white_on_grey.gif) 10px 9px no-repeat; display: block; } #nav-landing-links .right-col a { width: 292px; padding: 8px 11px 5px 26px; background: transparent url(/emtrains/images/arrow_white_on_grey.gif) 14px 9px no-repeat; display: block; } .landing-column #nav-landing-links { width: 613px; background: transparent url(/emtrains/images/bg_nav_landing.gif) 0 0 repeat-y; } .landing-column #nav-landing-links h2 { width: 579px; background: transparent url(/emtrains/images/bg_nav_landing_upper.gif) left top no-repeat; } .landing-column #nav-landing-links ul { width: 613px; background: transparent url(/emtrains/images/bg_nav_landing_lower.gif) left bottom no-repeat; } .landing-column #nav-landing-links .left-col { width: 305px; } .landing-column #nav-landing-links .right-col { width: 306px; } .landing-column #nav-landing-links .left-col a { width: 270px; padding: 8px 11px 5px 22px; } .landing-column #nav-landing-links .right-col a { width: 268px; padding: 8px 11px 5px 26px; } #nav-landing-icons { float: left; } #nav-landing-icons h2 { float: left; color: #00144d; font-size: 124%; font-weight: bold; padding-bottom: 8px; width: 637px; } #nav-landing-icons .landing-row { width: 660px; clear: both; float: left; padding-bottom: 11px; } #nav-landing-icons a { display: block; width: 205px; float: left; padding-right: 12px; } #nav-landing-icons a .nav-landing-header { display: block; width: 190px; float: left; padding: 7px 0 1px 15px; color: #005bbb; line-height: 159%; font-weight: bold; background: transparent url(/emtrains/images/arrow_white.gif) 0 11px no-repeat; } #nav-landing-icons a .nav-landing-copy { display: block; width: 190px; float: left; padding-left: 15px; color: #6b6b65; font-size: 90%; line-height: 159%; font-weight: bold; } #nav-landing-icons a:hover .nav-landing-header { color: #00144d; } /* ============= Tell A Friend elements ============= */ div#tellafriendwrapper { position: relative; width: 370px; } div#tellafriendcolumn { width: 350px; padding: 10px 20px 10px 20px; } div#tellafriendcolumn h1 { margin-bottom: 6px; } div#tellafriendcolumn h1 span { color: #707172; font-size: 60%; font-weight: normal; } div#tellafriendcolumn ul { padding-left: 16px; } span#buttontellafriend { margin-top: 9px; clear: both; width: 100%; display: block; position: relative; } a.buttonprintpage { clear: both; float: right; padding-bottom: 10px; } a.buttontellafriend { clear: both; float: right; } a.buttontellafriendonly { position: relative; float: right; } /* ============= Articles elements ============= */ #article-header { width: 631px; padding: 0 11px 0 11px; background: #fff url(/emtrains/images/bg_content_white_upper.gif) 0 0 no-repeat; float: left; } #article-header h2 { float: left; color: #00144d; font-weight: bold; padding: 8px 0 0 0; position: relative; font-size: 112%; line-height: 139%; } #article-header span { display: block; float: left; font-style: italic; padding-top: 3px; padding-bottom: 17px; font-size: 90%; clear: both; width: 631px; } /* ====== white content area ====== */ #content-white { width: 653px; background: #fff url(/emtrains/images/bg_content_white_lower.gif) left bottom no-repeat; float: left; } #content-white p { width: 631px; padding: 0 11px 16px 11px; font-size: 90%; line-height: 139%; } #content-white #phMainContent h2 { color: #00144d; font-weight: bold; padding: 8px 11px 0 11px; position: relative; font-size: 112%; line-height: 139%; } #content-white table { margin: 0 0 0 12px; } ul.blue li{ color: #005bbb; } ul.articlelinks { clear: both; } ul.articlelinks li { color: #005bbb; padding-bottom: 2px; background: transparent url(/emtrains/images/bullet_blue.gif) 0 50% no-repeat !important; position: relative; } ul.articlelinks li a { text-decoration: none; font-weight: normal; } ul.articlelist { list-style-type: none; padding-left: 0 !important; padding-top: 7px; float: left; clear: both; } ul.articlelist li { background-image: url(/emtrains/images/article_separator.gif); background-position: left top; background-repeat: no-repeat; padding-top: 19px; padding-bottom: 18px; } ul.articlelist li a.header { color: #fff; display: block; } ul.articlelist li a.header h3 { width: 80%; display: inline; float: left; font-size: 116%; font-weight: bold; margin-bottom: 17px; clear: both; } ul.articlelist li a.header span { width: 20%; display: inline; float: right; text-align: right; font-style: italic; padding-top: 3px; } ul.articlelist li span.content { display: block; clear: both; line-height: 145%; } ul.articlelist li a.backtotop { background-image: url(/emtrains/images/arrow_white_up.gif); background-position: right 2px; background-repeat: no-repeat; padding-right: 17px; color: #005bbb; } ul.articlelist li a.backtotop:hover { color: #00144d; } a.backtotop { background-image: url(/emtrains/images/arrow_white_up.gif); background-position: right 2px; background-repeat: no-repeat; padding-right: 17px; color: #005bbb; } a.backtotop:hover { color: #00144d; } .month-name { color: #00144f; margin-bottom: 0 !important; } h3.month-name { font-size: 96%; } /* ============= Sitemap elements ============= */ span#tagcloud{ clear:left; margin-bottom:15px; width:670px; line-height:240%; display: block;} span#tagcloud a { text-decoration: none !important; margin:0 3px; } span#tagcloud a.size1{ font-size:200%; } span#tagcloud a.size1Bold{ font-size:200%; font-weight:bold; } span#tagcloud a.size2{ font-size:150%; } span#tagcloud a.size2Bold{ font-size:150%; font-weight:bold; } span#tagcloud a.size3{ font-size:120%; } span#tagcloud a.size4{ font-size:100%; } span#tagcloud a.size5{ font-size:95%; } span#tagcloud a.size6{ font-size:80%; } div#sitemap{ background-image:url(/emtrains/images/bg_sitemap.gif); background-repeat:repeat-y; padding:0 0 20px 20px; margin-left:20px; width: 930px; clear:left; position: relative; float: left; } div#sitemap a { text-decoration: none; color: #005bbb; display: block; width: 100%; } div#sitemap a:hover { color: #00144d; } div#sitemap span.row{ margin-left:78px; clear:both; display:block; position: relative; } div#sitemap a h2 { font-size: 116%; font-weight:bold; width:130px; position: absolute; } div#sitemap ul{ float:left; width:143px; padding:2px 0 0 10px; margin:0; display:block; position: relative;} div#sitemap ul li{ clear: both; list-style:none; color:#0066B2; padding:3px 0 2px 0; width:120px;} div#sitemap ul li.header { position: relative; padding: 27px 0 37px 0; display: block; } div#sitemap ul li ul{ width:130px; padding-bottom:3px;} /* ============= disruption/engineering works elements ============= */ /* Engineering Works - accessible version */ #content-left { width: 237px; margin-left: 14px; } #engineering-accessible h1 { width: 660px; height: 34px; background: transparent url(/emtrains/images/header_engineering.gif) 0 0 no-repeat; } #engineering-accessible h1 span { display: none; } #engineering-accessible #engineering-content { width: 638px; padding: 10px; float: left; border-left: 1px solid #bfc9bd; border-right: 1px solid #bfc9bd; background: #fff url(/emtrains/images/bg_engineering_divider.gif) left bottom repeat-x; } #engineering-accessible .console-wrap { background:#fcfcfc url(/emtrains/images/bg_engineering_divider.gif) left bottom repeat-x; width:658px; float:left; padding-bottom: 10px; border-left: 1px solid #bfc9bd; border-right: 1px solid #bfc9bd; border-bottom: 1px solid #fcfcfc; } #engineering-accessible .console-row { font-size:100%; background:#fcfcfc; padding:10px; clear: both; } #engineering-accessible .console-row p { color:#012b5d; margin-bottom: 4px; } #engineering-accessible .console-row div { float:left; margin-right: 12px; } #engineering-accessible .console-row input { background: transparent; } #engineering-accessible .console-row input.first { margin-left: 0;} #engineering-accessible .console-row input.datebutton { float: left; margin-right: 4px; border: 1px solid #d2d5de; } #engineering-accessible .console-row label { color:#012b5d; } #engineering-accessible .console-row label.block { display: block; margin-bottom: 4px; } #engineering-accessible .console-row label.check-label { padding: 0 4px 0 0; } #engineering-accessible .console-row a.datebutton { display: block; float: left; } #engineering-accessible .console-row a.datebutton img { border:1px solid #d2d5de; padding: 1px 0 2px 0; vertical-align: top; background: #fff; } #engineering-accessible input.textfield { width:119px; border:1px solid #ccc; padding: 3px; background: #fff; } #engineering-accessible input.disabled { color: #ccc; } #engineering-accessible .button { padding: 16px 0 0 6px; display: block; float: left; } #engineering-accessible .button img { border: none !important; background: none !important; } #engineering-accessible #engineering-days { margin-left: 20px; } #engineering-accessible #engineering-days p { padding: 0 0 6px 0; } #engineering-accessible #engineering-days label { padding: 0 2px 0 1px; } #engineering-accessible #engineering-days input { width: 13px; height: 13px; } #engineering-list { list-style: none; padding: 12px 0 0 0; clear: both; float: left; width: 656px; } #engineering-list li { padding: 8px; margin-top: 4px; float: left; width: 643px; } #engineering-list h2 { padding: 8px 8px 2px 8px; font-weight: bold; font-size: 136%; width: 630px; line-height: 139%; } #engineering-list h2.problem { color: #ef3452; } #engineering-list h3 { padding: 0 0 4px 0; font-weight: bold; font-size: 120%; color: #00144d; } #engineering-list h3 span { font-weight: normal; } #engineering-list .times { padding: 0 0 4px 0; margin: 0; font-weight: normal; font-size: 100%; } #engineering-list .times strong { font-weight: bold; } #engineering-list .stations-affected { margin-bottom: 8px; } #engineering-list ol li { padding: 0 !important; } #engineering-list .red { color: #ef3452; } #engineering-list .amber { color: #f77d31; } #engineering-list .blue { color: #00164a; } #engineering-list .green { color: #227508; } #engineering-list .stripe1 { background-color: #fff; } #engineering-list .stripe2 { background-color: #fff; } #engineering-list a { color: #005bbb; background: transparent url(/emtrains/images/arrow_blueonwhite.gif) 0 1px no-repeat; display: block; padding: 0 0 0 13px; clear: both; } #engineering-list a.link-close { padding-top: 8px; background: transparent url(/emtrains/images/arrow_blueonwhite.gif) 0 9px no-repeat;} #engineering-list a:hover { color: #00144d; } #disruption-list { list-style: none; padding: 6px; clear: both; float: left; width: 644px; border: 2px solid #fecb00; margin: 12px 0 12px 0; } #disruption-list li { padding: 8px; margin-top: 4px; float: left; width: 630px; } #disruption-list h2 { padding: 8px 8px 2px 8px; font-weight: bold; font-size: 136%; width: 630px; line-height: 139%; } #disruption-list h2.problem { color: #ef3452; } #disruption-list h3 { padding: 0 0 4px 0; font-weight: bold; font-size: 120%; color: #00144d; } #disruption-list h3 span { font-weight: normal; } #disruption-list .times { padding: 0 0 4px 0; margin: 0; font-weight: normal; font-size: 100%; } #disruption-list .times strong { font-weight: bold; } #disruption-list .routes-affected { margin-bottom: 8px; } #disruption-list ol li { padding: 0 !important; } #disruption-list a { color: #005bbb; background: transparent url(/emtrains/images/arrow_white.gif) 0 1px no-repeat; display: block; padding: 0 0 0 13px; clear: both; } #disruption-list a.link-close { padding-top: 8px; background: transparent url(/emtrains/images/arrow_white.gif) 0 9px no-repeat;} #disruption-list a:hover { color: #00144d; } /* ============= News table============= */ div#newstable table th { padding-left: 7px; padding-top: 1px; padding-bottom: 1px; width: 200px; text-align: left; vertical-align: top; } div#newstable table td { padding-right: 7px; padding-top: 1px; width: 100px; padding-bottom: 1px; text-align: center; vertical-align: top; } /* New timetable 2008-2009 promotion */ #timetable-img #background { position: relative; } #timetable-img #allchange { position: absolute; left: 32px; top: 28px; } #timetable-img #newfrom { position: absolute; left: 32px; top: 80px; } #timetable-img #findout { position: absolute; left: 32px; top: 132px; } #timetable-body { background: transparent url(/emtrains/images/bg_newtimetable2.gif) left top repeat-y; width: 671px; position: relative; overflow: hidden; } #timetable-body #town-crier { background: transparent url(/emtrains/images/bg_newtimetable.gif) left top no-repeat; position: relative; float: left; } #timetable-body h2 { color: #fff; text-transform: uppercase; font-weight: bold; padding: 26px 200px 9px 30px; font-size: 150%; } #timetable-body h3 { color: #fff; font-weight: bold; padding-bottom: 8px; font-size: 130%; } #timetable-body ul { list-style: none; padding: 0 200px 0px 30px !important; float: left; } #timetable-body li p { color: #fff; line-height: 140%; font-size: 116%; } #timetable-body li { padding-bottom: 16px; } #timetable-body #register { padding: 0 0 22px 30px; clear: both; float: left; width: 671px; } #timetable-body #register #myjourneys-label { padding: 6px 20px 6px 0; float: left; } #timetable-body #register a { float: left; background: transparent url(/emtrains/images/button_registermyjourneys.gif) 0 0 no-repeat; width: 174px; height: 50px; display: block; } #timetable-body #register a:hover { background: transparent url(/emtrains/images/button_registermyjourneys.gif) 0 -50px no-repeat; } #timetable-body #register a span { display: none; } #timetable-body .button-more { color: #fff; font-size: 118%; font-weight: bold; background: transparent url(/emtrains/images/arrow_white.gif) right 3px no-repeat; padding-right: 16px; } #timetable-body .button-more:hover { color: #aac2ce; background: transparent url(/emtrains/images/arrow_blue.gif) right 3px no-repeat; } #timetable-body .new-timetable { color: #fff; line-height: 140%; font-size: 116%; margin-bottom: 16px; background: #00144f; padding: 4px 8px 4px 8px; border: 1px solid #8b998c; } #timetable-body .new-timetable th { font-weight: bold; text-align: left; padding: 2px 8px 4px 8px; } #timetable-body .new-timetable th#main { padding-bottom: 0px; } #timetable-body .new-timetable td { padding: 2px 8px 2px 8px; } #timetable-body .new-timetable .stripe1 { background: #005caf; } #timetable-body .new-timetable .stripe2 { background: none; } #timetable-nav { position: relative; float: left; width: 671px; height: 43px; margin: 0 !important; padding: 0 !important; background: #fff; } #timetable-nav li { display: block; float: left; height: 43px; position: relative; } #timetable-nav a { display: block; float: left; color: #00144c; font-weight: bold; height: 43px; width: 100%; background: transparent url(/emtrains/images/bg_timetablenav.gif) left top no-repeat; text-align: center; } #timetable-nav a span { padding: 15px 4px 0 4px; display: block; } #timetable-nav a:hover { color: #00144c; background: transparent url(/emtrains/images/bg_timetablenav_rev.gif) left top no-repeat; } #timetable-nav li.on a, #timetable-nav li.on a:hover { color: #fff; background: transparent url(/emtrains/images/bg_timetablenav_on.gif) left top repeat-x; } #timetable-nav .nav-glow { background: #c71040; position: absolute; top: 0; left: 0; width: 100%; height: 43px; } #select-timetable-station { padding: 13px 0 13px 27px; float: left; width: 644px; background: transparent url(/emtrains/images/bg_newtimetableddl.gif) left top repeat-y; } #select-timetable-station label { color: #00144c; font-size: 118%; font-weight: bold; display: block; float: left; } #select-timetable-station select { margin: 1px 9px 0 0; float: left; } #select-timetable-station #button-container { float: left; position: relative; } #select-timetable-station #button-container img { float: left; position: absolute; left: 0; top: 0; } #select-timetable-station #label-container { margin: 0 13px 0 0; float: left; position: relative; width: 16em; padding: 3px; } #select-timetable-station .label-glow { background: #c71040; position: absolute; top: 0; left: 0; width: 100%; padding: 3px; color: #fff; font-size: 118%; font-weight: bold;} /* Ad rotator on Basic template */ .rotator { float: left; margin-right: 28px; border: 1px solid #2f4775; } .rotator-adjacent { float: left; width: 150px; } /* Tagging system & tag cloud */ #tag-list { width: 230px; } #tag-list p { font-weight: bold; } #tag-list li { list-style: none; } #tag-list li a { display: none; padding-left: 10px; } #tag-list li:hover a { display: inline; } .tag-textbox { display: block; margin: 0 10px 0 0; } #tag-cloud { width: 237px; float: left; margin: 0 0 0 6px; padding: 4px 0 8px 14px; overflow: hidden; text-align: center; border-top: 1px solid #d1d1c5; background: #bbbbb3 url(/emtrains/images/bg_nav_tertiary_lower.gif) left bottom no-repeat; } #tag-cloud a { padding-right: 14px; line-height: 156%; color: #005bbb; text-decoration: none; } #tag-cloud .tag_1 { font-size: 94%; font-weight: normal; } #tag-cloud .tag_2 { font-size: 98%; font-weight: normal; } #tag-cloud .tag_3 { font-size: 106%; font-weight: normal; } #tag-cloud .tag_4 { font-size: 118%; font-weight: normal; } #tag-cloud .tag_5 { font-size: 130%; font-weight: normal; } #tag-cloud .colored { color: #00134b; } #tag-cloud a:hover { color: #fff; } #tag-cloud .on, #tag-cloud .on:hover { color: #fff; } #tag-cloud-header { width: 215px; float: left; margin: 10px 0 0 6px; color: #fff; padding: 8px 10px 5px 26px; border-bottom: 1px solid #a1a199; background: #00144d url(/emtrains/images/bg_nav_tertiary_header.gif) 0 0 no-repeat; } #date-nav { margin-bottom: 16px; background: url(/emtrains/images/bg_navtertiary.gif) 0 bottom repeat-x; padding-bottom: 8px; } #date-nav .on { color: #c71040; } h2.newsheader { padding-bottom: 16px; margin-bottom: 4px; position: relative; font-size: 118%; font-weight: bold; } #date-nav a { text-decoration: none; } #tag-associations { margin: 0 !important; color: #00144d; font-size: 112%; float: left; clear: both; width: 631px; padding: 9px 11px 18px 11px; font-weight: bold; } .horizontal-bar { width: 100%; background: url(/emtrains/images/bg_divider.gif) 0 0 repeat-x; height: 2px; float: left; clear: both; } /* social bookmarking */ #socialbookmarks { width: 631px; padding: 0 11px 12px 11px; display: block; float: left; } #socialbookmarks h2 { font-size: 112%; font-weight: bold; color: #00144d; padding: 0 0 5px 0; } #socialbookmarks ul { list-style: none; padding-left: 0 !important; padding-top: 6px; } #socialbookmarks li { display: inline; padding-left: 0 !important; background: none !important; } #socialbookmarks a { padding-bottom: 4px; padding-right: 20px; font-weight: bold; font-size: 90%; } #socialbookmarks #delicious { background: transparent url(/emtrains/images/bg_button_delicious.gif) 0 0 no-repeat; padding-left: 22px; } #socialbookmarks #digg { background: transparent url(/emtrains/images/bg_button_digg.gif) 0 0 no-repeat; padding-left: 21px; } #socialbookmarks #reddit { background: transparent url(/emtrains/images/bg_button_reddit.gif) 0 0 no-repeat; padding-left: 24px; } #socialbookmarks #facebook { background: transparent url(/emtrains/images/bg_button_facebook.gif) 0 0 no-repeat; padding-left: 20px; } #socialbookmarks #stumbleupon { background: transparent url(/emtrains/images/bg_button_stumbleupon.gif) 0 0 no-repeat; padding-left: 21px; } /* Timetable download page */ #content-full-width { width: 955px; float: left; padding-left: 15px ; position: relative; height: 480px; margin-top: 4px; } #content-full-width #frame-top { position: absolute; top: 22px; left: 0px; z-index: 100; padding-left: 17px; } #content-full-width #frame-right { position: absolute; top: 182px; left: 602px; z-index: 100; } #content-full-width #frame-bottom { position: absolute; top: 422px; left: 0px; z-index: 100; padding-left: 17px; } #content-full-width #frame-left { position: absolute; top: 182px; left: 0px; z-index: 100; padding-left: 17px; } #content-full-width #frame-hat { position: absolute; top: 0px; left: 767px; z-index: 100; margin-top: -28px; } #content-full-width #button_myjourneys_logon { position: absolute; top: 444px; left: 406px; z-index: 100; width: 203px; height: 12px; background: url(/emtrains/images/button_myjourneyslogin.gif) 0 0 no-repeat; } #content-full-width #button_myjourneys_logon span { display: none; } #content-full-width #window-background { position: absolute; top: 112px; left: 26px; z-index: 5; height: 320px; width: 576px; background: #fff; } #content-full-width iframe { position: absolute; top: 0px; left: 40px; z-index: 10; height: 300px; width: 576px; background-image: none; } /* news movies */ .movie-gap { margin-bottom: 10px; display: block; } .hide { visibility: hidden; } /* ====== My Journeys login page ====== */ #my-journeys-login { width: 235px; height: 36px; background: transparent url(/emtrains/images/header_your_route_to.gif) 0 0 no-repeat; float: left; margin-bottom: 17px; } #my-journeys-login span { display: none; } /* ====== single or twin placeholders ====== */ #single-or-twin { width: 613px; margin: 8px 0 0 0; float: left; } #single-or-twin .landing-single { display: block; float: left; width: 613px; } #single-or-twin .landing-twin-left { display: block; float: left; width: 302px; margin-right: 8px; } #single-or-twin .landing-twin-right { display: block; float: left; width: 302px; } #single-or-twin p { margin: 16px 25px 0 25px; line-height: 139%; font-size: 112%; } #single-or-twin h2 { margin: 16px 25px 0 25px; line-height: 139%; font-size: 112%; font-weight: bold; } #single-or-twin a.call-to-action { display: block; margin-left: -15px; padding: 2px 0 0 15px; background: transparent url(/emtrains/images/arrow_white.gif) 0 50% no-repeat; } #single-or-twin ul { margin: 0 25px 0 25px; } #single-or-twin li { background: transparent url(/emtrains/images/bullet_blue.gif) 0 7px no-repeat; padding-left: 14px; line-height: 139%; font-size: 112%; } /* ====== sub-accordian placeholder ====== */ #phAccordianPromo { width: 300px; float: left; display: block; margin: 10px 0 0 6px; } /* ====== destinations template ====== */ #destination { width: 660px; float: left; margin: 8px 0 0 0; padding-bottom: 21px; background: #fcfcfc url(/emtrains/images/bg_destination.gif) left bottom no-repeat; } #destination #destination-header { display: block; width: 660px; height: 58px; position: relative; background: transparent url(/emtrains/images/bg_destination_header.gif) 0 0 repeat-x; float: left; } #destination #destination-header h1 { text-transform: uppercase; color: #00144d; position: absolute; top: 12px; left: 11px; font-weight: bold; } #destination #destination-header h1 span { color: #6b6b65; } #destination #destination-header #button-stations { display: block; float: right; } #destination #destination-header #button-stations select { margin-top: 17px; display: block; float: left; } #destination #destination-header #button-stations input { margin: 14px 10px 0 6px; display: block; float: left; } #destination #attractions { display: block; width: 660px; height: 47px; background: transparent url(/emtrains/images/bg_destination_attractions.gif) 0 0 no-repeat; float: left; } #destination #attractions span { display: none; } #destination .attraction { position: relative; } #destination .attraction-row { padding-bottom: 54px; } #destination .attraction-buttons { position: absolute; bottom: 0; left: 0; margin-bottom: -54px; } #nav-destination { width: 660px; height: 25px; background: transparent url(/emtrains/images/bg_nav_destination.gif) 0 0 no-repeat; } #nav-destination li { display: block; float: left; } #nav-destination li a { display: block; float: left; } #nav-destination li span { display: none; } #nav-destination #services-attractions-offers a { width: 220px; height: 25px; margin-right: 1px; background: transparent url(/emtrains/images/nav_destination_servicesattractionsoffers.gif) 0 0 no-repeat; } #nav-destination #services-attractions-offers a:hover, #nav-destination #services-attractions-offers a.on { background: transparent url(/emtrains/images/nav_destination_servicesattractionsoffers.gif) 0 -25px no-repeat; } #nav-destination #station-information a { width: 219px; height: 25px; margin-right: 1px; background: transparent url(/emtrains/images/nav_destination_stationinformation.gif) 0 0 no-repeat; } #nav-destination #station-information a:hover, #nav-destination #station-information a.on { background: transparent url(/emtrains/images/nav_destination_stationinformation.gif) 0 -25px no-repeat; } #nav-destination #car-parking a { width: 219px; height: 25px; background: transparent url(/emtrains/images/nav_destination_carparking.gif) 0 0 no-repeat; } #nav-destination #car-parking a:hover, #nav-destination #car-parking a.on { background: transparent url(/emtrains/images/nav_destination_carparking.gif) 0 -25px no-repeat; } #nav-destination #services-attractions-offers .grey-out { display: block; width: 220px; height: 25px; margin-right: 1px; background: none; } #nav-destination #station-information .grey-out { display: block; width: 219px; height: 25px; margin-right: 1px; background: none; } #nav-destination #car-parking .grey-out { display: block; width: 219px; height: 25px; background: none; } #nav-destination #services-attractions-offers .on { display: block; width: 220px; height: 25px; margin-right: 1px; background: transparent url(/emtrains/images/nav_destination_servicesattractionsoffers.gif) 0 -25px no-repeat; } #destination #station-info { width: 660px; float: left; } #destination #station-info h2 { width: 649px; margin: 0 1px 8px 1px; float: left; color: #00144d; font-weight: bold; padding: 0 0 0 8px; line-height: 189%; font-size: 112%; background: transparent url(/emtrains/images/bg_header_underline.gif) left bottom repeat-x; } #destination #station-info table { width: 656px; float: left; margin: 0 2px 44px 2px; } #destination #station-info table.last { margin: 0 2px 0 2px; } #destination #station-info th { width: 327px; padding: 0 10px 0 7px; text-align: left; font-weight: normal; line-height: 189%; font-size: 90%; } #destination #station-info td { width: 301px; padding: 0 10px 0 0; text-align: left; line-height: 189%; font-size: 90%; } #destination #station-info .stripe1 { background-color: #e7ebee; position: relative; } #destination #station-info .station-not-found { padding: 10px 0 0 10px; } /* ====== regional styles ====== */ .regional { padding-bottom: 21px; width: 660px; float: left; margin: 0px; background: #fcfcfc url(/emtrains/images/bg_destination.gif) left bottom no-repeat; } .regional #destination-header { display: block; width: 660px; height: 58px; position: relative; background: transparent url(/emtrains/images/bg_destination_header.gif) 0 0 repeat-x; float: left; } .regional #destination-header h1 { text-transform: uppercase; color: #00144d; position: absolute; top: 12px; left: 11px; font-weight: bold; } .regional #destination-header h1 span { color: #6b6b65; } .regional #destination-header #button-stations { display: block; float: right; } .regional #destination-header #button-stations select { margin-top: 17px; display: block; float: left; } .regional #destination-header #button-stations input { margin: 14px 10px 0 6px; display: block; float: left; } .regional #attractions { display: block; width: 660px; height: 47px; background: transparent url(/emtrains/images/bg_destination_attractions.gif) 0 0 no-repeat; float: left; } .regional #attractions span { display: none; } .regional .attraction { position: relative; } .regional .attraction-row { padding-bottom: 54px; } .regional .attraction-buttons { position: absolute; bottom: 0; left: 0; margin-bottom: -54px; } .regional #station-info { width: 660px; float: left; } .regional #station-info h2 { width: 649px; margin: 0 1px 8px 1px; float: left; color: #00144d; font-weight: bold; padding: 0 0 0 8px; line-height: 189%; font-size: 112%; background: transparent url(/emtrains/images/bg_header_underline.gif) left bottom repeat-x; } .regional #station-info table { width: 656px; float: left; margin: 0 2px 44px 2px; } .regional #station-info table.last { margin: 0 2px 0 2px; } .regional #station-info th { width: 327px; padding: 0 10px 0 7px; text-align: left; font-weight: normal; line-height: 189%; font-size: 90%; } .regional #station-info td { width: 301px; padding: 0 10px 0 0; text-align: left; line-height: 189%; font-size: 90%; } .regional #station-info .stripe1 { background-color: #e7ebee; position: relative; } .regional #station-info .station-not-found { padding: 10px 0 0 10px; } .regional #left-col { float:left; padding:0 0 0; width:316px; } .regional #right-col { float:left; padding:0 0 0 24px; width:276px; } .regional li { background:url("/emtrains/images/bullet_blue.gif") no-repeat scroll 0 7px transparent; font-size:112%; line-height:139%; padding-left:14px; } .regional p { font-size:112%; line-height:148%; padding-bottom:16px; } .regional h2 { color:#00144D; font-size:124%; font-weight:bold; padding:14px 0 12px; } /* ====== destinations landing page ====== */ #header-destination-map { width: 660px; height: 34px; background: transparent url(/emtrains/images/header_townsandcities.gif) 0 0 no-repeat; float: left; } #header-destination-map span { display: none; } #destination-map { border-bottom: 1px solid #bfc9bd; float: left; position: relative; margin-top:40px; margin-bottom:-18px; } #destination-map #destination-map-console { width: 610px; height: 430px; background: transparent url(/emtrains/images/map_destinations.gif) right top no-repeat; position: relative; float: left; margin: 0 !important; border-left:1px solid #bdcbbd; border-right:1px solid bdcbbd# } #destination-map #destination-map-console li { display: block; list-style-type: none; line-height: 0; position:relative; } #destination-map #destination-map-console a { display: block; position: absolute; } #destination-map #destination-map-console li a span { display: none; } #destination-map #destination-map-chesterfield a { z-index: 100; width: 95px; height: 22px; top: 106px; left: 287px; background: transparent url(/emtrains/images/map_station_chesterfield.gif) 0 22px no-repeat; } #destination-map #destination-map-corby a { z-index: 100; width: 51px; height: 22px; top: 211px; left: 365px; background: transparent url(/emtrains/images/map_station_corby.gif) 0 22px no-repeat; } #destination-map #destination-map-crewe a { z-index: 100; width: 52px; height: 22px; top: 121px; left: 126px; background: transparent url(/emtrains/images/map_station_crewe.gif) 0 22px no-repeat; } #destination-map #destination-map-derby a { z-index: 100; width: 50px; height: 21px; top: 155px; left: 226px; background: transparent url(/emtrains/images/map_station_derby.gif) 0 21px no-repeat; } #destination-map #destination-map-eastmidlandsparkway a { z-index: 100; width: 158px; height: 22px; top: 174px; left: 306px; background: transparent url(/emtrains/images/map_station_eastmidlandsparkway.gif) 0 22px no-repeat; } #destination-map #destination-map-kettering a { z-index: 100; width: 74px; height: 21px; top: 258px; left: 277px; background: transparent url(/emtrains/images/map_station_kettering.gif) 0 21px no-repeat; } #destination-map #destination-map-leicester a { z-index: 100; width: 74px; height: 22px; top: 206px; left: 241px; background: transparent url(/emtrains/images/map_station_leicester.gif) 0 22px no-repeat; } #destination-map #destination-map-lincoln a { z-index: 100; width: 59px; height: 21px; top: 124px; left: 387px; background: transparent url(/emtrains/images/map_station_lincoln.gif) 0 21px no-repeat; } #destination-map #destination-map-liverpool a { z-index: 100; width: 75px; height: 22px; top: 63px; left: 60px; background: transparent url(/emtrains/images/map_station_liverpool.gif) 0 22px no-repeat; } #destination-map #destination-map-london a { z-index: 100; width: 60px; height: 23px; top: 377px; left: 438px; background: transparent url(/emtrains/images/map_station_london.gif) 0 23px no-repeat; } #destination-map #destination-map-loughborough a { z-index: 100; width: 108px; height: 22px; top: 180px; left: 182px; background: transparent url(/emtrains/images/map_station_loughborough.gif) 0 22px no-repeat; } #destination-map #destination-map-manchester a { z-index: 100; width: 90px; height: 21px; top: 55px; left: 141px; background: transparent url(/emtrains/images/map_station_manchester.gif) 0 21px no-repeat; } #destination-map #destination-map-marketharborough a { z-index: 100; width: 141px; height: 21px; top: 232px; left: 190px; background: transparent url(/emtrains/images/map_station_marketharborough.gif) 0 21px no-repeat; } #destination-map #destination-map-matlock a { z-index: 100; width: 65px; height: 22px; top: 125px; left: 204px; background: transparent url(/emtrains/images/map_station_matlock.gif) 0 22px no-repeat; } #destination-map #destination-map-norwich a { z-index: 100; width: 65px; height: 22px; top: 166px; left: 511px; background: transparent url(/emtrains/images/map_station_norwich.gif) 0 22px no-repeat; } #destination-map #destination-map-nottingham a { z-index: 100; width: 86px; height: 21px; top: 149px; left: 325px; background: transparent url(/emtrains/images/map_station_nottingham.gif) 0 21px no-repeat; } #destination-map #destination-map-peakdistrict a { z-index: 0; width: 66px; height: 106px; top: 49px; left: 224px; background: transparent url(/emtrains/images/map_station_peakdistrict.gif) 0 106px no-repeat; } #destination-map #destination-map-sheffield a { z-index: 100; width: 73px; height: 22px; top: 74px; left: 295px; background: transparent url(/emtrains/images/map_station_sheffield.gif) 0 22px no-repeat; } #destination-map #destination-map-skegness a { z-index: 100; width: 73px; height: 21px; top: 101px; left: 459px; background: transparent url(/emtrains/images/map_station_skegness.gif) 0 21px no-repeat; } #destination-map #destination-map-stokeontrent a { z-index: 100; width: 111px; height: 22px; top: 150px; left: 94px; background: transparent url(/emtrains/images/map_station_stokeontrent.gif) 0 22px no-repeat; } #destination-map #destination-map-wellingborough a { z-index: 100; width: 118px; height: 21px; top: 272px; left: 367px; background: transparent url(/emtrains/images/map_station_wellingborough.gif) 0 21px no-repeat; } #destination-map-console a:hover { background-position: 0 0 !important; } #destination-map-station-list { position: relative; width: 610px; float: left; } #destination-map-list-inner { width: 610px; background: #fff; float: left; border-left: 1px solid #bfc9bd; border-right: 1px solid #bfc9bd; position: relative; z-index:5000; } #destination-map-list-inner ul { display: block; float: left; width: 185px; margin-left: 12px; padding: 10px 0; } #destination-map-list-inner li { clear: both; list-style-type: none; background: none !important; padding: 0 !important; } #destination-map-list-inner a { text-transform: uppercase; font-size: 90%; } #destination-map-station-header { width: 610px; height: 51px; border-left: 1px solid #bfc9bd; border-right: 1px solid #bfc9bd; border-top: 1px solid #eee; position: relative; float: left; background: #fcfcfc; } #destination-map-station-header h2 { display: block; position: absolute; left: 12px; top: 21px; width: 108px; height: 12px; background: transparent url(/emtrains/images/button_allstations.gif) -15px 0 no-repeat; } #destination-map-station-header a { display: block; position: absolute; left: 12px; top: 21px; width: 108px; height: 12px; background: transparent url(/emtrains/images/button_allstations.gif) 0 0 no-repeat; } #destination-map-station-header span { display: none; } #destination-map-station-list-header { width: 660px; height: 31px; display: block; background: transparent url(/emtrains/images/header_allstations.gif) 1px 0 no-repeat; float: left; } #destination-map-station-list-header span { display: none; } .destination-map-animation { height: 516px; overflow: hidden; } .destination-map-animation #destination-map-list-inner { height: 450px; overflow: scroll; } /* ====== seat sale calendar ====== */ #seat-sale-ticket-availability { position: relative; margin: 16px 0; } #seat-sale-ticket-availability h2 { margin: 0 0 16px 0; text-transform: uppercase; } #seat-sale-calendar { position: relative; } #seat-sale-calendar th { width: 92px; height: 55px; background: #021750; text-transform: uppercase; font-weight: normal; color: #fff; border-right: 5px solid #15346a; border-bottom: 5px solid #15346a; vertical-align: middle; } #seat-sale-calendar th.last-column { border-right: none; } #seat-sale-calendar td { vertical-align: top; height: 55px; } #seat-sale-calendar td.cell-with-border { border-right: 5px solid #15346a; border-bottom: 5px solid #15346a; } #seat-sale-calendar td.cell-no-border { border-bottom: 5px solid #15346a; } #seat-sale-calendar .has-ticket { position: relative; } #seat-sale-calendar .ticket-availability-high { background: #1a4081 url(/emtrains/images/tickets_high.gif) 30px 0 no-repeat; width: 92px; height: 55px; } #seat-sale-calendar .ticket-availability-good { background: #1a4081 url(/emtrains/images/tickets_good.gif) 30px 0 no-repeat; width: 92px; height: 55px; } #seat-sale-calendar .ticket-availability-low { background: #1a4081 url(/emtrains/images/tickets_low.gif) 30px 0 no-repeat; width: 92px; height: 55px; } #seat-sale-calendar .ticket-availability-none { background: #1a4081 url(/emtrains/images/tickets_low_unavailable.gif) 30px 0 no-repeat; width: 92px; height: 55px; } #seat-sale-calendar .ticket-availability-text { display: none; } #seat-sale-calendar .date { width: 17px; height: 17px; padding: 2px 0 0 2px; background: #00144d; color: #fff; } #seat-sale-calendar .over { background: #fff; color: #00144d; } #seat-sale-calendar-over { position: absolute; left: 0; top: 0; width: 164px; background: #fff; } #seat-sale-calendar-over h3 { color: #005bbb; text-transform: uppercase; padding: 8px 8px 0 8px; } #seat-sale-calendar-over table { width: 164px; margin-left: 8px; } #seat-sale-calendar-over th { width: 80px; height: 40px; border-right: 4px solid #fff; border-top: 8px solid #fff; font-weight: bold; vertical-align: middle; color: #00144d; font-size: 104%; text-align: left; } #seat-sale-calendar-over .small-text { font-size: 90%; } #seat-sale-calendar-over td { width: 64px; vertical-align: middle; } #seat-sale-calendar-over .ticket-availability-detail-low { display: block; width: 36px; height: 20px; padding: 17px 0 0 28px; background: transparent url(/emtrains/images/tickets_detail_low.gif) 0 15px no-repeat; font-weight: bold; color: #00144d; } #seat-sale-calendar-over .ticket-availability-detail-good { display: block; width: 36px; height: 20px; padding: 17px 0 0 28px; background: transparent url(/emtrains/images/tickets_detail_good.gif) 0 15px no-repeat; font-weight: bold; color: #00144d; } #seat-sale-calendar-over .ticket-availability-detail-high { display: block; width: 36px; height: 20px; padding: 17px 0 0 28px; background: transparent url(/emtrains/images/tickets_detail_high.gif) 0 15px no-repeat; font-weight: bold; color: #00144d; } #seat-sale-calendar-over .ticket-availability-detail-unknown { display: block; width: 64px; height: 20px; padding: 17px 0 0 0; font-weight: bold; color: #00144d; } /* ====== Carbon Calculator ====== */ #SelectCriteria{width: 653px; padding-top:15px;} #SelectCriteriaLeft{ position: relative; display:block; float:left; width: 230px; padding-left:10px; line-height:20px;} #SelectCriteriaRight{ position: relative; display:block; float:left; width: 405px; } #SelectCriteriaRight p{ width: 390px; font-size: 130%;} #SelectCriteriaText{ position: relative; display:block; float:left; width: 645px; padding: 10px 0 10px 10px;} #SelectCriteriaText #left-col { width: 335px; display:block; position: relative; float:left;} #SelectCriteriaText p{ width: 335px; padding-left: 0; font-size:110%;} #SelectCriteriaText #right-col { width: 300px; display:block; position: relative; float:left; padding-left:10px;} #CCResults{width: 653px; padding-top:10px;} #CCResultsLeft{ position: relative; display:block; float:left; width: 330px; padding-left:15px;} #CCResultsRight{ position: relative; display:block; float:left; width: 305px; } #CCResultsRight td {padding-bottom: 10px;} #CCResultsRight p {width: 300px; font-size:110%;} #CCResultsRight h2 { font-size: 124%; padding: 14px 0 12px 0; color: #00144d; font-weight: bold;} #CCResultsText{ position: relative; display:block; float:left; width: 631px; padding: 10px 10px 10px 10px;} #CCResultsText p{padding-left: 0; font-size:110%;} #CCResultsText h2{ font-size: 124%; padding: 14px 0 12px 0; color: #00144d; font-weight: bold; } /* ====== Carbon Calculator ====== */ /* ====== Cheap Train Tickets ====== */ #bff-promo { width: 632px; height: 40px; float: left; padding:20px;} #bff-promo span { font-family:Verdana; font-size:xx-large; color:#00144d; } #cheap-train-tickets { float: left; width: 660px; background: transparent url(/emtrains/images/bg_cheap_train_tickets.gif) 0 0 repeat-y; margin-top: 8px; } #cheap-train-tickets #header-ctt-top { width: 660px; height: 34px; display: block; background: transparent url(/emtrains/images/cheap_train_ticket_hader_bar.gif) 0 0 no-repeat; float: left; vertical-align:middle;} #cheap-train-tickets #header-ctt-top span{ color:#ffffff; border-collapse:collapse; display:block;} #cheap-train-tickets #header-content { padding: 0 0 0 0; } #cheap-train-tickets #header-content span{ height:300px; font-size:100%; font-family:Arial; padding:0 0 0 0;} #cheap-train-tickets #header-content .header-bar-text h3{ font-size:140%; font-family:Arial; } #cheap-train-tickets #header-ctt { width: 660px; height: 34px; display: block; background: transparent url(/emtrains/images/header_cheaptrainticketrelease.gif) 0 0 no-repeat; float: left; } #cheap-train-tickets .header-ctt { width: 660px; height: 34px; display: block; float: left; background-color:#bbbbb3; padding: 0 0 0 0; vertical-align:middle;} #cheap-train-tickets .header-ctt span{ padding:10px 0 5px 10px; display:block;} #cheap-train-tickets #header-ctt-how { width: 660px; height: 31px; display: block; background: transparent url(/emtrains/images/header_howtofindcheapest.gif) 0 0 no-repeat; float: left; } #cheap-train-tickets h2 span { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight:700; padding:10px 0 0 10px;} #cheap-train-tickets #ctt-upper-content { width: 638px; padding: 11px 11px 10px 11px; float: left; } #cheap-train-tickets td{ vertical-align:top;} #cheap-train-tickets #ctt-upper-content tb { text-align: center; } #cheap-train-tickets #ctt-upper-content td {vertical-align: top; padding-right:5px; } #cheap-train-tickets #ctt-upper-content h3 { font-weight: bold; text-transform: uppercase; padding: 5px 0 15px 0; font-size: 120%; } #cheap-train-tickets .ctt-lower { display: block; float: left; } #cheap-train-tickets #booking-wrap { width:660px; min-height:270px; float:left; display: block; } #cheap-train-tickets #booking-wrap #booking-header { width: 736px; display:block; float:left; padding: 5px 4px 10px 0px; } #cheap-train-tickets #booking-wrap h3 { padding-left: 11px;} #cheap-train-tickets #booking-wrap #booking-calendar {width: 185px; min-height:225px; display:block; float:left; padding-bottom:10px; padding-left:11px;} #cheap-train-tickets #booking-wrap #booking-footer {width: 719px; background: #bbbbb3 url(/emtrains/images/bg_divider.gif) left top repeat-x; display:block; float:left; padding: 4px 4px 4px 15px;} #cheap-train-tickets #booking-wrap #booking-footer a { text-decoration: none; padding: 1px 0 1px 10px; margin-left: 30px; color:#005bbb; background: transparent url(/emtrains/images/arrow_white_small.gif) 0 4px no-repeat; display: inline-block; } #cheap-train-tickets #booking-wrap #booking-footer #email-alerts { margin-left: 0px; } #cheap-train-tickets #booking-wrap #booking-key { width: 170px; float: left; background: #262f4c; padding-bottom: 4px; } #cheap-train-tickets #booking-wrap #booking-key p { font-size: 90%; } #cheap-train-tickets #booking-wrap #booking-key #key { width: 30px; padding-left: 4px; float: left; color: #fff; } #cheap-train-tickets #booking-wrap #booking-key #key-data { width: 130px; float: left; color: #fff; } #cheap-train-tickets #booking-wrap #booking-key #key-data .not-on-sale img { width: 10px; height: 10px; background-color: #737d96; margin-right: 4px; } #cheap-train-tickets #booking-wrap #booking-key #key-data .on-sale img { width: 10px; height: 10px; background-color: #babab2; margin-right: 4px; margin-right: 4px; } #cheap-train-tickets #booking-wrap #booking-key #key-data .recently-released img { width: 10px; height: 10px; background-color: #fff; margin-right: 4px; } #cheap-train-tickets #booking-wrap #pnlForm { width: 216px; float: left; clear: none !important; } #cheap-train-tickets #booking-wrap #button-edit-alerts { float: left; margin: 28px 0 0 20px; } #cheap-train-tickets #booking-wrap #button-edit-alerts a { width: 186px; height: 29px; float: left; display: block; background: transparent url(/emtrains/images/button_editticketalerts.gif) 0 0 no-repeat; } #cheap-train-tickets #booking-wrap #button-edit-alerts a:hover { background: transparent url(/emtrains/images/button_editticketalerts.gif) 0 -29px no-repeat; } #cheap-train-tickets #booking-wrap #button-edit-alerts span { display: none; } #cheap-train-tickets .calendar-container { background-color: #fff; width: 170px; border-top: 10px solid #fff; } #cheap-train-tickets .calendar-container .nav { list-style: none; border-bottom: 1px solid #68738a; height: 15px; margin-bottom: 0 !important; } #cheap-train-tickets .calendar-container .nav li { display: block; float: left; background: #aeb3bc; width: 33px; height: 15px; border-bottom: 1px solid #68738a; margin-right: 4px; padding-left: 0; } #cheap-train-tickets .calendar-container .nav li.on { background: #262f4c; border-bottom: 1px solid #262f4c; } #cheap-train-tickets .calendar-container .nav a { color: #fff; text-decoration: none; text-align: center; display: block; width: 33px; } #cheap-train-tickets .calendar-container .nav li.on a { color: #fff; } #cheap-train-tickets .calendar-container .nav a:hover { color: #000; } #cheap-train-tickets .calendar-outer { width: 168px; overflow: hidden; background: #262f4c; border-right: 1px solid #262f4c; border-bottom: 1px solid #262f4c; border-left: 1px solid #262f4c; } #cheap-train-tickets .calendar-inner { width: 720px; background-color: #262f4c; float: left; } #cheap-train-tickets .calendar-inner table { width: 168px; clear: none !important; float: left; border-top: 9px solid #262f4c; border-right: 6px solid #262f4c; border-bottom: 6px solid #262f4c; border-left: 9px solid #262f4c; } #cheap-train-tickets .calendar-inner td, #cheap-train-tickets .calendar-inner th { width: 19px; height: 19px; border-bottom: 3px solid #262f4c; border-right: 3px solid #262f4c; } #cheap-train-tickets .calendar-inner td.key { padding-top:10px; padding-bottom:5px;} #cheap-train-tickets .calendar-inner table span { width: 100%; height: 17px; display: block; color: #bdbab3; text-align: center; padding: 2px 0 0 0; } #cheap-train-tickets .calendar-inner table span.forsale { background-color: #babab2; color: #00144d; } #cheap-train-tickets .calendar-inner table span.unavailable { background-color: #737d96; color: #00144d; } #cheap-train-tickets .calendar-inner table span.released { background-color: #fff; color: #00144d; } #cheap-train-tickets .calendar-inner table a { width: 100%; height: 100%; display: block; background-color: #d4d4d4; color: #00144c; text-align: center; text-decoration: none; } #cheap-train-tickets .calendar-inner table a:hover { color: #68738a; } #cheap-train-tickets .calendar-inner table a.selected { background-color: #68738a; color: #d4d4d4; } #cheap-train-tickets .calendar-inner table a.selected:hover { color: #fff; } #cheap-train-tickets #booking-copy { width: 228px; float: left; padding-top: 23px; } #cheap-train-tickets #booking-copy p { float: left; clear: both; margin-bottom: 0; padding-bottom: 12px; line-height: 142%; width: 100%; } ol.number{ list-style-type: decimal; } /* ticket types navigation */ #tickettypes { width: 660px; float: left; margin: 0 0 0 0; padding-bottom: 21px; background: #fcfcfc; } #tickettypes #tickettypes-header { display: block; width: 660px; height: 40px; position: relative; background: transparent url(/emtrains/images/bg_destination_header.gif) 0 0 repeat-x; float: left; } #tickettypes #tickettypes-header h2 { text-transform: uppercase; color: #00144d; position: absolute; top: 12px; left: 11px; font-weight: bold; } #tickettypes #tickettypes-header h2 span { color: #6b6b65; } #tickettypes #tickettypes-header #button-stations { display: block; float: right; } #tickettypes #tickettypes-header #button-stations select { margin-top: 11px; display: block; float: left; } #tickettypes #tickettypes-header #button-stations input { margin: 7px 10px 0 6px; display: block; float: left; } #nav-tickettypes { width: 660px; height: 33px; background: transparent url(/emtrains/images/bg_nav_tickettypes.gif) 0 0 no-repeat; } #nav-tickettypes li { display: block; float: left; } #nav-tickettypes li a { display: block; float: left; } #nav-tickettypes li span { display: none; } #nav-tickettypes #london-leisure a { width: 151px; height: 33px;} #nav-tickettypes #london-leisure a:hover, #nav-tickettypes #london-leisure a.on { background: transparent url(/emtrains/images/bg_nav_tickettypes_ll.gif) 0 0 no-repeat; } #nav-tickettypes #london-business a { width: 172px; height: 33px;} #nav-tickettypes #london-business a:hover, #nav-tickettypes #london-business a.on { background: transparent url(/emtrains/images/bg_nav_tickettypes_lb.gif) 0 0 no-repeat; } #nav-tickettypes #other-routes a { width: 145px; height: 33px;} #nav-tickettypes #other-routes a:hover, #nav-tickettypes #other-routes a.on { background: transparent url(/emtrains/images/bg_nav_tickettypes_or.gif) 0 0 no-repeat; } #nav-tickettypes #season a { width: 97px; height: 33px;} #nav-tickettypes #season a:hover, #nav-tickettypes #season a.on { background: transparent url(/emtrains/images/bg_nav_tickettypes_s.gif) 0 0 no-repeat; } #nav-tickettypes #europe a { width: 95px; height: 33px;} #nav-tickettypes #europe a:hover, #nav-tickettypes #europe a.on { background: transparent url(/emtrains/images/bg_nav_tickettypes_e.gif) 0 0 no-repeat; } #tickettypes #station-info { width: 660px; float: left; } #tickettypes #station-info h2 { width: 649px; margin: 0 1px 8px 1px; float: left; color: #00144d; font-weight: bold; padding: 0 0 0 8px; line-height: 189%; font-size: 11%; background: transparent url(/emtrains/images/bg_header_underline.gif) left bottom repeat-x; } #tickettypes #station-info table { width: 656px; float: left; margin: 0 2px 44px 2px; } #tickettypes #station-info table.last { margin: 0 2px 0 2px; } #tickettypes #station-info th { width:90px; text-align: left; font-weight: bold; line-height: 140%; font-size: 101%; color: #04154d; text-transform:uppercase; padding: 4px 2px 5px 2px;} #tickettypes #station-info td { width:90px; text-align: left; line-height: 150%; font-size: 90%; padding: 4px 2px 5px 2px; } #tickettypes #station-info td.left { padding-left:10px; padding-right: 5px; font-weight: bold; font-size: 100%; color: #04154d; border: none; } #tickettypes #station-info .stripe1 { background-color: #fff; position: relative; } #tickettypes #station-info .stripe2 { background-color: #e7ebee; position: relative; } #tickettypes #station-info .station-not-found { padding: 10px 0 0 10px; } .stripe1 a:hover {color:#00144d;} .stripe2 a:hover {color:#00144d;} .stripe1 a.bigRed { color: Red; text-transform: uppercase; font-weight: bold;} .stripe2 a.bigRed { color: Red; text-transform: uppercase; font-weight: bold;} #tickettypes h3 {line-height:189%; padding: 20px 0 10px 10px; font-weight:bold;} #tickettypes .closer { padding: 10px 0 10px 550px;} #tickettypes #tickettypes-other { display: block; width: 660px; height: 40px; position: relative; background: transparent url(/emtrains/images/bg_destination_header.gif) 0 0 repeat-x; float: left; margin: 15px 0 10px 0;} #tickettypes table.tickets-desc .stripe1 { background-color: #fff; position: relative; } #tickettypes table.tickets-desc .stripe2 { background-color: #e7ebee; position: relative; } #tickettypes table.tickets-desc th.left { width: 20%; text-align:left; font-weight: bold; font-size: 100%; color: #04154d; padding: 4px 5px 5px 10px;} #tickettypes table.tickets-desc td.right { width: 80%; text-align:left; line-height: 150%; font-size: 90%; padding: 4px 10px 5px 2px;} #tickettypes .chunky-pad { position: relative; padding: 0 10px 10px 10px; } .imgalign {float:left; clear:left; margin-bottom:15px; margin-top:0px; padding:0px;} .copyalign {clear:left; display:block;} /* ====== Parkway pop-up ====== */ /* popup box */ #parkway-popup-overlay { width:100%; height:100%; position:absolute; z-index:100; top:0; left:0; } .parkway-popup-overlay-bg { background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #parkway-popup-window-wide { width:928px; margin-top:32px; margin-left:-464px; display:none; position:absolute; top:50%; left:50%; z-index: 102; color:#000; text-align:left; background: transparent; float: left; } #parkway-popup-load { height:32px; width:32px; margin: 150px 0 0 -75px; padding: 59px; position: absolute; display:none; z-index:103; left:50%; background: transparent url(/emtrains/images/bg_loader_popup.gif) left top no-repeat; } #parkway-popup-wide-top { height: 20px; position: relative; text-align:right; font-weight:bold; background:transparent url(/emtrains/images/popup_wide_top.gif) no-repeat bottom left; } #parkway-popup-wide-bottom { height:3px; background:transparent url(/emtrains/images/popup_wide_bottom.gif) no-repeat 0 0; } #parkway-popup-close { position: absolute; right: 0; top: 0; display: block; } #parkway-popup-iframe-content-narrow { width: 662px; height: 542px; } #parkway-popup-iframe-content-wide { width: 928px; height: 584px; } /* map */ #parkway-map-border { border: 1px solid #00144f; float: left; } #map-left { width: 378px; height: 582px; float: left; font-family: Verdana, Helvetica, sans-serif; font-size: 100%; } #map-input { height: 70px; padding: 9px 5px 5px 5px; position: relative; } #map-header { width: 352px; height: 19px; background: url(/emtrains/images/header_map.gif) no-repeat 0 0; padding-bottom: 12px; } #map-header span { display: none; } #map-input div { height: 24px; color: #0066b2; } #map-input .title { width: 41px; color: #00144f; display: block; float: left; font-weight: bold; } #map-input input { width: 164px; padding: 2px 2px 0 2px; height: 16px; margin-top: -2px; color: #0066b2; border: 1px solid #ccc; font-family: Verdana, Helvetica, sans-serif; font-size: 100%;} #map-input #button-swap { position: absolute; top: 39px; left: 221px; } #map-input #button-get-directions { position: absolute; top: 39px; left: 247px; } #map-info { font-family: Verdana, Helvetica, sans-serif; font-size: 100%; } #map-info h2 { font-size: 140%; font-family: Aerial, Helvetica, sans-serif; } #map-info input { border: 1px solid #ccc; display: block; width: 180px; margin: 4px 0 4px 0; padding: 2px; font-family: Verdana, Helvetica, sans-serif; font-size: 100%; } #map-info p { width: 180px; margin-top: 4px; } #xmas { width: 660px; float: left; margin: 8px 0 0 0; padding-bottom: 21px; background: #fcfcfc url(/emtrains/images/bg_destination.gif) left bottom no-repeat; } #xmas #destination-header { display: block; width: 660px; height: 46px; position: relative; background: transparent url(/emtrains/images/header_travelxmas.gif) 0 0; background-repeat:no-repeat; float: left; } #xmas #destination-header h1 { text-transform: uppercase; color: #00144d; position: absolute; top: 12px; left: 11px; font-weight: bold; } #xmas #destination-header h1 span { color: #6b6b65; } #xmas #destination-header #button-stations { display: block; float: right; } #xmas #destination-header #button-stations select { margin-top: 17px; display: block; float: left; } #xmas #destination-header #button-stations input { margin: 14px 10px 0 6px; display: block; float: left; } #xmas #attractions { display: block; width: 660px; height: 47px; background: transparent url(/emtrains/images/xmas_attractions.gif) 0 0 no-repeat; float: left; } #xmas #attractions span { display: none; } #nav-xmas { width: 660px; height: 25px; background: transparent url(/emtrains/images/xmas_white.gif) 0 0 no-repeat; } #nav-xmas li { display: block; float: left; } #nav-xmas li a { display: block; float: left; } #nav-xmas li span { display: none; } #nav-xmas #christmas-travel a { width: 330px; height: 25px; background: transparent url(/emtrains/images/xmas_travelling.gif) 0 0 no-repeat; } #nav-xmas #christmas-travel a:hover, #nav-xmas #christmas-travel a.on { background: transparent url(/emtrains/images/xmas_travelling.gif) 0 -25px no-repeat; } #nav-xmas #christmas-timetables a { width: 330px; height: 25px; background: transparent url(/emtrains/images/xmas_timetables.gif) 0 0 no-repeat; } #nav-xmas #christmas-timetables a:hover, #nav-xmas #christmas-timetables a.on { background: transparent url(/emtrains/images/xmas_timetables.gif) 0 -25px no-repeat; } /* ========== price drop ========== */ #pricedrop { width: 660px; float: left; margin: 8px 0 0 0; padding-bottom: 21px; background: #fcfcfc url(/emtrains/images/bg_destination.gif) left bottom no-repeat; } #pricedrop #destination-header { display: block; width: 660px; height: 46px; position: relative; background: transparent url(/emtrains/images/header_travelxmas.gif) 0 0; background-repeat:no-repeat; float: left; } #pricedrop #destination-header h1 { text-transform: uppercase; color: #00144d; position: absolute; top: 12px; left: 11px; font-weight: bold; } #pricedrop #destination-header h1 span { color: #6b6b65; } #pricedrop #destination-header #button-stations { display: block; float: right; } #pricedrop #destination-header #button-stations select { margin-top: 17px; display: block; float: left; } #pricedrop #destination-header #button-stations input { margin: 14px 10px 0 6px; display: block; float: left; } #nav-pricedrop { width: 660px; height: 44px; background: transparent url(/emtrains/images/xmas_white.gif) 0 0 no-repeat; } #nav-pricedrop li { display: block; float: left; } #nav-pricedrop li a { display: block; float: left; } #nav-pricedrop li span { display: none; } #nav-pricedrop #pricedrop-pricedrop a { width: 341px; height: 44px; background: transparent url(/emtrains/images/pricedrop_pricedrop.gif) 0 0 no-repeat; } #nav-pricedrop #pricedrop-pricedrop a:hover, #nav-pricedrop #pricedrop-pricedrop a.on { background: transparent url(/emtrains/images/pricedrop_pricedrop.gif) 0 -44px no-repeat; } #nav-pricedrop #pricedrop-newcar a { width: 319px; height: 44px; background: transparent url(/emtrains/images/pricedrop_newcar.gif) 0 0 no-repeat; } #nav-pricedrop #pricedrop-newcar a:hover, #nav-pricedrop #pricedrop-newcar a.on { background: transparent url(/emtrains/images/pricedrop_newcar.gif) 0 -44px no-repeat; } /* ====== first class tabbed ====== */ #first-class #first-class-nav { width: 660px; height: 31px; float: left; clear: both; margin: 0 !important; } #first-class #first-class-nav li { display: block; float: left; padding: 0 !important; } #first-class #first-class-nav a { display: block; float: left; } #first-class #first-class-nav a span { display: none; } #first-class #first-class-nav #first-experience { width: 118px; height: 31px; background: transparent url(/emtrains/images/nav_firstclass_experience.gif) 0 0 no-repeat; } #first-class #first-class-nav #first-business { width: 135px; height: 31px; background: transparent url(/emtrains/images/nav_firstclass_business.gif) 0 0 no-repeat; } #first-class #first-class-nav #first-leisure { width: 126px; height: 31px; background: transparent url(/emtrains/images/nav_firstclass_leisure.gif) 0 0 no-repeat; } #first-class #first-class-nav #first-dining { width: 136px; height: 31px; background: transparent url(/emtrains/images/nav_firstclass_dining.gif) 0 0 no-repeat; } #first-class #first-class-nav #first-lounges { width: 145px; height: 31px; background: transparent url(/emtrains/images/nav_firstclass_lounges.gif) 0 0 no-repeat; } #first-class #first-class-nav li.on a, #first-class #first-class-nav a:hover { background-position: 0 -31px !important; } #first-class .placeholder { background: #ececec url(/emtrains/images/firstclass_bottom.gif) left bottom no-repeat; padding: 13px 0 6px 0; display: block; width: 660px; float: left; clear: both; } #first-class .placeholder .col1 { width: 321px; padding: 0 0 0 9px; float: left; } #first-class .placeholder .col2 { width: 298px; padding: 0 9px 0 23px; float: left; } #first-class .placeholder h2 { font-weight: bold; font-size: 120%; color: #00144d; margin-bottom: 18px; } #first-class .placeholder h3 { font-weight: bold; margin-bottom: 18px; } #first-class .placeholder h3.no-space { margin-bottom: 0px; } #first-class .placeholder p { line-height: 126%; margin-bottom: 18px !important; } #first-class .placeholder a { font-weight: bold; } #first-class .placeholder a.small { font-size: 90%; } #first-class .placeholder img { margin: 2px 0 9px -7px; } #first-class .placeholder table { background: #bbbbb3; margin-bottom: 18px; } #first-class .placeholder th { background: #00154e; color: #fff; text-align: left; font-weight: bold; padding: 6px 8px; border: 1px solid #ececec; } #first-class .placeholder td { color: #32332e; text-align: left; padding: 6px 8px; border: 1px solid #ececec; } #first-class .placeholder th.width60 { width: 60%; } #first-class .placeholder th.width40 { width: 40%; } #first-class .placeholder-header { background: black; color: white; display: block; width: 650px; float: left; clear: both; padding: 5px; } /* ====== destination table ===== */ table.destination { background: #bbbbb3; margin-bottom: 18px; } .destination th { background: #00154e; color: #fff; text-align: left; font-weight: bold; padding: 6px 8px; border: 1px solid #ececec; } .destination td { color: #32332e; text-align: left; padding: 6px 8px; border: 1px solid #ececec; } .destination th.width60 { width: 60%; } .placeholder th.width40 { width: 40%; } /* ====== traveller competition ====== */ .dual-column { width: 660px; float: left; background: transparent url(/emtrains/images/bg_dual.gif) 0 0 repeat-y; } .dual-column #column1 { width: 325px; float: left; } .dual-column #column2 { width: 325px; float: right; } .dual-column #column2 h2 { width: 305px; padding: 8px 10px 8px 10px; margin: 0 0 6px 0; float: left; font-weight: bold; font-size: 120%; color: #fff; background: #005bbb url(/emtrains/images/bg_form_narrow.gif) 0 0 no-repeat; } .dual-column #form-narrow .row { width: 305px; padding: 4px 10px 0 10px; float: left; clear: both; } .dual-column #form-narrow label { width: 167px; float: left; display: block; padding: 4px 0 0 0; } .dual-column #form-narrow .text-box { width: 128px; float: left; display: block; border: 1px solid #a8c5d5; padding: 2px 4px 2px 4px; } .dual-column #form-narrow select { width: 138px; float: left; display: block; } .dual-column #form-narrow .button input { float: right; margin: -8px 0 0 0; position: relative; } .dual-column #form-narrow .orange { color: #ff7802; } .dual-column #form-narrow .mandatory { margin: 14px 0 0 0; } .dual-column #form-narrow ul li { background: none; padding: 0 0 0 10px; } .dual-column #phTerms { width: 305px; padding: 16px 10px 0 10px; display: block; float: left; } .dual-column #phTerms h3 { width: 100%; float: left; font-size: 100%; font-weight: bold; margin: 0 0 8px 0; } .dual-column #phTerms ol { width: 285px; float: left; font-size: 90%; list-style: decimal; padding: 0 0 0 20px; margin: 0; } .dual-column #phTerms ol li { width: 100%; display: list-item; vertical-align: top; } .dual-column #phReturnMessage { width: 305px; padding: 8px 10px 10px 10px; display: block; float: left; } .dual-column #phMainContent { width: 325px; display: block; float: left; } .dual-column #phMainContent h2 { width: 305px; padding: 9px 10px 16px 10px; float: left; font-weight: bold; font-size: 100%; } .dual-column #phMainContent p { width: 305px; padding: 0 10px 0 10px; float: left; } .dual-column #phMainContent .note1 { width: 276px; padding: 0 10px 0 39px; background: transparent url(/emtrains/images/bg_one.gif) 13px 4px no-repeat; } .dual-column #phMainContent .note2 { width: 276px; padding: 0 10px 0 39px; background: transparent url(/emtrains/images/bg_two.gif) 10px 3px no-repeat; } .dual-column #phMainContent .note3 { width: 276px; padding: 0 10px 0 39px; background: transparent url(/emtrains/images/bg_three.gif) 11px 3px no-repeat; } #dual-lower { float: left; } /* ====== easter travel ====== */ #easter { width: 660px; float: left; margin: 8px 0 0 0; padding-bottom: 21px; background: #fcfcfc url(/emtrains/images/bg_destination.gif) left bottom no-repeat; } #easter #destination-header { display: block; width: 660px; height: 44px; position: relative; background: transparent url(/emtrains/images/easter_banner.gif) 0 0 no-repeat; float: left; } #easter #destination-header h1 { text-transform: uppercase; color: #00144d; position: absolute; top: 12px; left: 11px; font-weight: bold; } #easter #destination-header h1 span { color: #6b6b65; } #easter #destination-header #button-stations { display: block; float: right; } #easter #destination-header #button-stations select { margin-top: 17px; display: block; float: left; } #easter #destination-header #button-stations input { margin: 14px 10px 0 6px; display: block; float: left; } #easter #attractions { display: block; width: 660px; height: 57px; background: transparent url(/emtrains/images/easter_attractions.gif) 0 10px no-repeat; float: left; padding: 0; } #easter #attractions span { display: none; } #easter .section { width: 643px; float: left; display: block; clear: both; padding: 10px 7px 0 10px; } #easter .easter-left { width: 318px; float: left; display: block; } #easter .easter-right { width: 300px; float: right; display: block; } #nav-easter { width: 660px; height: 27px; background: transparent url(/emtrains/images/xmas_white.gif) 0 0 no-repeat; } #nav-easter li { display: block; float: left; } #nav-easter li a { display: block; float: left; } #nav-easter li span { display: none; } #nav-easter #easter-travel a { width: 330px; height: 27px; background: transparent url(/emtrains/images/nav_easter_travel.gif) 0 -27px no-repeat; } #nav-easter #easter-travel a:hover, #nav-easter #easter-travel a.on { background: transparent url(/emtrains/images/nav_easter_travel.gif) 0 0 no-repeat; } #nav-easter #easter-timetables a { width: 330px; height: 27px; background: transparent url(/emtrains/images/nav_easter_timetables.gif) 0 -27px no-repeat; } #nav-easter #easter-timetables a:hover, #nav-easter #easter-timetables a.on { background: transparent url(/emtrains/images/nav_easter_timetables.gif) 0 0 no-repeat; } /* ====== tabbed nav ====== */ #tabbed-nav-auto { width: 660px; display: block; float: left; clear: both; } #tabbed-nav-auto li { display: block; float: left; } #tabbed-nav-auto a { display: block; float: left; } #tabbed-nav-auto a .tab-off { display: block; } #tabbed-nav-auto a .tab-on { display: none; } #tabbed-nav-auto a:hover .tab-off { display: none; } #tabbed-nav-auto a:hover .tab-on { display: block; } #tabbed-nav-auto li.on .tab-off { display: none; } #tabbed-nav-auto li.on .tab-on { display: block; } /* ====== sitemap ====== */ #footer-sitemap { width: 918px; float: left; clear: both; margin-left: 20px; margin-bottom: 15px; } #footer-sitemap #footer-sitemap-upper { width: 100%; height: 8px; float: left; clear: both; background: transparent url(/emtrains/images/bg_sitemap_upper.gif) 0 0 no-repeat; } #footer-sitemap #footer-sitemap-lower { width: 100%; height: 8px; float: left; clear: both; background: transparent url(/emtrains/images/bg_sitemap_lower.gif) 0 0 no-repeat; } #footer-sitemap span { display: block; float: left; width: 100%; background: #bbbbb3 url(/emtrains/images/bg_divider.gif) 0 39px repeat-x; } #footer-sitemap div { float: left; width: 139px; padding-left: 12px; } #footer-sitemap h2 { width: 139px; height: 39px; margin-top: 6px; } #footer-sitemap h2#sitemap-tickets { background: transparent url(/emtrains/images/header_sitemap_tickets.gif) 0 0 no-repeat; } #footer-sitemap h2#sitemap-journey { background: transparent url(/emtrains/images/header_sitemap_journey.gif) 0 0 no-repeat; } #footer-sitemap h2#sitemap-special { background: transparent url(/emtrains/images/header_sitemap_special.gif) 0 0 no-repeat; } #footer-sitemap h2#sitemap-stations { background: transparent url(/emtrains/images/header_sitemap_stations.gif) 0 0 no-repeat; } #footer-sitemap h2#sitemap-route { background: transparent url(/emtrains/images/header_sitemap_route.gif) 0 0 no-repeat; } #footer-sitemap h2#sitemap-about { background: transparent url(/emtrains/images/header_sitemap_about.gif) 0 0 no-repeat; } #footer-sitemap h2 span { display: none !important; } #footer-sitemap ul { padding: 5px 0 5px 0; } #footer-sitemap li { font-size: 90%; } /* ====== white page ====== */ #white-page-header { width: 640px; background: #00154e url(/emtrains/images/bg_whitepage_upper.gif) 0 0 no-repeat; display: block; float: left; padding: 16px 10px 14px 10px; } #white-page-body { width: 640px; background: #fff url(/emtrains/images/bg_whitepage_divider.gif) 0 0 repeat-x; display: block; float: left; padding: 22px 10px 10px 10px; } #white-page-bottom { float: left; } /* ====== taxi service ====== */ .taxi-service-return { margin: 20px 0 20px 0 !important; } .taxi-service-return #return-pick-up { margin-left: 10px; } .taxi-service-return input { border: none !important; } .taxi-service-voucher-button { margin: 16px 0 16px 244px; } #taxi-service-return-section { display: none; float: left; clear: both; position: relative; } #taxi-voucher-container { padding: 20px 40px; background: #fff; float: left; clear: both; } #taxi-voucher { width: 551px; padding: 4px; border: 2px dashed #5c647a; background: #fff; position: relative; float: left; clear: both; } #taxi-voucher #taxi-voucher-header { height: 212px; border-bottom: 2px solid #e9e9e2; margin: 0 0 23px 0; } #taxi-voucher #logo-emt { position: absolute; top: 13px; left: 4px; } #taxi-voucher #logo-emairport { position: absolute; top: 6px; right: 4px; } #taxi-voucher #header-confirmation { position: absolute; top: 58px; left: 4px; } #taxi-voucher .pick-up-text { position: absolute; top: 160px; left: 4px; } #taxi-voucher .header-mini { font-weight: bold; float: left; clear: both; width: 500px; } #taxi-voucher .taxi-voucher-section { border: 2px solid #5c647a; float: left; clear: both; width: 547px; } #taxi-voucher .taxi-voucher-section ul { width: 528px; float: left; clear: both; margin: 0 9px 0 9px; } #taxi-voucher .taxi-voucher-section li { list-style-type: none !important; width: 528px; height: 16px; padding: 15px 0 15px 0 !important; background: transparent url(/emtrains/images/grey_pix.gif) left 27px repeat-x; display: block; float: left; clear: both; } #taxi-voucher .taxi-voucher-section li img { float: left; display: block; border-bottom: 1px solid #fff; } #taxi-voucher .taxi-voucher-section li span { padding: 0 0 0 10px; margin-top: -2px; float: left; display: block; } #taxi-voucher .taxi-voucher-section li .split-date { padding: 0 0 0 10px; margin-top: -2px; float: left; display: block; width: 200px; } #taxi-voucher .taxi-voucher-section li .split-time { padding: 0 0 0 10px; margin-top: -2px; float: left; display: block; width: 200px; } #taxi-voucher .taxi-voucher-return { border: 2px solid #5c647a; float: left; clear: both; } #taxi-voucher #taxi-voucher-line { height: 10px; width: 100%; border-top: 2px dashed #5c647a; margin-top: 10px; } #taxi-voucher .itinerary-changes { float: left; clear: both; width: 500px; padding: 16px 0; } #taxi-voucher-lower { width: 551px; padding: 6px; background: #fff; position: relative; float: left; clear: both; } #taxi-voucher-lower #button-print-taxi-voucher { margin: 20px 0 20px 230px; display: block; float: left; clear: both; } #taxi-voucher-lower p { float: left; clear: both; width: 500px; } /* ====== careers video page ====== */ #careers-videos { list-style-type: none; width: 625px; float: left; clear: both; background: #fff; padding: 0 0 0 35px; } #careers-videos li { display: block; width: 589px; height: 260px; margin: 10px 0 25px 0; position: relative; } #careers-videos p { display: block; width: 178px !important; margin: 0 35px 21px 0 !important; color: #6b6b75; font-size: 110%; line-height: 160%; padding: 0; } #careers-videos p strong { color: #00144c; } #careers-videos .video { display: block; float: right; width: 377px; height: 260px; position: absolute; left: 213px; top: 0px; } /* ====== onboard survey page ====== */ #onboard_survey { text-align:left; } #onboard_survey .question { font-weight:bold; line-height:18px; display:block; float:left; clear:both; margin:10px 0px 5px 0px; width:100%; } #onboard_survey #top-row label { font-weight:bold; margin-right:3px; width:185px; text-align:right; float:left; margin-top:3px; line-height:18px; display:block; clear:none; } #onboard_survey #top-row input { font-weight:bold; margin-right:3px; float:left; display:inline; width:252px; } #left-column input, #middle-column input { margin:0px 5px 5px 0px; } #left-column input, #middle-column input { float:left; clear:left; } #left-column label, #middle-column label { width:200px; float:left; cursor:pointer; } #middle-column label { float:left; } * html #middle-column label { margin:5px 0px 6px 0px; } #onboard_survey #top-row { width:100%; float:left; } #onboard_survey #left-column, #onboard_survey #middle-column, #onboard_survey #right-column { width:240px; float:left; } #onboard_survey #left-column { padding-left:20px; } #onboard_survey #middle-column { padding:0px 25px; } #onboard_survey #right-column { width:370px; }