/* TTC Homepage Quick Link Styles */
#ttc-grid-content.homepage {background: url("/images/fixedImages/ttc-homepage-main-bg.gif") repeat-y 0 0;margin: 0 0 0 0;padding:0 0 10px 0;} 

#ttc-grid-content.homepage #ttc-quicklinks-schedules-maps {float:left;width: 188px;_width: 170px;padding: 0 0 0 0;background: #FFF url("/images/fixedImages/ttc-homepage-nav-bg.gif") repeat-x 0 40px ;border-left: none; position:relative;}

#ttc-grid-content.homepage #ttc-quicklinks-fares-passes, #ttc-grid-content.homepage #ttc-quicklinks-riding-ttc {float:left;width: 188px;_width: 170px;padding: 0 0 0 0;background: #FFF url("/images/fixedImages/ttc-homepage-nav-bg.gif") repeat-x 0 40px;border-left: 1px solid #d4ebf1;  position:relative;} 

#ttc-grid-content.homepage #ttc-quicklinks-service-alerts {float:left;width: 188px;_width: 170px;padding: 0 0 0 0;background: #FFF url("/images/fixedImages/ttc-homepage-nav-bg.gif") repeat-x 0 40px;border-left: 1px solid #bfd3dc;border-right: none; position:relative;} 

#ttc-grid-content.homepage ul {list-style: none;padding: 4px 0 0 10;overflow: hidden;} 
#ttc-grid-content.homepage ul li {/*width: 163px;*//*font-size: 92%;*/line-height: 1.2em;overflow: hidden;/*margin: 0 4px 0 0;*/padding: 3px 0 3px 1.3em;background: url("/images/fixedImages/ttc-homepage-list-indicator.gif") no-repeat .6em .6em;} 
#ttc-grid-content.homepage ul li a:hover, #ttc-grid-content.homepage ul li a:focus {text-decoration: underline;} 
#ttc-grid-content.homepage ul#schedules-maps {margin: 0 0 0 0;padding:10px 0 0 0;}
#ttc-grid-content.homepage ul#schedules-maps li {background:none;}
#ttc-grid-content.homepage ul#schedules-maps li img {vertical-align:middle;margin-right:10px;}
#ttc-grid-content.homepage ul#schedules-maps li a:hover img{text-decoration:none;}
#ttc-grid-content.homepage #ttc-quicklinks-service-alerts ul {clear: both;display: block;margin: .5em 0 0 0;} 

#ttc-grid-content.homepage ul#schedules-maps li.busses_bg a{background:url("/images/fixedImages/bus_icon.gif") no-repeat top left; padding: 8px 0 8px 30px;display:block;}
#ttc-grid-content.homepage ul#schedules-maps li.streetcars_bg a{background:url("/images/fixedImages/streetcar_icon.gif") no-repeat top left; padding: 8px 0 8px 30px;display:block;}
#ttc-grid-content.homepage ul#schedules-maps li.subway_bg a{background:url("/images/fixedImages/subway_icon.gif") no-repeat top left; padding: 8px 0 8px 30px;display:block;}
#ttc-grid-content.homepage ul#schedules-maps li.maps_bg a{background:url("/images/fixedImages/map_icon.gif") no-repeat top left; padding: 8px 0 8px 30px;display:block;}

     


/* IE SPECIFIC UL Width hacks */
#ttc-grid-content.homepage #ttc-quicklinks-fares-passes ul{margin-top:8px;}
#ttc-grid-content.homepage #ttc-quicklinks-fares-passes ul li {_width: 162px;}
#ttc-grid-content.homepage #ttc-quicklinks-riding-ttc ul{margin-top:8px;}
#ttc-grid-content.homepage #ttc-quicklinks-riding-ttc ul li {_width: 162px;}
#ttc-grid-content.homepage #ttc-quicklinks-service-alerts ul li {*width: 160px;}

#ttc-grid-content.homepage #ttc-quicklinks-service-alerts h4 {font-size: 118%;line-height: 1.2em;color: #fff;background-color: #ba0202; /*---background: url("/images/fixedImages/ttc-service-alert-h-bg.gif") repeat-x 0 0;--> /*width: 165px;*width: 160px;*/margin: 10px 0 6px 4px;padding: 2px 0 2px 10px;}
#ttc-grid-content.homepage #ttc-quicklinks-riding-ttc h4 {font-size: 118%;line-height: 1.2em;color: #fff;background-color: #185594;background: url("/images/fixedImages/ttc-riding-ttc-h-bg.png") repeat-x 0 0;/*width: 165px;*width: 160px;*/margin: 10px 0 6px 4px;padding: 2px 0 2px 10px;}


/* Styling for heading backgrounds */
.right-column-purple{ background-color:#4d3194 !important; /*---background: url('/images/fixedImages/ttc-riding-ttc-h-bg.png') repeat-x 0 0 !important; ---*/ }

.orange-header{ background-color:#c94d00 !important; /*---background: url("/images/fixedImages/ttc-riding-ttc-o-bg.png") repeat-x 0 0 !important; ---*/}

.right-column-blue{ background-color:#185594 !important; /*---background: url("/images/fixedImages/ttc-schedule-h-bg.gif") repeat-x 0 0 !important; ---*/}

p.center{text-align:center;}

/* TTC Homepage small promos */
#ttc-schedule-search {width: 170px;*width: 160px;margin: 6px 0 0 0;padding: 0 0 0 5px;}
#ttc-schedule-search h4 {font-size: 118%;line-height: 1.4em;color: #fff;background-color: #185594;/*---background: url("/images/fixedImages/ttc-schedule-h-bg.gif") repeat-x 0 0;---*/ width: 165px;*width: 160px;margin: 0 0 6px 4px;padding: 2px 0 2px 10px;}
#ttc-reginal-trip-planner h4 {font-size: 118%;line-height: 1.2em;color: #fff;background-color: #185594;background: url("/images/fixedImages/ttc-schedule-h-bg.gif") repeat-x 0 0;width: 165px;*width: 160px;margin: 0 0 6px 4px;padding: 2px 0 2px 10px;}
#ttc-trip-planner h4 {font-size: 118%;line-height: 1.2em;color: #fff;background-color: #185594;/*---background: url("/images/fixedImages/ttc-schedule-h-bg.gif") repeat-x 0 0;---*/ width: 165px;*width: 160px;margin: 0 0 6px 4px;padding: 2px 0 2px 10px;}
#widget-test h4 {font-size: 118%;line-height: 1.4em;color: #fff;background-color: #185594;/*---background: url("/images/fixedImages/ttc-schedule-h-bg.gif")  repeat-x 0 0;---*/ width: 210px;*width: 210px;margin-left:9px; padding: 2px 0 2px 10px;}


#ttc-schedule-search label {color: #000;/*font-size: 92%;*/display: block;margin: 0 0 0 13px;} 
#ttc-schedule-search input#ttc-route-search {width: 66px;height: 16px;/*font-size: 92%;*/border: 1px solid #676662;float: left;margin: 7px 5px 10px 13px;padding: 2px 0 0 3px;background: url("/images/fixedImages/ttc-homepage-routesearch-bg.gif") repeat-x 0 0;} 
#ttc-cash-fares, #ttc-ece {width: 175px;*width: 165px;margin: 6px 0 0 0;padding: 0 0 0 5px;}
#ttc-cash-fares h4 {font-size: 118%;line-height: 1.2em !important;color: #fff !important;background-color: #367615 !important;/*---background: url("/images/fixedImages/ttc-fares-h-bg.gif") repeat-x 0 0---*/ !important;*width: 160px;margin: 10px 0 6px 4px !important;*margin: 14px 0 6px 4px !important;_margin: 8px 0 6px 4px !important;padding: 2px 0 2px 10px !important;}
#ttc-cash-fares dl#ttc-fares {/*font-size:92%;*/}
#ttc-cash-fares dl#ttc-fares dt {margin:0 0 0 5px;clear:both;font-weight:normal;} 
#ttc-cash-fares dl#ttc-fares dd {float:left;margin-left:110px;_margin-left:56px;margin-bottom:-1em;width:93px;position:relative;top:-1.2em;text-align:right;}
#ttc-cash-fares ul li {padding: 5px 0 4px 10px !important;background: url("/images/fixedImages/ttc-homepage-list-indicator.gif") no-repeat 4px .6em !important;} 
#ttc-upcoming-meetings ul {list-style: none;padding: 4px 0 0 10px !important;overflow: hidden;} 

/* TTC Homepage Generic Promo Style */
.ttc-home-promo {width: 170px;margin: 5px 0 10px 8px;padding: 10px 0 0 5px;border-top: 1px solid #d4ebf1;/*font-size: 92%;*/ clear:both;}  

/* TTC Homepage Main Promos Styles */
#ttc-homepage-secondary-content {border-top: 1px solid #E0EEF1;/*background:url("/images/fixedImages/ttc-homepage-promo-bg.gif") repeat-x 0 0;*/text-align: left;} 
#ttc-homepage-promos {width: 756px;margin-left: auto;margin-right: auto;*height: 1%;padding: 10px 0 0 0;/*border-top: 1px solid #E0EEF1;background:url("/images/fixedImages/ttc-homepage-promo-bg.gif") repeat-x 0 0;*/ margin-top:-1px;}
#ttc-homepage-promos:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;} 
#ttc-homepage-promos .promo {width: 370px;/*float: left;*/padding: 0 0 10px 1px; margin-top: 10px;} 
#ttc-homepage-promos .promo img {float: left;background-color: #fff;padding: 3px 3px 3px 3px;border: 1px solid #d2e1e8; margin-left:8px;} 
#ttc-homepage-promos .promo .promo-content {float: right;padding: 0px 10px 0px 6px;width: 210px;} 
#ttc-homepage-promos .promo .promo-content h3 {/*font-size: 92%;*/color: #0F50A4;margin: 0 0 5px 0;} 
#ttc-homepage-promos .promo .promo-content p {margin: 0 0 5px 0;/*font-size: 92%;*/line-height: 1.4em;} 
#ttc-homepage-promos .promo .promo-content ul {list-style: none;} 
#ttc-homepage-promos .promo .promo-content ul li {line-height: 1.2em;overflow: hidden;margin: 0 5px 0 5px;padding: 2px 0 1px .6em;background: url("/images/fixedImages/ttc-homepage-list-indicator.gif") no-repeat 0 .6em;} 
#ttc-homepage-promos .promo .promo-content ul li a{font-weight:normal;} 
#ttc-homepage-promos .promo .promo-content ul li a:hover{text-decoration:underline;} 
#ttc-homepage-promos .promo .promo-content h4 {margin: 0 0 5px 0; font-weight:bold;font-size:110%;font-family:trebuchet ms, verdana, helvetica, sans-serif; border:none;line-height:1.2em;} 


#ttc-homepage-promos .promo .promo-content ul.promolinks {list-style: none;} 
#ttc-homepage-promos .promo .promo-content ul.promolinks li {width:120px;/*font-size: 92%;*/margin: 0 5px 0 5px;padding: 2px 0 1px .6em;background: url("/images/fixedImages/ttc-homepage-list-indicator.gif") no-repeat 0 .45em; float:left;} 




/* homepage Override Styles */
.ttc-service-alert {width: 179px;*width: 177px;min-height: 3em;margin: .6em 0 5px 5px;}


/* homepage main nav */

/* TTC Main Global Navigation Styles Start */	 
.navhead {display:block; width:188px; _width: 182px;height:2.5em;border-top:1px solid #bfd3dc; border-bottom:1px solid #bfd3dc; border-left:1px solid #97ABB2; text-align:center; background-color:#fff; 
background:#fff url("/images/fixedImages/ttc-main-nav-bg.gif") no-repeat bottom center; padding-top:5px;}

.navhead.navfirst {border-left:1px solid #bfd3dc;}
.navhead.navlast {border-right:1px solid #bfd3dc;}

#ttc-main-header ul#utility-nav li.utility-active h2 span.first {color:#f6dc49;text-decoration:none;padding:0 8px 0 10px;border-left:none;}
#ttc-main-header ul#utility-nav li.first a, #ttc-main-header ul#utility-nav li a h2 span.first, #ttc-main-header ul#utility-nav li span.first a, #ttc-main-header ul#utility-nav li.first a:visited, #ttc-main-header ul#utility-nav li span.first a:visited {border-left:none;} 



h3 a .navhead, h3 a .navhead.first ,h3 a .navhead.first{font-size:120%;color:#000; font-weight:normal;}

h3 a:hover .navhead , h3 a:hover .navhead.first, h3 a:hover .navhead.last, h3 a:focus .navhead , h3 a:focus .navhead.first, h3 a:focus .navhead.last {text-decoration:underline;cursor:pointer;_cursor:hand;}

/*next vehicle styles*/
#ttc-grid-content.homepage #ttc-quicklinks-service-alerts p.next-vehicle{font-weight:bold;margin:0 0 10px 5px;}
#ttc-grid-content.homepage #ttc-quicklinks-service-alerts a.fav-stop{margin-left:5px;}
#nvas_refresh_time {text-align:left; clear:both; margin:10px 0 0 5px; font-size:92%; color:#535353;} 


/*------------1024 HOMEPAGE CSS--------------*/

#ttc-grid-content.homepage {background: url("/images/fixedImages/ttc-homepage-main-1024bg.gif") repeat-y 0 0; }
#ttc-grid-content.homepage #ttc-quicklinks-schedules-maps {width: 238px;_width: 238px;}
#ttc-grid-content.homepage #ttc-quicklinks-fares-passes, #ttc-grid-content.homepage #ttc-quicklinks-riding-ttc {width: 238px;_width: 238px;} 
#ttc-grid-content.homepage #ttc-quicklinks-service-alerts {width: 238px;_width: 238px;} 
#ttc-schedule-search {width: 238px;*width: 220px;}
#ttc-schedule-search h4 {width: 210px;*width: 210px;}
#ttc-cash-fares, #ttc-ece {width: 238px;*width: 220px;}
#ttc-cash-fares h4, #ttc-ece h4{width: 210px;}
.ttc-home-promo {width: 213px;}  
#ttc-homepage-promos {width: 477px;}
#ttc-homepage-promos .promo {width: 476px;}
#ttc-homepage-promos .promo .promo-content {width: 290px;} 
#ttc-quicklinks-service-alerts .ttc-service-alert {width: 228px;*width: 220px;}
.navhead {width:238px;_width: 237px;}
#ttc-grid-content.homepage ul.service-alert-last li { width: 238px; *width:228px;} 
#ttc-grid-content.homepage #ttc-quicklinks-service-alerts ul li {*width: 228px;_width:200px;}
#ttc-schedule-search input#ttc-route-search {width:145px;*width:135px;_width:135px;height: 16px;font-size: 92%;border: 1px solid #676662;float: left;margin: 7px 5px 10px 13px;padding: 2px 0 0 3px;background: url("/images/fixedImages/ttc-homepage-routesearch-bg.gif") repeat-x 0 0;} 
#ttc-schedule-search h4, #ttc-trip-planner h4, #ttc-next-vehicle h4, #ttc-regional-trip-planner h4 {width:210px;}
input#trip-plan-start, input#trip-plan-end{width : 158px;}
#ttc-trip-planner label, #ttc-next-vehicle label{width:212px;} 

#ttc-footer{margin:0;}
	
#ttc-sub-footer{
	background:#e9e9e9;
	border-top: 
	2px solid #a7abac;
	padding-top:10px;
}

/*--------PanAm Banner------------*/
#panam-banner{
                margin:4px auto;
                height: 113px;
                width: 960px;
                background: url('%2472190') no-repeat;
                cursor: hand;
            }
			
			#panam-banner a{
				display:block;
				height: 113px;
                width: 960px;
				}
		
			.panamcopy1{
                color:#00b3f1;
                font-family:Arial, Helvetica, sans-serif;
                font-size: 16px;
                font-weight: bold;
                cursor: hand;
				height:50px;
				width:140px;
				margin:35px 0 0 220px;                 
            }
				
			.panamcopy2{
                color:#f15921;
                font-family:Arial, Helvetica, sans-serif;
                font-size: 16px;
                font-weight: bold;
                cursor: hand;
				height:50px;
				width:180px;
				margin:45px 0 0 20px;                  
            }
				
			.pandateA{
                                
                cursor: hand;
				font-family:Arial, Helvetica, sans-serif;
				height:50px;
				width:100px;
				text-align:center;
				margin:23px 0px 0px 0px;
				float:left;        
            }
			
			.pandate1{
                color: White;
                font-size: 40px;
                font-weight: lighter;
				line-height:1em;		                  
            }
			
			.pandateB{
                                
                cursor: hand;
				font-family:Arial, Helvetica, sans-serif;
				height:50px;
				width:100px;
				text-align:center;
				margin:23px 0px 0px 0px;
				float:left;                  
            }
			
			.pandate2{
                color: White;
                font-size: 40px;
                font-weight: lighter;
				line-height:1em;		                  
            }
			
			.pandays{
				font-size:13px;
				width:70px; 
				color:white; 
				font-weight:bold;
			}

            a { text-decoration: none; }
/*------------------------------------------------------*/

#ttc-central-column {width:200%;}
.banner {
	position: relative;
	width: 477px;
	height: 325px;
	overflow: hidden;
	
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	padding-left: 0px;
	color: rgba(255,255,255,.6);
	margin:0;
	/*text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);*/
	
	/*background: #5b4d3d;*/
	/*box-shadow: 0 1px 2px rgba(0,0,0,.25);*/
}
	.banner ul {
		list-style: none;
		/*width: 400%;*/
		padding: 0 !important;
		margin: 0 !important;
	}
	.banner ul li {
		display: inline-block;
		position: relative;
		float: left;
		width: 477px !important;
		/*padding: 160px 0 110px;*/
		padding: 0 !important;
		min-height: 325px;
		margin: 0 !important;
		padding-left: 0;
		text-align: left;
		
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		background-size: 100% 100%;
		
		/*box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);*/
	}
	
	.banner ul li a:hover{
		text-decoration: underline!important;
		color: #fff;
	}
	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;
		
		color: #fff;
	}
	
	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: relative;
		left: 0;
		right: 0;
		bottom: 118px;
		height: 25px;
		/*padding-top: 6px;*/
		background: rgba(0,0,0,0.7);
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 10px;
			background-color: #fff;
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 20px;
			margin-top: 5px;
			cursor: pointer;
			opacity: .9;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #434343;
				opacity: 1;
			}
#ttc-grid-content2 {width: 956px;margin: 0 auto 0 auto;padding:0 0 10px 0; text-align:left;}
#ttc-grid-content2:after { clear:both; display:block; content:"."; height:0; visibility:hidden; }
#ttc-grid-content2 > div {width: 238px; float: left; padding: 0 0 0 0; position: relative;}
#ttc-grid-content2 ul {list-style: none;padding: 4px 0 0 0;overflow: hidden;} 
#ttc-grid-content2 ul li {/*width: 163px;*//*font-size: 92%;*/line-height: 1.2em;overflow: hidden;/*margin: 0 4px 0 0;*/padding: 3px 0 3px 1.3em;background: url("/images/fixedImages/ttc-homepage-list-indicator.gif") no-repeat .6em .6em;} 
#ttc-grid-content2 ul li a:hover, #ttc-grid-content2 ul li a:focus {text-decoration: underline;} 
#ttc-grid-content2 h4 {font-size: 118%;line-height: 1.2em;color: #fff;background-color: #185594;background: url("/images/fixedImages/ttc-riding-ttc-h-bg.png") repeat-x 0 0;/*width: 165px;*width: 160px;*/margin: 10px 0 6px 4px;padding: 2px 0 2px 10px;}

.banner ul li div {
		display: inline-block;
		max-width: 325px;
		margin-top: 5px;
		/*border-left: 5px solid rgba(0,0,0,0.8);*/
		
	}
	
	.banner ul li div span{
		text-decoration: none !important;
		/*display: block;*/
		/*padding: 0 200px 300px 00px;*/
		/*margin-top: -67px;
		margin-right: 67px;
		margin-left: 10px;
		height: 280px;*/
		color: #fff;
		/*margin-top: 5px;*/
		font-family: Trebuchet MS !important;
		font-size: 20px;
		line-height: 27px;
		padding: 0 0 5px 0px;
		max-width: 325px;
		background-color: rgba(0,0,0,0.8);
	}
.slider-header {
	color: #fff;
	font-family: Trebuchet MS !important;
	font-size: 20px;
	font-weight:bold;
	line-height: 27px;
	padding: 0 0 0 10px;
	/*max-width: 325px;*/
	background-color: rgba(0,0,0,0.8);
	vertical-align: bottom;
	position:absolute;
	bottom: 66px;
	width:467px;
}

.slider-description {
	/*font-family: Trebuchet MS Regular;*/
	font-size: 12.16px;
	line-height: 18px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	min-height:61px;
	width:457px;
	padding: 5px 10px 0 10px;
	/*
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
	*/
}

.slider-description a{color:#fff;display:block;}
.slider-description a:visited{color:#fff;}
