@charset "utf-8";
/* CSS Document */

body {
	background: #fff url(../images/top-bg.jpg) repeat-x top left;	
}

#container {
	width: 96em;
	margin: 0 auto;
}

h1 {
	font: bold normal 1.8em/1.8em "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	color: #5ea02a;
	margin-top: 0.6em;
}

h2 {
	font: bold normal 1.4em/1.4em Arial, sans-serif;
	text-transform: uppercase;
	color: #333333;
	margin-bottom: 0.6em;
}

h2.timetable-header {
	margin-top: 0.6em;
	border-bottom: 1px solid #ccc;
}

h3 {
	font: bold normal 1.2em/1.4em Arial, sans-serif;
	color: #5ea02a;
	margin-bottom: 0.6em;
}

h4 {
	font: bold normal 1.4em/1.4em Arial, sans-serif;
	text-transform: uppercase;
	color: #5EA02A;	
}

#sidebar ul li.address-title {
	text-transform: uppercase;
	font-weight: bold;
	color: #5ea02a;
}

span.address-title {
	text-transform: uppercase;
	font-weight: bold;
	color: #5ea02a;
}

a.address-link {
	color: #333;
}

a.address-link:hover {
	text-decoration: none;
}

span.capitalize-bold {
	font-weight: bold;
	text-transform: uppercase;
}

#white-bar {
	height: 11.7em;
}

#white-bar a img {
	float: left;
	margin-top: 2em;
}

#breadcrumbs {
	height: 2.9em;	
	color: #fff;
}

#breadcrumbs p {
	margin-top: 2em;	
	font-family: Arial,Helvetica,sans-serif;
}

#breadcrumbs a.B_homeCrumb {
	color: #fff;
	text-transform: uppercase;
}

#breadcrumbs a:hover.B_homeCrumb {
	text-decoration: none;	
}

#breadcrumbs a.B_crumb {
	color: #fff;
	text-transform: uppercase;
}

#breadcrumbs a:hover.B_crumb {
	text-decoration: none;	
}

#breadcrumbs span.B_lastCrumb {
	color: #fff;
	text-transform: uppercase;
}

#breadcrumbs span.B_currentCrumb {
	color: #7AC142;
	text-transform: uppercase;
}

#top { 
	margin-bottom: 2em;
}

#content {
	width: 56.8em;
	float: left;
	padding-bottom: 5em;
}

#content p {
	color: #575656;
	font: normal normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin-bottom: 1.4em;
}

#content ul {
	margin-bottom: 2em;
}

#content ul li {
	color: #575656;
	font: normal normal 1.2em/1.6em Arial, Helvetica, sans-serif;	
	margin: 1em 0;
}

#content ul.address-list li {
	font: normal normal 1.2em/1.6em Arial, Helvetica, sans-serif;
	margin: 0;
}

#content ul.tick-list {
	margin-left: 2em;	
}

#content ul.tick-list li {
	padding: 4px 0 4px 20px;
	background: #fff url(../images/tick.jpg) no-repeat center left;
}

#nptcbc {
	float: right;
	width: 18em;
	padding-right: 11em;
	padding-top: 1em;
	margin-top: 2em;
	height: 7em;
	background: #fff url(../images/nptcbc.jpg) no-repeat center right;
	vertical-align: middle;
}

#nptcbc p {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

#sidebar {
	width: 31em;	
	float: left;
	margin: 2em 0 14em 4em;
	border-left: 1px solid #bfbdbd;
}

#sidebar p {
	font: normal normal 1.1em/1.4em Arial, Helvetica, sans-serif; 
	color: #575656;
}

#sidebar #news {
	border-bottom: 1px solid #bfbdbd;
	padding: 0 2em 2em;	
}

#sidebar #contact, #sidebar #fares {
	border-bottom: 1px solid #bfbdbd;
	padding: 2em;
}

#sidebar ul {
	margin-bottom: 1em;	
}

#sidebar ul li {
	font: normal normal 1.1em/1.6em Arial, Helvetica, sans-serif;
	color: #575656;
	text-transform: capitalize;
}

#sidebar ul li a {
	color: #5EA02A;
	text-transform: lowercase;	
}

#sidebar #fares a {
	float: right;
	width: 12em;
	height: 2em;
	background: #93cd35 url(../images/button-bg.jpg) repeat-x top left;
	outline: 1px solid #79ae24;
	color: #fff;
	text-align: center;
	font: bold normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 0.7em;
	margin-top: 1em;
}

#sidebar #fares a:hover {
	background: #93cd35 url(../images/button-over-bg.jpg) repeat-x top left;
	color: #395b02;
}

#footer {
	background: #000 url(../images/footer-bg.jpg) repeat-x top left;	
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 2em 0;

}

#footer-content img {
	float: right;
	margin-top: -7.8em;
	margin-right: 4em;
	position:relative;
}

#footer-content ul {
	width: 20em;
}

#footer-content ul li {
	line-height: 1.8em;
}

#footer-content ul li a {
	font-size: 1em;
	padding-left: 2em;
	background: transparent url(../images/arrow.gif) no-repeat left center;
	color: #484747;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
}

#footer-content ul li a:hover {
	background: transparent url(../images/arrow-over.gif) no-repeat left center;
	color: #9e9c9c;	
}

#footer-content p {
	float: right;
	color: #484747;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif;
	
}

#footer-content p a {
	color: #A1F70B;
	margin-right: 4em;
}

#footer-content p a:hover {
	color: #D32483;	
}


/* ------------- Tables --------------- */


table {
  color: #575656;
  font: normal normal 1.2em/1.6em Arial, Helvetica, sans-serif;
  margin: 1em 1em 1em 0;
  background: #fff;
  border-collapse: collapse;
  width: 100%;
  height: 11.2em;
}

table.timetable th, table.timetable td {
  vertical-align: middle;
  text-align: center;
  height: 4em;
}

table.tesco-timetable th, table.tesco-timetable td {
  vertical-align: middle;
  text-align: center;
  height: 4em;
}

table.tesco-timetable {
	width: 46%;
	float: left;
	margin-right: 1em;
}

table.timetable td, table.tesco-timetable td {
	width: 3.8em;	
}

table.timetable tr:hover {
  background: #d7ff98;	
}	

table th, table td {
  border: 1px silver solid;
  padding: 0.4em;
/*  width: 50%;*/
}

table.timetable-list th, table.timetable-list td {
	width: 50%;
}

table th {
  background: #d7ff98;
  text-align: left;
  font-weight: bold;
  color: #3e3d3d;
}

td.timetable-link {
	vertical-align: middle;	
	text-align: left;
}

td.timetable-link a {
	float: right;
	margin-right: 1em;
	color: #5EA02A;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 24px;
	background: #fff url(../images/arrow-right.jpg) no-repeat center left;
}

td.timetable-link a:hover {
	background: #fff url(../images/arrow-right-over.jpg) no-repeat center left;
	text-decoration: none;
	color: #FF6B00;
}



/* ------------------ Dropdown menu ---------------*/

/* 
	LEVEL ONE
*/
#white-bar ul.dropdown                         { position: relative; z-index: 100;	float: right;
	margin-top: 5em;
	margin-right: 3em;}
#white-bar ul.dropdown li                      { font-weight: bold; float: left; display: inline;
	margin-right: 2em;}

#white-bar ul.dropdown a:active                { color: #004B8E; }
#white-bar ul.dropdown li a                    { display: block; 
	padding: 5px 8px; 
	color: #1d1d1d;
	text-decoration: none;
	font-size: 1.6em;
	text-transform: lowercase;}
#white-bar ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#white-bar ul.dropdown li.hover,
#white-bar ul.dropdown li:hover                { background: #77C241; color: #7ac142; position: relative; }



/* 
	LEVEL TWO
*/
#white-bar ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; font: normal normal 0.8em/1.4em Verdana, Geneva, sans-serif;}
#white-bar ul.dropdown ul li 					{ font-weight: normal; background: #6693bb; color: #2b2b2b; 
									   float: none; margin: 0; }
#white-bar ul.dropdown ul li a { background: #77C241;
	padding: 1em 0.8em;
	color: #1d1d1d;
}
#white-bar ul.dropdown ul li a:hover {
	background: #c7f973;	
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
#white-bar ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
#white-bar ul.dropdown ul ul						{ width: 180px; visibility: hidden; position: absolute; left: 100%; top: 0; font: normal normal 8px/16px Verdana, Geneva, sans-serif;}
#white-bar ul.dropdown ul ul li 					{ font-weight: normal; background: #6693bb; color: #2b2b2b; 
									   float: none; margin: 0; }
#white-bar ul.dropdown ul ul li a {
	padding: 11px 8px;
}
#white-bar ul.dropdown ul ul li:hover {
	background: #99b7d2;	
}
		

#white-bar ul.dropdown li:hover > ul 			{ visibility: visible; }




/* ------------------ Sitemap ---------------*/


ul.LSM_0 li a {
	color: #575656;
	font: normal normal 12px/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul.LSM_1  {
	margin-left: 2em;	
}

ul.LSM_1 li a {
	font-weight: normal;	
}

ul.LSM_2 {
	padding-left: 4em;	
}

ul.LSM_2 li a {
	font-weight: normal;	
}

ul.LSM_0 li a:hover {
	color: #5EA02A;
	text-decoration: none;
}