﻿/*  THIS STYLESHEET ARE FOR IPHONES AND G1S */

/* GENERAL **************************************************************************************************************** */
     
     body { width: 100%; color: #776019; font-family: Arial, Helvetica, Verdana; sans-serif; font-size: 12px; /*background: #e2c197 url(bg.jpg) top center no-repeat;*/ margin:0; }
     #shell { width:  auto;  background: #fff4d2 ; margin: 0px auto;  position:relative; }    
     a, .availLink { color: #ae8108;  }
     a:hover { text-decoration: none;  }
     h1, h2, h3 {  }
     hr { border: 1px solid #e6d08d; border-bottom: none; height: 1px; margin: 35px 0;}
     .imgLeft { float: left; margin: 0 15px 5px 0; border: 2px solid #e2d19e;}
     .imgRight { float: right; margin: 0 0 5px 15px; border: 2px solid #e2d19e;}     

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

     
     #titlebar { width: 480px;  height: 110px; background:url(h1.jpg); position: static;  }

          #logo { width:212px; height:93px; margin:0px auto 0; position:relative; top:15px; left:4px;}
          #logo a { display:block; border: none; color: none; }
          #logo img { border: none; }
          
          div#usabilityNavDropDown { display: none; }
          #helpmenuShell {display: none; position: relative; text-transform:lowercase; width:340px; z-index:90; top:0; left:0; }
          #helpmenuShell ul { margin: -14px 0 0 25px; padding: 0; list-style: none;   }
          #helpmenuShell ul li { margin: 0 11px 0 0; display: inline; height:20px; float:left;}
          #helpmenuShell ul li a {  font-size: 9px; color: #fff; text-decoration: none; }
          #helpmenuShell ul li a:hover { color: #80b8e2; }        
          #helpmenuShell div#usabilityNavText {  }
          #helpmenuShell div#usabilityNavDropDown {  }
          #helpmenuShell div#usabilityNavDropDown div.noHover { display: block;  }
     
          #nav { width: 480px; height: 75px; background: none; } 
          #nav ul { text-align: center; padding: 0; margin: 0 0 0 40px;  padding:0px;}   
          #nav ul li { display: inline; list-style: none; margin: 0 0px;  height:44px;}     
          #nav ul li a { display:block;height:33px; color: #fff; text-decoration: none; font-size: 14px; font-weight: bold; float:left; 
          padding:11px 15px 0; }   
          #nav ul li a:hover { background: url(bg_nav_hover.gif) top center no-repeat; }
          #nav ul li a.current { background: url(bg_nav_hover.gif) top center no-repeat; }
          #nav ul li.noStyleRight {  }
          #nav ul li.noStyleLeft {  }
          #nav ul li.lastItem {  }
          #nav .textShell { display:block;}
          
          #utilityNav  #accessible {  }
     
     #headerShell { display: none;  }        
          
          #header {display: none;}         
     
     #ibeShell { display: none; height: 70px; background: url(bg_ctaShell.jpg); }
     
     
         /* IBE ************************************************************************/
               #searchbox3 { display: none; position: absolute; width: 480px; margin: 412px 0 0 -350px; font-size:11px; text-transform:lowercase; color:#8e6118; width:800px;}
               #searchbox3 a { float:left;}
               select {margin:1px 0 7px 0;}
               .resSubmit {display:block; background: url(btn_bookNow.jpg); margin: -17px 0 0 17px; border: none; width: 134px; height: 44px;
               cursor:pointer; }
               a.resSubmit:hover { cursor: hand;}
               .resMonth {width:60px;}
               .resDay {width:40px;}
               .resYear {width:45px;}
               .resNights, .resRooms, .resAdults, .resKids {width:50px; margin: 0 40px 0 0;}
               #ibelinks { position: relative; width: 150px; margin: -40px 0 0 760px; font-size:11px;}
               #ibelinks ul { margin: 10px 0 0 0; padding: 0;}
               #ibelinks li  { display: inline; list-style: none; margin: 0 6px 0 0; }
               #ibelinks li a { font-size: 10px; margin: 0 6px 0 0; color:#ad3902;}
               #searchbox3 .resRoomSpacer {margin:0 0 0 61px;}
               #searchbox3 .resAdultsSpacer{margin:0 0 0 60px;}
               #searchbox3 .resKidsSpacer { margin: 0 0 0 60px;}
               #searchbox3 .resSubmit {display:inline; vertical-align:top;}
               #searchbox3 #anchor {position:absolute; left:40px; top:0px; }
               #anchor img {border:none; }
               #searchArrival {float:left; margin: 0 40px 0 0; width:175px; display:block; position:relative;} 

               

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

     #contentShell { width: 480px; min-height:500px;  height:auto !important;  height:500px;}

    
          #content { clear: both; width: 120px; border: 3px solid #000; padding: 0; line-height: 180%; position: static;  } 
          #content h1 { color: #1b70aa; font-size: 31px; font-weight: normal; margin:0; margin-bottom:8px; padding:0px; line-height:150%; }
          #content h1.sIFR-replaced { display: none;}
          #content h2 { color: #b96f05; font-size: 15px; letter-spacing:-.05em; }
          #content h3 { color: #1b70aa; font-size: 13px; }
          #content p { color: #776019; }
          
          div.twoCols {width:45%; float:left; } 
          ul.twoCols {width:45%; float:left; list-style-type:square; margin:0; padding:0 0 0 40px; display:block;}
          .clearBoth {clear:both;}
          .colsMarginRight {margin-right:15px; padding: 0 15px 0 0; margin: 0 40px 0 0; border-right: solid 1px #e6d08d;}
          
          .mileage {font-size:12px;}


          
               #breadcrumbs ul  { font-size: 10px;  margin: 0 0 20px 0; padding: 0; text-transform:capitalize; }
               #breadcrumbs ul li { display: inline; margin: 0 5px 0 0;}
               
               #subNav {}
               #subNav ul { margin: 0 0 10px 0; padding: 10px 0; border-top: 1px solid #b99b3e; border-bottom: 3px solid #b99b3e; }
               #subNav ul li { display: inline; list-style: none; margin: 0 12px 0 0; text-transform:uppercase; }
               #subNav ul li a { text-decoration:none; color:#ad5f02;}
               #subNav ul li a.current { text-decoration: none; color: #1b70aa; font-weight: bold;}
               #subNav ul li a:hover {}                
          
          #side { display: none; background: #ccc;  }          


               

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

     #footerShell { width:480px; clear: both; margin:0 auto; background:url(bg_footer.jpg) top center no-repeat; padding: 40px 0;}
          
          #address { width: 480px; margin: 20px 0 10px 210px;  }
          #address ul { margin: 0; padding: 0; }
          #address ul li { display: inline; margin: 0 10px 0 0; color: #158cae;  }
          #address ul li#propertyName { margin: 0 10px 0 0; font-size: 14px; font-weight: bold; color: #c57400;}
          #address ul li#street { border-left: 1px solid #158cae; padding: 0 0 0 8px;}
          #address ul li#country { display: none;}
          #address li.noStyleRight {  }
          #address strong { }          
          
          #footerNav {  width: 480px;}
          #footerNav ul { margin: 0 0 0 210px; padding: 0; text-transform:capitalize; }
          #footerNav ul li { display: inline; list-style-type: none; }
          #footerNav ul li a { font-size: 11px; margin: 0 7px 0 0; color: #905f0b; text-decoration:none; }
          #footerNav ul li a:hover { color:#0c5173; }
          #footerNav ul li.noStyleRight { margin-right:0; }
          #footerNav ul li a:hover {  }
          
          #footerShell .imageWidgetImage { float: none; position: absolute; margin: -40px 20px 20px 0; }
          
         
          #vizsig { width: 250px; margin: 20px 0 0 210px;}
          #vizsig a { color: #b17816; }