@charset "utf-8";
/* CSS Document */

a{ font: 12px Tahoma; color:#0087cb; text-decoration:underline;}
a:hover{ color:#0371a9; text-decoration:underline;}

div.crumbnav{ font: 11px Tahoma; color:#000000; padding:15px 0 15px 0; margin:0; }
div.crumbnav a{ font: 11px Tahoma; color:#0087cb; text-decoration:underline;}
div.crumbnav a:hover{ color:#0371a9; text-decoration:underline;}

/*html {overflow:auto; height:100%;}*/
BODY {margin:0px; padding:0px;
	  FONT-FAMILY:Tahoma, MS Sans Serif;  background:#0c0d11;}


img { border : 0; padding:0; margin:0; }
input, select { vertical-align : middle; font:11px Tahoma; color: #000000;  }
form { 	margin:0; padding:0;}
p{font: 12px Tahoma; color:#27333c; margin:0 0 10px 0;}



.clear-all{ clear:both; height:1px; line-height:0; font-size:1px; margin:0;}  /* ใช้ปิด float  <div class="clear-all"></div> */

#main_layout{
	margin:0 auto;
	width:995px;
	background:url(images/bg_page.gif) repeat-y; 
	/*	height:auto !important; 
	/*height:100%;*/  /* IE6: treaded as min-height  ใช้กับ pageที่สูงเกิน 1หน้าจอ แล้ว text ที่เกินจะหาย*/
	/*min-height:100%;  real browsers */
	overflow:hidden;  /* ทำให้ LeftCol และ RightCol ไม่ยาวเกิน Main_layout */
}

#LeftCol{
	float:left;
	margin:0; padding:0;
	width:180px;
	background-color:#1b262e;
	height:auto !important; 
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */		
/*border: solid 1px yellow;*/
}

.leftmenu_home{
	padding:0 0 16px 4px;
	margin:0;
	width:176px;
	background-color:#101d27;
}

.leftmenu{
	padding:0 6px 16px 4px;
	margin:0;
	width:170px;
	background-color:#101d27;
}
.leftmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.leftmenu ul li{	
	border-bottom: solid 1px  #2b3b44;		
}
.leftmenu ul li a{
	font:12px Tahoma; color: #ffffff; text-decoration:none;
	display:block; cursor:pointer;
	background-color:#101d27;
	padding: 5px 5px;
}
.leftmenu ul li a:hover{
	color: #580b6a; text-decoration:none;
	background-color:#656e74;
}


.left_submenu{
	padding:7px;
	margin:0;
	width:166px;
	background-color:#1b262e;
}

.left_submenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.left_submenu ul li{	
	border-bottom: solid 1px  #34444e;		
}
.left_submenu ul li a{
	font:11px Tahoma; color: #a8bbc6; text-decoration:none;
	display:block; cursor:pointer;
	background-color:#202c34;
	padding: 5px 5px;
}
.left_submenu ul li a:hover{
	color: #a8bbc6; text-decoration:none;
	background-color:#101d27;
}

#RightCol{
	float:right;
	margin:0; padding:0;
	width:815px;
	background-color:#FFFFFF;
	height:auto !important; 
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */	
/*border: solid 1px yellow;*/	
}

.content_area{
	width:745px;
	background-color:#FFFFFF;
	margin:0 30px 40px 40px;
	padding:0;
}

.home_contentleft{
	float:left;
	width:365px;
	margin: 0 15px 0 0;
	padding: 20px 0 0 0;
/*border: solid 1px yellow;*/	
}



.home_contentright{
	float:left;
	width:365px;
	margin: 0;
	padding: 20px 0 0 0;
/*border: solid 1px red;*/	
}

ul.lastest_news{
	list-style-type:none;
	padding:0 0 0 0px;
	margin:0;
}
ul.lastest_news li{
	background:url(images/arrow_news.gif) no-repeat left top ;
	padding: 0  0 10px 12px ;
	margin: 0;
}

.lastest_news a{
	font:  12px Tahoma; color:#0087cb;
	text-decoration:none;
	display:block;
}
.lastest_news a:hover{
	font:  12px Tahoma; color:#0371a9;
	text-decoration:none;
}

h2{	font: bold 18px Tahoma; color:#000000; 
		margin: 0 0 10px 0;}
h4{	font: bold 12px Tahoma; color:#27333c; 
		margin-bottom:10px;}
h5{	font: bold 12px Tahoma; color:#0087cb; 
		margin:0 0 8px 0;}		
h6{	font: bold 12px Tahoma; color:#231a7b; 
		margin:0;}				

h5 a{ font: bold 12px Tahoma; color:#0087cb; text-decoration:none;}
h5 a:hover{ color:#0371a9; text-decoration:underline;}
		
ul.spec {
	list-style-type: square;
	margin:0;
	padding:0;
}
ul.spec li{	
	font:  12px Tahoma; color:#000000; 	
	padding: 0  0 5px 0 ;
	margin-left: 16px;
}

/*footer-----------------------------------------------------------------------------------*/	
div#footer{
	margin:0 auto;
	width:995px;
	height:66px;
	background:#0c0d11;
	/*border: solid 1px yellow; */
	
}
.footmenu{
	width:740px;
	float:left;
}
.footmenu ul{
	list-style-type:none;
	margin:0 0 0 17px;
	padding:0;
}
.footmenu ul li{
	float:left;
	padding: 15px 12px;
}
.footmenu ul li a{
	font:11px Tahoma; color: #6c8695; text-decoration:none;
	display:block; cursor:pointer;
}
.footmenu ul li a:hover{
	color: #779cb1; text-decoration:none;
}
.footaward{
	width:230px;
	float:right;
	padding-right: 6px;
}

/*div.active_model img { 
	border: solid 1px #101d27; 
}

div.inactive_model a img { 
	border: solid 1px #ffffff; 
}
div.inactive_model a:hover img{ 
	border: solid 1px #101d27; 
}*/

/* tab เมนู-----------------------------------------------------------------------------------*/	
div.menutab {
	margin:0; padding:0;
	height:26px;
	background:url(images/menutab_bg.gif);
	overflow:hidden;
}

div.menutab ul {
	margin:0; padding:0;
	list-style:none;
	height:26px;
}

div.menutab ul li{
	margin:0; padding:0;
	float:left;
}
div.menutab ul li a{
	margin:0; padding:0;
	float:left; display:block; height:26px; cursor:pointer;
	padding:0 0 0 11px;  background:url(images/menutab_a.gif) no-repeat;
	font: 12px Tahoma; color:#0087cb; text-decoration:none; 
}
div.menutab ul li a span{
	margin:0;
	float:left; display:block; height:26px;
	padding:5px 11px 0 0; background:url(images/menutab_b.gif)  no-repeat right top;
/*border: solid 1px yellow; */
}
div.menutab ul li a:hover{
	background:url(images/menutab_a_over.gif) no-repeat;
	color:#039be8; text-decoration:none;
}
div.menutab ul li a:hover span{
	background:url(images/menutab_b_over.gif) no-repeat   right top;
}
div.menutab ul li.current a{
	background:url(images/menutab_a_current.gif) no-repeat;
}
div.menutab ul li.current a span{
	background:url(images/menutab_b_current.gif) no-repeat  right top;
}
div.menutab ul li.current a:hover{
	background:url(images/menutab_a_current.gif) no-repeat;
}
div.menutab ul li.current a:hover span{
	background:url(images/menutab_b_current.gif) no-repeat  right top;
}
div.tab_content{
	border-bottom: solid 1px #1b262e;
	border-left: solid 1px #1b262e;
	border-right: solid 1px #1b262e;
	background:#FFFFFF;
	padding: 15px 12px; margin:0;
}
.table_spec { 	
	border-collapse:collapse;	
}
.table_spec td{
	background:#dddddd;	
	font: 12px Tahoma; color:#202d36;
	padding: 5px 10px;
	border: solid 1px #FFFFFF;
	text-align:center;
	}
.table_spec th{
	font: bold 12px Tahoma; color:#202d36;
}

div.price_content{
	border: solid 1px #1b262e;
	background:#FFFFFF;
	padding: 8px; margin:0;
}
.table_price { 	
	border-collapse:collapse;	
}
.table_price th{
	font: bold 12px Tahoma; color:#feffff; background:#202d36;
	padding: 5px 10px; text-align:left;
}
.table_price td{
	font: 12px Tahoma; color:#202d36;
	padding: 8px 10px;
	border-bottom: solid 1px #b4b3b3;
}
.price{ text-align:right;}

.txt_blue {font: 12px Tahoma; color:#580B6A; margin:0 0 10px 0;}
.txt_grey {font: 12px Tahoma; color:#3d464b; margin:0 0 10px 0;}
.txt_white {font: 12px Tahoma; color:#ffffff; margin:0 0 0 0;}
.txt_lightblue {font: 12px Tahoma; color:#006497; }
.txt_smallgrey{font: 12px Tahoma; color:#6f6f6f; margin-top:5px;}


.leftsearch{
	margin:7px;
	padding:0;
	width:166px;
	background-color:#1f2c34;
	border: solid 1px #323f47;
}

.leftsearch td{
	padding:12px;
	font: bold 11px Tahoma; color:#a9b9c6;
}
.leftsearch td input{
	margin-top:10px;
}

.news_highlight th{
	padding: 5px 12px;
	font: bold 12px Tahoma; color:#feffff;
	text-align:left;
	background:#101d27;
}
.news_current th{
	padding: 5px 12px;
	font: bold 12px Tahoma; color:#000000;
	text-align:left;
	background:#d4d4d4;
}
.news_list{
	border-collapse:collapse;
	margin-bottom:8px;
}
.news_list td h5{
	margin-bottom: 0;
}
.newsdate{
	font:11px Tahoma; color:#7e7e7e;
	margin-bottom:5px;
}
.page{ 
	float:left;
	height:19px;
	font:11px Tahoma; color:#0087cb;
	padding: 0 2px 0 2px ;
}
.page span.current{
	font: bold 11px Tahoma; color:#010101;
}
.page a{ 
	color:#0087cb; text-decoration:none; 
	font:11px Tahoma; 
}
.page a:hover{ color:#03496c; text-decoration:none;}

.news_gallery th{
	padding: 5px 12px;
	font: bold 12px Tahoma; color:#d4d4d4;
	text-align:left;
	background:#101d27;
}
.gallery_table td{ 
	padding-bottom: 8px;	
}

.table_press { 	
	border-collapse:collapse;	
}
.table_press td{
	background:#dddddd;	
	font: 12px Tahoma; color:#202d36;
	padding: 5px 10px;	
	text-align:center;
	border-bottom: solid 1px #FFFFFF;
	}
.table_press th{
	font: bold 12px Tahoma; color:#202d36;
	background:#ffffff;	
	text-align:center;
}
.table_press td a{
	text-align:left;
	font: bold 12px Tahoma; color:#0087cb; 
	text-decoration:none; 	
}
.table_press td a:hover{
	color:#03496c; text-decoration:none; 
}


.dealer_list td { 	
	font: 12px Tahoma; color:#202d36;
	padding: 5px 10px;	
	border-bottom: solid 1px #d4d4d4;
	border-top: solid 1px #ffffff;
}
.tel{
	border-left: solid 1px #d4d4d4;
}
ปุ่ม view map ----------------------------------------------------------------------*/
div.viewmap a{
	background:url(images/icon_viewmap.gif) no-repeat left;	
	height:22px; width:80px;
	display:block; cursor:pointer;
	
	font: 11px Tahoma; color:#565656;	 
	text-decoration: none;
	padding-left:17px;		/* เว้นที่ไว้สำหรับ icon*/
	padding-top:8px;
}
div.viewmap a:hover{	
	color:#01aaeb;	
	text-decoration: underline;	
}
.table_award { 	
	border-collapse:collapse;	
}
.table_award td{
	background:#dddddd;	
	font: 12px Tahoma; color:#202d36;
	padding: 5px 5px;
	border: solid 1px #FFFFFF;
	}
.table_award th{
	font: bold 12px Tahoma; color:#202d36;
}

.careers th{
	font: bold 12px Tahoma; color:#202d36;
	text-align:left;
}
.careers td{
	padding:15px; background:#FFFFFF;
}
.careers h6{font: bold 12px Tahoma; color:#013d8e;}

.careers ul {
	list-style-type: square;
	margin:0;
	padding:0;
}
.careers ul li{	
	font:  12px Tahoma; color:#000000; 	
	padding: 0  0 5px 0;
	margin-left: 16px;	
}
.history td{
	font:  12px Tahoma; color: #5e5e5e; 
}
.table_form {font: 12px Tahoma; color:#000000;}
.table_form input{ padding: 2px 0px;}

.datachange th{
	font: bold 12px Tahoma; color:#feffff;
	background:#1b262e;
	text-align:left;
	padding:5px 10px;
}