body{background:#A29A68 url(img/body-bg.png) top repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;} .btn,.textBox{background:#E8E9DA;border:0 none;color:#70724D;font-size:11px;padding:2px;} .textBox2{background:#E8E9DA;border:0 none;color:#70724D;font-size:11px;} .errorBlock{border:1px solid #DAE8AB;margin:20px;padding:20px;} .elmBlock{border:0 none;margin:20px;} form,input{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;} .tableButton{border:1px solid #DAE8AB;color:#DAE8AB;padding:3px;} .tableButton:hover{border:1px solid #DAE8AB;color:#DAE8AB;} #ui-datepicker-div{display:none;} #container{margin:10px auto 0 auto;padding-left:66px;position:relative;text-align:left;width:711px;} #header{background:#CDCFAD;display:block;height:292px;margin-left:-5px;position:relative;width:669px;} #headerMask{background:url(img/header-bg.png) top no-repeat;display:block;height:292px;left:0;position:absolute;top:0;width:669px;} #topNav {background:url(img/top-nav.png) no-repeat;clear:both;display:block;height:21px;width:664px;z-index:3000;} #topNav ul{list-style-type:none;} #topNav li{float:left;} #topNav li a{display:block;height:21px;} #topNav li a span.invicible{display:none;} #navAbout{width:56px;} #navRoom{width:47px;} #navRestaurant{width:66px;} #navFacility{width:54px;} #navVirtual{width:79px;} #navNews{width:107px;} #navLocation{width:55px;} #navBooking{width:54px;} #navContact{width:54px;} #navHome{width:43px;} #navAbout:hover{background:url(img/top-nav.png) 0 42px;} #navRoom:hover{background:url(img/top-nav.png) -56px 42px;} #navRestaurant:hover{background:url(img/top-nav.png) -103px 42px;} #navFacility:hover{background:url(img/top-nav.png) -169px 42px;} #navVirtual:hover{background:url(img/top-nav.png) -223px 42px;} #navNews:hover{background:url(img/top-nav.png) -302px 42px;} #navLocation:hover{background:url(img/top-nav.png) -409px 42px;} #navBooking:hover{background:url(img/top-nav.png) -464px 42px;} #navContact:hover{background:url(img/top-nav.png) -518px 42px;} #navHome:hover{background:url(img/top-nav.png) -572px 42px;} #aboutActive{background:url(img/top-nav.png) 0 21px;display:block;height:21px;} #roomActive{background:url(img/top-nav.png) -56px 21px;display:block;height:21px;} #restaurantActive{background:url(img/top-nav.png) -103px 21px;display:block;height:21px;} #facilityActive{background:url(img/top-nav.png) -169px 21px;display:block;height:21px;} #virtualActive{background:url(img/top-nav.png) -223px 21px;display:block;height:21px;} #newsActive{background:url(img/top-nav.png) -302px 21px;display:block;height:21px;} #locationActive{background:url(img/top-nav.png) -409px 21px;display:block;height:21px;} #bookingActive{background:url(img/top-nav.png) -464px 21px;display:block;height:21px;} #contactActive{background:url(img/top-nav.png) -518px 21px;display:block;height:21px;} #homeActive{background:url(img/top-nav.png) -572px 21px;display:block;height:21px;} #contentTop{background:url(img/content-top-bg.png) no-repeat;clear:both;height:140px;position:relative;width:664px;} #contentTopAlt{background:url(img/content-top-bg-alt.png) no-repeat;clear:both;height:140px;position:relative;width:664px;} #pageHeaderImage{clear:both;position:absolute;right:0;top:33px;width:322px;} #topSearch{text-align:right;position:relative;} .topSearchForm .searchBtn{right:49px;position:absolute;top:-1px;} .topSearchForm .searchText{right:95px;position:absolute;top:5px;} #memberLogin{clear:both;position:absolute;left:44px;top:42px;width:209px;} .memberLoginForm{background:url(img/member-login.png) top no-repeat;height:45px;width:204px;} .memberLoginFormAlt{background:url(img/member-login-alt.png) top no-repeat;height:45px;width:204px;} .memberLoginForm .memberUsername,.memberLoginFormAlt .memberUsername{left:4px;position:absolute;top:24px;width:85px;} .memberLoginForm .memberPassword,.memberLoginFormAlt .memberPassword{left:109px;position:absolute;top:24px;width:85px;} .memberLoginForm .memberLogin,.memberLoginFormAlt .memberLogin{right:4px;position:absolute;top:50px;} #memberLogin .memberSignup{background:url(img/member-login-signup.png) no-repeat;display:block;height:9px;right:43px;position:absolute;top:51px;width:39px;} #memberLogin .memberForget{background:url(img/member-login-forget.png) no-repeat;display:block;height:9px;right:5px;position:absolute;top:65px;width:104px;} #memberLogin .memberSignupAlt{background:url(img/member-login-signup-alt.png) no-repeat;display:block;height:9px;right:43px;position:absolute;top:51px;width:39px;} #memberLogin .memberForgetAlt{background:url(img/member-login-forget-alt.png) no-repeat;display:block;height:9px;right:5px;position:absolute;top:65px;width:104px;} .memberSignup span,.memberForget span,.memberSignupAlt span,.memberForgetAlt span{display:none;} #memberNav{color:#7C398A;list-style-position:inside;width:209px;} #memberNav li{border-bottom:1px solid #7C398A;font-size:11px;list-style-type:square;line-height:20px;} #memberNav li a{color:#7C398A;text-decoration:none;} #memberNav li a:hover,#memberNav li a.active{font-weight:bold;} #memberNav li.memberNavEnd{border:0 none;} #memberNavAlt{color:#DAE8AB;list-style-position:inside;width:209px;} #memberNavAlt li{border-bottom:1px solid #DAE8AB;font-size:11px;list-style-type:square;line-height:20px;} #memberNavAlt li a{color:#DAE8AB;text-decoration:none;} #memberNavAlt li a:hover,#memberNavAlt li a.active{font-weight:bold;} #memberNavAlt li.memberNavEnd{border:0 none;} #roomCheck{clear:both;position:absolute;right:0;top:33px;width:322px;} .roomCheckForm{background:url(img/room-check-bg.png) top no-repeat;height:84px;width:322px;} .roomCheckForm .checkIn{left:133px;position:absolute;top:33px;width:80px;} .roomCheckForm .checkOut{left:220px;position:absolute;top:33px;width:80px;} .roomCheckForm .cboType{left:133px;position:absolute;top:60px;width:150px;} .roomCheckForm .btnCheck{left:290px;position:absolute;top:62px;} #content{background:url(img/content-bg.png) repeat-y;clear:both;font-size:11px;width:664px;} #contentAlt{background:url(img/content-bg-alt.png) repeat-y;clear:both;font-size:11px;width:664px;} .contentBox{background:url(img/content-bg.png) repeat-y;clear:both;float:left;width:664px;} .contentBoxAlt{background:url(img/content-bg-alt.png) repeat-y;clear:both;text-align:center;width:664px;} .contentBoxLeft{color:#7C398A;float:left;padding:0 17px 0 44px;width:209px;} .contentBoxLeft p{margin-bottom:10px;} .contentBoxLeft a{color:#7C398A;} .leftBox{margin-bottom:40px;} .leftList{list-style-position:inside;} .leftList li{border-bottom:1px solid #7C398A;list-style-type:square;line-height:20px;} .leftList li a.active{font-weight:bold;} .leftList li a:hover{font-weight:bold;text-decoration:none;} li.leftListEnd{border:0 none;} h3#latestNews{background:url(img/h3-latest-news.png) no-repeat;display:block;height:29px;margin-bottom:10px;width:201px;} h3#latestPromotion{background:url(img/h3-latest-promotion.png) no-repeat;display:block;height:29px;margin-bottom:10px;width:201px;} h3#news{background:url(img/h3-news.png) no-repeat;display:block;height:57px;margin-bottom:10px;width:201px;} h3#promotion{background:url(img/h3-promotion.png) no-repeat;display:block;height:57px;margin-bottom:10px;width:201px;} h3#latestNews span,h3#latestPromotion span,h3#news span,h3#promotion span{display:none;} .contentBoxRight{color:#DAE8AB;float:left;padding:0 27px 0 18px;width:349px;} .contentBoxRight ul{list-style-type:disc;} .contentBoxRight ol{list-style-type:decimal;} .contentBoxRight ul li,.contentBoxRight ol li{margin-left:23px;} .contentBoxRight p{margin-bottom:10px;} .contentBoxRight a{color:#DAE8AB;} .contentBoxSpacer{clear:both;float:none;height:10px;} #npList{list-style-type:none;} .npList li{border-bottom:1px solid #81835A;margin-bottom:20px;padding-bottom:5px;} .npList li.nob{border:0 none;margin-bottom:20px;padding-bottom:5px;} .npList h4{font-size:12px;} .npList em{font-size:10px;} .npList img{float:left;margin-right:10px;} .npList .np-img{float:none;margin:0 0 20px 0;} .lrForm{color:#7C398A;width:100%;} .lrForm tr{vertical-align:top;} .lrForm td,.lrForm th,.table td,.table th{font-size:11px;height:21px;line-height:21px;} .lrForm th{padding-right:10px;text-align:right;width:260px;} .lrForm td{padding-left:10px;} .table td{padding:0 10px;} #footer{background:url(img/footer-bg.png) no-repeat;color:#6D7947;clear:both;height:30px;padding-top:33px;text-align:center;width:664px;} #footerAlt{background:url(img/footer-bg-alt.png) no-repeat;color:#6D7947;clear:both;height:30px;padding-top:33px;text-align:center;width:664px;} #footer a,#footerAlt a{color:#6D7947;} #footer p,#footerAlt p{font-size:10px;} #langOption{left:3px;position:absolute;top:234px;} #langOption p{background:url(img/language-text.png) bottom no-repeat;display:block;height:16px;margin-bottom:6px;width:58px;} #langOption p.alt{background:url(img/language-text.png) top no-repeat;} #langOption p span{display:none;} #langOption #langEn{background:url(img/flag-en-off.png) no-repeat;display:inline-block;height:16px;margin-left:15px;width:20px;} #langOption #langEn:hover{background:url(img/flag-en-on.png) no-repeat;} #langOption #langId{background:url(img/flag-id-off.png) no-repeat;display:inline-block;height:16px;margin-left:-4px;width:20px;} #langOption #langId:hover{background:url(img/flag-id-on.png) no-repeat;} #langOption #langEnActive{background:url(img/flag-en-on.png) no-repeat;display:inline-block;height:16px;margin-left:15px;width:20px;} #langOption #langIdActive{background:url(img/flag-id-on.png) no-repeat;display:inline-block;height:16px;margin-left:-4px;width:20px;} #langOption #langEn span,#langOption #langEnActive span,#langOption #langId span,#langOption #langIdActive span{display:none;} #leafTr{background:url(img/leaf-tr-bg.png) no-repeat;display:block;height:175px;position:absolute;right:0;top:156px;width:47px;} #leafBr{background:url(img/leaf-br-bg.png) no-repeat;bottom:0;display:block;height:110px;position:absolute;right:0;width:118px;} #leafBl{background:url(img/leaf-bl-bg.png) no-repeat;bottom:0;display:block;height:165px;left:0;position:absolute;width:109px;} #containerIntro{height:440px;margin:30px auto 0 auto;position:relative;text-align:center;width:992px;} #introLeft{background:url(img/intro-left.png) no-repeat;display:block;height:440px;left:0;position:absolute;top:0;width:232px;} #introAnimation{background:#68A968;height:350px;left:232px;position:absolute;top:0;width:550px;} #introMask{background:url(img/intro-bg.png) top no-repeat;display:block;height:350px;left:0;position:absolute;top:0;width:550px;} #introRight{background:url(img/intro-right.png) no-repeat;display:block;position:absolute;right:0;top:0;height:440px;width:210px;} #introLink{background:url(img/intro-link.png) no-repeat;display:block;height:90px;left:232px;padding-top:38px;position:absolute;top:350px;width:550px;} #introLink #langEn{left:149px;position:absolute;top:38px;height:34px;width:100px;} #introLink #langId{left:251px;position:absolute;top:38px;height:34px;width:123px;} #footerIntro{color:#FFEDC1;clear:both;margin:30px auto 0 auto;text-align:center;width:550px;} #footerIntro a{color:#FFEDC1;} #footerIntro p{font-size:10px;} /* ---------- Menu ---------- */ .clearFix:after{/* for modern browsers */ content:".";display:block;height:0;clear:both;visibility:hidden;} .clearFix{/* for IE7/Win */ min-height:1px;} * html .clearFix{/* for IE5-6/Win */ height:1px;} * html>body .clearFix{/* for IE5/Mac */ height:auto;display:inline-block;} #Menu1 a{cursor:default;} /* ---------- Form ---------- */ form{margin:0 auto;padding:0;} .form textarea{height:150px;} .form label.error{clear:both;color:#DAE8AB;display:block;font-style:italic;} .form input.error,.form textarea.error{border:1px dashed #C03;}