/*------------------------------*/
/*HOMEPAGE PANEL LAYOUT*/
#mainLeft
{
	float: left;
	width: 458px;
	height: auto;
}
	#homeMain
	{
		width: 465px;
		height: 467px;
		background: url(/images/ui/panels/home_main_1.png) no-repeat;
	}
	* html #homeMain
	{
		background: url(/images/ui_ie/panels/home_main_1.gif) no-repeat;
	}
	#homeMain div.contentHolder
	{
		float: left;
		padding: 24px;
		height: 352px;
	}
	#homeMain div.contentHolder p
	{
		font-size: 1.1em;
	}
	#homeMain .clicker
	{
		width: 310px;
		height: 30px;
		position: absolute;
		top: 409px;
		left: 130px;
	}
	* html #homeMain #oeBtn
	{
		clear: both;
	}
#mainRight
{
	float: right;
	width: 488px;
	height: auto;
}
	#mainRight div.cruisePanel
	{
		width: 480px;
		height: 209px;
		padding: 4px;
		background: url(/images/ui/panels/home_cruise.png) no-repeat;
		font-size: 1.1em;
	}
	* html #mainRight div.cruisePanel
	{
		background: url(/images/ui_ie/panels/home_cruise.gif) no-repeat;
	}
	#mainRight div.cruisePanel div.picBox
	{
		float: left;
		width: 300px;
		height: 209px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		cursor: pointer;
	}
		#mainRight div.cruisePanel div.picBox div.hBox
		{
			position: relative;
			top: 153px;
			left: 0px;
			background: url(/images/ui/white_80perc.png);
			padding: 15px 10px;
			width: 280px;
			height: 26px;
			overflow: hidden;
		}
		* html #mainRight div.cruisePanel div.picBox div.hBox
		{
			background: #fff;
		}
		#mainRight div.cruisePanel div.picBox div.hBox *
		{
			display: none;
		}
		#mainRight div.cruisePanel div.picBox div.hBox h2,
		#mainRight div.cruisePanel div.picBox div.hBox h2 *
		{
			display: block;
		}
	#mainRight div.cruisePanel div.contentHolder
	{
		float: right;
		width: 180px;
		height: 101px;
		color: #fff;
		padding-top: 20px;
		overflow: hidden;
	}
			#mainRight div.cruisePanel div.contentHolder h2,
			#mainRight div.cruisePanel div.contentHolder img
			{
				display: none;
			}
			#mainRight div.cruisePanel div.contentHolder h3
			{
				color: #febd11;
				font-size: 3em;
				line-height: .8em;
				margin-bottom: .3em;
				padding: 0px 20px;
			}
			#mainRight div.cruisePanel div.contentHolder p
			{
				padding: 0px 20px;
				line-height: .8em;
			}
	#mainRight div.cruisePanel div.cruiseLinks
	{
		float: right;
		width: 180px;
		height: 88px;
		overflow: hidden;
	}
			#mainRight div.cruisePanel div.cruiseLinks li
			{
				padding-left: 10px;
				line-height: .8em;
				margin-bottom: .8em;
			}
			#mainRight div.cruisePanel div.cruiseLinks li a
			{
				color: #febd11;
				font-weight: bold;
				display: block;
				padding-left: 10px;
			}
			#mainRight div.cruisePanel div.cruiseLinks li.highlightBtn
			{
				background: url(/images/ui/panels/btn_cruise_hilites.png) no-repeat 11px 0px;
				width: 158px;
				height: 35px;
				cursor: pointer;
			}
			* html 	#mainRight div.cruisePanel div.cruiseLinks li.highlightBtn
			{
				background: url(/images/ui_ie/panels/btn_cruise_hilites.gif) no-repeat 11px 0px;
			}
	#mainRight div.spacer
	{
		width: 488px;
		height: 23px;
	}

/* OVERLAY PANEL*/
#overlay
{
	background: url(/images/ui/panels/overlay_full_01.png) no-repeat;
	width: 940px;
	height: 429px;
	top: 169px;
	left: 4px;
	padding: 10px;
}
* html #overlay
{
	padding-top: 9px;
}
#overlay p.closeBtn
{
	text-decoration: underline;
	display: block;
}
#overlay #left
{
	float: left;
	font-size: 1.1em;
	overflow: hidden;
}
#overlay .cruiseHL
{
	width: 741px;
	height: 389px;
	padding: 20px;
}
#overlay .onBoard
{
	width: 940px;
	padding: 17px 0px 0px 0px;
	height: 412px;
}
#overlay .onBoardSub
{
	width: 900px;
	padding: 20px;
	height: 389px;
}

	#overlay .cruiseHL #col1,
	#overlay .onBoardSub #col1
	{
		float: left;
		width: 340px;
		height: 220px;
		height: auto;
		background: url(/images/ui/white_90perc.png);
		padding: 15px;
	}
	#overlay .onBoard #col1
	{
		float: left;
		width: 100%;
	}
	#overlay .onBoard #col1 div.top
	{
		width: 880px;
		height: 75px;
		padding: 0px 30px;
		overflow: hidden;
	}
	/*for What's Included - short content*/
	#overlay .onBoard #col1 div.subContent
	{
		width: 880px;
		height: 402px;
		padding: 0px 30px;
		overflow: hidden;
	}
	#overlay .onBoard #col1 div.cCruising
	{
		background: url(/images/content/bg_consecutive.jpg) no-repeat 100% 40px;
	}
	#overlay .onBoard #col1 div.cCruising h2
	{
		margin-bottom: 1em;
	}
	#overlay .onBoard #col1 div.cCruising p
	{
		padding-right: 500px;
		font-size: 1em;
	}
	#overlay .onBoard #col1 h1
	{
		margin-bottom: 0px;
	}
	#overlay .onBoard #col1 p
	{
		font-size: .9em;
		margin-top: -6px;
	}
	#overlay .onBoard #col1 ul.panels
	{
		float: left;
		width: 940px;
		height: 332px;
		padding-top: 5px;
		overflow: hidden;
		background: url(/images/ui/onboard_exp/blue_5hi.png) repeat-x;
	}
	#overlay .onBoard #col1 ul.panels li
	{
		float: left;
		width: 469px;
		height: 34px;
		padding-top: 131px;
		background-repeat: no-repeat;
		overflow: hidden;
		margin: 0px 2px 2px 0px;
	}

	#overlay .onBoard #col1 ul.panels li.right
	{
		float: right;
		margin: 0px 0px 2px 0px;
	}

	#overlay .onBoard #col1 ul.panels a
	{
		display: block;
		height: 34px;
		width: 459px;
		width: auto;
		padding: 5px;
		background: url(/images/ui/onboard_exp/bg_panel_title.png);
		font-size: 1.4em;
		color: #061556;
	}
	* html #overlay .onBoard #col1 ul.panels li a
	{
		background: #daeaf5;
	}
	#overlay .onBoard #col1 ul.panels div.clicker
	{
		position: relative;
		top: -130px;
		left: 0px;
		width: 469px;
		height: 125px;
		background: url(/images/blank.gif);
		z-index: 500;
	}
	#overlay .onBoard #col1 li a
	{
		text-decoration: none;
	}
	#overlay .onBoard #col1 ul.info li
	{
		margin-bottom: 12px;
	}
	#overlay .onBoard #col1 ul.info a
	{
		display: block;
		height: 37px;
		width: 153px;
		padding: 13px 0px 0px 52px;
		background: url(/images/ui/panels/btn_useful_info.png) no-repeat;
		font-size: 1.3em;
		color: #061556;
	}
	#overlay .onBoard #col1 ul.info a:hover
	{
		text-decoration: underline;
	}
	#overlay .onBoardSub #col1 img
	{
		display: none;
	}
	#overlay .offersContent #col1 img
	{
		display: block;
	}
	#overlay .onBoardSub #col2
	{
		float: right;
		width: 442px;
		height: 374px;
		background: url(/images/ui/white_90perc.png);
		padding: 10px;
		overflow: hidden;
	}
		#overlay .onBoardSub #col2 img
		{
			position: absolute;
			top: 30;
			left: 500;
			display: none;
		}
		/*ACTIVITIES - video accordion*/
		#overlay .onBoardSub #col2 #videos
		{
			width: 442px;
			height: 374px;
			overflow: hidden;
		}
		#overlay .onBoardSub #col2 #videos h3
		{
			width: 420px;
			padding: 0px 10px;
			height: 30px;
		}
		#overlay .onBoardSub #col2 #videos h3.ui-state-default
		{
			cursor: pointer;
			border-bottom: 1px solid #0072ba;
			margin-bottom: 5px;
			background: url(/images/content/onboard/accord_arrow.png) no-repeat right center;
		}
		* html #overlay .onBoardSub #col2 #videos h3.ui-state-default
		{
			background: url(/images/content/onboard/accord_arrow.gif) no-repeat right center;
		}

		#overlay .onBoardSub #col2 #videos h3 span
		{
			display: none;
		}
		#overlay .onBoardSub #col2 #videos h3 img
		{
			display: block;
		}
		#overlay .onBoardSub #col2 #videos div
		{
			padding: 0px 0px 5px 10px;
			border-bottom: 1px solid #0072ba;
			margin-bottom: 5px;
			overflow: hidden;
			height: 180px;
		}
/*tabs at bottom of onboard exp*/
	#infoTabs
	{
		position: absolute;
		top: 449px;
		left: 0px;
	}
	* html #infoTabs
	{
		clear: both;
		top: 448px;
	}

		#infoTabs li
		{
			float: left;
			margin-right: 1px;
		}
		#infoTabs li a
		{
			display: block;
			height: 33px;
		}
		#infoTabs li a.tips
		{
			width: 124px;
			width: 184px;
			background: url(/images/ui/onboard_exp/tab_tips.png) no-repeat;
			background: url(/images/ui/onboard_exp/tab_aboutship.png) no-repeat;
			
		}
		* html #infoTabs li a.tip
		{
			background: url(/images/ui_ie/onboard_exp/tab_aboutship.gif) no-repeat;
		}
		#infoTabs li a.included
		{
			width: 184px;
			background: url(/images/ui/onboard_exp/tab_included.png) no-repeat;
		}
		* html #infoTabs li a.included
		{
			background: url(/images/ui_ie/onboard_exp/tab_included.gif) no-repeat;
		}
		#infoTabs li a span
		{
			display: none;
		}
	#overlay #col1 img
	{
		display: none;
	}
.cruiseHL a
{
	display: block;
	width: 193px;
	height: 37px;
	background: url(/images/ui/panels/btn_viewmap.png) no-repeat;
	float: right;
}
* html .cruiseHL a
{
	background: url(/images/ui_ie/panels/btn_viewmap.gif) no-repeat;
}
#overlay #right
{
	padding-top: 1px;
	width: 159px;
	height: 428px;
	font-size: .9em;
	background: url(/images/ui/panels/bg_offers_rpt.png) repeat-y;
	float: right;
}
/*Open Overlays on highlight pages*/
#highlightPage #overlay
{
	display: block;
}