							
html 						{ overflow-y: scroll; }

.bannerNotes				{ font-family: Verdana, Arial; font-size: 9px; color: #999999; margin-left: 5px; }

.bannerNotes a:link, .bannerNotes a:visited
							{ font-family: Verdana, Arial; font-size: 9px; color: #237781; text-decoration: none; }
							
.bannerNotes a:hover		{ font-family: Verdana, Arial; font-size: 9px; color: #237781; text-decoration: underline; }

a:link.goBack, a:visited.goBack
							{ font-family: Verdana, Arial; color: #237781; text-decoration: none; }
							
a:hover.goBack				{ font-family: Verdana, Arial; color: #237781; text-decoration: underline; }

tr.headRow					{ background: #D9E9E9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
                              font-weight: bold; color: #237781; }

tr.fareRow					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }
td.fareRow					{ border-bottom: 1px dotted #237781; }

.fromNotes					{ font-family: Verdana, Arial; font-size: 9px; color: #999999; }

.fareTitle					{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #444444; }

#flightInfoBox				{ height: 56px; background: url(../images/onlineFares_grad_fareInfo.gif) repeat-x; border: 1px solid #d9e9e9; margin-top: 15px; }
#flightInfo					{ margin: 10px; background: #FFFFFF; border: 1px solid #d9e9e9; vertical-align: middle; padding: 8px;
							  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }
#flightInfo	span			{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #444444; margin-right: 30px; font-weight: bold; }
							  
#fareParticulars			{ margin: 15px 15px 0 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }
#fareParticulars h2			{ margin: 30px 0px 10px 0px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CD4544; }

#fareParticulars td			{ padding: 4px; border-bottom: 1px dotted #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; 
							  font-size: 10px; color: #444444; }
							  
.fareNotes					{ margin: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }


#headerRow					{ width: 522px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #237781; background: #D9E9E9; }

.fareDestinationHd			{ width: 98px; float: left; }                                                                                             
.farePurchaseByHd			{ width: 85px; float: left; }
.fareDepartPeriodHd			{ width: 158px; float: left; }                                                                               
.fareFareHd					{ width: 98px; float: left; }

.fareDestinationHd p, .farePurchaseByHd p, .fareDepartPeriodHd p, .fareFareHd p              
							{ margin: 8px; padding: 0; font-weight: bold; }



/* Book Drop Downs */

.fare                       { width: 522px; cursor: hand; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;
							  }
	.fare:hover             { background: #EEEEEE; }
            
.dottedRowDivider			{ border-bottom: 1px dotted #237781; }

.dottedRowDividerWhite		{ border-bottom: 1px dotted #FFFFFF; }


.fareLast                   { width: 522px; cursor: hand; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444;
							  border-bottom: 1px dotted #237781; }
	.fareLast:hover         { background: #EEEEEE; }
            
.bookingContainer           { width: 522px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }
.bookingContainerStatic     { width: 532px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }

.booking                    { width: 522px; background: #D9E9E9 url('../images/bg_bookingPanel.jpg') repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; 
							  font-size: 11px; color: #444444; margin-bottom: 15px; border-bottom: 1px solid #237781; padding-top: 5px; }
.bookingLast                { width: 522px; background: #D9E9E9 url('../images/bg_bookingPanel.jpg') repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; 
							  font-size: 11px; color: #444444; margin-bottom: 15px; padding-top: 5px; }
.bookingStatic              { width: 522px; background: #D9E9E9 url('../images/bg_bookingPanel.jpg') repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; 
							  font-size: 11px; color: #444444; margin-bottom: 15px; border-bottom: 1px solid #237781; padding-top: 5px; }
                                                                                      
.bookingHeader				{ width: 532px; background: #004a53 url('../images/bg_bookBarSelected.jpg') repeat-x; margin-top: 20px; }
	.bookingHeader p		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; padding: 10px; margin: 0; }
.bookingHeaderStatic		{ width: 522px; background: #004a53 url('../images/bg_bookBarSelected.jpg') repeat-x; margin-top: 20px; }
	.bookingHeaderStatic p	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; padding: 10px; margin: 0; }

.tandcs                     { padding: 15px; background: #FFFFFF; font-size: 9px; }

.selectedFare               { background: #004a53 url('../images/bg_bookBarSelected.jpg') repeat-x; color: #FFFFFF; margin-top: 15px; border-bottom: 1px solid #004a53; }
	.selectedFare:hover     { background: #004a53 url('../images/bg_bookBarSelected.jpg') repeat-x; color: #FFFFFF; margin-top: 15px; border-bottom: 1px solid #004a53; }
                                                                                    
.dotmContainer              { width: 522px; background: #FFFFFF; }

.dotmTitle                  { font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0; display: none; } 

.dotmImage                  { width: 522px; height: 240px; background: #FFF url(../images/images_dotm_YOTT.jpg) top left no-repeat; }

.dotmDetails                { width: 522px; height: 60px; padding-top: 180px; }

.dotmPrice                  { float: right; margin-right: 15px; margin-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; color: #FFFFFF; }
.dotmFrom                   { float: right; margin-right: 5px; margin-top: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.dotmDestination            { float: right; margin-right: 15px; margin-top: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; color: #FFFFFF; }

.fareDestination            { width: 98px; float: left; }
	.fareDestination p      { margin: 8px; padding: 0; font-weight: bold; }
	.fareDestination img    { margin-top: 3px; }   
	
.fareDestinationOff         { width: 98px; float: left; }
	.fareDestinationOff p   { margin: 8px; padding: 0; font-weight: bold; color: #FFFFFF}
	.fareDestinationOff img { display: none; }                            

.farePurchaseBy             { width: 80px; float: left; }
	.farePurchaseBy p       { margin: 8px; padding: 0; }

.fareDepartPeriod           { width: 158px; float: left; }
	.fareDepartPeriod p     { margin: 8px; padding: 0; }

.fareFare                   { width: 98px; float: left; }
	.fareFare p             { margin: 8px; padding: 0; font-weight: bold; }
	.fareFare span, .fromNotes  
							{ font-family: Verdana, Arial; font-size: 9px; color: #999999; }
                                                                                    
.bookToggle                 { width: 83px; float: right; }
	.bookToggle img         { margin: 8px; }
            
.clearFloat                 { clear: both; }
