/***** rotating banner *****/
ol#tkt-pager		{	margin:0 0 0 620px; padding:7px 7px 0 0; position:absolute; z-index:10000; height:20px;}
ol#tkt-pager li		{	margin:0px; padding:0px; float:left; list-style-type:none}
ol#tkt-pager li a	{ 
	border:1px solid #d2d2d2; 
	display:block; 
	padding:0px;
	width:20px;
	text-align:center;
	color:#6f6f6f;
	margin-left:5px;}

ol#tkt-pager li.pagerNonHighlight a 	{	background-color:#ebebeb;}
ol#tkt-pager li.pagerHighlight a 	{	background-color:#3497d5; color:#fff !important;}

.noShow{ visibility:hidden ;}
.tkt-slidehow { width: 100%; margin-bottom:2em;  }
.banner-panel			{	 width:100%;border:1px solid #cbcbcb; min-height:8em;}
* html .banner-panel  { /*   @ IE 6 & IE 7 Quirks Mode */height:8em;}

.banner-panel-left	{	float:left; width:400px; padding-left:150px; }
.banner-panel-right	{	float:right; width:130px; padding:50px 10px 0px 0;}

.banner-panel-left h3	{font-size:1.6em; color:#113B92; font-family:Arial, Helvetica, sans-serif;  padding:7px 0px 5px 0px;}
.banner-panel-left h3 a	{color:#113B92;}
.banner-panel-left p	{line-height:1.3em; padding:0 0 0 0; margin:0;}

.banner-panel-right p	{ 
	margin:0; 
	padding:6px 0px 0 0px; 
	height:32px;
	text-align:center;
	background:  url('../ticket-images/tkt-banner-link-top.gif') top left no-repeat; }
	
.banner-panel-right p a	{	
	display:block; 
	color:#696969;
	text-decoration:none;
	font-weight:bold;
	font-size:1.4em;
	line-height:1.2em;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px 0 6px 0px;
	background: url('../ticket-images/tkt-banner-link-bottom.gif') bottom left no-repeat;}

/**** homepage columns *****/

.tkt-four-col-wrapper				{ 	width:706px; float:left; height:50px; clear:both; margin-bottom:10px; background-color:#FFF  }
.tkt-four-col-wrapper.section-panel	{ 	background:url('../ticket-images/ticket-panel-shadow.jpg') bottom left repeat-x; padding-bottom:30px}
html>body .tkt-four-col-wrapper		{	height:auto; min-height:50px; overflow:hidden;}
.tkt-four-col-left-wrapper			{	float:left; width:543px; }
.tkt-three-col-wrapper				{	float:left; width:100%; height:50px }
html>body .tkt-three-col-wrapper	{	height:auto; min-height:50px; overflow:hidden;}
.tkt-four-col-right-wrapper			{	float:left; width:162px;}
.tkt-column							{	float:left; width:162px; padding-right:19px; }
.tkt-four-col-right-wrapper .tkt-column	{	padding-right:0px;  	 }
.borders	{ background: url('../ticket-images/tickets-1px-border.gif') 170px 0px repeat-y;}

.tkt-column h2	{	margin-bottom:0; border:0;}

.section-panel .tkt-column h2	{	
	margin-bottom:0; 
	border:0; 
	background-position:top left; 
	background-repeat:no-repeat;
	padding-bottom:0.5em}

.section-panel .tkt-column h2 a{	display:block; padding-top:115px; }
.section-panel .tkt-column .no-padding { padding-top:5px; }

ul.linklist li.mimic-h2	{	
	background: none;
	padding-left: 0px;}
	
ul.linklist li.mimic-h2 a span	{	
	float:left;
	background:url('../images/green-bullet.gif') no-repeat 0 7px;
	padding-left: 8px;
	cursor:pointer; }
	
ul.linklist li.mimic-h2 a span.mimic-h2	{	
	background:none; 
	padding-left:0;
	color:#113B92;
	text-decoration:none; 
	display:block; 
	font-size:1.3em; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	margin:1em 0 0.3em 0;}
	
.tkt-promo	{	
	width:145px; 
	background:url('../ticket-images/ticket-promo-panel-bottom.jpg') bottom left no-repeat; 
	padding:0 8px 5px 9px;
	/*ie6*/_padding:0 0 5px 9px;
	height:75px;
	margin-bottom:25px;}
	
html>body .tkt-promo	{	height:auto; min-height:75px; overflow:hidden;}	

.tkt-promo-top	{	
	width:145px; 
	background:url('../ticket-images/ticket-promo-panel-top.jpg') top left no-repeat; 
	margin:0 0px 3px -9px; 
	padding:8px 8px 0 9px;}
	
.tkt-promo h3	{ 
	background:url('../images/green-bullet.gif') 0px 5px no-repeat; 
	font-family:Verdana, Geneva, sans-serif;
	padding:0 0 3px 10px; 
	margin:0;
	line-height:1.2em}
.tkt-promo h3 a	{	color:#113B92;text-decoration:none}
.tkt-promo p		{	line-height:1.2em; margin:0; padding:0 0 0 50px; background-position:top left; background-repeat: no-repeat; height:35px}
html>body .tkt-promo p	{	height:auto; min-height:35px; overflow:hidden;}

.info-panel	{	
	width:144px;
	background:url('../ticket-images/tickets-panel-gradient.jpg') top left repeat-x ; 
	 padding:9px;
	margin-bottom:5px;
		margin-left: 0px;
	float:left;}
	
.info-panel p	{line-height:1.2em;}	
.info-panel h2{
	 padding-bottom:7px !important;
	 background: url(../ticket-images/light-bevel.gif) repeat-x 0px 22px;  
	 border: none;
	 margin-bottom: 4px !important;}

.info-panel.centerd-promo		{	text-align:center !important; }
.info-panel.centerd-promo h2	{	background:none; font-size:1.4em; color:#113B92;}

/********** breacdcrumbs ***********/

#tkt-breadcrumbs			{	height:20px; margin-bottom:20px;}
html>body #tkt-breadcrumbs{	height:auto; min-height:20px; overflow:hidden;}
#tkt-breadcrumbs ol		{	list-style-type:none; margin:0; padding:0;}
#tkt-breadcrumbs ol li	{	
	margin:0; 
	padding:0; 
	float:left; 
	font-size:1.9em; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif; color:#565656;
	list-style-type:none;
	background:none;}
	
#tkt-breadcrumbs ol li a	{	
	font-weight:normal; 
	padding-right:12px; 
	margin-right:5px;
	background:url('../ticket-images/tickets-breadcrumb.gif') center right no-repeat;}

/***** section navigation links *****/
/***** section navigation links *****/
.tkt-section-navigation		{	height:20px; margin-bottom:20px;  }
html>body .tkt-section-navigation	{height:auto; min-height:20px; overflow:hidden;}
.tkt-section-navigation ul	{	list-style-type:none; margin:0; padding:0;}
.tkt-section-navigation ul li	{	
	margin:0; 
	padding:0; 
	float:left;
	background:none; 
	font-size:1.3em; 
	font-family:Arial, Helvetica, sans-serif;
	background:url('../ticket-images/tickets-navigation.gif') 0px 3px no-repeat;
	text-align:center;}

.tkt-section-navigation ul li a		{	display:block; padding:0 8px 0 10px; }
.tkt-section-navigation ul li.first a	{padding:0 8px 0 0px;}
/**** small tabs, add class: "small-tabs" to "tkt-wrapper" div to casccade "tkt-wrapper small-tabs" *****/

.tkt-section-navigation.small-tabs ul li	{	
	width:140px;
	background:url('../ticket-images/tickets-navigation.gif') 0px 10px no-repeat;
	height:35px;}

html>body .tkt-section-navigation.small-tabs ul li	{	height:auto; min-height:35px; overflow:hiden; }
.tkt-section-navigation.small-tabs ul li a			{	display:block; padding:0 0px 0 5px; }
.tkt-section-navigation ul li.active,
.tkt-section-navigation.small-tabs ul li.active		{	font-weight:bold; font-size:1.25em; color:#000}
.tkt-section-navigation ul li.active a,
.tkt-section-navigation.small-tabs ul li.active a	{	 color:#000}
.tkt-section-navigation ul li.first,
.tkt-section-navigation.small-tabs ul li.first		{	background:none;}
.tkt-section-navigation.small-tabs ul li.first		{	/*margin-left:-6px*/}
.tkt-section-navigation.small-tabs ul li.first a	{	padding:0 0px 0 0px;}



/***** section navigation cards *****/
.tkt-card-nav				{ 	
	background-color:#4f4f4f; 
	height:120px; 
	width:744px;
	margin:0 -19px 0px -19px;
	position:relative;
	display:inline-block}
	
html>body .tkt-card-nav		{	height:auto; min-height:120px; overflow:hidden;}

.tkt-card-nav-txt	{ 	
	background:#565656 url('../ticket-images/tkt-card-nav-bg.jpg') bottom left repeat-x; 
	height:23px; 
	padding:8px 0 0 20px;
	margin-bottom:15px;}
html>body .tkt-card-nav-txt	{	height:auto;min-height:23px; overflow:hidden;}
.tkt-card-nav-txt p	{	
	font-weight:bold; 
	color:#fff; 
	font-size:1.4em; 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif;
	width:300px; }

#tkt-card-nav-inner	{	display:block; padding:0 20px 0 20px; }
.tkt-card-nav ul	{	
	margin:0; 
	padding:0; 
	list-style-type:none; 
	height:66px; }
	
.tkt-card-nav ul li	{	
	margin:0; 
	padding:0; 
	line-height:1.7em;
	list-style-type:none; 
	background-image:none; 
	float:left; 
	margin:0 5px 0 5px;
	_margin:0 4px 0 5px;
	width:78px;
	height:66px;
	padding-bottom:10px;}
	
.tkt-card-nav ul li a				{	display:block; background-color:blue;width:78px;height:66px; text-decoration:none !important}

.tkt-card-nav ul li.tkt1 a			{ 	background:url('../ticket-images/nav-card-oyster.gif') no-repeat; }
.tkt-card-nav ul li.tkt2 a			{ 	background:url('../ticket-images/nav-card-student.gif') no-repeat; }
.tkt-card-nav ul li.tkt3 a			{ 	background:url('../ticket-images/nav-card-freedom.gif') no-repeat; }
.tkt-card-nav ul li.tkt4 a			{ 	background:url('../ticket-images/nav-card-veteran.gif') no-repeat; }
.tkt-card-nav ul li.tkt5 a			{ 	background:url('../ticket-images/nav-card-zip.gif') no-repeat; }
.tkt-card-nav ul li.tkt6 a			{ 	background:url('../ticket-images/nav-card-bus.gif') no-repeat; }
.tkt-card-nav ul li.tkt7 a			{ 	background:url('../ticket-images/nav-card-new-deal.gif') no-repeat;}
.tkt-card-nav ul li.tkt8 a			{ 	background:url('../ticket-images/nav-card-paper.gif') no-repeat; }

.tkt-card-nav ul li a:hover, .tkt-card-nav ul li.active a{	background-position: -78px 100%;text-decoration:none !important}
.tkt-card-nav ul li a span			{	position:absolute;  margin-left:-2000px; left:0; height:20px; }
.tkt-card-nav ul li a:hover span	{	
	position:absolute; 
	margin-left:320px;  
	color:#b3d6f6; 
	font-weight:normal; 
	font-size:1.3em; 
	text-decoration:none;
	width:410px !important;
	margin-top:-40px;}

.tkt-card-nav ul li.active { background: url('../ticket-images/tkt-card-nav-active.gif') center bottom no-repeat;}
/********** introduction panel **********/
#tkt-intro{	
	width:100%; 
	display:block;
	background:#D3E5FB url('../ticket-images/tickets-intro-gradient.jpg') top left repeat-x; 
	height:180px; 
	padding:10px 0 10px 0;}
	
html>body #tkt-intro	{	height:auto; min-height:180px; overflow:hidden;}

#tkt-intro-img		{	float:left; display:block; width:200px;padding:0px 20px 10px 15px;}
#tkt-intro-wrapper		{	float:left; width:460px;}
#tkt-intro-wrapper p	{	margin:10px 0 0 0; }
#tkt-intro-wrapper ul	{	margin:0 0 10px 0;}
#tkt-intro-wrapper h2	{	border:0px;}
.sticker-this-year {background: url(/tfl-templates/tickets/images/round-sticker-2010.png) 100% 20% no-repeat }
.sticker-next-year {background: url(/tfl-templates/tickets/images/round-sticker-2011.png) 100% 20% no-repeat }



.sticker-2010 li, .sticker-2011 li {
	 width: 320px
}

#tkt-intro-optional	{	
	width:170px; 
	float:right; 
	height:50px;
	background:url('../ticket-images/tickets-intro-optional-top.gif') top left no-repeat;
	padding-top:8px;
	text-align:center !important;
	margin-left:10px}
	
html>body #tkt-intro-optional	{	height:auto; min-height:50px; overflow:hidden;}
#tkt-intro-optional-bottom	{	
	background:url('../ticket-images/tickets-intro-optional-bottom.jpg') bottom left no-repeat; 
	height:100px	}

html>body #tkt-intro-optional-bottom	{height:auto; min-height:100px; overflow:hidden;}

#tkt-intro-optional-inner	{	
	background:url('../ticket-images/tickets-gradient-grey.jpg') top left repeat-x; 
	width:141px;
	padding:0 10px 0 10px;
	text-align:left;
	margin:0 4px 10px 5px;
	height:180px}
	
html>body #tkt-intro-optional-inner	{	height:auto; min-height:180px; overflow:hidden;}
#tkt-intro-optional-inner p	{	margin-top:0;}
#tkt-intro-optional-inner h2	{
	border-bottom:1px solid #dbdbdb;
	padding-bottom:5px;
	font-size:1.3em}

#tkt-intro-optional-inner ul	{	margin-bottom:10px;}
.tkt-intro-optional-blue	{
	background-color:#e8f2fd; 
	padding:5px;
	line-height:1.2em; 
	text-align:center;}
	
p.tkt-apply-lnk	{ 
	border:2px solid #666; 
	display:block; 
	font-size:1.1em;
	width:110px;
	background:#f7f7f7 url('../ticket-images/tickets-apply-lnk.jpg') top left repeat-x;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-bottom:10px !important;}
	
p.tkt-apply-lnk a	{	
	color:#000; 
	font-weight:bold; 
	display:block; 
	padding:0px 0 2px 5px; 
	background:url('../ticket-images/tickets-apply-lnk-img.gif') 90px 5px no-repeat;}
	
/******************** tabbed content ********************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	 .tkt-tabs-wrapper .ui-tabs-hide {
		  display: none !important;
	 }
}

/* Hide useless elements in print layouts... */
@media print {
	 .tkt-tabs-wrapper .ui-tabs-nav {
		  display: none;
	 }
}

.tkt-tabs-wrapper .ui-tabs-nav {
	 list-style: none;
	position: relative; 
	 padding: 0 0 0px 3px; 
	margin:0;
	height:33px;
	width:703px; 
	background:#D3E5FB url(../ticket-images/tickets-tab-ul-bg.jpg) bottom left repeat-x;}
	
* html .tkt-tabs-wrapper .ui-tabs-nav { height:22px;}

.tkt-tabs-wrapper .ui-tabs-nav li { 
	float: left; 
	display:block;
	padding: 0px;
	margin:0px;
	background: url(../ticket-images/tkt-tab-inactive-left.jpg) top left no-repeat;
	font-weight:bold;
	text-align:center;
	list-style-type: none;
	line-height:1.3em;}
	
.tkt-tabs-wrapper .ui-tabs-nav li a { 
	text-decoration: none; 
	display:block;
	float:left;
	height:33px;
	background: url(../ticket-images/tkt-tab-inactive-right.jpg) top right no-repeat;
	padding:11px 10px 0 10px;
	color:#565656;}

* html .tkt-tabs-wrapper .ui-tabs-nav li a { height:22px;}

.tkt-tabs-wrapper .ui-tabs-nav li.ui-tabs-selected { background: url(../ticket-images/tkt-tab-active-left.jpg) top left no-repeat; margin-top:3px;}

.tkt-tabs-wrapper .ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(../ticket-images/tkt-tab-active-right.jpg) top right no-repeat;
	padding:9px 10px 0 10px;}


.tkt-tabs-wrapper .ui-tabs-nav li a, 
.tkt-tabs-wrapper.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {  clear:both;  }
.ui-tabs .ui-tabs-hide { display: none !important; }


.tkt-tabs-wrapper .ui-tabs-nav .ui-tabs-selected a:link, 
.tkt-tabs-wrapper .ui-tabs-nav .ui-tabs-selected a:visited,
.tkt-tabs-wrapper .ui-tabs-nav .ui-tabs-disabled a:link, 
.tkt-tabs-wrapper .ui-tabs-nav .ui-tabs-disabled a:visited {    cursor: text;}

.tkt-tabs-wrapper .ui-tabs-nav a:hover, 
.tkt-tabs-wrapper .ui-tabs-nav a:focus, 
.tkt-tabs-wrapper .ui-tabs-nav a:active	{text-decoration:underline; border:none;}



/***** small tabs *****/

.tkt-tabs-wrapper.wrap-tabs	{ }

.tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav {height:43px;}
* html .tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav { height:32px;}

.tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav li { 	background: url(../ticket-images/tkt-tab-small-inactive-left.jpg) top left no-repeat; }
* html .tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav li{ width:80px;}

.tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav li a {  
	height:43px;
	background: url(../ticket-images/tkt-tab-small-inactive-right.jpg) top right no-repeat;
	width:80px;
	padding:9px 10px 0 10px;}

* html .tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav li a { height:32px; }

.tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(../ticket-images/tkt-tab-small-active-left.jpg) top left no-repeat; margin-top:3px;}
.tkt-tabs-wrapper.wrap-tabs .ui-tabs-nav li.ui-tabs-selected a{ 
	background: url(../ticket-images/tkt-tab-small-active-right.jpg) top right no-repeat;
	padding:7px 10px 0 10px;}
	

/**************************************************************************/
.tkt-clear	{clear:both;}
#tkt-tabs	{ width:706px; float:left     }
.tkt-left-col				{	float:left; margin-top:20px; width:705px;  }
.tkt-left-col.with-column	{	width:530px;}
.tkt-right-col				{	float:right; width:162px; margin-top:10px;  }
.tkt-right-col .info-panel	{	width:144px;}

/*********************** tables **************************************/

ul.table-bookmarks	{	margin:0; padding:10px 0 10px 0;}
ul.table-bookmarks li	{	
	margin:0; 
	padding:0; 
	list-style-type:none; 
	background:none; 
	float:left; 
	padding:0 5px 0 7px; 
	background:url(../ticket-images/tkt-seperator-grey.gif) center left no-repeat;}
ul.table-bookmarks li.first	{	background-image:none; padding-left:0;}
ul.table-bookmarks li a	{}

table.tkt-fares	{ border-collapse:collapse; background-color:none}
table.tkt-fares caption	{	
	text-align:left; 
	font-weight:bold; 
	font-size:1.3em; 
	font-family:Arial, Helvetica, sans-serif; 
	font-style:normal; padding:10px 0 10px 0;}
table.tkt-fares th	{ padding:1px; vertical-align:top;	}
table.tkt-fares th span.th-left		{	float:left  }
table.tkt-fares th span.th-right	{	float:right; display:block; width:10px; text-align:right;}
table.tkt-fares td	{background-color:none}
table.tkt-fares th.tkt-col-oyster	{ 
	background:#cbe2fc url(../ticket-images/tkt-col-oyster.jpg) top left repeat-x;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc !important;}

.tkt-col-1	{	width:11%;  }
.tkt-col-2	{	width:7%; }
.tkt-col-3	{	width:10%; }
.tkt-col-4	{	width:12%; }
.tkt-col-5	{	width:12%; }
.tkt-col-6	{	width:12%; }
.tkt-col-7	{	width:10%; }
.tkt-col-8	{	width:12%;}
.tkt-col-9	{	width:7%; }
.tkt-col-10	{	width:8%; }
.tkt-col-11	{	width:7%; }

table.tkt-fares th span.th-right a.whatsthis	{	 
	width:12px; 
	height:12px; 
	background:url(../ticket-images/tkt-tooltip-inactive.gif) top left no-repeat;
	float:right;
	margin:1px 1px 0 0 ;}
	
table.tkt-fares th span.th-right a.whatsthis span	{	position:absolute; left:-2000px;}
table.tkt-fares th span.th-right a.whatsthis:hover	{	background:url(../ticket-images/tkt-tooltip.gif) top left no-repeat;}

.over	{	background-color:#edf5fe}

table.tkt-fares tr.alt td	{	background-color:#000}
table.tkt-fares tr.over td	{	background-color:#edf5fe}




.table-overview {
	 clear: both;
	 padding: 0 0 1em 0;
	/* background: url(../ticket-images/tickets-panel-gradient.jpg) repeat-x */
}

.table-overview img {
	 float: right;
}


.table-overview ul, .table-overview p {
	 margin: 0;
}


.table-overview h2 {
	 margin: 0;
	 border-bottom: 0;
}


.tkt-fares caption {
	 display: none;
}

.tkt-fares td {
 border-right: 1px dashed #e0e0e0
}

.tkt-fares tr td:first-child {
 font-weight: bold;
padding: 0.5em;
}