html body {height: 100%; width: 100%!important; margin: 0; padding: 0;}
#over {background:  url(../../images/overlay.png) repeat; position: fixed; left: 0; top: 0; z-index:100; width:100%; height:100%; margin: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80;}
* html #over {position:absolute;}
.HotelLightBg {position: absolute; top:75px; z-index:1000; width: 800px; height:440px; right: 18%; background: url(../../images/overlay.gif) repeat;float:left;}
.HotelBlankStrip {background-color:#99cc00; height:10px; width:798px; margin-top:-2px;}
.HotelBlankStrip {background-color:#99cc00; height:10px; width:798px; margin-top:-2px;}
.HotelDetailMain{height: 440px; width: 798px; z-index: 150; background: #fff; position: relative; text-align:left; top: 0px; left:0px;}
#msg {  height: 97px;
        /*overflow: none;*/
        z-index: 150;
        background-image:url(../../images/error_img1.gif);
        /*border: 5px solid #87ab05;	
        background: #fff;	
        padding: 10px;*/
        position: relative;
        text-align:center;
        /*top: -5px;  these two define the shadow 'offset'*/
        left: -5px; /*...*/
}
.sh	{position: absolute; top:10px; z-index:1000; width: 800px; height:400px; right: 20%; background: url(../../images/overlay.gif) repeat;}
.sh_msg	{position: absolute;
         top:200px;	
         z-index:1000;	 
         width: 350px;
         height:97px; 
         right: 30%;
         /*background: url(/i/shadow.png) repeat !important;*/
          }
.HotelDetailContent {float:left; width:773px; padding-bottom:5px; padding-right:5px; height:310px; text-align:justify; overflow:auto; }
* html .HotelDetailContent {width:778px;}
.HotelBigImage {width:520px; height:310px; float:left;}
.HotelRoomsInnerTitle {width:778px; height:25px; background-color:#def998; float:left;}
.msgtext {height:40px; width:330px; padding:15px 10px 10px 10px; color:#eb3600; font-weight:bold;}
* html .msgtext {padding:15px 10px 0 10px;}
.okbut {height:20px; width:50px; margin:auto; background-color:#eb3600; color:#fff; font-weight:bold; border:0px;}
.okbutwrap {height:20px; width:350px; position:relative; bottom:0px; left:0px;}
* html .okbutwrap {position:absolute; bottom:10px; left:0px;}
.HotelRoomsInnerData {width:778px; height:25px; border-bottom:1px #cccccc solid; float:left;}
.compiterfirsttop {width:798px; height:20px; background-image:url(../../images/compiter_top.gif); background-repeat:no-repeat;}
.compiterbottom {width:798px; height:10px; background-image:url(../../images/compiter_bot.gif); background-repeat:no-repeat;}
.closetop {width:798px; height:20px;}
.closetoptext {width:650px; height:17px; text-align:left; padding:8px 0 0 10px; float:left; font-weight:bold; color:#FFFFFF;}
.closetopbut {width:16px; height:15px; float:right; cursor:pointer; padding-top:1px; margin-right:5px; vertical-align:bottom;}
* html .closetopbut {margin-right:3px;}	

/* Modify Panel CSS Start */
.shModify {position: absolute;top:100px;z-index:1000;width: 375px;height:350px;right: 35%;/*background: url(/i/shadow.png) repeat !important;*/background: url(../../images/overlay.gif) repeat;}	
.sidebarModifyRoundedCornerOuter {width:385px;  height:15px; float:left;}
.sidebarModifyHead {width: 385px; height:15px; background-color:#FFFFFF; color:#fff; font-weight:bold; text-align:center;}
.modifyclose {border-bottom: 1px solid rgb(0, 51, 255); height: 11px; position: absolute; top: 5px; left: 330px; text-align: right; font-size: 11px; font-weight: bold; color: rgb(0, 51, 255); cursor:pointer; line-height: 80%;}
.sidebarModifyOuter {width:385px; height:360px; float:left; background:#FFFFFF;}
.sidebarModify {float:left;margin-left:5px;width:374px;height:330px;text-align:justify;}
* html .sidebarModify {margin-left:3px;}
.sidebarmodifyBottom {width:385px; clear:both;}
.tabtop{width:374px; height:39px}
.tabfirst{width:113px; float:left; padding-left:1px; height:39px}
.tabsecond{width:113px; float:left; height:39px}
.tabthird{width:147px; float:left; height:39px; background-image:url(../../images/rtop_cut_bg.gif);}
.formcontainer{width:374px; height:322px}
.formcontainermiddle{width:374px; height:305px; background-image:url(../../images/rmid_bg.gif); background-repeat:repeat-y;}
* html .formcontainermiddle{position:relative; left:0px; top:-3px}
.formcontentlinetitle {width:334px; height:16px; margin-left:30px; margin-bottom:1px; }
.formcontentline{width:334px; height:20px; margin-left:30px; margin-bottom:15px}
.formcontentlinerooms {width:334px; height:20px; margin-left:30px; margin-bottom:5px}
.formcontentlineinnertitle { width:150px; height:auto; float:left; line-height:100%; }
.formcontentlineinner{width:150px; height:auto; float:left}
.formcontentlineinnerrighttitle {width:150px; height:auto; float:left; line-height:100%; margin-left:20px; }
.formcontentlineinnerright{width:150px; height:20px; float:left; margin-left:20px}
.formcontentlineinnerrightreturn{width:150px; height:20px; float:left; margin-left:20px;}
.buttonModify{width:141px;height:32px;border:none;cursor:pointer;background:url(../../images/search_sasta.png) no-repeat top left}
.formcontentlineblank{width:374px; height:10px}
.formbottom{width:374px; height:15px; position:absolute; left:5px; top:355px; background-image:url(../../images/rbot_bg.gif); background-repeat:no-repeat;}
* html .formbottom{position:relative; left:0px; top:-3px}
.onewayreturn{margin:0px; padding:0px}
.SelectCity {width:250px;height:auto;float:left;}
.style2{font-size:10px; color:#999;}

b.mtop, b.mbottom{display:block;background:none}
b.mtop b, b.mbottom b{display:block;height: 1px; overflow: hidden; background: #FFF;}
b.m1{margin: 0 5px}
b.m2{margin: 0 3px}
b.m3{margin: 0 2px}

.ms1{margin: 0 2px}
.ms2{margin: 0 1px}
b.mtop b.m4, b.mbottom b.m4{margin: 0 1px;height: 2px}

/*auto for home page*/
.cshotelmodi-as-sam .yui-ac {position:relative;font-family:verdana;font-size:100%;}
/* styles for input field */
.cshotelmodi-as-sam .yui-ac-input {position:absolute;width:250px;height:20px;line-height:130%;margin:0px;padding:0px;}
/* styles for results container */
.cshotelmodi-as-sam .yui-ac-container {position:absolute;top:1.6em;width:246px!important; width:250px; }
/* styles for header/body/footer wrapper within container */
.cshotelmodi-as-sam .yui-ac-content {position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;}
/* styles for container shadow */
.cshotelmodi-as-sam .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}
/* styles for container iframe */
.cshotelmodi-as-sam .yui-ac iframe {opacity:0;filter: alpha(opacity=0);padding-right:.3em; padding-bottom:.3em;}
/* styles for results list */
.cshotelmodi-as-sam .yui-ac-content ul{margin:0;padding:0;width:100%;}
/* styles for result item */
.cshotelmodi-as-sam .yui-ac-content li {margin:0;padding:2px 5px;color:#666666;font-size:11px;font-cursor:default;font-family:Verdana;font-weight:bold;white-space:nowrap;list-style:none;line-height:125%;zoom:1;}
/* styles for prehighlighted result item */
.cshotelmodi-as-sam .yui-ac-content li.yui-ac-prehighlight {background:#B3D4FF;}
/* styles for highlighted result item */
.cshotelmodi-as-sam .yui-ac-content li.yui-ac-highlight {background:#87BA05;color:#FFF;}

/* Modify Panel CSS End */

/* Hotel Detail Page CSS Start */
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
font-size:12px;
margin: 0;
cursor:pointer;
}

#tablist li a{
padding: 3px 0.5em;
/*margin-left: 3px;
border: 1px solid #99cc00;*/
border-bottom: none;
text-decoration:none;
background: #c5e079;
color:#ffffff;
cursor:pointer;
}

#tablist li a:link, #tablist li a:visited{
color: #ffffff;
text-decoration:none;
cursor:pointer;
}

#tablist li a.current{
background: #99cc01;
}

#tabcontentcontainer{
width: 798px;
height:325px;
padding: 0px;
/* Insert Optional Height definition here to give all the content a unified height 
border: 1px solid black;*/
background-color:#FFFFFF;
}

.tabcontainerinner {background-color:#FFFFFF; width: 788px; height:325px; border-top:5px #99cc01 solid; float:left; padding:5px;}
* html .tabcontainerinner {width: 798px;}

.tabcontent{
display:none;
}

.HotelDetailHead {width: 798px; height:75px; background-color:#f2f2f2; float:left;}
.HotelDetailHeadName { width:683px; height:50px; margin:5px 0 0 15px; text-align:left; float:left; font-family:arial; font-size:16px; font-weight:bold; color:#7e7e7e;}
* html .HotelDetailHeadName {margin:5px 0 0 9px;}

.HotelDetailHeadTitleWrap { width:683px; height:20px; float:left;}
.HotelDetailHeadTitle {width:auto; height:20px; float:left;}
.HotelDetailHeadAddress {width:683px; height:20px; float:left; font-size:11px; font-weight:normal;}
.HotelDetailHeadStar {width:auto; height:20px; margin-left:10px; float:left;}

.HotelDetailHeadPrice { width:90px; height:25px; margin:5px 0 0 0; text-align:left; float:left; font-family:arial; font-size:16px; font-weight:bold; color:#7e7e7e;}
.HotelDetailHeadBook { width:90px; height:25px; text-align:left; float:left; font-family:arial; font-size:14px; font-weight:bold; color:#eb3600; cursor:pointer; text-decoration:underline;}
.TabNav {width: 798px; background-color:#f2f2f2; height:21px; float:left;}
* html .TabNav {height:20px;}
.OverviewContainerLeft {width:250px; height:325px; float:left; margin-top:5px; padding-right:5px; overflow:auto; font-family:arial; font-size:11px; color:#000000; text-align:justify;}
.OverviewContainerTextHead {width:500px; height:25px; float:left; font-family:arial; font-size:16px; line-height:80%; font-weight:bold; color:#99cc01; text-align:justify;}
.OverviewContainerText {width:514px; height:315px; float:left; margin-top:5px; padding:5px 3px 5px 15px; overflow:auto; font-family:arial; font-size:12px; color:#7e7e7e; text-align:justify; margin-right:-3px;}
* html .OverviewContainerText {width:539px; height:325px;}
.HotelPolicy {width:245px; height:20px; background:#f2f2f2; border-bottom:1px #999999 solid; font-size:14px; font-weight:bold; color:#7e7e7e; padding:2px 0 0 10px;}
.HotelPolicyContent {width:245px; height:50px; font-size:12px; color:#7e7e7e; padding:5px 0 0 5px; }
.HotelAmenities {width:245px; height:20px; background:#f2f2f2; border-bottom:1px #999999 solid; font-size:14px; font-weight:bold; color:#7e7e7e; padding:2px 0 0 10px;}
.HotelAmenitiesContent {width:245px; height:110px; font-size:12px; color:#7e7e7e; padding:5px 0 0 5px;}
.HotelAmenitiesContentIconWrap {width:240px; height:25px; float:left;}
.HotelAmenitiesContentIcon {width:120px; height:25px; float:left;}
.HotelAmenitiesContentIconText {width:90px; float:left; padding-top:5px; padding-left:5px;}
.HotelDetailPicture {width:245px; height:20px; background:#f2f2f2; border-bottom:1px #999999 solid; font-size:14px; font-weight:bold; color:#7e7e7e; padding:2px 0 0 10px;}
.HotelDetailPictureWrap {width:245px; height:70px; font-size:12px; padding:5px 0 0 5px; }
.HotelDetailPictureBlock {width:50px; height:70px; float:left; font-size:12px; color:#eb3600;}
.GalleryContainer {width:788px; height:325px; float:left; margin-top:5px;}
.ThumbWrap {width:239px; height:325px; float:left; padding-top:3px; overflow:auto; border-right:1px solid #99cc00;}
* html .ThumbWrap {margin-left:-3px; width:243px;}
.ThumbOuter {width:220px; height:70px; margin-bottom:3px;}
* html .ThumbOuter {width:223px;}
.ThumbContainer {width:65px; height:65px; margin-left:3px; margin-bottom:3px; cursor:pointer; float:left;}
.NotAvailable {width:300px; height:175px; padding-top:125px; font-size:16px; border:1px solid #666666;}
* html .NotAvailable {height:300px;}
.BigImageContainer {width:548px; height:325px; float:left; padding-top:5px;}
.BigImageContainerText {font-size:12px; color:#666666; font-family:Arial; font-weight:bold;}
.RoomsRateContainer {width:768px; height:325px; padding:0 10px 0 10px; overflow:auto; float:left; margin-top:5px; font-family:arial; font-size:11px; color:#7e7e7e; text-align:justify;}
.RoomsRateTitle {width:745px; height:25px; margin-bottom:20px; float:left; font-family:arial; font-size:12px; font-weight:bold; color:#7e7e7e; text-align:left; border-bottom:3px solid #e5e5e5;}
.RoomsRateFig {width:745px; height:25px; float:left; font-family:arial; font-size:12px; color:#7e7e7e; text-align:left; border-bottom:1px solid #e5e5e5;}
.RoomDescription {width:350px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 5px; padding:0px; font-weight:bold; color:#7e7e7e; text-align:left;}
* html .RoomDescription {margin-left:3px;}
.RoomDescriptionFig {width:350px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 5px; padding:0px; color:#7e7e7e; text-align:left;}
* html .RoomDescriptionFig {margin-left:3px;}
.RoomAverageRate {width:100px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 0; font-weight:bold; color:#7e7e7e; text-align:left;}
.RoomAverageRateFig {width:100px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 0; color:#7e7e7e; text-align:left;}
.RoomTaxFees {width:125px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 0; font-weight:bold; color:#7e7e7e; text-align:left;}
.RoomTaxFeesFig {width:125px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 0; color:#7e7e7e; text-align:left;}
.RoomTotalRate {width:100px; float:left; font-family:arial; font-size:12px; margin:5px 0 0 0; font-weight:bold; color:#7e7e7e; text-align:left;}
.RoomTotalRateFig {width:100px; float:left; font-family:arial; font-size:14px; margin:5px 0 0 0; color:#7e7e7e; text-align:left;}
.RoomBook {width:50px; float:left; font-family:arial; font-size:14px; margin:5px 0 0 0; font-weight:bold; color:#eb3600; text-align:left;}
.RoomBook a:link, .RoomBook a:hover, .RoomBook a:visited {color:#eb3600;}
/* Hotel Detail Page Css End */