﻿/* CSS Document */
.left .cityNav{ margin:15px 0; background:url(/images/logo/ico/arrow-r-blue.gif) no-repeat 15px 5px; padding-left:30px;}
.right{ padding:10px 0;}

/* Detail information box*/
.right .detailInfo{ position:relative; width:95%; height:125px; margin:0 0 5px 2%; padding:10px; background:#B8DAA0; font-weight:bold; }
.right .b1, .right .b2, .right .b3, .right .b4{position:absolute; width:6px; height:6px; display:block; _line-height:6px; background:url(/hotel/images/bg/bg-09.gif);overflow:hidden;}

.right .detailInfo .b1{background-position:0 0; left:0; top:0;}
.right .detailInfo .b2{background-position:-18px 0; right:0; top:0;}
.right .detailInfo .b3{background-position:0 -18px; left:0; bottom:0; _bottom:-1px;}
.right .detailInfo .b4{background-position:-18px -18px; right:0; bottom:0; _bottom:-1px;}
.right .innerBox .b1{ background-position:-6px -6px; left:-1px; top:-1px;}
.right .innerBox .b2{ background-position:-12px -6px; right:-1px; _right:-2px; top:-1px;}
.right .innerBox .b3{background-position:-6px -12px; left:-1px; bottom:-1px; }
.right .innerBox .b4{background-position:-12px -12px; right:-1px;  _right:-2px; bottom:-1px; }

.right .detailInfo .innerBox{ background:#fff url(/hotel/images/bg/bg-18.jpg) repeat-x; position:absolute; width:97%; height:122px; _width:99.9%;  border:#69A253 solid 1px;}
.detailInfo .innerBox .showCon{ display:block;}

/* Jenney 20100429 add */
.clear{ line-height:0;}
.fr{ float:right;}
.tar{ text-align:right; margin-right:10px; font-size:12px;}
input{ vertical-align:middle;}
#SearchForm1{ margin:15px 25px 0 0; font-size:13px;}
#SearchForm1 input, #SearchForm1 img{ vertical-align:middle;}
#SearchForm1 label{ display:block; float:left; width:32%; height:30px; text-align:right; font-weight:bold;}
#SearchForm1 select{ width:110px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#SearchForm1 .text, #SearchForm1 .text2{border:#93CA53 solid 2px; width:110px; height:18px; padding:1px 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#SearchForm1 .text2{ width:110px;}
#SearchForm1 td{text-align:right; height:35px;}

#SearchForm1 .boxBtm{ margin-top:5px; color:#3E8730;}
#SearchForm1 .boxBtm .result{ margin-left:5%;}
#SearchForm1 .boxBtm .fr{ width:55%; float:right; text-align:right; margin-right:3%; *margin-right:0;}
#SearchForm1 .boxBtm a{ color:#3E8730; font-weight:normal; margin-left:5%;}

.btnSearch{width:91px; height:25px; border:none; background:url(/hotel/images/bg/bg-29.jpg) no-repeat; color: white;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.right .date{ margin-left:3%; font-size:16px; color:#3E8730;}
/* End Jenney 20100429 add */


.right .dateLength{ margin:20px 30px 0; color:#3E8730; font-size:16px; font-weight:bold;}
.right .pageNav{ margin-top:20px; background:#F5F5F5 url(/images/logo/title/line001.gif) repeat-x left bottom; padding:5px; font-size:12px; position:relative; margin-left:2%;}
.right .pageNav span{ position:absolute; right:10px;}

.right .pageNavBottom{ margin-top:3px; background:#F5F5F5 url(/images/logo/title/line001.gif) repeat-x left 3px; padding:5px; font-size:12px; position:relative; margin-left:2%;}
.right .pageNavBottom span{ position:absolute; right:10px;}

/* Hotel list*/
.right .hotelList{ position:relative; margin-left:2%;}
.right .hotelList .listBox, .right .hotelList .listBoxHover{ border:#DDE2E6 solid 1px; background:url(/hotel/images/bg/bg-13.jpg) repeat-x; margin-top:5px; overflow:hidden; zoom:1; position:relative;}
.right .hotelList .listBoxHover{ border:#DDE2E6 solid 3px;}


/* no result */
.right .noresult {width:95%; padding:5px; margin:30px auto 0 2%; border:1px solid #ccc;}
.right .noresult .infobox {padding:10px; background:url(/hotel/images/bg/result_bg.jpg) repeat-x;}
.right .noresult .infotitle {font-weight:bold;background:url(/hotel/images/icon/ico_norecord.gif) no-repeat; height:55px; line-height:55px; padding-left:60px; width:500px; margin:20px auto;}
.right .noresult .infotxt {text-align:left; line-height:150%; width:80%; margin:20px auto;}
.right .noresult .infotxt table {margin:0;}
.right .noresult .infoline {background:url(/hotel/images/icon/line-dot.gif) repeat-x;height:3px; line-height:3px;}
.right .noresult table {margin:20px auto 30px auto; border:none;}
.right .noresult table td {line-height:150%; font-size:11px}


/* left */
.listLeft{ float:left; width:69.9%; padding:15px 0; background:url(/hotel/images/bg/bg-12.jpg) no-repeat top right;}
.listLeft .picks{ position:absolute; left:0; top:0; width:62px; height:54px; background:url(/hotel/images/bg/bg-11.gif) no-repeat;}
.listLeft img{ margin:20px 20px 0 32px; float:left; }
.listLeft dl{ float:left; width:74%;}
.listLeft dt{ font-weight:bold;}
.listLeft dt img {margin:0; float:none;}
.listLeft dd{ font-size:12px; }
.listLeft dd .rating span{ font-weight:bold;}
.listLeft dd .rating img {margin:0; float:none;}
.listLeft dd .location span{ font-weight:bold;}


/* right */
.listRight{ float:right; width:30%;  line-height:30px; text-align:center; }

.listBox .rate{background:#EEF7FE;font-size:12px; clear:both;}
.listBox .redStrong{color:#AA0006; margin:0 5px;}
.listBox .rate .grey{ color:#8C8F96;}
.listBox .rate td{background:#EEF7FE;}


.listRight .price{ margin-top:1px; text-align:center; padding-top:25px; font-weight:bold; font-size:16px;}
.listRight .price div{ font-size:14px; font-weight:normal; width:175px; margin:10px auto; text-align:left;}
.listRight .price .show{ background:url(/hotel/images/icon/ico-arrow-01.gif) no-repeat 0 2px; padding-left:23px; cursor:pointer;}
.listRight .price .hide{ background:url(/hotel/images/icon/ico-arrow-02.gif) no-repeat 0 2px; padding-left:23px; cursor:pointer;} 

.listRight .price .choose{ width:107px; height:20px; margin:0 auto; line-height:20px; background:url(/hotel/images/icon/bg_search_05.gif) no-repeat 0 0; cursor:pointer; font-size:12px; text-indent:10px; margin-top:15px;}
.listRight .price .roomRate{ line-height:20px; text-align:center; color:#999;}
.listRight .price .confirm{ margin:10px auto; text-align:center;}
.listRight .price .confirm img{ width:124px; height:20px; margin-left:10px;}

/*room and rate table*/
.hotelList table{ width:99.9%; margin:0 auto; border:0; background:#F2F2F2;}
.hotelList td,th{ text-align:center; background:#fff; padding:5px 0; width:25%;}
.hotelList td{ font-size:12px;}
.hotelList td.colspan{ padding:0;}
.hotelList th{ background:#7AA8D4 url(/hotel/images/bg/bg-14.jpg) repeat-x; line-height:24px; color:#fff;}
.hotelList a.showRate{ background:url(/hotel/images/icon/ico-arrow-04.gif) no-repeat 0 4px; padding-left:20px; cursor:pointer;}
.hotelList a.hideRate{ background:url(/hotel/images/icon/ico-arrow-03.gif) no-repeat 0 2px; padding-left:20px; cursor:pointer;}
.hotelList td .choose,.hotelList td .choose_over{ width:107px; height:20px; margin:0 auto; line-height:20px; background:url(/hotel/images/icon/bg_search_05.gif) no-repeat 0 0; cursor:pointer;}
.hotelList td .choose_over{background:url(/hotel/images/icon/bg_search_05.gif) no-repeat 0 -20px;}

.hotelList .innertable{ width:100%; background:#EBF8E6;}
.hotelList .innertable td, .hotelList .innertable th{ width:14.2%; background:none;}
.hotelList .innertable td{ border-top:#ABD78F solid 1px;}
.hotelList .innertable td.current{ background:#fff;}
.hotelList .innertable th{ background:#88BD63; font-size:12px; line-height:12px;}
.hotelList .innertable th.weekend{ color: #930;}
.hotelList .innertable .dining{ background:url(/images/logo/ico/ico-dining.gif) no-repeat; padding:3px 0 0 28px;}
/* End Hotel list*/

.discount {width:136px; height:95px; padding:155px 12px 0 12px; margin:20px auto; border:1px solid #d1bd82; background:url(/hotel/images/ad/discount.jpg) no-repeat; font-size:12px; text-align:left; font-family: Verdana, Geneva, sans-serif; line-height:150%; cursor:pointer;}
