/* East Midlands Trains */ /* ==================== */ /* Basic CSS - used across entire site */ /* Reset CSS */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* my own reset */ input, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* end of reset */ /* EMT-specific styles start here */ body { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 0.75em; line-height: 1.15em; background: #d2d2c5; position: relative; } input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #6b6b65; background-color: #fff; font-size: 100%; } a img { border: none; } a { color: #005bbb; text-decoration: none; cursor: hand; outline: none; font-weight: normal; } a:hover { color: #00144d; cursor: hand; } .invisible { display: none; } .hidden { visibility: hidden; } .cleared { clear: both; } .error { color: #ed2939; font-weight: bold; } table#defaultconsole { clear: both; margin-left: 15px; margin-top: 30px; } #mainwrapper { position: relative; width: 960px; margin-left: auto; margin-right: auto; } #header-wrapper { background: #c5c5b9 url(/emtrains/images/bg_header.gif) left bottom repeat-x; } #header { position: relative; width: 960px; margin-left: auto; margin-right: auto; min-height: 95px; z-index:3; } #header #logo { position: absolute; top: 21px; left: 20px; } #nav-area { width: 623px; min-height: 40px; margin-left: 321px; padding-top: 39px; background: transparent url(/emtrains/images/bg_nav_buttons.gif) 0 39px no-repeat; } #nav-primary { width: 623px; height: 30px; padding: 0 0 4px 0; position: relative; } #nav-primary li { float: left; } #nav-primary li a { height: 30px; display: block; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; } #nav-primary li#home a { background-image: url(/emtrains/images/nav_Home.gif); width: 85px; left: 6px; } #nav-primary li#home a.on, #nav-primary li#home a:hover { background-image: url(/emtrains/images/nav_Home.gif); background-position: 0 -30px; } #nav-primary li#times-and-tickets a { background-image: url(/emtrains/images/nav_TimesTickets.gif); width: 141px; left: 92px; } #nav-primary li#times-and-tickets a.on, #nav-primary li#times-and-tickets a:hover { background-image: url(/emtrains/images/nav_TimesTickets.gif); background-position: 0 -30px; } #nav-primary li#our-route a { background-image: url(/emtrains/images/nav_OurRoute.gif); width: 117px; left: 234px; } #nav-primary li#our-route a.on, #nav-primary li#our-route a:hover { background-image: url(/emtrains/images/nav_OurRoute.gif); background-position: 0 -30px; } #nav-primary li#on-board a { background-image: url(/emtrains/images/nav_OnBoard.gif); width: 114px; left: 352px; } #nav-primary li#on-board a.on, #nav-primary li#on-board a:hover { background-image: url(/emtrains/images/nav_OnBoard.gif); background-position: 0 -30px; } #nav-primary li#my-journeys a { background-image: url(/emtrains/images/nav_MyJourneys.gif); width: 151px; left: 467px; } #nav-primary li#my-journeys a.on, #nav-primary li#my-journeys a:hover { background-image: url(/emtrains/images/nav_MyJourneys.gif); background-position: 0 -30px; } #nav-primary li#login a { background-image: url(/emtrains/images/nav_Login.gif); width: 151px; left: 467px; } #nav-primary li#login a.on, #nav-primary li#login a:hover { background-image: url(/emtrains/images/nav_Login.gif); background-position: 0 -30px; } #nav-primary li a span { display: none; } #navsecondary { position: relative; padding: 0 0 6px 6px; width: 612px; } #navsecondary span.prefix { line-height: 120%; float: left; } #navsecondary span.prefix span.name { padding: 0 8px 0 0; color: #00144d; float: left; } #navsecondary span.prefix span.name a, #navsecondary span.prefix span.name a:hover { color: #00144d; text-decoration: none; } #navsecondary ul { list-style-type: none; display: inline; } #navsecondary ul li { display: inline; line-height: 139%; color: #6b6b65; } #navsecondary ul li a { color: #005bbb; text-decoration: none; font-weight: normal; } #navsecondary ul li a:hover { color: #00144d; } #navsecondary ul li.on a { font-weight: bold; } #navsecondary ul li.welcome { color: #005bbb; } #navsecondary ul li span.pipe { font-weight: normal; } #navsecondary p.welcome { line-height: 139%; color: #005bbb; display: inline; } #navsecondary p.welcome a:hover { color: #00144d; } #footer { width: 918px; margin-left: 20px; padding-top: 17px; clear: both; font-size: 0.8em; position: relative; } #footer #copyright { color: #333; width: 892px; text-align: right; clear: both; padding-right: 26px; margin: 0 0 24px 0; min-height: 11px; display: block; background: transparent url(/emtrains/images/logo_iln.gif) right 0 no-repeat; } #footer #credit { color: #404040; text-decoration: none; } #footer #credit span { display: none; } #footer ul { list-style-type: none; float: left; background-color: #bbbbb3; width: 907px; text-align: right; padding-right: 11px; } #footer ul li { display: inline; font-size: 110%; } #footer ul li a { color: #005bbb; font-weight:bold; text-decoration: none; } #footer ul li a:hover { color: #00144f; } #footer #footer-upper { width: 918px; height: 3px; float: left; clear: both; background: transparent url(/emtrains/images/bg_footer_upper.gif) 0 0 no-repeat; } #footer #footer-lower { width: 918px; height: 3px; float: left; clear: both; background: transparent url(/emtrains/images/bg_footer_lower.gif) 0 0 no-repeat; margin-bottom: 9px; } #footer #logo-stagecoach { float: left; } /* ====== landing page structures ====== */ #two-columns { width: 941px; margin-left: 19px; position: relative; } #three-columns { width: 941px; margin-left: 19px; position: relative; } .landing-column { width: 302px; float: left; margin-right: 8px; } .landing-column-qtt { margin-left: -5px; width: 312px; margin-right: 3px; } .landing-column-wide { width: 602px; float: left; } .landing-column-white { width: 602px; float: left; background: transparent url(/emtrains/images/landing_content_body.gif) 0 0 repeat-y; margin-top: 9px; position: relative; } .landing-column-white-upper { width: 602px; height: 7px; float: left; background: transparent url(/emtrains/images/landing_content_upper.gif) 0 0 no-repeat; } .landing-column-white-lower { width: 602px; height: 7px; float: left; background: transparent url(/emtrains/images/landing_content_lower.gif) 0 0 no-repeat; } .landing-column-white-inner { width: 602px; float: left; background: transparent url(/emtrains/images/bg_myjourneys_login.gif) left bottom no-repeat; } .landing-content-left { width: 235px; padding: 22px 0 25px 20px; } .landing-content-left .large-text { font-size: 120%; line-height: 139%; font-weight: bold; margin-top: 6px; margin-bottom: 21px; } .landing-content-left ul { padding: 0 0 3px 0; } .landing-content-left ul li { background: transparent url(/emtrains/images/bullet_blue_halo.gif) 0 6px no-repeat; padding: 0 0 7px 15px; line-height: 159%; } #promo-lower { margin-top: 12px; display: block; float: left; } /* ====== accordian ====== */ #accordian { margin-top: -11px; position: relative; float: left; } #accordian h2 { width: 100%; height: 31px; } #accordian h2 span { display: none; } #accordian #button-help-buying-tickets { width: 100%; height: 31px; display: block; float: left; } #accordian #button-help-buying-tickets span { display: none; } #accordian #no-button-help-buying-tickets { width: 100%; height: 31px; display: block; float: left; } #accordian #accordian-body { margin-left: 6px; float: left; } #accordian #accordian-body li { display: block; float: left; clear:both; } #accordian .accordian-header { height: 31px; display: block; position: relative; } #accordian .accordian-header a { height: 31px; display: block; cursor: pointer; } #accordian .accordian-content { /*height: 315px;*/ } #accordian .accordian-header span { display: none; } #accordian .open .accordian-header a { cursor: default; } #accordian #header-book-journey { background: transparent url(/emtrains/images/accordian_home_header_bookjourney.gif) 0 0 no-repeat; } #accordian .closed #header-book-journey:hover { background: transparent url(/emtrains/images/accordian_home_header_bookjourney.gif) 0 -31px no-repeat; } #accordian #header-best-fare-finder { background: transparent url(/emtrains/images/accordian_home_header_bestfarefinder.gif) 0 0 no-repeat; } #accordian .closed #header-best-fare-finder:hover { background: transparent url(/emtrains/images/accordian_home_header_bestfarefinder.gif) 0 -31px no-repeat; } #accordian #header-buy-season-ticket { background: transparent url(/emtrains/images/accordian_home_header_buyseasonticket.gif) 0 0 no-repeat; } #accordian .closed #header-buy-season-ticket:hover { background: transparent url(/emtrains/images/accordian_home_header_buyseasonticket.gif) 0 -31px no-repeat; } #accordian .accordian-header .accordian-new { position: absolute; top: 1px; left: 0; margin-left: -17px; } #accordian { width: 263px; background: transparent url(/emtrains/images/bg_accordian_slim.gif) 0 0 repeat-y; } #accordian h2 { background: transparent url(/emtrains/images/accordian_slim_upper.gif) 0 0 no-repeat; } #accordian h2#header-buy-tickets { background: transparent url(/emtrains/images/accordian_slim_upper_single.gif) 0 0 no-repeat; } #accordian #button-help-buying-tickets { background: transparent url(/emtrains/images/accordian_slim_lower.gif) 0 0 no-repeat; } #accordian #no-button-help-buying-tickets { background: transparent url(/emtrains/images/accordian_slim_lower_single.gif) 0 0 no-repeat; } #accordian #accordian-body { width: 251px; } #accordian .accordian-header { width: 251px; } #accordian .accordian-header a { width: 251px; } #accordian .open .accordian-header a { background: transparent url(/emtrains/images/bg_minus.gif) 225px 13px no-repeat; } #accordian .closed .accordian-header a { background: transparent url(/emtrains/images/bg_plus.gif) 228px 10px no-repeat; } .landing-page #accordian { width: 312px; background: transparent url(/emtrains/images/bg_accordian.gif) 0 0 repeat-y; } .landing-page #accordian h2 { background: transparent url(/emtrains/images/accordian_upper.gif) 0 0 no-repeat; } .landing-page #accordian h2#header-buy-tickets { background: transparent url(/emtrains/images/accordian_upper_single.gif) 0 0 no-repeat; } .landing-page #accordian #button-help-buying-tickets { background: transparent url(/emtrains/images/accordian_lower.gif) 0 0 no-repeat; } .landing-page #accordian #no-button-help-buying-tickets { background: transparent url(/emtrains/images/accordian_lower_single.gif) 0 0 no-repeat; } .landing-page #accordian #accordian-body { width: 300px; } .landing-page #accordian .accordian-header { width: 300px; } .landing-page #accordian .accordian-header a { width: 300px; } .landing-page #accordian .open .accordian-header a { background: transparent url(/emtrains/images/bg_minus.gif) 274px 13px no-repeat; } .landing-page #accordian .closed .accordian-header a { background: transparent url(/emtrains/images/bg_plus.gif) 277px 10px no-repeat; } /* ========== CMS nav ========== */ #nav-cms { display: block; position: absolute; left: 769px; top: 0px; background: #00134b; width: 200px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #nav-cms span { display: block; padding: 5px 10px; color: #fff; background: #005bbb; } #nav-cms ul { position: relative; display: none; list-style: none; background: #00134b; color: #fff; width: 200px; } #nav-cms a { display: block; color: #fff; padding: 5px 10px; position: relative; } #nav-cms:hover ul, #nav-cms ul.over { display: block; } #nav-cms a:hover { background: #d1d4c3; color: #00134b; } .tablepadding td { padding: 3px; } /* Popupbox */ #popupwrapper { background-color: #fff; position: relative; } #popup-overlay { width:100%; height:100%; position:absolute; z-index:100; top:0; left:0; } .popup-overlay-bg { background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } #popup-window { width:500px; margin-top:50px; margin-left:-250px; display:none; position:absolute; top:50%; left:50%; z-index: 102; color:#000; text-align:left; background:transparent; } #popup-window-wide { width:907px; margin-top:50px; margin-left:-250px; display:none; position:absolute; top:50%; left:50%; z-index: 102; color:#000; text-align:left; background:transparent; } #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; } #popup-top { padding:10px 10px 0 10px; text-align:right; font-weight:bold; background:transparent url(/emtrains/images/popup-top.gif) no-repeat 0 0; width: 480px; height: 10px; } #popup-bottom { height:10px; background:transparent url(/emtrains/images/popup-bottom.gif) no-repeat 0 100%;} #popupheader { padding:0 10px 20px 20px; border-bottom: 1px solid #d8dfe7; margin-bottom: 15px; } #popupheader h1 { color: #00134b; font-size: 140%; font-weight: bold; } #popupheader h1 span { color: #707172; font-weight: normal; } #popupheader ul { height:15px; } #popupheader ul li { float:left; margin-top:5px; padding:0 9px 0 0; font-size:110%; } #popupheader ul li.item-last { padding:0 0 0 0; } #popupheader ul li.on { color:#f58033; } #popupheader ul li.done { color:#012b5d; } #popupheader ul li.on span { font-weight: bold; } #popupwrapper a { color: #005bbb; text-decoration: none; } #popupwrapper a:hover { color: #c71040; } #popup-close { display: block; background: transparent url(/emtrains/images/button_popupclose_x_white.gif) 0 0 no-repeat; width: 9px; height: 8px; float: right; } #popup-close span { display: none; } #bffSubmit_pop { display: block; background: transparent url(/emtrains/images/button_findtickets_popup.gif) 0 0 no-repeat; width: 122px; height: 29px; float: right; } /*#bffSubmit:hover { background: transparent url(/emtrains/images/button_qtt_booknow.gif) 0 -37px no-repeat; }*/ #bffSubmit_pop span { display: none; } /* ====== popup style variants ====== */ .popup-attraction #popup-top { background:transparent url(/emtrains/images/popup_attraction.gif) no-repeat 0 0; height: 21px; } .popup-attraction #popup-top-wide { background:transparent url(/emtrains/images/popup_attraction.gif) no-repeat 0 0; height: 21px; } .popup-attraction #popup-close { display: block; background: transparent url(/emtrains/images/button_popupclose_x.gif) 0 0 no-repeat; width: 62px; height: 12px; } .popup-simple #popup-top { background: transparent url(/emtrains/images/popup_simple_upper.gif) no-repeat 0 0; height: 20px; padding: 0 10px; } .popup-wide #popup-top-wide { background: transparent url(/emtrains/images/popup_wide_upper.gif) no-repeat 0 0; height: 20px; padding: 0 10px; } .popup-simple #popup-bottom { background: transparent url(/emtrains/images/popup_simple_lower.gif) no-repeat 0 0; height: 20px; } .popup-wide #popup-bottom-wide { background: transparent url(/emtrains/images/popup_wide_lower.gif) no-repeat 0 0; height: 20px; } .popup-simple #popup-close, .popup-wide #popup-close { display: block; background: transparent url(/emtrains/images/button_popupclose_x_simple.gif) 0 7px no-repeat; width: 50px; height: 20px; } .popup-simple-inner { background: #00154e !important; color: #fff !important; padding: 0 0 0 28px; } .popup-simple-inner p { font-size: 90%; padding: 0 0 6px 6px; } /* ====== autocomplete ====== */ .ac_results { border-top: 1px solid #727272; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #dadada; border-left: 1px solid #b4b4b4; background: #fff url(/emtrains/images/bg_textbox.gif) 0 0 repeat-x; padding: 2px 4px; } .ac_results li { padding: 1px 0px; text-transform: capitalize; } .ac_results .ac_over { background: #dadada; color: #00144d; } .ac_results iframe { display: none; }