/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%;  background:url(im/bg.png) repeat-x top #fff}
html, input, textarea, td	{	
		font-family: Arial, Helvetica, sans-serif ; 
		color:#5B5B5B;
		font-size:12px;}	
form { margin:0; padding:0; }

.container1{ width:100%}
.clear { clear:both;}
#pageContent { padding-top:5px;}
#pageContent .clearIn { clear:left;}

.bold { font-weight: bold }

.red { color:#FF0000 }
.orange { color:#FF5500; }
.main{margin:0px auto 30px auto ; text-align:left; width:990px; padding:0px 1px 0px 1px; background:url(im/bg-main.png) repeat-x top #D5E8EC;  }

a{ color:#036dab; text-decoration:underline} 
a:hover{ text-decoration:none }

.link{ text-decoration:underline; color:#15528A; cursor:pointer;}
.link:hover{text-decoration:underline }
.nounderline {text-decoration:none}

.winimg { background:#FFFFFF; padding:5px; border:#CCCCCC 1px solid; text-align:center; font-size:10px; }

.tip {
	color: #000000;
	width: 339px;
	z-index: 13000;
	line-height:15px;
}
 
.tip-top {
	z-index: 13000;
	height:5px;
	width: 339px;
	background: url(im/tips-bg.png) top left;
}
.tip-title {
	font-weight: bold;
	font-size: 11px;
	padding: 0px 6px 4px 6px;
	background: url(im/tips-bg.png) center;
}
 
.tip-text {
	font-size: 11px;
	padding: 2px 6px 4px 6px;
	background: url(im/tips-bg.png) bottom right;
}
.infotips {cursor:default}

#content ul{margin:0px; padding:0px; list-style:none;}
#content ul li{background:url(im/marker.png) top left no-repeat; background-position:0px 10px; margin:0px; padding-left:15px; padding-top:5px; }
#content ul li a{color:#FF5500; text-decoration: underline;} 
#content ul li a:hover { text-decoration:none; }


.hotelinfo { width:100%; margin:7px 0px 20px 0px; padding:0px;  border-collapse: collapse;  border-spacing: 0px; /* cellspacing */
 border:1px solid #A0A19F; font-size:100%; 
 }
.hotelinfo thead td {background-color:#F3D79C; font-weight:bold; height:20px; color:#553400;}

.hotelinfo td { padding:3px;}
.hotelinfo tbody tr td { background-color:#fbecd4;}
.hotelinfo tbody tr.light td { background-color:#FCF4E4;}
.hotelinfo tbody tr.nrf td { background-color:#ffd8bf;}
.hotelinfo tbody tr.borderTop td { border-top:#D0CECA 1px solid;}
.hotelinfo tbody tr.borderTop2 td { border-top:#553400 1px solid;}
.hotelinfo  td.borderLeft { border-left:#D0CECA 1px solid;}
.hotelinfo .roomname { font-weight:bold; text-decoration:underline; color:#15528A; cursor:pointer; }
.hotelinfo a.regprice { color:#5B5B5B; text-decoration:none; border-bottom:dotted 1px #5B5B5B;}
.hotelinfo a.spprice { font-weight:bold; color:#15528A; text-decoration:none;  border-bottom:dashed 1px #15528A;}
.hotelinfo .oldprice { text-decoration:line-through; color:#808080 }
.hotelinfo sup {color:#004BDB; padding-left:16px;white-space:nowrap; background:url(im/alert.png) left center no-repeat; }



#hotel ul.facilities li{background:url(im/chk.gif) no-repeat;
 background-position:0px 7px; 
 margin:0; 
 padding-left:16px; 
 list-style:inherit;
 display:list-item;	 
 font-size:12px;
  }
#hotel .hotelDescription { border-top: dotted 2px #15528a; margin-top:15px; }
/*header*/
#header {font-size:11px; color:#000000; margin-top:20px;  }
#header .top{ margin:23px 0 0 0; height:32px; background-image:url(im/header-top-bg.png) }
#header .top-left { float:left }
#header .top-right { float:right }
#header .top-center { padding: 5px 5px 0 5px; text-align:center; line-height:16px;}

#header .middle{height:40px; background-image:url(im/header-middle-bg.png) }

#header .logo{ margin:23px 0 162px 0 }
#header .indent{padding:25px 30px 0 40px}
#header a{color:#b1b1b1; text-decoration:none} 
#header a:hover{text-decoration: underline}
#header .img{ background-image:url(im/top.jpg); width:990px; height:184px;}
#header .slogan {
	text-align:right;
	font-size:20px;
	padding: 25px 20px 0px 0px;
	margin-left:400px;
	position:absolute;
	color:#FFA800;
	font-weight:bold;
	width: 570px; }
#header .indexlink {
	position:absolute;
	cursor:pointer;
	width: 390px;
	height:120px; }


#header ul{ margin:145px 0 0 280px; position:absolute; padding:0; list-style:none; line-height:16px; width:709px; background:#15528A url(im/top-li.png) left no-repeat; }
#header ul li{ margin:0; display:inline; padding:0; }
#header ul li a{ color:#FFFFFF; text-decoration:none; font-size:12px; text-transform:none;  float:left; padding:0; margin:0; margin-right:1px; text-decoration:none; border-right:#FFF 1px solid; } 
#header ul li a  b { display:block; font-style:normal; padding:3px 13px 5px 13px}
#header ul li a em{ display:block; }
#header ul li a:hover { color:#FC0; text-decoration:none;}
#header ul .current a{ color:#FC0; text-decoration:none;}

/*content*/
#content{ font-size:12px; text-align:left; background:#fff url(im/bg-cont.png) top left repeat-x ;}
#content .indent-main{padding:33px 35px 14px 37px}
#content .title{  margin-bottom:41px}
#content .title1{  margin-bottom:21px}
#content .title2{  margin-bottom:5px}
#content .title3{  margin-bottom:30px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content .img{ margin:21px 0 0 27px; position:absolute}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 7px 0}
#content h3{color:#0f5e89; font-weight:normal; font-size:12px; margin-bottom:13px;  }
#content h4{color:#000000; font-size:13px; margin-bottom:17px;  }
#content .tail{ background:url(im/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#000000}
#pageTitle { font-size:18px; color:#000000; height:30px; padding-top:7px; font-weight:normal; }
#pageTitle h1 { font-size:18px; color:#000000; height:30px; padding:0px; margin:0px; font-weight:normal; display:inline; }

#content .indent{padding:7px 0 0 0}
#content .indent1{ margin-top:-5px; position:relative}


#left { float:left; width:310px; }
/*search*/

#left ul { padding: 20px 10px 0px 10px}
#left ul li { padding: 0px 0px 20px 35px; background:url(im/info.png) left top  no-repeat; line-height:16px;}

#search {  padding: 7px 0px 20px 10px; color:#000000; size:12px; line-height:20px;}
#search .border-top {background:url(im/border_top_search.gif) repeat-x top; background-color:#F2D332}
#search .border-bottom {background:url(im/border_bottom_search.gif) repeat-x bottom;}
#search .border-left {background:url(im/border_left_search.gif) repeat-y left;}
#search .border-right {background:url(im/border_right_search.gif) repeat-y right;}
#search .corner-top-left {background:url(im/corner_top_left_search.gif) no-repeat left top;}
#search .corner-top-right {background:url(im/corner_top_right_search.gif) no-repeat right top;}
#search .corner-bottom-left {background:url(im/corner_bottom_left_search.gif) no-repeat left bottom;}
#search .corner-bottom-right {background:url(im/corner_bottom_right_search.gif) no-repeat right bottom; width:100%; }
#search .header { height:41px; font-size:22px; font-weight:bold; line-height:41px; padding-left:40px;}
#search .content { padding:15px 40px 15px 40px; }
#search .input { width:189px; height:20px; background:url(im/search-input.png) #FFFFFF; margin:0 0 10px 0; padding:2px; border:none; font-weight:bold; color:#666666;}
#search .date, .calendarField { width:107px; height:20px; background:url(im/search-calendar.png); margin:0 0 10px 0; padding:2px 40px 2px 2px; border:none; cursor:pointer; font-weight:bold; font-size:13px;}
#search .button { width:64px; height:19px; background:url(im/search-button.png); padding:0px; border:none; cursor:pointer; text-align:center; padding:2px; float:right}



#review{ background:#ffffff;   padding: 7px 0px 20px 10px;}
#review .border-top {background:url(im/border_top1.gif) repeat-x top;}
#review .border-bottom {background:url(im/border_bottom1.gif) repeat-x bottom;}
#review .border-left {background:url(im/border_left1.gif) repeat-y left;}
#review .border-right {background:url(im/border_right1.gif) repeat-y right;}
#review .corner-top-left {background:url(im/corner_top_left1.gif) no-repeat left top;}
#review .corner-top-right {background:url(im/corner_top_right1.gif) no-repeat right top;}
#review .corner-bottom-left {background:url(im/corner_bottom_left1.gif) no-repeat left bottom;}
#review .corner-bottom-right {background:url(im/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
#review .indent-box{ padding:25px 15px 15px 15px; background:url(im/img.gif) 5px 5px no-repeat; }


/*leftbox*/
#leftbox{ background:#ffffff;  padding: 7px 00px 20px 10px; }
#leftbox .border-top {background:url(im/border_top.gif) repeat-x top;}
#leftbox .border-bottom {background:url(im/border_bottom.gif) repeat-x bottom;}
#leftbox .border-left {background:url(im/border_left.gif) repeat-y left;}
#leftbox .border-right {background:url(im/border_right.gif) repeat-y right;}
#leftbox .corner-top-left {background:url(im/corner_top_left.gif) no-repeat left top;}
#leftbox .corner-top-right {background:url(im/corner_top_right.gif) no-repeat right top;}
#leftbox .corner-bottom-left {background:url(im/corner_bottom_left.gif) no-repeat left bottom;}
#leftbox .corner-bottom-right {background:url(im/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
#leftbox .indent-box{ padding:13px 15px 18px 15px; }


/*box*/
#box{ padding: 7px 10px 20px 0px; float:right; width:650px;  line-height:normal; }
#box .border-top {background:url(im/border_top.gif) repeat-x top;}
#box .border-bottom {background:url(im/border_bottom.gif) repeat-x bottom;}
#box .border-left {background:url(im/border_left.gif) repeat-y left;}
#box .border-right {background:url(im/border_right.gif) repeat-y right;}
#box .corner-top-left {background:url(im/corner_top_left.gif) no-repeat left top;}
#box .corner-top-right {background:url(im/corner_top_right.gif) no-repeat right top;}
#box .corner-bottom-left {background:url(im/corner_bottom_left.gif) no-repeat left bottom;}
#box .corner-bottom-right {background:url(im/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
#box .indent-box{ padding:5px 20px 18px 23px; }
#box .indent-box1{ padding:14px 20px 18px 17px; }
#box .hotelname{ font-size:16px; color:#000000}
#box ol p{ margin-bottom:12px; padding-top:4px; font-weight:bold;}
#box ol li{ margin-left:25px;  font-weight:normal; margin-bottom:10px;}



#box .destinationTitle {background-color:#E8E8E8; margin-top:15px; font-weight:bold; padding:4px;}
#box .destinationRoom {background-color:#F8E7C3; padding:3px; border-top: 1px #999999 solid;}

#box ul.sort{ padding:0; list-style:none; }
#box ul.sort li { display:inline; padding:0; text-transform:none;  float:left; padding:0; margin:0; margin-right:10px; background:url(im/link_bg.gif) top left repeat-x; cursor:pointer;}
#box ul.sort li b { display:block; font-weight:normal; font-style:normal; padding:3px 3px 5px 8px; background:url(im/link_left.gif) no-repeat left top;}
#box ul.sort li em{ display:block; background:url(im/link_right.gif) no-repeat right top; font-weight:normal;}
#box ul.sort li.last { margin-right:0px; }

#box ul.sort li.current { text-decoration:none; background:url(im/link_bg_a.gif) repeat-x top left;}
#box ul.sort li.current  b{ background:url(im/link_left_a.gif) no-repeat left top;  }
#box ul.sort li.current  em{ background:url(im/link_right_a.gif) no-repeat right top; font-weight:normal;}

a.button { display:block; float:right; background:url(im/link_bg.gif) left top repeat-x; color:#15528A; text-decoration:none; line-height:23px; }
a.button em { display:block; background:url(im/link_left_b.gif) no-repeat left top;}
a.button  b { display:block; background:url(im/link_right_b.gif) no-repeat right top; padding:0px 19px 0px 19px; font-style:normal;}
a.button:hover{ text-decoration:none; color:#000000}

#satisfaction { float:right; width:140px;  background-color:#FFFFFF; border:1px solid #CCCCCC; padding:5px; }
#satisfaction .satisfaction { background: #F7AC64; height:50px; } 
#satisfaction .stitle { position:absolute; color:#382300; font-size:14px; font-weight:bold; padding:2px 0px 0px 7px; }
#satisfaction .sbased {position:absolute; font-size:10px; color:#7b4e00; padding: 35px 0px 0px 7px; }
#satisfaction .sperc { position:absolute;color:#FFFBF0; font-size:34px; font-weight:bold; padding:8px 0px 0px 70px; }


#map {background:#ffffff ; padding:5px 10px 10px 10px; border:#CCCCCC 3px solid; position:absolute; }
#tip { color: #ffffff; width: 172px; z-index: 13000; line-height:14px;}
#tip  .tip-title { font-weight: bold; font-size: 11px; margin: 0; padding: 8px 8px 4px; background: url(lib/im/bubble172.png) top left; }
#tip .tip-text { font-size: 11px; padding: 4px 8px 8px; background: url(lib/im/bubble172.png) bottom right; }

.block{ margin:0 15px 0 13px; background: url(im/bg_block.gif) repeat-x top; height:42px; margin-bottom:-1px; position:relative}

.button:hover{text-decoration:none; color:#989898 }
.button1{color:#989898; background:url(im/bg_button1.gif) center  right no-repeat; padding:12px 0 11px 0; text-align:center; width:102px; text-decoration:none;  font-size:12px; float:left}
.button1:hover{text-decoration:none; color:#0f5e89 }
.button2{color:#989898; float:left; background:none; padding:12px 0 11px 0; text-align:center; width:102px; text-decoration:none;; font-size:12px}
.button2:hover{text-decoration:none; color:#0f5e89 }

.loading {
	background: url(/lib/im/loadingb.gif) no-repeat center;
}

.checked {
	background-image:url(im/chk_on.png);
	background-position: 4px center;
	background-repeat:no-repeat;
	background-color: #B3CBEA;
	padding-left:24px;
	cursor:pointer;

}
.unchecked {
	background-image:url(im/chk_off.png);
	background-position: 4px center;
	background-repeat:no-repeat;
	background-color: #D7E4F4;
	padding-left:24px;
	cursor:pointer;
}

/*footer*/
#footer { height:60px; }
#footer { color:#868686; font-size:11px; background:url(im/bot.gif) repeat-x top #F8F8F7 ; }
#footer .indent-footer{ padding:5px 10px 0px 10px;}
#footer a {color:#036dab; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
.bot-left{ background:url(im/bot_left.gif) no-repeat top left}
.bot-right{ background:url(im/bot_right.gif) no-repeat top right; height:46px}

.jamp{ width:90px;}
.jamp1{ width:65px;}
.inputselect{	font-size:12px; 
	color:#626267; 
	height:20px;
	width:auto;	
	font-family:Tahoma; 
	border-left:1px solid #cdcdcd; 
	border-top:1px solid #cdcdcd; 
	border-right:1px solid #ededed; 
	border-bottom:1px solid #ededed; 
	background:#FAFAFA; }

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.h1{ height:25px}
.h2{ height:35px}
.h3{ height:45px}
.block-contact span{ float:right; margin-right:20px}
.input1{
   	border:none; 
	background:none;
	width: auto; height: auto;
	font-size:12px;
	vertical-align:middle;
	padding:0
}.input{
	border-left:1px solid #cdcdcd; 
   	border-top:1px solid #cdcdcd; 
   	border-right:1px solid #ededed; 
   	border-bottom:1px solid #ededed; 
	background:#ededed;
	width:185px; height:18px;
	font-size:12px;
	color:#8e8e8e;
	padding-left:5px;
	padding-top:2px
}.input2{
	border-left:1px solid #cdcdcd; 
   	border-top:1px solid #cdcdcd; 
   	border-right:1px solid #ededed; 
   	border-bottom:1px solid #ededed; 
	background:#ededed;
	vertical-align:middle;
	color:#8e8e8e;
	width:87px; height:18px;
	font-size:12px;
	padding-left:5px;
	padding-top:2px
}.input3{
	border-left:1px solid #cdcdcd; 
   	border-top:1px solid #cdcdcd; 
   	border-right:1px solid #ededed; 
   	border-bottom:1px solid #ededed; 
	background:#ededed;
	vertical-align:middle;
	color:#8e8e8e;
	width:107px; height:18px;
	font-size:12px;
	padding-left:5px;
	padding-top:2px;
	
}
textarea{
	border-left:1px solid #cdcdcd; 
   	border-top:1px solid #cdcdcd; 
   	border-right:1px solid #ededed; 
   	border-bottom:1px solid #ededed; 
	background:#ededed;
	width:185px; height:74px;
	font-size:12px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
.fotoMain {
	border:1px #CCCCCC solid;
	padding:5px;
	margin-right:10px;
}
.fotoGoog {
	border:1px #CCCCCC solid;
	background-color:#000;
	margin:4px 5px 0px 0px;
}
.fotoDest {
	border:1px #CCCCCC solid;
	padding:3px;
	margin-right:10px;
}
#calendar {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px;

	}
#calendar .prev, #calendar .next {
	width:22px;
	cursor:pointer;
	float:left;
	text-align:center;
	padding:2px 0 4px 0;
}
#calendar .mon {
	width:115px;
	float:left;
	text-align:center;
	padding:2px 0 4px 0;
}
#calendar .dname {
	width:22px;
	height:18px;
	float:left;
	text-align:center;
	padding-top:2px;
	background-color:#dadbdd;
	border: #999999 1px solid;
	margin: -1px 0px 0px -1px;
}
#calendar .day {
	width:22px;
	height:18px;
	float:left;
	border: #CCCCCC 1px solid;
	margin: -1px 0px 0px -1px;
	cursor: pointer;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	line-height:normal;
}
#calendar .yesterday {
	width:22px;
	height:18px;
	float:left;
	border: #CCCCCC 1px solid;
	margin: -1px 0px 0px -1px;
	cursor: pointer;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	line-height:normal;
	background-color:#E6E6E6;
}
#calendar .over {
	background-image: url(im/calendar-over.png);
	color:#FFFFFF;
	}
#calendar .selected {
	background-image: url(im/calendar-select.png);
	color:#FFFFFF;
	}
#calendar .select {
	background-color: #c5e2ff;
	}
#calendar .today {
	color:#CC0000;
	}
#calendar .other {
	color:#BBBBBB;
}
#calendar .nights {
	width:161px;
	text-align:center;
	padding:2px 0 0 0;
}
#calendar .bodyCal {
	background:#FFFFFF url(im/calendar-bg.png) repeat-x top;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color:#809ac0;
	padding:3px 2px 2px 3px;
	}
.newWindow {
	background-image:url(im/info-window.png);
	background-position:top;
	background-repeat:no-repeat;
	font-size:12px;
	color:#000000;
	width:339px;
	position:absolute;
	text-align:center;
	padding-top:4px; }
.newWindowBottom {
	background-image:url(im/info-window.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:339px;
	height:4px;
	position:absolute; }
.selectam{
	cursor: pointer;
	padding-right:5px;}