﻿/* GENERAL **************************************************************************************************************** */
     
     * { padding: 0; margin: 0; }
     body { background:  #0b111f; font-family: georgia, serif; font-size: 12px; color: #292566; line-height: 18px;  }
     #shell { background: url(bgBody.gif);  }  
     #subShell { background: url(bgSubShell.gif) repeat-x 0 214px; padding-bottom: 14px; }  
     a { color: #736cdc; text-decoration: none;  }
     a:hover {  text-decoration: underline;  }
     h1, h2, h3 {  }
     .imgRight { float: right; margin: 0 0 5px 12px; }
     .imgLeft { float: left; margin: 0 12px 5px 0; }
     a img { border: 0; }
     .twoCols { float: left; width: 45%; text-align: left; margin-right: 16px; } 
     .clear { clear: both; }


/* TITLEBAR ************************************************************************************************************** */


     #titlebar { width: 940px; padding: 6px; margin: 0 auto; position: relative; z-index: 500; }
     
          .marketingPhoneShell { color: white; font-size: 12px; float: right; margin-top: 7px; }
               
               .marketingPhoneMessage {  }
               .marketingPhoneNumber {  }
          
          #helpmenuShell { float: right;  }
               
               #usabilityNavDropDown { margin: 4px 0 7px 23px; background: url(iconDownArrow.gif) no-repeat #fff 120px 6px; width: 141px; height: 22px; }
                    
                    #usabilityNavText { padding: 2px 0 0 6px; }
                    
                    #usabilityNav { position: absolute; background: #fff;  } /* dropdown container */
                    #usabilityNav ul { padding-top: 4px;position: absolute; background: #fff; width: 141px; list-style-type: none; }
                    #usabilityNav ul li {  }
                    #usabilityNav ul li a { padding: 0 0 4px 8px; display: block; outline: none; }
                    #usabilityNav ul li a:hover { }    


     
/* HEADER **************************************************************************************************************** */

     #headerShell { clear: right;background: url(bgHeader.png) no-repeat; width: 940px; height: 452px; margin: 0 auto; padding: 6px; }        
          
          #logo { width: 160px; float: left; }
          #logo a {  }
          
          #header { float: right; }         
          
/* Navigation  ********************************************************************************************************* */
     
     #nav { width: 160px; margin-top: 15px; float: left; clear: left; }
     
     /* See Snippet Gallery for Horizontal/vertical nav layout border-top: 1px solid #b8b8b8;  */
     #nav ul { font: 14px/14px Arial, Helvetica, sans-serif;width: 160px; margin: 0; padding: 0; }
     #nav ul li { border-top: 1px solid #b8b8b8; line-height: 100%;  list-style: none; width: 100%; position: relative; display: block; }
     #nav ul li a {  color: #fff; text-decoration: none; padding: 5px 0px 5px 10px; position:relative; display: block;}
     #nav ul ul li a:hover {  }
     #nav ul li.hover a, #nav ul li a.current { color: white;  background: none #e2e2e2;   }
      
     #nav ul li.lastItem { border-bottom: 1px solid #b8b8b8; }
     
          #nav ul ul { background-color: #C7D5E4; /* #e2e2e2 */; display: none; position: absolute; top: -1px; left: 160px;/*this should be changed to mainNav ul width */ width: 150px; height: auto;}
          #nav ul li.hover ul li { float: none; }
          #nav ul li.hover ul li a { padding: 10px 5px; background: none;color: #292566;  }
          #nav ul li.hover ul li.hover a,
          #nav ul li.hover ul li a.current {  background-color: #a6c8ed /* #CCCCCC */;   }
          
               #nav ul ul ul {  background-color: #C7DAE9; display: none; top: 0px; left: 150px; /*this should be changed to secondarys width */ }
               #nav ul li.hover ul li.hover ul li {  }
               #nav ul li.hover ul li.hover ul li a {  background: none; color: #333333; }     
               #nav ul li.hover ul li.hover ul li.hover a { background-color: #333333; color: #CCCCCC;  }
               #nav ul li.hover ul li.hover ul li a.current {  }


/* IBE ***************************************************************************************************************** */
          
     #ibe { text-align: center; }
         
          .widgetIBE { text-align: left;  padding: 3px 0 0 7px; margin: 0 auto;  }
               #ibeForm { font-family: arial, sans-serif; font-size: 12px; color: #292566;  }
               #checkinShell {   }
                    #checkinShell #checkinLabel {   }
                    #checkinShell #checkinField {   }
               #checkoutShell {   }
                    #checkoutShell #checkoutLabel {   }
                    #checkoutShell #checkoutField {   }
               #adultsShell {  }
               #childrenShell {  }
               #extraInputsShell {  }
               #submitShell {  }
                    .submitButton {  }
               .widgetIBE #extraLinksShell { padding-right: 0; }
               .widgetIBE #extraLinksShell a { color: #292566; text-decoration: underline; }
               .widgetIBE #extraLinks li.lastItem { padding-right: 0; }

     
/* SIDE **************************************************************************************************************** */
     
     #side { margin: 6px auto 0 auto; position: relative; width: 952px; }          
               
                    
                    #bgContentTop {margin: 0 auto; display: block;  }
                    
                    .ibeEnginePage #codeWidget19914 { display: none; top: 33px; left: 459px; } 
                    #codeWidget19914 {  top: 52px; position: absolute; z-index: 999; left: 15px; position: absolute; background: url(bgEmail.gif) no-repeat; width: 144px; height: 65px; }
                    #codeWidget19914 form {  padding: 31px 0 0 12px; }
                    #codeWidget19914 input { font-size: 11px; border: none; background-color: transparent; }
                    #codeWidget19914 fieldset { border: none; }

/* BODY **************************************************************************************************************** */

     #contentShell { position: relative; background: url(bgcontent.png) repeat-y; margin: 0 auto; width: 952px; padding: 29px 0 0 0; overflow: auto; }
          
          #breadcrumbs { z-index: 500; position: absolute; top: 2px; left: 23px; font-size: .8em; font-family: arial, sans-serif; }
          #breadcrumbs ul  {  margin: 0 0 20px 0; padding: 0; text-align: left;  }
          #breadcrumbs ul li { display: inline; margin: 0 5px 0 0; text-align: left; }
          
          #content { min-height: 395px; height: auto !important; height: 395px; text-align: justify; padding: 0 0 43px 182px; background: url(bgContentTree.gif) no-repeat 6px bottom; width: 427px;  }
               
               #content p { margin-top: 12px; }
               
          
          #content h1 { font-size: 25px; font-weight: normal; line-height: 1.2em; text-align: left; }
          #content h2 { font-size: 20px; font-weight: normal; color: #514abe; margin-bottom: 14px; line-height: 1.2em; text-align: left; }
          #content ul { padding-left: 15px; }
          #content li { list-style-position: outside; margin-left: 10px; text-align: left; }
               
               
               #subNav { float: left; position: absolute; margin: 80px 0 0 23px; width: 137px; }
               #subNav ul { list-style-type: none; }
               #subNav ul li {  }
               #subNav ul li a { display: block; padding: 4px 0; outline: none; background: url(bgSubNav.gif) no-repeat left bottom white; }
               #subNav ul li a:hover {}
               #subNav ul li a.current { font-weight: bold;  }
               #subNav ul li a.current:hover { text-decoration: none; }
                    
          #contentFooter { width: 952px; height: 6px; background: url(bgContentBottom.png) no-repeat center bottom; margin: 0 auto; }
 
 /* SIDE2**************************************************************************************************************** */
          
          #side2 {  displaY: inline; border-left: 1px solid #bababa; float: right; margin: 0 20px 0 0; padding: 0 0 0 16px; }  
          #side2 a:hover { text-decoration: none; }       
               
               #side2 .widgetCTA { width: 288px; height: 146px; text-align: center; }
                    #side2 .widgetCTALink { display: block; background: url(bgCTA.png) no-repeat center bottom; }
                         #side2 .widgetCTAimg { position: relative; z-index: 300; top: 0; margin: 0 auto; display: block; background: url(bgCTAPic.png) no-repeat center center;  width: 170px; height: 86px;  }
                         #side2 .widgetCTA h1 { font-weight: normal; font-size: 20px; color: #292566; } 
                         #side2 .widgetCTA .widgetCTAHeaders { font-weight: normal; font-size: 20px; color: #292566; display:block; } 
                         #side2 .widgetCTADescription { z-index: 200; position: relative; top: -39px; background: url(iconCTAArrow.gif) no-repeat right center; padding-right: 12px; }
          #side2 .codeWidget { width: 288px; }     
               
          #resortLink { display: block; background: url(resortLink.png) no-repeat; width: 130px; height: 69px; margin: 0 auto;  }

/* FOOTER **************************************************************************************************************** */

     #footerShell { margin: 0 auto; width: 932px; padding: 12px 0 50px 20px; }
     
     #codeWidget19465 { width: 26px; height: 52px; border-right: 1px solid #736cdc; float: left; margin-right: 10px; }
          #fbLink { background: url(iconFB.gif) no-repeat; width: 16px; height: 16px; display: block; margin: 6px 0 8px 0; }
          #twitterLink { background: url(iconTwitter.gif) no-repeat; width: 16px; height: 16px; display: block; }
          
          #footerNav { margin: 0 0 8px 0; }
               #footerNav ul {  }
               #footerNav ul li { display: inline; padding-right: 10px; }
               #footerNav ul li a {  }
               #footerNav ul li.lastItem {  }
               #footerNav ul li a:hover {  }
          
          #address { color: white; }
          #address span {  padding-right: 10px;  }
          .value-title { display: none; }
          #address .type { font-weight: bold; padding-right: 0; }
               .org { display: block; float: left; }
               .adr { display:block; }
                    #address .fn { font-weight: bold; }
                    .street-address {  }
                    .locality {  }
                    .region {  }
                    .postal-code {  }
                    .country-name {  }
               .tel {  }
                    .tel .type {  }
                    .tel .value {  }
          
          .signatureWidget { float: right; text-align: center; margin-top: -8px; }
          .signatureWidget #text { display: none; }
          #vizsig a{ display: block; }
          #vizsig { margin: 0; }
          
          
          /* IBE wrapper */
          #ctl00_tblMain { width: 427px; }
          
          
          /* bottom */
