/* Reset Browser Styles-------*/
@import url("reset.css");
/* main styles --------------*/
body {
	margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;
	/*background-color :#242424;*/
	background: #242424;}
	
div#canvas{width:765px; height:auto; margin:auto; padding:0; position:relative; background:#565656 url(../images/background_repeat.gif) repeat-y;}
div#banner{float:left;width:765px; height:131px; padding:0;margin:0; position:relative;background:#FAFCFF;overflow:hidden;}
div#topNavBar{float:left;width:765px; height:38px; padding:0;margin:0; position:relative; background:url(../images/bauersNAV_repeat.gif) repeat-x top right; overflow:hidden; }
div#totalContent{float:left;width:765px; height:auto; padding:0;margin:0; position:relative;background:url(../images/background_content_repeat.gif) repeat-y;}
div#bottomLink{float:left;width:765px; height:auto; padding:0;margin:0; position:relative;background:url(../images/background_repeat.gif) repeat-y;}
div#footer{float:left;width:765px; height:91px; padding:12px 0 0 0;margin:0; position:relative;background:url(../images/background_repeat.gif) repeat-y;overflow:hidden;}

h1 {font-family: Arial, Helvetica, sans-serif;font-size: 19px;color: #f47421;text-decoration: none;line-height: 16px;padding:0px;margin:10px 0 0 0;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 24px;font-style: italic;font-weight: bold;color: #534e54;text-decoration: none;padding:0px 0px 0px 15px;
		margin:15px 0px;}
	
/*banner*/
div#banner img{float:left;padding:0;border:none;}
.txtBlackRide {width:350px;	float:left;font-family: Arial, Helvetica, sans-serif;font-size: 30px;font-style: italic;line-height: 36px;font-weight: bold;color: #242424;text-decoration: none;margin:25px 0 0 85px;}
.txtBlackRide a, .txtBlackRide a:hover, .txtBlackRide a:visited {color: #242424;text-decoration: none;}

.txtSmall {width:300px;float:left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: bold;color: #7d7d7d;margin-left:125px;}

div#adRotator{float:left;width:450px;height:131px;overflow:auto;overflow-x:hidden;}
div#adRotator span, div#adRotator img{float:left;padding:0;margin:0;border:none;}
div#adRotator a, div#adRotator a:visited {float:left;text-decoration: none; color: #7f7f7f; }
div#adRotator a:hover {color: #ef710b;}
div#adRotator p{margin:10px 10px 0px 5px; line-height:18px;}

/*end of banner */

/*topNavBar*/
div#topNavBar img{float:left;margin:0;padding:0;border:0;}

/*end of topNavBar*/
/*content */
.flashBanner{float:left;width:765px;height:305px;overflow:hidden;}
.leftMenuButtons{float:left;width:359px; height:224px;padding:0 0 0 16px;}
.leftMenuButtons img{float:left;margin:0;padding:0;border:0;}

.falshVideoPlaceholder{float:left;width:390px; height:218px;}

	/* route updates box */
	.bg-route {float:left;background: url(../images/routes_updates_box.gif) no-repeat center top;width:100%;	height:145px;}
	
	#routelist ul {	padding:0px;float:left;	margin:0px;	width:725px;/*height:94px;*/}
	#routelist li {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;	color: #7f7f7f;	display:inline;	text-decoration:none;	text-transform: uppercase;	text-align:left;	float:left;	height: 33px;	width: auto;	/*background-color:#7e7e7e;*/	border-right-width: 1px; 
border-right-style: solid;	border-right-color: #7d7d7d;	padding:4px 23px 0px 26px;	margin:0px;/*cursor:pointer;*/}
   
   .txtRouteUpdates{width:680px;height:72px;margin:48px auto 0;overflow:auto;}
   .txtRouteUpdates p {/*color:#3E3E3E;*/margin:0 0 15px 0;}
   .txtRouteUpdates p a {/*color:#3E3E3E;*/text-decoration:underline;}
   .txtRouteUpdates p a:hover {/*color:#5ca83b;*/}
  div.txtRouteUpdates p.txtroutenoupdates{text-align:center;font-weight:bold;font-size: 18px;font-style: normal;line-height: 36px;color: #242424;}
  /* .txtroutenoupdates {	font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-style: normal;line-height: 36px;	font-weight:bold;color: #242424;text-decoration: none;	padding: 45px 0px 0px 0px;	text-align:center;} */
	
	/* end of route updates box */

.routesChooseContainer{float:left;width:595px;height:auto;margin:0;padding:0;}
.routesChooseBox{float:left;width:595px;height:auto;margin:0 0 10px 0;padding:0;}
.routesChooseBox img{float:left;margin:0;padding:0;border:0;}
.routesChooseBoxContent{float:left; width:595px; min-height:88px;height:auto;padding:0;margin:0;}

.linkblack {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #272727; text-decoration: none;}
.linkblack a, .linkblack a:visited {text-decoration: none; color: #272727; }
.linkblack a:hover {color: #5ca83b;}
.linkblack a.selected {color: #f5840b;}

.rightMenuButtons{float:left;width:170px; height:auto;margin:0;padding:0;background: url(images/vote_side_BGimg.gif) repeat-y #ebedf0;}
.rightMenuButtons img{float:left;margin:0;padding:0;border:0;}
/* end of content */

/*bottomLink*/
.linetop{border-top:#858688 1px solid;}

.linkbttm {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;font-weight: bold;color: #7f7f7f;text-decoration: none;line-height: 24px;}
.linkbttm a {color: #7f7f7f;text-decoration:underline;}
.linkbttm a:hover {	color: #ef710b;}
	
	/*end of bottomLink */
/* footer*/
div#footer img{float:left;margin:0;padding:0;border:0;}
div#footer_phonenumb{ padding-left:25px; float:right; width:367px; height:79px; }
 .footerText { font-family: Arial, Helvetica, sans-serif;	font-size: 10px;font-weight: normal;color: #636466;	text-decoration: none; text-align:center;}
/*end of footer */

.content{font-family: Arial, Helvetica, sans-serif; width:580px; min-height:400px; height:auto; padding:0 0 0 15px; float:left;background:none;color:#3E3E3E;}
.content a{font-weight: bold;color: #7f7f7f;	text-decoration: underline}
.content a:hover{color:#ef710b;}

.content .contentDetail{margin: 5px 0px 0px 15px; font-size: 10pt; line-height: 18px;}
.content .contentDetail span{font-weight:bold;}
.content .contentDetail p{margin: 0px 15px 0px 0px;}
.content .contentDetail .indent{float:left;width:auto;height:auto;padding: 0px 30px 15px 20px;}
/*.content .contentDetail .indent li{list-style-type:disc;}*/
.content .contentDetail li{list-style-type:disc;margin:0 30px 0 20px;}

.testimonial{text-align:justify; font-style:italic; margin-left:40px; width:500px;}

.row{float:left;clear:left;width:535px;height:30px;margin:0;padding:0;font-style:italic;}
.row1{float:left;width:545px;height:auto;margin:0 0 10px 0;padding:0;}
.leftcol{float:left;width:100px;height:30px;font-weight:bold;}
.rightcol{float:left;width:435px;height:30px;}


div.contentDetail div.rules p{margin:0 30px 15px 0;}
div.contentDetail  hr{margin:0 30px 15px 0;}

.googleMapContainer{width:450px;height:auto;margin:auto;clear:left;}

/*video in viewourgreenfleet page */
.video{background: url(../images/bigscreen.jpg) no-repeat; height:318px; padding:17px 0 0 20px;}

.videoControls{height:318px;width:400px;margin:16px auto 0px;}

/*form getacard.aspx */
.formTable{margin:15px 15px 0 20px; width:545px;}
.formTable tr td{  vertical-align:top;  padding:0 5px 5px 0;}
.radcell{  text-align:left;}
.formTable label {margin:0px 8px}
.ThankYou{  color:#FF0000;  font-weight:bold;}
.formTable td.rightCell{width:225px;}

.commingSoonText{font-size:22px;line-height:26px;font-weight: bold;color: #f18a30;}
.lafSubmit{float:right;margin:-10px 25px 0 0;}

/*custom route*/
.busName, .contactinfo, .riderTipsHeading {font-size:24px;font-weight:bold;color:#f37925;margin:5px 0 12px 0;padding:0;}
.contactinfo, .riderTipsHeading {margin-top:20px;}

.facebook { margin:20px 14px 0px 0px;}

div.contentDetail p.scheduleTimings {color:#4d4e4f;font-weight:bold;font-size:13px;margin:10px 0 12px 0;}
div.busStopWrapper{width:560px;overflow:hidden;padding:0;}
div.busStopWrapper .leftColumn{ width:346px; height:auto; float:left;}
div.busStopWrapper .rightColumn { width:200px; height:auto; float:right;}
.busStopBox{width:540px;  margin-bottom:5px;clear:both;}
.busStopNewBox{width:540px;float:left;  margin-bottom:8px;clear:both;}

.busDirectionBox{float:left;width:305px; height:122px;background:#f1f3f6 url(../images/directions_box.gif) top right no-repeat;  }
.busDirectionBoxLarge{ margin-bottom:12px; border-top:solid 1px #909090; border-bottom:solid 1px #909090; float:left;width:336px; height:auto;background:#f1f3f6 url(../images/directionsbox_bottom.gif) bottom left no-repeat; padding:4px; }

.busStopName{margin:16px 0 0 18px;color:#4f8f30; font-size:12px; font-weight:bold;}
.busStopNewName{margin:10px 0 8px 0px;color:#4f8f30; font-size:12px; font-weight:bold;}

.busStopDescription{padding:5px 0px 8px 0px;color:#4d4e4f;font-size:12px;line-height:15px;}
.descriptionGap{margin-top:20px;}


.busPicBox{float:right; }
.busPicBox img{float:left;background:#fff;padding:4px 4px 4px 4px;}

.busPicTable{width:100%;padding:0;}
.busPicCell{ text-align:right; vertical-align:middle;}

.busStopSpacer{margin:16px 0 24px 0;padding:0;width:531px;height:1px;background:#f1f3f6 url(../images/grey_spacer_line.gif) top left no-repeat;line-height:1px;}

div.contentDetail p.contactText{margin:10px 30px 20px 0;color:#4d4e4f;font-size:12px;}
div.contentDetail p.contactText span.title{font-size:13px; font-weight:bold;}

div.contentDetail ul{margin-bottom:20px;}

div.contentDetail p.sitbackText {margin:5px 0 100px 0;color:#5ca035; font-weight:bold; font-size:24px;}

div#adRotator img.facebookImg{border:none;margin:20px 20px 0 0;float:right;}

div.fordVideo{width:540px;height:375px;margin:20px 0;padding:0; background:none;}

/*ride promo*/
div.contentDetail .ridePromo { margin:5px 30px 30px 0px; }
div.contentDetail .ridePromo a { color:#F37F29; }
div.contentDetail .ridePromo p { background-image:url(../images/leaf_img.gif); background-position:left top; background-repeat:no-repeat; padding-left:24px; margin-top:20px; margin-bottom:12px; }
div.contentDetail .ridePromo .calc { background-image:url(../images/leaf_img.gif); background-position:left top; background-repeat:no-repeat; margin-left:24px; padding-left:24px; font-weight:bold; width:150px; min-width:150px; float:left; line-height:24px; margin-top:-2px; }
div.contentDetail .ridePromo .calc .savings { padding-bottom:2px; border-bottom:solid 2px #000; overflow:visible; }
div.contentDetail .ridePromo .rideHeader { background-color:#F37F29; width:100%; height:24px; color:#FFFFFF; padding-top:4px; font-weight:bold; padding-left:8px;}