#findbus{}
  #findbus #findbus_inner{
    background:white url("/images/backgrounds/local-stop.jpg") no-repeat bottom center;
    padding-bottom:123px;
  }
  #findbus label{display:none;}
  #findbus input.text_field{
    margin-right:5px;
  }
/**
 * Styling for the layout chunks, so headers, footers etc
 */
/** main containing divs **/
  /*full width - obviously*/
.full{width:100%;}
  /*the fixed width centred container*/

.small_box{
  width:280px;
  float:left;
  margin-right:24px;
}
.large_box{
  width:606px;
  float:left;
}
  .large_box_no_padding{width:630px;}
.grouped{margin-bottom:24px;}
  /* columns */
.thin_column{
  width:304px; /*280 + (12 + 12)*/
}
  .thin_column .small_box{margin-right:0;margin-bottom:24px;}
  .homepage_column{float:right;}
.wide_column{
  width:630px; /*606 + (12 + 12)*/
}

/** boxes **/
.box_outer{padding:12px;}
  .box_inner{padding:12px;}

/**
 * css for the background style classes
 */
/*generic container backgrounds*/
.pale_blue_gradient{background:#d8e0e4;}
.blue_gradient{background:#2b7499;}
.orange_gradient{background:#f5a900;}
.orange-gradient{background:#f5a900;}

.pale_blue{background:#e4ebf0;}
.white{background:#fff;}

/**
 * articles
 */
.article{
  margin-bottom:12px;
  padding-top:12px;
  border-top:1px solid #e4ebee;
}
  .article_0{border-top-width:0;padding-top:0px;}
  .article h3{font-size:138.5%;}
    .article h3 a:hover{text-decoration:underline;}
  .article h4{}
    .article h4 a{color:#7C8A9A;}
    .article h4 a:hover{text-decoration:underline;}

p.info_message{color:#818181; text-align:right;}

.page_terms_and_conditions{padding-top:12px; border-top:1px solid #E4EBEE;}
/**
 * date A tag
 */
a.date{
  display:block;
  float:left;
  width:45px;
  padding:2px;
  background:#006595;
  margin-right:12px;

}
  a.date .month{
    display:block;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    background:#fff;
    color:#006595;
  }
  a.date .day{
    padding-top:3px;
    display:block;
    text-transform:uppercase;
    text-align:center;
    color:#fff;
    font-size:174%;
  }


/**
 * via details on route
 */
span.via{
  display:block;
  margin-top:6px;
}
  .joined_routes a{display:inline-block;margin-right:6px;}
  /*list of routes*/
  .article .joined_routes span.route_number{margin-bottom:6px;}

/**
 * address
 */
.content ul.address li{
  float:left;
  padding-right:3px;
  margin:0;
  list-style-type:none;
  display:block;
}

/**
 * information icon
 */
.heading span.information{
  margin-right:5px;
}
/**
 * tooltips
 */
.up_arrow{display:none;}
#tooltip, #mobile_device{
  position:absolute;
  width:210px;
  display:none;
  background:white;
  padding:6px;
  border:4px solid #E4EBF0;
}
  #tooltip .up_arrow, #mobile_device .up_arrow{
    display:block;
    position:absolute;
    margin-top:-30px;
  }
  #tooltip p, #mobile_device p{
    font-size:100%;
    margin-bottom:5px;
  }
  #tooltip p em, #mobile_device p em{
    font-style:normal;
    display:block;
  }
  #tooltip a{color:#0073C4;}

/**
 * mime type styled links
 */
a.mime{
  display:block;
  float:left;
  width:50px;
  height:50px;
  margin:0 22px 24px 0px;
}
  a.mime .mime-type{
    position:relative;
    top:12px;
    left:10px;
    display:block;
    color:white;
    text-align:center;
    padding:3px;
    text-transform:uppercase;
  }
  a.mime .file-name{
    width:50px;
    height:1em;
    overflow:hidden;
    margin-top:33px;
    font-size:77%;
    display:block;
  }

.side_search_bar,.related_content{}



span.about_now{
  background:#E4EBF0;
  display:inline-block;
  padding:3px;
  color:#2E2E2E;
}
.content p.top-margin{margin-top:9px;}
/** WYSIWYG **/
/**
 * smaller copy
 */
.content p.small{font-size:85%;}
.content p.large{font-size:116%;}
.content p.no-margin{margin-bottom:0px;}
/**
 * pretty lis
 */
ul.featured{}
  ul.featured li{
    list-style-type:none;
    margin-bottom:4px;
    color:#2E2E2E;
    padding-left:15px;
    margin-left:0px;
    background:url('/images/icons/li-bullet.gif') no-repeat left 3px;
  }
/**
 * address list
 */
ul.address_list{}
  ul.address_list li{
    list-style-type:none;
    margin:0 0 4px 0;
    color:#0D0D0D;
  }
/**
 * Information icon
 */
a.information, span.information{
  display:inline-block;
  height:16px;
  width:16px;
  background:url('/images/icons/information.gif') no-repeat center center;
}
  .information:hover{
    cursor:pointer;
  }

/**
 * next bus time
 */
a.nextbus{
  display:inline-block;
  width:16px;
  height:16px;
  background:url('/images/icons/next.png') no-repeat center center;
}
  a.nextbus span{display:none;}
  a.viewing-times{background-image:url("/images/icons/down.png");}
th a.nextbus_icon{
  display:inline-block;
  width:16px;
  height:16px;
  background:url('/images/icons/clock.png') no-repeat center center;
}
  th a.nextbus_icon span{display:none;}
.nextbus-times td.time-data{background:#EDF3F6;}
  tr.nextbus-times td.time-data{
    padding-left:40px;
  }
  .content p.nextbus-loading{
    font-size:116%;
    padding:5px 35px;
    background:url("/images/icons/small-loading.gif") no-repeat left center;
  }
table.nextbus th{width:25px;}
/**
 * route numbers
 */
span.route_number, a.route_number{
  background:url("/images/backgrounds/grid.gif") repeat scroll left top transparent;
  border-right:0 solid black;
  color:#C9E100 !important;
  font-family:arial;
  font-size:161.6%;
  line-height:1em;
  padding:6px;
  text-transform:uppercase;
  text-align:center;
  width:50px;
  display:inline-block;
  cursor:pointer;
  margin-bottom:6px;
}
/**
 * table with grid css
 */
table.grid td{
  border-bottom:1px solid #EDF3F6;
}


/**
 * mobile device popup bits
 */
#mobile_device{
  width:80%;
  z-index:1003;
  left:8%;
  top:150px;
}
  #mobile_device h2{font-size:290%;}
  #mobile_device p, #mobile_device a{font-size:250%;}

#mobile_device .mobile_site{float:right;}
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #aaaaaa url(/images/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); }
#footer div.mobile_or_main{padding:0;}



.bus_stop_key{
  margin-top:10px;
  margin-bottom:10px;
}
  .bus_stop_key div{
    float:left;
    width:30%;
  }
  .bus_stop_key div img{
    float:left;
  }
  .bus_stop_key div span{
    display:block;
    padding-top:13px;
  }
form.area_postcode{
	float:left;
	width:65%;
}
	form.area_postcode fieldset{float:left;width:98%;}
	form.area_postcode label{
		color:#757d85;
		font-size:161.6%;
		font-weight:normal;
		width:33%;
		padding-top:4px;
	}
	form.area_postcode .text_field{
		width:180px;
		font-family:helvetica;
	}
	form.area_postcode .submit_field{
		padding:7px 6px;
		margin-top:0;
		line-height:1.55em;
	}
	

  
/**
 * The breadcrumb under the navigation
 */
.breadcrumb_outer{
	padding-bottom:12px;
}
	.breadcrumb_inner{
		padding-top:12px;
		background:#fff;
	}
		.breadcrumb{
			padding-bottom:12px;
		}

.breadcrumb_navigation{padding-top:12px;}
	.breadcrumb_navigation li{
		margin-left:0;
		list-style-type:none;
		float:left;
		margin-right:6px;
	}
	
	.breadcrumb_navigation li span, .breadcrumb_navigation li a{
		color:#0073c4;
		font-weight:bold;
		display:block;
	}
		.breadcrumb_navigation li a.end{color:#343d4f;}
	.breadcrumb_navigation li span.separator{
		font-size:116%;
		font-weight:normal;
		font-family:arial;
		line-height:1em;
	}
	
.cash-ticket-intro-content {
    margin-bottom:2rem;
}
.table-wrapper {
    overflow: auto;
    margin-bottom: 20px; }
.table-wrapper table {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    color: #ffffff;
    border-radius: 10px; }
.table-wrapper table h3 {
    font-size: 25px;
    margin: 0;
    font-weight: bold; }
.table-wrapper table p {
    margin: 0; }
.table-wrapper table .small {
    font-size: 18px;
    font-weight: normal; }
.table-wrapper table a,
.table-wrapper table a span {
    color: #ffffff;
    text-decoration: underline;
}
.table-wrapper table .highlight {
    color: #fff5bf; }
.table-wrapper table td,
.table-wrapper table th {
    padding: 20px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    width: 30%; }
@media only screen and (max-width: 640px) {
    .table-wrapper table td,
    .table-wrapper table th{
        padding: 10px; }
}
.table-wrapper table thead th {
    border-bottom: 2px solid #ffffff; }
.table-wrapper table tr td:first-child,
.table-wrapper table tr th:first-child{
    text-align: left;
    width: 40%;
}
.table-wrapper table thead th:first-child {
    border-top-left-radius: 0px; }
.table-wrapper table thead th:last-child {
    border-top-right-radius: 0px; }
.table-wrapper table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0px; }
.table-wrapper table tbody:not(.multiline) tr:last-child td:last-child {
    border-bottom-right-radius: 0px; }
.table-wrapper table tbody.multiline tr:first-child td:last-child {
    border-bottom-right-radius: 0px; }
.table-wrapper table tbody.multiline tr:last-child td {
    border-top: 1px solid #ffffff; }
.table-wrapper table.pricing-table td {
    background: #be0c25;
}
.table-wrapper table.pricing-table thead th {
    background: #a01006;
}
.table-wrapper table.darkred td {
    background: #9a1006;
}
.table-wrapper table.darkred thead th {
    background: #7c1006;
}
.table-wrapper.table-collapsed table {
    border-collapse: collapse;
    border-spacing: 0px;
}
.table-wrapper.table-collapsed table tr td {
    border-radius: 0px !important;
    width: auto;
    text-align: left;
    padding: 10px !important;
}
.table-wrapper.table-collapsed table tr:first-child td:first-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.table-wrapper.table-collapsed table tr:last-child td:first-child {
    border-bottom-left-radius: 0px !important;
    text-align: right;
}
.table-wrapper.table-collapsed table tr:last-child td:last-child {
    border-bottom-right-radius: 0px !important;
}
.table-wrapper.table-collapsed .jumbo {
    text-transform: none;
    font-size: 30px;
    line-height: 1em;
}

#cash-ticket-accordion .panel-default>.panel-heading {
    background-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: 1px solid #DDD;
    border-bottom: 0;
}
#cash-ticket-accordion .panel-default:last-child>.panel-heading {
    border-bottom: 1px solid #DDD;
}
#cash-ticket-accordion .panel-default {
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius:0;
}
#cash-ticket-accordion .panel-default>.panel-heading h4 {
    color:#7c1006;
    font-size: 150%;
}
#cash-ticket-accordion .panel-heading.active .fa-chevron-right:before {
    content: "\f078";
}
.banner-link {
    background-color: #be0c25;
    border-radius: 8px;
    display: block;
    width: 100%;
}
a.banner-link span {
    color:#FFFFFF;
    padding:3rem 2rem;
    text-decoration: none;
    font-size:160%;
    display: block;
    font-weight: 700;
}
a.banner-link:hover {
    text-decoration: none;
}
.banner-link img {
    max-width: 98px;
    position: relative;
    top:-8px;
}
.accordion-link-tile {
    display: inline-block;
    position:relative;
    padding-bottom: 5rem;
    width:100%;
}
.accordion-link-tile img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-width:100%;
}
.accordion-link-tile .accordion-link-caption {
    background-color: #c7121e;
    color: #FFF;
    font-weight:700;
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    font-size: 150%;
    padding: 1rem 2rem;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

body.coventry .table-wrapper table.pricing-table td {
    background: #36BAED;
}
body.coventry .table-wrapper table.pricing-table thead th {
    background: #168FCF;
}
body.coventry .table-wrapper table.pricing-table td {
    background: #36BAED;
}
body.coventry .table-wrapper table.pricing-table thead th {
    background: #168FCF;
}
body.coventry  #cash-ticket-accordion .panel-default>.panel-heading h4 {
    color:#168FCF;
}
body.coventry .banner-link {
    background-color: #36BAED;
}
body.coventry .accordion-link-tile .accordion-link-caption {
    background: #36BAED;
}

body.dundee .table-wrapper table.pricing-table thead th {
    background: #138577;
}
body.dundee .table-wrapper table.pricing-table td {
    background: #17a090;
}
body.dundee  #cash-ticket-accordion .panel-default>.panel-heading h4 {
    color:#138577;
}
body.dundee .table-wrapper table.pricing-table td{
    background:#478a2f;
}
body.dundee .table-wrapper table.pricing-table thead td{
    background:#004a26;
}
body.dundee .accordion-link-tile .accordion-link-caption {
    background: #004a26;
}

.contactlesstable {
    width: 100%;
    vertical-align: middle;
    margin-bottom: 20px;
    background: #f2ede6;
    border-radius: 10px;
    font-weight: 500;
    color: #303b9f;
}
.contactlesstable td:first-child {
    background: #ddebf9;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3em;
}
.contactlesstable td {
    padding: 20px;
}
.contactlesstable p {
    font-size: 22px;
    margin: 0;
    line-height: 1.2em;
}
.contactlesstable p span {
    font-size: 15px;
    display: block;
    line-height: 1.3em;
    margin-top: 10px;
}

body.west-midlands .contactlesstable {
    color: #a01006 !important;
}
body.west-midlands .contactlesstable td:first-child {
    background: #f3d9d9;
}
body.west-midlands .contactlesstable td:first-child span {
    color: #be0c25;
}

@media only screen and (max-width: 960px) {
    .accordion-link-tile {
        padding-bottom:1rem;
    }
    .accordion-link-tile .accordion-link-caption {
        font-size: 80%;
        padding: 0.6rem;
    }
}

@media only screen and (max-width: 480px) {

    .accordion-link-tile .accordion-link-caption {
        font-size: 70%;
    }
}
.v-christmas2011 #content{
  height:500px;
}
.v-christmas2011 h1{display:none;}
#social_dialog{
  position:absolute;
  margin:-106px 0 0 853px;
}
#social_dialog .social_buttons{
  border-top:none;
  margin-top:0;
}
#social_dialog .social_buttons iframe{
  display:block;
  margin-bottom:10px;
}
/**
 * generic styling for the container block of content
 */
.cms_content_container{
	float:right;
}
.twentytwenty-horizontal {
  max-width: 100%;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
 -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 2px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 0.8em;
  font-family: 'Titillium Web', 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 2px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }
div.content{
	padding:24px 0;
}
	div.content ul{margin-bottom:12px;}
		div.content ul li ul{margin-bottom:0;}
	div.content ol{margin-bottom:12px;}
		div.content ol li ol{margin-bottom:0;}
	div.content ul.tabs, div.content .section_navigation ul{margin-bottom:0;}
/* buttons */
div.content .button, div.content input.button{
	font-family:arial;
	font-weight:bold;
	font-size:85%;
	color:#fff;
	background:#006fa4;
	padding:7px 10px;
	margin-top:0;
	display:inline-block;
	text-transform:uppercase;
	cursor:pointer;
}
	div.content .button sup{color:white;}
	div.content .inline_button{
		color:#005982;
		font-weight:bold;
		font-size:93%;
		display:block;
		float:left;
		width:52%;
	}
	div.content .extras{
		padding-top:12px;
		margin-bottom:0;
		font-size:100%;
	}
		div.content .extras .button{
			float:right;
		}

/*content forms*/
	div.content form{}
		div.content form label{
			width:94%;
			display:block;
			color:#2275a1;
			padding-bottom:8px;
			font-size:100%;
			float:none;
		}
			div.content form label.checkbox_label{
				color:#383838;
				font-weight:normal;
				width:90%;
			}
		div.content form input.text_field, div.content form textarea{
			width:95%;
			display:block;
			border:1px solid #bae1eb;
			padding:7px 5px;
			margin-bottom:12px;
			line-height:1em;
		}
		div.content form textarea{height:90px;}
		div.content form input.button{line-height:1.55em;}
		div.content form input.shorter{width:55%;margin-right:5px;}

	div.content form fieldset.split{
		float:left;
		width:46%;
		padding-left:3%;
	}
	div.content form fieldset.first{
		padding-left:0%;
		padding-right:3%;
		border-right:1px solid #e4ebee;
	}
	div.content form select{
		width:65%;
		margin-bottom:12px;
	}
	div.content form option{
		padding:0 3px;
	}
	div.content form .checkbox_field{
		clear:both;
		float:left;
		margin-right:8px;
	}

img.flow_right{
	float:right;
	margin:10px 0 10px 10px;
}
img.flow_left{
	float:left;
	margin:10px 10px 10px 0;
}
img.flow_normal{
	float:none;
	margin:10px auto;
	display:block;
}

.joined .garage_info .copy, .joined .agent_info .copy{float:left;}



.social_buttons{
  border-top:1px solid #E4EBEE;
  margin-top:12px;
  padding-top:12px;
}

#dot_date input{
	width: 97%;
}
.west-midlands-private-hire .contained-block,
.west-midlands-private-hire .content-container {
	padding: 0;
}
.west-midlands-private-hire .contained-block {
	max-width: 1040px;
}
#days_out_selector li{
  list-style:none;
  display:inline;
  margin-left:55px;
}
#days_out_selector li a img{
  border:2px solid #fff;
}
#days_out_selector li a.selected img{
  border:2px solid #C9E100;
}
#days_out_selector li a:hover img{
  border:2px solid #C7D7DF;
}

#days_out_holder .days_out_loading{background:transparent url(/images/daysout/ajax-loader.gif) top right no-repeat;}

#days_out_form img{float:none;margin-bottom:13px;}

#date_and_stop label{display:none;}
#date_and_stop select{
  width:381px;
  float:left;
}
#date{margin-right:20px;}
#days_out_form table td, #days_out_form table th {font-size:85%;}
#days_out_form table td {border-bottom:1px solid #e1e1e1;}
#days_out_form table {width:90%;}
#tickets{
  width:600px;
  margin-right:20px;
  float:left;
}
#tickets label{font-size:85%;}
#tickets select{
  width:40px;
  margin-left:5px;
}
.sub_total{float:right;}

div.email_address_field {
	clear:both;
	margin-bottom:8px;
	overflow:hidden;
}
div.content form .email_address_field label{
  float:left;
  width:100px;
  padding:5px 0;
}
div.content form .email_address_field input{
  float:left;
  width:300px;
  margin:0 0 0 10px;
}

#days_out_holder tr.total td{
  text-align:right;
	font-weight:bold;
}
#days_out_payment_form input{
  float:right;
}
.ticket_list li{
  list-style-position:inside;
}
.terms_break {margin:10px 0;}
.label_info {clear:both;font-size:85% !important;}
.daysout_logo {
	color: #7A8A98;
	font-weight: bold;
	letter-spacing: -1.1px;
	vertical-align:middle;
	font-size:160%;
	margin-bottom:14px;
}
.daysout_logo img {vertical-align:bottom;margin-right:6px;}

.ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; margin-top:40px;}
.ui-dialog .ui-dialog-titlebar { padding: 0; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 10px; top: 20px; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

body #splash{
  outline: none;
  display: none;
  padding:0;
}
#splash a,
#splash img{
  display:block;
  outline:none;
}


#splash img{
  border:10px solid white;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
.ui-dialog .ui-dialog-titlebar-close{
  z-index:1010;
  width:45px;
  height:45px;
  top:28px;
  right:19px;
  cursor:pointer;
}

.ui-dialog .ui-dialog-titlebar-close span{
  display:none;
}

/**
 * Cash ticket listing styles
 */
#cash_ticket_list td.for{width:180px;}

/**
 * overwrites for the inline day out forms
 */
#day_out_form_details small{font-size:85%;}
/**
 * css for thin blocks included
 */
.thin_block{margin-top:24px;}
/**
 * CSS changes for the travelcard form when included on pages (thin version)
 */
#travelcard_form_inline_thin{margin-top:24px;}
	#travelcard_form_inline_thin .travel_card_text{display:none;}
/**
 * CSS changes for the wide blocks that are included
 */
.wide_block{margin-top:24px;}
form.find_timetable{
	float:left;
	width:45%;
}
	form.find_timetable fieldset{float:left;width:98%;}
	form.find_timetable label{
		color:#757d85;
		font-size:161.6%;
		font-weight:normal;
		width:145px;
		padding-top:4px;
	}
	.bdy-dundee form.find_timetable label{width:164px;}
	form.find_timetable .text_field{
		width:186px;
		font-family:helvetica;
	}
	form.find_timetable .submit_field{
		padding:7px 6px;
		margin-top:0;
		line-height:1.55em;
	}
/**
 * Styling for the first visit splash
 */
.first_visit_container{
	border-bottom:1px solid #c79211;
}
	.first_visit{padding:9px 0;}
	
		.first_visit li{
			margin:4px 12px 0 0;
			padding-right:12px;
			list-style-type:none;
			float:left;
			background:url('/images/icons/first-visit-bar.png') no-repeat center right;
		}
		
		.first_visit li, .first_visit li a{
			color:#60480f;
			font-family:helvetica;
			font-weight:bold;
			display:block;
		}
			.first_visit li.change, .first_visit li.close, .first_visit li.the-metro{background-image:none;}
			.first_visit li.change{margin-right:0px;}
			.first_visit li.close{
				float:right;
				font-weight:normal;
				margin-top:0;
				font-size:90%;
			}	
				.first_visit li.selected a{color:#fff2d4;}			
				.first_visit li.close a{
					display:inline-block;
					background:#ffc238;
					font-weight:bold;
					font-size:116%;
					border:1px solid #e39c02;
					padding:1px 6px 0px 6px;
				}
/**
 * CSS for the fleet list
 */
#fleet_listing{border-top:1px solid #E4EBEE;padding-top:12px;}
	/* form */
	#fleet_listing form{}
	/* table */
	#fleet_listing .operating_garage{width:160px;}
	#fleet_listing .operating_garage{text-align:right;}
.footer_outer{
	padding-top:12px;
}
	.footer_inner{
		background:white;
		padding:18px 0;
		float:left;
		width:100%;
	}


.footer .block{
	float:left;
	padding:0 24px 0 0;
	max-width:230px;
}
	.footer .block_0{padding-left:0;border-left:0;}
	.footer .block h4{
		font-size:93%;
		font-weight:bold;
	}
		.footer .block h4 a{color:#5f5f5f;}
	.footer .block li{
		font-size:93%;
		list-style-type:none;
		margin-left:0;
	}
		.footer .block li a{color:#787878;}
		
/* footer logo */
.blocks_and_logo .small_logo{
	float:right;
	width:auto;
}
	.blocks_and_logo .footer_logo{
		display:block;
		font-size:123.1%;
		float:right;
		height:30px;
		background:url('../../images/logos/wm-logo-footer.png') no-repeat center left;
	}
	.blocks_and_logo .living-wage {
		text-align: right;
	}
.blocks_and_logo .living-wage img {
	margin-top:10px;
}
	.blocks_and_logo .footer_logo span{
		color:#7A8A98;
		padding-left:40px;
		font-weight:bold;
		letter-spacing:0.1px;
	}

#footer_logo{width:200px;}
#footer_logo .author{
	font-size:93%;
	clear:both;
	display:block;
	margin-top:15px;
	padding:5px 0 5px 25px;
	color:#CFCFCF;
	float:right;
	text-align:right;
	width:150px;
}
	#footer_logo .author span{
		display:block;
		color:#CFCFCF;
	}
/**
 * change the width of the logo for each sub site
 */
.bdy-west-midlands .blocks_and_logo .footer_logo{
	width:180px;
	background-image:url("/images/logos/wm-logo-footer.png");
}
.bdy-dundee .blocks_and_logo .footer_logo{width:100px;}
.bdy-the-metro .blocks_and_logo .footer_logo{width:150px;}
.bdy-coventry .blocks_and_logo .footer_logo{
	width:145px;
	background-image:url("/images/logos/coventry-logo-footer.png");

}
/**
 * swap the logo for the metro
 */
.bdy-the-metro .blocks_and_logo .footer_logo{
	background-image:url("/images/logos/metro-logo-footer.png");
	background-position:12px center;
	width:171px;
}

.cookie-msg {
	background-color: #d59412;
	padding: 7px;
	position: fixed;
	z-index: 900;
	bottom: 0;
	display: none;
	right: 0;
	left: 0;
}
.cookie-msg p.left {
	max-width: 90%;
}
.cookie-msg p.left {
	float: left;
	max-width: 80%;
}
.cookie-msg p {
	font-size: 1.0em;
	margin: 0;
	color: #FFF;
}
.cookie-msg p.right {
	float: right;
}
.cookie-msg a {
	cursor: pointer;
	color: #FFF;
}
.cookie-msg .container {
	background:transparent;
}
/**
 * home page feature block
 */
#homepage_featured{padding:0;}

.homepage_featured_images{
	height:166px;
	overflow:hidden;
}	
	
.homepage_featured_links{
	margin-top:-12px;
}
	.homepage_featured_links a{
		font-size:77%;
		padding-top:23px;
		margin-right:6px;
		font-weight:bold;
		text-transform:uppercase;
		line-height:1em;
		display:block;
		float:left;
		width:180px;
		position:relative;
	}
		.homepage_featured_links a span{
			padding:8px 12px 8px 12px;
			display:block;
			color:#005982;
		}
		
	.homepage_featured_links a.selected{
		background:url('/images/icons/home-page-feature-selected.png') no-repeat center top;
	}
		.homepage_featured_links a.selected span{
			background:white;				
		}
			


div.flash-object{
  background:white url('/images/icons/circle-loader.gif') no-repeat center center;
}

.carousel-inner > .item > a > img {
	margin: 0 auto;
}
/**
 * styling for kml driven maps
 */
.kml_map{
	width:582px;
	height:515px;
}
	.kml_map .gmnoprint{padding:0 0 20px 0;}
	.kml_map .gmnoprint p{font-size:93%;margin-bottom:0px;}
	.kml_map .gmnoprint p:last-child{padding-bottom:6px;}
/**
 * kml layer list and search box
 */
.kml_map_filters{
	margin-top:12px;
}
	div.content form.kml_map_filters label.checkbox_label{font-size:100%; width:98%;}
	div.content form.kml_map_filters .floated_fields input.text_field{
		width:170px;
		margin-right:0;
	}


@media (max-width: 500px) {
	.kml_map {
		width:100%;
	}
}
.summary{padding:10px;}
  form.local_filters{
    padding:0px 10px;
    margin-bottom:0;
  }
.popular_table{}
  
  .popular_table .routes{
    width:95px;
  }
  .popular_table td.stops{
    width:115px;
  }
  .popular_table .distance_from_me{
    width:82px;
  }
  
  .popular_table .routes .route_number{
    font-size:123.1%;
    width:30px;
  }
  
  .distance_from_me{
    text-align:right;
  }
  
  .popular_table p.small{
    margin-bottom:5px;
  }
  
  .popular_table p.small .stop_link{text-decoration:none;color:#2275A1;}
  
#destination_definitions{display:none;}

.static_local_map{
  margin:0 auto;
  display:block;
}


/**
 * local destination - homemovers
 */
/*
 * main containers, remove the padding from the outer so the map goes flush
 * so add it to the inner div
 */
#local_map_and_destinations_container{
  padding:0;
}
  #local_map_and_destinations_container .popular{padding:10px;}
  
/* main map */
#local_area_map{
  width:100%;
  height:420px;
}
.ui-dialog-content #service_frequency_table td, .ui-dialog-content #service_frequency_table th{
  font-size:77%;
}
.ui-dialog-content .frequency_list{margin-bottom:12px;}
.ui-dialog-content .map_chunk p{margin-bottom:12px;}
.ui-dialog-content .map_chunk p a{color:#0073C4;text-decoration:underline;}
.content .print_form_setup .extras{padding-top:5px;}

.checkboxlist{}
  .checkboxlist .checkboxoption{float:left;}
  div.content form .checkboxlist label{
    float:left;
    padding-left:3px;
    width:90%;
  }
/**
 *
 */
.stoplist{
  padding:0;
}
  .stoplist .intro{
    padding:10px 10px 0 10px;
    margin:0;
    font-size:116%;
  }
  .stoplist .more{padding:10px 10px 0 10px;}
  .stoplist h3{
    background:#1f5a80 url("/images/local/stop-background.jpg") repeat-x top left;
    font-size:108%;
    margin-bottom:0;
  }
    .stoplist h3 a{
      color:white;
      text-transform:uppercase;
      display:block;
      padding:15px 40px 15px 10px;
      background:url("/images/icons/maps/bus-stop-red.png") no-repeat 95% center;
    }
    .stoplist h3.active-icon a{
      background-image:url("/images/icons/maps/bus-stop-active.png");
    }

  .stoplist .route_listing{
    background:#b0d6e0;
    padding:10px;
  }
    .stoplist. .route_info{
      margin-bottom:8px;
    }
    .stoplist .route_info h4{
      font-size:85%;
    }
      .stoplist .route_info a{
        color:#2275a1;
      }

    .stoplist .route_info .route_number{
      font-size:123.1%;
      float:left;
      width:30px;
      text-align:center;
      margin:0 10px 10px 0;
    }

.stoplist .route_info a.button{
  font-size:77%;
  color:white;
  margin-left:50px;
}

.route_info{margin-bottom:10px;}

/**
 * loading..
 */
.box_outer .loading p.intro{
   background:url("/images/icons/loading.gif") no-repeat 95% center;
}
  .content_area .loading{
    background:url("/images/icons/loading.gif") no-repeat top right;
  }
  .box_outer .loading *{
    opacity:0.5;
  }

.stoplist h3.loading{
  background:#1f5a80;
}
.stopinfo div.loading{
  background:#B0D6E0 url("/images/icons/loading-inverse.gif") no-repeat 95% center;
}


.next_scheduled_bus{
  background:#b0d6e0;
  padding:10px;
}
  .next_scheduled_bus a.nextbus{
    width:auto;
    height:auto;
    display:block;
    padding-left:20px;
    background:url('/images/icons/clock.png') no-repeat center left;
  }

/**
 * modal
 */
.ui-dialog-content #timeband_definitions{display:none;}
body.local_info .ui-dialog .ui-dialog-content{padding:20px;}
body.local_info .ui-dialog-titlebar{display:none;}
body.local_info .ui-dialog-content h1{margin-bottom:10px;}
body.local_info .ui-dialog-content h1 span.route_number{padding:10px 0;}
/**
 * logo & signup section
 */
.logo_search{
	padding:12px 0 24px 0;
}
	/*logo*/
	a.logo{
		display:block;
		background:url('/images/logos/westmids-logo.png') no-repeat left 4px;
		font-size:232%;
	}
		a.logo span{
			color:#7a8a98;
			font-weight:bold;
			letter-spacing:-1.1px;
			text-indent:100%;
			display:block;
			white-space: nowrap;
			overflow: hidden;
		}

/*font sizes & login link*/
.text_sizes_login{

}
  .text_sizes_login a, .text_sizes_login span{

  }
  .logo_search .divide{font-size:116%;margin-top:7px;}
  .text_sizes_login a.size-change{margin-right:0;}
      .text_sizes_login a.size-change-1{font-size:85%;}
      .text_sizes_login a.size-change0{font-size:100%;}
      .text_sizes_login a.size-change1{font-size:116%;}
      .text_sizes_login a.size-change2{font-size:131%;}

/*search*/

	.logo_search form .error_message{display:none;}
	.logo_search form label{
		color:#2687b8;
		font-weight:bold;
		width:60px;
		margin-top:5px;
		font-family:arial;
	}
	.logo_search .text_field{width:178px;margin-top:-3px;}
	.logo_search .submit_field{margin-top:-2px;}

/**
 * hide the national express logo img
 */
#logo_search img{display:none;}
#logo_search a.social img{display:block;}
#logo_search a.social{display:inline-block;margin-left:8px;}

/**
 * swap the logos for metro
 */
.bdy-the-metro a.logo{background-image:none;}
	.bdy-the-metro #logo_search{background:url('/images/logos/midland-metro.png') no-repeat left center;}
    .bdy-the-metro #logo {text-indent: -3000px;}
  .text_sizes_login a.cookie-policy{float: right; margin: 5px 0 0 0; font-size: 90%; text-decoration: underline;}

/**
 * mailing list partial
 */
#mailing_list_signup{margin-bottom:12px;}
	#mailing_list_signup p{font-size:85%;}
	#mailing_list_signup h3{margin-bottom:12px;}	
	div.content form.mailing_list_signup input.text_field{margin-right:0px;}
/**
 * stlying for the home page partial that shows latest place to visit
 */
.latest_place_to_vist_container{margin-bottom:36px;}
	.latest_place_to_vist_container p.extras .inline_button{padding-top:8px;}
	#latest_place_to_vist{padding:0;}
	#latest_place_to_vist .places_image_container{
		overflow:hidden;
		width:280px;
		height:190px;
	}
	#latest_place_to_vist img.places_image{display:block;}
	
	

/**
 * css for the top navigation
 */
	/*standard*/
.primary_navigation{}
	.primary_navigation ul{}

	.primary_navigation li{
		float:left;
		margin:0;
		list-style-type:none;
		background:url('/images/icons/separator.gif') no-repeat center right;
		padding-right:8px;
		padding-left:8px;
	}
		.primary_navigation li.contact-us, .primary_navigation li.nobg{background-image:none;}
		.primary_navigation li.home, .primary_navigation li.home a{padding-left:0;}
		.primary_navigation li.contact-us{padding-right:0;}
		.primary_navigation a{
			display:block;
			padding:6px 5px;
			font-family:arial;
			font-weight:bold;
			color:#fff;
			border:3px solid transparent;
		}
		

	.primary_navigation a span{color:white;}
	/*items with drop downs*/
	#primary_active a span.dropdown{
		padding-right:20px;
		color:#0073c4;
	}


	/*active*/
	#primary_active{} /*thats the containing li*/
		#primary_active a{
			background:white;
			margin-top:-5px; /*move it up by 5px to stick outside of navigation*/
			padding-top:11px; /*and therefore add extra padding to the top so it still sits inline*/
			padding-bottom:9px;
			border-color:#fff;
			border-bottom-width:1px;
			color:#0073c4;
		}
			#primary_active a span{
				color:#0073c4;
				background:url('/images/icons/arrows.png') no-repeat right 3px;
				background-position:right -15px;
			}
	#primary_active.has_sub_navigation a{border-bottom-width:0;}
	/*css trigger for the sub navigation*/
	#primary_active.has_sub_navigation:hover .sub_navigation{display:block;}
	#primary_active.has_sub_navigation:hover a{border-color:#bae1eb;}
	.has_sub_navigation a span{padding-left:8px;}
	
.sub_navigation{
	background:white;
	position:absolute;
	display:none;
	width:210px;
	padding:10px 0;
	border:3px solid #bae1eb;
	z-index:99;
}
	.sub_navigation li{
		float:none;
		display:inline;
		padding-left:0px;
		padding-right:0;
	}
	/*the special li to hide the bottom border of the active a tag*/
	.sub_navigation li.naughty_to_hide_border{
		position:absolute;
		width:74px;
		height:3px;
		display:block;
		background:white;
		margin-top:-13px;
	}
	#primary_active .sub_navigation a {
		padding:3px 10px;
		color:#83858a;
		font-weight:normal;
		background:transparent;
		border-width:0;
		margin-top:0;
	}
		#primary_active .sub_navigation a:hover{color:#2687B8;}
		#primary_active .sub_navigation a.sub_nav_active{color:#2B7499;}


.promo-splash {
    font-size:100%;
    padding: 0.4em 0;
}
.promo-splash p {
    line-height: 200%;
    margin:6px 0;
}
.promo-splash h3 {
    font-size:190%;
    margin:0.4rem 0;
}
.promo-splash .btn {
    margin-left:12px;
    position: relative;
}

.said-yes, .said-no{display:none;}
/**
 * regional map view
 */
#region_map{}
	
	#region_map div.area{
		margin:6px 0;
		width:31%;
		float:left;
	}
	#region_map #kml_map{
		height:500px;
	}
/**
 * buying a travel card left column form
 */
.travel_card_results{}
	.travel_card_form_column{float:left;}
	/**
	 * Stop the feildsets from being floated, and make them full width
	 */
	div.content .travel_card_form_column #travel_cards fieldset{
		float:none;
		width:auto;
		padding:0;
		border-width:0;
		margin-bottom:12px;
	}
	/**
	 * Move the absolute images to the right places
	 */
	div.content .travel_card_form_column #travel_cards img.travel_card{
		margin-left:188px;
		margin-top:-30px;
	}
	div.content .travel_card_form_column #travel_cards img.travel_card_text{
		margin-left:700px;
	}
	.travel_card_form_column .split h3, .travel_card_form .split h3{
		color:#2275A1;
		display:block;
		float:none;
		font-size:108%;
		padding-bottom:5px;
		width:96%;
		font-weight:bold;
		margin-bottom:0;
	}

/**
 * basket
 */
.basket_list{
	margin-bottom:12px;
}
	.basket_list .basket{margin-top:15px;}
		.basket_list .basket td{font-size:85%;padding:4px;}
		.basket_list .basket .checkout td{padding:8px 4px;}
		.basket_list .basket .total{font-weight:bold; font-size:108%;}
		.basket_list .basket .operation, .basket_list .basket .checkout td, .basket_list .basket td.price{text-align:right;}
/**
 * Specific bits for route planner block
 */
.route_planner_container{}
	.route_planner_form{padding-bottom:0px;}
	.route_planner{}
		.route_planner .icon{
			position:absolute;
			margin-top:-33px;
			margin-left:160px;
		}
		.route_planner fieldset{padding-bottom:0px;}
			.route_planner fieldset p.small{margin-bottom:5px;}
			.route_planner fieldset p.last{line-height:1em;margin-top:15px;}
	.route_planner_container .extras .inline_button{width:auto;}
/**
 * css for the metro timetable links
 */
.bdy-the-metro #route_planner h2{margin-bottom:15px;}
.bdy-the-metro #route_planner p.last{margin-top:2px;}
.route_planner .timetables_list{margin-bottom:8px;}

	.route_planner .timetables_list li{
		list-style-type:none;
		margin:0;
		font-size:100%;
	}
		.route_planner .timetables_list li a{
			display:block;
			padding:3px 0;
		}
/**
 * dundee changes
 */
.bdy-dundee #route_planner{padding-bottom:9px;}
.bdy-dundee #route_planner h2{margin-bottom:22px;}
/**
 * styling for view a bus route
 */
.viewing_route{margin-bottom:12px;}
	h1 span.route_number{
		font-size:131%;
		float:left;
		margin-right:8px;
		margin-bottom:5px;
		width:82px;
		padding:6px 0;
	}
	.viewing_route h1 a{
		margin-left:87px;
		display:block;
	}
	h1 span.via{
		font-size:65%;
		margin-top:0px;
		margin-left:87px;
	}
/*service status tags*/
.service_status{}
	.service_alert{
		display:block;
		font-weight:bold;
		padding:8px 10px;
		line-height:1.1em;
		font-size:123.1%;
		color:#fff2d4;
	}
		.service_alert img{float:right;}

	a.alert-ok{
		background:#1dac00;
	}
	a.alert-disruption{
		background:#be0000;
	}
	a.alert-planned{
		background:#c79211;
	}
	#content .alert_list{margin-top:12px;margin-bottom:0;}
/*inline map of the garage*/
div.google_map{
	float:right;
	width:120px;
	padding-bottom:12px;
}
	div.google_map img{margin-bottom:5px;}
	.viewing_route .copy{float:left;}

/* */
#service_frequency .key_list{}
	#service_frequency .key_list .keys{
		float:left;
		width:auto;
		margin:12px 0;
	}
	#service_frequency .key_list li{
		float:none;
		display:block;
	}

#service_information_summary{margin-bottom:24px;}
	#service_information_summary h1{font-size:132%;}
		#service_information_summary h1 span.route_number{width:58px;float:right;margin-right:0;margin-left:8px;}
		#service_information_summary h1 span.via{margin-left:0;}
/**
 * timetables
 */
#service_timetable{}
	#service_timetable table{margin-bottom:0;}
	#service_timetable label{padding-right:6px;}
	#service_timetable select{width:110px;margin-right:10px;}
	#service_timetable select#tt_direction{width:178px;}

	.times_and_stops{margin-bottom:12px;}
#route_timetable_stops{
	width:200px;
	float:left;
	display:block;
}
	#route_timetable_stops th, #route_timetable_stops td{
		width:188px;
		border-right:1px solid #EDF3F6;
	}
#route_timetable_times{
	width:376px; /*container - 200px */
	overflow:auto;
	float:left;
	display:block;
}
		#route_timetable_times th.busstop{display:none;}
		#route_timetable_times td.about-now{background:#e4ebf0;}
		#route_timetable_times td.exactly-now{background:transparent; color:#5E5E5E;}

		#route_timetable_times td.h-th, #route_timetable_times td.h-ev{
			width:108px;
			min-width:108px;
			color:#5E5E5E;
			font-style:italic;
		}
		#route_timetable_times td, #route_timetable_times th{text-align:center;}

		#route_timetable_times td, #route_timetable_times th, span.not_nxb{color:#BABABA;font-weight:normal;}
		#route_timetable_times td.carrier-NXB, #route_timetable_times th.carrier-NXB{color:#2E2E2E;}
		#route_timetable_times td.route-no-match, #route_timetable_times th.route-no-match, span.other_route{color:#876460;font-weight:normal;}

		#route_timetable_times th.carrier-NXB{font-weight:bold;}

		#route_timetable_times tr.carrier span.information{
			padding-left:20px;
			background-position:center left;
			width:auto;
			height:auto;
		}
		#route_timetable_stops td.carriers em, #route_timetable_stops td.route_numbers em{}
		.carrier .hidden{display:none;}
		.hidden span{display:block;}

/* colour overwrite for metro */
.bdy-the-metro #route_timetable_times th, .bdy-the-metro #route_timetable_times td{color:#2E2E2E;}
.bdy-the-metro #route_timetable_times th{font-weight:bold;}

.timetable_route{
	background:#d3e2e9;
	border-radius: 5px;
	padding:10px;
	margin-bottom:10px;
}
.timetable_route h3{
	background:url(/images/icons/timer.png) 22px center no-repeat;
	padding:10px 0 10px 85px;
	color:#3e81a8;
	font-size:174%;
}
.timetable_route h3 span{
	font-size:76.5%;
	display:block;
	color:#3e81a8;
}
.route_info{
	background:white;
	border-radius: 5px;
	padding:10px;
	overflow:hidden;
}
.route_info a{
	display:block;
}
.route_info .route_number{
	float:left;
	margin-right:10px;
}
.route_info .via{
	margin-top:0;
}
.timetable_route .download_pdf{
	margin:0;
	overflow:hidden;
}
.timetable_route .tickets_button{
	float:right;
}
.timetable_route .download_pdf .red_button{
	background:#ff0000;
	float:right;
	margin-left:10px;
}
.route_info_number,.route_info_text{
	float:left;
}
.route_info_number{
  width:75px;
}
.route_info_text{
  width:460px;
}


.content p.adobe_reader{
	font-size:93%;
	width:180px;
	float:right;
}
.content p.adobe_reader a{
	display:block;
	width:100%;
}
	.content p.adobe_reader a{
		text-align: right
	}
/**
 * route controller css
 */
form.route_filters .checkbox_field{margin-top:10px;}
div.content form.route_filters label.checkbox_label{width:28%; float:left;}
.content form.route_filters .pagination{margin-bottom:0;padding-bottom:0;}

.kml_route_info{margin-bottom:6px;}
.kml_route_info a{
	float:left;
	width:62%;
	font-size:93%;
	color:#0073C4;
}
#service_route_map{padding-bottom:12px;}

.fares-feature {
	background-color: #ecfbfe;
	padding:1rem 2rem;
    margin-bottom:2rem;
}
.fares-feature {
    font-weight:600;
}
.fares-feature .table > thead > tr > th {
    border-bottom: 1px solid #b6bdc3;
    font-size:120%;
    font-weight:200;
}
.fares-feature .table .price-row {
    font-size:150%;
    font-weight: 600;
}
.fares-feature .table {
    table-layout: fixed;
}
.fares-feature .table th:first-child, .fares-feature .table td:first-child {
    padding-left:0;
}
.fares-feature .table .price-row small {
    font-size:15px;
    font-weight:300;
}
.fares-feature .table .price-row td {
    line-height: 100%;
}
.fares-feature .text-light {
    font-weight: 300;
}
.fares-feature .special-feature {
    background-color: #d0f5fd;
}
.fares-feature h4 {
    margin-bottom: 0;
}
/**
 * side bar search
 */
.side_search{}
	.side_search h3{margin-bottom:12px;}
	div.content form .side_search input.text_field{
		margin-right:0;
		width:180px;
	}
.side_search p{font-size:85%;}
/**
 * search results
 */
.search_results .travelcard h3{font-size:138.5%;}
.search_results .extra_data{margin-bottom:12px;}
.section_navigation{}
	.section_navigation li{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.section_navigation a{
		display:block;
		padding:5px 5px;
	}
	.section_navigation a span{
		color:#646668;
		font-size:85%;
		float:right;
	}
	
/*styling for depth of nav*/
	/*1st*/
.section_navigation li a{
	background:none;
	color:#2275a1;
	font-weight:bold;
	border-bottom:1px solid #e4ebee;
}
	/*2nd*/
	.section_navigation li li a{
		color:#646668;
		background:#e4ebee;
		padding-left:15px;
		border-bottom-width:0;
		font-size:93%;
	}
	/*3rd*/
	.section_navigation li li li a{
		background:#f1f5f6;
		padding-left:25px;
	}
	/*4th*/
	.section_navigation li li li li a{
		padding-left:35px;
	}
	/*5th*/
	.section_navigation li li li li li a{
		padding-left:45px;
	}
		
.hint-span {
    margin: 15px 20px 5px 0 !important;
}
#breadcrumb a.service_alert_button{
	float:right;
	background:none repeat scroll 0 0 #333C4F;
	border:0 solid white;
	color:#FFFFFF;
	display:block;
	font-family:arial;
	line-height:1.55em;
	padding:6px;
	margin-left:3px;
}
#service_alerts{
	float:right;
	width:52%;
}
	#service_alerts span{
		color:#757D85;
		font-size:161.6%;
		font-weight:normal;
		padding-top:4px;
		float:left;
		margin-right:2px;
	}
/**
 * from: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html
 */
/* liScroll styles */



.tickercontainer { /* the outer div with the black border */
	width:60%;
	float:right;
	padding:0 4px;
	margin: 0; 
	padding: 0;
	overflow: hidden; 
	background:url('/images/backgrounds/grid.gif') repeat top left;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	width: 100%;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	margin: 0;
	padding: 0;
	width:99999px; /*so the lis flow next to each other*/
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 4px 0;
	font-size:161%;
	display:block;
	list-style-type:none;
}
ul.newsticker li a{
	font-weight:bold;
	color:#c9e100;	
	padding:8px 0 6px 0;
	line-height:0.9em;
	list-style-type:none !important;
}

html.size-2 body {
    font: 11px/1.231;
    *font-size: x-small;
    *font: x-small;
}

html.size-1 body {
    font: 12px/1.231;
    *font-size: small;
    *font: x-small;
}

html.size0 body {
    font: 14px;
    line-height: 1.42857143;
    *font-size: small;
    *font: x-small;
}

html.size1 body {
    font-size: 16px;
    line-height: 1.42857143;
    *font-size: small;
    *font: x-small;
}



html.size2 body {
    font-size: 18px;
    line-height: auto;
    *font-size: small;
    *font: x-small;
}

.student_grid .grid_item{
  float:left;
  width:49%;
  margin-bottom:10px;
}

  .summer_grid .grid-item-1{
    margin-right:1.8%;
  }  
  
  .student_grid .grid_item h4{text-align:center;}
  .student_grid .grid_item .grid_image{
    width:283px;
  }
  
  .student_grid .grid_item .grid_image img{
    display:block;
  }
  .student_grid .grid_item .grid_image img{
      margin:auto;
    }
/**
 * the tabbed section on the home page
 */
.tabbed_list_container{}

	/* the actual tabs */
	.tabbed_list_container .tabs{}
	.tabbed_list_container .tabs li{
		margin-left:0;
		list-style-type:none;
		font-size:85%;
		float:left;
	}
		.tabbed_list_container .tabs a{
			color:#005982;
			text-transform:uppercase;
			display:block;
			font-family:arial;
			font-weight:bold;
			padding:12px;
		}
		.tabbed_list_container .ui-state-active a{background:white;}
		
.tabbed_list_content{padding-bottom:0;}		
	
a.right_aligned{
  float:right;
}
.tickets-prices-tile-grid .listing-tile {
    display: inline-block;
    position:relative;
    padding-bottom: 5rem;
    width:100%;
}
.tickets-prices-tile-grid .listing-tile img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width:100%;
}
.tickets-prices-tile-grid .listing-image-caption {
    background-color: #c7121e;
    color: #FFF;
    font-weight:700;
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;
    font-size: 150%;
    padding: 1rem 2rem;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.tickets-listing-row {
    margin-bottom: 2rem;
}
.listing-image-container {
    width:100%;
    background-color: #c7121e;
    min-height:245px;
}
.listing-image-container img {
    position: relative;
    top:-6px;
}
.tickets-listing-row.smaller-row .listing-image-container {

}
body.coventry .tickets-prices-tile-grid .listing-image-caption,
body.coventry .tickets-prices-tile-grid .listing-image-container {
    background-color: #168FCF;
}
body.dundee .tickets-prices-tile-grid .listing-image-caption,
body.dundee .tickets-prices-tile-grid .listing-image-container{
    background-color:#17341D;
}
body.the-metro .tickets-prices-tile-grid .listing-image-caption,
body.the-metro .tickets-prices-tile-grid .listing-image-container{
    background-color:#C62C64;
}

@media only screen and (max-width: 768px) {
    a.listing-tile {
        margin-bottom: 1rem;
    }
    .listing-image-container {
        min-height: 100px;
    }
}
/**
 * styling to change the look of the travel agent forms
 */
#travel_agent_listing form{border-top:1px solid #E4EBEE;padding-top:12px;}
	#travel_agent_listing tr.data td{
		border-bottom:1px solid #EDF3F6;
	}
	#travel_agent_listing .google_map{width:120px;}
	#travel_agent_listing .travel_key_list{margin-top:0;}

	#travel_agent_listing ul{margin-bottom:0;}
		#travel_agent_listing ul.address li{
			float:left;
			padding-right:3px;
			margin:0;
			list-style-type:none;
			display:block;
		}
		#travel_agent_listing p.extras .inline_button{margin-top:9px;}
		#travel_agent_listing p.small{font-size:93%;}
	#travel_agent_listing .area{width:52%;}
	#travel_agent_listing .area select{
		width:175px;
		margin-right:0px;
	}
	#travel_agent_listing .postcode{width:41%;}	
	#travel_agent_listing #travel_agent_postcode{
		width:60px;
		float:left;
		margin-right:10px;
	}
	#travel_agent_listing .big_or{
		float:left;
		width:6%;
		text-align:center;
		margin-top:8px;
		font-weight:bold;
		margin-right:4px;
	}

	
/**
 * css for the travel cards block
 */


div.content .travel_cards fieldset.split{width:39%;padding-left:1%;}
div.content .travel_cards fieldset.first{width:53%;padding-right:1%;padding-left:0;}
div.content .travel_cards label{padding-bottom:5px;}

/*icons*/
.travel_cards .icon{position:absolute;}
	.travel_cards img.travel_card{
		margin-left:505px;
		margin-top:-40px;
	}
		.full_width_box .travel_cards img.travel_card{margin-left:835px;}
	.travel_cards img.travel_card_text{
		margin-left:305px;
		margin-top:-40px;
	}
		.full_width_box .travel_cards img.travel_card_text{margin-left:635px;}
/*links*/
.travel_cards_container .inline_button{
	padding-top:8px;
}
div.content .travel_cards p{margin-bottom:0;}

/**
 * home page styling overrides
 */
body#national-express .checkbox_group{
	float:left;
	width:44%;
	margin-right:8px;
}
	body#national-express #travel_cards{padding-bottom:0px;}
	body#national-express img.travelcard{display:block;}
	body#national-express .travel_cards label{font-size:93%;}
	body#national-express .travel_cards label, body#national-express .travel_cards h3{margin-bottom:6px;}
	body#national-express .travel_cards p.last{margin-top:8px;margin-bottom:5px;}
	
	
#national-express-travelcards .travel_cards .area-icon-birmingham label{background:url('/images/icons/area-birmingham.png') no-repeat top right;}
#national-express-travelcards .travel_cards .area-icon-dundee label{background:url('/images/icons/area-dundee.png') no-repeat top right;}
#national-express-travelcards .travel_cards .area-icon-coventry label{background:url('/images/icons/area-coventry.png') no-repeat top right;}
#national-express-travelcards .travel_cards .area-icon-black-country label{background:url('/images/icons/area-black-country.png') no-repeat top right;}
#national-express-travelcards .travel_cards .area-icon-metro label{background:url('/images/icons/area-metro.png') no-repeat top right;}


div.validity{float:right;}
div.validity .inline-hidden{display:none;}
#tooltip  .inline-hidden{display:inline;}

.nx-season-filters .btn-group {
	margin-bottom: 15px;
	display: table;
}
.nx-season-filters .btn-group .btn {
	display: table-cell;
	vertical-align: middle;
}

.card {
	display: block;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	transition: box-shadow .25s;
}
.card:hover {
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.img-card {
	width: 100%;
	height:200px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	display:block;
	overflow: hidden;
}
.img-card img{
	width: 100%;
	height: 200px;
	object-fit:cover;
	transition: all .25s ease;
}
.card-content {
	padding:15px;
	text-align:left;
}
.card-title {
	margin-top:0px;
	font-weight: 700;
	font-size: 1.65em;
}
.card-title a {
	color: #000;
	text-decoration: none !important;
}
.card-read-more {
	border-top: 1px solid #E1E1E1;
    padding:10px 15px;
}
.card-read-more a {
	text-decoration: none !important;
	padding:10px;
	font-weight:600;
	text-transform: uppercase
}
.card h3, .card h4 {
	color:#337ab7;
	font-size: 200%;
    margin:0;
}
.card h6 {
	color:#337ab7;
	margin-bottom: -3px;
	font-weight: normal;
	font-size: 120%;
}
.card h3 {
	font-size: 360%;
	font-weight:bold;
}
.card h5 {
	color:#e00931;
	font-weight:bold;
	font-size:140%;
}

.travelcard-grid {
	display: flex;
	flex-wrap: wrap;
}
.travelcard-grid .card {
	display: flex;
	width: 100%;
	align-self: stretch;
	flex-direction: column;
}
.card .card-content {
	flex: 1;
}
.travelcard-grid {
	width: 100%;
	margin-right: 0;
}

.travelcard-grid .full-width .card {
	width: 50%;
}
.travelcard-grid .full-width .payless-row .card {
	width: 48.5%;
}
.travelcard-grid .full-width .payless-row .card:first-child {
	margin-right: 3%;
}
.travelcard-grid .travelcard-group {
	display: flex;
}
.travelcard-grid .full-width {
	display:block;
}
.travelcard-grid .travelcard-group.full-width {
	margin-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
}
/**
 * Ticket results - form column
 */
.travel_card_form_column{}
	
	.travel_card_form_column #travel_cards{
		-moz-border-radius-bottomleft:0px;
		-webkit-border-bottom-left-radius:0px;
		-moz-border-radius-bottomright:0px;
		-webkit-border-bottom-right-radius:0px;
	}
/**
 * Ticket search results
 */
.travelcard h3{margin-bottom:12px;}
.ticket_results{}
	/*headers*/
	.ticket_results h1{padding-right:185px;}
		.ticket_results h1.found{border-bottom-width:0;}
	
	/*results*/
	.ticket_results .travelcard{
		padding-top:12px;
		margin-top:12px;
		border-top:1px solid #E4EBEE;
	}

		/*list of tickets for each group*/
		table.tickets_for_travelcard{
			width:53%;
			float:right;
			margin-left:3%;
			margin-bottom:12px;
			border:1px solid #e4ebee;
		}
			table.tickets_for_travelcard td, table.tickets_for_travelcard th{vertical-align:middle;}
			table.tickets_for_travelcard a.button{
				display:block;
				text-align:center;
			}
			table.tickets_for_travelcard td{padding:3px 4px;font-size:93%;}
				table.tickets_for_travelcard .options{width:100px;}
				table.tickets_for_travelcard td.options,table.tickets_for_travelcard td.price{text-align:right;}
	/*buttons*/			
	div.content a.debit{background:#009e4c;}
	div.content a.in_basket, div.content td.options a.in_basket{background:#CECECE;}
	div.content a.delete{background:#CE2B30;padding-left:15px; padding-right:15px;}
	div.content a.checkout{background:#11B849;}	
	div.content a.instore_only{background:#ACB1E7;}
	div.content a.coming_soon{background:#777AA1;}
	
	div.content td.coming_soon_info p{text-align:right;font-size:100%;}
	.thin_column .travel_card_form h2{font-size:161.6%;}
	
	.plus_minus{margin-bottom:4px;}
	/*basket buttons -/+ */
	.basket a.increase, .basket a.decrease{
		padding:3px 7px;
		font-size:131%;
	}
	/* quantity */
	.basket span.current{
		font-size:131%;
		font-weight:bold;
		display:inline-block;
		padding-left:2px;
		padding-right:2px;		
		width:15px;
	}
	/*listing styles*/
	table.basket .price, table.basket .operation{
		border-left:1px solid #EDF3F6;
	}
	
	
.travel_cards p.notes{margin:12px 0 0 0;}

.smartcard-banner {
	display: block;
	margin-bottom:10px;
}
.smartcard-subnav .smart-link {
	list-style:none;
	display: inline-block;
	background-color: #1f88e4;
	border-radius: 4px;
	text-align: center;
	margin:0;
	margin-right:25px;
	text-transform: uppercase;
}
.smartcard-subnav .smart-link a {
	display: inline-block;
	color:#FFF;
	font-size:90%;
	padding:10px 8px;	
	min-width: 100px;
}
.smartcard-subnav .smart-link a:hover {
	box-shadow: inset 2px -7px 11px rgba(0,0,0,0.3);
}
.smartcard-subnav .smart-link.alt1 {
	background-color: #d10214;
}

.smartcard-subnav .smart-link.alt2 {
	background-color: #f40057;
}

.smartcard-subnav .smart-link.alt3 {
	background-color: #fe5722;
}
.smart-tooltips {
	display: none;
}
.pull-right {
	float:right;
	margin:0 0 15px 30px;
}

/**
 * latest tweet partial block
 */
.twitter_container{margin-top:24px;}
	.twitter_bird{position:absolute;margin:-44px 0 0 -15px;}
	.twitter_container h3{
		display:block;
		background:url('/images/logos/twitter.gif') no-repeat left top;
		height:30px;
		margin-bottom:12px;
	}
		.twitter_container h3 span{display:none;}
		div.twitter_container .inline_button{width:56%;padding-top:8px;}
		.twitter p{font-size:93%;word-wrap:break-word;}
			.twitter p span.time{display:block;text-align:right;}
		.twitter a{color:#005982;}