span.error-message/* CSS Document */


/* Stops keyboard navigation list from appearing */
.keyboard-nav,
.keyboard-nav li	{ float: left; padding: 0;}
.keyboard-nav li a	{ width: 20em; }

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

body.template-4 #container,
body.template-1 #container{
	background:url('/tfl-templates/cycling/images/page-right-col-bg.png') repeat-y top left;
}

body.template-4 #container .noMargins{
	margin-left:0;
	margin-right:0;
	width:558px;
}

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

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

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

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

#headerSection{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
}

#cyclingMain{
	margin-left:17px;
	margin-top:32px;
	width:120px;
	height:50px;
	text-indent:-999em;
}

#cyclingMainLink{
	text-indent:-999em;
	margin:0;
	padding:0;
	border:0;
	position:absolute;
	top:33px;
	left:17px;
	width:120px;
	height:41px;
	outline:none;
	z-index:55;	
}

.hover{
	background:url('/tfl-templates/cycling/images/banner-home-hover.gif') no-repeat top left !important;
}

.hover:hover{
	background:url('/tfl-templates/cycling/images/banner-home-hover.gif') no-repeat top left !important;
}

#sIFR-replaced{
	background:none;
	padding:0;
	margin:0;
	font-size:2.6em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	top:32px;
	left:144px;
	width:480px;
	z-index:30;
	overflow:hidden;
	height:60px;
}

#sIFR-replaced span{
	padding-top:11px;
	color:#fff;
	display:block;
	font-weight:bold;
	position:relative;	
}

#sIFR-replaced span a{
	color:#fff;
}

.sIFR-alternate{
	z-index:1 !important;
}

#sIFR-replaced object, #sIFR-replaced embed{
	margin-bottom:300px;
	margin-top:1px;
}

#megaDropDown{
	position:absolute;
	top:20px;
	left:0;
	width:740px;
	background:url('/tfl-templates/cycling/images/banner-mega.png') no-repeat top left;
	z-index:50;
	display:none;
	text-indent:0;
	height:18em;
	overflow:hidden;
}

#megaDropDown div{
	margin:55px 15px 30px 12px;
	padding-top:6px;
	padding-left:5px;
	height:10em;
	background:#fff;
	position:relative;
}

.megaShow{
	display:block !important;
}

#megaDropDown dl{
	float:left;
	margin-right:18px;
	background-color:#fff;
}

#megaDropDown dt{
	whitespace:no-wrap;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
}

#megaDropDown dt a{
	color:#000;
}

#megaDropDown dd{
	display:block !important;	
	visibility:visible !important;	
	background:  url('/tfl-global/images/green-bullet.gif') no-repeat 0 7px !important;	
}

/* custom column arrangement */
#megaNavCol1, #megaNavCol5{
	display:block;
	float:none !important;
	margin-bottom:0;
}

#megaNavCol5 dt{
	margin-top:8px !important;
}

/* routes */
#megaNavCol2{
	border-left:1px solid #dcdcdc;
	position:absolute;
	left:130px;
	top:6px;	
	width:140px !important;
	height:100px;
	border-right:1px solid #dcdcdc;	
}

#megaNavCol2 dt, #megaNavCol2 dd{
	margin:0 10px 0 10px;
}

/* get cycling */
#megaNavCol3{
	position:absolute;
	left:290px;
	top:6px;	
	width:320px !important;
	height:100px;
}

#megaNavCol3 dd{
	float:left;
	width:145px;
}

/* events */
#megaNavCol4{
	border-left:1px solid #dcdcdc;
	position:absolute;
	left:600px;
	top:6px;	
	width:120px !important;
	height:100px;
}

#megaNavCol4 dd, #megaNavCol4 dt{
	margin-left:10px;	
}

#container .styled {
	padding-bottom:0;
	background:none
}

.topmarg{
	margin-top:19px;
}

.compact #sub-header span.jpHeader{
	background:transparent url('/tfl-templates/cycling/images/jp-header.png') no-repeat 50% 0px;
	height:28px;
	margin:77px 0px 0 0;
	padding:0;
	border:0;
	float:right;
	width:187px;
	font-size:1em;
	text-align:center;
	color:#292929;
}

.compact #sub-header span.addLinksHeader{
	background:transparent url('/tfl-templates/cycling/images/add-link-header.gif') no-repeat 0 0px;
	height:28px;
	margin:77px 9px 0 0;
	padding:0;
	border:0;
	float:right;
	width:167px;
	font-size:1em;
	text-align:center;
	color:#292929;
}
.compact .photoGallery #sub-header span.jpHeader{
	display:none
}
#desc, .required{
	margin-left:5px;
	width:150px;
}
.compact #main-content h1{
	margin-top:5px;
}
.compact #main-content h2{
	border-bottom:0;
}

/*safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .compact #sub-header span.jpHeader{
		margin-right:23px;
	}
}
.primaryContent{
	clear:both;
	float:left;
	width:100%;		
}
.template-4 .primaryContent{
	padding-bottom:19px;	
}
.tertiaryContent{
	margin-bottom:13px;
	overflow:hidden;
	clear:both;
	display:block;
	padding:0 12px
}

.secondaryContent{
	padding:0px 19px 0;
	clear:both;
	float:left;
	width:94.9%;
	}
.primaryContent .left{
	margin-bottom:0;
}	
body.template-4 .secondaryContent{
	padding:0
} 
.article{
	float:left;
	width:245px;
}
.article h1{
	border:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.25em;
	color:#113B92;
	margin-bottom:0px;
	padding-top:0
}

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

#main-content .bdrTop .bdrboth{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.compact #tools-area{
	background:url('/tfl-templates/cycling/images/right-col-bg.png') repeat-y top left;
	margin:-1px 0 0;
	padding-bottom:15px;
	width:186px;
	float:right;}
.compact #supporting-content {
	margin:-1px 0 0;
	padding-bottom:18px;
	width:186px;
	float:right;
}

body.compact #container #supporting-content {
	margin:-1px 0 0;
	padding-bottom:17px;
	width:186px;
	float:left;
}
.compact #tools-area .corners-top,
.compact #supporting-content .corners-top{
	background:url('/tfl-templates/cycling/images/rounded-corners-top.png') no-repeat;
	background-position:2px 0%;
	width:177px;
	height:10px;
	margin-left:3px;
}
.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 .blog-comment{
    margin:0 0 10px 5px;
}
.compact #supporting-content .blog-comment .corners-top{
    background:url('/tfl-templates/cycling/images/blogQuote-top.png') no-repeat;
	background-position:2px 100%
}

.compact #supporting-content .blog-comment .corners-bot{
    background:url('/tfl-templates/cycling/images/blogQuote-bot.png') no-repeat;
	background-position:2px 100%
}
.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 .cycling-rh-banner,
.compact #tools-area .weatherInfo,
.compact #supporting-content .weatherInfo,
.compact #supporting-content .blog-comment,
.compact #supporting-content .shop-product{
	float:left;
	clear:both;
	width:177px;
	margin-top:9px;
}

.compact #tools-area .weatherInfo{
	margin-top:5px;
}	
.compact #tools-area .jpArea label,
.compact #supporting-content .jpArea label{	
	left:-1999px;
	position:absolute;
}
.compact #supporting-content .addLinks{
	padding-top:5px;
	padding-bottom:5px;
}

.compact #supporting-content .addLinks ol{
	padding-left:0;
	margin:0
}
.compact #supporting-content .addLinks ol li{
	list-style:none;
	margin-bottom:3px;
}
.compact #supporting-content .addLinks label{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	left:5px;
}

.compact #tools-area .jpArea input,
.compact #supporting-content .jpArea textarea,
.compact #supporting-content .jpArea input{
	width:148px;
	margin: 8px 0 0 6px;
}
.compact #tools-area .jpArea select,
.compact #supporting-content .jpArea select {
	width:153px;
	margin-left:6px;
	margin-bottom:0px;
	margin-top: 3px;
}

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

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

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

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

.compact #supporting-content .weatherInfo h2,
.compact #tools-area .weatherInfo h2{
	padding:0px 0 0px 5px;
	width:70%;
}

.compact #supporting-content .blog-comment h2{
	width:100%;
}

.compact #tools-area .weatherInfo span,
.compact #supporting-content .weatherInfo span{
	clear:both;
	float:left;
	padding:0 0 0px 5px;
	margin:-4px 0 0;
}
.compact #tools-area .weatherInfo span{
	float:left;
	clear:both;
}
.compact #container .weatherInfo span.celcius{
	padding:0;
	margin:0;
}
.compact #tools-area .weatherInfo span a{
	cursor:pointer
}
.compact #tools-area .weatherInfo .weather-icon,
.compact #supporting-content .weatherInfo .weather-icon{
	float:right;
	margin:0 4px 0 0;
}

.compact #supporting-content .blog-comment p,
#main-content .tertiaryContent .blog-comment .contentArea p{
	margin:0 2px 2px 5px;
	color:#498b44;
	font-weight:bold;
	font-size:1.25em;
	font-family:Arial, Helvetica, sans-serif
}
.compact #supporting-content .blog-comment p{
    color:#fff;
    margin:0 10px 20px 5px;
}
.compact #supporting-content .blog-comment p img{
    margin:0 2px 0 0;
}
.compact #supporting-content .blog-comment .linklist{
	margin:12px 0 0px 45px;	
}
.compact #supporting-content .blog-comment .linklist li{
    margin-bottom:-9px;
}
.compact #supporting-content .blog-comment .linklist li a{
	letter-spacing:-1px;
	line-height:120%;
	
}
.compact #supporting-content .further-content{
	clear:both;
	float:left;
	margin-top:19px;
	padding-left:14px;
	width:92%;
}

.compact #supporting-content .further-content h2{
	width:100%
}
.compact #tools-area .further-content p{
	padding-left:5px;
	margin-bottom:0
}
.compact #supporting-content .further-content p{
	margin-bottom:10px
}
.compact #supporting-content .further-content h3{
	margin:0 0 5px
}
.compact #tools-area .linklist{
	padding-left:5px;
	margin-bottom:0
}
.compact #supporting-content .shop-product{
	
}
.template-4 .secondaryContent .col1,
.template-4 .secondaryContent .col2,
.template-4 .secondaryContent .col3{
	float:left;
	width:30%;
	margin-right:5px;
	padding-right:5px;
	min-height:27em;
}

.template-4 .secondaryContent .col2,
.template-4 .secondaryContent .col3{
	padding-left:5px;
}
.template-4 .secondaryContent h3,
.tertiaryContent .com20 .contentArea p span a{
	font-size:1.25em;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold
}
.tertiaryContent .com20 .contentArea p span{
	display:block;
}
.template-4 .secondaryContent h3 a,
.tertiaryContent .com20 .contentArea p span a,
#main-content .tertiaryContent .com50 h3 a{
	color:#113B92;
}

.template-5 .secondaryContent .col1,
.template-5 .secondaryContent .col2,
.template-5 .secondaryContent .col3{
	float:left;
	margin:10px 5px 0 0;
}
.template-5 .secondaryContent .col1{
	width:25%;
 	margin-right: 14px}
.template-5 .secondaryContent .col2{
	width:25%;
  	margin-right: 14px;
	background:url('/assets/images/cycling/content/maps-guides.gif') no-repeat 100% 70%;}
	
.template-5 .secondaryContent .col2 .right{
	display:none}	
.template-5 .secondaryContent .col3{
	width:45%;
	margin-right:0;
	position:relative;
}
.template-5 .secondaryContent img.right{
	margin: -6px 0 0 0px;
}
.template-5 .secondaryContent .col1 p{
	margin-bottom:0;
}
.template-5 .secondaryContent h2{
	margin-bottom:10px;
	font-size:1.25em;
	font-family:Arial,Helvetica,sans-serif;
	border-bottom:0
}
.template-5 #main-content h2 a{
	color:#000;
}
.compact #main-content .eventDetails  h2{
	margin:3px 0
}

.template-5 .secondaryContent .linklist{
	float:left;
	margin-bottom:0
}
.template-5 .secondaryContent .col3 .linklist{
	float:left;
	margin-right:25px;
}
.template-5 .secondaryContent .popout{
	right:-56px;
	top:0;
	position:absolute;
	background:url('/tfl-templates/cycling/images/evansVoucher.png') no-repeat;
	width:100px;
	height:98px;	
}

.template-5 .secondaryContent .popout:focus,
.template-5 .secondaryContent .popout:active{
	border:0;
	outline:none
}

#main-content .tertiaryContent .rounded-shadow-box{
	margin-left:0
}
#main-content .tertiaryContent .com15{
	float:left;
	width:23.5%;
	clear:none
}
#main-content .tertiaryContent .com20{
	float:left;
	width:20%;
	clear:none
}
#main-content .tertiaryContent .com20,
#main-content .tertiaryContent .com40{
	float:left;
	width:26.2%;
	clear:none
}
#main-content .secondaryContent .com50,
#main-content .tertiaryContent .com50{
	float:left;
	width:49%;
	clear:none;
	margin-right:5px;
	display:inline
}

#main-content .secondaryContent img.left,
#main-content .tertiaryContent img.left{
	margin-right:9px;}

#main-content .tertiaryContent .com20 .contentArea{
	width:168px;
}
#main-content .tertiaryContent .com15 .contentArea{
	width:149px;
}
#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;
}
#main-content .tertiaryContent .com20 .contentArea ol.eventDetails li .date{
	padding:0 5px 10px;
	color:#498B44;
}
#main-content .eventsContainer ol.eventDetails li .date{
	color:#498B44;
}
#main-content .tertiaryContent .linklist{
	float:left;
	margin:0 0 0 5px;
}
#main-content .tertiaryContent .linklist li{
	margin-bottom:4px;
}
#main-content .tertiaryContent .blog-comment .linklist{
	margin-left:5px
}
#main-content .tertiaryContent .blog-comment .linklist li{
	background:transparent url('/tfl-global/images/green-bullet.gif') no-repeat scroll 0 7px;
	padding:0 0 0 8px;
}
#main-content .tertiaryContent .com40{
	width:47.5%; 
}

#main-content .tertiaryContent .com40 .contentArea{
	width:322px;
}

#main-content .tertiaryContent h2,
#main-content .tertiaryContent .com50 h2{
	border:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.25em;
	padding:0 0 13px 5px;
	background:transparent url('/tfl-templates/cycling/images/sml-divider.gif') repeat-x bottom left;
	margin-bottom:0
}

#main-content .tertiaryContent .com50 h2{
	background:none;
	color:#113B92;
}

#main-content .tertiaryContent h4{
	display: block;
	float: none;
	padding-left: 5px
}

#main-content .tertiaryContent .com15 .footer-Area{
	background:transparent url('/tfl-templates/cycling/images/sml-divider-bot.gif') repeat-x left -5px;
	padding-top:11px;
	clear:both;
	float:left;
	width:100%;
}
#main-content .tertiaryContent .com20 .footer-Area{
	/*background:transparent url('/tfl-templates/cycling/images/sml-divider-bot.gif') repeat-x left -5px;
	padding-top:11px;*/
	clear:both;
	float:left;
	width:100%;
}

#main-content .tertiaryContent .com40 .footer-Area{
	background:transparent url('/tfl-templates/cycling/images/sml-divider-bot.gif') repeat-x left -5px;
	padding-top:11px;
	clear:both;
	float:left;
	width:100%;
}
#main-content .tertiaryContent p,
#main-content .tertiaryContent .footer-Area ul {
	margin:0;
	display:block;
	overflow:hidden;
}
#main-content .tertiaryContent p{
	padding:0 5px 10px;
}
#main-content .tertiaryContent .blog-comment p{
	padding-bottom:0
}
#main-content .tertiaryContent p.pad{
	padding-top:10px;
	padding-bottom:5px
}

#main-content .tertiaryContent .footer-Area ul li{
	float:left;
	background:none;
	padding:2px 0 0 5px;
}
#main-content .tertiaryContent .footer-Area ul li.seeall{
	width:100px;
}
#main-content .tertiaryContent .footer-Area ul li.seeall a{
	padding:2px 0 2px 18px;
	line-height:1.1em;
	background:transparent url('/tfl-global/images/green-bullet.gif') no-repeat 0 7px;
	padding-left:8px;
}

#main-content .tertiaryContent .footer-Area ul li.add{
	float:right;
	padding: 0 0 0 19px;
	margin-top: 2px;
	background:url('/tfl-global/images/add.gif') no-repeat top left;
}

#main-content .tertiaryContent .photos{
	display:block;
	overflow:hidden;
	margin:2px 0 0
}
#main-content .tertiaryContent .photos li{
	float:left;
	background:none;
	padding-left:4px;
}


.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;
	margin-bottom: 11px;
}

.jpArea option, .jpArea select, .jpArea input{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1.1em;
}
.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
}

.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 19px;
	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
}

.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%;
}

.elipses{

}

.no-bullets li{
	background:none;
	padding-left:0
}
.compact #supporting-content .shop-product h2{
	background:transparent url('/tfl-templates/cycling/images/shadow-divider-bot.gif') repeat-x bottom left;
	margin:0px 0;
	padding:0 0 5px 5px;
	width:97%;
}
.compact #supporting-content .shop-product h2 a{
	color:#000;
}
.compact #supporting-content .shop-product .img-holder,
.compact .shop-product .img-holder{
	display:block;
	text-align:center;
	padding-top:10px;
	overflow: hidden;
}
.compact .shop-product .img-holder{
	padding-top:0
}
.compact #supporting-content .shop-product p,
.compact .shop-product p{
	margin-bottom:5px;
	color:#246CCE;
	font-weight:bold;
	padding:0 5px
}
.compact #supporting-content .shop-product #froogle_error,
#main-content .tertiaryContent .com15 .contentArea #froogle_error{
	color:#246CCE;
	padding-left:5px
}
.compact #supporting-content .shop-product p .price,
.compact .shop-product p .price{
	display:block;
	color:#565656
}


/* local nav css start */
body.compact #container #local-navigation{
	margin-top:10px;
}
body.compact #container #local-navigation h3{
	padding-left:19px;
	margin-bottom:5px
}
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 */
.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;
}

form.add-link label{
	position:relative !important;
	left:auto !important;
	top:auto !important;
	text-align:left;
	padding-left:5px !important;
	margin-left:0 !important;
}

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

.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:20px;
	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;
}

#container #main-content fieldset legend{
	margin:0 0 4px;
	min-height:1.2em;
	padding-bottom:4px;
	padding-top:4px;
	white-space:normal;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	margin-left:0;
	padding-left:0;
}

#container #main-content fieldset legend span{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;	
	font-weight:bold;
	width:350px;
	float:left;
	clear:both
}
.template-4 #container #main-content fieldset legend span{
	width:516px;
	font-size:1.2em;
}


#container #main-content fieldset ol{
	padding-left:0;
	margin-left:0;
	clear:both;
	width:100%;
	
}

#container #main-content .cycleTraining fieldset ol ol.listcontrol{
	clear:none;
	float:left;
	width:60%;
	margin:0
}

#container #main-content .cycleTraining fieldset ol ol.listcontrol li label{
	text-align:left;
	float:left;
	margin-top:0
}
#container #main-content fieldset ol.moreOffers{
	clear:both;
	float:left;
	width:95%;
}

#container #main-content fieldset ol.moreOffers li{
	margin-bottom:5px;
	clear:both;
	float:left;
	width:100%;
}
.compact #container #main-content fieldset ol.moreOffers li label{
    width:90%;
    text-align:left
}
.compact #container #main-content fieldset ol.moreOffers li #markt{
    float:left;
}
#container #main-content fieldset ol li{
	list-style:none;
	margin-bottom:5px;
	border:0 !important
}
#container #main-content fieldset ol li label{
	width:145px;
	float:left;
	text-align:right;
	margin-right:5px;
}
#container #main-content fieldset ol.registerInterest li label {
	float:none;
}

#container #main-content fieldset ol.registerInterest li label.set-width {
	float:left;
}

	#container #main-content fieldset ol.registerInterest li ol li {
		background:none;
		padding-left:0;
	}

#container #main-content fieldset ol li span.error-message{
	display:block !important;
	clear:both;
}

#container #main-content fieldset ol li .error-message p{
	margin-bottom:0
}
#container #main-content .data-protection{
	clear:both;
	float:left;
	width:520px;
	margin-top:19px;
	padding-top:5px;
	border-top:1px solid #CCCCCC;
}
.compact #container #main-content .data-protection{
    width:100%;}
#container #main-content form .button-row {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	float:left;
	margin-bottom:10px;
}

/* weather display styles */
.degree-small{
	margin-bottom:0.3em;
}
 
 /* cycle guides page*/
 
body.template-4 #container #main-content #form{
	clear:both;
	background:none
}
body.template-4 #container #main-content .cycleGuidesForm{
	overflow:hidden;
	display:block;
}
body.template-4 #container #main-content .cycleGuidesForm ol li label{
	width:150px;
	text-align:right;
}
body.template-4 #container #main-content .cycleGuidesForm ol li .newline{
	display:block;
}

body.template-4 #container #main-content ol li.full-width{
	width:95%;
}

body.template-4 #container #main-content ol li.full-width input{
	float:left
}
body.template-4 #container #main-content ol li.full-width label{
	width:93%;
	text-align:left
}

.styled .guides-left, .styled .guides-right {
	float:none;
	margin-top:0px;
	margin-right:0px;
	width:100%;
}
.styled .guides-left {
	text-align:right;
}
.styled .guides-right {
	text-align:left;
}

.data-protection{
	clear:both
}

/* register your interest*/
.registerInterest li{
	list-style:none;
	clear:both;
	margin-bottom:5px;
}
.new_link_wrapper ol li label {
	float:left; 
	width:200px; 
	float:left;
	padding-right:5px;
	text-align:right;}
	
.styled fieldset ol {margin-bottom:0;}
.data-protection {margin-top:20px; background:transparent url(/tfl-global/images/dp-padlock.gif) top right no-repeat;}
#container #main-content fieldset.data-protection{background:none;}
#container #main-content fieldset.data-protection legend span{
	background:transparent url(/tfl-global/images/dp-padlock.gif) no-repeat;
	background-position:100% 0px ;
}
.button-row li.first {text-align:left; margin-left:0px; padding-left:5px;}

.new_link_wrapper ol.registerInterest li span.error-message{
	clear:both;
	float:left;
	margin-left:200px;
	width:230px;
}


/* win a bike*/
#main-content .promoPanel{
	clear:both;
	display:block;
	overflow:hidden;
	width:90%;
	margin-bottom:19px;
	padding-left:19px
}

#main-content .promoPanel .rounded-shadow-box{
	width:55.4%;
	margin-left:0;
	margin-left:30px;
	float:left;
	clear:none
}

#main-content .promoPanel .rounded-shadow-box .contentArea{
	width:241px
}
#main-content .promoPanel .rounded-shadow-box .contentArea h2{
	background:transparent url(/tfl-templates/cycling/images/shadow-divider-bot.gif) repeat-x left bottom;
	margin:0 0;
	padding:0 0 5px 5px;
	width:97%;
}
#main-content .promoPanel .rounded-shadow-box .contentArea p{
	padding-left:5px;
	margin:5px 0 0;
}
#main-content .promoPanel .rounded-shadow-box .contentArea .pagelinks{
	padding-left:5px;
	margin:10px 0 0 0;
}
#main-content .promoPanel .left{
	margin:0 0 0 19px;
	padding-right:0;
	width:150px;
}
#main-content fieldset ol li{
	list-style:none;
}
#main-content fieldset ol li label{
	float:left;
	width:200px;
}
#main-content .highlight-box{
	border: 1px solid #ccc;
	width:89%
}
#main-content .highlight-box h2{
	background:url(/tfl-global/images/global-nav-bg-dark.gif) repeat-x 0 -1px;
	color:#000
}

#main-content .highlight-box ul{
	margin:0
}
#main-content .highlight-box ul li{
	list-style:none;
	background:none
}
#main-content .highlight-box ul li .error-message{
	clear:both
}
input.button, input.green-button{
	background:url(/tfl-global/images/global-nav-bg-dark.gif) repeat-x 0 0;
	border:1px solid #b3b3b3;
	color:#000
}
#cycling_outer_wrapper .supplementaryContent{
	clear:both;
	float:left;
	width:100%;
}
#cycling_outer_wrapper .supplementaryContent p{
	clear:both;
}
 /* safari styles*/
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	.compact #sub-header span.jpHeader{
		margin:77px 0px 0 0;		
	}
	
}
#main-content .captioned-image{
    width:165px;
    line-height:1.1em;
    padding:2px 2px 23px;
}

.captioned-image img{
    margin-bottom:5px
}
#frame1{
    margin:10px 0 0 5px;
    *margin-left:15px;
}
.no-right-margin {
	margin-right: 0 !important;
}