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

.page {width:100%;}
.page .col01 { float:left; width:100%; border:0px solid #00CC33;  margin-top:10px; }


.page .col01  .headingpage { float:left; width:100%;color:#000; height:31px; border:1px solid #e8e8e8; padding:0; background: url(/images/ui_sortby_bg.gif) repeat-x;}
.page .col01 .headingpage { }
.page .col01 .headingpage h1 { font: bold 14px Arial, Helvetica, sans-serif; color:#000; margin:8px 0 5px 10px;}


.detail01 { width:100%; margin:20px 0 0 0;}
.detail01 a:link, .detail01 a:visited { color:#ff0000; text-decoration:none; }
.detail01 a:hover { color:#ff0000; text-decoration:underline; }
.detail01 td { font: normal 12px Arial, Helvetica, sans-serif; color:#000; }
.detail01 td h1 { font: bold 14px Arial, Helvetica, sans-serif; color:#ff0000; margin:0; padding:0; }
.detail01 .county { display:block; margin:0 0 10px 0; }
.detail01 .county span{ margin:8px 0 0 0; }
.detail01 .county span img { vertical-align:middle;}
.detail01 td table td{ color:#000; padding-top:5px; }

.detail01 td  table.bestrate {  border:5px solid #dbdbdb; text-align:center; width:265px; background-color:#dbdbdb; }
.detail01 td table.bestrate .txt {   background-color:#f4f4f4; padding:2px 5px; border-bottom:1px solid #dbdbdb;}
.detail01 td table.bestrate .leftcol {   background-color:#fff; padding:2px 5px; border-right:1px solid #dbdbdb;}
.detail01 td table.bestrate .rightcol {   font: bold 10px Arial, Helvetica, sans-serif; color:#7ccd13; background-color:#fff; padding:2px 5px; border-right:1px solid #dbdbdb;}
.detail01 td table.bestrate td span.price { font: bold 28px Arial, Helvetica, sans-serif; color:#ff0000; padding:1px 10px 0 10px; text-align:center; display:block; }
.detail01 td table.bestrate td span.avil { font: bold 10px Arial, Helvetica, sans-serif; color:#7ccd13; padding:1px 10px 5px 10px; text-align:center; display:block;  }
.detail01 td table.bestrate .daily { font: normal 10px Arial, Helvetica, sans-serif; color:#000; padding:2px 10px; float:right;}

.detailtab_outter { padding:5px 10px 20px 10px; border:0px solid red; }
.detailtab_outter #detailtab { margin:0; padding:0; }
.detailtab_outter #detailtab ul.tab { list-style: none; padding: 0 0 0 10px; margin: 0;}
.detailtab_outter #detailtab span  { font: normal 12px Arial, Helvetica, sans-serif;   margin-top:5px; text-decoration:none; vertical-align:middle;  }
.detailtab_outter #detailtab span a {  color:#ff0000;  text-decoration:none;}
.detailtab_outter #detailtab span a:hover { text-decoration:underline;}
.detailtab_outter #detailtab ul.tab li { float: left; margin: 0; margin: 0 5px 0 5px; }
.detailtab_outter #detailtab ul.tab li a { display: block; background: url(/images/img_taboff.gif) top left repeat-x; color: #000; text-decoration: none; padding: 0.6em 1em 0.25em; font: bold 15px Arial, Helvetica, sans-serif; color:#7d7d7d; cursor:pointer; border: 0px solid #dbdbdb; border-bottom-width: 0;}
.detailtab_outter #detailtab ul.tab li a:hover { color: #ff0000;  position: relative;  top: 1px; background: url(/images/img_tabon.gif) top right repeat-x; }
.detailtab_outter #detailtab #selected {font-weight: bold; color: #ff0000; position: relative; top: 1px;  }
.detailtab_outter #detailtab #selected a {background: url(/images/img_tabon.gif) top right repeat-x; color: #ff0000;  }
.detailtab_outter #detailtab div.content { clear: both; font: normal 12px Arial, Helvetica, sans-serif; color:#000;  background: #f9f9f9; border:1px solid #dbdbdb;  float:left; width:100%; }

.detailtab_outter #detailtab div.content .content_outter { float:left;  width:680px; }
.detailtab_outter #detailtab div.content .content_header {color:#000;font: bold 14px Arial, Helvetica, sans-serif; display:block; width:62%; padding:20px 0 5px 20px; clear:both;}
.detailtab_outter #detailtab div.content .content_text { padding:0 0 0 20px; }

.detailtab_outter #detailtab div.content .photo {float: right; width:230px; padding:0 20px 0 10px; text-align:center;}
.detailtab_outter #detailtab div.content .photo a{background:none;}
.detailtab_outter #detailtab div.content .photo img {margin-bottom: 5px;}
.detailtab_outter #detailtab div.content p { margin: 0 0 1em 0;  }


.detailtab_outter #detailtab .content .detail_search_outter { margin: 20px 0 0 20px; clear:both; }
.detailtab_outter #detailtab .content .detail_search_outter label{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; float:left; }




/*
	author: johnny.kuan@world.net
	date: Tuesday, July 07, 2009
	description: opinfo stylesheet
*/	
#infoOp  {
width: 68%;
margin: 0;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
}
#infoOp tr {

}
#infoOp td
{
margin: 0;
padding: 3px;
background: #fafdfe;
border: 1px solid #eef3f5;
border-width: 0 1px 1px 0;
}

#infoOp .formLabel
{
font-weight: bold;
width: 250px;
background: #f9e7e7;
border: 1px solid ##eef3f5;
border-width: 0 1px 1px 0;
}
/*opinfo stylesheet end-*/

/*
	author: johnny.kuan@world.net
	date: Tuesday, July 07, 2009
	description: features stylesheet
*/
#infoFeatures
{
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 74%;
	margin: 0;
	padding: 0;
	
}
.detailtab_outter #detailtab #infoFeatures ul { padding: 0 0 0 10px; margin: 0;   width: 100%;}
.detailtab_outter #detailtab #infoFeatures li {  float: left; padding: 5px 10px 0 20px; margin: 0 10px 0 0; list-style:none ; background: url(/images/li_gadget_infobox_05.gif) no-repeat left center;  width: 120px; height: 20px;}
#infoFeatures dl { margin: 0; padding: 0; width: 95%; }
#infoFeatures dt { float: left; padding: 0 10px; margin: 5px 0 0 0; font-weight: bold; display: inline; width: 27%; border: 1px solid #e0e0e0;  background: #f1f1f1;}
#infoFeatures dd {float: left;  margin: 5px 0 15px 10px; padding: 0 ; width: 65%; }
#infoFeatures img { margin-right: 10px;}

#gMapStyle{border:2px solid black; }
/*features stylesheet end-*/

	/* BEGIN DEMO STYLE */
	/*caption of the image gallery*/
	.caption{font-style:italic;color:#887; margin-left:22%; display:none;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:100%;margin:0 auto; margin-top:30px}
	
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto; float:left;  margin-right:50px;}
	#main_image img{margin-bottom:10px; margin-left:12px;width:300px; border:1px solid #d3d3d3;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}


	/*gallery thumb nail related css*/
	.gallery_demo li{
		width:138px;
                border:2px solid #ccc;
	}
	ul.gallery_demo_unstyled img{
		width:21%;
		border:0px solid #ccc;
                
	}
	/*gallery thumbnail on selected..*/
	li.active img{} 

	#main_image img{padding-left:2px;padding-right:2px;}

	ul.gallery_demo_unstyled, div.gallery_demo_unstyled{float:right; width:500px; }
	
/*detail page images on address on on summary*/
img.framePhoto{ border:1px solid #D3D3D3; padding:3px;}

/*navigation on the photo sections*/
div.gallery_demo_unstyled_2{float:right; width:500px;}
.content div.gallery_demo_unstyled_2 nobr span{padding:5px; margin-right:10px; border:1px solid #ccc;margin-top:2px; cursor:pointer;}

/*main image stylesheet*/
#main_image{margin:0 auto 60px auto;height:300px;width:334px; float:left;  margin-right:50px;}
#main_image img{margin-top:10px; margin-left:12px; border:3px solid #4c4646; padding:2px;}

h5 {font-weight:bold;}

/* Detail Rates  updated - Friday, July 17, 2009*/
.detailtab_outter #detailtab .content .room_rate { width:640px; border:1px solid #dedcc8; margin:10px 0 0 20px; padding:1px; vertical-align:top;   }
.detailtab_outter #detailtab .content .room_rate table tr th { font: bold 11px Arial, Helvetica, sans-serif; padding:4px 5px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; }
.detailtab_outter #detailtab .content .room_rate table tr.hed { font: bold 11px Arial, Helvetica, sans-serif; color:#fff; background-color:#000000; }
.detailtab_outter #detailtab .content .room_rate table tr.sub {font: bold 11px Arial, Helvetica, sans-serif; background-color:#dedcc8; color:#000; }
.detailtab_outter #detailtab .content .room_rate table tr td {font: normal 11px Arial, Helvetica, sans-serif; color:#000; text-align:center; border:1px solid #fff; border-width:1px 1px 1px 0; padding:2px 5px; }
.detailtab_outter #detailtab .content .room_rate table tr td.left, .detailtab_outter #detailtab .content .room_rate table tr th.left{ text-align:left; border-left:1px solid #fff; width:175px; }

.detailtab_outter #detailtab .content .room_rate table tr td.left span{ text-align:left; margin:0px; font: bold 11px Arial, Helvetica, sans-serif; color:#ed1c24; width:175px; padding:0;  display:block; }


.detailtab_outter #detailtab .content .room_rate table tr td.avail { background-color:#a3f57b;  }
.detailtab_outter #detailtab .content .room_rate table tr td.avail span { display:block; text-decoration:line-through; }
.detailtab_outter #detailtab .content .room_rate table tr td.special { background:#a3f57b url(images/ui_fire.gif) bottom repeat-x; text-align:center; padding:5px 0 15px 0; }


.detailtab_outter #detailtab .content .room_rate table tr td.request { background-color:#ffb72c; width:38px; width:auto;  }
.detailtab_outter #detailtab .content .room_rate table tr td.request span { display:block; text-decoration:line-through; }
.detailtab_outter #detailtab .content .room_rate table tr td.request special { background:#ffb72c url(images/ui_fire.gif) bottom repeat-x; text-align:center; padding:5px 0 15px 0; }



.detailtab_outter #detailtab .content .room_rate table tr td.unknow { background-color:#ff6363; width:38px;  width:auto; }
.detailtab_outter #detailtab .content .room_rate table tr td.total { font-weight:bold; font-size:12px; background-color:#FDFCC5; font-weight:bold; width:38px;  width:auto; padding:5px;}
.detailtab_outter #detailtab .content .room_rate table tr { background-color:#f7f6ed; }
.detailtab_outter #detailtab .content .room_rate table tr.offer{background-color:#ffffab; }
.detailtab_outter #detailtab .content .room_rate table tr.offer span{ font-weight:bold; color:#FF0000; padding:0 5px; }


.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.page .continue_bar03 { width:640px; float:left; padding-left:20px; display:block; clear:both;}
.page .continue_bar03 ul { }
.page .continue_bar03 ul li {float:right;  font: normal 12px Arial, Helvetica, sans-serif; color:#000; padding:5px 10px; line-height:30px; vertical-align:middle;}
.page .continue_bar03 ul li span { font: bold 12px Arial, Helvetica, sans-serif; }
.page .continue_bar03 ul li a:link, .page .continue_bar03 ul li a:visited { color: #000; text-decoration: none; }
.page .continue_bar03 ul li a:hover { color: #ff0000; text-decoration: none; }


.detailtab_outter div#map_canvas div a{background:none;}