@charset "utf-8";
/* CSS Document */

#container{margin:0 auto; width:915px; position:relative;}
#header{width:100%; height:150px; position:relative;}
#green-line{width:100%; height:10px; background-color:#00913a;}
#header h1{position:absolute; top:30px; left:-15px; background:url(../images/SPRITE-HD.png); width:232px; height:106px;}
#header h1 span{width:1px; height:1px; overflow:hidden; display:block;}
#header ul{position:absolute; top:15px; right:0;}
#header ul li{float:left; margin-left:10px; color:#666;}
#header ul li a{color:#666; text-decoration:none;}
#header ul li a:hover{color:#900;}

#search{background:url(../images/hd-horizontal.jpg); width:100%; height:49px; position:relative;}
#search p{color:#FF0; font-size:18px; position:absolute; top:16px; left:105px;}
#search input.search-field{width:394px; height:20px; position:absolute; top:13px; left:375px; color:#666; font-size:11px; font-weight:bold;}
#search input.search-button{background:url(../images/SPRITE-HD.png) -232px 0; width:74px; height:26px; border:none; position:absolute; top:14px; left:780px; cursor:pointer;}
#search input.search-button:hover{background:url(../images/SPRITE-HD.png) -232px -26px;}

#hotel-name{background:url(../images/hd-horizontal.jpg) 0 -50px; width:100%; height:44px; margin-top:5px; border-top:1px solid #ddd; position:relative}
#hotel-name h2{position:absolute; top:15px; left:10px; font-size:14px; color:#060; font-weight:bold;}

#top-part{width:915px; margin-top:10px;position:relative;}
#h-gallery{width:300px; height:350px; position:absolute; top:10px; left:15px;}
#gal-frame{width:285px; height:253px; border:1px solid #CCC; padding:1px;}
#h-image{width:285px; height:253px;}
#scroll{margin-top:5px;}
#h-detail{width:310px; padding-top:5px; margin-left:320px;}
#address{margin-top:5px; color:#090; font-weight:bold;}
#h-detail p{color:#666; line-height:15px; margin:5px 10px 0 15px; text-align:justify;}
#h-minimap{width:276px; float:right; margin-top:10px;}
#head-minimap{background:url(../images/hd-horizontal.jpg) 0 -94px; width:276px; height:28px; position:relative;}
#head-minimap label{position:absolute; top:7px; left:15px; color:#666;}
#head-minimap a.big-map{background:url(../images/SPRITE-HD.png) -332px -57px; width:96px; height:18px; position:absolute; top:6px; right:10px; cursor:pointer;}
#head-minimap a.big-map:hover{background:url(../images/SPRITE-HD.png) -332px -75px; width:96px; height:18px; position:absolute; top:6px; right:10px; cursor:pointer;}
#mc-left{background:url(../images/SPRITE-HD.png) -428px -57px; width:18px; height:28px; position:absolute; top:0; left:0;}
#mc-right{background:url(../images/SPRITE-HD.png) -446px -57px; width:18px; height:28px; position:absolute; top:0; right:0;}
#minimap{width:272px; height:289px; border:2px solid #ddd;}

#grey-separator{background:url(../images/hd-horizontal.jpg) 0 -122px; width:915px; height:25px; margin:auto}

#bottom-part{width:915px; position:relative; margin:auto;}
#bottom-left{width:420px; float:left; padding:0 15px;}
#bottom-left ul li{padding-top:10px;}
#bottom-left ul li p.titin{color:#090; padding-top:20px; font-weight:bold;}
#bottom-left ul li ol li{line-height:15px; color:#333;}
#bottom-left ul li ol li p{padding-left:30px; padding-top:2px; position:relative;}
#bottom-right{width:455px; margin-top:20px; float:left;}
#date-panel{background:url(../images/hd-horizontal.jpg) 0 -147px; width:455px; height:89px; position:relative;}
#dp-left{background:url(../images/SPRITE-HD.png) -464px 0; width:7px; height:89px; position:absolute; top:0; left:0;}
#dp-right{background:url(../images/SPRITE-HD.png) -471px 0; width:7px; height:89px; position:absolute; top:0; right:0;}
span.dt-1{position:absolute; font-size:16px; top:10px; left:15px; color:#600; font-weight:bold;}
span.dt-2, span.dt-3, span.dt-4, span.nights{position:absolute; top:35px; color:#666; font-weight:bold;}
span.dt-2{left:15px;}
span.dt-3{left:170px;}
span.dt-4{left:325px;}
span.nights{top:50px; left:325px;}
span.nights select{width:40px;}
#samtext p{color:#666; margin:20px 0 10px 0; line-height:15px;}
#room-list{width:100%; position:relative; margin-top:5px; border-top:1px solid #CCC;}

#footer{width:100%; position:relative; margin:auto; text-align:center; margin-top:5px; clear:both}
#footer-line{background:url(../images/hd-horizontal.jpg) 0 -122px; width:915px; height:25px; display:block; margin:auto; clear:both;}
#footer-link{width:100%; position:absolute; top:10px; text-align:center;}
#footer-link a{color:#666;}
#footer-link span{margin:0 15px; color:#666;}


.dots{background:url(../images/SPRITE-HD.png) -424px -40px; width:17px; height:16px; position:absolute; left:0px; top:0}
.relative{position:relative;}
.ti-opr{color:#06F;}
.clear{clear:both; width:100%; height:10px; padding-top:20px;}
.date-submit{background:url(../images/SPRITE-HD.png) -408px 0; width:40px; height:20px; border:0; position:absolute; right:15px; bottom:18px; cursor:pointer;}
.date-submit:hover{background:url(../images/SPRITE-HD.png) -408px -20px;}
.green{background:url(../images/hd-horizontal.jpg) 0 -236px; width:100%; height:162px; border:1px solid #CCC; border-top:none; position:relative}
.green h3{position:absolute; top:15px; left:10px; color:#060; font-size:12px; font-weight:bold; overflow:hidden; width:300px; height:25px;}
.green p.room-info{position:absolute; top:50px; left:10px; width:320px;}
.green input.room-info-button{background:url(/accommodation/images/SPRITE-HD.png) -306px 0; width:60px; height:26px; border:0; position:absolute; bottom:10px; left:10px;}
.green input.room-info-button:hover{background:url(../images/SPRITE-HD.png) -306px -26px;}
.green address{position:absolute; top:70px; left:10px; font-size:10px; color:#060; width:110px; text-align:left;}
.green input.booing-button{background:url(/accommodation/images/SPRITE-HD.png) -232px -52px; width:100px; height:26px; border:none; position:absolute; bottom:10px; right:10px;}
.green input.booing-button:hover{background:url(../images/SPRITE-HD.png) -232px -78px;}
.green p{position:absolute; top:50px; left:140px; width:425px; text-align:justify; color:#444; line-height:15px;}
.green p.price{position:absolute; top:10px; left:345px; width:100px; text-align:right;  line-height:17px;}
.green p.total{position:absolute; top:70px; left:345px; width:100px; color:#09F; text-align:right; line-height:15px;}
.green p.available{position:absolute; top:130px; left:80px; color:#09F; font-weight:bold;}
.green a.continue{position:absolute; bottom:10px; left:140px; color:#06F; font-weight:bold;}
.green span.text{position:absolute; top:60px; right:215px; color:#666; font-size:14px; font-weight:bold;}
.green span.price{position:absolute; top:85px; right:215px; color:#333; font-size:18px; font-weight:bold;}
.green span.price strong{color:#f00; font-size:24px;}
.green span.price em{font-weight:lighter; color:#999}
.green img{position:absolute; top:10px; right:10px;}
.green span.instan em{background:url(../images/SPRITE-HD.png) -312px -42px; width:21px; height:23px; position:absolute; top:-7px; right:120px;}
.green span.instan{position:absolute; top:28px; right:185px; color:#6C0; font-size:12px; font-weight:bold;}
.green input.map{background:url(../images/SPRITE-HD.png) -333px -42px; width:43px; height:21px; position:absolute; left:10px; bottom:7px; border:none; cursor:pointer;}
.green input.map:hover{background:url(../images/SPRITE-HD.png) -333px -63px;}
.green input.more-info{background:url(../images/SPRITE-HD.png) -368px 0; width:85px; height:26px; position:absolute; bottom:7px; right:210px; border:none; cursor:pointer;}
.green input.more-info:hover{background:url(../images/SPRITE-HD.png) -376px -26px;}
.green ul{position:absolute; top:0; left:0;}
.green ul li{float:left;}
.green ul li.left{background:url(../images/hd-horizontal.jpg) 0 -398px; width:320px; height:44px;}
.green ul li.right{background:url(../images/SPRITE-HD.png) -366px 0; width:9px; height:44px;}
.grey{background:url(../images/hd-horizontal.jpg) 0 -442px; width:100%; height:162px; border:1px solid #CCC; border-top:none; position:relative}
.grey h3{position:absolute; top:15px; left:10px; color:#060; font-size:12px; font-weight:bold; overflow:hidden; width:300px; height:25px;}
.grey p.room-info{position:absolute; top:50px; left:10px; width:320px;}
.grey input.room-info-button{background:url(../images/SPRITE-HD.png) -306px 0; width:60px; height:26px; border:0; position:absolute; bottom:10px; left:10px; }
.grey input.room-info-button:hover{background:url(../images/SPRITE-HD.png) -306px -26px;}
.grey address{position:absolute; top:70px; left:10px; font-size:10px; color:#060; width:110px; text-align:left;}
.grey input.booing-button{background:url(../images/SPRITE-HD.png) -232px -52px; width:100px; height:26px; border:none; position:absolute; bottom:10px; right:10px;}
.grey input.booing-button:hover{background:url(../images/SPRITE-HD.png) -232px -78px;}
.grey p{position:absolute; top:50px; left:140px; width:425px; text-align:justify; color:#444; line-height:15px;}
.grey p.price{position:absolute; top:10px; left:345px; width:100px; text-align:right;  line-height:17px;}
.grey p.total{position:absolute; top:70px; left:345px; width:100px; color:#09F; text-align:right; line-height:15px;}
.grey p.available{position:absolute; top:130px; left:80px; color:#09F; font-weight:bold;}
.grey a.continue{position:absolute; bottom:10px; left:140px; color:#06F; font-weight:bold;}
.grey span.text{position:absolute; top:60px; right:215px; color:#666; font-size:14px; font-weight:bold;}
.grey span.price{position:absolute; top:85px; right:215px; color:#333; font-size:18px; font-weight:bold;}
.grey span.price strong{color:#f00; font-size:24px;}
.grey span.price em{font-weight:lighter; color:#999}
.grey img{position:absolute; top:10px; right:10px;}
.grey span.instan em{background:url(../images/SPRITE-HD.png) -312px -42px; width:21px; height:23px; position:absolute; top:-7px; right:120px;}
.grey span.instan{position:absolute; top:28px; right:185px; color:#6C0; font-size:12px; font-weight:bold;}
.grey input.map{background:url(../images/SPRITE-HD.png) -333px -42px; width:43px; height:21px; position:absolute; left:10px; bottom:7px; border:none; cursor:pointer;}
.grey input.map:hover{background:url(../images/SPRITE-HD.png) -333px -63px;}
.grey input.more-info{background:url(../images/SPRITE-HD.png) -368px 0; width:85px; height:26px; position:absolute; bottom:7px; right:210px; border:none; cursor:pointer;}
.grey input.more-info:hover{background:url(../images/SPRITE-HD.png) -376px -26px;}
.grey ul{position:absolute; top:0; left:0;}
.grey ul li{float:left;}
.grey ul li.left{background:url(../images/hd-horizontal.jpg) 0 -604px; width:320px; height:44px;}
.grey ul li.right{background:url(../images/SPRITE-HD.png) -375px 0; width:9px; height:44px;}
.star-one{background:url(../images/SPRITE-HD.png) -332px -93px; width:15px; height:10px; display:block; margin:5px 0 0 0;}
.star-two{background:url(../images/SPRITE-HD.png) -347px -93px; width:30px; height:10px; display:block; margin:5px 0 0 0;}
.star-tree{background:url(../images/SPRITE-HD.png) -362px -93px; width:45px; height:10px; display:block; margin:5px 0 0 0;}
.star-four{background:url(../images/SPRITE-HD.png) -377px -93px; width:60px; height:10px; display:block; margin:5px 0 0 0;}
.star-five{background:url(../images/SPRITE-HD.png) -392px -93px; width:75px; height:10px; display:block; margin:5px 0 0 0;}
.star-half{background:url(../images/SPRITE-HD.png) -408px -93px; width:15px; height:10px; display:block; margin:5px 0 0 0;}
.star-rate{position:absolute; top:50px; left:10px; }
ul.star{width:100px;}
ul.star li{float:left;width:200px;}
.g-big{color:#333; font-size:24px; font-weight:bold;}
.r-big{color:#f00; font-size:24px; font-weight:bold;}


img.ui-datepicker-trigger{margin:2px; vertical-align:middle;}
.embed + img.ui-datepicker-trigger{left:-26px; position:relative; top:-2px;}
#ui-datepicker-div{padding:5px 5px 0 5px !important;}

#check-in{position:absolute; top:50px; left:15px;}
#check-out{position:absolute; top:50px; left:170px;}
#checkin, #checkout{background-color:#FFF; width:126px; height:16px; border:1px solid #ccc; cursor:pointer; padding:2px; color:#666;}

/* add by BK */
.h-images-position{ margin-top:2px;margin-left:2px;}
/*#scroll{position:absolute; top:290px; left:12px; width:287px; height:57px;}*/
#scroll-1{float:left; width:12px; height:57px;}
#scroll-2{float:left; width:263px; height:57px;}
#scroll-3{float:left; width:12px; height:57px;}
#map-content {position:relative; top:2px; left:2px;"}
#list-hotel-gallery { width:600px; }
.gallery-spot{ padding-left:0px; padding-right:0px; }
 
#formGoogle table tbody tr td{vertical-align:bottom;}
.big-map{background:url(../images/big-map.jpg); width:96px; height:18px; display:block; cursor:pointer; position:absolute; top:5px; right:10px;}