html { margin:0; padding:0; background:#fff url(images/body-bg.gif) repeat-x left top; }
body { margin:0; padding:0; }
div { font-size:12px; }
html, body, div, p { font-family:'Arial', tahoma, sans-serif; font-size:12px; }
td { padding:2px; }
img { border:none; }
p {}
ul { margin:4px 0 16px 18px;}
hr { height:1px; color:#ccc; background-color:#ccc; margin:10px 0; border:none;}
a { color:#41a1be; }
a:hover { color:#ff6000;}

#wrapper { padding:0; margin:0; }

/* XSIS */
#xsis { width:1000px; overflow:hidden; margin:0 auto; }

#header { margin:0 auto; padding:0; width:1000px; height:80px; overflow:hidden; }
#header #logo { margin:8px 0 0 28px;  float:left; display:inline; }
#header #logo a { background:url(images/logo.gif) no-repeat top left; height:77px; width:207px; display:block; text-indent:-9999px;}
#header #slogan { float:right; font-size:20px; color:#07b2e6; font-weight:bold; letter-spacing:-1px; display:inline; margin-top:20px; }

/* Nav */
#nav { padding:0; margin:0 auto; height:27px; width:1000px;text-align:center; background:url(images/nav-bg.jpg) no-repeat center top; padding-top:13px; }
#nav-wrapper {   }
#nav ul { margin:0 auto; width:450px; text-align:center; } 
#nav li { list-style:none; display:inline; font-size:12px; }
#nav a { float:left; background:url(images/tab-left.gif) no-repeat left top; margin:0 0 0 0; padding:0 0 0 3px; text-decoration:none;margin-right:1px;   }
#nav a span {float:left; display:block; background:url(images/tab-right.gif) right top; margin:0px; padding:5px 8px 5px 5px; color:#000;  }
#nav-wrapper .last a span { border:none; }
/* Commented Backslash Hack hides rule from IE5-Mac */
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span, #nav .selected span {color:#fff;}
#nav a:hover, #nav  .selected a {background-position:0% -24px;}
#nav a:hover span, #nav  .selected span {background-position:100% -24px;}

#flash-xsis { width:1000px; margin:0 auto; height:179px; }

#body {color:#5f5f5f; width:716px; float:left; display:inline; height:100%; overflow:hidden; margin:0 auto; }
#body-wrapper {overflow:hidden; margin:0; padding:17px 0 27px 27px; background:url(images/content-bg.gif) no-repeat 27px 27px; }

#body h4 { margin:10px 0; display:block; font-size:18px; font-weight:normal; color:#005a76;}
#body h3 { margin:10px 0; display:block; font-size:18px; font-weight:normal; color:#005a76; }
h2 { margin:10px 0; display:block; font-size:15px; font-weight:normal; color:#005a76;}
h1 { margin:10px 0; display:block; font-size:18px; font-weight:normal; color:#005a76; }
#body img {}
#body a {  }


/* Sidebar */
#sidebar { width:197px; color:#000; float:right; margin:17px 27px 0 0; padding:0; overflow:hidden; font-size:12px; }
#sidebar-wrapper {  }
#sidebar #sidebar-wrapper ul { margin:10px; padding:2px; list-style:none; }
#sidebar #sidebar-wrapper ul li { padding:2px 0 2px 14px; background:url(images/bullet.gif) no-repeat left 8px; list-style:none; }
#sidebar #sidebar-wrapper ul li a {}
#sidebar #sidebar-wrapper .cards { width:200px; clear:both; overflow:hidden; }
#sidebar #sidebar-wrapper .cards li { display:inline; float:left; padding:0 10px; text-transform:uppercase; clear:both; }
#sidebar a {color:#76acea;}
#sidebar a:hover {}
.text-sidebar  { border-bottom:#ccc dotted 1px; padding:10px 10px; }

#footer {font-size:12px; clear:both; margin-top:30px;border-top:#07b2e6 solid 6px; height:76px;  }
#footer #footer-wrapper { width:1000px; margin:0 auto; padding-top:18px; background:url(images/footer-bg.gif) no-repeat 35px 12px; height:58px; }
#footer p {margin:0; padding:0; color:#5d5d5d; font-size:11px; float:right;}
#footer #xsis-technology { display:none;}
#footer .website { display:none; }
#footer a { color:#5d5d5d; text-decoration:none; }



/* Modules */
/* newsletter */
.newsletter-sidebar { border-bottom:#ccc dotted 1px; padding-bottom:10px; padding-left:17px; }
.newsletter-sidebar fieldset { border:none; }
#newsletter-form { margin:10px 0; padding:0; }
.register-textbox { border: #ccc solid 1px; margin:5px 0; width:150px; color:#666; }
.newsletter-sidebar #bt-ok { background:url(images/btn-subscribe.gif) no-repeat center top; width:80px; height:23px; display:block; text-indent:-9999px; }
.button { background:transparent url(images/button-bg.jpg) no-repeat center top; border:none; color:#FFFFFF; display:inline; height:20px; margin:0; width:80px; }

/* Post */
#post-body-4572 #page-split{ display:none;  }
.post-list a {  font-size:12px; } 
#post-body-4296 .postdate, #post-body-4297 .postdate {  }
.post-details h3 { margin:0 0 6px 0!important; }

.post-toplist { padding-bottom:20px; margin-bottom:20px; border-bottom:#ccc solid 1px; }
.post-toplist h3 { font-size:20px!important; font-weight:bold!important; text-decoration:none!important; }
.post-toplist .postdate { margin:10px 0; font-style:italic; }

.post-body #page-split { clear:both; padding-top:20px; }
.post-body #page-split a { padding:2px 5px; border:#ccc solid 1px; text-decoration:none; }
.post-body #page-split a:hover, .post-body #page-split a.selected { background:#41A1BE; color:#fff; }
.post-body .post-read-more { display:none; }

ul.post-list { margin:0; padding:0; list-style:none;  }
ul.post-list li { clear:both; }
ul.post-list li a {  }
.post-item h3 {  float:left; margin:0 0 5px 0!important;  padding:0!important; }
.post-item .postdate { float:left; margin:0 0 0 5px; padding:0; color:#999; font-style:italic; }

.post-details { height:100%; overflow:auto; }
.post-details .entry {  border-bottom:#ccc solid 1px; padding-bottom:20px; margin-bottom:20px; }
#post-back { background:url(images/arrow.gif) no-repeat left top; font-size:15px; margin-top:20px; padding:0 0 0 25px; text-transform:uppercase; } 

/* faq-body */
.faq-body ol li h4 {margin:10px 0 -5px 0; font-size:13px;}
.faq-body {margin-left:20px}
.faq {}
.faq-body ol li {margin:10px 0;}
.text-sidebar h3 { margin-left:10px; }

/* text-body/sidebar */
.text-body { overflow:hidden; clear:both; color:#231f20; line-height:18px; }
.text-body ul { list-style:none; margin:0; padding:0; }
.text-body ul li { background:url(images/bullet.gif) no-repeat left 7px; padding-left:15px; margin-bottom:5px; }
.text-body img {}
.text-body td { border:#ccc solid 1px; margin:0;  }
.text-body table {border-collapse:collapse;  margin-left:1px; width:95%;  }
.text-body table p { margin:0; }

#sidebar  h3 { margin-bottom:10px; display:block; font-size:15px; font-weight:normal; color:#005a76;}
#sidebar #lang { width:150px; }

/* extra */
.table_template {}
.table_template small {color:#999;}

/* Contact Form */
#contact-form .contact-textbox { padding:2px; font-size:10px; margin:2px 0;  border:#94A549 solid 1px; width:300px; }
#contact-form .contact-textarea { padding:2px; font-size:10px; margin:2px 0;  border:#94A549 solid 1px; width:300px; height:150px; }

/* buttons */
#bt-continue {background:url(images/continue.gif); width:73px; height:21px; border:0px;display:block; text-indent:-9999px;}
#bt-register {background:url(images/register.gif); width:71px; height:21px; border:0px;display:block; text-indent:-9999px;}
#bt-update {background:url(images/update.gif); width:71px; height:21px; border:0px;display:block; text-indent:-9999px;}

.txtbox {border:1px solid #93A446; width:300px;}
.textarea {border:1px solid #94A549; width:300px; height:100px;}
.error {margin:10px 0; text-align:center; border:#08b2e6 solid 1px; background:#cbf3ff; padding:10px 0; clear:both;}
.error p {margin:0!important; padding:0;color:#08b2e6!important; font-weight:bold; text-align:center!important; font-size:11px;}
.msgerror {color:#f00!important; font-weight:bold;}

/* Booking */
.booking-body .booking-textbox { width:300px; border:#CCCCCC solid 1px; font-size:11px;padding:2px; } 
.booking-body .booking-listbox { border:#94A549 solid 1px; font-size:11px; padding:2px; width:302px; } 
.booking-body .booking-textarea { border:#94A549 solid 1px; font-size:11px;padding:2px; height:150px; } 
.booking-body .booking-date { border:#94A549 solid 1px; font-size:11px;padding:2px; width:60px; } 
.booking-body .booking-button { background:#D8261A; font-size:11px; color:#fff; padding:2px; width:60px; } 
select { border:#94A549 solid 1px; }
.booking-body h3 { margin-bottom:10px!important; }

/* Gallery */
.gallery-body h4  { margin-bottom:30px!important; }
.gallery-body #bt-back { display:none; }
.gallery-view { float:left; margin:0 20px 20px 0; display:inline; }
.gallery-view h4 { display:none!important; }
.gallery-photo img { border:#eee solid 6px; }

/* Booking Form */
.form-booking {color:#191512; font-size:11px; border:none;}
.form-booking .label {}
.form-booking .header {font-size:14px; color:#76ACEA ;}
.form-booking .text {font-size:10px; color:#999999;}
.form-booking label {float:left; font-size:11px; font-weight:bold; text-align:left; margin-right:20px; color:#191512;}
.form-booking .line {border: none !important;}
.form-booking tr {border:none !important;}
.form-booking .listbox {width:300px; border:1px solid #94A549 !important; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .day {width:46px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .month {width:46px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .year {width:58px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .textbox {width:292px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:3px; color:#191512;}
.form-booking .textarea {width:294px; height:100px; border:1px solid #94A549; font-size:12px; margin:2px 0pt; padding:2px; color:#191512;}
.form-booking .file {color:#191512;}
.form-booking .button {background:#93A446; color:#ffffff; padding:0; font-size:14px; cursor:pointer; border:none; height:30px; width:60px;}

/* forms */
input {margin:1px 0; background:none;}
textarea { background:none;}
button {cursor:pointer;}
.form { padding:10px; background:#fff; margin:15px 0;}
.form label {color:#4b88cf; margin-top:5px;}
.form fieldset {border:none;}
.form .button {background:#D8261A; color:#ffffff; padding:2px; font-size:12px; cursor:pointer;}
.form .form-general {text-align:left; padding:10px 0;border:none;}
.form .form-general label {float:left; width:80px; text-align:left; margin-bottom:2px; line-height:13px;}
.form .form-general input, #form-general select { text-align:left; margin-top:3px; padding:3px; color:#4b88cf; line-height:13px; width:290px; border:#a1a1a1 solid 1px; }
.form .form-general textarea { float:left; text-align:left; margin-top:3px; padding:3px; color:#4b88cf; line-height:13px; width:290px; height:100px; border:#a1a1a1 solid 1px; }
.form .form-general button { float:right; margin:5px 173px 5px 0; *margin:5px 176px 5px 0; cursor:pointer; border:none; background:#4b88cf; color:#fff; width:100px; height:25px;}

/* franchise */
.franchise-body { margin-bottom:20px;}
.franchise-body h3 { color:#333; padding:0 0 3px 0; background:url(images/icon_arrow.gif) no-repeat right top; border-bottom:#333 solid 1px;   }
.franchise-body .franchise-item h4 a { font-size:14px; text-decoration:underline!important; }
.franchise-body .franchise-item .left { float:left; }
.franchise-body .franchise-item{ border-bottom:#ccc dotted 1px; overflow:auto; padding:10px 0; background:#f5f5f5; padding:10px 10px;  }
.franchise-body .address {color:#333; margin:10px 0; }
.franchise-body .pic { float:right; height:75px;}
.franchise-body-view #pic-group { height: 130px; padding:10px; display:block; border:#ccc solid 1px; }
.franchise-body-view #address {color:#191512; font-weight:bold; margin:10px 0; }
.franchise-body-view #content {color:#191512; padding:10px 0; border-top:#ccc dotted 1px; }
.franchise-body-view h1 {color:#191512 !important;}
.franchise-body-view #franchise-map {display:block; width:560px; height:350px; border:1px solid #999999; padding:2px !important; margin:10px 0;}
.franchise-body-view .pic { float:left; height:130px; border:#ccc solid 1px; display:block; margin-right:10px;}

/* OTHERS */
.map { display:block; width:575px; height:350px; margin:15px 0;}