﻿/* remove the font-size line from main-content-copy */
body
{
    margin:0;
    padding:0 !important;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

.header *
{
    margin:0;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

.header input
{
    display: inline-block;
    border: 1px #cccccc inset;
}

.footer *
{
    margin:0;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

#homeLink a,#homeLink a:link,#homeLink a:visited
{
    color:#FFD988 !important;
}
#homeLink li a:hover
{
    color:black !important;
}

.hero-iframeInner *
{
    margin:0;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

.searchBoxDiv *
{
    margin:0;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}
.numResultsBox *
{
    margin:0;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}
.search_table *
{
    margin:0;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

.loginArea *
{
    margin: 0px 0px 4px 0px;
    padding:0;
    border:0;
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

.loginArea h3
{
    margin:0;
    padding:0;
}

.bookNowDiv
{
    margin:0;
    padding:0;
}

.bookNowDiv img
{
    border:0;
}

.bookNowDiv *
{
    color:#000;
    font-size:11px;
    text-decoration:none;
    font-family:Arial;
}

.bookNowDiv
{
    margin: 0px !important;
    padding: 0px;
}

.left-nav
{
    width: 240px !important;
    background:url("../images/leftNavBackground.jpg") repeat-x scroll left bottom #F3E2E2 !important;
    padding-top: 0px !important;
}

.videoUl
{
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
}

/* IE 6 Stuff */
#ctl00_searchButton
{
    width: 83px;
    height: 22px;
}

/* End IE 6 Stuff */

.relativeItems, #relativeItems{
position:relative;
}

h2{
color:#3C2011;
font-size:20px;
margin:0 0 10px 0;
padding:0;
}

.darkBrownText{
color:#3C2011;
}

#boldText, .boldText{
font-weight:bold;
}

.lightBrownText{
color:#7F3F3F;
}

div.welcomeText p{
font-size:22px;
font-family:Verdana;
font-weight:bold;
color:#003C78;
}


a:link{
color:#003C78;
text-decoration:none;
}

a:visited{
color:black;
}

a:active{
color:White;
}

a:hover{
color:#FF99CC;
}

.pre-nav-search a:link{
color:#3C2011;
font-weight:bold;
}

.pre-nav-search a:visited{
color:Black;
font-weight:bold;
}

.pre-nav-search a:active{
color:#3C2011;
font-weight:bold;
}

.pre-nav-search a:hover{
color:#3C2011;
font-weight:bold;
}

html{
background:url(../images/plantationInnBackground.jpg) #00264C no-repeat top center;
height:100%;
width:100%;
}

body{
width:972px;
margin:0 auto;
padding:0 0 0 16px;
height:100%;
position:relative;
}

.innerBody{
width:972px;
/*
background-color:White;
*/
background:url(../images/contentBackgroundRepeat.png) repeat-y top center;
padding:0 0 0 0px;
margin:0;
float:left;
}


.header{
height:110px;
background:url(../images/headerBackgroundImage.jpg) repeat-x top left;
width:939px;
margin:0 0 0 16px;
position:relative;
z-index:1;
}


.kbhLogo{
padding:30px 0 0 10px;
width:251px;
float:left;
}

.pre-nav-search{
padding:0px 0px 0 0px;
margin:0;
float:right;
text-align:right;
width:500px;
height:50px;
position:relative;
top:-20px;
padding-right:90px;
}

.pre-nav-search-right{
float:left;
width:500px;
}

.pre-nav-search-right a:link{
color:a10431B;
}
.pre-nav-search-right a:visited{
color:black;
}
.pre-nav-search-right a:active{
color:#10431B;
}

.pre-nav-search-right a:hover{
color:#2364AD;
}

.weather{
position:relative;
left:75px;
height:20px;
width:300px;
padding:0;
margin:0;
float:right;
}


.searchButtonImage{
height:22px; 
width:84px;
position:absolute;
top:25px;
}

.returnText{
position:relative;
top:35px;
left:-340px;
float:left;
display:none;
}

.returnText a:link{
color:#10431B;
}

.returnText a:visited{
color:#10431B;
}

.returnText a:active{
color:#10431B;}

.returnText a:hover{
color:#238F3C;
}

.tpiGrahicImage{
position:absolute;
top:-13px;
}

.textBoxSearch{
background:url(../images/searchBack.jpg) no-repeat top left;
width:108px;
color:#666;
font-style:italic;
padding-left:5px;
}

#searchImage{
display:none;
padding:20px 0 0 20px;
float:left;
width:89px;
}

#searchBackButton{
padding:20px 0 0 0px;
float:right;
width:147px;
display:none;
}


#searchResults{
width:679px;
float:right;
margin:20px 0 0 0;
padding:20px 0 0 20px;
display:none;
position:relative;
}

.searchResultsHeader{
_position:relative;
_float:left;
}


.headerNav{
width:939px;
float:left;
height:24px;
background:url(../images/navBarBackgroundRepeat.jpg) repeat-x top left;
margin:10px 0 0 0;
z-index:1;
}

/*main ul after div class header nav above ...*/
#ctl00_DropDownMenuPlaceHolder_CMSNavigationMenuID_mainHeaderNav{
float:left;
padding:0px 0 0px 10px;
margin:5px 0 0 0;
width:929px;
/**set text to align right...**/
text-align:left;
float:left;
}


#ctl00_DropDownMenuPlaceHolder_CMSNavigationMenuID_mainHeaderNav #homeLink{
display:inline;
padding:0 2% 0 1%;
font-weight:bold;
position:relative;
}

#homeLink a:link{
color:white;
font-weight:bold;
}

#homeLink a:visited{
color:#FF99CC;
font-weight:bold;
}

#homeLink a:active{
color:#FFCC66;
font-weight:bold;
}

#homeLink a:hover{
color:#FFCAE4;
font-weight:bold;
}

#headerNavParentLink{
z-index:10;
}

.subNavLinks{
z-index:10000;
left:0;
top:14px;
_top:14px;
width:140px;
_width:130px;
z-index:1000;
background:url(../images/headerSubNavDropDownBackground.png) no-repeat bottom right;
padding: 0 0px 8px 0;
display:none;
position:absolute;
}

#linkSpan{
}

#homeNav{
width:100%;
height:100%;
width:97%;
_width:100%;
margin:0 0 0 1px;
}

#homeNav li{
display:block;
width:95%;
margin:0px;
float:left;
}

#homeNav li a{
text-align:left;
font-weight:bold;
margin-left:5px;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
display:block;
margin-right:0px;
padding-left:2px;
}

#homeNav li a:link{
}

#homeNav li a:visited{
color:White;
}

#homeNav li a:active{
}

#homeNav li a:hover{
background-color:#FFCC66;
color:#00264C;
}


.main-content{
width:939px;
float:left;
margin:0 0 0px 16px;
_margin:0 0 0px 8px;
position:relative;
}

.white_gradient_repeatX{
background:url(../images/white_gradient_endRepeatX.png) repeat-x bottom left;
height:100px;
width:939px;
float:left;
position:absolute;
bottom:0;
z-index:100;
left:0;
}


.left-nav{
background:url(../images/leftNavBackground.jpg) no-repeat bottom left;
width:237px;
padding:7px 0 10px 0px;
float:left;
position:relative;
height:700px;
}


.alohaPanel{
background-color:#9DAB4E;
height:22px;
margin:5px 0 0px 0;
width:223px;
padding:6px 0 0 0;
text-align:center;
}

.alohaPanelBorder{
margin:5px 0 0px 0;
border-bottom:1px solid #9DAB4E;
width:223px;
}

.left-nav {
padding:0px 0 0 0px;
}

.left-nav p{
margin:10px 0 0 10px;
font-weight:bold;
/*border-bottom:2px dotted #9B1A17;*/
padding:0 0 10px 0;
}

.left-nav a:link{
color:Black;
text-decoration:underline;
}


.left-nav a:visited{
color:Black;
text-decoration:underline;
}

.left-nav a:active{
color:Black;
text-decoration:underline;
}

.left-nav a:hover{
color:Black;
text-decoration:underline;
}

.left-nav .leftNavImages{
margin:10px 0 0 30px;
}

.leftNavImages img{
float:left;
}

.bookNowTable{
}


#bookNowImage{
height:59px;
width:187px;
}


.bookingEngineImage{
margin:0 0 0 7px;
}

.main-content-area{
width:699px;
float:right;
background:url(../images/bigbackgroundFlowers.jpg) no-repeat bottom left;
padding-bottom:40px;
margin-bottom:20px;
}

.hero-iframe{
position:relative;
/* might have to set this later if ie6 and 7 break...
height:298px;
*/
}

#hero-buttons{
position:absolute;
right:0;
top:276px;
margin:0px;
padding:0px;
}

#hero-buttons img{
    border:0px none;
}

#hero-buttons li{
display:inline;
margin:0;
padding:0;
float:left;
}

.iframeButtonDivider{
position:absolute;
right:122px;
top:273px;
z-index:1;
display:none;
/*may have to display this later when/if the iframe is added */
}


.main-content-copy{
width:615px;
margin:0 0 100px 20px;
font-size:22px;
position:relative;
}

.checkInBlockParent p{
font-size:13px;
}



/**need to add to hawaiian culture */
.main-content-copy ul li{
list-style-type:disc;
margin:0 0 0 20px;
font-size:13px;
}

div.contentCopy p{
font-size:13px;
float:left;
_position:relative;
}

.loginArea{
margin:0 0 0 0px;
}


.newtoSiteBox, .loginPanel{
width:207px;
height:193px;
background:url(../TravelAgentImages/agentLoginBackground.jpg) no-repeat top left;
float:left;
margin:0 0 0 0px;
padding:10px 0 0 0;
position:relative;
}

.loginPanel{
margin: 0 0 0 30px;
}

.innerPanel{
width:170px;
margin:0 auto;
}

.whiteText{
color:White;
}



#loginTr tr td{
color:White;
}

#loginTr a:link{
color:White;
}

#loginTr a:link{
color:White;
}

.innerPanel .travelAgentTextBoxes{
background:url(../TravelAgentImages/travelAgentInputBackground.jpg) no-repeat top left;
font-style:italic;
width:100px;
}

.newtoSiteBox h3, .loginPanel h3{
color:White;
padding:10px 0 10px 0;
font-size:14px;
text-align:center;
}


.newtoSiteBox p, .loginPanel p{
color:White;
font-size:12px;
}

.newtoSiteBox p{
text-align:center;
}

.newtoSiteBox img{
position:absolute;
bottom:40px;
left:45px;
}

.loginPanel img, .loginPanel travelAgentsButtons{
position:absolute;
bottom:40px;
left:65px;
}

.loginP{
width:170px;
float:left;
margin:0 0 5px 0;
}

.loginP span{
width:50px;
float:left;
color:White;
margin:0 10px 0 0;
}

#travelAgentTextBoxes{
float:right;
margin:0;
padding:0;
}

.checkBoxArea{
float:right;
}

.checkBoxArea .loginCheckBox{
}

.forgotPassword{
width:170px;
margin:10px 0 0 0;
float:left;
text-align:center;
}

.forgotPassword a{
}

.forgotPassword a:link{
text-decoration:underline;
}

.forgotPassword a:visited{
text-decoration:underline;
}

.forgotPassword a:active{
text-decoration:underline;
}

.forgotPassword a:hover{
text-decoration:underline;
}

.buttons{
}

.buttons li{
display:inline;
}


.footer{
background:url(../TravelAgentImages/footerBackgroundRepeat.jpg) repeat-x bottom left;
height:94px;
width:100%;
color:#003C78;
clear:both;
width:939px;
margin:0 0 0 16px;
position:relative;
}

.footer p{
width:900px;
margin:0 auto;
text-align:center;
padding:20px 0 0 0;
}

.tvLogo{
position:absolute;
right:20px;
bottom:20px;
}

.footer a{
color:#003C78;
}
.footer a:link{
color:#2F190D;
}

.footer a:visited{
color:#2F190D;}

.footer a:active{
color:#2F190D;}

.footer a:hover{
color:black;
}


/*tv cms admin panel styling complete **/

#ctl00_AdminHeader_AdminPanel{
background:url(../images/TVCMSBackgroundRepeatx.jpg) repeat-x top left;
height:68px;
}


#ctl00_AdminHeader_AdminPanel a:link{
color:black;
}

#ctl00_AdminHeader_AdminPanel a:visited{
color:#666;
}


#ctl00_AdminHeader_AdminPanel a:active{
color:black;
}


#ctl00_AdminHeader_AdminPanel a:hover{
color:#999;
}

/*photo gallery styles start */
.videoUl{
float:left;
_float:none;
width:650px;
overflow:hidden;
border:1px solid white;
}

.videoUl li{
width:189px;
height:120px;
display:inline;
margin:4px 8px 20px 8px;
float:left;
}

.videoBlock{
border:2px solid black;
}
