/* CSS Document */


body.compact.template-1 #main-content, body.compact.template-3 #main-content {
margin-left:0px;
margin-right:0px;
padding-top: 63px;
padding-top: 53px;
width:385px;
}

body.compact.template-3 #main-content {
	width:567px;
}

body.compact #help-and-search {
	background:#fff;
	clear: both;
}

body.template-4 .cycling-pages #main-content {
	width: 532px;
	margin: 0 0 19px 15px;
}

body.template-6 .cycling-pages #main-content {
	width: 714px;
	margin-left: 15px;
	margin-right: 15px;
}

body.template-4 .cycling-pages #main-content, body.template-5 .cycling-pages #main-content, body.template-6 .cycling-pages #main-content {
	margin-top: 1em;
}

body.template-5 .cycling-pages.routes #main-content {
	margin-top: 0;
}

.cycle-hire #sub-header {
	background:url('/tfl-templates/cycling/images/cycling-header-02.jpg') no-repeat top left #000;
}

body.template-1 .cycling-pages h1, body.template-3 .cycling-pages h1 {
	margin: 10px 19px;
	width: 524px;	
	position: absolute;
	left: 0;
	top: 180px;
}

body.template-5 .cycling-pages h1 {
	margin-left: 19px;
	margin-right: 19px;
}

body.template-3 .cycling-pages h1 {
	width: 706px;
}

.cycle-hire #cyclingMain{
	background:url('/tfl-templates/cycling/images/banner-home-03.gif') no-repeat top left;
}

.cycle-hire #cyclingMainLink{
	background:url('/tfl-templates/cycling/images/banner-home-link-03.gif') no-repeat top left;
}

.no-panels {
	margin-left: 4px;
	margin-right: 4px;
}

.cycling-pages {
	position: relative;
}

body.compact #global-navigation {
	position: relative;
	top: 0;
	display: block;
	z-index: 10;
}

.cycling-pages #global-navigation.cycling {
	background: transparent url(../images/cycling-nav-bkg.gif) 0 0 no-repeat;
	height: 40px;
	
	height: 3.6em;
}

.cycling-pages #global-navigation.cycling dd {
	width: 94px;
	background: transparent url(../images/cycling-nav-li-bkg.gif) 100% 100% no-repeat;
	padding: 0;
	height: 40px;
	
	height: 3.3em;
	
	position: relative;
}

.cycling-pages #global-navigation.cycling dd a {
	color: #4f4f4f;
	padding: 4px 23px 0 17px;
	width: 54px;
	height: 2.9em;
	text-align: left;
	margin: 0;
}

.cycling-pages #global-navigation dd#nav-cycling-hire a {
	width: 75px;
	padding-left: 6px;
	padding-right: 10px;
}

.cycling-pages.home #global-navigation dd#nav-cycling-home a,.cycling-pages.cycle-hire #global-navigation dd#nav-cycling-hire a, .cycling-pages.routes #global-navigation dd#nav-cycling-routes a, .cycling-pages.get-cycling #global-navigation dd#nav-cycling-get-cycling a, .cycling-pages.events #global-navigation dd#nav-cycling-events a, .cycling-pages.pics #global-navigation dd#nav-cycling-pics a {
	font-weight: 700;
	color: #000;
}

.cycling-pages.routes #global-navigation dd#nav-cycling-routes a {
	width: 56px;
	padding-right: 21px;
}

.cycling-pages #global-navigation dd#nav-cycling-pics a {
	width: 55px;
	height: 40px;
	padding-left: 17px;
	padding-right: 35px;
	padding-top: 12px;
	height: 2.1em;
}


.cycling-pages #global-navigation dd#nav-cycling-events a {
	width: 55px;
	padding-left: 17px;
	padding-right: 35px;
	padding-top: 4px;
	height: 2.1em;
}


.cycling-pages #global-navigation.cycling dd dd a {
	font-weight: 400;
	color: #000;
	width: 160px;
}

.cycling-pages #global-navigation.cycling dd.forced-break a {
	padding-right: 35px;
	width: 47px;
}

.jsddm dd dl {
	visibility: hidden;
}

/* local nav css start */

body.compact #container #local-navigation{
	margin-top:0;
	border-right: 1px solid #ccc;
	width: 146px;
	
	margin-right: 15px;
}

body.compact.template-1 #local-navigation, body.compact.template-3 #local-navigation {
	margin-left:0;
	margin-top: 63px !important;
	margin-top: 53px !important;
}

body.compact #container #local-navigation ul{
	padding-left:19px;
}
.compact #local-navigation li a{
	background:transparent url('/tfl-global/images/green-bullet.gif') no-repeat  0 7px;
	color:#2169bd;
	padding-left:8px;
	border:0
}
.compact #local-navigation li.current-page a{
	background:transparent url('/tfl-global/images/grey-arrow.gif') no-repeat  0 7px;
	color:#3c3c3c;
}

/* local nav css end */

/* quick access to change header graphic images */
#sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-02.jpg') left top no-repeat;
}

.cycle-hire #sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-hire.gif') left top no-repeat;
}
.routes #sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-02-routes.jpg') left top no-repeat;
}

.routes.cycle-superhighways #sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-superhighways.jpg') left top no-repeat;
}


.get-cycling #sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-02-get.jpg') left top no-repeat;
}
.events #sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-02-events.jpg') left top no-repeat;
}
.pics #sub-header{
	background: transparent url('/tfl-templates/cycling/images/cycling-header-02-pics.jpg') left top no-repeat;
}

.cycling-pages #supporting-content {
	width: 186px;
	position: relative;
	right: 0;
	top: -76px;
	left: 11px;
	z-index: 50;
	margin-bottom: -76px;
}
.cycling-pages.pics #supporting-content {
	top: -39px;
	left: 0px;
	margin-bottom: -39px;
}

.cycling-pages.cycle-hire h1 {
	border-bottom: none;
}

.cycling-pages h2 {
	border: none;
}

/* panels */

.panels {
	clear: both;
	width: 100%;
	float: left;
	margin-bottom: 11px;
}

.info-panel {
background:transparent url(/tfl-global/images/info-panel-top.gif) 0 5px repeat-x;
margin-left:4px;
padding:9px 0;
float: left;
display: inline;

}

#supporting-content .info-panel {
	float: right;
	display: inline;
	width: 182px;
}

#supporting-content .banner {
	float: right;
	width: 182px;
}

.interactive-panel {
padding: 9px 0 0;
float: left;
display: inline;
}

.info-panel-162 {
	width: 162px;
	margin-right: 15px;
}

.info-panel-252 {
	width: 252px;
}

.info-panel-344 {
	width: 344px;
}

.info-panel-full-width {
	margin-right: 4px;
}

.info-panel.info-panel-full-width {
	width: 524px; margin-left: 4px;
}

.interactive-panel-162 {
	background:transparent url(../images/interactive-panel-162-top.gif) 0 0 no-repeat;
	width: 170px;
	margin-right: 11px;
}

.interactive-panel-252 {
	background:transparent url(../images/interactive-panel-252-top.gif) 0 0 no-repeat;
	width: 260px;
}

.interactive-panel-344 {
	background:transparent url(../images/interactive-panel-344-top.gif) 0 0 no-repeat;
	width: 352px;
	margin-right: 11px;
}

.interactive-panel-377 {
	background:transparent url(../images/interactive-panel-377-top.gif) 0 0 no-repeat;
	width: 385px;
}

.info-panel h2, .interactive-panel h2, #supporting-content .info-panel h2, #supporting-content .interactive-panel-252 h2 {
	margin: 0 8px !important;
	background: url(/tfl-global/images/light-bevel.gif) left bottom repeat-x;
	padding-bottom: 5px;
}

.interactive-panel h2, #supporting-content .interactive-panel h2 {
	margin: 0 13px !important;
}

.info-panel .panel-content {
	margin: 8px;
}
.info-panel .panel-content h2 {
	margin: 0 !important;
}
.info-panel .panel-content img.img-79 {
	float: left;
	margin-right: 19px;
	margin-bottom: 19px;
}
.info-panel .panel-content ul {
	float: left;
}

.interactive-panel-162 .panel-content {
	background:transparent url(../images/interactive-panel-162-btm.gif) 0 100% no-repeat;
	padding: 0 13px 6px;
}

.interactive-panel-252 .panel-content {
	background:transparent url(../images/interactive-panel-252-btm.gif) 0 100% no-repeat;
	padding: 0 13px 6px;
}

.interactive-panel-344 .panel-content {
	background:transparent url(../images/interactive-panel-344-btm.gif) 0 100% no-repeat;
	padding: 0 13px 6px;
}

.interactive-panel-377 .panel-content {
	background:transparent url(../images/interactive-panel-377-btm.gif) 0 100% no-repeat;
	padding: 0 13px 6px;
}

.info-panel p, .interactive-panel p {
	margin-bottom: 8px;
}

.info-panel p.linklist, .interactive-panel p.linklist {
	margin-bottom: 0;
}

#supporting-content .interactive-panel-252, #supporting-content .info-panel-252 {
	width: 182px;
}

#supporting-content p.social-button {
	margin: 0 0 19px 0;
	padding: 0;
	clear: both;
}
#supporting-content p.social-button .external-site {
	padding: 0;
	background-image: none;
}
#supporting-content p.social-button .external-site img {
	margin: 0 auto;
}

.panel-content .multi-cols {
	width: 158px;
	padding-right: 5px;
	float: left;
}

.empty-panel, .empty-panel h2, .empty-panel ul {
	background: none;
	margin-bottom: 0;
	padding: 0;
}


/* Cycle Journey Planner */

.cycling-pages .cycle-journey-planner-panel {
	width: 186px;
	background: url(../images/rhs-3d-bottom-bkg.gif) 0 100% no-repeat;
	padding-bottom: 6px;
	margin: 0 0 15px 0;
}

.cycling-pages .cycle-journey-planner {
	background: url(../images/jp-top-bkg.png) left top no-repeat;
	margin-bottom: 0px;
	padding-bottom: 10px;
	width: 186px;
}

 .cycling-pages.cycle-hire .cycle-journey-planner {
	background: url(../images/jp-top-bkg.png) left top no-repeat;
	margin-bottom: 0px;
	padding-bottom: 10px;
	width: 186px;
}

.cycling-pages #supporting-content .cycle-journey-planner #jpForm h2 {
	padding: 14px 0 5px 13px;
	background: none;
	border: none;
	font-size: 1.3em;
}

.cycling-pages #jpForm input, .cycling-pages #jpForm select {
	width: 155px;
	margin-left: 15px;
	margin-bottom: 3px;
	
	font-size: 1.1em;
	font-family: Arial;
}

.jp-margin-top {
	margin-top: 8px;
}

.cycling-pages #jpForm input.button-width, .cycling-pages #jpForm input.button-next-1 {
	width: auto;
	padding: 0 20px 0 3px;
	overflow: visible;
	margin-left: 45px;
}

#jpForm.cycle-jp {
		margin-bottom: 0;
	}
	
	#jpForm.cycle-jp label {
		position: static;
		text-align: left;
		font-weight: 700;
		color: #000;
		width: auto;
		margin-left: 15px;
	}
	
	#jpForm.cycle-jp fieldset {
		margin: 5px 10px 0px 15px;
		border: none;
	}
	
	#jpForm.cycle-jp fieldset p {
		margin-bottom: 5px;
	}
	
	#jpForm.cycle-jp fieldset h3 {
		background: url(../images/bike-rail-icon.gif) no-repeat;
		background-position: 7em;
		margin-bottom: 5px;
	}
	
	#jpForm label.bike-and-rail {
		width: auto;
		margin-left: 0;
		text-align: left;
		font-size: 1em;
		color: #575757;
		font-weight: 400;
	}
	
	#jpForm label.bike-and-rail input {
		width: auto;
		margin-left: 0;
	}

/* header */
#sub-header{
	height:104px;
	width:100%;
	position:relative;
	z-index:1;
}

#sub-header p {
	position: absolute;
	left: -9999px;
	color: #ff0;
}

#container .styled {
	padding-bottom:0;
	background:none
}
/*
.cycling-pages.cycle-hire #site-map {
	border-top: 8px solid #85C4AC;
}*/

/* --- margins --- */

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-11 {
	margin-left: 11px;
}

.margin-top-8 {
	margin-top: 8px;
}

.last-column {
	margin-right: 0;
}

.width-100 {
	width: 100%;
}


/*   New form styles  */
	.body-copy {
		font-weight: normal;
		color: #575757;
	}
	
	.form form {
		margin-bottom: 19px;
		padding: 10px 0px;
	}
	
	.form fieldset {
		background: url(/tfl-global/images/inter-panel-full-top.gif) left top no-repeat;
		border: none;
		padding: 0;
	}
	
	.form fieldset div {
		background: url(/tfl-global/images/inter-panel-full-btm.gif) left bottom no-repeat;
		padding: 10px 24px;
	}
	
	.form fieldset.review {
		background: url(/tfl-global/images/inter-panel-full-green-top.gif) left top no-repeat;
	}
	
	.form fieldset.review div {
		background: url(/tfl-global/images/inter-panel-full-green-btm.gif) left bottom no-repeat;
	}
	
	.form fieldset h2 {
		background: url(/tfl-global/images/light-bevel.gif) left bottom repeat-x;
	}
	
	.form fieldset.review h2 {
		background: url(/tfl-global/images/light-bevel-green.gif) left bottom repeat-x;
	}
	
	.form .formlist li {
		background: none;
		margin-bottom: 10px;
		padding-left: 0;
	}
	
	.form .formlist .pagelinks li {
		background: url(/tfl-global/images/green-bullet-down.gif) left center no-repeat;
		margin-bottom: 0;
	}
	
	.form legend {
		display: block;
		font-family: Arial;
		font-size: 1.25em;
		font-weight: 700;
		color: #000;
	}
	
	.form legend span {
		display: block;
		width: auto;
		padding: 1em;
	}
	
	.form fieldset h3 {
		margin-bottom: 6px;
		clear: both;
	}
	
	.form label {
		display: block;
		font-weight: 700;
		color: #000;
	}
	.form input {
		display: block;
		margin-top: 4px;
	}
	
	.form ul.form-buttons {
		
		padding: 0 0 8px 12px;
		margin: 0 4px;		
		width: 694px;
		height: 5em;
		float: left;
		background: url(/tfl-global/images/panel-shadow.gif) left bottom repeat-x;
	}
	
	.form .form-buttons li {
		background: none;
		float: left;
	}
	
	.form .horizontal .form-buttons input {
		width: auto;
	}
	
	.form .form-buttons li input.button-default-1 {
		margin-right: 20px;
	}
	
	.form ul.choice-list label, .form ul.choice-list input {
		width: auto;
		display: inline;
	}
	
	.form .horizontal ul.choice-list label, .form.horizontal ul.choice-list input {
		width: auto;
		display: block;
	}
	
	.form ul.lateral li {
		display: block;
		width: auto;
		float: left;
		margin-right: 20px;
	}
	
	.form ul.choice-list label {
		font-weight: 400;
		float: none;
		text-align: left;
	}
	
	.form ul.lateral label {
		font-weight: 400;
		float: left;
		text-align: left;
	}
	
	.form label span {
		color: #000;
	}
	
	.form .horizontal label {
		display: inline;
		text-align: right;
		width: 180px;
		margin-right: 10px;
		float: left;
	}
	
	.form .horizontal input {
		display: inline;
		width: 180px;
		margin-top: 0;
	}
	
	.form .help-text {
		display: block;
		font-weight: 400;
		color: #575757;
		width: auto;
	}
	
	.form li.validation-message {
		background: #fee;
		margin-left: -10px;
		padding-left: 10px;
		padding-top: 5px;
	}
	
	.form .validation-message p {
		padding: 5px 0 5px 20px;
		background: transparent url('/tfl-global/images/exclamation.png') left center no-repeat;
		color: #000;
		font-weight: 700;
		margin-bottom: 5px;
	}
	
	.form .validation .validation-message, .form #validation-error.validation {
		display: block;
	}
	
	.form h3.validation-message {
		color: #000;
	}
	
	.form .test-validation p, .form div#validation-error {display: none;}
	.form .test-validation.validation-message p, .form div#validation-error.validation-message {display: block;}
	
	.form #validation-error.validation-message li {
		margin-left: 0px;
		padding-left: 8px;
	}
	
	.form #validation-error.validation-message li ul.pagelinks {
		margin-left: 20px;
		margin-bottom: 0;
	}
	
	p.show-validation {
		position: absolute;
		top: 325px;
		right: 19px;
		cursor: pointer;
	}
	
	.skip {
		position: absolute;
		left: 180px;
	}
	
	.skip li {
		background-image: none;
		display: inline;
	}
	
	.skip a {
		position: absolute;
		top: 3px;
		width: auto;
		white-space:nowrap;
		text-indent: -1000px;
	}
	
	.skip a:focus, .skip a:hover, .skip a:active {
		/*position: static;*/
		text-indent: 0px;
		padding: 5px;
		background: #ffc;
		color: #000;
		
		
	}
	
	/* --- drop-down styles --- */
	
	a.ddm-arrow {
	background: transparent url(../images/ddm-arrow.gif) 75px 18px no-repeat;
}

a.ddm-arrow-selected {
	background-image: url(../images/ddm-arrow-selected.gif);
}

.jsddm dd dl {
	margin: 0 !important;
	padding: 0;
	position: absolute;
	top: 37px;
	left: -7px;
	visibility: hidden;
	width: 130px !important;
	height: auto !important;
	background: transparent url(../images/ddm-bkg-btm.png) left bottom no-repeat;
	padding: 0 6px 17px 6px;
}

.jsddm dd dl dd {
	float: none !important;
	height: auto !important;
	width: 120px !important;
	background-image: none !important;
	display: block;
}
	
.jsddm dd dl dd a {
	width: 120px !important;
	height: auto !important;
	padding:  8px 5px !important;
	background: #fff;
	background-image: none;
	}
	
.jsddm dd dl dd.first a {
	background: #fff url(../images/ddm-bkg.gif) left top repeat-x !important;
	}
	
.jsddm dd dl dd a:hover {
	background: transparent
}

.menu-appear {
	visibility: visible;
	z-index: 500;
}
	
/* --- home page tabs ---- */

.home-tabs {
	width: 360px;
}

.home-tabs dt, .home-tabs dd {
	padding: 0;
	margin: 0;
	background-image: none;
}

.finger-tabs {
	width: 356px;
	background: #fff url(../images/tabs-bkg-top.gif) right top no-repeat;
	margin-right: 6px;
	padding: 0;
}

.finger-tabs dl {
	width: 356px;
	position: relative;
	background: transparent url(../images/tabs-bkg-bottom.gif) right bottom no-repeat;
	margin: 0;
	padding: 0;
}

.finger-tabs dt {
	width: 186px;
	display: block;
	background: none;
	padding: 0;
	margin: 0;
	background: url(../images/finger-top.gif) left top no-repeat;
}

.finger-tabs dt.selected {
	background: url(../images/finger-top-sel.gif) left top no-repeat;
}

.finger-tabs dt a {
	width: 100%;
	padding: 0.8em 0.2em 0.8em 0.8em;
	
	display: block;
	background: url(../images/finger-bottom.gif) left bottom no-repeat;
	height: auto;
	min-height: 3em;
	margin: 0;
	position: relative;
	font-weight: 400;
}

.finger-tabs dt.first {background: url(../images/finger-top-first.gif) left top no-repeat;}
.finger-tabs dt.first.selected {background: url(../images/finger-top-first-sel.gif) left top no-repeat;}

.finger-tabs dt.last a {background: url(../images/finger-bottom-last.gif) left bottom no-repeat;}
.finger-tabs dt.last.selected a {background: url(../images/finger-bottom-last-sel.gif) left bottom no-repeat;}

.finger-tabs dt a.selected {
	background: url(../images/finger-bottom-sel.gif) left bottom no-repeat;
	color: #000;
}

.finger-tabs dt a span {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	font-family: Arial, Helvetica , Sans-Serif;
	width: 170px;
}

.finger-tabs dd {
	width: 150px;
	height: 135px;
	display: block;
	float: right;	
	position: absolute;
	right: 10px;
	top: 9px;
	padding: 0;
}

.finger-tabs dd a {background-image: none;}

.underline {text-decoration: underline;}
.cursor {cursor: pointer;}
img.underline {outline: 1px solid #3497d5; text-decoration: none;}


.green-oval {
	background: url(../images/green-oval-bottom.png) center bottom no-repeat;
	padding-bottom: 11px;
	color: #fff;
	margin-bottom: 8px;
}

.green-oval span {
	background: url(../images/green-oval-top.png) center top no-repeat;
	display: block;
	padding: 9px 4px 0 4px;
	text-align: center;
	line-height: 0.5em;
	
}
/*
.weather {
	margin-bottom: 5px;
	position: relative;
}

.weather p {
	margin: 0;
	margin-top: -9px;
}

.weather h2 {
	margin: 0;
	padding: 0 0 10px;
	background: transparent;
}
*/

.weather img {
	/*position: absolute;
	top: 10px;
	right: 0;*/
	float: right;
	margin-right: 8px;
}

/* --- copied weather ---*/
.compact #tools-area .weatherInfo {
margin-top:5px;
}

.compact #supporting-content .cycling-rh-banner, .compact #tools-area .weatherInfo, .compact #supporting-content .weatherInfo, .compact #supporting-content .blog-comment, .compact #supporting-content .shop-product {
clear:both;
float:left;
margin-top:9px;
width:177px;
}
.compact #tools-area .corners-top, .compact #supporting-content .corners-top {
background:url("/tfl-templates/cycling/images/rounded-corners-top.png") no-repeat scroll 2px 0 transparent;
height:10px;
margin-left:3px;
width:177px;
}
.compact #tools-area .weatherInfo .weather-icon, .compact #supporting-content .weatherInfo .weather-icon {
float:right;
margin:0 4px 0 0;
}
.compact #supporting-content .weatherInfo h2, .compact #tools-area .weatherInfo h2 {
padding:0 0 0 5px;
width:70%;
}

span.celcius {
	padding-left: 4px;
}

.compact #tools-area h2 {
padding:0 0 5px 5px;
}

.compact #tools-area h2, .compact #supporting-content h2 {
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#292929;
margin-bottom:0;
padding:0 0 5px;
/*width:100%;*/
}

.compact #main-content h2 {
border-bottom:0 none;
}


/* --- end copied weather ---*/

.blog-quote {
	clear: both;
	float: left;
	width: 162px;
	margin: 5px 15px 19px 4px;
}

.blog-quote p {
	background: #404040 url(../images/blog-top.gif) left top no-repeat;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.3em;
	font-weight: 700;
	font-family: Arial, Verdana, Sans-Serif;
	margin-bottom: 0;
	text-indent: 17px;
	line-height: 1.3em;
}

.blog-quote a {
	background: url(../images/blog-link.gif) left top no-repeat;
	display: block;
	padding-top: 5px;
	padding-left: 35px;
	padding-right: 0;
}

/* -- hack for Safari and Chrome  -- */
@media screen and (-webkit-min-device-pixel-ratio:0)
{.finger-tabs dt a {padding: 1.0em 0.2em 0.8em 0.8em;}}

/* --- Copied from cycling-styles.css --- */

/* --- copied big quote --- */

.blogQuoteMain{
	position:relative;
	height:140px;
	overflow:hidden;
	width:525px;
}

.blogQuoteMain .article{
	position:absolute;
	left:-19px;
	top:0;
	width:558px;
	background:url('/tfl-templates/cycling/images/blog-bg.gif') no-repeat 10px 13px #fff;	
	height:160px;
	z-index:1;
}

.blogQuoteMain blockquote{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:140%;
	position:absolute;
	top:34px;
	left:29px;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0 35px 0 38px;
	line-height:1.2em;
	width:425px;
}

.blogQuoteMain blockquote a{
	color:#fff;
}

.blogQuoteMain cite{
	font-style:normal;
}

.blogQuoteMain span{
	position:absolute;
	left:107px;
	top:119px;
	width:300px;
}

.blogQuoteMain cite a{
	display:block;
	background:  url('/tfl-global/images/green-bullet.gif') no-repeat 0 7px;
	padding-left: 8px;
	position:absolute;
	left:350px;
	top:119px;
}

.blogQuoteMain cite img{
	background:#fff;
	padding:1px;
	border:1px solid #ccc;
	position:absolute;
	left:72px;
	top:115px;
}

.blogQuoteMain ul.linklist{
	position:absolute;
	right:18px;
	bottom:5px;
	font-family:arial, helvetica, sans-serif;
	font-size:130%;
	font-weight:bold;
}
blockquote.cyclist{
	border:0px solid #ccc;
	padding:5px;
	width:250px;
	float:left;
	margin:0
}

blockquote.cyclist span.quotee{
	margin-left:3px;
}
.blogQuoteMain ul.linklist a{
	color:#113b92;
}

#main-content .bdrTop {
border-top:1px solid #CCCCCC;
padding:10px 0;
width:100%;
}

#main-content .bdrTop .bdrboth {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.template-4 .primaryContent {
padding-bottom:19px;
}

.primaryContent {
clear:both;
float:left;
/*width:100%;*/
}

.topmarg {
margin-top:19px;
}

.secondaryContent {
clear:both;
float:left;
padding:0 19px 0;
width:94.9%;
}



.template-4 .secondaryContent .col1, .template-4 .secondaryContent .col2, .template-4 .secondaryContent .col3 {
float:left;
margin-right:5px;
min-height:27em;
padding-right:5px;
width:30%;
}

.template-4 .secondaryContent .col2,
.template-4 .secondaryContent .col3{
	padding-left:5px;
}

#main-content .secondaryContent .com50, #main-content .tertiaryContent .com50 {
clear:none;
display:inline;
float:left;
margin-right:5px;
width:49%;
}

.template-4 .secondaryContent h3, .tertiaryContent .com20 .contentArea p span a {
font-family:Arial,Helvetica,sans-serif;
font-size:1.25em;
font-weight:bold;
}

/* --- copied events --- */

.compact #main-content .eventDetails  h2{
	margin:3px 0
}

#main-content .tertiaryContent .com20 .contentArea .eventDetails,
#main-content .tertiaryContent .com20 .contentArea .linkListing{
	margin:0;
	padding:0;
	clear:both;
	float:left;
	width:100%;
	background:none
}
#main-content .tertiaryContent .com20 .contentArea ol.eventDetails li,
#main-content .tertiaryContent .com20 .contentArea ul.linkListing li{
	clear:both;
	float:left;
	width:100%;
	list-style:none;
	padding:0px;
	margin-bottom:5px;
}

#main-content .tertiaryContent .com20 .contentArea ol.eventDetails li h3,
#main-content .tertiaryContent .com20 .contentArea ul.linkListing li h3{
	padding-left:5px;
}
ol.eventDetails {
	padding-left: 0;
	margin: 0;
}

#main-content .tertiaryContent .com20 .contentArea ol.eventDetails li, #main-content .tertiaryContent .com20 .contentArea ul.linkListing li, ol.eventDetails li {
clear:both;
float:left;
list-style:none outside none;
margin-bottom:5px;
padding:0;
width:100%; 
}

li.seeall {
	background-image: none;
}

#main-content .tertiaryContent .com20 .contentArea ol.eventDetails li .date{
	padding:0 5px 10px;
	color:#498B44;
}
#main-content .eventsContainer ol.eventDetails li .date{
	color:#498B44;
}

/*.primaryContent ul.eventList{
	display:block;
	overflow:hidden;
	margin:0 0 0 19px;
}
.primaryContent ul.eventList li{
	float:left;
	width:32%;
	background:none;
	padding:0
}
.primaryContent ul.eventList li.lrg{
    width:64%;
    margin-right:15px
}
.primaryContent ul.eventList li.marg{
	margin:0 9px;*/

#main-content .eventsContainer, #main-content .categoryContainer{
	background:transparent url('/tfl-global/images/supporting-content-header.gif') repeat-x 0 0;
	padding-top:5px;
	clear:both;
	float:left;
	width:100%;
	margin-top:16px;
}
.template-4 #main-content .eventsContainer, #main-content .categoryContainer{
	margin-top:0
}
#main-content .categoryContainer{
	margin-top:0;
	border-bottom:1px solid #ccc;
}
#main-content .eventsContainer .links-thankyou{
	margin:0 19px !important;
	width:520px !important;
}
#main-content .voting-thankyou{
	margin:0 0 0 18px;
	width:93%;
}
#supporting-content .links-thankyou,
#supporting-content .error-handler{
	margin:5px 5px 0 !important;
}
#main-content .eventsForm{
	clear:both;
	float:left;
	width:100%;
	background:#f2f2f2 url('/tfl-global/images/grey-panel-header.gif') repeat-x 0 0;
	padding:10px 0;
}
#main-content .eventsForm ul{
	clear:both;
	float:left;
	width:96.7%;
	padding-left:19px;
	margin-bottom:0
}

#main-content .eventsForm ul li{
	float:left;
	width:100%;
	background:none;
	padding-left:0;
	margin-bottom:3px;
}

#main-content .eventsForm ul li span{
	display:block;}
#main-content .eventsForm ul li label{
	float:left;
	width:110px;
	}
#main-content .eventsForm ul li input{
	float:left;
}
#main-content .eventsForm ul li.fullinput input{
	width:408px;
}
#main-content .eventsForm ul li input.button-next-1{
	float:right;
	margin-right:25px;}
.eventsContainer dl.eventsMonths{
	display:block;
	overflow:hidden;
	padding:5px 0 8px;
	margin-bottom:0;
	width:100%;
}
.eventsContainer .eventsMonths dt, 
#main-content .categoryContainer dt{
	float:left;
	width:70px;
	color:#4b4b4b;
	padding-left:19px;
}
#main-content .categoryContainer .linksHeader{
	display:block;
	margin-bottom:0;
	overflow:hidden;
	padding:5px 0 8px;
	width:100%;
}
#main-content .categoryContainer dt{
	color:#4B4B4B;
	float:left;
	padding-left:19px;
	width:70px;
}

.eventsContainer .eventsMonths dd, #main-content .categoryContainer dd{
	float:left;
	width:27px;
	color:#000;
	background:none
}

#main-content .categoryContainer dd{
	width:auto;
}

.eventsContainer .eventsMonths dd.addEvent{
	width:130px;
	padding-left:0;
	float:right;
}
.eventsContainer .eventsMonths dd.addEvent a{
	padding:2px 0 2px 18px;
	line-height:1.1em;
	background:url('/tfl-global/images/add.gif') no-repeat top left;
	font-weight:bold;
	text-align:right;
	color:#1987c3
}
.eventsContainer ol.eventDetails{
	margin:0;
	padding:10px 0 0;
	clear:both;
	float:left;
	width:100%;
}

.eventsContainer ol.eventDetails li{
	clear:both;
	float:left;
	width:96.6%;
	list-style:none;
	padding:0px 0 0 19px;
	margin-bottom:5px
}

.eventsContainer ol.eventDetails li .linklist{
	clear:both;
	float:left;
	padding-bottom:19px;
	width:90%;
	margin-bottom:0
}
	
.eventsContainer ol.eventDetails li p{
	margin-bottom:0
}

.eventsContainer ol.eventDetails li .linklist li{
	padding:0 0 0 8px
}

/* --- copied photos --- */



.photo-content{
	width:270px;
	margin-left:15px;
	position:relative;
	height:1%;
}

.photo-feature h2{
	position:absolute;
	top:15px;
	left:15px;
}

.photo-feature-preview{
	padding:72px 0 0 21px;
}

.photo-feature-preview.portrait {
	padding:52px 0 0 49px;
}

.photo-feature-preview a{
	padding:0 !important;
	background:none !important;
}

.photo-feature-preview a img{
	display:block;
	padding:3px !important;
	background:#fff !important;
	margin:0 !important;
	overflow:hidden;
	border:1px solid #ccc;
}

.photo-title{
	margin-left:22px;
	height:1.5em;
}

.photo-tools{
	position:absolute;
	bottom:0px;
	left:15px;
	height:31px;
	width:250px;
	overflow:hidden;
	/*background:url(/tfl-global/images/icon-add.png) no-repeat 0 1px;*/
}

.photo-tools .add-link{
	float:left;
	display:block;
	padding-left:18px !important;
}

.photo-tools ul{
	float:right;
}

.photo-feature, .photo-feature.landscape{
	width:292px;
	height:312px;
	position:relative;
	background:url(/tfl-templates/cycling/images/photo-feature-landscape-bg.gif) no-repeat !important;
	margin-bottom:20px;
	margin-left:7px;
}

.photo-feature.portrait{
	background:url(/tfl-templates/cycling/images/photo-feature-portrait-bg.gif) no-repeat !important;
	height:363px;
}

.gallery .slideshow{
	position:absolute;
	top:240px;
	right:0;
	width:427px !important;
}

.gallery .slideshow li{
	width:103px;
	height:103px;
	float:left;
	background:url('/tfl-templates/cycling/images/photo-bg.gif') no-repeat !important;
	padding:0 !important;
	margin:0 !important;
}

.gallery .slideshow li a{
	display:block;
	margin:13px;
	background:none !important;
	padding:0 !important;
}

.template-5 .tertiaryContent .slideshowhome{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:0;
	margin-left:3px
}

.template-5 .tertiaryContent .slideshowhome li{
	float:left;
	background:none;
	padding:0;
	margin:0 2px;
	width:75px
}

.template-5 .tertiaryContent .slideshowhome li a{
	display:block;
	background:none;
	padding:0;
}

/* --- copied links --- */

.template-4 #main-content .linkListing{
	clear:both;
	float:left;
	margin:0;
	padding:10px 0 0;
	width:100%;
}
.template-4 #main-content .linkListing li{
	clear:both;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:5px;
	padding:0 0 10px 4px;
	/*width:96.6%;*/
}



.template-4 #main-content .linkListing .info{
	margin-top:3px;
	float:left;
	clear:both;
	width:70%;
}

.template-4 #main-content .linkListing .rate{
	float:right;
	width:70px
}

.tertiaryContent .linkListing dt{
	font-size:1em;
	background:transparent url('/tfl-templates/cycling/images/shadow-divider-bot.gif') repeat-x left bottom;
}
.tertiaryContent .linkListing dt a{
	color:#246CCE;	
	font-family:Verdana,Arial,Helvetica,sans-serif
}

.shadow-divider{
	clear:both;
	/*background:transparent url('/tfl-templates/cycling/images/shadow-divider.gif') repeat-x top left;*/
}
.shadow-divider-bot{
	clear:both;
	float:left;
	width:100%;
	/*background:transparent url('/tfl-templates/cycling/images/shadow-divider-bot.gif') repeat-x bottom left;*/
	background: none;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 11px;
}

.froogleItem span.img-holder img {
	margin: 5px auto;
	display: block;
}

.pagination{
	clear:both;
	float:left;
	margin-top:10px;
	text-align:center;
	width:100%;
	margin-bottom:10px;
}

.pagination dd{
	background:none;
	border-left:1px solid #ccc;
	display:inline;
}

.pagination dd a, .pagination dd strong{
	padding:2px 4px 0 2px ;
}

.pagination .previous{
	border:0 !important;
	padding-right:3px;
}

.pagination .next{
	padding-left:3px;
}

.total-pages{
	clear:both;
	float:left;
	text-align:center;
	width:100%;
}


.compact #tools-area .corners-bot,
.compact #supporting-content .corners-bot{
	float:left;
	width:167px;
	padding:0 4px 5px 7px;
	margin-left:3px;
	background:url('/tfl-templates/cycling/images/rounded-corners-bot.png') no-repeat;
	background-position:2px 100%;
}

.compact #supporting-content .addLinks {
padding-bottom:5px;
padding-top:5px;
}

.compact #tools-area .jpArea, .compact #supporting-content .jpArea {
padding-left:9px;
position:relative;
}

.compact #tools-area .corners-bot, .compact #supporting-content .corners-bot {
background:url("/tfl-templates/cycling/images/rounded-corners-bot.png") no-repeat scroll 2px 100% transparent;
float:left;
margin-left:3px;
padding:0 4px 5px 7px;
width:167px;
}

.compact #tools-area .jpArea,
.compact #supporting-content .jpArea{
	padding-left:9px;
	position:relative;
}

.compact #tools-area .jpArea form,
.compact #supporting-content .jpArea form{
	background:none;
	margin-bottom:5px;
}

.compact #supporting-content .jpArea fieldset{
	margin-bottom:5px;
}

.compact #supporting-content .jpArea fieldset {
margin-bottom:5px;
}

.styled fieldset, fieldset {
border:0 none;
clear:both;
margin-bottom:3px;
}

.compact #supporting-content .addLinks ol {
margin:0;
padding-left:0;
}

.compact #supporting-content .addLinks ol li {
list-style:none outside none;
margin-bottom:3px;
}

.compact #supporting-content .addLinks label {
clear:both;
float:left;
left:5px;
position:relative;
width:100%;
}

/*.compact #tools-area .jpArea label, .compact #supporting-content .jpArea label {
left:-1999px;
position:absolute;
}*/

.compact #supporting-content .addLinks input, .compact #supporting-content .addLinks textarea, .compact #supporting-content .addLinks input {
margin-top:0;
}

.compact #tools-area .jpArea input, .compact #supporting-content .jpArea textarea, .compact #supporting-content .jpArea input {
margin:8px 0 0 6px;
width:148px;
}
.compact #sub-header span.addLinksHeader {
background:url("/tfl-templates/cycling/images/add-link-header.gif") no-repeat scroll 0 0 transparent;
border:0 none;
color:#292929;
float:right;
font-size:1em;
height:28px;
margin:77px 9px 0 0;
padding:0;
text-align:center;
width:167px;
}

.compact #tools-area .jpArea .button-next-1, .compact #supporting-content .jpArea .button-next-1 {
margin-bottom:4px;
margin-left:32px;
width:100px;
}

.bottomIcons{
clear:both;
overflow:hidden;
}
	
.bottomIcons li{
float:left;
margin-right:5px;
list-style:none;
background:none;
}

.panel-col {float: left; width: 240px; margin-right: 10px} /*Columns in full width panel on Cycle superhighways*/
	
/* --- jquery stuff --- */
	
a.radio-checks {cursor:pointer;}
span.normal-size {font-family:Verdana; font-weight: 400; color: #575757; font-size: 0.8em;}