@charset 'utf-8';

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
* Filename: slickmap.css
* Version: 1.0 (2009-07-22)
* 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)

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

/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

#primaryNav li 						{ width: 20%; }
	#primaryNav li ul li 			{ width: 100% !important; }
	#primaryNav.col1 li 			{ width:99.9%; }
	#primaryNav.col2 li 			{ width:50.0%; }
	#primaryNav.col3 li 			{ width:33.3%; }
	#primaryNav.col4 li 			{ width:25.0%; }
	#primaryNav.col5 li 			{ width:20.0%; }
	#primaryNav.col6 li 			{ width:16.6%; }
	#primaryNav.col7 li 			{ width:14.2%; }
	#primaryNav.col8 li 			{ width:12.5%; }
	#primaryNav.col9 li 			{ width:11.1%; }
	#primaryNav.col10 li 			{ width:10.0%; }
	
	
/* GENERAL STYLES
==========================================*/

.sitemap 							{ margin: 0 0 40px 0; float: left; width: 100%; }
	.sitemap ol, .sitemap ul 		{ list-style: none; }


/* SITEMAP STYLES
==========================================*/

/* --------	Top Level --------- */

#primaryNav 						{ margin: 0; float: left; width: 100%; }
	#primaryNav #home 				{ display: block; float: none; background: #ffffff url('../_img/img_sitemap-L1-left.png') center bottom no-repeat; 
									  position: relative; z-index: 2; padding: 0 0 30px 0; }
	#primaryNav li 					{ float: left; background: url('../_img/img_sitemap-L1-center.png') center top no-repeat; padding: 30px 0; margin-top: -30px;
									  border-bottom: none; }
		#primaryNav li a 			{ margin: 0 20px 0 0; padding: 10px 0; display: block; font-size: 11px; font-weight: normal; text-align: center; color: #444;	
									  background: #C4DADE url('../_img/img_sitemap-white-highlight.png') top left repeat-x; border: 1px solid #237781;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		#primaryNav li a:hover 		{ background-color: #E7F0F2; border-color: #237781; }
		#primaryNav li:last-child 	{ background: url('../_img/img_sitemap-L1-right.png') center top no-repeat; }
		#primaryNav li a:link:before, #primaryNav li a:visited:before 
									{ color: #78a9c0; }

/* --------	Second Level --------- */

	#primaryNav li li 				{ width: 100%; clear: left; margin-top: 0; padding: 10px 0 0 0; 
									  background: url('../_img/img_sitemap-vertical-line.png') center bottom repeat-y; list-style: none; }
		#primaryNav li li a 		{ background-color: #E9ADAC; border-color: #CD4544; }
		#primaryNav li li a:hover 	{ border-color: #CD4544; background-color: #F6DEDE; }
		#primaryNav li li:first-child { padding-top: 30px; }
		#primaryNav li li:last-child  { background: url('../_img/img_sitemap-vertical-line.png') center bottom repeat-y; }
		#primaryNav li li a:link:before, #primaryNav li li a:visited:before 
									{ color: #8faf5c; }

/* --------	Third Level --------- */

#primaryNav li li ul 				{ margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 10px 0; 
									  background: #ffffff url('../_img/img_sitemap-L3-ul-top.png') center top no-repeat; }
#primaryNav li li li 				{ background: url('../_img/img_sitemap-L3-center.png') left center no-repeat; padding: 5px 0; }
	#primaryNav li li li a 			{ background-color: #DDD; border-color: #888; font-size: 12px; padding: 5px 0; width: 80%; float: right; }
	#primaryNav li li li a:hover 	{ background-color: #F2F2F2; border-color: #888; }
	#primaryNav li li li:first-child { padding: 15px 0 5px 0; background: url('../_img/img_sitemap-L3-li-top.png') left center no-repeat; }
	#primaryNav li li li:last-child { background: url('../_img/img_sitemap-L3-bottom.png') left center no-repeat; }
	#primaryNav li li li a:link:before, #primaryNav li li li a:visited:before 
									{ color: #ccae14; font-size: 9px; }


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

#utilityNav 						{ float: right; max-width: 50%; margin-right: 10px; }
	#utilityNav li 					{ float: left; margin-bottom: 10px; border-bottom: none; background: none; }
		#utilityNav li a 			{ margin: 0 10px 0 0; padding: 5px 10px; display: block; border: 1px solid #888; font-size: 11px; font-weight: normal;
									  text-align: center; color: #444; background: #DDD url('../_img/img_sitemap-white-highlight.png') top left repeat-x;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		#utilityNav li a:hover 		{ background-color: #F2F2F2; border-color: #888; }
		#utilityNav li a:link:before, #utilityNav li a:visited:before 
									{ color: #ccae14; font-size: 9px; margin-bottom: 3px; }