/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: #002b5d url(/images/generic/ttw_background4.jpg) center top repeat-x;
		}
	body .termsAndConditions {
		background: #fff;
		padding: 20px !important;
		margin: 0 !important;
		}
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
	#homePage .container,
	.lowerPage .container {
		width: 980px;
		margin: 0 auto;
		display: block;
		}
	.lowerPage { /* for adding space under footer in ie */
		margin: 0 0 80px;
		}
	a {
		color: #006baf;
		text-decoration: none;
		}
	a:hover {
		color: #006baf;
		text-decoration: underline;
		}
	a img {
		border: 0;
		}
	.clear {
		clear: both;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 121px;
		width: 940px;
		padding: 0 0 0 20px;
		}
	.mainLogo,
	.onlineLogo {
		position: absolute;
		width: 164px;
		height: 78px;
		margin: 23px 0 0 10px;
		background: url(/images/generic/mainLogo.gif) 0 0 no-repeat;
		text-indent: -9999px;
		}
	.onlineLogo {
		width: 233px;
		background: url(/images/generic/onlineLogo.gif) 0 0 no-repeat;
		}
	.printLogo {
		display: none !important;
		}	
	.searchBar {
		float: right;
		margin: 17px 0 10px;
		width: 380px;
		}
	.reservationNumber,
	.ttwOnlineNumber {
		float: right;
		height: 27px;
		width: 145px;
		text-indent: -9999px;
		background: url(/images/elements/img_reservationsNumber.gif) right 0 no-repeat;
		padding: 0 0 0 40px;
		}
	.ttwOnlineNumber {
		width: 145px;
		background: url(/images/elements/img_ttwOnlineNumber.gif) right -1px no-repeat;
		}	
	.searchBar .input {
		width: 192px;
		float: left;
		}
	.searchText {
		color: #999;
		border: 1px solid #c1c1c1;
		font-size: .95em;
		margin: 0;
		padding: 3px;
		vertical-align: top;
		width: 149px;
		background: url(/images/elements/bg_searchBox.gif) 0 0 repeat-x;
		}
	.searchButton {
		border: 1px solid #ccc;
		font-size: .95em;
		vertical-align: top;
		padding: 0 !important;
		margin: 1px 0 0 !important;
		}

/* 3 :-------- Main Nav ------------ */

	#mainNav {
		height: 34px;
		color: #666;
		margin: -37px 0 0 310px;
		position: relative;
		padding: 0 0 3px 20px;
		}
	#mainNav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	#mainNav li {
		float: left;
		padding: 0;
		margin: 0;
		}
	#mainNav a {
		display: block;
		text-indent: -9999px;
		font-size: 1em;
		text-decoration: none;
		color: #333;
		height: 34px;
		background-repeat: no-repeat;
		}
		
	/* nav backgrounds*/
	#mainNav .home, #mainNav .cruises, #mainNav .tours, #mainNav .resorts, #mainNav .packages, #mainNav .inspirations, #mainNav .specialoffers {background: url(/Images/nav/mainNav.gif);}
	#mainNav a.home {width:82px; background-position: 0 0;}
	#mainNav a:hover.home {background-position: 0 -34px;}
	#mainNav li.level01On a.home, #mainNav li.level01On a:hover.home {background-position: 0 -68px;}
	#mainNav a.inspirations {width:104px; background-position: -82px 0;}
	#mainNav a:hover.inspirations {background-position: -82px -34px;}
	#mainNav li.level01On a.inspirations, #mainNav li.level01On a:hover.inspirations {background-position: -82px -68px;}
	#mainNav a.cruises {width:78px; background-position: -186px 0;}
	#mainNav a:hover.cruises {background-position: -186px -34px;}
	#mainNav li.level01On a.cruises, #mainNav li.level01On a:hover.cruises {background-position: -186px -68px;}
	#mainNav a.tours {width:70px; background-position: -264px 0;}
	#mainNav a:hover.tours {background-position: -264px -34px;}
	#mainNav li.level01On a.tours, #mainNav li.level01On a:hover.tours {background-position: -264px -68px;}
	#mainNav a.resorts {width:78px; background-position: -334px 0;}
	#mainNav a:hover.resorts { background-position: -334px -34px;}
	#mainNav li.level01On a.resorts, #mainNav li.level01On a:hover.resorts {background-position: -334px -68px;}
	#mainNav a.packages {width:94px; background-position: -412px 0;}
	#mainNav a:hover.packages {background-position: -412px -34px;}
	#mainNav li.level01On a.packages, #mainNav li.level01On a:hover.packages {background-position: -412px -68px;}
	#mainNav a.specialoffers {width:124px; background-position: -506px 0;} 
	#mainNav a:hover.specialoffers {background-position: -506px -34px;}
	#mainNav li.level01On a.specialoffers, #mainNav li.level01On a:hover.specialoffers {background-position: -506px -68px;}
	
/* 4 :-------- Content ------------ */
	#homePage #content {
		padding: 0;
		margin: 0 0 0 20px;
		background: url(/images/generic/bg_content.gif) 0 0 repeat-y;
		float: left;
		width: 940px;
		}
	#homePage #content .homeLeftCol	{
		width: 599px;
		padding: 25px 0 20px 20px;
		margin: -588px 0 0;
		float: left;
		display: block;
		}
	#homePage #content .threeColumnPanelB {
		width: 281px;
		padding: 25px 20px 20px 0;
		float: right;
		}
	.lowerPage #content {
		padding: 0;
		margin: 0 0 0 20px;
		background: #fff url(/images/elements/bg_lowerPageContent.jpg) 0 0 repeat-y;
		float: left;
		width: 940px;
		min-height: 600px;
		}
	.lowerPage #content .contentArea {
		width: 727px;
		padding: 0;
		margin: 0 15px 0 22px;
		float: left;
		}
	.lowerPage #content .contentArea .oneColumnPanel {
		padding: 0 0 100px;
		float: left;
    	}
	.lowerPage #content .contentArea .twoColumnPanelA,
	.lowerPage #content .contentArea .twoColumnPanelANoBottomPadding {
		width: 533px;
		float: left;
		margin: 22px 0 0;
		padding: 0 0 100px;
		}
	.lowerPage #content .contentArea .twoColumnPanelB,
	.lowerPage #content .contentArea .twoColumnPanelBNoBottomPadding {
		width: 190px;
		float: right;
		margin: 67px 0 0;
		padding: 0 0 100px;
		}
	.lowerPage #content .contentArea .twoColumnPanelANoBottomPadding,
	.lowerPage #content .contentArea .twoColumnPanelBNoBottomPadding {
		padding: 0 0 22px !important;
		}
	.lowerPage #content .contentArea .twoColumnPanelBNoBottomPadding {
		margin: 22px 0 0;
		}
		
	/* side nav styles */
	#sideNav {
		width: 176px;
		background: #eee;
		padding: 0;
		margin: 0;
		font-size: .9em;
		float: left;
		min-height: 500px;
		}
	#sideNav ul.level01 {
		padding: 0 !important;
		}
	#sideNav ul.level01,
	#sideNav ul.level02 {
		margin: 0;
		padding: 0;
		list-style: none;
		color: #fffffe;
		background: #eee;
		width: 176px;
		}
	#sideNav ul.level01 li.level01 a,
	#sideNav ul.level01 li.level01On a {
		width: 146px;
		color: #006baf;
		font-weight: bold;
		display: block;
		text-decoration: none;
		padding: 6px 10px 6px 20px;
		position: relative;
		line-height: 1.3em !important;
		background: url(/images/elements/divider_sideNav_level01.gif) 0 bottom no-repeat;
		}
	#sideNav ul.level01 li.level01On {
		background: #fff url(/images/elements/bg_sideNav_level01On.gif) 0 bottom;
		}
	#sideNav ul.level01 li.level01 a:hover {
		background: #fff url(/images/elements/divider_sideNav_level01.gif) 0 bottom no-repeat;
		}
	#sideNav ul.level01 li.level01On a {
		position: relative;
		background: url(/images/elements/divider_sideNav_level01.gif) 0 bottom no-repeat;
		}
	#sideNav ul.level01 li.level01On ul.level02 {
		background: #d8d5d3 url(/images/elements/bg_sideNav_level02.gif) 0 0 repeat-y !important;		
		}
	#sideNav ul.level01 li.level01On ul.level02 li.level02 a {
		background: url(/images/elements/divider_sideNav_level02.gif) 0 bottom no-repeat !important;
		width: 132px;
		padding: 5px 9px 6px 35px;
		font-weight: normal !important;
		}
	#sideNav ul.level01 li.level01On ul.level02 li.level02 a:hover {
		background: #d6d6d6 /*#e8e8e8*/ url(/images/elements/divider_sideNav_level02.gif) 0 bottom no-repeat !important;
		}
	#sideNav ul.level01 li.level01On ul.level02 li.level02On {
		background: #e5e1e0 url(/images/elements/bg_sideNav_level02On.gif) 0 bottom repeat-y !important;
		}
	#sideNav ul.level01 li.level01On ul.level02 li.level02On a {
		background: url(/images/icons/icon_sideNav_blueArrow.gif) 29px 10px no-repeat !important;
		width: 132px;
		padding: 5px 9px 6px 35px;
		font-weight: normal !important;
		}		

	/* See content.css */

/* 5 :-------- Footer ------------ */

	#homePage .homePageFooterDarkBlue {
		background: #003f72 url(/images/elements/bg_homePage_footer_darkBlue.jpg) left top repeat-x;
		height: 103px;
		width: 940px;
		padding: 0;
		margin: 10px auto 0 !important;
		float: left;
		position: relative;
		}
	#homePage .footer {
		color: #ccc;
		background: #002b5c;
		padding: 20px 0 52px 39px;
		float: left;
		font-size: .9em;
		width: 900px;
		}
	.lowerPage .footer {
		color: #ccc;
		background: #003f72 url(/images/elements/bg_lowerPage_footer_darkBlue.jpg) left top repeat-x;
		padding: 24px 0 21px 198px;
		margin: 0 0 80px 20px;
		float: left;
		font-size: .9em;
		width: 742px;
		}
	#homePage .footer ul,
	.lowerPage .footer ul {
		margin: 0;
		padding: 0;
		float: left;
		}
	.lowerPage .footer ul {
		margin-left: -6px;
		float: left;
		padding: 0 7px 0 0;
		}
	.footer ul.topRow {
		float: left;
		display: block;
		width: 100%;
		margin: 2px 0 14px -6px !important;
		}
	.footer li {
		margin: 0;
		padding: 0 7px;
		list-style: none;
		float: left;
		background: url(/images/elements/divider_footerLinks.gif) right 1px no-repeat;
		}
	#homePage .footer .last,
	.lowerPage .footer .last {
		background: none;
		margin: 0;
		padding: 0 7px;
		float: left;
		}
	.lowerPage .footer .last {
		padding: 0 7px 0 0 !important;
		width: 140px;
		}
	.lowerPage .footer .last a {
		padding: 0 0 0 7px !important;
		}
	#homePage .footer a {
		margin: 0;
		padding: 0;
		color: #8cc2eb;
		}
	.lowerPage .footer a {
		margin: 0;
		padding: 0;
		color: #5c95c2;
		}
	.lowerPage .footer ul.topRow a {
		margin: 0;
		padding: 0;
		color: #8cc2eb;
		}
	#homePage .footer .siteCredit,
	.lowerPage .footer .siteCredit {
		float: right;
		}
	.lowerPage .footer .siteCredit {
		margin-right: 20px;
		width: 100px;
		}
	.lowerPage .footer .siteCredit a {
		display: block;
		}