/* =DEFAULTS
====================================================================================== */

/* Reset all browser-specific defaults */
* {margin: 0; padding: 0;} /* Zero out browser default margins and paddings for all elements */
ol,ul {list-style:none;} /* remove default list styles */
h1,h2,h3,h4,h5,h6 {font-size:100%;} /* remove default font-sizes styles */
a img {border: 0;} /* Remove border around linked images */
table {border-collapse: collapse;} /* use the collapse model for tables, cells share common borders */
fieldset {border: none;} /* Removes fieldset borders */
/*label { cursor: pointer; }  Give visual feedback that label elements are clickable and set focus on their target */
p { text-align:justify; margin: 2px 0; }
h1 { font-size:18px; }
h2.ir a span { font-size:15px; border-bottom: 1px solid #CCCCCC; padding-bottom:0; margin-bottom:5px; }
/* =BODY 
====================================================================================== */
body {
 background:#d2e5f3 url('bg-body.gif') 0 0 repeat-x;
 font: normal 62.5%/1.2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* set up 1em = 10px (at standard browser default settings of 16px) */
 color:#585d61;
}


/* =LINKS 
====================================================================================== */
/* Global defaults 
---------*/
a, a:link {color:#069; text-decoration:none; font-weight:bold; }
a:visited {color:#069; text-decoration:none; font-weight:bold;}
a:hover {color:#F60;	text-decoration:underline;}
a:active {color:#F60;	text-decoration: none;}
a:focus { outline: none;} /* remove dotted outline when clicked in FF */

/* Utility Nav 
------------*/
#navUtility li a, #navUtility li a:link {color:#aeaeae;}
#navUtility li a:hover {color:#08d;}

/* .readmore links 
----------------*/
#content a.readmore, #content a.readmore:link, #content .readmore a, #content .readmore a:link {text-decoration: underline; color:#07d; }
#content a.readmore:visited, #content .readmore a:visited {	text-decoration: underline;}
#content a.readmore:hover, #content .readmore a:hover {	text-decoration: underline; color:#f60;}
#content a.readmore:active, #content .readmore a:active {	text-decoration: underline;}

/* A Block h3 links */
#ablock h3 a, #ablock h3 a:link {color:#005C93;}
#ablock h3 a:hover {color:#f60; text-decoration:underline;}
/* B&C Block h2 links */
#bblocks div.storyblock a:hover h2{color:#F60; text-decoration:underline; cursor:pointer;}
#cblocks div.storyblock a:hover h2{color:#F60; text-decoration:underline; cursor:pointer;}
#newsletter a:hover h2{color:#F60; text-decoration:underline; cursor:pointer;}
/* TravelComm h3
--------------*/
#column1 #travelcomm h3 a, #column1 #travelcomm h3 a:link {color:#069;}
#column1 #travelcomm h3 a:hover {color:#f60; text-decoration:underline;}

/* World Hum h3 and .readmore
---------------------------*/
#column2 #worldhum h3 a, #column2 #worldhum h3 a:link, #column2 #worldhum .readmore a, #column2 #worldhum .readmore a:link {color:#f60;}
#column2 #worldhum h3 a:hover, #column2 #worldhum .readmore a:hover {color:#07d;}

/* Destination Block '#locations' links and '.selected' state
------------------------------------*/
#destblock #locations a, #destblock #locations a:link {color:#07d;}
#destblock #locations a:hover, #destblock #locations a.selected {color:#f60; text-decoration:underline;}

/* Destination Block '#highlights h3' links
------------------------------------*/
#destblock #highlights h3 a, #destblock #highlights h3 a:link {color:#07d;}
#destblock #highlights h3 a:hover, #destblock #highlights h3 .selected a {color:#f60; text-decoration:underline;}

/* BookIt Forms links
--------------------*/
#bookit label span a, #bookit label span a:link, #bookit .carLocale a, #bookit .carLocale a:link { color:#acd1eb;}
#bookit label span a:hover, #bookit .carLocale a:hover {color:#f60; text-decoration:underline;}


/* Footer links 
-------------*/
#footer a, #footer a:link {color:#aeaeae;}
#footer a:hover {color:#08d;}
#footer li { list-style-type:none; display:inline; }

/* =TYPOGRAPHY
====================================================================================== */
/* top level font-size setting // 1.2em = 12px */
#container {
	font-size:1.2em;
}

/* Header Defaults */
h1,h2,h3 {
	color:#000;
}

/* h2 */
#bblocks h2, #newsletter h2, #travelcomm h2 {
	font-size:1.33em;
}
#ablock h2, #cblocks h2 {
	font-size:1.16em;
}
#bblocks h2, #cblocks h2, #newsletter h2, #travelcomm h2 {
	letter-spacing:-1px;
}
#destblock h2 {
	font-size:1.1em;
	color:#00375e;
}

/* h3 */
#ablock div.mainstory h3 {
	font-size:1.5em;
}
#ablock div.substory h3, #travelcomm h3, #worldhum h3, #highlights h3 {
	font-size:1.08em;
}
#travelcomm h3 {
	letter-spacing:-1px;
}
#bookit h3 {
	font-size:1em;
	color:#fff;
}


/* =LAYOUT DIVS
====================================================================================== */
#container {
	margin:9px auto;
	width:990px;
}

/* =CONTENT 
Includes Main Content and Siderail *******************************/		
#content {
	/* position:relative; */
	z-index:1;
	margin-top:13px;
	width:990px;
	padding-bottom:20px;
	background:#fff url(bg-content.gif) 0 0 repeat-y;
}
#contentBlock {
	margin-top:0px;
}
#content_footer {
	position:relative;
	z-index:1;
	margin-top:9px;
	width:990px;
	padding-bottom:20px;
	
}	

	/* =Main Content 
	- container for A Block and both main columns
	-------------------------------------------*/
	#main {
		float:left;
		width:662px;
	}
	#main p { padding: 2px 5px; text-align:justify; }
	/* =A Block 
	A-Block is NOT a Flash piece. The Large photo and the faded part of the photo to the right
	are all one jpeg sitting in the background. Each A-Block can consist of two stories, 
	Story 1 and Story 2. They sit in Slot A (#mainstory) or Slot A2 (.substory).
	
	There are TWO versions of the block contained in the markup, #ablock1 and #ablock2.
	One is hidden by default. Onload - a Javascript will randomly select one or the other to display.
  -----------------------------------------------------------------------------------------------*/
	#ablock {
		width:662px;
		background:#d7e0e8;
		z-index:1;
	}
	
	/* =ABlock1
	- shown by default, to be randomly made 'display:none' via JS onload
	(swapped with '#ablock2')
	-------------------------------------------------------------------*/
	#ablock1 {
		display:block; 
		position:relative; /* set up positioning context */
		z-index:1;
	}

	/* =ABlock2
	- hidden by default, to be randomly made 'display:block' via JS onload
	(swapped with '#ablock1')
	-------------------------------------------------------------------*/
	#ablock2 {
		display:none;
		position:relative; /* set up positioning context */
		z-index:1;
	}
	
	/* Common ABlock rules 
	----------------------*/
	#ablock img.bigphoto {
		position:absolute; /* relative to containing parent '#ablock1' or '#ablock2' */
		z-index:1;
		top:0;
		left:0;
		width:662px;
		height:268px;
	}
	#ablock div.stories {
		/*position:absolute;*/ /* relative to containing parent '#ablock1' or '#ablock2' */
		/*top:0;
		left:426px;
		width:236px;*/
		position:relative;
		z-index:1;
		float:right;
		width: 392px;
		min-height:268px;
	}
	#links li { border-bottom:1px dotted #000066; padding-bottom:4px; margin-bottom:8px; line-height:30px; }
		#ablock div.stories1 {
		/*position:absolute;*/ /* relative to containing parent '#ablock1' or '#ablock2' */
		/*top:0;
		left:426px;
		width:236px;*/
	
		float:right;
		width: 640px;
		background:url('contentbg.gif') repeat-x #fff;
		margin: 10px;
		min-height:268px;
	}
	/* Slot A - mainstory 
	--------------------*/
	#ablock div.mainstory {
		margin-top:8px;
		padding:0 15px 0 7px;
		color:#000;
		z-index:1;
	}
	#ablock div.mainstory p {
		font-size:1.08em;
		z-index:1;
	}
	
	/* Slot A2 - substory
	--------------------*/
	#ablock div.substory {
		margin-top:0px;
		padding:0 8px 0 10px;
		color:#27353D;
		z-index:1;
	}
	#ablock div.substory h2 {
		margin-bottom:3px;
		z-index:1;
	}
	#ablock img.substoryimage {
		float:left;
		margin-right:5px;
		width:78px;
		z-index:1;
	}

/* Column Wrapper
- div container for the 2 main content columns
---------------------------------------------*/		
#colwrapper {
	width:662px;
	padding:6px 0 0;
	background:url(bg-ablock-shadow.gif) 0 0 no-repeat;	
}

	/* =Column 1
	- left col in main content
	-------------------------*/
	#column1 {
		float:left;
		margin-left:3px;
		width:328px;
	}
	
	/* =B Blocks, Column 1
	--------------------*/
	#bblocks {
		width:315px;
		padding:0 0 0 6px;
	}
	#bblocks div.storyblock {
		margin-bottom:8px;
	}
	#bblocks div.storyblock h2 {
		margin-bottom:3px;
	}
	#bblocks div.storyblock img {
		float:left;
		margin:0 8px 0 0;
		width:158px;
	}

	/* =C Blocks, Column 1
	--------------------*/
	#cblocks {
		margin-top:0px;
		width:289px;
		padding:0 0 0 6px;
	}
	#cblocks div.storyblock {
		margin-bottom:8px;
	}
	#cblocks h2, #cblocks p {
		float:right;
		width:195px;
	}
	#cblocksimg {
		float:left;
		margin:0 8px 0 0;
		width:86px;
	}

	/* =Newsletter, Column 1
	----------------------*/
	#newsletter {
		margin-top:0px;
		width:289px;
		padding:0 0 0 6px;
	}
	#newsletter h2, #newsletter p {
		float:right;
		width:227px;
	}
	#newsletter img {
		float:left;
		margin:0 8px 0 0;
		width:54px;
	}

	/* =TravelCommunity, Column 1
	- includes Travel Forums and Active Discussions blocks
	------------------------------------------------------*/
	#travelcomm {
		margin-top:0px;
		padding:0 0 0 6px;
	}
	#travelcomm h2 {
		margin-bottom:5px;
	}
	#travelforums {
		margin-bottom:8px;
		width:315px;
	}
	#activediscuss {
		margin-bottom:8px;
		width:289px;
	}
	#activediscuss p.readmore {
		width:200px;
	}
	#activediscuss p.readmore a {
		margin-right:5px;
	}

	
	/* =Column 2 
	- right col in main content 
	--------------------------*/
	#column2 {
		float:right;
		width:328px;
	}
	
	/* =World Hum, Column 2
	-------------------- */
	#worldhum {
		margin-bottom:10px;
		width:316px;
		padding:0 0 10px 12px;
		background:url(bg-worldhum.gif) 0 100% no-repeat;
	}
	
	#worldhum h2 { /* Image Replacement - common styles handled by .ir class */
		width:313px;
		height:33px;
	}
		#worldhum h2 em { /* Image Replacement - common styles handled by .ir class */
			background:url(bg-worldhum-h.gif) 0 0 no-repeat;
		}
	
	/* World Hum, main story */
	#worldhum div.mainstory {
		margin-bottom:0px;
	}
	#worldhum div.mainstory img {
		float:left;
		margin-right:5px;
		width:108px;
	}
	#worldhum div.mainstory h3 {
		margin-top:-2px;
	}

	/* World Hum, 'more stories' list items */
	#worldhum ul li {
		margin-bottom:5px;
		background:url(bullet.gif) 0 4px no-repeat; /* position of bullet from left then top */
		text-indent:9px; /* size of bullet and any spacing */
	} 	
	
	/* World Hum, 'seeAllList' 
	- expanded list of headlines is 'display:none' by default, to be shown via JS toggle
	-----------------------------------------------------*/
	#seeAllList {
		display:none;
	}
	
	/* World Hum .readmore
	- =seeAllLink and =seeFewLink styles for anchors
	- =RSS feed link styles
	--------------------------------------------*/
	#worldhum a#seeAllLink, a#seeFewerLink {
		float:left;
		width:auto;
	}
	a#seeFewerLink {
		display:none; /* hide by default, show via JS onclick event triggered by #seeAllLink anchor */
	}
	#worldhum span#rssWH {
		float:right;
		width:143px;
		padding-left:15px;
		background:url(icon-rss.gif) 0 0 no-repeat;
	}
	
	/* =Destination Block, Column 2
	---------------------------- */
	#destblock {
		width:323px;
		padding-bottom:10px;
		background:url(bg-dest-highlights.gif) 0 100% repeat-x;
		border:1px solid #d9d9d9;
	}
	#destblock h2 {
		width:323px;
		background:#f3f8f9 url(bg-destblock-h.gif) 0 100% no-repeat;
		text-align:center;
	}
	
	/* =Destination Block Image Map 
	- CSS-driven image map built from unordered list and anchors 
	Map sits inline, with 'hotspots' positioned on top of it for
	each rollover. JS required for onclick behavior to reveal
	the locations column overlay.
	-----------------------------------------------------------*/
	#map {
		width: 323px;
		height: 178px;
		position: relative; /* set up positioning context for image map anchors*/
	}
	
	/* set common anchor styles */
	#map a {
		display:block;
		position: absolute; /* relative to container #map */
		color: #000;
		text-decoration: none;
		/*border: 1px dotted #c00;*/ /* uncomment to see the map's active hotspots */
	}
		/* common span hotspot styles */
		#map a span {
			display:block;
			position: absolute; /* relative to container anchor */
			left: -30000px; /* position off screen to hide until hovered */
			height:9px;
			overflow:hidden;
			text-indent:-9999px; /* hide text, allow background image to show */
		}
		#map a:hover span {
			cursor:pointer;
		}
		#map a.clicked span { /* can be used by JS to make the name tag turn orange on click - changes bg image position */
			background-position: 0 -9px;
		}
	
	/* North America hotspot */
	#map #northamerica a {
		top: 7px;
		left: 4px;
		width:135px;
		height:75px;
	}
		#northamerica a span {
			top:58px;
			width: 67px;
			background:url(dest-northam.gif) 0 0 no-repeat;
		}
		#northamerica a:hover span,
		#northamerica a.clicked span {
			left: 26px; /* reposition back on screen upon hover */
		}
	
	/* Caribbean hotspot */
	#map #caribbean a {
		top: 82px;
		left: 84px;
		width:50px;
		height:20px;
	}
		#caribbean a span {
			top:4px;
			width: 50px;
			background:url(dest-carib.gif) 0 0 no-repeat;
		}
		#caribbean a:hover span,
		#caribbean a.clicked span {
			left: 0px; /* reposition back on screen upon hover */
		}
	
	/* Central America hotspot */
	#map #centralamerica a {
		top: 87px;
		left: 39px;
		width:40px;
		height:25px;
	}
		#centralamerica a span {
			top:13px;
			width: 75px;
			background:url(dest-centralam.gif) 0 0 no-repeat;
		}
		#centralamerica a:hover,
		#centralamerica a.clicked span {
			left: -30px; /* reposition back on screen upon hover */
		}
	
	/* South America hotspot */
	#map #southamerica a {
		top:103px;
		left:84px;
		width:38px;
		height:70px;
	}
		#southamerica a span {
			top:25px;
			width: 66px;
			background:url(dest-southam.gif) 0 0 no-repeat;
		}
		#southamerica a:hover span,
		#southamerica a.clicked span {
			left: -20px; /* reposition back on screen upon hover */
		}
	
	/* Europe hotspot */
	#map #europe a {
		top:34px;
		left:142px;
		width:56px;
		height:47px;
	}
		#europe a span {
			top:27px;
			width: 35px;
			background:url(dest-europe.gif) 0 0 no-repeat;
		}
		#europe a:hover span,
		#europe a.clicked span {
			left: 19px; /* reposition back on screen upon hover */
		}
	
	/* Middle East hotspot */
	#map #middleeast a {
		top:79px;
		left:186px;
		width:41px;
		height:18px;
	}
		#middleeast a span {
			top:2px;
			width: 54px;
			background:url(dest-mideast.gif) 0 0 no-repeat;
		}
		#middleeast a:hover span,
		#middleeast a.clicked span {
			left: 3px; /* reposition back on screen upon hover */
		}
	
	/* Africa hotspot */
	#map #africa a {
		top:82px;
		left:136px;
		width:50px;
		height:70px;
	}
		#africa a span {
			top:24px;
			width: 33px;
			background:url(dest-africa.gif) 0 0 no-repeat;
		}
		#africa a:hover span,
		#africa a.clicked span {
			left: 20px; /* reposition back on screen upon hover */
		}
	
	/* Asia hotspot */
	#map #asia a {
		top:19px;
		left:198px;
		width:122px;
		height:60px;
	}
		#asia a span {
			top:29px;
			width: 25px;
			background:url(dest-asia.gif) 0 0 no-repeat;
		}
		#asia a:hover span,
		#asia a.clicked span {
			left: 40px; /* reposition back on screen upon hover */
		}
	
	/* Pacific Islands hotspot */
	#map #pacificislands a {
		top:94px;
		left:236px;
		width:54px;
		height:31px;
	}
		#pacificislands a span {
			top:20px;
			width: 70px;
			background:url(dest-pacific.gif) 0 0 no-repeat;
		}
		#pacificislands a:hover span,
		#pacificislands a.clicked span {
			left: 13px; /* reposition back on screen upon hover */
		}
	
	/* Australia hotspot */
	#map #australia a {
		top:125px;
		left:249px;
		width:46px;
		height:36px;
	}
		#australia a span {
			top:9px;
			width: 47px;
			background:url(dest-australia.gif) 0 0 no-repeat;
		}
		#australia a:hover span,
		#australia a.clicked span {
			left: -18px; /* reposition back on screen upon hover */
		}
	
	/* Close Locations toggler
	- set to 'display:none' by default, to be toggled via JS
	----------------------------------------------------- */
	#closelocs {
		display:none;
		position:absolute;
		bottom:0;
		right:0;
		width:78px;
		height:11px;
	}

	/* Locations Overlay columns
	- set to 'display:none' by default, to be toggled via JS
	----------------------------------------------------- */
	#locations {
		display:none;
		width:323px;
		height:141px;
		border-top:1px solid #d9d9d9;
		border-bottom:1px solid #d9d9d9;
	}
	#locations ul#locCol1 {
		float:left;
		overflow:auto;
		width:153px;
		height:133px;
		padding:8px 0 0 8px;
		border-right:1px solid #d9d9d9;
	}
	#locations ul#locCol2 {
		float:right;
		overflow:auto;
		width:153px;
		height:133px;
		padding:8px 0 0 8px;
	}
	#locations ul li {
		margin-bottom:3px;
		font-weight:bold;
	}
	
	/* Destinations Block hightlighted dest image
	- The image will be hidden via JS toggle, when #locations is made 'display:block'
	------------------------------------------------------------------------------*/
	img#hdimage {
		display:block;
		width:323px;
		height:141px;
	}

	/* Destinations Block hightlighted dest copy
	- the highlighted destination copy will remain visible at all times.
	------------------------------------------------------------------*/
	#highlights {
		padding:8px 0 0 5px;
	}
	

/* =Right Rail 
- sidebar content including Video Player, ads, and Book It module 
---------------------------------------------------------------*/
#siderail {
	float:right;
	width:318px;
	padding:7px 0 0 10px;
	background: url(bg-siderail-top.gif) 0 0 no-repeat;
}

	/* Video Player
	- Flash module ------------*/
	#videoplayer {
		width:310px;
	}
	
	/* 300x250 Ad Unit */
	#adunit1 {
		margin: 0 0 11px;
		width:300px;
		padding:0 0 0 5px;
	}
		#adunit1 p {
			width:300px;
			text-align:center;
			font-size:0.75em;
			font-weight:bold;
			color:#e8eef3;
			text-transform:uppercase;
			
		}
		#adwrap {
			width:300px;
		}

	/* 300x100 Ad Unit */
	#adunit2 {
		margin:11px 0 0;
		width:300px;
		padding:0 0 0 5px;
	}
		#adwrap {
			width:300px;
		}
		
/* =BookIt container (child div of Right Rail)
- Book It header, lead paragraph, and form modules including Air, Hotel, Car 
------------------------------------------------------------------*/
	#bookit {
		width:310px;
		padding-bottom:10px;
		margin-bottom:15px;
		background:#002744 url(bg-bookit.gif) 0 100% no-repeat;
	}			
	#bookit h3 {
		width:295px;
		padding:8px 0 0 15px;
		background:url(bg-bookit-h.gif) 0 0 no-repeat;
	}
	#bookit p.lead {
		padding-left:15px;
		color:#fff;
	}
	
	/* Form Switcher 
	--------------*/
	ul.formswitch {
		margin:3px 0 0 90px;
		width:132px;
	}
	/* Switcher image replacement
	- common styles handled by '.ir.' class
	--------------------------------------*/
	ul.formswitch li {
		float:left;
		height:17px;
	}
	
		/* air button */
		#bookit li.switchAir {
			margin-right:8px;
			width:35px;
		}
		/* hotel button */
		#bookit li.switchHotel {
			margin-right:8px;
			width:48px;
		}
		/* car button */
		#bookit li.switchCar {
			width:33px;
		}
	
		/* selected states 
		- there is no anchor
		-------------------*/
		#bookit li.switchAir em { background:url(btn-bookit-formswitcher.gif) 0 -34px no-repeat;}
		#bookit li.switchHotel em { background:url(btn-bookit-formswitcher.gif) -43px -34px no-repeat;}
		#bookit li.switchCar em { background:url(btn-bookit-formswitcher.gif) -99px -34px no-repeat;}
	
		/* anchor off states 
		- there is an anchor
		-------------------*/
		#bookit li.switchAir a em {	background:url(btn-bookit-formswitcher.gif) 0 0 no-repeat;}
		#bookit li.switchHotel a em { background:url(btn-bookit-formswitcher.gif) -43px 0 no-repeat;}
		#bookit li.switchCar a em {	background:url(btn-bookit-formswitcher.gif) -99px 0 no-repeat;}
			
		/* rollover off states 
		- there is an anchor
		-------------------*/
		#bookit li.switchAir a:hover em {	background:url(btn-bookit-formswitcher.gif) 0 -17px no-repeat;}
		#bookit li.switchHotel a:hover em { background:url(btn-bookit-formswitcher.gif) -43px -17px no-repeat;}
		#bookit li.switchCar a:hover em {	background:url(btn-bookit-formswitcher.gif) -99px -17px no-repeat;}


/* Form Modules 
- setup display settings for each form module
- form modules are swapped in via JS toggle
-------------------------------------------*/
	#bookAir {display:block;}
	#bookHotel, #bookCar {display:none;} /* JS toggle to 'block' to display */
	#bookAir ul { margin:0; padding:0; }
	#bookAir li { list-style-type:none; padding: 2px 0 1px 5px; margin:0; }
	#bookAir li a { text-decoration:none; color:#0066FF; }
	#bookAir li a:hover { color: #FFFFFF; }
	/* BookIt =Forms 
	-----------------------------*/
	#bookit form {
		clear:both; /* clears floated 'booking type' list */
		width:295px;
		padding:8px 0 0 10px;
		color:#acd1eb;
	}
	#bookit form legend {
		display:none;
	}

	/* Common form elements 
	- general styles for form controls (input, select) and labels
	-----------------------------------------------------------*/
	#bookit label {
		display:block;
		font-weight:normal;
	}
	#bookit label span {
		font-size:.85em;
		font-weight:normal;
		letter-spacing:-.5px;
	}
	#bookit label span a {
		font-weight:normal;
	}
	#bookit input, #bookit select {
		border:none;
		height:14px;
		background:#c4d3de;
	}
	#bookit input.submit {
		height:18px; /* reset from height declaration on input fields above */
	}
	#bookit input.radio, #bookit input.checkbox {
		background:transparent; /* reset from bg color declaration on input fields above */
	}
	#bookit input:focus, #bookit select:focus {
		background:#fff;
	}
	.calIcon {
		float:right; /* floated opposite the 'float:left' input field it sits next to */
		margin-top:-3px; /* move up to align with input field */
		width:20px;
		height:17px;
		/*visibility: hidden;*/ /* change to 'visible ' to show calendar */
	}

	/* Booking =Submit
	--------------------*/
	input.submit {
		float:left;
		margin-top:5px;
		width:124px;
		height:18px;
		cursor:pointer;
	}
	/* SideStep logo
	---------------*/
	.sidesteplogo {
		float:right;
		width:99px;
		height:26px;
	}

/* =BookAir
- Air booking form styles 
------------------------*/
	/* Air Type 
	- radio buttons for selecting Type of Flight
	----------------------------------------- */
	#airType {
		margin-bottom:3px;
	}
	#airType p {
		float:left;
		margin-right:12px;
		font-weight:normal;
		line-height:2;
	}
	#airType .radio {
		float:left;
		margin:4px 5px 0 0;
	}
	#airType label {
		display:inline;
		width:100px;
	}
	
	/* Air Cities
	- 'From' and 'To' cities
	----------------------*/
	#airCities {
		margin-bottom:8px;
	}
	#airCities p {
		float:left;
		margin-right:18px;
	}
	#airCities p.last {
		margin-right:0;
	}
	#airCities input {
		width:130px;
	}
	
	/* Air Departures and Returns
	- departure and return dates and times, including calendar widget
	----------------------------------------------------*/
	#airDepart {
		margin-bottom:8px;
	}
	#airReturn {
		margin-bottom:12px;
	}
	#airDepart p.date, #airReturn p.date {
		float:left;
		width:130px;
		margin-right:18px;
	}
	#airDepart input, #airReturn input {
		float:left;
		width:104px;
	}
	#airDepart select, #airReturn select {
		width:130px;
	}
	

/* ----------------------------------------------------------------------------------------------------------------
=FPO HOTEL AND CAR FORMS STYLES - inserted here for placement / demo purposes only
------------------------------------------------------------------------------------------------------------------*/

/* =BookHotel booking form elements 
-------------------------------*/
	/* City */
	input#city {
		width:282px;
		margin-bottom:8px;
	}

	/* Checkin and Checkout dates */
	#hotelDates {
		margin-bottom: 8px;
	}
	#hotelDates p.checkin {
		float:left;
		width:130px;
		margin-right:18px;
	}
	#hotelDates p.checkout {
		float:left;
		width:130px;
	}
	#hotelDates input {
		float:left;
		width:104px;
	}

	/* Options */
	#hotelOptions {
		margin-bottom:8px;
	}
	#hotelOptions p.rooms {
		float: left;
		width: 130px;
		margin-right:18px;
	}
	#hotelOptions p.adults {
		float: left;
		width: 130px;
	}
	#hotelOptions select {
		width: 130px;
	}
	
/* =BookCar booking form elements 
-------------------------------*/
	/* Car Booking form Display settings, for JS Swapping
	---------------------------------------------------*/
	#bookCarAirport {display:block;}
	#bookCarAddress, #dropOff {display:none;} /* JS toggle to 'block' to display */

	/* Car Pickup Location selection
	- radio buttons for selecting Pickup location
	----------------------------------------- */
	#bookCar .carLocale {
		margin:3px 0;
	}
	#bookCar .carLocale p { 
		float:left;
		margin-right:12px;
		width:auto;
	}
	#bookCar ul {
		float:left;
		width:auto;
	}
	#bookCar ul li {
		float:left;
		margin-right:10px;
		width:auto;
	}

	/* Car Pickup / Dropoff Locations
	---------------------*/
	input#pickupAirport, input#dropoffAirport {
		width:282px;
		margin-bottom:8px;
	}
	#dropOffDiff {
		line-height:1.5;
		margin-bottom:8px;
	}
	#dropOffDiffLoc {
		margin:0 5px 0 0;
		vertical-align:middle;
	}
	#dropOffDiff label {
		display:inline;
	}

	/* Car Pickup / Dropoff Dates and Times
	-------------------------------------*/
	#carPickupDateAir, #carDropoffDateAir, #carPickupDateAdd, #carDropoffDateAdd {
		margin-bottom:8px;
	}
	/* pickup date fields */
	#carPickupDateAir p.date, #carPickupDateAdd p.date {
		float:left;
		margin-right:18px;
		width:130px;
	}
	/* pickup time fields */
	#carPickupDateAir p.time,  #carPickupDateAdd p.time {
		float:left;
		width:130px;
	} 
	/* dropoff date fields */
	#carDropoffDateAir p.date,  #carDropoffDateAdd p.date {
		float:left;
		margin-right:18px;
		width:130px;
	}
	/* dropoff time fields */
	#carDropoffDateAir p.time,  #carDropoffDateAdd p.time {
		float:left;
		width:130px;
	} 
		
	#carPickupDateAir input, #carDropoffDateAir input, #carPickupDateAdd input, #carDropoffDateAdd input {
		float: left;
		width: 104px;
	}
	#carPickupDateAir select, #carDropoffDateAir select, #carPickupDateAdd select, #carDropoffDateAdd select {
		width: 130px;
	}
	select#pickupCountry {
		width: 286px;
		margin-bottom: 10px;
	}
	input#pickupCity {
		width: 282px;
		margin-bottom: 10px;
	}

	/* vehicle selection */
	.vehicle {
		margin-bottom:12px;
	}
	
/* END FPO FORMS STYLES
------------------------------------------------------------------------------------------------------------------*/





/* =FOOTER 
*******************************/		
#footer {
	clear:both;
	width:990px;
	text-align:center;
	color:#aeaeae;
       
}
#footer a:hover { text-decoration:none; }

	#footer p {
		font-size:10px;
		line-height:2;
	}
		

/* =GENERAL 
====================================================================================== */
/*-------------------
P.I.E. FLOAT CLEARING - non-IE browsers only
See http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
/* END P.I.E. FLOAT CLEARING 
--------------------- */

/* Image Replacement common styles *******************************/	
.ir {
	position:relative;
	overflow:hidden;
}
	.ir a:hover {
		display:block;
		width:100%;
		height:100%;
	}
	.ir a:hover {
		visibility:visible; /* activates :hover for IE6, to prep for 'a:hover em' selector used in rollovers  */
		z-index:1; /* fixes Firefox/Mac hover bug - pushes 'a:hover' text to bottom of stack */
	}
	.ir em {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.ir a em {cursor:pointer;}


/* Generic classes for floats *******************************/	
.floatleft {float:left;}
.floatright {float:right;}

/* Generic Class for clearing floats *******************************/	
.clear {clear:both; }

/* Generic class for display:none *******************************/	
.hide {	display:none;}
.col03Portlet {width:310px; background-image:url(bg.png); }
.col03Portlet ul {margin: 5px; padding:0; }
.col03Portlet li { margin:0; padding: 0 10px 0 25px; background:url('icon.gif') no-repeat; background-position:0 4px; }
.col03Portlet li a { color:#FFFFFF; line-height:20px; }
.col03Portlet h3 { color:#FFFFFF; font-size:15px; padding-left:10px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; }
/*IE gap fix */
#container {padding:0px !important; margin-top:0px  !important;}
a[target="_top"] {display:none;}
.posUFO {margin:0px !important;padding:0px; display:none; }
#contentMain, #contentSec {margin-top:0px !important;}