@charset 'utf-8';

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: global.css
* Version: 1.0 (2009-07-20)
* Author: Rob Masefield
* Copyright (C) 2009 Cathay Pacific Airways

== STRUCTURE: ====================================================

* Page width: 960 px
* Number of columns: 2
* Primary Colours: #237781 (Lt Green), #004A53 (Dk Green), 
                   #CD4544 (Red), #444444 (Grey)

==================================================================
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* RESET AND BASICS
==========================================*/

*									{ margin: 0; padding: 0; }
html 								{ overflow-y: scroll; }
body								{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; 
									  background: white url(../_img/img_bg.jpg) top center no-repeat; }
p									{ line-height: 16px; }
table                  				{ border-collapse:collapse; border-spacing:0; }
img									{ vertical-align: middle; }
address,caption,cite,code,dfn,th,var 
                       				{ font-style:normal; font-weight:normal; }
ol,ul                  				{ list-style:none; }
caption,th             				{ text-align:left; }
h1,h2,h3,h4,h5,h6      				{ font-size:100%; font-weight:normal; }
q:before,q:after       				{ content:''; }
abbr,acronym          				{ border:0; }
.clear								{ clear: both; }
.alignCenter						{ text-align: center; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }


/* TAGS
==========================================*/

h1									{ font-family: Georgia, 'Times New Roman', Times, serif; font-size: 24px; margin-bottom: 10px; }
h2									{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #237781; padding-bottom: 6px; border-bottom: 1px solid #CCC; }
h2.noUnderline						{ border-bottom: none; }
h3									{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight: bold; margin-bottom: 5px; }
	h3.red							{ color: #CD4544; }
ul li								{ background: url(../_img/ico_bullet.gif) no-repeat left; background-position: 8px 11px; padding: 8px 0 8px 30px; 
									  border-bottom: 1px dotted #CCC; line-height: 16px; }	
	ul li.blank						{ background: none; padding: 10px 0; border-bottom: 1px dotted #CCC; line-height: 16px; }								  
ol li								{ list-style: decimal; list-style-position: outside; padding: 8px 0 8px 12px; margin-left: 30px; border-bottom: 1px dotted #CCC; line-height: 16px; }
	.lastBullet						{ border-bottom: none; }
ol li li							{ list-style: lower-alpha; list-style-position: outside; padding: 1px;  border-bottom: none; line-height: 16px; 
									  margin: 5px 0 0 55px; }
ol li ul li							{ list-style: disc; padding: 1px; border-bottom: none; line-height: 16px; margin: 5px 0 0 35px; background-image: none; }
ul li li							{ list-style: disc; padding: 1px; border-bottom: none; line-height: 16px; margin: 5px 0 0 35px; background-image: none; }
blockquote							{ color: #666; line-height: 16px; padding-left: 15px; margin-left: 30px; border-left: 2px dotted #999; }
a, a:visited						{ text-decoration: none; outline: none; color: #237781; }
a:hover								{ color: #004A53; border-bottom: 1px dotted #004A53; }
a.blank, a:visited.blank			{ border: none; text-decoration: none; }
a:hover.blank						{ border: none; text-decoration: none; }
a img								{ border: none; }


/* STRUCTURE
==========================================*/

#pageContainer						{ width: 960px; margin: 0 auto 30px auto; }
#printLogo							{ display: none; } /* hide on all pages */
#printSummary						{ display: none; } /* hide on all pages */
#topLinks							{ width: 960px; height: 40px; }
	#topLinks span					{ float: right; margin-top: 20px; color: #CD4544; }
#featureImageSm						{ width: 960px; height: 250px; }
#breadcrumbs						{ width: 900px; height: 30px; margin: 15px 30px 20px 30px; font-size: 10px; background: #EEE; border: 1px solid #DDD; }
	#breadcrumbsText				{ margin-top: 9px; margin-left: 10px; float: left; }
	#facebookLike					{ margin-top: 7px; margin-bottom: 5px; }
#leftColumn							{ float: left; width: 200px; margin: 0 0 30px 30px; display: inline; }
#rightColumn						{ float: right; width: 670px; margin: 0 30px 30px 0; display: inline; }
#fullColumn							{ width: 900px; margin: 0 30px 30px 30px; }
#tourDuration						{ float: right; }
	#tourDuration h1				{ color: #CD4544; }
#toolsContainer						{ float: right; width: 120px; margin: 0 0 10px 15px; background: #FFF; }
	.toolsButton					{ float: right; width: 50px; margin-left: 10px; }
.packageTitleContainer				{ float: left; width: 210px; margin: 20px 20px 0 0; }
.packageTitleContainerLast			{ float: left; width: 210px; margin-top: 20px; }
.packageItemContainer				{ float: left; width: 208px; height: 485px; margin: 0 20px 30px 0; border: 1px solid #CCC; background: #F7F7F7; }
.packageItemContainerLast			{ float: left; width: 208px; height: 485px; margin: 0 0 30px 0; border: 1px solid #CCC; background: #F7F7F7; }
	.packageItemContent				{ margin: 15px; }
	.packagePrice					{ float: right; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin: 8px 0px 0px 10px; color: #CD4544; font-weight: bold; }
	.packageDetails					{ float: right; color: #444; font-size: 10px; text-align: right; line-height: 11px; margin-top: 5px; }
.busPackPriceContainer				{ float: left; width: 198px; margin-right: 15px; border: 1px solid #CCC; background: #F7F7F7; }
.busPackPriceContainerLast			{ float: left; width: 198px; border: 1px solid #CCC; background: #F7F7F7; }
	.busPackDetails					{ margin: 15px; text-align:center; }
	.busPackPrice					{ font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #CD4544; font-weight: bold; }
#footerContainer					{ width: 960px; margin: 30px 0; }
.boxContentContainer				{ border: 1px solid #CCC; background: #F7F7F7; }
	.boxContent						{ margin: 0 15px; padding: 15px 0; }
	#footerLinks					{ float: left; }
	.footerLogos					{ float: right; margin-left: 20px; margin-bottom: 15px; }
	.footerLogosLast				{ float: right; margin: 0 30px 15px 20px; }
	.footerLogos a:hover			{ border-bottom: none; }
	.footerLogosLast a:hover		{ border-bottom: none; }
	#footerBar						{ border-bottom: 4px solid #E2302F; height: 24px; background: url(../_img/bg_footer.jpg) repeat-x; padding-top: 12px; color: #77BBBB; 
									  text-align: center;  }
	#footerBar a:link, #footerBar a:visited				
									{ color: #99dddd; text-decoration: underline; }
									
.testimonialContainer				{ width: 210px; float: left; margin-right: 20px; margin-bottom: 30px; }
	
.testimonialContainer				{ background: url(../_img/img_testimonial-top.gif) top center no-repeat #EEEEEE; }
	.testimonialContainer p			{ margin: 15px; font-style: normal; color: #666666; }
	
.testimonialSource					{ width: 210px; height: 40px; float: left; background: url(../_img/img_testimonial-bottom.gif) top center no-repeat #FFFFFF; }
	.testimonialSource p			{ margin: 15px 50px 0 0; font-style: italic; text-align: right; color: #444444; }


/* NAVIGATION
==========================================*/

#menuContainer						{ width: 960px; height: 40px; background: url(../_img/bg_navigationBar.gif) repeat-x; }
	#firstMenuItem					{ float: left; margin-left: 30px; margin-top: 14px; }
	#firstMenuItem a:hover			{ border-bottom: none; }
	.menuItem						{ float: left; margin-top: 14px; }
	.menuItem a:hover				{ border-bottom: none; }
	

/* IMAGES
==========================================*/	
	
.img-desc-300 						{ position: relative; display: block; width: 300px; float: right; margin: 0px 0px 10px 15px; }
.img-desc-300 cite 					{ background: #111; filter: alpha(opacity=70); opacity:.70; color: #fff; position: absolute; bottom: 0; left: 0; 
									  width: 288px; /*remember to subtract 12 */ font-size: 10px; padding: 6px; border-top: 1px solid #999; text-align: center; }
.img-desc-150 						{ position: relative; display: block; width: 150px; float: right; margin-bottom: 15px; }
.img-desc-150 cite 					{ background: #111; filter: alpha(opacity=70); opacity:.70; color: #fff; position: absolute; bottom: 0; left: 0; 
									  width: 144px; /*remember to subtract 6 */ font-size: 10px; padding: 3px; border-top: 1px solid #999; text-align: center; }							  
.img-desc-200 						{ position: relative; display: block; width: 200px; float: right; margin: 0px 0px 10px 15px; }
.img-desc-200 cite 					{ background: #111; filter: alpha(opacity=70); opacity:.70; color: #fff; position: absolute; bottom: 0; left: 0; 
									  width: 196px; /*remember to subtract 6 */ font-size: 10px; padding: 3px; border-top: 1px solid #999; text-align: center; }								  
img.stars							{ float: right; }
img.icon							{ vertical-align: middle; margin-right: 3px; border: 0; }
img.icon32							{ vertical-align: middle; margin-right: 8px; border: 0; }
img.dayCount						{ margin-top: 3px; }
img.highlightThumb					{ float: left; margin: 0 15px 10px 0; }
img.vertTitles						{ margin: 15px; }

img.close							{ float: right; cursor: hand; cursor: pointer; }
									  

/* TABLES
==========================================*/									  
									  
.dataTables, .otherTables			{ width: 670px; padding: 0; margin: 0; }

.compareTables						{ width: 100%; padding: 0; margin: 0; }

.dataTables caption, .otherTables caption, .compareTables caption				
									{ padding: 0 0 5px 0; width: 670px;	font-size: 10px; text-align: right; color: #888; }

.dataTables th 						{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; border-right: 1px solid #D9E9E9; 
									  border-bottom: 1px solid #D9E9E9; border-top: 1px solid #D9E9E9; letter-spacing: 2px; text-transform: uppercase; 
									  text-align: left; padding: 6px 6px 6px 12px; background: #D9E9E9 url(../_img/bg_tableHeader.jpg) no-repeat;
									  vertical-align: bottom; }
.dataTables th.nobg 				{ border-top: 0; border-left: 0; border-right: 1px solid #D9E9E9; background: none; color: #237781; }
.dataTables td 						{ border-right: 1px solid #D9E9E9; border-bottom: 1px solid #D9E9E9; background: #fff; padding: 6px 6px 6px 12px; color: #444; }
.dataTables td.alt 					{ background: #F5FAFA; color: #444; }
.dataTables th.spec 				{ border-left: 1px solid #D9E9E9; border-top: 0; font-weight: bold; color: #666; background: #FFF;  }
.dataTables th.specalt 				{ border-left: 1px solid #D9E9E9; border-top: 0; font-weight: bold; color: #444; background: #F5FAFA; }

.otherTables th 					{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #237781; letter-spacing: 2px; text-transform: uppercase; 
									  text-align: left; padding: 6px 6px 6px 12px; background: #D9E9E9; border-bottom: 1px solid #D9E9E9; vertical-align: bottom; }
.otherTables th.nobg 				{ background: #FFF; }
.otherTables td 					{ border-bottom: 1px dotted #237781; background: #FFF; padding: 6px 6px 6px 12px; color: #444; }
.otherTables td.alt 				{ background: #F5FAFA; color: #444; }
.otherTables th.spec 				{ border-bottom: 1px dotted #237781; font-weight: bold; color: #666; background: #FFF; }
.otherTables th.specalt 			{ border-bottom: 1px dotted #237781; font-weight: bold; color: #444; background: #F5FAFA; }

.compareTables td 					{ border-bottom: 1px dotted #237781; background: #FFF; padding: 4px 4px 4px 8px; color: #444; font-size: 9px; }
	td.tableHighlight				{ background: #D7EAEA; }
.compareTables td.alt 				{ background: #F5FAFA; color: #444; }
.compareTables td.altHighlight 		{ background: #D7EAEA; color: #444; }
.compareTables th.spec 				{ border-bottom: 1px dotted #237781; font-weight: bold; color: #666; background: #FFF; }
.compareTables th.specalt 			{ border-bottom: 1px dotted #237781; font-weight: bold; color: #444; background: #F5FAFA; }


/* SPECIALTY LINKS
==========================================*/

.otherTables a:link, .otherTables a:visited, .dataTables a:link, .dataTables a:visited
									{ text-decoration: none; outline: none; color: #CD4544; }
.otherTables a:hover, .dataTables a:hover				
									{ color: #CD4544; border-bottom: 1px solid #CD4544; }

/* TYPOGRAPHY
==========================================*/

.notes								{ color: #888; font-size: 10px; line-height: 11px; }
.termsConditions					{ font-size: 10px; line-height: 12px; }
.price								{ color: #CD4544; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.red								{ color: #CD4544; }