/* Don't edit this file! It's joined automatically! Edit the separated files mentioned in comments instead! */



/*======================== _01_base.css Start */



/* 

Title:		NORTA.com screen-layout styles

Author: 	Trumpet | wes@trumpetgroup.com

Updated:	Mar/Apr 2011

*/







/*------------------------

Base Styles

-------------------------*/

body, html

{

	font-family: Helvetica, sans-serif;

	background: #fff;

	height: 100%;

}

p

{

	font-size: 11px;

	line-height: 1.4em;

	padding: 0 0 1em 0;

	margin-left:0;

}

ul

{

	margin: 0;

	padding: 0;

}

ul li

{

	list-style: none;

	padding: 0 0 5px 0;

}

ol

{

	margin: 0;

	padding: 0;

}

ol li

{

	padding: 0 0 5px 0;

}

img

{

	border: none;

}



/*------------------------

Header & Header Content

-------------------------*/

#header

{

	position: relative;

	width: 100%;

	height: 150px;

	background-color: #fff;

}

#headerContent

{

	position: relative;

	width: 980px;

	margin: 0px auto;

}



/*------------------------

Logo

-------------------------*/

#logo h1

{

	position: absolute;

	top: -999px;

}

#logo

{

	position: absolute;

	top: 35px;

	left: 25px;

	width: 950px;

	height: 62px;

}



/*------------------------

Language Selector Links

-------------------------*/

#language

{

	position: absolute;

	top: 8px;

	right: 135px;

}



/*------------------------

Mobile Links

-------------------------*/

#mobileLink1

{

	position: absolute;

	top: 12px;

	right: 38px;

}

#mobileLink2

{

	position: absolute;

	top: 10px;

	right: 20px;

}



/*------------------------

Utility Nav

-------------------------*/

#utilityNav

{

	position: absolute;

	top: 10px;

	right: 195px;

}

ul.utility

{

	width: auto;

	float: left;

}

ul.utility li

{

	width: auto;

	float: left;

	list-style: disc;

	font-size: 11px;

	color: #333;

	margin-left: 20px;

}

ul.utility li.first

{

	width: auto;

	float: left;

	list-style: none;

}



/*------------------------

Navigation & Search

-------------------------*/

#primaryNavAndSearch

{

	position: absolute;

	top: 106px;

	left: 0;

	width: 980px;

	height: 46px;

	background: transparent url('../images/navigation_bg_shadow.png') no-repeat;

}

ul.navigation

{

	margin-top: 20px;

	margin-left: -12px;

	width: auto;

	float: left;

}

ul.navigation li

{

	width: auto;

	float: left;

	font-size: 13px;

	margin-left: 38px;

}

#nav li a

{

	width: 5px;

	height: 5px;

	margin-top: -5px;

}





/*------------------------

Content & Body

-------------------------*/

#ContentContainer

{

	width: 100%;

	background-color: #fff;

	background: linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%);

	background: -moz-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%); /* Firefox 3.5+ */

	background: -webkit-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%); /* Chrome 10+, Safari 5.1" */

	background: -ms-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%); /* IE 10+ */

	/* background: -o-linear-gradient(center bottom, #026227 0%, #DCEBB8 50%, #fff 100%);  Opera 11.10+ */

	background: -o-linear-gradient(top,  #ffffff 0%,#dcebb8 50%,#026227 100%); /* Opera 11.10+ */

	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #fff), color-stop(0.5, #DCEBB8), color-stop(0, #026227)); /* Chrome -9, Safari 4-5 */

	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='white', endColorstr='#026227', GradientType=0); /* ie7 */

	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#026227'); /* ie8 */

}

#body

{

	width: 100%;

	background: transparent url('../images/body_tiling_bg.png') bottom left repeat-x;

}

#ContentCol

{

	position: relative;

	z-index: 100;

	width: 960px;

	margin: 0px auto;

	background: #fff;

	height: 100%;

	overflow: hidden;

}

#innerContentTop

{

	position: relative;

	width: 960px;

	height: 220px;

}



#innerContentHeaderImage

{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	height:220px;

	overflow:hidden;

}

div.Content

{

	position: relative;

	float: left;

	width: 560px;

	margin-bottom: 6px;

	border-top: 1px solid #999;

	padding-top: 10px;

}

#ContentContainer.Wide div.Content

{

	width: 730px;

}

#ContentContainer.Full div.Content

{

	width: 940px;

}

#ContentContainer div.ContentMyRTA

{

	position: relative;

	float: left;

	width: 585px;

	margin-bottom: 6px;

	border-top: 1px solid #999;

	padding-top: 10px;

}

#ContentContainer div.ContentCart

{

	position: relative;

	float: left;

	width: 715px;

	margin-bottom: 6px;

	border-top: 1px solid #999;

	padding-top: 10px;

}

#Navigation

{

	position: relative;

	float: left;

	width: 170px;

	margin-left: 0px;

	margin-bottom: 6px;

	margin-top: 10px;

	font-size: 11px;

	font-weight: bold;

	z-index: 1000;

}



#innerContent

{

	position: relative;

	float: left;

	width: 780px;

	margin-left: 10px;

}

#innerContentFullSpan

{

	position: relative;

	float: left;

	width: 940px;

	margin-bottom: 6px;

	border-top: 1px solid #999;

	padding-top: 10px;

}

#ContentContainer.Wide #innerContent

{

	width: 950px;

}

#ContentContainer.Full #innerContent

{

	width: 950px;

}





.RightCol

{

	float: right;

	width: 185px;

	margin-right: 10px;

	margin-bottom: 6px;

}



/*------------------------

Emergency Alerts

-------------------------*/

#homeEmergencyAlert

{

	position: absolute;

	z-index: 200;

	top: 0;

	left: 0;

	width: 960px;

	height: 45px;

	background: transparent url('../images/home_emergency_alert_bg.png') repeat-x;

}

#homeEmergencyAlert h2

{

	color: #fff;

	font-size: 29px;

	font-weight: bold;

	margin-top: 8px;

	margin-left: 15px;

}

#interiorEmergencyAlert

{

	position: absolute;

	z-index: 200;

	bottom: 0;

	left: 0;

	width: 930px;

	height: 15px;

	background-color: #ff0000;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	padding: 4px 15px;

}



/*------------------------

Breadcrumbs

-------------------------*/

#Breadcrumb

{

	width: 570px;

	float: left;

	margin-top: 10px;

}



#Breadcrumb ul.breadcrumbs

{

	margin: 0;

	width: auto;

	float: left;

}

#Breadcrumb ul.breadcrumbs li

{

	width: auto;

	float: left;

	list-style: none;

	font-size: 11px;

	color: #333;

}

#Breadcrumb ul.breadcrumbs li.crumb

{

	color: #006227;

}

#Breadcrumb .breadCrumbArrow

{

	padding: 0 5px;

}





/*------------------------

Home News Feature Module

-------------------------*/

#homeNewsFeatureModule

{

	position: relative;

	width: 960px;

	height: 250px;

}

#featureNav

{

	position: absolute;

	z-index: 200;

	bottom: 20px;

	left: 20px;

	width: auto;

	display: none;

}



#nav

{

	width: auto;

	float: left;

	margin-top: 8px;

}



#featureNav li

{

	width: 25px;

	height: 25px;

	float: left;

	margin-right: 4px;

	list-style: none;

	padding: 0;

}

#featureNav li#item1

{

	background: transparent url('../images/feature_news_nav_1.png') 0 0 no-repeat;

}

#featureNav li#item1.activeSlide

{

	background: transparent url('../images/feature_news_nav_1.png') 0 -27px no-repeat;

}

#featureNav li#item2

{

	background: transparent url('../images/feature_news_nav_2.png') 0 0 no-repeat;

}

#featureNav li#item2.activeSlide

{

	background: transparent url('../images/feature_news_nav_2.png') 0 -27px no-repeat;

}

#featureNav li#item3

{

	background: transparent url('../images/feature_news_nav_3.png') 0 0 no-repeat;

}

#featureNav li#item3.activeSlide

{

	background: transparent url('../images/feature_news_nav_3.png') 0 -27px no-repeat;

}

#featureNav li#item4

{

	background: transparent url('../images/feature_news_nav_4.png') 0 0 no-repeat;

}

#featureNav li#item4.activeSlide

{

	background: transparent url('../images/feature_news_nav_4.png') 0 -27px no-repeat;

}

#featureNav li#item5

{

	background: transparent url('../images/feature_news_nav_5.png') 0 0 no-repeat;

}

#featureNav li#item5.activeSlide

{

	background: transparent url('../images/feature_news_nav_5.png') 0 -27px no-repeat;

}

#featureNav li#item6

{

	background: transparent url('../images/feature_news_nav_6.png') 0 0 no-repeat;

}

#featureNav li#item6.activeSlide

{

	background: transparent url('../images/feature_news_nav_6.png') 0 -27px no-repeat;

}

#featureNav li#item7

{

	background: transparent url('../images/feature_news_nav_7.png') 0 0 no-repeat;

}

#featureNav li#item7.activeSlide

{

	background: transparent url('../images/feature_news_nav_7.png') 0 -27px no-repeat;

}

#featureNav li#item8

{

	background: transparent url('../images/feature_news_nav_8.png') 0 0 no-repeat;

}

#featureNav li#item8.activeSlide

{

	background: transparent url('../images/feature_news_nav_8.png') 0 -27px no-repeat;

}

.headline

{

	position: relative;

	z-index: 10;

	top: 0;

	width: 380px;

	height: 250px;

}

.headline div

{

	width: 380px;

	height: 250px;

	position: absolute;

	top: 0px;

	left: 0px;

	display: none;

	z-index: 6;

}

.headline div:first-child

{

	display: block;

}

#head1

{

	background-color: #701279;

}

#head2

{

	background-color: #3184A8;

}

#head3

{

	background-color: #E58100;

}

#head4

{

	background-color: #BD2878;

}

#head5

{

	background-color: #71A421;

}

#head6

{

	background-color: #8F5E38;

}

#head7

{

	background-color: #00824C;

}

#head8

{

	background-color: #B4549F;

}

.subheadline

{

	position: absolute;

	z-index: 100;

	top: 150px;

	width: 380px;

}

#homeNewsFeatureModule h2.homeHeadline

{

	color: #fff;

	font-size: 29px;

	font-weight: bold;

	margin-top: 30px;

	margin-left: 20px;

	background-color: transparent;

	font-style:normal !important;

	width: 350px;

}

p.homeSubHeadline

{

	width: 330px;

	float: left;

	font-size: 12px;

	bottom: 0;

	color: #fff;

	padding: 0;

	margin-left: 20px;

	position: absolute;

	top: 0px;

	left: 0px;

	display: none;

}

p.homeSubHeadline:first-child

{

	display: block;

}



/*------------------------

Home Latest News Module

-------------------------*/

#homeLatestNewsModule

{

	position: relative;

	width: 950px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	padding: 4px 0 4px 0;

	background: #e5e5e5;

}

.captionAndNav

{

	position: absolute;

	top: 0;

	left: 0;

	width: 380px;

	height: 250px;

	background-color: #000;

}

.slideshow

{

	position: absolute;

	top: 0;

	right: 0;

	width: 580px;

	height: 250px;

}

.slideshow img

{

	position: absolute;

	top: 0;

	left: 0;

	width: 580px;

	height: 250px;

	display: none;

}

.slideshow img:first-child

{

	display: block;

}

.headlineModuleTitle

{

	width: auto;

	float: left;

	color: #666;

	font-weight: bold;

	font-size: 13px;

	margin-left: 15px;

	padding-right: 10px;

	border-right: 1px solid #ccc;

}

ul.headlines

{

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	margin-left: 10px;

	margin-top: 2px;

}

ul.headlines li

{

	width: 600px;

	margin: 0;

	padding: 0;

	font-size: 11px;

}





/*------------------------

Home Trip Planner Module

-------------------------*/

#homeTripPlanner

{

	position: relative;

	width: 376px;

	height: 237px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	background-color: #006227;

}

#homeTripPlanner h3

{

	color: #fff;

	font-size: 29px;

	font-weight: bold;

	margin-top: 20px;

	margin-left: 15px;

}

img#poweredHome {

    position: absolute;

    right: 20px;

    top: 15px;

}



/*------------------------

Teaser Boxes

-------------------------*/

.module

{

	position: relative;

	width: 165px;

	height: 217px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	padding: 10px;

}

.module2

{

	position: relative;

	width: 185px;

	float: left;

	margin: 0;

	color: #666;

	background: #ccc;

	margin-top: 6px;

	margin-left: 6px;

	padding-bottom: 10px;

}

.cartModule

{

	position: relative;

	width: 185px;

	float: left;

	margin: 0;

	color: #666;

	background: #ccc;

	margin-top: 6px;

	margin-left: 6px;

	padding-bottom: 10px;

}

.myRTAModule

{

	position: relative;

	width: 185px;

	height: 237px;

	float: left;

	margin: 10px 10px 10px 0;

}

.module h3, .module2 h3, .cartModule h3

{

	font-size: 26px;

	font-weight: bold;

	margin-top: 20px;

	margin-left:10px;

}

.myRTAModule h3

{

	font-size: 24px;

	font-weight: bold;

	margin-top: 20px;

	margin-left: 10px;

}

.module p, .module2 p, .myRTAModule p

{

	font-size: 11px;

	margin-top: 10px;

	margin-left:10px;

	padding-right:10px;

}

.cartModule p

{

	font-size: 11px;

	margin: 0;

	margin-top: 5px;

	margin-left: 10px;

	padding: 0;

}

.tinyArrow

{

	position: absolute;

	bottom: 5px;

	right: 10px;

}

.fdl-1

{

	color: #444;

	background-color: #ccc;

}

.fdl-1:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_1_bg.png') top left no-repeat;

}

.fdl-2

{

	color: #444;

	background-color: #ccc;

}

.fdl-2:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_2_bg.png') top left no-repeat;

}

.fdl-3

{

	color: #444;

	background-color: #ccc;

}

.fdl-3:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_3_bg.png') top left no-repeat;

}

.fdl-4

{

	color: #444;

	background-color: #ccc;

}

.fdl-4:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_4_bg.png') top left no-repeat;

}

.fdl-5

{

	color: #444;

	background-color: #ccc;

}

.fdl-5:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_5_bg.png') top left no-repeat;

}

.fdl-6

{

	color: #444;

	background-color: #ccc;

	margin-bottom: 6px;

}

.fdl-6:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_6_bg.png') top left no-repeat;

}

.fdl-7

{

	color: #444;

	background-color: #ccc;

	margin-bottom: 6px;

}

.fdl-7:hover

{

	color: #fff;

	background: #006227 url('../images/home_teaser_7_bg.png') top left no-repeat;

}

.sidebarTeaser

{

	margin: 0;

	color: #444;

	background: #ccc;

	margin-bottom: 10px;

}

.sidebarTeaser:hover

{

	margin: 0;

	color: #fff;

	background: #006227;

	margin-bottom: 10px;

}

.sidebarTeaserNoLink

{

	margin: 0;

	color: #444;

	background: #ccc;

	margin-bottom: 10px;

}

.myRTATeaser

{

	color: #666;

	background: #ccc;

}

.myRTATeaser:hover

{

	color: #fff;

	background: #006227;

}



.myRTATeaserNoLink

{

	margin: 0;

	color: #666;

	background: #ccc;

	margin-bottom: 10px;

}

.teaserImage

{

	margin-top: 10px;

	margin-left: 10px;

}



/*------------------------

Home System Status

-------------------------*/

.systemStatus

{

	position: relative;

	width: 185px;

	height: 237px;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	margin-bottom: 6px;

	background-color: #006227;

}

.systemStatus h3

{

	color: #fff;

	font-size: 26px !important;

	font-weight: bold;

	margin-top: 30px;

	margin-left: 20px;

}

.systemBusStatus

{

	width: auto;

	float: left;

	margin-top: 20px;

	margin-left: 20px;

}

.systemStreetcarStatus

{

	width: auto;

	float: left;

	margin-top: 10px;

	margin-left: 10px;

}

.expanderButton, .collapserButton

{

	position: absolute;

	bottom: 5px;

	left: 15px;

	width: 158px;

	height: 30px;

	background: transparent url('../images/home_system_status_expander_btn_bg.png') 0 0 no-repeat;

}

.expanderButton:hover, .collapserButton:hover

{

	background-position: 0 -30px;

}

.expanderText, .collapserText

{

	position: absolute;

	top: 10px;

	left: 10px;

	color: #fff;

	font-size: 11px;

	font-weight: bold;

}

.expanderIcon, .collapserIcon

{

	position: absolute;

	top: 8px;

	right: 10px;

	color: #fff;

	font-size: 14px;

	font-weight: bold;

}





/*------------------------

Inner Page Content

-------------------------*/

h1

{

	width: 560px;

	float: left;

	margin-top: 10px;

	margin-bottom: 6px;

	font-size: 28px; /*24px;*/

	line-height: 110%;

	font-weight: bold;

	color: #444; /* changed all from #666 for contrast issues */

}



h2

{

	width: 560px;

	float: left;

	margin-bottom: 12px;

	font-size: 19px !important; /*12px;*/

	line-height: 110%;

	font-style: italic;

	font-weight: normal;

	color: #999;

}



#ContentContainer.Wide h1, #ContentContainer.Wide h2, #ContentContainer.Wide #Breadcrumb

{

	width: 740px;

}

#ContentContainer.Full h1, #ContentContainer.Full h2, #ContentContainer.Full #Breadcrumb

{

	width: 940px;

}

.tagline

{

	width: 100%;

	float: left;

	margin-bottom: 6px;

	font-size: 12px;

	font-style: italic;

	color: #999;

}

h2.results

{

	font-style: normal;

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 6px;

	margin-top: 10px;

}

div.Content h3, div.ContentCart h3

{

	margin-top: 10px;

	font-size: 14px;

	font-weight: bold;

	color: #006227;

	width: 100%;

	float: left;

}

div.Content h4

{

	margin-top: 5px;

	margin-bottom: 5px;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	width: 100%;

	float: left;

}

div.Content p

{

	font-size: 12px;

	color: #666;

	width: 100%;

	float:left;

	

}

div.Content ul, div.Content ol

{

	margin-left: 30px;

	margin-bottom: 10px;

	float: left;

	width: auto;

}

div.Content ul li

{

	list-style: disc;

	padding: 0 0 5px 0;

	font-size: 12px;

	color: #666;

	line-height: 1.4em;

}

div.Content ol li

{

	list-style: decimal;

	padding: 0 0 5px 0;

	font-size: 12px;

	color: #666;

	line-height: 1.4em;

}

div.Content .faresAndPassesGraphic

{

	width: auto;

	float: left;

	position: relative;

	z-index: 20;

}

div.Content .faresAndPassesGraphic img

{

	width: auto;

	float: left;

}

div.Content .faresAndPassesGraphic h3

{

	width: auto;

	float: left;

	font-size: 20px;

	margin-top: 35px;

	margin-left: -5px;

}

div.Content .faresAndPassesGraphic p

{

	width: auto;

	float: left;

	margin-left: -5px;

}

div.Content .faresAndPassesTable

{

	width: 100%;

	float: left;

	position: relative;

	top: -45px;

	z-index: 10;

}

#serviceSearchResults

{

	width: 100%;

	float: left;

	margin-top: 20px;

	border-top: 1px dotted #666;

	padding-top: 10px;

}





/*------------------------

Article Overviews & Entries

-------------------------*/



.News

{

	width: 100%;

	float: left;

	clear: both;

	border-bottom: 1px dotted #dfdfdf;

	margin-bottom: 10px;

	padding-bottom: 10px;

}

.Date

{

	width: 100%;

	float: left;

	margin-top: 5px;

	margin-bottom: 2px;

	font-size: 10px;

	font-style: italic;

	color: #999;

}

#pagination

{

	width: 100%;

	float: left;

	border-top: 1px dotted #dfdfdf;

	margin-top: 10px;

	padding-top: 10px;

}

#pagination ul

{

	margin: 0;

	padding: 0;

}

#pagination ul li

{

	margin: 0;

	padding: 0;

	width: auto;

	float: left;

	list-style: none;

}

#pagination ul li.prev

{

	width: 61px;

	height: 25px;

	margin-right: 4px;

	background: transparent url('../images/pagination_prev.png') no-repeat;

}

#pagination ul li.next

{

	width: 61px;

	height: 25px;

	background: transparent url('../images/pagination_next.png') no-repeat;

}

#pagination ul li.prev a, #pagination ul li.next a

{

	width: 61px;

	height: 25px;

	display: block;

	text-indent: -9999px;

}

#pagination ul li.current

{

	width: 25px;

	height: 25px;

	text-align: center;

	color: #4D2773;

	background: #ccc;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-right: 4px;

}

#pagination ul li.page

{

	width: 25px;

	height: 25px;

	text-align: center;

	background: transparent url('../images/pagination_unselected_bg.png') no-repeat;

	margin-right: 4px;

}

.ContentImage

{   margin-left:0px;

	padding-right:5px;

	float:left;

}



.ContentImage.FullWidth

{

	width: 100%;

	float: left;

	margin-bottom: 20px;

}

.contentImageOverviewList

{

	width: 123px;

	height: 156px;

	float: left;

}

.contentImageInstructionList

{

	width: 150px;

	height: 150px;

	float: left;

}

.bioImage

{

	width: auto;

	float: left;

	margin-right: 15px;

	margin-bottom: 10px;

}

.instructionList

{

	margin-top: 10px;

}

.contentOverview2ColContent

{

	width: 420px;

	float: left;

	margin-left: 15px;

}

.contentInstructionList

{

	width: 395px;

	float: left;

	margin-left: 15px;

}

.ContentImage .photoCaption

{

	padding: 0;

	padding-top: 4px;

	font-size: 10px;

	font-style: italic;

	width: 100%;

	float: left;

}





/*------------------------

Inner Trip Planner 1

-------------------------*/

#interiorTripPlanner

{

	position: relative;

	width: 960px;

	height: 110px;

	z-index: 20;

}

.translucentbkgIE

{

	width: 960px;

	height: 110px; /* to match DIVs size          */

	background-color: #ffffff; /* the background */

	filter: alpha(opacity=50);

}

.translucentbkg

{

	width: 960px;

	height: 110px; /* to match DIVs size          */

	background-image: url('../images/interior-trip-planner-tiling-bg.png') !important; /* Mozilla only */

	background-color: transparent; /* the background */

}



#opaquetext

{

	width: 960px;

	height: 80px; /* to match DIVs size          */

	background-color: transparent; /* transparent background      */

	position: absolute; /* absolute positioning        */

	z-index: 22; /* place it over the other DIV */

}

#tripPlannerButton

{

	position: relative;

	top: 0;

	left: 740px;

	z-index: 15;

}

.interiorTPHeader

{

	width: 960px;

	height: 30px;

	background: #ccc;

}

.interiorTPHeadline

{

	width: auto;

	float: left;

	margin-top: 7px;

	margin-left: 10px;

	font-size: 16px;

	color: #666;

	font-weight: bold;

}

.interiorTPExtra

{

	width: auto;

	float: left;

	margin-top: 10px;

	margin-left: 10px;

	font-size: 11px;

	color: #666;

}



/*------------------------

Inner Trip Planner 2 (for system & individual line pages)

-------------------------*/

#interiorTripPlanner2

{

	position: relative;

	width: 960px;

	height: 80px;

	background: #f0f0f0;

	z-index: 20;

}





/*------------------------

RTA Transit Map

-------------------------*/

#lineSelectorTable

{

	

	float: left;

	border-right: 1px solid #666;

	border-bottom: 1px solid #666;

	border-left: 1px solid #666;

}

.lineSelectorHeading

{

	width: 717px;

	float: left;

	padding: 0 0 0 10px;

	background: #ccc;

	margin-bottom: 5px;

	border-top: 1px solid #666;

	border-bottom: 1px solid #666;

}

#lineSelectorTable .routeGroup

{

	width: 230px;

	float: left;

	padding: 0;

	margin-left: 9px;

	margin-bottom: 5px;

}

#lineSelectorTable .route-first

{

	width: 230px;

	float: left;

}

#lineSelectorTable .route

{

	width: 230px;

	float: left;

	padding-top: 5px;

	margin-top: 5px;

	border-top: 1px dotted #ccc;

}

#map_canvas

{

	border: 1px solid #666;

	width: 937px;

	float: left;

	height: 400px;

	margin-top: 10px;

}

#map_canvas_2

{

	border: 1px solid #666;

	width: 727px;

	float: left;

	height: 400px;

	margin-top: 10px;

}

/*------------------------

Video Gallery

-------------------------*/

div.Content .videoContainer

{

	width: 178px;

	height: 169px;

	float: left;

	padding-top: 6px;

	padding-left: 6px;

	margin-right: 2px;

	margin-bottom: 2px;

	background: transparent url('../images/video_thumb_bg.png') top left no-repeat;

	overflow: hidden;

}

div.Content p.videoTitle

{

	padding: 0;

	font-size: 10px;

	color: #4C2672;

	padding-top: 3px;

}

/*------------------------

Popular Destinations

-------------------------*/

div.Content .destinationContainer

{

	width: 178px;

	height: 169px;

	float: left;

	padding-top: 6px;

	padding-left: 6px;

	margin-right: 2px;

	margin-bottom: 2px;

	background: transparent url('../images/video_thumb_bg.png') top left no-repeat;

	overflow: hidden;

}

div.Content p.destinationTitle

{

	padding: 0;

	font-size: 10px;

	color: #4C2672;

	padding-top: 3px;

}

div.Content #galleryNav

{

	margin: 0;

	padding: 0;

	width: auto;

	height: 10px;

	float: right;

	clear: both;

	text-align: right;

	margin-top: 5px;

	margin-bottom: 20px;

}

div.Content #galleryNav li

{

	width: 10px;

	height: 10px;

	float: left;

	margin-right: 4px;

	list-style: none;

}

div.Content #galleryNav li

{

	background: transparent url('../images/photo_gallery_off.png') top left no-repeat;

}

div.Content #galleryNav li.activeSlide

{

	background: transparent url('../images/photo_gallery_current.png') top left no-repeat;

}

div.Content #images

{

	width: 100%;

	float: left;

}



/*------------------------

FAQs

-------------------------*/

.accordion

{

	width: auto;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

}

.accordion p

{

	margin-left: 20px;

}



/*------------------------

Cart Stuffs

-------------------------*/



ul.cartPath

{

	margin-top: 10px;

}

ul.cartPath li

{

	width: 143px;

	height: 43px;

	float: left;

}

div.ContentCart h3

{

	margin-top: 10px;

	font-size: 14px;

	font-weight: bold;

	color: #4D2773;

	width: 100%;

	float: left;

}

.continueShopping

{

	width: auto;

	float: left;

	margin-right: 5px;

}

.updateQuantity

{

	width: auto;

	float: left;

}

.subTotal, .receiptSubTotal

{

	width: 243px;

	float: right;

}

.receiptSubTotal

{

	margin-right: 34px;

}

.subtotalTitle

{

	width: auto;

	float: left;

	clear: right;

	font-weight: bold;

	margin-right: 75px;

	color: #666;

}

.subtotalPrice

{

	width: auto;

	float: right;

	font-weight: bold;

	color: #666;

}

.recieptTotalItemLeft

{

	width: auto;

	float: left;

	clear: right;

	font-weight: bold;

	color: #666;

	font-size: 12px;

	margin-bottom: 6px;

}

.recieptTotalItemRight

{

	width: auto;

	float: right;

	font-weight: bold;

	color: #666;

	font-size: 12px;

	margin-bottom: 6px;

}

.checkout

{

	width: auto;

	float: right;

	margin-top: 20px;

}

#cartSummary

{

	width: auto;

	float: right;

	margin-top: 40px;

	margin-right: 10px;

}

#cartSummary h3

{

	width: 165px;

	padding-bottom: 4px;

	border-bottom: 1px dotted #666;

	margin-bottom: 5px;

}

.sidebarCartItem, .sidebarCartSummary

{

	width: 165px;

	border-bottom: 1px dotted #fff;

	margin-bottom: 4px;

	margin-left: 10px;

}

.sidebarCartTotalText

{

	width: auto;

	float: left;

	margin-top: 4px;

	margin-left: 10px;

	font-size: 12px;

	font-weight: bold;

}

.sidebarCartTotalCost

{

	width: auto;

	float: right;

	margin-top: 4px;

	margin-right: 10px;

	font-size: 12px;

	font-weight: bold;

}

.ccAcceptedCards

{

	width: auto;

	float: left;

	margin-top: -5px;

}

.orderReviewModule

{

	width: 33%;

	float: left;

	margin-bottom: 20px;

}



/*------------------------

Routes & Bottom Cap Trigger

-------------------------*/

#routes

{

	width: 100%;

	float: left;

	border-top: 1px solid #ccc;

	padding: 10px 0;

}

.routeGroup

{

	width: 295px;

	float: left;

	padding-left: 20px;

}

.route-first

{

	width: 295px;

	float: left;

}

.route

{

	width: 295px;

	float: left;

	padding-top: 5px;

	margin-top: 5px;

	border-top: 1px dotted #ccc;

}

.routeIcon

{

	width: auto;

	float: left;

	margin-left: 5px;

}

.routeLink

{

	width: auto;

	float: left;

	margin-top: 5px;

	margin-left: 10px;

}

.alertStatus

{

	width: auto;

	float: right;

	margin-top: 5px;

	margin-right: 5px;

}

#bodyBottomCap

{

	position: relative;

	width: 100%;

	height: 47px;

	background: transparent url('../images/routes_container_bottom_cap.png') top center no-repeat;

	z-index: 10;

}

#innerBodyBottomCap

{

	position: relative;

	width: 100%;

	height: 56px;

	background: transparent url('../images/interior_routes_container_bottom_cap.png') top center no-repeat;

	z-index: 10;

}

.bottomCap

{

	position: relative;

	width: 960px;

	height: 31px;

	margin: 0px auto;

	background: transparent url('../images/route_collapser_bg.png') top center no-repeat;

	border-top: 0px solid #ccc;

}

.innerBottomCap

{

	position: relative;

	width: 960px;

	height: 39px;

	margin: 0px auto;

	border-top: 1px solid #ccc;

}

.innerBottomCap h3

{

	width: 158px;

	float: left;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	margin-top: 12px;

	margin-left: 10px;

}

.innerBottomCap .systemBusStatus

{

	width: auto;

	float: left;

	margin-top: 7px;

	margin-left: 10px;

}

.innerBottomCap .systemStreetcarStatus

{

	width: auto;

	float: left;

	margin-top: 7px;

	margin-left: 65px;

}

.innerExpanderButton, .innerCollapserButton

{

	position: absolute;

	bottom: 4px;

	right: 5px;

	width: 158px;

	height: 30px;

	background: transparent url('../images/home_system_status_expander_btn_bg.png') 0 0 no-repeat;

}

.innerExpanderButton:hover, .innerCollapserButton:hover

{

	background-position: 0 -30px;

}

.routesCollapse

{

	position: absolute;

	top: 5px;

	right: 0;

}







/*------------------------

Footer

-------------------------*/

#footer

{

	position: relative;

	width: 100%;

	height: 467px;

	float: left;

	margin-top: -47px;

	background: transparent url('../images/footer_background.png') 0 0 repeat-x;

	z-index: 0;

}

#footerInterior

{

	position: relative;

	width: 100%;

	height: 467px;

	float: left;

	margin-top: -56px;

	background: transparent url('../images/footer_background.png') 0 0 repeat-x;

	z-index: 0;

}

#footerContent

{

	width: 960px;

	height: 100%;

	background-color: #fff;

	margin: 0px auto;

	padding-top: 40px;

}

#footerNavigation

{

	position: relative;

	margin-top: 20px;

	padding-left: 30px;

}

.footerNavGroup

{

	width: 140px;

	float: left;

	margin-right: 15px;

	font-size: 10px;

}

.footerNavGroup h4

{

	font-size: 13px;

	color: #666;

	font-weight: bold;

	margin-bottom: 5px;

}

#footerBranding

{

	width: 100%;

	float: left;

	position: relative;

	border-top: 1px solid #ccc;

	padding-top: 6px;

	margin-top: 20px;

	padding-bottom: 50px;

}

#footerLogo

{

	width: 105px;

	float: left;

	margin-left: 30px;

	margin-right: 53px;

}

.footerAddress

{

	width: 140px;

	float: left;

	margin-top: 5px;

	margin-right: 18px;

	font-size: 11px;

	color: #888; /* changed from 999 for contrast issues */

}





/*======================== _01_base.css End   */





/*======================== _02_forms.css Start */



/*------------------------

Search Form

-------------------------*/

#search

{

	width: 230px;

	float: right;

	margin-top: 15px;

}

label.search

{

	position: absolute;

	top: -9999px;

}

#search input.keywords

{

	height: 12px;

	width: 175px;

	float: left;

	padding: 3px 0 2px 4px;

}

#search .searchBtn

{

	-moz-background-clip: border;

	-moz-background-inline-policy: continuous;

	-moz-background-origin: padding;

	background: transparent url(../images/search_icon.png) no-repeat scroll 0 0;

	border: medium none;

	margin: 4px 0 0 8px;

	overflow: hidden;

	text-indent: -9999px;

	width: 15px;

	height: 15px;

	float: left;

	font-size: 0;

	display: block;

	line-height: 0;

}

.focusField

{

	color: #999;

}

.idleField

{

	color: #d8d8d8;

}

.completedField

{

	color: #666;

}



/*------------------------

Trip Planner Form

-------------------------*/

#tripPlanner

{

	width: 350px;

	float: left;

	margin-left: 15px;

	margin-top: 10px;

}

fieldset.coordinates

{

	width: 235px;

	height: 112px;

	float: left;

	padding: 0 10px 10px 0;

	border-top: 1px solid #3F885C;

	border-right: 1px solid #3F885C;

	border-bottom: 1px solid #3F885C;

}

fieldset.time

{

	width: 90px;

	height: 116px;

	float: left;

	padding: 6px 0 0 5px;

	border-top: 1px solid #3F885C;

	border-bottom: 1px solid #3F885C;

}

label.tripPlannerLabel

{

	width: 100%;

	float: left;

	color: #fff;

	font-size: 12px;

	padding-top: 10px;

	padding-bottom: 3px;

}

label.tripPlannerLabel2

{

	width: 100%;

	float: left;

	color: #fff;

	font-size: 12px;

	padding-top: 20px;

	padding-bottom: 3px;

}

input#datepicker {

    color: #000000;

    float: left;

    margin-bottom: 8px;

    text-align: left;

    width: 85px;

}

#tripPlanner input.currentLocation

{

	height: 12px;

	width: 220px;

	float: left;

	padding: 3px 0 2px 4px;

}

select.timeSelect

{

	width: 90px;

	float: left;

	margin-bottom: 8px;

}

#tripPlanner input[type="submit"]

{

	margin: 0;

	padding-top: 0px;

	padding-left: 10px;

	top:197px;

}

#tripPlanner .plannerBtn

{

	position: absolute;

	bottom: 15px;

	right: 12px;

	width: 217px;

	height: 28px;

	color: #fff;

	text-align: left;

	background: transparent url('../images/home_trip_planner_btn.png') 0 0 no-repeat;

	border: none;

}

#tripPlanner .plannerBtn:hover

{

	background-position: 0 -28px;

}



/*------------------------

Interior Trip Planner Form

-------------------------*/

#interiorTripPlannerForm

{

	width: 945px;

	float: left;

	margin-left: 12px;

	margin-top: 10px;

}

#interiorTripPlannerForm fieldset.coordinates

{

	width: 527px;

	height: auto;

	float: left;

	padding: 4px 0 10px 0;

	border: none;

}

#interiorTripPlannerForm fieldset.time

{

	width: 410px;

	height: auto;

	float: left;

	padding-top: 6px;

	border: none;

}

#interiorTripPlannerForm input#datepicker {

    float: left;

    margin-left: 7px;

    margin-right: 6px;

    text-align: left;

    width: 85px;

}

#interiorTripPlannerForm label.tripPlannerLabel

{

	width: auto;

	float: left;

	color: #666;

	font-size: 11px;

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 3px;

	font-weight: bold;

}

#interiorTripPlannerForm input.currentLocation

{

	height: 12px;

	width: 160px;

	float: left;

	padding: 3px 0 2px;

	margin-right: 5px;

}

#interiorTripPlannerForm select.timeSelect

{

	width: 90px;

	float: left;

	margin-right: 8px;

}

img#poweredSub {

    position: absolute;

    right: 10px;

    top: 9px;

}

#interiorTripPlannerForm input[type="submit"]

{

	margin: 0 0 0 810px;

	padding-top: 0px;

	padding-left: 10px;

}

#interiorTripPlannerForm .plannerBtn

{

	width: 90px;

	height: 28px;

	background: transparent url('../images/interior-trip-planner-submit.png') no-repeat scroll 0 0;

	border: none;

	text-indent: -9999px;

	font-size: 0;

	display: block;

	line-height: 0;

}

#interiorTripPlannerForm .plannerBtn:hover

{

	background: transparent url('../images/interior-trip-planner-submit.png') no-repeat scroll 0 -28px;

	width: 90px;

	height: 28px;

}





/*------------------------

Quick Line Select Form

-------------------------*/

#lineQuickSelect

{

	width: 175;

	float: left;

	margin-left: 10px;

}

#lineQuickSelect label

{

	width: 100%;

	float: left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-bottom: 3px;

}

#lineQuickSelect select

{

	width: 165px;

	float: left;

	margin-bottom: 5px;

}





/*------------------------

Schedule Filter Form

-------------------------*/

#scheduleFilter

{

	width: 100%;

	float: left;

}

#scheduleFilter fieldset

{

	width: auto;

	float: left;

	margin-top: 5px;

	margin-right: 10px;

}

#scheduleFilter label

{

	width: auto;

	float: left;

	color: #fff;

	font-size: 12px;

	padding-top: 5px;

	padding-right: 5px;

	margin-left: 10px;

}

#scheduleFilter select

{

	width: auto;

	float: left;

}

#scheduleFilter input[type="submit"]

{

	margin: 0;

	padding-top: 0px;

	padding-left: 10px;

}

#scheduleFilter .plannerBtn

{

	width: 120px;

	height: 30px;

	float: left;

	background: transparent url('../images/small_button_bg.png') no-repeat scroll 0 0;

	border: none;

	text-align: center;

	text-indent: -5px;

	color: #fff;

}

#scheduleFilter .plannerBtn:hover

{

	background-position: 0 -30px;

}



/*------------------------

Popular Destinations Planner Form

-------------------------*/

#popularDestinationsPlannerForm

{

	width: 200px;

	float: left;

}

#popularDestinationsPlannerForm fieldset.coordinates

{

	width: 200px;

	height: auto;

	float: left;

	padding: 0 0 10px 0;

	border: none;

}

#popularDestinationsPlannerForm label.tripPlannerLabel

{

	width: 200px;

	float: left;

	color: #666;

	font-size: 11px;

	padding-top: 10px;

	padding-right: 8px;

	padding-bottom: 3px;

	font-weight: bold;

}

#popularDestinationsPlannerForm input.currentLocation

{

	height: 12px;

	width: 160px;

	float: left;

	padding: 3px 0 2px 4px;

	margin-right: 5px;

}

#popularDestinationsPlannerForm input[type="submit"]

{

	margin: 0;

	padding-top: 0px;

	padding-left: 10px;

}

#popularDestinationsPlannerForm .plannerBtn

{

	width: 111px;

	height: 30px;

	background: transparent url('../images/interior-trip-planner-submit-off.png') no-repeat scroll 0 0;

	border: none;

	text-indent: -9999px;

}

#popularDestinationsPlannerForm .plannerBtn:hover

{

	background: transparent url('../images/interior-trip-planner-submit-over.png') no-repeat scroll 0 0;

	width: 111px;

	height: 30px;

}





/*------------------------

General Form

-------------------------*/

#contentForm

{

	width: 100%;

	float: left;

}

legend

{

	position: absolute;

	top: -9999px;

}

#contentForm label

{

	width: 100%;

	float: left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-top: 10px;

	margin-bottom: 3px;

}

#contentForm label.item

{

	margin: 0;

	font-weight: normal;

}

#contentForm input[type="text"]

{

	width: 200px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#contentForm select

{

	width: auto;

	float: left;

}

#contentForm textarea

{

	width: 100%;

	height: 150px;

	float: left;

	font-family: Helvetica, sans-serif;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#contentForm input[type="submit"]

{

	margin: 0;

	padding-left: 10px;

	margin-top: 10px;

}

#contentForm .submitBtn

{

	width: 217px;

	height: 28px;

	color: #fff;

	text-align: left;

	float: left;

	background: transparent url('../images/home_trip_planner_btn.png') no-repeat scroll 0 0;

	border: none;

}

#contentForm .submitBtn:hover

{

	background-position: 0 -28px;

}

.terms

{

	width: 100%;

	float: left;

	margin-top: 10px;

}



/*------------------------

Service Nearby Form

-------------------------*/

#serviceNearby

{

	width: 100%;

	float: left;

}

#serviceNearby label

{

	width: 100%;

	float: left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-top: 10px;

	margin-bottom: 3px;

}

#serviceNearby .item

{

	margin: 0;

	font-weight: normal;

	width: auto;

	float: left;

}

#serviceNearby input[type="text"]

{

	width: 200px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceNearby select

{

	width: auto;

	float: left;

}

#serviceNearby input[type="submit"]

{

	margin: 0;

	padding-left: 10px;

	margin-top: 10px;

}

#serviceNearby .submitBtn

{

	width: 219px;

	height: 30px;

	float: left;

	background: transparent url('../images/home_trip_planner_btn_bg_off.png') no-repeat scroll 0 0;

	border: none;

	text-align: left;

	text-indent: -5px;

	color: #fff;

}

#serviceNearby .submitBtn:hover

{

	background: transparent url('../images/home_trip_planner_btn_bg_over.png') no-repeat scroll 0 0;

}



/*------------------------

Service Updates Form

-------------------------*/

#serviceUpdates

{

	width: 100%;

	float: left;

}

#serviceUpdates label

{

	width: 100%;

	float: left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-top: 10px;

	margin-bottom: 3px;

}

#serviceUpdates .item

{

	margin: 0;

	font-weight: normal;

	width: auto;

	float: left;

}

#serviceUpdates label.radio

{

	width: auto;

	float: left;

	margin: 0;

	font-weight: normal;

}

#serviceUpdates input[type="text"]

{

	width: 200px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceUpdates p.label_checkbox_pair

{

	padding: 0;

	margin: 0;

	clear: both;

	float: left;

	position: relative;

	margin-top: 10px;

}

#serviceUpdates p.label_checkbox_pair input

{

	position: absolute;

	top: 0;

	left: 0;

}

#serviceUpdates p.label_checkbox_pair label

{

	margin-top: 3px;

	display: block;

	margin-left: 25px;

	width: 540px;

	font-weight: normal;

}

#serviceUpdates input[type="text"].area

{

	width: 30px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceUpdates input[type="text"].pre

{

	width: 30px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceUpdates input[type="text"].number

{

	width: 50px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceUpdates input[type="text"].zip

{

	width: 50px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceUpdates .numberSeperator

{

	width: auto;

	float: left;

	font-size: 12px;

	color: #999;

	margin-top: 7px;

}

#serviceUpdates select

{

	width: auto;

	float: left;

}

#serviceUpdates textarea

{

	width: 100%;

	height: 150px;

	float: left;

	font-family: Helvetica, sans-serif;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#serviceUpdates input[type="submit"]

{

	margin: 0;

	padding-left: 10px;

	margin-top: 10px;

}

#serviceUpdates .submitBtn

{

	width: 111px;

	float: left;

	height: 30px;

	background: transparent url('../images/small_button_bg.png') no-repeat scroll 0 0;

	border: none;

	text-align: left;

	text-indent: -5px;

	color: #fff;

}

#serviceUpdates .submitBtn:hover

{

	background: transparent url('../images/small_button_bg_hover.png') no-repeat scroll 0 0;

	width: 111px;

	height: 30px;

}

.terms

{

	width: 100%;

	float: left;

	margin-top: 10px;

}





/*------------------------

Transit Map Stuff

-------------------------*/

.lineSelectCheckbox

{

	width: auto;

	float: left;

	margin-right: 5px;

}

.showHideToggle

{

	width: auto;

	float: right;

	font-size: 12px;

	margin-right: 10px;

	margin-top: -20px;

	font-weight: bold;

	color: #4D2773;

}



/*------------------------

Success Message

-------------------------*/

.confirmationSuccess

{

	width: 550px;

	float: left;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	background: #297D55;

	padding: 5px;

	-moz-border-radius: 25px;

	border-radius: 25px;

	margin-bottom: 20px;

}

/*------------------------

Error Message

-------------------------*/

.confirmationError

{

	width: 550px;

	float: left;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

	background: #D21313;

	padding: 5px;

	-moz-border-radius: 25px;

	border-radius: 25px;

	margin-bottom: 20px;

}



/*------------------------

Cart Stuff

-------------------------*/

input[type="text"].quantity

{

	width: 30px;

	float: left;

	font-size: 12px;

	padding: 3px 0 2px 4px;

}

#shippingInfo, #billingInfo

{

	width: 100%;

	float: left;

}

#shippingInfo label, #billingInfo label

{

	width: 100%;

	float: left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-top: 10px;

	margin-bottom: 3px;

}

#shippingInfo input[type="text"], #billingInfo input[type="text"]

{

	width: 200px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#shippingInfo input[type="text"].zip, #billingInfo input[type="text"].zip, #billingInfo input[type="text"].ccCode

{

	width: 50px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#shippingInfo select, #billingInfo select

{

	width: auto;

	float: left;

	margin-right: 10px;

}

#shippingInfo .proceed, #billingInfo .proceed

{

	width: 225px;

	height: 37px;

	float: left;

	background: transparent url('../images/cart_proceed_button.png') no-repeat scroll 0 0;

	border: none;

	text-indent: -9999px;

	margin-top: 10px;

	font-size: 0;

	display: block;

	line-height: 0;

}

#shippingInfo .cancelOrder, #billingInfo .cancelOrder

{

	width: auto;

	float: left;

	margin-left: 4px;

	margin-top: 20px;

}



/*------------------------

MyRTA Forms

-------------------------*/

#myRTA

{

	width: 100%;

	float: left;

}

#myRTA label

{

	width: 100%;

	float: left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-top: 10px;

	margin-bottom: 3px;

}

#myRTA input[type="text"]

{

	width: 200px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#myRTA input[type="text"].zip

{

	width: 50px;

	float: left;

	font-size: 12px;

	color: #999;

	padding: 3px 0 2px 4px;

}

#myRTA select

{

	width: auto;

	float: left;

	margin-right: 10px;

}

#myRTA .submit

{

	width: 105px;

	height: 24px;

	float: left;

	background: transparent url('../images/submit_button_general.gif') no-repeat scroll 0 0;

	border: none;

	text-indent: -9999px;

	margin-top: 10px;

	font-size: 0;

	display: block;

	line-height: 0;

}

#myRTA .update

{

	width: 76px;

	height: 26px;

	float: left;

	background: transparent url('../image/update_button_general.gif') no-repeat scroll 0 0;

	border: none;

	text-indent: -9999px;

	margin-top: 10px;

	font-size: 0;

	display: block;

	line-height: 0;

}

#myRTA .cancelUpdate

{

	width: auto;

	float: left;

	margin-left: 5px;

	margin-top: 15px;

}

/*======================== _02_forms.css End   */





/*======================== _03_links.css Start */



/*------------------------

Mobile Link

-------------------------*/

a.mobile:link, a.mobile:visited

{

	font-size: 9px;

	color: #999;

	text-decoration: none;

	background: transparent url(../images/mobile_icon.png) no-repeat 0px;

	padding: 7px 10px 5px 15px;

}

a.mobile:hover, a.mobile:visited:hover

{

	color: #006227;

}



/*------------------------

Utility Nav Links

-------------------------*/

#utilityNav a:link, #utilityNav a:visited

{

	color: #999;

	text-decoration: none;

}

#utilityNav a:link:hover, #utilityNav a:visited:hover

{

	color: #006227;

}



/*------------------------

Primary Nav Links

-------------------------*/

#primaryNavAndSearch a:link, #primaryNavAndSearch a:visited

{

	color: #666;

	text-decoration: none;

}

#primaryNavAndSearch a:link:hover, #primaryNavAndSearch a:visited:hover

{

	color: #006227;

}





/*------------------------

Breadcrumb Links

-------------------------*/

.breadcrumbs a:link, .breadcrumbs a:visited

{

	color: #666;

	text-decoration: none;

}

.breadcrumbs a:link:hover, .breadcrumbs a:visited:hover

{

	color: #006227;

}



/*------------------------

Content Links

-------------------------*/

div.Content a:link

{

	color: #006227;

}

div.Content a:visited

{

	color: #5ea57a;

}

div.Content h3 a:link

{

	color: #006227;

	text-decoration: none;

}

div.Content h3 a:visited

{

	color: #5ea57a;

	text-decoration: none;

}

div.Content a:link:hover, div.Content a:visited:hover, div.Content h3 a:link:hover, div.Content h3 a:visited:hover

{

	color: #093;

}



#interiorEmergencyAlert a:link, #interiorEmergencyAlert a:visited

{

	color: #fff;

	text-decoration: none;

}

#interiorEmergencyAlert a:link:hover, #interiorEmergencyAlert a:visited:hover

{

	color: #fff;

	text-decoration: underline;

}





/*------------------------

Latest News Links

-------------------------*/

#homeLatestNewsModule a:link, #homeLatestNewsModule a:visited

{

	color: #666;

	text-decoration: none;

}

#homeLatestNewsModule a:link:hover, #homeLatestNewsModule a:visited:hover

{

	color: #006227;

}



/*------------------------

Read More Links

-------------------------*/

a.readMore:link, a.readMore:visited

{

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/document_icon.png) center left no-repeat;

	padding: 7px 0 5px 20px;

}

a.readMore:hover, a.readMore:visited:hover

{

	text-decoration: underline;

}



/*------------------------

PDF Download Link

-------------------------*/

div.Content a.downloadPDF:link, div.Content a.downloadPDF:visited

{

	font-size: 10px;

	color: #006227;

	font-weight: bold;

	text-decoration: none;

	background: transparent url(../images/pdf_icon.png) no-repeat 0px;

	padding: 7px 10px 5px 20px;

}

div.Content a.downloadPDF:hover, div.Content a.downloadPDF:visited:hover

{

	text-decoration: underline;

}



/*------------------------

Print & Download Link

-------------------------*/

a.print:link, a.print:visited

{

	font-size: 12px;

	font-weight: bold;

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/print_icon.png) no-repeat 0px;

	padding: 7px 10px 5px 20px;

}

a.print:hover, a.print:visited:hover

{

	color: #7C3FB9;

}

a.download:link, a.download:visited

{

	font-size: 12px;

	font-weight: bold;

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/download_icon.png) no-repeat 0px;

	padding: 7px 10px 5px 20px;

}

a.download:hover, a.download:visited:hover

{

	color: #7C3FB9;

}



/*------------------------

Search Result Links

-------------------------*/

div.Content a.searchLink:link, div.Content a.searchLink:visited

{

	font-size: 10px;

	color: #006227;

	font-weight: bold;

	text-decoration: none;

	background: transparent url(../images/link_icon.png) no-repeat 0px;

	padding: 7px 10px 5px 20px;

}

div.Content a.searchLink:hover, div.Content a.searchLink:visited:hover

{

	color: #7C3FB9;

	text-decoration: underline;

}



/*------------------------

Teaser Box Module Buttons

-------------------------*/

a.moduleButton:link, a.moduleButton:visited

{

	width: 185px;

	height: 237px;

	position: absolute;

	z-index: 100;

	top: 0;

	left: 0;

}

a.expander:link, a.expander:visited, a.collapser:link, a.collapser:visited

{

	width: 158px;

	height: 30px;

	position: absolute;

	z-index: 100;

	top: 0;

	left: 0;

}

a.sidebarLink:link, a.sidebarLink:visited

{

	width: 100%;

	float: left;

	margin-bottom: 8px;

	font-size: 12px;

	font-weight: bold;

	color: #006227;

	text-decoration: none;

}

a.sidebarLink:hover, a.sidebarLink:visited:hover

{

	color: #7C3FB9;

}



/*------------------------

Location Table Links

-------------------------*/

a.locationTableAddress:link, a.locationTableAddress:visited

{

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/map_icon.png) center right no-repeat;

	padding: 7px 20px 5px 0;

}

a.locationTableAddress:hover, a.locationTableAddress:visited:hover

{

	text-decoration: underline;

}



/*------------------------

Route Links

-------------------------*/

a.routeLink:link, a.routeLink:visited

{

	font-size: 11px;

	color: #999;

	text-decoration: none;

}

a.routeLink:hover, a.routeLink:visited:hover

{

	color: #006227;

}



/*------------------------

Routes Collapser

-------------------------*/

a.routesCollapse:link, a.routesCollapse:visited

{

	font-size: 10px;

	font-weight: bold;

	color: #ccc;

	text-decoration: none;

	background: transparent url(../images/routes_collapse_icon.png) no-repeat 0px;

	padding: 7px 10px 5px 15px;

}

a.routesCollapse:hover, a.routesCollapse:visited:hover

{

	color: #999;

}



/*------------------------

Pagination Links

-------------------------*/

div.Content a.current:link, div.Content a.current:visited

{

	height: 19px;

	display: block;

	font-weight: bold;

	color: #333;

	text-decoration: none;

	padding-top: 6px;

}

div.Content a.current:hover, div.Content a.current:visited:hover

{

	color: #333;

}

div.Content a.page:link, div.Content a.page:visited

{

	height: 19px;

	display: block;

	font-weight: bold;

	color: #fff;

	text-decoration: none;

	padding-top: 6px;

}

div.Content a.page:hover, div.Content a.page:visited:hover

{

	color: #fcba2f;

}



/*------------------------

FAQ Links

-------------------------*/

a.faq:link, a.faq:visited

{

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/faq_icon.png) center left no-repeat;

	padding: 7px 0 5px 20px;

}

a.faq:hover, a.faq:visited:hover

{

	text-decoration: underline;

}



/*------------------------

Cart Links

-------------------------*/

div.ContentCart a:link, div.ContentCart a:visited

{

	color: #006227;

	text-decoration: none;

}

div.ContentCart a:hover, div.ContentCart a:visited:hover

{

	color: #9E51EC;

	text-decoration: none;

}

div.ContentCart a.cancel:link, div.ContentCart a.cancel:visited

{

	color: #ff0000;

	font-weight: bold;

	text-decoration: none;

}

div.ContentCart a.cancel:hover, div.ContentCart a.cancel:visited:hover

{

	text-decoration: underline;

}



/*------------------------

Cart Links

-------------------------*/

#myRTA a:link, #myRTA a:visited

{

	color: #006227;

	text-decoration: none;

}

#myRTA a:hover, #myRTA a:visited:hover

{

	color: #9E51EC;

	text-decoration: none;

}

#myRTA a.cancel:link, #myRTA a.cancel:visited

{

	color: #ff0000;

	font-weight: bold;

	text-decoration: none;

}

#myRTA a.cancel:hover, #myRTA a.cancel:visited:hover

{

	text-decoration: underline;

}

#myRTA a.updatePreferences:link, #myRTA a.updatePreferences:visited

{

	width: auto;

	float: left;

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/update_preferences_icon.png) center left no-repeat;

	padding: 7px 0 5px 20px;

}

#myRTA a.updatePreferences:hover, #myRTA a.updatePreferences:visited:hover

{

	text-decoration: underline;

}

#myRTA a.delete:link, #myRTA a.delete:visited

{

	width: auto;

	float: left;

	color: #006227;

	text-decoration: none;

	background: transparent url(../images/delete_icon.png) center left no-repeat;

	padding: 7px 0 5px 20px;

	margin-left: 10px;

}

#myRTA a.delete:hover, #myRTA a.delete:visited:hover

{

	text-decoration: underline;

}



/*------------------------

Footer Nav Links

-------------------------*/

.footerNavGroup a:link, .footerNavGroup a:visited

{

	color: #888; /* changed from 999 */

}

.footerNavGroup a:link:hover, .footerNavGroup a:visited:hover

{

	color: #666;

}

/*======================== _03_links.css End   */





/*======================== _04_navigation.css Start */





/*======================== _04_navigation.css End   */





/*======================== _05_tables.css Start */



/*------------------------

Table Style 1

-------------------------*/

div.Content table

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	border: 1px solid #666;

	color: #666;

}

div.Content table td

{

	border: 1px solid #000000;

	padding: 5px;

}

#aspnetForm table

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	border: 0px solid #666;

	color: #666;

}

#aspnetForm table td

{

	border: 0px solid #000000;

	padding: 0px;

	

}

caption

{

	caption-side: bottom;

	font-size: 0.9em;

	font-style: italic;

	text-align: left;

	margin-top: 5px;

}

#salesLocations thead

{

	background: #fcba2f;

	height: 45px;

	border: 1px solid #d8a61f;

	font-weight: bold;

}

#salesLocations th

{

	vertical-align: middle;

	padding: 0 5px;

}

#salesLocations td

{

	vertical-align: middle;

	padding: 8px 5px;

}

.borderleft

{

	border-left: 1px solid #d8a61f;

}

.borderleft2

{

	border-left: 1px solid #666;

}

.w40

{

	width: 40px;

}

.w80

{

	width: 80px;

}

.ac

{

	text-align: center;

}

.odd

{

	background: #fff;

}

.even

{

	background: #f3f3f3;

}

.even2

{

	background: #f3f3f3;

	border-top: 1px solid #666;

	border-bottom: 1px solid #666;

}

.locationTableName

{

	font-weight: bold;

}

.esp

{

	font-weight: normal;

	font-style: italic;

}

.fare

{

	font-weight: bold;

}

#faresAndPasses thead

{

	background: #ccc;

	height: 45px;

	border: 1px solid #666;

	font-weight: bold;

}

#faresAndPasses th

{

	vertical-align: middle;

	padding: 0 5px;

}

#faresAndPasses td

{

	vertical-align: middle;

	padding: 8px 5px;

}

.subTableHeading

{

	background: #ccc;

	height: 45px;

	border-top: 1px solid #666;

	border-bottom: 1px solid #666;

	font-weight: bold;

}



/*------------------------

Alerts Table

-------------------------*/

table.alertTable

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	border: none;

	color: #666;

	margin-top: 5px;

	margin-bottom: 20px;

	border: 1px solid #666;

}

th.alertLine

{

	padding: 4px;

}

td.tableHeading

{

	padding: 5px 0 4px 10px;

	background: #666;

	vertical-align: middle;

	color: #fff;

	font-weight: bold;

	border-left: 1px solid #666;

	border-top: 1px solid #666;

	border-right: 1px solid #666;

}

td.directionCol

{

	padding: 5px 0 4px 10px;

	width: 150px;

	vertical-align: middle;

	border-bottom: 1px solid #666 !important;

	border-left: 0px solid #666 !important;

	border-right: 0px solid #666 !important;

	border-top: 0px solid #666 !important;

}

td.statusCol

{

	padding: 5px 0 4px 10px;

	width: 50px;

	vertical-align: middle;

	border-bottom: 1px solid #666 !important;

	border-left: 0px solid #666 !important;

	border-right: 0px solid #666 !important;

	border-top: 0px solid #666 !important;

}

td.detailsCol

{

	padding: 5px 0 4px 10px;

	width: 170px;

	border-bottom: 1px solid #666 !important;

	border-left: 0px solid #666 !important;

	border-right: 0px solid #666 !important;

	border-top: 0px solid #666 !important;

}

td.downloadCol

{

	padding: 5px 0 4px 10px;

	width: 50px;

	vertical-align: middle;

	border-bottom: 1px solid #666 !important;

	border-left: 0px solid #666 !important;

	border-right: 0px solid #666 !important;

	border-top: 0px solid #666 !important;

}





/*------------------------

Service Nearby Table

-------------------------*/

table.serviceNearbyTable

{

	font-size: 11px;

	width: 560px;

	text-align: left;

	color: #666;

	margin-top: 5px;

	margin-bottom: 20px;

	border: none;

}

th.serviceNearbyLine

{

	padding: 4px;

}

td.tableHeading

{

	padding: 5px 0 4px 10px;

	background: #666;

	vertical-align: middle;

	color: #fff;

	font-weight: bold;

}

.serviceNearbyTable td.stopCol

{

	padding: 5px 0 4px 10px;

	width: 85%;

	vertical-align: middle;

	border-bottom: 1px solid #666;

}

td.distanceCol

{

	padding: 5px 0 4px 10px;

	width: 15%;

	vertical-align: middle;

	border-bottom: 1px solid #666;

	text-align: center;

}





/*------------------------

Schedules Table

-------------------------*/

table#scheduleTable

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	border: 1px solid #666;

	color: #666;

	margin-top: 5px;

	margin-bottom: 20px;

}

.w65

{

	width: 65px;

}

#scheduleTable thead

{

	background: #e8e8e8;

	height: 45px;

	border: 1px solid #666;

	font-weight: bold;

}

#scheduleTable th

{

	vertical-align: middle;

	padding: 4px 5px;

}

#scheduleTable td

{

	vertical-align: middle;

	padding: 8px 5px;

	text-align: center;

}

#scheduleTable .borderleft

{

	border-left: 1px solid #666;

}

th.filters

{

	vertical-align: middle;

	padding: 5px 5px;

	background: #666;

}



/*------------------------

Cart Table

-------------------------*/

.w50

{

	width: 50%;

}

.w60

{

	width: 60px;

}

.w150

{

	width: 150px;

}

table.cart

{

	font-size: 11px;

	width: 715px;

	text-align: left;

	color: #666;

	margin-top: 5px;

	margin-bottom: 20px;

	border: none;

}

th.cartHeader

{

	padding: 4px;

	background: #666;

	color: #fff;

	vertical-align: middle;

}

.cart td

{

	padding: 5px;

	vertical-align: middle;

}

td.itemImage

{

	text-align: center;

}

.itemTitle

{

	font-weight: bold;

	width: 100%;

	float: left;

}

.itemDescription

{

	font-weight: normal;

	font-style: italic;

	width: 100%;

	float: left;

}

.itemPrice

{

	font-weight: bold;

}

.itemTotal

{

	font-weight: bold;

}

.deleteItem

{

	width: auto;

	float: left;

	margin-top: 5px;

	margin-left: 5px;

}

table.orderDetailTable

{

	border: none;

}

table.orderDetailTable td

{

	padding: 2px 0;

}

td.lineCost

{

	text-align: right;

}



/*------------------------

MyRTA Tables

-------------------------*/

table.myRTATable

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	color: #666;

	margin-top: 5px;

	margin-bottom: 20px;

	border: none;

}

table.myRTATable2

{

	font-size: 11px;

	width: 100%;

	text-align: left;

	color: #666;

	border: none;

}

th.myRTATableHeader

{

	padding: 4px;

	background: #666;

	color: #fff;

	vertical-align: middle;

}

th.myRTATable2Header

{

	padding: 4px;

	background: #999;

	color: #fff;

	vertical-align: middle;

}

.myRTATable td

{

	padding: 8px 5px;

	vertical-align: middle;

}

td.vt

{

	vertical-align: top;

}

.w120

{

	width: 120px;

}

.w150

{

	width: 150px;

}

/*======================== _05_tables.css End   */





div.Content div table

{

	border:solid 0px #ffffff;

	font-size: 11px;

	width: 100%;

	color:#666;

}

div.Content div table td

{

	font-size: 12px;

	border:solid 0px #ffffff;

	padding:5px;

	vertical-align:top;

	line-height: 1.4em;

}



   div.Content .gallery-image {

    border: 1px solid #E5E1DE;

    float: left;

    height: 130px;

    line-height: 130px;

    margin: 0 5px 5px 0;

    padding: 4px;

    position: relative;

    text-align: center;

    width: 130px;

}





div.Content .gallery-image a {

    border: 1px solid transparent;

}



 div.Content .gallery-image a img {

    max-height: 130px;

    max-width: 130px;

    vertical-align: middle;

}

/*------------------------

Home Headline Links

-------------------------*/

h2.homeHeadline a, h2.homeHeadline a:link, h2.homeHeadline a:visited {

    color: #fff;

    text-decoration: none;

}

h2.homeHeadline a:active, h2.homeHeadline a:hover, h2.homeHeadline a:visited:hover {

    color: #fff;

}



/*===========New Archive box  */ 

.BoxContent div

        {

            display: inline;

            float: left;

            width: 7em;

            color:#666;

            font-size:12px;

            padding-top:7px;

            padding-bottom:7px;

            line-height: 1.4em;

            font-weight:bold;

        }

        

        /*.Button input[type="submit"]

        {

            background: transparent url('../images/small_button_bg.png') no-repeat scroll 0 0;       

			border: medium none;

			color: #FFFFFF;

			cursor: pointer;

			margin: 0;

	 	    padding-top: 0px;

			padding-left: 10px;

			text-align: center;

			text-indent: -5px;

			width: 120px;

			height: 30px;

			cursor: pointer;

            font-weight:normal;

   

        }

        .Button input[type="submit"]:hover

        {

            background: transparent url('../images/small_button_bg.png') no-repeat scroll 0 0;

            width: 120px;

            height: 30px;

            cursor:pointer;

            font-weight:normal;

        }

		div.BoxContent .clear

		{

			width:0px;

			display:none;

		}

		

		div.BoxContent .break

		{

			padding-left:45px;

		}*/

		

/*--*/

.Button input[type="submit"] {

	background: transparent url('../images/small_button_bg_cat.png') no-repeat scroll 0 0;       

	border: medium none;

	color: #FFFFFF;

	cursor: pointer;

	height: 30px;

	margin-top: 3px;

	padding-left: 10px;

	text-align: left;

	text-indent: -5px;

	width: 111px;

	cursor: pointer;

    font-weight:normal;

}

.Button input[type="submit"]:hover {

    background: transparent url('../images/small_button_bg_cat.png') no-repeat scroll 0 0;

    width: 111px;

    height: 30px;

    cursor:pointer;

    font-weight:normal;

}

div.BoxContent .clear {

	width:0px;

	display:none;

}

div.BoxContent .break {

	padding-left:45px;

}

a.homeHeadlineLink:link, a.homeHeadlineLink:visited {

    color: #fff;

    text-decoration: none;

}

a.homeHeadlineLink:link:hover, a.homeHeadlineLink:visited:hover {

    color: #fff;

}

#fancybox-content div.Content {

	height:400px; /*400px;*/

	overflow-y: auto;

	background-color:White;

	border:0;

	float:left;

	width:100%;

	padding-top:0px;

}

#fancybox-content div.Content fieldset {

	overflow:hidden;

	position:relative;

	padding: 1em;

	margin-top:5px;

	border:solid 1px #c9c9c9;

	width:500px;

}

#fancybox-content div.Content legend {

	padding: 0.2em 0.5em !important;

	color:#666 !important;

	font-size:12px !important;

	text-align:left !important;

	position:relative !important;

	font-weight:bold !important;

	top:0px;

}

#fancybox-content div.Content h1 {

	width:100%;

	float:left;

	margin-top: 10px;

	margin-bottom: 6px;

	font-size:24px;

	line-height: 110%;

	font-weight:bold;

	color:#666;

}

#fancybox-content div.Content h2 {

	width:100%;

	float:left;

	margin-bottom: 12px;

	font-size:12px;

	line-height: 110%;

	/*font-style: italic;*/

	font-weight: normal;

	color: #999;

}

#fancybox-content div.Content p {

	width:100%;

    color: #666666;

    font-size: 12px;

    width: 100%;

    float:none !important;

    line-height: 1.6em;

    padding:0;

}

#fancybox-content div.Content label {

	width:100%;

	float:left;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	margin-top: 10px;

	margin-bottom: 3px;

}

#fancybox-content div.Content label.item {

	margin: 0;

	font-weight: normal;

}

#fancybox-content div.Content input[type="text"] {

	width:200px;

	float:left;

	font-size: 12px;

	color: #666;

	padding: 3px 3px 2px 4px;

	margin-right:10px;

}

#fancybox-content div.Content select {

	width:auto;

	float: left;

	color:#666;

}

#fancybox-content div.Content textarea {

	height:150px;

	float:left;

	font-family: Helvetica, sans-serif;

	font-size: 12px;

	color: #666;

	padding: 3px 0 2px 4px;

}

#fancybox-content div.Content div.CheckLabel {

	float:left;

}

#fancybox-content div.Content div.CheckLabel label {

	float:none;

}

#fancybox-content div.Content div.Button a {

	float:left;

	background: transparent url('../images/small_button_bg_cat.png') no-repeat scroll 0 0;       

	border: medium none;

	color: #FFFFFF;

	cursor: pointer;

	height: 30px;

	margin-left:15px;

	margin-top: 3px;

	padding:7px 0 3px 20px;

	text-align: left;

	text-indent: -5px;

	width: 111px;

	cursor: pointer;

    font-weight:bold;

    text-decoration:none;

    font-size:14px;

}

#fancybox-content div.Button {

    float: left;

    margin-left: 200px;

    position: relative;

    padding-top:10px;

}



/*-- google translate --*/

.goog-te-gadget img {

	display: none !important;

}

#google_translate_element {

	position: absolute;

	right: 10px;

	top: 9px;

}

#mobileLink1 {

	right: 114px;

}

#utilityNav {

	right: 260px;

}

.goog-te-gadget-simple .goog-te-menu-value span {

	font-size: 11px;

	color: #666;

}



/*--*/

div#skipNav {

	position: absolute;

	top: 3px;

	left: 20px;

}

div#skipNav a,

div#skipNav a:link,

div#skipNav a:active,

div#skipNav a:hover,

div#skipNav a:visited {

	font-size: 9px !important;

	color: #999;

	opacity: 0;

	filter:alpha(opacity=0);

}

div#skipNav a:focus {

	opacity: 1;

	filter:alpha(opacity=100);

}