﻿/* MINI-RESET ************************************************************************************************************* */

* { margin: 0; padding: 0; border: none; }


/* GENERAL **************************************************************************************************************** */
     
     body { background: url(bgBody.jpg); font-size: 13px; line-height: 18px; color: #ebc591; font-family: arial, sans-serif; }
     #printLogo { display: none; }
     #shell { position: relative; background: url(bgShell.gif) repeat-x; padding-top: 18px; }   
          #shellShadow {  background: url(bgShellShadow.png) repeat-y center top;  }  
               #subShell { width: 1000px; margin: 0 auto; background: url(bgsubShell.gif) repeat-y ; overflow: auto; }
               
     .container {  }
     a { outline: none; }
     a:hover { text-decoration: none;  }
     .imgRight { float: right; margin: 0 0 5px 12px; border: 1px solid #AB5015; padding: 1px;background-color: #241E19; }
     .imgLeft { float: left; margin: 0 12px 5px 0; border: 1px solid #AB5015; padding: 1px;background-color: #241E19; }
     .twoCols { float: left; width: 50%; } 
     .clear { clear: both; }
     hr { line-height: 100%; border: none; border-top: 1px solid #000; margin: 20px 0; background-color: #000; }
     body#rfp { background: none; } 
     
     #leftCol { background: url(bgLeftCol.jpg) no-repeat #661f04; width: 350px; float: left; position: relative; z-index: 2; }
     #rightCol { float:left; width:650px; position: relative; z-index: 1; }
          
     
     

/* TITLEBAR ************************************************************************************************************** */
     
     #titlebar { position: relative; background: url(bgTitle.gif) repeat-x; height: 52px; }
     
          .marketingPhoneShell {  }
               
               .marketingPhoneMessage {  }
               .marketingPhoneNumber {  }
                    

          #helpmenuShell { width: 1000px; height: 52px; margin: 0 auto; text-align: right; background: url(bgHelpMenu.png) no-repeat; }
               
               #usabilityNavDropDown {  }
                    
                    #usabilityNavText { display: none; }
                    
                    #usabilityNav {  } /* dropdown container */
                    #usabilityNav ul { padding-top: 19px; }
                    #usabilityNav ul li { display: inline; margin-right: 19px; }
                    #usabilityNav ul li .pageTranslatorPH { display: inline;}
                    #usabilityNav ul li a { font-size: 14px; color: #bba387; text-decoration: none; }
                    #usabilityNav ul li a:hover { color: #e3c8a8 }    

                    /* set to "none" if using dropdown style utilNav */
                    #helpmenuShell div#usabilityNavDropDown div.noHover { display: block; }
                    /*#usabilityNav ul li#helpid1684 { display: none; }  hide translator */
          

               
           

/* HEADER **************************************************************************************************************** */
     
     #headerShell { position: relative; }         
          
          #logo { width: 165px; float: left; }
          #logo div { margin: 21px 0 0 16px; }
          #logo a {  }
          #logo a img {  }
          
          #header { width: 650px; height: 425px; overflow: hidden; }         
          
/* NAVIGATION  ********************************************************************************************************* */
     
     #nav { position: relative; width: 185px; float: left; margin-top: 22px; }  

     #nav ul { font: 14px/14px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
     #nav ul li {line-height: 100%;  list-style: none; width: 100%; position: relative; display: block;  }
     #nav ul li a { color: #fff; text-decoration: none; padding: 0 0 0 20px; position:relative; display: block; }
     #nav ul li a:hover, #nav ul li a.current, #nav ul li.hover { background: url(bgCTA.png);  }
     #nav ul li.hover a {  color: white; }
     #nav ul li.lastItem {  }
     
          #nav ul ul { background: url(bgSubNav.jpg) no-repeat; display: none; position: absolute; top: 0px; left: 185px;/*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: 7px 5px 8px 5px; background: none;}
          #nav ul li.hover ul li.hover a {  background: url(bgCTA.png);  color:  #d4d655;   }
          #nav ul li.hover ul li a.current { background: url(bgCTA.png);  color:  #d4d655;  }
          
               #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 { position: relative; }
          
          .widgetIBE {  }
               #ibeHeaderLabel, #checkinShell, #checkoutShell, #roomsShell, #adultsShell, #childrenShell, #extraInputsShell, #submitShell, #extraLinksShell { }
               .widgetIBE input { border: 1px solid #A5ACB2;   }
               .widgetIBE select { border: 1px solid #A5ACB2; }
               #ibeHeaderLabel {  }
               #checkinShell {   }
                    #checkinShell #checkinLabel {   }
                    #checkinShell #checkinField {   }
               #checkoutShell {   }
                    #checkoutShell #checkoutLabel {   }
                    #checkoutShell #checkoutField {   }
               #roomsShell {  }
               #adultsShell {  }
               #childrenShell {  }
               #extraInputsShell {  }
               #submitShell {  }
                    #submitButton {  }
                    /* use below for when using image-based buttons 
                    #submitButton { background: ; display: block; line-height: 0; text-indent: -9999px; } */
               #extraLinksShell {  }
                     ul#extraLinks { }
                    .widgetIBE ul#extraLinks li {  }
                     ul#extraLinks li a {  }

     
/* SIDE **************************************************************************************************************** */
     
     #side { position: relative; clear: left; padding-top: 89px; zoom: 1; }      
               
          #side .widgetCTA { background: url(bgCTA.png); height: 93px; margin-bottom: 11px; padding: 18px 0 0 8px; }
               #side .widgetCTALink { text-decoration: none; display: block; }
                    #side .widgetCTAimg { background-repeat: no-repeat;  display: block; float: right; }
                    #side .widgetCTA h1 { color: white; font-size: 15px; text-transform: uppercase; margin-bottom: 5px;  }
                    #side .widgetCTA .widgetCTAHeaders { color: white; font-size: 15px; text-transform: uppercase; margin-bottom: 5px;  display: block; font-weight: bold;  }
                    #side .widgetCTADescription { color: black; width: 200px; font-size: 12px; }
                    
                    #side #widgetCTA24329 { border-left: 19px solid #857d34; }
                    #side #widgetCTA24330 { border-left: 19px solid #ab5015; }
                    #side #widgetCTA24331 { border-left: 19px solid #580a04; }
                    
                    #side #widgetCTA24329 .widgetCTAimg { width: 121px; height: 97px; margin: -7px 10px 0 0; }
                    #side #widgetCTA24330 .widgetCTAimg { width: 79px; height: 98px; margin: -6px 23px 0 0; }
                    #side #widgetCTA24331 .widgetCTAimg { width: 67px; height: 103px; margin: -11px 26px 0 0; }
                    
                    #side #widgetCTA24329 a h1:hover { color: #857d34; }  
                    #side #widgetCTA24330 a h1:hover { color: #ab5015; }  
                    #side #widgetCTA24331 a h1:hover { color: #580a04; }  
                    
                    #side #widgetCTA24329 a .widgetCTAHeaders:hover { color: #857d34; }  
                    #side #widgetCTA24330 a .widgetCTAHeaders:hover { color: #ab5015; }  
                    #side #widgetCTA24331 a .widgetCTAHeaders:hover { color: #580a04; }  
                    
          .socialToolbarWidget {  }
               div.socialToolbarLabel {  }   
               div.socialToolbarWidget ul { }
               div.socialToolbarWidget ul li {  } 
               
               
         #side #cookies { margin-top: 41px; }
          #side #cookies a { margin-bottom: 30px; width: 350px; height: 124px; display: block; background: url(cookies.png) no-repeat; }

/* SIDE 2 ************************************************************************************************************* */        
          
     #side2 { position: relative; }          
          
          #side2 .widgetCTA {  }
               #side2 .widgetCTALink {  }
                    #side2 .widgetCTAimg {  }
                    #side2 .widgetCTA h1 {  }
                    #side2 .widgetCTADescription {  }
                    
                    


/* CONTENT ************************************************************************************************************* */

     #contentShell { position: relative; padding: 50px 23px; background: url(bgContent.jpg) no-repeat right bottom;
     min-height: 358px; height: auto !important; height: 358px;
 }
          
          #breadcrumbs { position: absolute; right: 22px; top: 7px; }
          #breadcrumbs ul  {  }
          #breadcrumbs ul li { display: inline; color: #a9a097; font-size: 10px; }
          #breadcrumbs a { color: #9d980c; text-decoration: none;  }
          #breadcrumbs a:hover { color: white; text-decoration: none;  }
          
          #content {   }
               #content a { color: #9d980c; }
               #content h1 { color: white; font-size: 24px; text-transform: uppercase; margin-bottom: 23px; }
               #content h2 { color: white; font-size: 16px; font-weight: normal; font-family: georgia, serif; }
               #content h3 {  }
               #content h4 {  }
               #content h5 {  }
               #content h6 {  }
               #content p { margin: 13px 0; }
               #content ul { margin-bottom: 10px; }
               #content li { background: url(li.gif) no-repeat 0 4px; padding-left: 14px; list-style-type: none; }
               #content li a {  }
               #content ul.noStyle, #content ul.noStyle ul { list-style: none; padding: 0; }
               #content img {  }
               
               #socialIcons { height: 40px; margin-top: 7px; width: 169px; float: right; }
               #socialIcons a { margin-right: 17px; }
               #socialIcons #twitter { margin-right: 7px;display: block; float: left; width: 56px; height: 34px; background: url(iconTwitter.gif) no-repeat;  }
               #socialIcons #fb{ margin-top: 10px; display: block; float: left; width: 28px; height: 25px; background: url(iconFBBlue.gif) no-repeat;  }
               #socialIcons #ta{ margin-top: 10px; display: block; float: left; width: 33px; height: 29px; background: url(iconTA.gif) no-repeat;  }

               #subNav { display: none; }
               #subNav ul {  }
               #subNav ul li {  }
               #subNav ul li a {  }
               #subNav ul li a:hover {  }
               
               .widgetSocialBookmarks { padding: 1.2em 0; }
               .googleMapWidget { margin: 1.2em 0; }
               #zinkFB {      display: block; width: 16px; height: 16px; background: url(iconFBSmall.gif) no-repeat; float: left; margin-right: 10px; }
               #zinkTwitter { display: block; width: 16px; height: 16px; background: url(iconTwitterSmall.gif) no-repeat; float: left; margin-right: 10px; }
               

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

     #footerShell { position: relative; background: url(bgFooter.jpg) no-repeat #2F2518; height: 307px; }
          #footer {  width: 1000px; margin: 0 auto; text-align: right; }
          #footerNav { width: 732px; float: right; margin: 46px 0 18px 0; }
               #footerNav ul {font-size: 11px  }
               #footerNav ul li { display: inline; margin-right: 6px; }
               #footerNav ul li a { color: #786856; text-decoration: none; }
               #footerNav ul li.lastItem { margin-right: 0; }
               #footerNav ul li a:hover { color: #c1aa91; }
          
          #address { width: 620px; float: right; color: #d0d0d0; font-weight: normal; font-size: 11px; }
               #address span { margin-right: 17px; }
               .org, .adr, .tel { margin: 0 15px 0 0;}
               .org {  }
               #address .adr {  margin-right: 0; }
                    .street-address {  }
                    #address span.locality { margin-right: 0; }
                    .region {  }
                    .postal-code {  }
                    #address .country-name { margin-right: 0; }
               .tel {  }
                    .tel .type {  }
                    .tel .value {  }
          
          #vizsig { }
          #vizsig a { }
          
          #hHonors { margin: -28px -17px 0 0; display: block; float: right; width: 98px; height: 42px; background: url(hiltonHonors.png) no-repeat; }
          #vizLogo { margin: -30px 22px 0 0; display: block; float: right; width: 98px; height: 42px; background: url(footerLogoViz.png) no-repeat; }
          #footerLogo { margin: -40px 22px 0 0; display: block; float: right; width:145px; height:111px; background: url(/vsites/files/296/logoNEWfooter.png) no-repeat; }
