/* Layout Stylesheet */ 
body {
	background: #3578AD url(../images/tvc_bg.jpg) repeat-x;
	text-align: center;
	margin: 0px;
	/*padding: 0px;*/
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #000000;
}

/* Fix menu overlap for form objects in IE */
form {
 overflow: visible;
 visibility: visible;
 z-index: auto;
}


td.pageDestination {
color:red;
font-size:12px;
font-variant:small-caps;
font-weight:bold;
}

td.pageDestinationSub {
color:crimson;
font-size:10px;
}

td.MistakeBrochure {
color: #ff7f00;
font-weight: bold;
font-size: 14pt;
}

a.blueLink:link{font-size: 10pt; font-weight: bold;text-decoration:none;color:blue;}
a.blueLink:visited{font-size: 10pt; font-weight: bold;text-decoration:none;color:blue;}
a.blueLink:hover{font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}
a.blueLink:active {font-size: 10pt; font-weight: bold;text-decoration:none;color:blue;}


a.linkCustom:link{font-weight: bold;text-decoration:none;color:#003366;}
a.linkCustom:visited{font-weight: bold;text-decoration:none;color:#003366;}
a.linkCustom:hover{font-weight: bold;text-decoration:none;color:#A1AF1F;}
a.linkCustom:active {font-weight: bold;text-decoration:none;color:#003366;}

a.linkCustom1:link{font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}
a.linkCustom1:visited{font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}
a.linkCustom1:hover{font-size: 10pt; font-weight: bold;text-decoration:none;color:#003366;}
a.linkCustom1:active {font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}

a.imageBookmark:link{font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}
a.imageBookmark:visited{font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}
a.imageBookmark:hover{font-size: 10pt; font-weight: bold;text-decoration:none;color:#003366;}
a.imageBookmark:active {font-size: 10pt; font-weight: bold;text-decoration:none;color:orange;}

a:link{font-weight: bold;text-decoration:none;color:#A1AF1F;}
a:visited{font-weight: bold;text-decoration:none;color:#A1AF1F;}
a:hover{font-weight: bold;text-decoration:none;color:#003366;}
a:active {font-weight: bold;text-decoration:none;color:#A1AF1F;}

a:link IMG  {border-color:#A1AF1F;}
a:visited IMG {border-color:#A1AF1F;}
a:hover IMG {border-color:#003366;}
a:active IMG {border-color:#A1AF1F;}


a.special:link, a.special:visited  {
	font-weight: bold;
	text-decoration: none;
	color: #E65B00;
	font-size: 9pt;
}
a.banner:link, a.banner:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #003366;
	
}
a.banner:hover{
	text-decoration: none; 
	color: #A1AF1F;
}

a.banner:active { 
	text-decoration: none; 
	color: #A1AF1F;
}
/*
* html div {
	width: auto; 
	w\idth: auto;
	}
*/


a.pageDestination:link, a.pageDestination:active, a.pageDestination:visited { 
	color: #FF9900;
	font-size: 12px;
	font-weight: bold;
}

a.pageDestination:hover {
	color: #336699;
	font-size: 12px;
	font-weight: bold;
}

a.pageDestinationSub:link, a.pageDestinationSub:active, a.pageDestinationSub:visited { 
	color: #336699;
	font-size: 10px;
	font-weight: bold;
}

a.pageDestinationSub:hover {
	color: #FF9900;
	font-size: 10px;
	font-weight: bold;
}

#top-container {
	background: #0168C9 url(/images/top_container_bg.gif) repeat-x;
	width: 820px;
	height: 160px;
	margin: 0;	
}
#top-top-bar {
	background: transparent url(/images/top_topbar_bg.gif) repeat-x center;
	width: 100%;
	height: 23px;	
	text-align: center;
	margin: 0;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #013370;
}



/* Page Logos */ 
#top-logo-hawaii {
}
#top-logo-hawaii h1 {
	width: 200px; 
 	height: 137px;
 	background: transparent url(/images/top_logo_hawaii.jpg) no-repeat; 
 	margin: 0;
	float: left;	
}

#top-logo-hawaii h1 span {
	display: none;
}
#top-logo-portal {
}
#top-logo-portal h1 {
 	width: 200px; 
 	height: 137px; 
 	background: transparent url(/images/top_logo_portal.jpg) no-repeat; 
 	margin: 0;
	float: left;	
}
#top-logo-portal h1 span {
	display: none;
}
/* Page Logos End */ 

#top-pic {
 	width: 619px;
 	height: 85px;
 	background: transparent url(/images/top_pic_bg.jpg) no-repeat top;
	float: left;	
}
#top-pic h3 {
 	width: 619px; 
 	height: 85px;	
 	background: transparent url(/images/top_pic_bg.jpg) no-repeat top;
	float: left;
}
#top-pic h3 span {
	display: none;
}


/* Navigation */
#top-nav-container{
	background: transparent url(/images/top_container_bg.gif) repeat-x bottom;
	width: 619px;
	height: 52px;
	margin: 0px;

}
#top-nav-container-blue{
	width: 619px;
	background: transparent url(/images/top_navblue_bg.gif) repeat-x;
	height: 29px;
	padding-top: 5px;	
}
#top-nav-container-blue a:link, #top-nav-container-blue a:visited{
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #AED8FC;
	padding: 5px 5px 5px 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003399;

		
}
#top-nav-container-blue a:hover, #top-nav-container-blue a:active{
	background: transparent url(/images/top_navorange_bg_on.gif);
	color: #FDCF75;
	text-decoration: none;
	padding: 7px 5px 10px 5px;
}

a.navMain:hover, a.navMain:active{
	background: transparent url(/images/top_navorange_bg_on.gif);
	color: #FDCF75;
	text-decoration: none;
	padding: 7px 5px 8px 5px;	
}

#top-nav-container-blue-left{
	background: transparent url(/images/top_navblue_left.gif) no-repeat;
	height: 29px;
	width: 11px;	
	float: left;
	margin-top: -5px;
}

#top-nav-container-blue-right{
	background-image: url(/images/top_navblue_right.gif);
	height: 29px;
	width: 11px;
	float: right;
	margin-top: -5px;	
}

/* start of middle styles */
/*
.mid-container{
	width: 819px;
	height: 100%;
	padding-top: 18px;
	background: #ffffff url(/images/mid_bg.gif) repeat-x top;
	
}

#mid-container p{
	width: 300px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	float: right;
}
*/

/*****Banners****/
#banner01 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	
	background:transparent url(/images/banner_01_hi_turtle.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	
}
#banner02 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	line-height: 11px;	
	background: transparent url(/images/banner_02_hi_sunset.jpg) no-repeat;
	height: 90px;
	width: 130px;

	margin-top: 15px;
	margin-left: 5px;		

}
#banner03 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	
	background:transparent url(/images/banner_03_hi_oceanRocks.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	

}
#banner04 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	
	background:transparent url(/images/banner_04_hi_fish01.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	

}
#banner05 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
		
	background:transparent url(/images/banner_05_hi_starfish.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	

}
#banner06 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	
	background:transparent url(/images/banner_06_hi_dolphin.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	

}
#banner07 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	
	background:transparent url(/images/banner_07_hi_palms.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	

}
#banner08 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	/*color: #003399;*/
	
	/*line-height: 20px;	*/
	background:transparent url(/images/banner_08_hi_mountains.jpg) no-repeat;
	height: 90px;
	width: 130px;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-left: 5px;	

}

/****** My Vacations Box *****/
.mvBox-container{
	width: 128px;
	/*height: 139px;*/
	/*margin-top: 8px;*/
	margin-left: 5px;	
	/*margin-bottom: 20px;*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #E2ECF3;
	
}
#mvBox-header{
	width: 130px;
	height: 26px;
top: -8px;
	top: -8px;
 	background: #E2ECF3 url(/images/mvbox_header.gif) no-repeat;

}
#mvBox-footer{
	background: transparent url(/images/mvbox_bot.gif) no-repeat;
	height: 9px;
	width: 130px;
	/*bottom: -113px;*/
	/*position: relative;*/
}
.mvBox-login{
	background-image: url(/images/mvbox_login.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 47px;
	position: absolute;
	margin-left: 5px;
}
/****** Footer *****/
#bot-container {
	background: #029ACD url(/images/bot_bg.gif) repeat-x top;
	height: 26px;
	width: 818px;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: inset;
	border-bottom-style: inset;
	border-top-color: #333333;
	border-bottom-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #96E2FC;
	/*padding-top: 5px;*/
}
#footer {
	/*width: 870px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #eaeaea;
	padding-top: 30px;
	padding-left: 30px;
/*	background-color: #B6B6B6;*/
	text-align: left;
	line-height: 12pt;
	background: transparent url(../images/tvc_CBotTopBg.gif) no-repeat top;
}
.footerBold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#A1D4FD;
}
.footerBold2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#footer a:link, #footer a:visited {
/*	color: #797979;*/
color: #003366;
	text-decoration: none;
	text-transform: uppercase;
}
.destHawaii{
	background: transparent url(/images/dest_map.jpg) no-repeat;
	height: 270px;
	width: 300px;
	top: -18px;
	position: relative;	
}

/* New and Revised Styles for Revised Template 06-07 */

.phone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bolder;
	color: #FFFFFF;
	height: 32px;
}

#navMain {
	width: 100%;
	padding-top: 10px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	clear: both;
}

#navMain a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	height: 29px;	
	background: transparent url(../images/tvc_navSep.jpg) no-repeat;
	background-position: right;
	padding-top: 10px;
	padding-right: 0.5em;
	padding-left: 0.5em;	
}

#navMain a:hover {
	height: 29px;
	background: #165696;
	background-position: left;
	padding-top: 10px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 2px;		
}

.mid-container{
	width: 992px;
	padding-top: .5em;
	background: transparent url(../images/tvc_CTopBg.gif) no-repeat top;
	
}
.columns-container{
	width: 992px;
	height: 100%;
	background: transparent url(../images/tvc_CBotBg.gif) no-repeat bottom;		
}

.header01{
	color: #FFFFFF;
	height: 70px;
/*	background: transparent url(../images/header02_bg.gif) no-repeat top; */
	font-size: 14pt;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.header02{
	color: #325E8B;
	height: 70px;
/*	background: transparent url(../images/header02_bg.gif) no-repeat top; */
	font-size: 14pt;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

select {
	font-size: 7pt;
	color: #565656;
}

h1{
	color: #325E8B;
	height: 28px;
	font-size: 12pt;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-top: 5px;
}

/* Portal Specific Styles used in Portal Only */

#portal_footer {
	background: transparent url(../images/tvc_footer_bg.jpg) no-repeat;
	color: #A1D4FD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
#portal_footer a, #portal_footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
#portal_footer a:hover {
	color: #A1D4FD;
	text-decoration: none;
	font-weight: bold;
	}


/*
object {
	wmode: transparent\;
}	
*/

.pageDestination {
color:orange; /*727272*/
font-size:12px;
font-variant:small-caps;
font-weight:bold;
}

.pageDestinationSub {
color:#003D00; /*727272*/
font-size:10px;
}

.getInfoText
{
color: blue;
font-size: 16px;
font-weight:bold;
text-align: center;
}

h2
{
color: red;
font-size: 12px;
font-weight:bold;
text-align: left;
}

h3
{
color: black;
font-size: 12px;
font-weight:normal;
text-align: left;
}

h4
{
color: blue;
font-size: 12px;
font-weight:bold;
text-align: left;
}

h5
{
color: black;
font-size: 12px;
font-weight:bold;
text-align: left;
}

.stepHeading
{
color: black;
font-size: 12px;
font-weight:bold;
text-align: left;
}

.brochureRequired
{
color: black;
font-size: 12px;
font-weight:normal;
text-align: right;
}

.brochureRequiredValidate
{
color: red;
font-size: 12px;
font-weight:bold;
text-align: left;
}


SPAN.emailFriend { position: absolute; top: 220px; left: 730px; }
/*SPAN.emailFriend2 { position: absolute; top: 300px; left: 730px; }*/
SPAN.bookmarkSite { position: absolute; top: 100px; left: 250px; }
SPAN.bookmarkSiteTI { position: absolute; top: 100px; left: 210px; }
SPAN.bookmarkSite2 { position: absolute; top: 140px; left: 535px; }


.emailFriend 
{ 
position: absolute; 
top: 120px; 
left: 730px; 
background-color: #2169a5; 
/*(layer-background-color: #2169a5;*/
height: 100px;
width: 200px; 
}

.emailFriend2
{ 
position: absolute; 
top: 120px; 
left: 780px; 
/*background-color: #2169a5; 
layer-background-color: #2169a5;*/
color: #2169a5;
height: 90px;
width: 160px; 
}

.emailFriend3
{ 
/*background-color: #2169a5; 
layer-background-color: #2169a5;*/
color: #2169a5;
height: 90px;
width: 160px; 
}

SPAN.LiveChatTI { position: absolute; top: 0px; left: 837px; z-index:100000; }
.liveChat
{ 
position: absolute; 
top: 124px; 
left: 35px; 
/*background-color: #2169a5; 
layer-background-color: #2169a5;
color: #2169a5;*/
height: 90px;
width: 160px; 
}

.jChat
{ 
position: absolute; 
top: 148px; 
left: 35px; 
/*background-color: #2169a5; 
layer-background-color: #2169a5;
color: #2169a5;*/
height: 90px;
width: 160px; 
}