html { margin:0; padding:0; background:#f2f2f2 url(images/html-bg.jpg) 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:14px; }
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;}

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

/* XSIS */
#xsis { width:900px; background:url(images/banner.jpg) no-repeat center top; margin:13px auto 0 auto; padding-top:264px; overflow:hidden; }

#header { margin:0 auto; padding:0; width:900px; height:100px; overflow:hidden; background:url(images/header-bg.jpg) repeat-x left top; }
#header #logo { margin:26px 15px; width:307px; height:74px; float:left; display:inline; }
#header #logo a { background:transparent url(images/logo.jpg) no-repeat top left; height:74px; width:307px; display:block; text-indent:-9999px;}
#header #slogan { display:inline; float:right; }
#header #slogan span { font-size:12px; }
#header #slogan span small { display:inline; float:left; font-size:12px; width:120px; margin-top:10px; *margin-top:25px;}
#header #slogan span a { display:inline; float:left; margin-right:22px; margin-top:10px;  *margin-top:25px; padding-top:40px;  background:url(images/slogan-icon.jpg) no-repeat center top; }

/* Nav */
#nav { padding:0; margin:0 auto; height:32px; width:875px; border-bottom:#c9c9c9 solid 1px; }
#nav-wrapper { margin:0; padding:0; float:right; display:inline; list-style:none; text-transform:uppercase; }
#nav-wrapper li {list-style:none; float:left; display:inline; font-size:14px; }
#nav a {float:left; background:url(images/tab-all-bg.jpg) repeat-x left top; margin:0 0 0 0; padding:0 0 0 13px; text-decoration:none; }
#nav a span {float:left; border-right:#c9c9c9 solid 1px; display:block; background:url(images/tab-all-bg.jpg) repeat-x right top; margin:0px; padding:9px 13px 7px 0px; color:#00216b; }
#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:#00216b;}
#nav a:hover, #nav  .selected a {background-position:0% -32px;}
#nav a:hover span, #nav  .selected span {background-position:100% -32px;}

#body {color:#231f20; width:620px; float:left; display:inline; height:100%; overflow:hidden; margin:0 auto; }
#body-wrapper {overflow:hidden; margin:0; padding:15px 15px 15px 30px; }

#body h4 { margin:10px 0; display:block; font-size:30px; font-weight:normal; color:#4b88cf;}
#body h3 { margin:10px 0; display:block; font-size:30px; font-weight:normal; color:#4b88cf; }
#body h2 { margin:10px 0; display:block; font-size:30px; font-weight:normal; color:#4b88cf;}
#body h1 { margin:10px 0; display:block; font-size:30px; font-weight:normal; color:#4b88cf; }
#body img {}
#body a { color:#76acea; text-decoration:none; }
#body a:hover {text-decoration:none;}

/* Sidebar */
#sidebar { width:254px; color:#000; float:right; margin:0 16px 0 0; padding:0; overflow:hidden; font-size:12px; }
#sidebar-wrapper { margin:15px 0; font-size:12px;}
#sidebar-wrapper div { font-size:12px; }
#sidebar #sidebar-wrapper ul { margin:10px; padding:2px; list-style:none; }
#sidebar #sidebar-wrapper ul li { padding:2px 0 2px 10px; background:url(images/bullet.jpg) no-repeat left 7px; 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 {}
#sidebar h3 { margin:10px 0; display:block; background:url(images/h-icon.jpg) no-repeat right center; font-size:18px; font-weight:normal; color:#4b88cf; border-bottom:#bdd3ed solid 2px; }
.text-sidebar  { overflow:hidden; clear:both; color:#231f20; background:#fff !important; display:block; padding:5px 15px; margin:20px 0; }

#footer {font-size:12px; clear:both; width:900px; margin:10px auto 0 auto; padding-top:11px; }
#footer #footer-wrapper { border-top:#c9c9c9 solid 1px; padding-top:11px; margin:0 15px; height:30px; background:url(images/footer-bg.jpg) no-repeat left top; }
#footer p {margin:0; padding:0; color:#5d5d5d; font-size:11px;}
#footer a {color:#76acea; text-decoration:none; color:#5d5d5d;}
#footer a:hover {text-decoration:underline;}
#footer #xsis-technology {width:128px; height:22px; display:block; float:right; margin-right:16px;}
#footer img { border:none; padding:0; margin:0;}

/* services */
.services { float:left; display:inline; margin:20px 15px; width:150px; }
.services .services-wrapper { border-bottom:#a1a1a1 solid 1px; height:130px; }
.services p { color:#003e9a; font-size:18px; margin:10px 0; text-align:center;}

/* Modules */
/* newsletter */
.newsletter-sidebar { border-bottom:#93a446 solid 4px; padding-bottom:10px; }
#newsletter-form { margin:10px 0; padding:0; }
.register-textbox { border:1px inset #000000; margin:5px 0; width:218px; }
.button { background:transparent url(images/button-bg.jpg) no-repeat center top; border:none; color:#FFFFFF; display:inline; height:20px; margin:0; width:80px; }

/* 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-body/sidebar */
.text-body { overflow:hidden; clear:both; color:#231f20; }
.text-body ul { list-style:none; margin:0; }
.text-body ul li { background:url(images/bullet-01.gif) no-repeat left top; padding-left:20px; margin-bottom:15px; }
.text-body img {}

/* 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:#f00 solid 1px; background:#FFE6E6; padding:10px 0; clear:both;}
.error p {margin:0!important; padding:0;color:#f00!important; font-weight:bold; text-align:center!important;}
.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; }


/* 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;}