/* Freight Information Portal CSS Document */
.clear {
	padding:0;
	margin:0;
	clear: both;
	height: 1px;
	font-size: 0px;
	overflow:hidden;
}

#main-content p {
	float: none;
	
}

.hidden {
	position: absolute;
	left: -9999px;
}

body.template-7 #main-content {
	background-image: none;
	padding-top: 0;
}

h1 {
	border-bottom: none;
	font-size: 1.5em;
	margin-bottom: 11px ;
}

.news h1 {
	margin-bottom:0;
	padding-bottom:0;
}

.linklist li a {
	/*line-height: 1.3em;*/
}


#fip-header {

}


/* Top navigation  */
#fip-topnav {
	background-color: #432108;
}

#fip-topnav.home {
	background-color: #000;
}


#fip-topnav ul {
	list-style: none;
	padding:0;
	margin:0;
	float: left;
	margin-bottom: 0;
}


#fip-topnav ul li {
	background-image: none;
	float: left;
	border-left: 1px solid #65391c;
	padding-left: 0;
}

#fip-topnav ul li.first {
	border-left: none;
} 

#fip-topnav ul li a {	
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #432108;
	color: #fff;
	font-size: 1.3em;
	padding: 10px 0 10px 34px;
}

#fip-topnav ul li.active a {
	background-color: #000;
}

#fip-topnav ul li.first a {
	width: 65px;
	padding-left: 33px;
}

#fip-topnav ul li.second a {
	width: 195px;
}

#fip-topnav ul li.third a {
	width: 178px;
}

#fip-topnav ul li.fourth a {
	width: 168px;
}

#fip-topnav ul li a:hover, #fip-topnav ul li a:focus, #fip-topnav ul li a:active {
	color: #dec5ab;
	text-decoration: underline;
}


/* Page content */
#page-content {
	background: url(../images/structure/bg_page_content.gif) 100% 0 repeat-y transparent;
	width: 744px;
	padding-bottom: 50px;
	margin-top: -1px;
}

#page-content p {
	line-height: 1.2em;
}

#page-content-inner {
	background: url(../images/structure/bg_page_content_inner.gif) 0 0 no-repeat transparent;
	width: 744px;
}

/* For pages without the breadcrumb */
#page-content.home #page-content-inner, #page-content.landing #page-content-inner {
	padding-top: 5px;
}

.content { /* overwrites some weird behaviour from page-elements */
	border-top: none;
	margin-bottom: 0;
	padding-top: 0;
}

/* Breadcrumb */
div.breadcrumbs {
	padding-left: 11px;
	width: 733px;
	background: url(../images/structure/bg_breadcrumb.gif) 0 0 no-repeat #fff;
	border-bottom: 1px solid #cccccc;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-bottom:0;
}

div.breadcrumbs ul {
	float: left; /* to stop IE inheriting top/bottom padding */
	margin: 0 0 0 0;
}

div.breadcrumbs li {
	/*white-space: nowrap;*/
}

div.breadcrumbs li a {
	color: #3d6899;
	background: url(../images/structure/bg_breadcrumb_li.gif) 98% 7px no-repeat transparent;
	padding-right: 15px;
	white-space: nowrap;
}

div.breadcrumbs li a:hover {
	text-decoration: underline;
}


/* Left column */
.left-col {
	width: 539px;
	padding: 26px 7px 1px 10px;
	float: left;
	background: url(../images/structure/bg_left_col.gif) 13px 100% no-repeat transparent;
}




/* Left col variations */
#page-content.landing .left-col {
	padding-top:6px;
}

#page-content.content .left-col, #page-content.index .left-col {
	padding-top:10px;
}

#page-content.index .left-col {
	background: none;
	padding-left: 6px; 
	width: 543px;
}

#page-content.index .left-col .listing {
	padding-right: 7px;
}


#page-content.index .left-col .gencontent, #page-content.index .left-col .news {
	padding-bottom: 1px;
	padding-left: 4px;
	background: url(../images/structure/bg_left_col.gif) 7px 100% no-repeat transparent;
}

#page-content.index .left-col .gencontent h1, #page-content.index .left-col .news h1 {
	padding-left:0;
}
/*
#page-content.index .left-col .gencontent p, #page-content.index .left-col .news p {
	padding-right: 8px;
}

#page-content.index .left-col .gencontent .content-img, #page-content.index .left-col .news .content-img {
	padding-right: 5px;
}

*/


/* Content pages */
.left-col p {
	padding-right: 15px;
}

.right-col {
	width: 188px;
	float: left;
}

/* Right col variations */
#page-content.landing .right-col {
	padding-top: 7px;
}

#page-content.content .right-col, #page-content.index .right-col {
	padding-top: 4px;
}



/* Homepage content */
.three-col, .three-col-small, .three-col-large {
	width: 539px;
/*	padding-top: 26px;*/
	padding-bottom: 19px;
	
}

.three-col .col1, .three-col .col2, .three-col .col3, .three-col-small .col1, .three-col-small .col2, .three-col-small .col3, .three-col-large .col1, .three-col-large .col2, .three-col-large .col3 {
	width: 173px; 
	float: left;
}

.three-col .col1, .three-col-small .col1, .three-col-large .col1, .three-col .col2, .three-col-small .col2, .three-col-large .col2   {
	padding-right: 10px;
}


.threecol .col3, .three-col-small .col3, .three-col-large .col3 {
	padding-right:0;
}

.lfm-promo, .lfm-promo-small {
	border: 1px solid #cccccc;
	border-right: 1px solid #fcfcfc;
	background: url(../images/structure/bg_promo.gif) 100% 0 repeat-y transparent;
	width: 171px;
}

.lfm-promo h2, .lfm-promo-small h2 {
	margin-bottom:0;
	padding-top: 4px;
	padding-left: 2px;
}

/* Map promo */
.lfm-promo .map img {
	border: 1px solid #fff;
	border-top-width: 2px;
	border-bottom-width: 2px;
}

/*  Plan your route */
.lfm-promo .alt-links {
	width: 170px; /* to allow the right border bg to show through */
	background: #f8f8f8;
	min-height: 163px;
}

.lfm-promo .alt-links ul {
	margin-bottom:0;
}

.lfm-promo .alt-links ul li {
	padding: 4px 0 3px 14px;
	background-position: 3px 11px;
}

.lfm-promo .alt-links ul li.alt {
	background-color: #fff;
}


/* Congestion charge */
.lfm-promo-small {
	margin-bottom: 12px;
}

.imglinks .img {
	width: 52px;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}

.imglinks .links {
	float: left;
	width: 113px;
	padding-top: 8px;
}

.imglinks .links ul {
	margin-bottom:0;
}

.imglinks .links ul li {
/*	background: url(/tfl-global/images/green-bullet.gif) 0px 7px no-repeat transparent;
	padding-left: 8px;*/
}

/* Low emissions */
#low-emissions {
	position: relative;
	min-height: 90px;
	margin-bottom:0;
}

#low-emissions img {
	position: absolute;
	top:0;
	left:0;
}

#low-emissions h2 {
	position: absolute;
	z-index: 100;
	border-bottom: none;
}

/* Promo2 */
.promo2 {
/*	background-color: #f00;*/
}


.promo2 h2  {
	margin-left: 5px;
	margin-right: 9px;
	border-top: 1px solid #d0d0d0;
	padding-top: 5px;
	padding-bottom:6px;
	margin-bottom: 8px;
}

.promo2 .imgcopy .img {
/*	float: left;
	width: 69px;
	padding-top: 2px;
	padding-bottom: 4px;*/
}

.promo2 div.img {
	/*padding: 2px 4px 4px 4px;
	background: url(../images/structure/bg_item_img.gif) 1px 100% no-repeat transparent;*/
	background: url(../images/structure/bg_item_img.gif) left bottom no-repeat;
	float: left;
	margin-bottom: 2px;
	margin-right: 4px;
}

.promo2 div.img a.left {
	margin-bottom:0;
	margin-right:0;
}

.promo2 div.img img {
	border: 1px solid #cccccc;
	margin: 0 0 4px 3px;
}

.promo2 ul.linklist {
	padding-left:5px;
	margin-bottom:0;
}

.promo2 .copy {
	width: 103px;
	float: left;
}


.promo2 .copy p {
	padding-left:0;
	padding-right: 0;
}

.promo2 p {
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 0;
}

p.link{
	background: url(/tfl-global/images/green-bullet.gif) 5px 5px no-repeat transparent;
	padding-left: 15px;
	margin-bottom: 0;
	padding-right: 0;
}

.three-col-small {
	background: url(../images/structure/bg_three_col_small.gif) 0 0 no-repeat transparent;
}

/* Variations for three-col-small landing page - one promo */
.one-promo {
	background-image: url(../images/structure/bg_one_promo.gif);
}

.three-col-large {
	background: url(../images/structure/bg_three_col_large.gif) 0 0 no-repeat transparent;
}









/* Bottom promo panels */
.heading-links {
	padding-left: 5px;
}

.heading-links h2 {
	border-top: 1px solid #d0d0d0;
	padding-top: 4px;
	margin-right: 9px;
	margin-bottom: 6px;
	color: #113B92;
}

.heading-links ul li {
	background-position: 1px 7px;
	padding: 1px 0 1px 10px;
}

.heading-links ul li.view-all {
	margin-top: 15px;
}


/* News list */
ul.news-list li {
	padding: 0 0 0 0 ;
	background: none;
}

.news-list-content h3 {
	font-weight: normal;
}

.news-list-content p.date {
	color: #000000;
	margin-bottom:0;
	padding-right: 0;
}

.news-list-content p {
	margin-bottom: 15px;
	padding-right: 0;
}

.heading-links .news-list li.view-all {
	background: url(/tfl-global/images/green-bullet.gif) 1px 7px no-repeat transparent;
	padding-left: 10px;
	margin-top: 0;
}


/* Right column content */
.right-col-content {
	padding:6px 8px 10px 10px;
}

.search {
	padding-bottom: 11px;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 15px;
}
.search .linklist{
    margin-bottom:0px;
}
.search form {
	padding:0;
	margin: 0 0 10px;
}

.search fieldset {
	border: 0px none;
	padding:0;
	margin:0;
}

.search fieldset legend {
	display: none;
}

.search label {
	font-size:1.25em;
	color: #113B92;
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	display: block;
	padding-bottom: 4px;
}

.search input.fip-text {
	width: 105px;
	display: block;
	float: left;
	padding: 1px 0;
	font-size: 1.2em;
}

.search input.fip-button {
	float: right;
	width: 55px;
}


.rightcol-promo {
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 17px;
	padding-bottom: 7px;
	width: 170px;
	float: left;
}

.rightcol-promo h2 {
	color:#113B92;
}

.rightcol-promo a.right {
	margin-left:5px;
	margin-bottom:0px;
}

.rightcol-promo p {
	margin-bottom:0px;
}

.rightcol-promo ul {
	margin-bottom:0;
}

.rightcol-promo ul li {
/*	background: url(/tfl-global/images/green-bullet.gif) 0px 7px no-repeat transparent;
	padding-left:8px; */
}


.copy-img .copy, .quote-img .copy {
	width: 101px;
	float: left;
}

.copy-img .img, .quote-img .img {
	float: right;
	width: 69px;
	text-align: right;
}

.copy-img .copy p, .quote-img .copy p {
	margin-bottom:0;
	padding-right: 0;
}

/* Quote - image  */
.quote-img .copy {
	width: 95px;
	padding-left: 1px;
	padding-right: 5px;
}

/* Landing page promo */
.large-promo {
	width: 528px;
/*	padding-bottom: 10px;*/
	padding-left: 11px;
	float: left;
	min-height:175px;
}

.large-promo .img {
	width: 266px;
	padding-left: 11px;
	float: left;
}

.large-promo img {
	background: url(../images/structure/bg_large_promo.gif) left bottom no-repeat;
	/*border: 1px solid #cccccc;*/
	padding: 0 0 4px 3px;
}

.large-promo .copy {
	width: 262px;
	float: left;
}

.large-promo h2 {
	border-bottom: none;
}

.large-promo a.left {
	margin-right: 14px;
}

.large-promo a.left, .large-promo ul.linklist {
	margin-bottom:0;
}

.large-promo ul.linklist {
	float:left;
}



.large-promo p.link {
	padding-left: 10px;
	background-position: 0 5px;
	padding-right: 0;
}

p.date {
	color: #000000;
	padding-right: 0;
}

div.intro p {
	font-size: 1.2em;
	padding-right: 0;
	
}

.content-img {
	float: right;
	padding: 2px 12px 10px 15px;
	background: #fff;
}



.content-img div {
	background: url(../images/structure/bg_content_img.gif) 0 100% no-repeat transparent;
	padding: 0 1px 8px 7px;
}

.content-img img {
	border: 1px solid #cccccc;
}

p.back {
	padding-left: 10px;
	background: url(../images/structure/bg_p_back.gif) 0 5px no-repeat transparent;
}


/* Index page */
#page-content.index h1 {
	padding-left: 4px;
}

.results-paging {
	padding-left: 4px;
	padding-right: 1px;
	padding-bottom: 6px;
}

.results-paging p {
	margin-bottom:0;
}

.results-paging .results {
	width: 265px;
	float: left;
}

.results-paging .results span {
	color: #000000;
}

.results-paging .paging {
	width: 265px;
	float: right;
	text-align: right;
} 

.results-paging .paging ul {
	margin-bottom:0;
}

.results-paging .paging li {
	background: none;
	display: inline;
	padding-left:0;
	color: #A7A6A6;
	line-height:1.2em;
	padding-left:5px;
}

.results-paging .paging p {
	padding-right: 0;
	color: #a7a6a6;
}

.results-paging .paging span {
	color: #000000;
}

.results-paging .paging a {
	color: #246cce;
}


.list {
	background: url(../images/structure/bg_index_horiz.gif) 0 100% no-repeat transparent;
	padding-bottom: 2px;
	margin-bottom: 17px;
	padding-top: 13px;
}

.item {
	background: url(../images/structure/bg_index_horiz.gif) 0 0 no-repeat transparent;
	padding-bottom: 14px;
	width: 531px;
	padding-left:5px;
	min-height: 70px;
	float: left;
}

.item h2 {
	border-bottom:none;
	padding-top: 12px;
	margin-bottom:0;
	padding-bottom:0;
	font-size: 1.1em;
	font-family: Verdana, sans-serif;
}

.item h2 a, .item h2 a:hover {
	color: #246cce;
}

.item h2 a.external-site {
/*	padding-right: 25px;*/
}

.item p {
	margin-bottom:0;
	margin-top: 5px;
	padding-left:5px;
}

.item p.date {
	margin-top: 4px;
}

.item .img-copy .img {
/*	padding-top: 16px;
	width: 76px;
	padding-left: 5px;
	float : left;*/
}

.item .img {
	width: 73px;
	padding: 16px 0 4px 3px;
	background: url(../images/structure/bg_item_img.gif) 0 100% no-repeat transparent;
	float: left;
	margin-bottom: 2px;
}

.item .img a img {
	border: 1px solid #cccccc;
}


.item .img-copy .copy {
	padding-top: 12px;
	width:  450px;
	float: left;
}

.item .copyonly {
	padding-top: 12px;
	/*padding-left: 6px;*/
}

.item .copyonly p {
	padding-left: 0;
}

.item .copyonly h2 {
	padding-top:0;
}


/* Content list items */
/*#page-content.content .left-col ul li {
	padding-left: 14px;
	background: url(/tfl-global/images/green-bullet.gif) 3px 7px no-repeat transparent;
	margin:0;
}*/



/* Skip Navigation */
.skip {
	position: absolute; 
	left: -999em; 
	z-index:100;
}
a.skip:active,  a.skip:focus {
	top: 0; 
	left: 0; 
	color:#fff; 
	background:#432108; 
	font-size:1.4em; 
	display:block; 
	padding:0.5em; 
	border:0.1em solid;  
	white-space:nowrap; 
	width:15em; 
	text-align:center; 
	font-weight:bold;
}

/* Blockquotes */
.rightcol-promo blockquote, .promo2 blockquote {	
	margin:0;
	font-size: 1em;
}

.rightcol-promo blockquote p, .promo2 blockquote p {
	background: url(../images/structure/bg_quote_p.gif) 0 0 no-repeat transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #565656;
	text-indent: 15px;
}

.promo2 blockquote p {
	background-position: 6px 0;
	padding-left: 10px;
	padding-right: 0;
	clear: left;
}

.rightcol-promo blockquote p {
	padding-left: 4px;
}

/* remove external link icon from images and h2 links */

h2 a, .img a.external-site {
	background-image: none !important
}
.img a.external-site {
	padding-right: 0;
}




/* Styles used in RedDot only for managing navigation */
a.rdNavEditTop,
a.rdNavEditTop:hover {
  padding-top:5px !important;	
  padding-left:30px !important;
  color:red !important;
  font-size:1.0em !important;
  background:#432108 !important;
}

a.rdNavEditSub,
a.rdNavEditSub:hover {
color:red !important;
font-size:1.0em !important;
margin-top:10px !important;	
}