@charset "utf-8";
/* CSS Document */
body { background:repeat-x top url(../images/bg-frame.jpg) #ebecef; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.bg-bvh{background:no-repeat top url(../images/bg-bvh.jpg) #ebecef; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.center { margin:0 auto; width:972px; }
.clear-line{clear:both; text-align:right; padding:7px 7px 7px 0px;}
p {margin-top:5px;}
* p {margin-top:7px;}
img {border:none;}
* img {border:none;}
input tyle='name' {border:none;}
#bg-main {width:972px; height:718px;margin:0 auto;}
#bg-main a{ padding:0;}
#bg-main .txtred12b{color:#ef4723; font-size:13px; font-weight:bold;}

/*design for sifr can't work */
h5, h6 {font-family: Arial, Verdana, sans-serif;font-weight: bold;margin: 0;padding: 0;line-height: 1em;}
h4, h2 {margin: 0; padding: 0; font: bold 1em Arial, "lucida sans";line-height: 1em; }
.container{ padding:0px 0px 0px 0px;}
.bg-white{width:960px;  height: expression(document.body.clientheight - 100 + "px"); background:#FFFFFF;}
.line{width:99%; background:url(../images/line.gif) repeat-x; height:3px; clear:both;}
#logo{float:left; padding-left:20px; background:none; display:block;}
#logo h1{margin-left:-9999px; display:block;margin-top:-999px; float:left;}
#logo a, a:hover, a:visited { text-decoration:none;background-color:Transparent;  }
#logo img { background:none; border:none; padding:0;}
#search{float:right; height:70px; padding-right:4px;}
#search .language{color:#adadae; font-size:12px; padding:3px 0px 15px 0px; text-align:right;}
#search .right{ margin-left:130px;}
#search a, a:hover, a:visited { color:#CCCCCC; font-size: 12px; text-decoration:none; font-weight:normal; padding:0px; }
#search ul
{color:#336699; font-size: 11px; margin:1px 0px; padding-left: 0; list-style: none;}
#search li
{ padding-left: 10px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 7px; float:left;}
.block{ padding:10px 10px 10px 18px;}
br {clear:both;}

#booking {float:left;  width:253px;}
#bookings {float:left;  width:255px;}
#mainbooking{ width:243px; min-height:150px; height:expression(document.body.clientheight - 100 + "px"); background:url(../images/bg-mainbooking.jpg) repeat-x top #989697;}
#mainbooking .padding{ padding:13px 0px 0px 15px;}
#mainbooking .txt-head {color:#f37101; font-size:12px; font-weight:bold; padding-bottom:5px;}
#mainbooking .listbox {font-size:10px;}
#mainbooking .txt{color:#333333; font-size:11px; padding-top:5px; clear:both;}
#mainbooking .date{float:left;}
#mainbooking .calendar{float:left; padding: 2px 0px 0px 2px;}
#mainbooking .rooms{float:left; padding:5px 0px 0px 0px;}
#mainbooking .level{float:left; padding:5px 0px 0px 15px;}
#mainbooking .check-btn{padding:15px 0px 2px 12px;}
#mainbooking .text-quaranteed{color:#FFFFFF; font-size:10px; padding:10px 15px 10px 0px; text-align:center;}
#mainbooking .text-quaranteed a,a:visited,a:hover{text-decoration:underline; color:#ffcc00; font-size:11px;}
#mainbooking  a, a:hover, a:visited {color:#FFFFFF; text-decoration:none; font-size:11px;font-weight:bold;}
#booking  .space{padding-top:5px;}


#banner { width:230px; border: 1px solid #CCCCCC; padding:5px;}
#content {float:left;width:670px;}
#content .destination { float:left;}
#content .img{ padding:3px 0px 7px 1px;}
#content .space{padding:3px;}
#content  h2 {margin:5px 0px 10px 0px;color:#222222;  font-weight:bold; font-size:17px; font-family:Arial, Helvetica, sans-serif;}
#content  h2.opening {margin:5px 0px 10px 0px; padding:0;color:#d4381f;  font-weight:normal; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
#content  h3 {margin:5px  0px; color:#222;font-weight:bold; clear:both; font-size:15px; font-family:Arial, Helvetica, sans-serif;}
#content .glay15 {font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#222;font-weight:bold;}
#hotels {padding:10px 18px 10px 18px;}
#hotels .bg{ background:#e6e7e9; height:230px; padding:13px 12px 13px 12px;}
#amari-hotels {float:right; width:650px;}
#amari-hotels .txt-head{ color:#d6381b; font-size:14px; font-weight:bold; padding-bottom:10px;}
#amari-hotels .txt{ color:#333333;}
#amari-hotels .txt-hotel{ color:#333333;  font-size:11px; font-weight:bold; padding:5px 0px 5px  0px; clear:both;}
#amari-hotels .list{float:left; padding-right:10px; width:206px;}
#amari-hotels a, a:visited {color:#d6381b; font-size: 11px; text-decoration:none; font-weight:bold;}
#amari-hotels  a:hover {text-decoration:underline;}
#associate-hotels a, a:hover, a:visited {color:#336699; font-size: 11px; text-decoration:none; font-weight:normal;}
#associate-hotels  a:hover {text-decoration:underline;}
#amari-hotels ul
{color:#336699; font-size: 11px; margin:0px 0px 0px 3px; padding-left: 0; list-style: none; }
#amari-hotels li{padding-left: 8px; padding-bottom: 1px; background-image: url(../images/bullets.png); background-repeat: no-repeat; background-position: 0 4px;}
#menu {clear:both; padding:15px 0px 0px 10px;}
#menu a, a:visited {color:#336699; font-size: 11px; text-decoration:none; font-weight:normal;}
#menu a:hover{text-decoration:underline;}
#menu  a.enquiry ,  a.enquiry :visited {color:#336699; font-size: 11px; text-decoration:none; font-weight:bold;}
#menu a.enquiry:hover{text-decoration:underline;}
#copyright .copyright {clear:both; float:left; padding:10px 0px 20px 34px; color:#878686;}
#copyright .right{float:right; color:#878686; padding-right:27px;}
#footer {padding:0px;}
#footer-logo {height: 80px;width: 960px;float: left;margin-bottom: 20px;}
#footer-logo #box1 {float: left;}
#footer-logo #box1 img {float: left;}
#footer-logo #line {border-top-width: 1px;border-top-style: solid;border-top-color: #dadadb;width: 770px;height: 1px;display: block;
margin-top: 20px;margin-left: 130px;}
#footer-logo #box2 {float: left;margin-left: 40px;margin-top: 3px;}
#footer-logo #box2 img {margin-left: 40px;}
#box2 .position {padding-top: 15px;}
#box2 .position2 {padding-top: 5px;}


.bg-footer{background:url(../images/bg-footer.gif) left; width:963px; height:9px;}
*html .bg-footer{width:963px; height:9px; background-image:none;}
#footers {padding:0px 0px 0px 0px;}
#email {float:left; width:250px;}
#email  .txt-head{color:#333333; font-size:12px; font-weight:bold; padding-bottom:5px;}
#email  .txt{color:#807b7b;font-size:11px; padding-bottom:5px;}
#email .subscribe{float:left;}
#email .button{float:left;  padding-left:2px;}
#email .box{font-size:11px;}
#footer-email {float:right; width:250px;}
#footer-email  .txt-head{color:#333333; font-size:12px; font-weight:bold; padding-bottom:5px;}
#footer-email  .txt{color:#444444;font-size:11px; padding-bottom:5px;}
#footer-email .subscribe{float:left;}
#footer-email .button{float:right;  padding-right:36px;}
#footer-email .box{font-size:11px;}
#footer-email .right{ clear:both;color:#444444; padding-top:10px;}
/**  MAIN NAV **/
#mainnav { padding:0; margin:0; list-style:none; height:34px; z-index:200; font-family:arial, verdana, sans-serif; width:963px; }
* img{border:none;}
#mainnav li:hover {position:relative; z-index:200;}
#mainnav a:hover {position:relative; white-space:normal; z-index:100;}
#mainnav a{text-decoration:none;}
#mainnav li.top {display:block; float:left;}
#mainnav li.bg {display:block; float:left;}
#mainnav li a {display:block; float:left; text-decoration:none; padding:0; cursor:pointer;}
#mainnav li a b {margin-left:-9999px;}
#mainnav li b {margin-left:-9999px;}
#mainnav li a.welcome {background:url(../images/btn-welcome.gif); height:34px; width:110px;}
#mainnav li a.welcome-selected{background:url(../images/btn-welcome.gif); height:34px; width:110px; background-position: 0 34px;}
#mainnav li a.amari-hotels {background:url(../images/btn-hotels.gif); height:34px; width:124px;}
#mainnav li a.amari-hotels-selected {background:url(../images/btn-hotels.gif); height:34px; width:124px;  background-position: 0 34px;}
#mainnav li a.special {background:url(../images/btn-special-promotions.gif); height:34px; width:190px;}
#mainnav li a.special-selected {background:url(../images/btn-special-promotions.gif); height:34px; width:190px; background-position: 0 34px;}
#mainnav li a.contact {background:url(../images/btn-contact.gif); height:34px; width:111px;}
#mainnav li a.contact-selected {background:url(../images/btn-contact.gif); height:34px; width:111px; background-position: 0 34px;}
#mainnav li a.online-checkin {background:url(../images/btn-onlinecheckin.gif); height:34px; width:148px;}
#mainnav li a.online-checkin-selected {background:url(../images/btn-onlinecheckin.gif); height:34px; width:148px; background-position: 0 34px;}
#mainnav li a.guest-login {background:url(../images/btn-guest-login.gif); height:34px; width:112px;}
#mainnav li a.guest-login-selected {background:url(../images/btn-guest-login.gif); height:34px; width:112px; background-position: 0 34px;}
#mainnav li a.loyalty-program {background:url(../images/btn-loyalty-program.gif); height:34px; width:148px;}
#mainnav li a.loyalty-program-selected{background:url(../images/btn-loyalty-program.gif); height:34px; width:148px; background-position: 0 34px;}
#mainnav li a.login {background:url(../images/btn-login.gif); height:34px; width:56px;}
#mainnav li a.login-selected {background:url(../images/btn-login.gif); height:34px; width:56px; background-position: 0 34px;}
#mainnav li.bg-chorus-rewards {background:url(../images/bg-mainmenu.jpg); display:block; float:left; height:34px; width:252px; text-align:right;}
#mainnav li.bg-member-login {background:url(../images/bg-mainmenu.jpg); display:block; float:left; height:34px; width:50px;}

#mainnav li.bg {background:url(../images/bg-mainmenu.jpg); display:block; float:left; height:34px; width:187px;}
#mainnav li a.temp { background:url(../images/bg-mainmenu.jpg); height:34px; width:128px;}
#mainnav li:hover a.welcome,
#mainnav a.welcome:hover
{background-position: 0 34px;}
#mainnav li:hover a.amari-hotels,
#mainnav a.amari-hotels:hover
{background-position: 0 34px;}
#mainnav li:hover a.special,
#mainnav a.special:hover
{background-position: 0 34px;}
#mainnav li:hover a.contact,
#mainnav a.contact:hover
{background-position: 0 34px;}
#mainnav li:hover a.online-checkin,
#mainnav a.online-checkin:hover
{background-position: 0 34px;}
#mainnav li:hover a.guest-login,
#mainnav a.guest-login:hover
{background-position: 0 34px;}
#mainnav li:hover a.loyalty-program,
#mainnav a.loyalty-program:hover
{background-position: 0 34px;}
#mainnav li:hover a.login,
#mainnav a.login:hover
{background-position: 0 34px;}
#mainnav li:hover a.bg,
#mainnav a.bg:hover
{background-position: 0 0px;}

/*** END MAIN NAV **/