/* css definitions - London Midland parnking - handheld */

.nav_hh { background-image: none; width:auto;}
.nav table_hh  {  font-size:8pt; color:#000000; font-weight: bold; width: auto; margin-top:0px;}
table.meteor_hh { width:auto; font-size:10px;}
/* this TD uses new LM.com styling
td.logo { padding-left:10px; background-image: url(../images/head_bg.gif); height:89px; background-color:#000000; text-align:left; border-collapse:collapse;}
*/
/* old LM.com styling*/

html, body {color:#000000; background:#ffffff; margin:0px; font-family:verdana,sans-serif; font-size:9pt; word-spacing: normal; font-style:normal; text-align:center;}
table.main-layout { margin-top:-1px; padding:0px; border-collapse:collapse;}
table.header { width:950px; border-collapse:collapse;}
table.main { width:950px;}

td.logo { padding-top:10px; background-color:#000000; text-align:left; border-collapse:collapse;}

td.logo2 {background-color:#000000; text-align:right; border-collapse:collapse;}


/* css definitions - London Midland - Main site */

img { border:none; padding:0px;} 

/* text definitions */
table {font-family:verdana,helvetica,sans-serif; font-size: 9pt; word-spacing: normal; line-height: 18px;}
.arepo {font-weight:bold; color:#085DAA;}
h1 {font-size: 12pt;  color:#000000; margin-top:5px; margin-bottom:5px;}
h2 {font-size: 11pt;  color:#5fa300; margin-top:10px; margin-bottom:10px;}
h3 {font-size: 10pt;  color:#000000; font-weight:bold; padding:2px; margin-bottom:10px; background-color:#dadada;}
h4 {font-size: 11pt;  color:#5fa300; margin-top:5px; margin-bottom:5px;}
ul {margin-top:5px; margin-bottom:2px; margin-left:15px; }
li {padding:3px 0px 3px 0px; color:#5fa300;}
.normal {color:#000000; font-weight:normal;}
.highlight {color:#5fa300; font-weight:bold;}
p.standard { padding-left: 10px; padding-right:10px;}
ul.standard { margin-left:25px; }

/* layout of station/carpark info */
td.permits { width:50%; vertical-align:top; border-right: solid 1px #5fa300; }
td.permits2 { width:50%; vertical-align:top;}
table.layout {width:100%;}
table.display { width:350px; margin-bottom:20px;}
td.title { vertical-align:top; width:1%; white-space:nowrap; color:#5fa300; font-weight: bold; font-size:9pt; padding: 5px 5px 5px 0px;}
td.text-plain {padding: 5px 5px 5px 0px;}
td.station { border: solid 1px #000000; padding: 5px 5px 5px 5px; font-size:9pt;}

table.carpark { width:100%;}
.carpark td {padding-left:10px;}
td.carparktitle {  color:#000000; font-weight: bold; font-size:11pt; padding: 5px 5px 5px 0px;}
td.detailstitle { width:auto; color:#000000; font-weight:bold; margin-bottom:10px; background-color:#dadada; white-space: normal;}
td.detailstitle-2 { width:12%; color:#000000; font-weight:bold; margin-bottom:10px; background-color:#dadada; white-space: normal;}

/* ticket types */
td.types { width:25%; vertical-align:top; color: #000000; font-weight:bold; }
.ticket-spacer  { border-bottom: solid 1px #5fa300; line-height:0.25px; margin-top:0px; margin-bottom:0px;}

.message {color:#d62129; line-height:18px; padding-top:10px; padding-bottom:20px;}
.info {font-size:8pt; vertical-align:top;}
td.info {font-size:8pt; vertical-align:top; width:40%; padding-left:0px;}
table.cp_info {font-size:8pt; width:100%; line-height:15px;}
td.cp {font-weight:normal; white-space:nowrap; vertical-align:top; width:1%; color:#5fa300; padding-left:10px;}
td.product {text-transform: capitalize;}
td.button { text-align:left;}

.spacer  { border-bottom: dashed 1px #000000; line-height:0.25px; margin-top:10px; margin-bottom:10px;}
.carpark-spacer { border-bottom: solid 1px #000000; line-height:0.25px; padding: 5px 0px 5px 0px;}
.select { border-style:solid; border-width:1px; overflow:hidden; }

.faq-q { margin: 0px 0px 10px 5px; }
.faq-q ol { margin: 0px 0px 0px 25px; }
.faq-q li {padding: 0px 0px 0px 0px; color:#5fa300;}
table.faq {width:99%; margin: 10px 0px 0px 0px;  }
.faq td.text { padding: 0 0 5 0; line-height:18px;}
.faq td.top { font-weight:bold; vertical-align:top; text-align:right; font-size:8pt;  background-color:#dadada; width:1%; white-space:nowrap;}


/* LINKS */
a, a:link, a:visited { text-decoration:none; color:#5fa300;}
a:hover {text-decoration: underline; }

/* NAV */
.nav a, .nav a:link, .nav a:visited {text-transform: none; color:#ffffff; padding: 0px 7px 0px 7px; }
.nav a:hover {text-decoration:none; color:#ffffff; text-decoration: underline;}
/*.nav { background-image: url(../images/nav-img.jpg); width:100%; border-top: solid 1px #000000; border-bottom: solid 1px #000000; margin-top: 5px;}*/
.nav { background-image: url(../images/nav_bg.gif); width:100%; border-top: solid 1px #000000; border-bottom: solid 1px #000000; margin-top: 5px; height:31px;}
.nav table  {  font-size:9pt; color:#ffffff; font-weight: bold; width: auto; margin-top:0px; border: solid 0px #000000;}
.nav td {  text-align:left; white-space:nowrap;}




/* LAYOUT OF TEXT IN COLUMNS */
table.content-layout {width: 100%; padding:0px; margin:5 0 5 0; border-collapse:collapse;}
table.details { height: 100%;}

/* 2 column boxes */
.box { margin-top:2px; width:100%; }

/* all rounded tables*/
.rnd_table { width:100%;  table-layout:fixed; } 

/* white center part */
.rnd_table .inner { background-color:#ffffff; color:#000000; padding:5px;}
.rnd_table .outer {padding:2px;}

/* coloured borders */
div.blue-border { background-color:#000000;} 

/* contact table */
td.contact-b {font-weight: bold; color:#5fa300; padding-right: 10px; vertical-align: text-top;}

/* FOOTER */
.footer {  margin-top:5px; border-top: solid 1px #5fa300;}
table.meteor { width:100%; font-size:10px;}
td.meteor {text-align: center;}
td.goahead { vertical-align:middle; text-align:center; font-size:7pt; line-height:normal; border-bottom: solid 0px #000000; border-top: solid 0px #000000; padding:5 0 5 0;}