@charset "utf-8";
/* CSS Document */
/*font-family: Aller_Rg, Aller, serif  ;*/

/* Simple Reset - Not Editable*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
margin:0;
padding:0;
}

/* Aller */

@font-face {
	font-family: "Aller_Rg";
	font-weight: normal;
	font-style: normal;
	src: url("Aller_Rg.ttf");
}

@font-face {
	font-family: "Aller_Bd";
	font-weight: bold;
	font-style: bold;
	src: url("Aller_Bd.ttf");
}


html {margin:0; padding:0; background-color: #020B3E;  }
body {margin: 20px; padding:0; background: url(images/bg-light.jpg) no-repeat left top;  }
table, img {border: none; }
tr {vertical-align: top;  }
td, div, span, p {font-size: 12pt;  color:#306EA7; font-family: Aller_Rg, Aller_Rg, serif; }
p {padding: 10px 0 0 0;  }
ul {margin:0;  padding: 0;  }
li {list-style: none;  }
ul li b {padding: 10px 0 0 0;  }

a, a:visited, a:active {color:#6A8198; text-decoration: none;  }
a:hover {color:#333; text-decoration: underline;  }

#body-popup {margin: 0; padding: 5px; background-color:#E6E7E8; 
	width: 100%; height: 100%; 
	 }

.awards-list {padding: 10px 0 0 5px; width: 100%; overflow: hidden;  }
.awards-list li {list-style: none; padding-bottom: 10px;  }
.awards-list li ul {padding-left: 55px; padding-top: 10px;  }
*html .awards-list li ul {margin: 0; padding-left: 55px; padding-top: 10px;  }
.awards-list li ul li {list-style: none; padding-bottom: 10px;  }
.awards-list li b {padding-right:20px;  }

*html .awards-list {margin:0; padding: 10px 0 0 0;  }


/* menu */
a.menu  {font-size: 10pt; 
	padding: 8px; height: 22px; text-decoration:none; color:#FFF; 
	text-transform: uppercase;  }
a.menu:hover  {font-size: 10pt;
	background-color: #469EDD; color:#FFF; 
	margin-top: 12px; padding: 8px; height: 22px; border-bottom: 0px solid #000; 
	text-decoration:none; text-transform: uppercase;   }

*html a.menu, a.menu:visited  {font-size: 10pt;
	padding: 8px; height: 14px; text-decoration:none; color:#FFF; 
	text-transform: uppercase; }
*html a.menu:hover  {font-size: 10pt;
	background-color: #469EDD; color:#FFF; 
	margin-top: 0; padding: 8px; height: 14px; border-bottom: 0px solid #000; 
	text-decoration:none; text-transform: uppercase;  }

#wrapper {margin: 0; padding: 0; width: 100%;   }
#container {margin: 0; width: 100%; background-color: #E6E7E8;   }

td.side-menu {background-color: #020B3E;  }



/* top menu */
#top-menu {margin:0; padding:0; width: 713px; height: 38px; overflow: hidden;  }

#top-menu ul {margin:0; padding:0; height: 38px; }
#top-menu ul li {list-style: none; display: block; float: left;}  /* บรรทัดนี้ต้องมี เพื่อแสดงให้ถูกใน IE แต่ ff, sf, gg แสดงไ้ด้ปกติ */ 

#top-menu ul li#home a  {list-style: none;  float: left; display: block; width: 70px; height: 38px; padding: 0; 
		background: url(images/2-menu.png) no-repeat left top; text-indent: -9999px; }
#top-menu ul li#home a:hover, 
#top-menu ul li#home a.selected {background: url(images/2-menu2.png) no-repeat left top; }

#top-menu ul li#abt a  {list-style: none; float: left; display: block; width: 76px; height: 38px; padding: 0;   
		background: url(images/2-menu.png) no-repeat -70px top; text-indent: -9999px;}
#top-menu ul li#abt a:hover, 
#top-menu ul li#abt a.selected {background: url(images/2-menu2.png) no-repeat -70px top;}

#top-menu ul li#vis a  {list-style: none; float: left; display: block; width: 125px; height: 38px; padding: 0;    
		background: url(images/2-menu.png) no-repeat -146px top; text-indent: -9999px;}
#top-menu ul li#vis a:hover, 
#top-menu ul li#vis a.selected{background: url(images/2-menu2.png) no-repeat -146px top;}

#top-menu ul li#grp a  {list-style: none; float: left; display: block; width: 60px; height: 38px; padding: 0;   
		background: url(images/2-menu.png) no-repeat -271px top; text-indent: -9999px;}
#top-menu ul li#grp a:hover, 
#top-menu ul li#grp a.selected {background: url(images/2-menu2.png) no-repeat -271px top;}

#top-menu ul li#awd a  {list-style: none; float: left; display: block; width: 65px; height: 38px; padding: 0;   
		background: url(images/2-menu.png) no-repeat -331px top; text-indent: -9999px;}
#top-menu ul li#awd a:hover, 
#top-menu ul li#awd a.selected {background: url(images/2-menu2.png) no-repeat -331px top;}

#top-menu ul li#act a {list-style: none; float: left; display: block; width: 82px; height: 38px; padding: 0;   
		background: url(images/2-menu.png) no-repeat -396px top; text-indent: -9999px;}
#top-menu ul li#act a:hover, 
#top-menu ul li#act a.selected {background: url(images/2-menu2.png) no-repeat -396px top;}

#top-menu ul li#rec a {list-style: none; float: left; display: block; width: 97px; height: 38px; padding: 0;   
		background: url(images/2-menu.png) no-repeat -478px top; text-indent: -9999px;}
#top-menu ul li#rec a:hover, 
#top-menu ul li#rec a.selected {background: url(images/2-menu2.png) no-repeat -478px top;}

#top-menu ul li#con a {list-style: none; float: left; display: block; width: 138px; height: 38px; padding: 0;   
		background: url(images/2-menu.png) no-repeat -575px top; text-indent: -9999px;}
#top-menu ul li#con a:hover, 
#top-menu ul li#con a.selected {background: url(images/2-menu2.png) no-repeat -575px top;}
/* top menu */

.main-col {margin: 0; padding: 0 0 20px 10px; }


/* side menu */
#side-menu {float: left; margin:0; padding:0; width: 220px; height: auto; 
	border-right: 1px solid #000; overflow: hidden; background-color: #020B3E; }

#side-menu ul {list-style: none;  }

#side-menu ul li#manu a  {width: 221px; height: 68px; padding: 0; display: block;  
			color:#999; text-decoration:none;  	background: url(images/silver-submenu1.jpg) no-repeat left   top;}
#side-menu ul li#manu a:hover, 
#side-menu ul li#manu a.selected {color:#FFF; background: url(images/silver-submenu2.jpg) no-repeat left   top; }

#side-menu ul li#dealer a  {width: 221px; height: 68px; padding: 0; display: block;  
		color:#999; text-decoration:none;  background: url(images/silver-submenu1.jpg) no-repeat left   -68px;}
#side-menu ul li#dealer a:hover, 
#side-menu ul li#dealer a.selected {color:#FFF; background: url(images/silver-submenu2.jpg) no-repeat left   -68px;}

#side-menu ul li#multi a  {width: 221px; height: 68px; padding: 0; display: block;   
		color:#999; text-decoration:none;  background: url(images/silver-submenu1.jpg) no-repeat left   -136px;}
#side-menu ul li#multi a:hover,
#side-menu ul li#multi a.selected{color:#FFF; background: url(images/silver-submenu2.jpg) no-repeat left    -136px;}

#side-menu ul li#leas a  {width: 221px; height: 68px; padding: 0; display: block;  
		color:#999; text-decoration:none;  background: url(images/silver-submenu1.jpg) no-repeat left    -204px;}
#side-menu ul li#leas a:hover,
#side-menu ul li#leas a.selected {color:#FFF; background: url(images/silver-submenu2.jpg) no-repeat left    -204px;}

#side-menu ul li#prop a  {width: 221px; height: 68px; padding: 0; display: block;  
		color:#999; text-decoration:none;  background: url(images/silver-submenu1.jpg) no-repeat left   -272px;}
#side-menu ul li#prop a:hover,
#side-menu ul li#prop a.selected {color:#FFF; background: url(images/silver-submenu2.jpg) no-repeat left   -272px;}

#side-menu ul li#biz a {width: 221px; height: 68px; padding: 0; display: block;  
		color:#999; text-decoration:none;  background: url(images/silver-submenu1.jpg) no-repeat left   -340px;}
#side-menu ul li#biz a:hover,
#side-menu ul li#biz a.selected {color:#FFF; background: url(images/silver-submenu2.jpg) no-repeat left   -340px;}

#container #main-body {float: left; margin:0; padding: 0; width: 100%; height: auto; background-color: #E6E7E8; }

.contenttbl {padding: 20px 10px; width: 100%; height: auto;  text-align: justify; overflow: hidden;   }
*html .contenttbl {padding: 20px  10px; width: 100%; height: auto; text-align: justify;  overflow: hidden;  }

.body-text-800 {padding: 0; width: 820px; overflow: hidden; }

.top-banner {padding: 0 0 0 10px; width: 98%; height: 80px; overflow: hidden; }
.top-text {padding: 20px 0 0 20px; width: 90%; font: normal 14pt Aller_Rg; overflow: hidden; }

.quote {padding: 0; width: 90%;  font-size: 14pt; color:#306EA7; }
.quote-about {padding: 50px 0 0 10px;   font-size: 12pt;  width: 98%; color:#306EA7; }
.quote-mission-head {padding: 40px 0 0 30px; width: 300px; height: 44px; font-size: 14pt; color: #FFF; background: url(images/mission-head.jpg) no-repeat left top; }
*html .quote-mission-head {height: 100px; }
.quote-mission {padding: 0 0 0 30px; width: 98%; font-size: 14pt;  color:#306EA7; }
.quote-mission-text {padding: 0 0 0 30px; width: 98%; color:#306EA7; }
.quote-s {padding: 0;  width: 98%; letter-spacing: -1px; color:#306EA7; }

table.product {border-collapse: collapse;background-image:url(images/backgroundtree.jpg);	width:95%;	padding: 0;	font : normal 0.9em/1.5 ;}

.headcontent, .headcontent:visited, .headcontent:active {font : bold 1.2em/1.5 ; color:#6A8198;}
.headcontent:hover {font : bold 1.2em/1.5 ; color:#6A8198; text-decoration:none;}

h3 {font-size: 14pt; font-weight: bold; letter-spacing: 0px; padding: 0; color:#6A8198;  }
h4 {font-weight: bold; padding: 0; color:#6A8198;   }

.headpic { margin: 10px 0 0 0; padding: 10px 0; width: 90%; height: 30px; font-size: 32px; 
		color:#FFF; background:  url(images/silver-tab.jpg) no-repeat left top; clear: both;  }

.headpic-x {margin: 10px 0 0 10px; padding: 0; width: 96%; height: 80px; }
		
/* heading */
#heading-thairung  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 0;}
#heading-abt  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -30px;}
#heading-about  {width: 800px; height: 80px; padding: 0; background: url(images/img2.jpg) no-repeat 0 -30px;}
#heading-vis  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -60px;}
#heading-vism  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -810px;}
#heading-mis  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -90px;}
#heading-grp  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -120px;}
#heading-awd  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -150px;}
#heading-rec  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -180px;}
#heading-con  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -210px;}
#heading-con-1  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -420px;}
#heading-con-2  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -450px;}
#heading-con-3  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -480px;}
#heading-manu  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -240px;}
#heading-deal  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -270px;}
#heading-multi  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -300px;}
#heading-veh  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -330px;}
#heading-prop  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -360px;}
#heading-busi  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -390px;}

#heading-awsmf  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -540px;}
#heading-awstrd  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -570px;}
#heading-awsprop  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -600px;}

#heading-vac  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -660px;}
#heading-write  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -720px;}

#heading-act  {width: 350px; height: 30px; padding: 0; background: url(images/heading.png) no-repeat 0 -780px;}

.contact-group-tab { margin: 0; padding: 5px 0; width: 110px; font-size: 13px; font-weight: bold; height: 45px; color:#FFF; 
		background: url(images/silver-tab.jpg) no-repeat; clear: both;   }

.headpic-sub { margin: 10px 0 0 0; padding: 5px; width: 100%; font-size: 14px; height: 24px; color:#FFF; 
		background: url(images/silver-tab.jpg) no-repeat; clear: both;   }
.headpic-sub-sub { margin: 10px 0 0 0; padding: 3px; width: 113px; height: 28px; color:#FFF;   
		background: url(images/bg-headtopic1.jpg) no-repeat; border-right: 2px solid transparent; clear: both;  }
.headpic-home {margin: 0; padding: 10px 0 0 10px; width: 98%; /*background-color: #020B3E; */ clear: both;   }

*html .headpic { margin: 10px 10px 0px 0px; padding:10px; width: 100%; height: 40px; clear: both;   }
*html .headpic-home { margin: 0; padding: 10px 0 0 10px; width: 800px; clear: both;  }

td.text {	font : normal 1em ;	background-color:#FCFCFC;	text-align:left;	}
td.related-co {background-color:#E6E7E8: width: 140px;  }
td.sidemenu {	width:246px;	}

.img200-120 {width: 155px; height:140px; overflow: hidden;} 

.shading {margin: 0; padding: 0; background: url(images/shading.png) no-repeat left -10px; height: 30px; width: 390px; }
.shading-170 {margin: 0; padding: 14px 0 0 10px; background: url(images/shading170.png) no-repeat -10px -10px; height: 70px; width: 150px; 
	font-size: 18px;  }
.shading-170-2 {margin: 0; padding: 0 0 0 10px; background: url(images/shading170.png) no-repeat 5px -10px; height: 70px; width: 170px; 
	font-size: 18px;  }
.shading-170-w350 {margin: 0; padding: 14px 0 0 10px; background: url(images/shading170.png) no-repeat 110px -10px; height: 70px; width: 350px; 
	font-size: 18px;  }

.about-us-text {margin: 0; padding: 0; font-size: 18px; vertical-align: top;  }

#other-list {margin: 0; padding: 0; width: 600px; overflow: hidden; }
#other-list ul {margin: 0; padding: 0; list-style: disc;  }
#other-list ul li {list-style: disc;  }
#other-list ul li a {margin: 0; padding: 0 0 0 20px;  }
#other-list ul li a:hover {margin: 0; padding: 0 0 0 20px; color: #000; }

/* recruit */
.recruit-list {width: 640px; }
.recruit-list .left {float: left; width: 450px; padding-right: 5px; }
.recruit-list .right {float: right; width: 120px;}

.job-table {margin: 0; border-bottom: 2px solid #ccc; background-color: #eee; }
.job-tbl {padding: 5px; width: 100%; overflow:hidden;}
.job-tbl-title {padding: 5px; width: 140px; font-weight: bold; color: #333399; overflow: hidden; }
.job-tbl-text {padding: 5px; font-weight: normal;  color: #333399; overflow: hidden;}
.job-tbl-button {padding: 5px; width: 300px; background: url(images/img11.jpg) no-repeat right top; overflow: hidden; }

/* footer */
#footer {margin: 0; padding: 0; width: 100%;  text-align: left; }
#footer #footer-text {padding: 0 0 0 220px; width: 650px;  font-size: 11px; color:#6A8198;  text-align: left; }
*html #footer {margin: 0; width: 100%; padding: 0;}

.input-fill {width: 170px; font-size: 12pt; }
.mandatory {font-size: 11px; color: #E60000; padding: 0 5px; }

.line-spacer-h8 {margin-bottom: 10px; border-bottom: 1px solid #999; height: 8px; }
.line-spacer-h15 {margin-bottom: 10px; border-bottom: 1px solid #999; height: 15px; }

.spacer {padding: 1px 0; clear: both; }
.clear {clear: both; }

/* group */
.group-bg-tab {background:url(images/group-slice3_line.gif) repeat-x left top;  }

.group-b {margin: 0; padding: 0; width: 230px; height: 48px; background: url(images/col-b.gif) no-repeat -10px top; }
.group-b .group-div a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;  }
.group-b .group-div a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }
.group-b-e {margin: 0; padding: 0; width: 230px; height: 48px; background: url(images/col-b-e.gif) no-repeat -10px top; }
.group-b-e .group-div a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;  }
.group-b-e .group-div a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }

.group-r {margin: 0; padding: 0; width: 230px; height: 48px; background: url(images/col-r.gif) no-repeat -10px top; }
.group-r .group-div2 a, .group-div2-s a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-r .group-div2 a:hover, .group-div2-s a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }

.group-rs {margin: 0; padding: 0; width: 230px; height: 48px; background: url(images/col-rs.gif) no-repeat -10px top; }
.group-rs .group-div2 a, .group-div2-s a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-rs .group-div2 a:hover, .group-div2-s a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }


.group-r-e {margin: 0; padding: 0; width: 230px; height: 48px; background: url(images/col-r-e.gif) no-repeat -10px top; }
.group-r-e .group-div2 a, .group-div2-s a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-r-e .group-div2 a:hover, .group-div2-s a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }

.group-r-s {margin: 0; padding: 0; width: 230px; height: 36px; background: url(images/col-r-s.gif) no-repeat -10px top; }
.group-r-s .group-div2-s a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-r-s .group-div2-s a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }

.group-rs-e {margin: 0; padding: 0; width: 230px; height: 36px; background: url(images/col-rs-e.gif) no-repeat -10px top; }
.group-rs-e group-div2-s a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-rs-e .group-div2-s a:hover { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;    }


.group-o {margin: 0; padding: 0; width: 250px; height: 48px; background: url(images/col-o.gif) no-repeat -10px top; }
.group-o .group-div3 a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-o .group-div3 a:hover   { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;   }
.group-o-e {margin: 0; padding: 0; width: 250px; height: 48px; background: url(images/col-o-e.gif) no-repeat -10px top; }
.group-o-e .group-div3 a  { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;   }
.group-o-e .group-div3 a:hover   { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: underline;   }

.group-div {padding: 19px 0 0 38px;  }
.group-div2 {padding: 19px 0 0 38px;  }
.group-div2-s {padding: 12px 0 0 58px;  }
.group-div3 {padding: 19px 0 0 38px;  }

.wh {color: #fff; }

.text11 {font-size: 11px;}
.text12 {font-size: 12px;}
.text13 {font-size: 13px;}
.text14 {font-size: 14px;}
.text18 {font-size: 18px;}
.text24 {font-size: 24px;}
.text28 {font-size: 28px;}
.text32 {font-size: 32px;}
.text36 {font-size: 36px;}

.pad0 {padding: 0;}
.pad0-5 {padding: 0 5px;}
.pad5 {padding: 5px;}
.pad5-0 {padding: 5px 0;}



.img-float-left {float: left; border-right: 10px solid transparent; clear: both;}
.img-float-right {float: right; border-left: 10px solid transparent; clear: both;}

.bottom-space {margin: 0; padding: 0 0 50px 0;  }