/* ****************************************** */
/*       Mobile Stylesheet Version: V1.0      */
/* ****************************************** */

body {
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
}

img {
	padding: 0;
	margin: 0;
	border: 0;
}

/* ********************************* */
/*               HEADER              */
/* ********************************* */

#skyscraper {
	width: 100%;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-color: #000000;
	color: #ffffff;
}
#skyscraper p {
	padding: 0px;
	margin: 0px;
	padding-left: 3px;
	font-size: 90%;
	color: #ffffff;
}
#header {
	width: 100%;
	padding: 0px;
	margin: 0;
	height: 50px;
}
#header img {
	padding: 0;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
}

/* ********************************* */
/*            PAGINATION             */
/* ********************************* */

#breadcrumbs {
	width: 100%;
	margin: 0px;
	margin-bottom: 9px;
	padding: 3px 0 3px 0;
	background-color: #F0F0F0;
	color: #000000;
	border-top: 1px solid #CCCCCC;
}
#breadcrumbs p {
	padding: 0px;
	margin: 0px;
	padding-left: 3px;
	font-size: 90%;
	color: #333333;
}

/* ********************************* */
/*              BANNERS              */
/* ********************************* */

.bannertop {
	width: 100%;
	height: 50px;
	padding: 0px;
	margin: 3px 0px 0px;
	background-color: #1F1418;
	background-image: url(backgrounds/underground.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.stationfinder {
	width: 100%;
	padding: 5px 0px;
	margin: 0px 0px 8px;
	background-color: #F03A19;
	font-weight: bold;
	font-size: 110%;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.stationfinder p {
	padding-left: 3px;
	text-decoration: none;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.stationfinder form {
	padding-left: 3px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.stationfinder select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.lines {
	width: 100%;
	height: 50px;
	padding: 0px;
	margin: 0px;
	background-image: url(backgrounds/search-by-line.jpg);
	background-repeat: no-repeat;
	background-color: #010101;
	color: #ffffff;
	border-top: 1px solid white;
	background-position: 0px 0px;
}
.stations {
	width: 100%;
	height: 50px;
	padding: 0px;
	margin: 0px;
	background-image: url(backgrounds/search-by-station.jpg);
	background-repeat: no-repeat;
	background-color: #010101;
	border-top: 1px solid white;
	color: #ffffff;
	background-position: 0px 0px;
}
.attractions {
	width: 100%;
	height: 50px;
	padding: 0px;
	margin: 0px;
	background-image: url(backgrounds/search-by-attraction.jpg);
	background-repeat: no-repeat;
	background-color: #010101;
	border-top: 1px solid white;
	color: #ffffff;
	background-position: 0px 0px;
}
.resultsHeader {
	width: 100%;
	padding: 5px 0px;
	margin: 0px 0px 8px;
	background-color: #F03A19;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.resultsHeader h2 {
	padding-left: 4px;
	text-decoration: none;
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
}


.Bakerloo {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #AE6118;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Bakerloo a {
	color: #ffffff;
}
.Central {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #E41F1F;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Central a {
	color: #ffffff;
}
.Circle {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #F8D42D;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Circle a {
	color: #ffffff;
}
.District {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #00A575;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.District a {
	color: #ffffff;
}
.East {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #F2AD41;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.East a {
	color: #ffffff;
}
.Hammersmith {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #E899A8;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Hammersmith a {
	color: #ffffff;
}
.Jubilee {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #8F989E;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Jubilee a {
	color: #ffffff;
}
.Metropolitan {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #893267;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Metropolitan a {
	color: #ffffff;
}
.Northern {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #000000;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Northern a {
	color: #ffffff;
}
.Piccadilly {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #023164;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Piccadilly a {
	color: #ffffff;
}
.Victoria {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #009FE0;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Victoria a {
	color: #ffffff;
}
.Waterloo {
	width: 100%;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	background-color: #70C3CE;
	color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.Waterloo a {
	color: #ffffff;
}




/* ********************************* */
/*              CONTENT              */
/* ********************************* */

.content {
	width: 98%;
	padding: 0 0 0 4px;
	margin: 0px;
	color: #333333;
	font-weight: normal;
}
#content-footer {
	width: 98%;
	margin: 0px;
	padding: 7px 0 0 4px;
	font-size: 100%;
	color: #333333;
	font-weight: normal;
}
h1 {
	color: #000066;
	font-weight: bold;
	padding: 5px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin: 0px;
	font-size: 14px;
}
h2 {
	color: #000066;
	font-weight: bold;
	padding: 5px;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	font-size: 12px;
}
h3 {
	color: #000066;
	font-weight: bold;
	padding: 0px 5px 2px 1px;
	margin: 0px;
	font-size: 11px;
}
a {
	color: #F03A19;
	text-decoration: none;
}
p {
	font-size: 100%;
	margin: 0;
	padding: 0px 0px 5px 1px;
	color: #333333;
}
p .intro {
	line-height: 18px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}


/* ********************************* */
/*               FOOTER              */
/* ********************************* */


#footer {
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	background-color: #CACACA;
	border-top: 1px solid white;
}
#footer p {
	padding: 3px 0px 2px 4px;
	margin: 0px;
	color: #ffffff;
	font-size: 9px;
}
#footer p a {
	padding: 0px;
	margin: 0px;
	padding-left: 3px;
	color: #ffffff;
}


/* ********************************* */
/*             CREDITS               */
/* ********************************* */

#credit {
	width: 100%;
	padding: 8px 0px;
	margin: 0px;
	text-align: center;
	background-color: #6E6F71;
	border-bottom: 15px solid #6e6f71;
	color: #FFFFFF;
	font-size: 9px;
}
#credit a {
	color: #CACACA;
}


/* ********************************* */
/*             ELEMENTS              */
/* ********************************* */


.bulletpoint {
	padding-right: 0px;
	margin-top: 0px;
}
.blueicon {
	padding-right: 3px;
	padding-top: 0px;
}
.orange {
	color: #ff6600;
}
.padmetop {
	padding-bottom: 0px;
}
.subheader {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.shortinput {
	width: 5px;
}
.hr {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	border-top: 1px solid #c0e2d6;
}
.mid-hr {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	margin-bottom: 3px;
	border-top: 1px solid #c0e2d6;
}