/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset { margin: 0;	padding: 0;}
body {background: #FFFFFF;color: #000000;font-family: arial;line-height: 20px; font-size: 12px;background: url(../images/bg_tbl.png) center top;}

/* Normal link */
a {color: #005BA1;text-decoration: none;}
a:hover, a:active, a:focus {color: #f37021;text-decoration: underline;}
a img {	border: none;}
img {margin: 0;	padding: 0;}
/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

.float_left{ float:left}
.float_right{ float:right}
.color_white{ color:#FFFFFF}
.color_blue{ color:#094397}
.color_yellow{ color:#fdb32c}
.fontsize_15{ font-size:15px}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 1em 0;	padding: 0;}

.width_input_125{ width:125px}
ul{ list-style:none}
/* FORM
--------------------------------------------------------- */
form {	margin: 0;padding: 0;}
input, select, textarea, .inputbox, .button {font-size: 10px;color: #333;}
.inputbox {	padding: 2px;border: 1px solid #CCCCCC;	background: #FFFFFF;}
.inputbox:hover, .inputbox:focus {border: 1px solid #999999;background: #FFFFCC;}


.button_blue {padding: 2px 8px;border:none;background: #094397;font-weight: bold;color: #FFFFFF; cursor:pointer}
.button_blue:hover {padding: 2px 8px;border: none;background: #0033FF;font-weight: bold;color: #FFFFFF; cursor:pointer}
.button_yellow {padding: 2px 8px;border: none;background: #fdb32c;font-weight: bold;color: #FFFFFF; cursor:pointer;height:25px;}
.button_yellow:hover {padding: 2px 8px;border: none;background: #f37021;font-weight: bold;color: #FFFFFF; cursor:pointer;height:25px;}
/* Webpage Layout STYLE 
--------------------------------------------------------- */
#wrapper {width: 866px;	margin: 0 auto;	clear: both;}
	/*.header{ width: 866px; height:157px; overflow:hidden}*/
	.header{ width: 866px; height:226px; overflow:hidden}
		/*.header .banner{ width: 866px; height:128px; float:left}*/
		.header .banner{ width: 866px; height:197px; float:left; }
		.header .menu{ width: 865px; height:25px; margin-left:1px; background:url(../images/bg_menu.jpg) top center repeat-x;  float:left}
			.header .menu ul{ list-style:none; padding:0; margin:0 }
			.header .menu ul li{ float:left; text-transform:uppercase; color:#FFFFFF; font-size:12px; padding:3px 15px 0 15px; font-weight:bold}
			.header .menu ul li a{ color:#FFFFFF }
			.header .menu ul li a:hover, a:active, a:focus { color:#fdb32c }
			.header .menu .flags{ padding:3px 4px 0 0}
			.header .menu .top_menu_active {color:#fdb32c }
			.header .menu .fof{background:white;border-right:3px solid white;cursor:pointer;display:block;float:left;margin:0;padding:25px 0 0}			
		.header .line_yellow{ width: 865px; height:4px;  margin-left:1px; border-top:5px solid #fdb32c; float:left; background:#fdb32c}
	/*------Main Body-----------*/
	.main_body{ width:865px; height:auto; margin-left:1px;}
		/*------Left-----------*/
		.main_body .left_bar{ width: 225px; height:auto; float:left; margin:10px 5px 5px 10px}
			.main_body .left_bar .mod_heading_main{ width: 216px; height:22px; float:left; background:url(../images/bg_mod_main.jpg) no-repeat center bottom}
			.main_body .left_bar .mod_heading_blue{ width: 216px; height:22px; float:left; background:url(../images/bg_mod_blue.jpg); margin:10px 0 0 0}	
			.main_body .left_bar .mod_heading_yellow{ width: 216px; height:22px; float:left; background:url(../images/bg_mod_yellow.jpg); margin:10px 0 0 0}	
			.main_body .left_bar .mod_content{ width: 216px; height:auto; float:left;}	
			.main_body .left_bar .mod_content .menu_left{ padding:5px; float:left;}	
			.main_body .left_bar .mod_content .menu_left{ padding:5px; float:left;}	
			.main_body .left_bar .mod_content .menu_left ul{ list-style:none}
			.main_body .left_bar .mod_content .menu_left ul li{background:url(../images/bullet_ourbusiness.png);height:26px;margin-bottom:5px;line-height:160%;padding-left:18px; width:190px}
				.main_body .left_bar .mod_content .menu_left ul li a{font-size:13px;font-weight:bold;color:#094397}
				.main_body .left_bar .mod_content .menu_left ul li a:hover, a:active, a:focus{font-size:13px;font-weight:bold;color:#fdb32c}
			.main_body .left_bar .mod_content .content_inner{ padding:5px; float:left; text-align:justify; }		
				.main_body .left_bar .mod_content .content_inner a{font-size:12px;color:#094397}
				.main_body .left_bar .mod_content .content_inner a:hover, a:active, a:focus{font-size:12px;color:#fdb32c}
							
			.main_body .left_bar .title_heading{ font-size:14px; font-weight:bold; text-transform:uppercase; padding-left:10px}
		/*------Center-----------*/
		.main_body .center_bar{ width: 620px; height:auto; float:left; padding:10px 0px 0px 0px}
		* html .main_body .center_bar{ width: 600px; height:auto; float:left; padding:10px 0px 0px 0px}
			.main_body .center_bar .slidebanner{ width: 611px; height:240px; float:left}
			.main_body .center_bar .component{ width: 611px; height:auto; float:left}
				.main_body .center_bar .component .component_heading{ width: 611px; height:35px; float:left; margin:10px 0 0 0}
					.main_body .center_bar .component .component_heading .component-icon{ float:left; margin:2px 0 0 0}
					.main_body .center_bar .component .component_heading .component-icon-heading{ float:left; margin:7px 0 0 5px}
					.main_body .center_bar .component .component_heading span{ color:#fdb32c; font-size:12px; text-transform:uppercase; font-weight:bold}
				.main_body .center_bar .component .title{ width: 611px; height:23px; float:left; background:url(../images/bg_article_heading.jpg) left center; padding:3px 0; margin:5px 0 0 0}
				.main_body .center_bar .component .title label{ color:#094397; font-weight:bold; font-size:12px; padding-left:15px}
				.main_body .center_bar .component .content {width: 611px; height:auto; float:left; text-align:justify }
				.main_body .center_bar .component .content ul li {background:url("../images/bullet.gif") no-repeat scroll 22px 8px ;line-height:160%;padding-left:30px;}
				.main_body .center_bar .component .readmore {width: 611px; height:10px; float:left; text-align:right; margin:0 0 5px 0 }
				.main_body .center_bar .component .readmore a{ color:#f37021;}
	/*------Bottom-----------*/
	.bottom {background:white;clear:both;margin:10px 0 0 1px;width:865px; float:left}
		.bottom span {padding-left:253px;width:100%;}
			.bottom span a {text-transform:uppercase; font-weight:bold; padding:4px}
			.bottom span .footer_menu_active {text-transform:uppercase; font-weight:bold; padding:4px; color:#fdb32c}
#footerwrap {background:white;border-top:5px solid #fdb32c;clear:both;position:relative;}
#footerwrap .footer-text{color:#666666;display:block;font-size:92%;height:62px;margin:0 auto;width:866px}
	

/* CSS for sub menu */
#nav ul { position: absolute; width: 150px; margin: 6px 0 0 -15px; display: none; }
#nav ul.about-us { * margin: 23px 0 0 -77px; }
#nav ul.services { * margin: 23px 0 0 -104px; }
#nav ul.news { * margin: 23px 0 0 -105px; }
#nav ul.online-service{ * margin: 23px 0 0 -120px; }
#nav ul li { padding-bottom: 3px; }
#nav ul ul { left: 131px; margin: 0 0 0 -4px; top: 0; }
#nav ul li { background: url("../images/bg_menu.jpg") repeat-x; margin-bottom: -1px ; width:150px }

/*css for news & location*/
.slideshow { height: 135px; width: 200px }
.slideshow img {  border: 1px solid #ccc; background-color: #eee; }

.location { height: 178px; width: 205px }
.location  img {  border: 1px solid #ccc; background-color: #eee; }

/*--------------login block-------------*/
.loginform {display:none;width:210px;

}
#user-login-form {text-align:center;}
.loginform form {overflow:hidden;padding:1px;position:relative;}
.loginform .form-item {clear:both;margin:8px 0;overflow:hidden; margin-bottom:1em;margin-top:1em;}
.loginform .item-list {overflow:hidden;padding-top:7px;}
.loginform .item-list a{ text-decoration:underline}
.loginform .item-list a:hover{ text-decoration:none}
/*-----------sub-page-------------*/
.input_width_150{ width:150px; padding: 2px; border: 1px solid #CCCCCC;	background: #FFFFFF;}
.input_width_150:hover{ width:150px; padding: 2px; border: 1px solid #999999;background: #FFFFCC;}
.input_width_290{ width:290px; border: 1px solid #CCCCCC;	background: #FFFFFF;}
.input_width_290:hover{ width:290px; border: 1px solid #999999;	background: #FFFFCC;}
.input_width_160{ width:155px;}
.input_width_180{ width:180px;}
.input_width_100{ width:100px;}
.input_width_120{ width:120px;}
.input_width_80{ width:80px;}
.input_width_60{ width:60px;}
.input_width_50{ width:50px;}
.input_width_40{ width:40px;}
.input_width_30{ width:30px;}
.input_width_20{ width:20px;}
.input_height_120{ height:120px}
.input_height_50{ height:50px}
.input_height_80{ height:60px}
.online_quotation table tr td{line-height:24px;padding:3px;}
#prepaid_con1 table tr td{ padding:3px;}
#prepaid_con2 table tr td{ padding:3px;}
#collect_con1 table tr td{ padding:3px;}
#collect_con2 table tr td{ padding:3px;}
.online_quotation .webform_list tr td{line-height:20px;padding:2px;}
.req{ color:#094397; font-weight:bold}
/*------------paging---------------*/
.pagination {
	margin-top: 30px;
	border-top: 1px solid #EEEEEE;
	background: #F8F8F8;
	display: inline-block;
	width: 100%;
}
.pagination .links, .pagination .results {
	padding: 9px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}

.plsbooking{width:200px;height:20px;border:1px solid #ccc;}
.bottom_ways{border-bottom:1px dotted #ccc;}
/* css error */
.error { border: 1px solid #ff0000; padding: 5px; color: #FF0000; background: #f1f1f1; }