/*############################################################################
#   (C) 2010 SPK TechDev       
#   DONOT COPY MODIFY DISTRIBUTE THIS SOURCECODE WITHOUT PERMISSION
############################################################################*/
body { margin-top:0;padding-top:0; background:#dddddd url('../images/bg_rd.gif') repeat;}
body {font-size:85%;color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
small {font-size:70%; }
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin-bottom:0.3em; }
h1 {font-size:210%; } h2 {font-size:206%; } h3 {font-size:151.6%; } h4 {font-size:108%; } h5 {font-size:85%; }
img { margin:0; }
a:link {color: #5189ce;text-decoration: none;}
fieldset {padding:0.4em;margin:0 0 1.5em 0;border:1px solid transparent;}


/* Layout Sector */
.container {width:940px;margin:0 auto;} /* For all page */
.span-24 {width:940px;} /* For all page */
.span-23 {width:920px;} /* For Mcontent & Hotel Detail */
.span-22 {width:830px;} /* For inside page */
.span-20 {width:680px;} /* Listing RightSide */
.span-6 {width:210px;}  /* For Right Sidebar */
.span-7 {width:180px;}  /* For left Sidebar */
.span-15 {width:600px;} /* For Top Banner */
.span-14 {width:580px;} /* For Top Banner */


/* Header Sector */
.headbox {background:#006CA2 url('../images/top_bg.png') repeat left top;}
.header-logo {height:66px; float:left; margin:10px 0 0 16px; }
.header-banner {padding-top:6px; float:right; text-align:right;}
.hdnav {background-color:#cfcfcf; padding:3px 0 0 0;}


/* Search Form Topbar */
.sbox-top {padding:16px 10px 0 0; float:right; text-align:right;}
.sbutton{ cursor:pointer; border:outset 1px #ccc; background:#999; color:#fff; font-weight:bold; padding: 2px 6px; background:url('../images/search.png') repeat-x left top; }
.qbox { width: 230px; border: 1px solid gray; padding:2px; font-size:1em; }


/* Body Sector */
.cbody { background-color: #ffffff;}
.mcontent {margin:15px 0 20px 10px; }
.right-sidebar {border:1px solid #ffff; float:right;}


/*Left Menu Sidebar*/
.left-sidebar {border:1px solid #D9D9D9; float:left; background-color:#F5F5F5; padding:4px;}


/* Footer Sector */
.footer {height:120px;}
.bcopy {margin:0; padding:15px 0 10px 0; background-color:#ffffff;
border-top:2px solid #dddddd; }
.bcopy span {font-size:90%; color:#666666}


/* List Show Sector */
.listshow {float:left; margin-left:30px;}
.listshow h1 {color:#89B31F; font-size:151%; display:block; width:100%; border-bottom:3px solid #f0f0f0; margin-bottom:0px; padding-bottom:3px;}
.listshow span {color:#000000; display:block; height:20px; width:100%; text-align:right; font-size:99%;}
.pagenavbottom  {float:right; margin-top:9px;}
/* List Hotel */
.listhotel { width:680px; vertical-align:top; border:0px; }
.listhotel td { height:90px; padding:0px; padding:6px 0 6px 0; vertical-align:top; font-size:90%; border-bottom:3px solid #F0F0F0; color:#000000;  }
.listhotel td h3{ margin:0 0 2px 0; }
.listhotel td h3 a { font-size:85%; color:#006CA2; text-decoration:none;}
.listhotel td h3 a:hover { text-decoration:underline;}
.hlimg { margin:6px 0 2px 0; }
#s_star_1 { display:block; width:20px; float:left; background:url("../images/s_star_1.png") no-repeat 0px 4px; }
#s_star_1_5 { display:block; width:30px; float:left; background:url("../images/s_star_1_5.png") no-repeat 0px 4px; }
#s_star_2 { display:block; width:30px; float:left; background:url("../images/s_star_2.png") no-repeat 0px 4px; }
#s_star_2_5 { display:block; width:35px; float:left; background:url("../images/s_star_2_5.png") no-repeat 0px 4px; }
#s_star_3 { display:block; width:40px; float:left; background:url("../images/s_star_3.png") no-repeat 0px 4px; }
#s_star_3_5 { display:block; width:50px; float:left; background:url("../images/s_star_3_5.png") no-repeat 0px 4px; }
#s_star_4 { display:block; width:55px; float:left; background:url("../images/s_star_4.png") no-repeat 0px 4px; }
#s_star_4_5 { display:block; width:65px; float:left; background:url("../images/s_star_4_5.png") no-repeat 0px 4px; }
#s_star_5 { display:block; width:70px; float:left; background:url("../images/s_star_5.png") no-repeat 0px 4px; }



/* Detail Show Sector */
.detailshow {float:left;}
.detailshow h1 {color:#89B31F; display:block; font-size:151%; border-bottom:3px solid #f0f0f0; margin-bottom:0px; padding-bottom:3px;}
.detailshow h2 {color:#FF8800; display:block; font-size:131%; margin-bottom:0px; padding-bottom:3px;}
span.bthead  {color:#000000; display:block; height:20px; width:100%; text-align:left; font-size:99%;}
.detailshow p { margin-bottom:3px; }
.detailshow img  { margin:5px; }
.detailshow table { margin-bottom:20px; }
.detailshow td { vertical-align:top; font-size:99%; }


/* Add Watermark */
#wmbox { position:relative; display:block; }
span.wmp { position: absolute; margin-top: 4px; margin-left: 4px; opacity: 0.5; width:300px; height:183px; background: url(../images/ido24_wm.gif) no-repeat left top; } 


/* General Box Sector */
.plst { border:1px solid #cccccc; min-height:645px; }
.prov-box {height:38px;padding:18px 5px 0 0;border-right:1px solid #cccccc;float:right;}


/* Feature Box */
#featureBox1 {float:left;width:690px;padding:0em 1em 1em 0;z-index:1;min-height:250px;}
#featureBox1 .insdb {width:100%; padding:10px; color:#808080; font-size:99%; }
#featureBox1 h3 {color:#89B31F;}
#featureBox1 h4 {color:#FF8800;}
#featureBox1 ul {list-style: none; padding: 0; margin: 0;}
#featureBox1 li { float: left; padding:4px 6px; width:120px; display: block; color:#808080; }
#featureBox1 li a {background-color: transparent; color: #006CA2; font-size:99%; text-decoration: none; text-align:center; background:transparent url(../images/bullet-box6x6.gif) no-repeat 0px 6px; padding-left:10px; }
#featureBox1 li a:hover {text-decoration: underline}
.featureBox1.dropSboxLg{background:url('../images/featbox-w-bg.jpg') top repeat-x #fff;border:1px solid #fff;}


/* Shadow Border Box */
.featureBox.dropSboxLg{background:url('../images/featbox-bg.jpg') top repeat-x #fff;border:1px solid #fff;}
.dropSboxLg {position:relative;z-index:0;}
.dropSboxLg {border:1px solid #fff;position:relative;z-index:2;}
.dropSboxLg .x1,.dropSboxLg .x1a,.dropSboxLg .x2,.dropSboxLg .x2a {display:block;background:url('../images/dropshadow-lg.png') no-repeat;_background:transparent;width:100%;height:100%;position:absolute;}
.dropSboxLg .x1 {background-position:0 0;z-index:-2;top:-7px;left:-6px;bottom:0;padding:0 0px 2px 0;}
.dropSboxLg .x1 .x1a {height:11px;width:12px;background-position:100% 0;right:-12px;top:0px;}
.dropSboxLg .x2 {background-position:100% 100%;z-index:-1;bottom:-6px;right:-6px;padding:2px 0 0 0px;/*border:1px solid red;*/}
.dropSboxLg .x2 .x2a {height:11px;width:12px;background-position:0 100%;left:-12px;bottom:0px;}

