@charset "utf-8";
/* CSS Document */

/*-Background-*/
body.services_L1_tpl{
	background: repeat-x url(../img-tpl/bg-L1-tg-services.jpg);
}

body.services_L2_tpl{
	background: repeat-x url(../img-tpl/bg-L2-tg-services.jpg);
}

body.services_L3_tpl{
	background: repeat-x url(../img-tpl/bg-L2-tg-services.jpg);
}





/*---Template L1---*/
/*-Main Content Area-*/
.main {
	padding-top: 0px;
}

.content {
	padding-top: 0px;
}




/*------------- L1 Menu ---------*/
.content_top{
	display:block;
	width:984px;
	height:50px;
	padding:0px;
	margin:0px;	
	
	background-image:url(../img-tpl/tpl-pg-nav-bg.jpg);
	background-repeat:repeat-x;
}

.content_top .left{
	float:left;
	width:57px;
}

.content_top .right{
	float:left;
	width:57px;
}

.content_top .center{
	float:left;
	width:870px;
	height:28px;
	background-image: url(../img-tpl/tpl-nav-unselected.jpg);
	background-repeat:repeat-x;
}

.menu{
	border:none;
	padding:0px;
	margin:0px;
}

.menu_list{
	font: 12px Tahoma, Arial;
	font-weight: bold;
	color: #FFF;
	height:28px;
	
	padding-left:20px;
	padding-right:20px;
}
.noarrow{
	height:22px;
}
.arrow{
	height:22px;
	background-image:url(../img-tpl/tpl-nav-selected-arrow.jpg);
	background-repeat:no-repeat;
	background-position: center 0px;
}


.selected{
	background-image:url(../img-tpl/tpl-nav-selected.jpg);
}
*html div.menu-L1 td.menu_list.selected {
background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img-tpl/tpl-nav-selected.jpg',sizingMethod='scale');
	
}
.menu_list a{
	color: #FFF;
	text-decoration:none;
}

.menu_list a:hover{
	color: #FFCB04;
	
}

.bullet{
	background-image:url(../img-tpl/tpl-pg-nav-unselected-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

a.bullet:hover{
	background-image:url(../img-tpl/tpl-pg-nav-unselected-bullet-hover.gif);
	background-repeat:no-repeat;
}

.bullet_selected{
	background-image:url(../img-tpl/tpl-pg-nav-selected-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
}

a.bullet_selected:hover{
	background-image:url(../img-tpl/tpl-pg-nav-selected-bullet-hover.gif);
	background-repeat:no-repeat;
}


/*------------- L2 Menu ---------*/
#L2.content_top{
	display:block;
	width:984px;
	height:28px;
	padding:0px;
	margin:0px;	
}

#L2.content_top .left{
	float:left;
	width:40px;
}

#L2.content_top .right{
	float:left;
	width:40px;
}

#L2.content_top .center{
	float:left;
	width:904px;
	height:28px;
	background-image: url(../img-tpl/tpl-nav-unselected.jpg);
	background-repeat:repeat-x;
}

#L2.content_top .selected {
	background-image: none;
}


#L2.content_top .selected a {
	color: #FFCB04;
}

#L2.content_top .bullet_selected{
	background-image:url(../img-tpl/tpl-pg-nav-selected-bullet-hover.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;

}
/*-L1 Content BG-*/

.L1-Content {
	font:Tahoma, Arial;
	font-size: 12px;
	clear:both;
	display: block;
	padding:0px;
	margin:0px;
}

.L1-services-01 {

	background-image:url(../img-tpl/tpl-L1-cont-bg.jpg);
	background-position: 0px bottom;

	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}




/*-L1 Content Font Related-*/
.L1-Content td {
	padding: 0px;

/*	padding-left: 40px;
	padding-right: 25px;
	padding-top: 10px;*/
	padding:10px 0px 80px 15px;
	vertical-align: top;
	

}
.L1-Content tr .table_s{
	margin: 0px;
	padding: 0px;
	padding: 10px 0px 80px 25px;
	background-image:url(../img-tpl/tpl-vert-break.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	height: 220px;
}
.L1-Content tr .table_sm{
	margin: 0px;
	padding: 0px;

	padding-left: 20px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 80px;
	background-image:url(../img-tpl/tpl-vert-break.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	height: 220px;
}

.L1-Content tr .table_sm_first{

	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 80px;
	/*padding:10px 15px 80px 30px*/
	height: 220px;

}
.L1-Content .promo {
	padding-right: 20px;
}

/*Maximum header*/
.L1-Content h1 {
	font-family:"trebuchet MS", tahoma, Arial;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #8D49AE;
	font-weight: bold;
}

/*Medium header 1*/
.L1-Content h2 {
	font-family:"trebuchet MS",Tahoma, Arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #8D49AE;
	font-weight: bold;
	margin-right: 10px;
}
/*Minimum header */
.L1-Content h3 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

/*Medium header or minimum header color change*/
.L1-Content .red {
	color: #9F0080;
}
.L1-Content .purple {
	color: #8E4AAD;
}

.L1-Content a {
	font-weight: bold;
	line-height: 20px;
}

.L1-Content a:hover {
	color:#4B308F;;
	text-decoration:underline;
}

.L1-Content td p {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	color:#333;
	margin-bottom: 10px;

	padding-right: 10px;
	margin-right: 10px;
}

.L1-Content img {
	margin-bottom: 10px;
}

/*L1-Content other */
.L1-Content .listcenter ul{
	margin-left: 40px;
}

.L1-Content table {
	width: 984px;
	margin-top: 0px;
	
}




.L1-Content ul {
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 30px;
	list-style-type: none;

}
.L1-Content ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
.L1-Content ul li {
	margin: 0px;
	padding: 0px;
	list-style-position:outside;
	background-image:url(../img-tpl/thai-type-a-bullet.gif);
	background-repeat:no-repeat;
	background-position: 0 4px;
	padding-left: 20px;

}
.L1-Content ul li a {
	margin: 0px;
	padding: 0px;

	font:12px/16px Tahoma, Arial;
	color: #9F0080;
}
.L1-Content ul li a:hover {
	text-decoration: underline;
	color: #9F0080;
}

/*switch position of type-2 and added dot*/
.L1-Content .type-2 li  {
	background-image:url(../img-tpl/thai-type-b-bullet.gif);
	background-position: 0px 7px;
	list-style-position:outside;
}
/*add margin 0px*/
.L1-Content .type-3 li  {
	list-style-position:outside;
	background-image: none;
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

.L1-Content .linkRed a{
	color: #9F0080;
}
.L1-Content .linkRed a:hover{
	color: #9F0080;
	text-decoration: underline;
}

.L1-Content .linkBlue a{
	color:#480682;
	text-decoration: none;
}
.L1-Content .linkBlue a:hover{
	color:#480682;
	text-decoration: underline;
}


.L1-Content select {
	margin-top: 5px;
	float:left;
	margin-left: 20px;
}
/*Sublist*/
.L1-Content .sublist li{
	list-style-position:outside;
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	background-image: none;
	list-style-type:disc;
}
.L1-Content .sublist a {
	color: #9F0080;;
}
.L1-Content .sublist a:hover{
	color: #9F0080;
	text-decoration: underline;
}

/*L1-Content more*/
.L1-Content td .more {
	float:right;
	margin-right: 15px;
	padding: 0px;	
}

.L1-Content .more li {
	background-image:none;
	background-position: 0px 4px;
	list-style-position: outside;
	padding-left: 15px;
}

.L1-Content td .more a {
	font-family:Tahoma, Arial;
	font-size: 11px;
	color: #480682;
	font-weight:bold;
}
.L1-Content td .more a:hover {
	color: #480682;	
	text-decoration: underline;
}

/*BANNER*/
.banner {
	display:block;
	padding: 0px;
	margin: 0px;

}

.banner td {
	padding: 2px;
	margin: 0px;
}

.banner_text td {
	padding: 7px;
	margin: 0px;
	padding-top: 0px;
}

.banner_text h4 {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #EA97A7;
	margin-bottom: 0px;
	font-weight: bold;
}

.banner_text p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}


/*-L2 L3 Content BG-*/

.notopgap {
	padding: 0px;
	margin: 0px;
}

.content-nav {
	background-image: url(../img-tpl/tpl-cont-pg-vert-nav-bg.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;
	vertical-align:top;
}

.L2-content {
	background-image: url(../img-tpl/tpl-L2-cont-bg.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;
}

.L3-content {
	background-image: url(../img-tpl/tpl-L3-cont-bg.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;	
}



/*-L2 Navigation-*/
.content-nav {
	width: 200px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;	
}

.content-nav div { display: block; }
.content-nav ul { list-style: none; padding:0px; margin: 0px; margin-top:40px; }
.content-nav li { 
	display:block; 
	padding:0px; margin: 0px; 
	background-image:url(../img-tpl/tpl-cont-pg-vert-nav-body.jpg);
	background-repeat: repeat-y;
}
.content-nav li .name {
	margin: 0px;
	padding: 8px;
	padding-left: 50px;
	padding-right: 15px;
	font-size: 12px;

}
.content-nav li.nav-selected .name {
	background-image: url(../img-tpl/tpl-content-bullet.gif);
	background-repeat: no-repeat;
	background-position: 27px 8px;	
}
.content-nav li.nav-selected .bg {
	background-image:url(../img-tpl/tpl-cont-pg-vert-nav-select.jpg);
	background-repeat:repeat-y;
}
.content-nav li.nav-selected {
	display: block;
	font-size: 0px; /*fix bug for IE*/
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.content-nav li.nav-selected .top {
	margin: 0px;
	padding: 0px;
	font-size: 0px; /*fix bug for IE*/
	height: 5px;
	border: none;
	background-image: url(../img-tpl/tpl-cont-pg-vert-nav-select-top.jpg);
	background-repeat: no-repeat;
}
.content-nav li.nav-selected .bottom {
	height: 5px;
	background-image: url(../img-tpl/tpl-cont-pg-vert-nav-select-bottom.jpg);
	background-repeat: no-repeat;
}
.content-nav li.end {
	height:94px;
	background-image:url(../img-tpl/tpl-cont-pg-vert-nav-end.jpg);
	background-repeat: no-repeat;
}

.content-nav li a {
	color: #333;
}

.content-nav li a:hover {
	text-decoration:underline;
}
/*--------------- End navigation--------------------*/

/*-L2 L3 Content-*/
.content-body {
	font:Tahoma, Arial;
	font-size: 12px;
	width: 724px;
	margin: 0px;
	padding: 0px;
	padding-top: 45px;
	padding-bottom: 0px;
	padding-left: 60px;

}
.L3-content-notop {
	background-image: url(../img-tpl/tpl-L3-cont-bg.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;	
	padding: 0px;
	padding-left: 65px;
	padding-top: 45px;
	padding-right: 0px;
	width: 900px;
}

/*Maximum header*/
.content-body h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family:"trebuchet MS", tahoma, Arial;
	font-size: 22px;
	color:#8D49AE;
	font-weight: bold;

}

/*Medium header*/
.content-body h2 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #480682;
}

/*Minimun header*/
.content-body h3 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-weight: bold;
	font-size: 12px;
	color: #480682;
}

/*Change color*/
.content-body .red {
	color: #9F0080;
}

.content-body .purple {
	color: #8E4AAD;
}
.content-body p {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: 650px;

}
.L3-content-notop p {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 10px;
	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: 850px;
}


.content-body table p {
	margin: 0px;
	padding: 0px;	

	font-family:Tahoma, Arial;
	font-size: 12px;
	line-height: 18px;
	width: auto;
	
}
.content-body .highlight {
	color: #a877c0;
	font-weight: bold;
}

.content-body img {
	margin: 0px;
	padding: 0px;	
	margin-bottom: 20px;
}

.content-body table img {
	margin: 0px;
}


.content-body li a:hover {

	text-decoration:underline;
}

/*-L2 L3 Breadcrumbs-*/
.breadcrumb {
	display: block;
	margin: 18px;
	padding: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
}

.BC-services {
	background-image:url(../img-tpl/tpl-breadcrumb-bg.jpg);
	background-repeat: no-repeat;
}

.breadcrumb ul {
	display: block;
	position : relative;
	height: 30px;
	padding: 0px;
	margin: 0px;
	padding-top: 13px;
}

.breadcrumb li {
	display:block;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../img-tpl/tpl-breadcrumb-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	vertical-align: top;
	padding-left: 30px;
	padding-right: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}

.breadcrumb li.bc_home {
	background-image: none;
}

.breadcrumb li a {
	color: #666;
	text-decoration: none;
}

.heading {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.heading li {
	list-style-position:outside;
	padding: 0px;
	margin: 0px;
	background-image:url(/img-tpl/tpl-content-bullet.gif);
	background-position: 0 0px;
	height: 20px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
	font-family:tahoma, Georgia, "Times New Roman";
	font-size: 12px;
	font-weight: bold;
	color:#000066;
	
}

.moredetails {
	padding: 0px;
	margin: 0px;
	margin-left: 50px;
	list-style-type: none;
	margin-bottom: 10px;
}

.moredetails  li {
	list-style-position:outside;
	padding: 0px;
	margin: 0px;
	background-image:url(/img-tpl/tpl-content-bullet.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
	margin-bottom: 10px;
	font-family:tahoma, Georgia, "Times New Roman";
	font-size: 12px;
	font-weight: bold;
	color:#000066;
	
}

.moredetails li a {
	font-family:tahoma, Georgia, "Times New Roman";
	font-size: 12px;
	font-weight: bold;
	color:#000066;
}




.content_body .toptable .floatright {
	
	width: 100px;
	float: right;
	margin-right: 0px;

}

.L2-content .tbl-type1,.L2-content .tbl-type2,.L2-content .tbl-type3,.L2-content .tbl-type4,.L2-content .tbl-type5,.L2-content .tbl-type6 {
	width: 650px;
}
.L3-content-notop .tbl-type1,.L3-content-notop .tbl-type2,.L3-content-notop .tbl-type3,.L3-content-notop .tbl-type4,.L3-content-notop .tbl-type5,.L3-content-notop .tbl-type6 {
	width: 850px;
}

.tbl-type3.tbl-type3 {
	width: auto;
	margin-right: 40px;

}

.content-body ul,.content-body ol {
	margin-bottom: 10px;
}
.content-body ul ol,.content-body ol ol{
	margin-bottom: 0px;
}
.content-body ul ul,.content-body ol ul{
	margin-bottom: 0px;
}



