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

a:link, a:visited {text-decoration: underline; color: #7f4098} 
a:hover, a:active {text-decoration: underline; color: #b163d0} 

html {
overflow:auto;
    
height:100%;
SCROLLBAR-FACE-COLOR:#5d2872; 
SCROLLBAR-HIGHLIGHT-COLOR:#5d2872; 
SCROLLBAR-SHADOW-COLOR:#5d2872; 
SCROLLBAR-ARROW-COLOR:#FFFFFF; 
SCROLLBAR-TRACK-COLOR:#d8bee2; 
SCROLLBAR-DARKSHADOW-COLOR:#5d2872; 
SCROLLBAR-BASE-COLOR:#a253c1; 
scrollbar-3d-light-color:#5d2872;
}


BODY {
/*overflow:auto ;*/

margin:0px; padding:0px;
/*	background-color:#4e483a;*/
height:100%;
SCROLLBAR-FACE-COLOR:#5d2872; 
SCROLLBAR-HIGHLIGHT-COLOR:#5d2872; 
SCROLLBAR-SHADOW-COLOR:#5d2872; 
SCROLLBAR-ARROW-COLOR:#FFFFFF; 
SCROLLBAR-TRACK-COLOR:#d8bee2; 
SCROLLBAR-DARKSHADOW-COLOR:#5d2872; 
SCROLLBAR-BASE-COLOR:#a253c1; 
scrollbar-3d-light-color:#5d2872;
FONT-FAMILY: Tahoma, MS Sans Serif, Arial; 
}


.main_layout
{
    min-height:100%; /* real browsers */
	margin:0 auto;
	width:990px;
	background-color:#d4d4d4;
	height:auto !important; 
	height:100%; /* IE6: treaded as min-height*/
	position: relative;
	
}




TD   {
SCROLLBAR-FACE-COLOR:#5d2872; 
SCROLLBAR-HIGHLIGHT-COLOR:#5d2872; 
SCROLLBAR-SHADOW-COLOR:#5d2872; 
SCROLLBAR-ARROW-COLOR:#FFFFFF; 
SCROLLBAR-TRACK-COLOR:#d8bee2; 
SCROLLBAR-DARKSHADOW-COLOR:#5d2872; 
SCROLLBAR-BASE-COLOR:#a253c1; 
scrollbar-3d-light-color:#5d2872;
FONT-FAMILY: Tahoma, MS Sans Serif, Arial; 
color: #000000;
FONT-SIZE: 12px; 
} 

DIV {
SCROLLBAR-FACE-COLOR:#5d2872; 
SCROLLBAR-HIGHLIGHT-COLOR:#5d2872; 
SCROLLBAR-SHADOW-COLOR:#5d2872; 
SCROLLBAR-ARROW-COLOR:#FFFFFF; 
SCROLLBAR-TRACK-COLOR:#d8bee2; 
SCROLLBAR-DARKSHADOW-COLOR:#5d2872; 
SCROLLBAR-BASE-COLOR:#a253c1; 
scrollbar-3d-light-color:#5d2872;
FONT-FAMILY: Tahoma, MS Sans Serif, Arial; 
}


.tahoma11Black {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.tahoma11DarkGrey {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b6b6b;
	text-decoration: none;
}

.tahoma12BGrey {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b6b6b;
	font-weight: normal;
	text-decoration: none;
}

.tahoma11BGrey {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ababab;
	font-weight: normal;
	text-decoration: none;
}
.tahoma11BGrey a:link, .tahoma11BGrey a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ababab;
	font-weight: normal;
	text-decoration: none;
}
.tahoma11BGrey a:hover, .tahoma11BGrey a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	font-weight: normal;
	text-decoration: none;
}

.tahoma12black {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.tahoma12black a:link, .tahoma12black a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
.tahoma12black a:hover, .tahoma12black a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0f68a2;
	font-weight: normal;
	text-decoration: none;
}


.tahomaPage {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686867;
	font-weight: normal;
	text-decoration: none;
}
.tahomaPage a:link, .tahomaPage a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686867;
	font-weight: normal;
	text-decoration: none;
}
.tahomaPage a:hover, .tahomaPage a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009ede;
	font-weight: normal;
	text-decoration: none;
}


.tahoma11Grey {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	font-weight: normal;
	text-decoration: none;
}
.tahoma11Grey a:link, .tahoma11Grey a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	font-weight: normal;
	text-decoration: none;
}
.tahoma11Grey a:hover, .tahoma11Grey a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141;
	font-weight: normal;
	text-decoration: none;
}

.tahoma11thumb {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	font-weight: normal;
	text-decoration: none;
}
.tahoma11thumb a:link, .tahoma11thumb a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
	font-weight: normal;
	text-decoration: underline;
}
.tahoma11thumb a:hover, .tahoma11thumb a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #414141;
	font-weight: normal;
	text-decoration: none;
}

.tahoma12Orange {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff5a00;
	font-weight: normal;
	text-decoration: none;
}
.tahoma12Orange a:link, .tahoma12Orange a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff5a00;
	font-weight: normal;
	text-decoration: none;
}
.tahoma12Orange a:hover, .tahoma12Orange a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #943d0e;
	font-weight: normal;
	text-decoration: none;
}

.tahoma12FreshBlue {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b83ff;
	font-weight: normal;
	text-decoration: none;
}

.tahoma12White {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.tahoma12Blue, .tahoma12Blue td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #337fa6;
	font-weight: normal;
	text-decoration: none;
}
.tahoma12Blue a:link, .tahoma12Blue a:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #337fa6;
	font-weight: normal;
	text-decoration: none;
}
.tahoma12Blue a:hover, .tahoma12Blue a:active{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #145677;
	font-weight: normal;
	text-decoration: none;
}

.tahoma11brown {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #82583f;
	text-decoration: none;
}
.tahoma10white {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.padtopbot3 td{
	padding-bottom: 3px;
	padding-top: 3px;
}

.padtopbot3line td{
	padding-bottom: 3px;
	padding-top: 3px;
	BORDER-bottom: #eaeaea 1px  solid;
}

.padtopbot8line td{
	padding-bottom: 8px;
	padding-top: 8px;
	BORDER-bottom: #eaeaea 1px  solid;
}

.padtopbot8table td{
	padding-bottom: 8px;
	padding-top: 8px;
	BORDER-bottom: #eaeaea 1px  solid;
	BORDER-top: #eaeaea 1px  solid;
	BORDER-right: #eaeaea 1px  solid;
	BORDER-left: #eaeaea 1px  solid;
}

.padtopbot10line{
	padding-bottom: 10px;
	padding-top: 10px;
	BORDER-bottom: #eaeaea 1px  solid;
}

/* navigation -----------------------------------------------------------------------------------*/	
#navigation {
  width:100%
}

#navigation ul {
  list-style: none;
  margin:0;
  padding:0;
  }
  
#navigation li {
 border-bottom: 1px solid #cbcbcb;
 }
 
#navigation li a:link, #navigation li a:visited{
display: block;
padding: 3px 3px 3px 15px;
background-color: transparent;
color:#87480a;
background: url("images/bullet_submenu.gif") top left no-repeat;
text-decoration:none;
}

#navigation li a:hover, #navigation li a:active{
display: block;
padding: 3px 5px 3px 15px;
background-color: #72b3db;
color:#FFFFFF;
text-decoration:none;
}

#navigation li.current a{
display: block;
padding: 3px 5px 3px 15px;
background-color: #72b3db;
color:#FFFFFF;
text-decoration:none;
}


/* garagenav -----------------------------------------------------------------------------------*/	
#garagenav {
  width:100%;
  padding: 10px 0px 10px 0px;
}

#garagenav ul {
  list-style: none;
  margin:0;
  padding:0;
  }
  
#garagenav li {
 display: inline;
 }
 
#garagenav li a:link, #garagenav li a:visited{
padding: 10px 15px 10px 15px;
background-color: #a9c2d1;
color:#19567c;
text-decoration:none;
}

#garagenav li a:hover, #garagenav li a:active{
padding: 10px 15px 10px 15px;
background-color: #14689d;
color:#FFFFFF;
text-decoration:none;
}

#garagenav li.current a{
padding: 10px 15px 10px 15px;
background-color: #14689d;
color:#FFFFFF;
text-decoration:none;
}


/* testimonial -----------------------------------------------------------------------------------*/	
.testimonailAll{
/*float: left;*/
position: relative;
top: 0px;
left: 0px;
width: 100%; 
}
.testimonailImage{
/*float: left;*/
position: relative;
top: 0px;
left: 0px;
width: 185px; 
}
.testimonailBubble{
/*float: right;*/
position: absolute;
top: 0px;
right: 0px;
width:14px;
behavior: url(iepngfix.htc);
}

.testimonailPlus{
/*float: right;*/
position: absolute;
bottom: 0px;
right: 0px;
width:27px;
behavior: url(iepngfix.htc);
}

/* claim -----------------------------------------------------------------------------------*/	
.cliamBG{
/*float: left;*/
background-image:url(images/claim_garage_bg.jpg);
background-repeat: no-repeat;
background-position:top right;
}

.claim_lytebox{
	width: 850px;
	height: 414px;
	overflow: auto;
	padding:  0;
	overflow-x: hidden;
}



div.title_left img{
	behavior: url(iepngfix.htc);
}

.tahoma11blue{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #19589F; }


.txtBoxStyle1 {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; background-color: #FFFFFF; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; width:250px
}

.txtBoxJob {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; background-color: #FFFFFF; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.txtBoxStyle2 {
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 9px; BACKGROUND-IMAGE: url(images/grid.gif); BORDER-LEFT: #999999 1px solid; COLOR: #999999; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.txtBoxStyle3{
	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 11px; background-color: #FFFFFF; BORDER-LEFT: #999999 1px solid; COLOR: #666666; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; width:520px
}


.vernada10Blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: 335476;
	text-decoration: none;
}




.menulistUnderline {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: 
normal; font-weight: normal; color: 504C4C; text-decoration: underline
}


.rowmenu {
	BACKGROUND-COLOR: #CDC4C4
}
.rowmenuover {
	BACKGROUND-COLOR: #5C8BBF
}
.Lk_menu{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A.Lk_menu:link {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A.Lk_menu:visited {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
A.Lk_menu:hover {
	FONT-SIZE: 11px; COLOR: #EBE2E2; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}


.arialwhite12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}


.tahoma10dark {font-family: Tahoma; font-size: 10px; color: #4d4d4d;}
.tahoma11red {font-family: Tahoma; font-size: 11px; color: #E11717 }
.tahoma12Orange {font-family: Tahoma; font-size: 12px; color: #EA5902 }
.tahoma12dOrange {font-family: Tahoma; font-size: 12px; color: #CB421D }
.tahoma12gray {font-family: Tahoma; font-size: 11px; color: #999999 }
.tahoma12byellow {font-family: Tahoma; font-size: 12px; color: #FFECB3 }
.tahoma11beigh {font-family: Tahoma; font-size: 11px; color: #F36D48 }
.tahoma18green {font-family: Tahoma; font-size: 15px; color: #C0FF00 }
.arial15darkred {font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 13px; color: #AC1E1E;}
A.calendar:link {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF5D16;
	font-weight: normal;
	text-decoration:underline;
}
A.calendar:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF5D16;
	font-weight: normal;
	text-decoration:underline;
}
A.calendar:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #48FF00;
	font-weight: normal;
	text-decoration:underline;
}
.calendar {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F7ABF;
	font-weight: normal;
	text-decoration: none;
}



.Lk_verdana11whiteB{ font-family: Verdana; font-size: 11 px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
A.Lk_verdana11whiteB:link { font-family: Verdana; font-size: 11 px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
A.Lk_verdana11whiteB:visited { font-family: Verdana; font-size: 11 px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
A.Lk_verdana11whiteB:hover { font-family: Verdana; font-size: 11 px; color: #0072BC; font-weight: bold; text-decoration: underline}
#work {
	width: 640px;
	height: 180px;
	overflow: auto;
	padding:  5px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*style หลัก ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
p{font: 12px Tahoma; color:#333333; 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> */

a:link {font: 12px Tahoma; color:#6c3283; text-decoration:none;}
a:visited {font: 12px Tahoma; color:#6c3283; text-decoration:none;}
a:hover {font: 12px Tahoma; color:#b068cc; text-decoration: underline;}

/* หน้าแรก ---------------------------------------------------------------------------------------------------- */
.txtPurple { font: 11px Tahoma; color:#b570d0;  }

a.LkWhite:link {font: 11px Tahoma; color:#ffffff; text-decoration: underline;}
a.LkWhite:visited {font: 11px Tahoma; color:#ffffff; text-decoration: underline;}
a.LkWhite:hover {font: 11px Tahoma; color:#c485dd; text-decoration: underline;}

button.login { background:#FFFFFF; font: 11px Tahoma; color:#7f4098; border: none; }

div.headUpdatedNews { background:#9b87a3; width:448px; height:31px; overflow:hidden; margin-bottom:10px;}
div.BttViewallNews { float: right; width:67px;}
td.midColumn { 
	background:url(images/lineColumn.gif) no-repeat top left;
	padding: 6px 16px 10px 16px;
}
td.midColumn p {font: 12px Tahoma; color:#727272; padding: 6px 0 0 0;}



div.UpdatedNews { 
	margin: 0 12px 0px 26px; overflow:hidden; 
	border-bottom: solid 1px #a5a5a5;
	height:auto!important;  /* วางไว้เหนือ height ของ IE เสมอ (คำสั่ง !important มีผลเฉพาะ Firefox) */ 
	*height:80px;		/* เฉพาะ IE */ 
	min-height:80px;		/* เฉพาะ Firefox */ 
}
div.UpdatedNews div.thumbpic {
	float:left;	
	margin:0 14px 0 0;
	padding:0;
	width: 120px;
}
div.UpdatedNews h5 {
	padding:0px; margin:0px;
	font: bold 12px Tahoma; color: #7f4098; 
}
div.UpdatedNews h5 a:link {
	padding:0px; margin:0px;
	font: bold 12px Tahoma; color: #7f4098; text-decoration:none;
}
div.UpdatedNews h5 a:visited {
	padding:0px; margin:0px;
	font: bold 12px Tahoma; color: #7f4098; text-decoration:none;
}
div.UpdatedNews h5 a:hover {
	padding:0px; margin:0px;
	font: bold 12px Tahoma; color: #9e58ba; text-decoration: underline;
}
div.UpdatedNews div.date {
	margin: 0px;
	font:11px Tahoma; color: #676767; 
}

div.UpdatedNewsList { 
	margin: 0 12px 0px 26px; 
	border-bottom: solid 1px #a5a5a5;
	

}
div.UpdatedNewsList a:link{
	font: bold 12px Tahoma; color: #7f4098; text-decoration:none;
	display:block;
	padding: 3px 0 3px 19px;
	background:url(images/bullet_updatedNews.gif) no-repeat ;
}
div.UpdatedNewsList a:visited{
	font: bold 12px Tahoma; color: #7f4098; text-decoration:none;
	display:block;
	padding: 3px 0 3px 19px;
	background:url(images/bullet_updatedNews.gif) no-repeat ;
}
div.UpdatedNewsList a:hover{
	font: bold 12px Tahoma; color: #9e58ba; text-decoration:none;
	background: #e5dde8 url(images/bullet_updatedNews.gif) no-repeat ;
}

div.bttDetail a { 
	float: left;
	background:url(images/bttDetail.gif) no-repeat;
	width:99px; height:20px;
	display:block;
}
div.bttDetail a:hover { 
	background:url(images/bttDetail_over.gif) no-repeat;
}
div.bttDetail a  span{ display:none}

div.bttViewAll a { 
	float: left;
	background:url(images/bttViewAll.gif) no-repeat;
	width:99px; height:20px;
	display:block;
}
div.bttViewAll a:hover { 
	background:url(images/bttViewAll_over.gif) no-repeat;
}
div.bttViewAll a  span{ display:none}

td.mapColumn {
	background: url(images/lineRightColumn.gif) no-repeat;
	height:211px; padding-top: 6px;
}
td.mapColumn a img{ border: none;}

/* footer---------------------------------------------------------------------------------------------------- */
td.footerIcon {
background:url(images/footer_bg.jpg) no-repeat;
width:970px; padding-left:20px; 
height:68px; 
}
.footerIcon div {
float: left; margin-top:18px;
}
div.footerMenu {
	float:left;
	width:750px;
	font: 11px Tahoma; color: #858585;
	margin-bottom: 15px;
}
.footerMenu span {
 	width:100px; display: block; float:left;
	font-weight:bold; 
}
div.footerMenu a:link {
	font: 11px Tahoma; color: #858585; text-decoration:none;
}
div.footerMenu a:visited {
	font: 11px Tahoma; color: #858585; text-decoration:none;
}
div.footerMenu a:hover {
	font: 11px Tahoma; color: #6f6f6f; text-decoration:underline;
}
.copyright {
	float:right; margin-right:30px;
	font: 11px Tahoma; color: #6f6f6f;
}
.copyright a:link {
	font: 11px Tahoma; color: #a4a4a4; text-decoration:none;
}
.copyright a:visited {
	font: 11px Tahoma; color: #a4a4a4; text-decoration:none;
}
.copyright a:hover {
	font: 11px Tahoma; color: #858585; text-decoration:none;
}
.footerSocial {float:left;  width:100px;  }
.footerSocial a img {margin:0; border:0; padding:0;}


/*  content area ---------------------------------------------------------------------------------------------------- */
td.contentArea { padding: 16px 19px  40px 18px; width:730px; vertical-align:top }
td.contentRight { padding: 20px 0  30px 0;  width:197px; vertical-align:top }
div.crumbnav{ font: 11px Tahoma; color:#7f7f7f; margin:0 0 8px 3px; }
div.crumbnav a:link { font: 11px Tahoma; color:#7f7f7f; text-decoration:none;}
div.crumbnav a:visited { font: 11px Tahoma; color:#7f7f7f; text-decoration:none;}
div.crumbnav a:hover { color:#444444; text-decoration:underline;}
div.mainpic  {  
	clear:both;		
	margin:0 0 25px 0;
	padding:0;
}
div.title { width: 100%; }
div.mainpic img { border:0; }


/* menu right ----------------------------------------------------------------------------------------------------- */
div.menuRight{ margin-bottom:12px;}
div.menuRight ul {
	margin:0 9px 0 2px;
	padding:0;
	list-style-type:none;
}
div.menuRight ul li {
	border-bottom: solid 1px #bdbdbd;
	list-style-type:none;
}
div.menuRight ul li a {
	font:12px Tahoma; color: #83919f; text-decoration:none;
	display:block; cursor:pointer;
	padding: 3px 12px;
}
div.menuRight ul li a:hover {
	color: #74828f; text-decoration:none;
	background:#f4eaf9;
}
div.menuRight ul li.current a{
	/*font:12px Tahoma; color: #83919f; text-decoration:none;
	display:block; 
	padding: 3px 12px;*/
	background:url(images/rightMenu_arrow.gif) no-repeat;
}
div.menuRight ul li.current a:hover {
	color: #74828f; text-decoration:none;
	
	background: #f4eaf9 url(images/rightMenu_arrow.gif) no-repeat;
}


/* about---------------------------------------------------------------------------------------------------- */
b.txt_Hilight { font: bold 12px Tahoma; color: #732692; }

/* Right DownloadMap*/
div.downloadMap{ width:188px;}
div.downloadMap ul{ 
	background:#d5d5d5;
	width:188px;
	margin:0;
	padding:0 0 4px 0;
	list-style-type:none;
}
div.downloadMap ul li {
	border-bottom: solid 1px #d5d5d5;
	list-style-type:none;
	margin:0; padding:0;	
	display:block; 
}
div.downloadMap ul li a {
	font:12px Tahoma; color: #8340a0; text-decoration:none;
	background: #FFFFFF url(images/right_arrow.gif) no-repeat top left ;
	margin: 0 4px;
	padding: 3px 0 0 25px; 
	height:auto!important; 
	*height:17px;
	min-height:17px;
	display:block; cursor:pointer;
}
div.downloadMap ul li a:hover {
	font:12px Tahoma; color: #8340a0; text-decoration:none;
	background: #ebe8f7 url(images/right_arrowOver.gif) no-repeat top left ;
}

/* route current -----------------------------------------------------*/
div.routeSearch{ border: solid 1px #d0d0d0; padding:5px; overflow:hidden; margin-bottom:3px; width:721px;}
div.routeSearch div{ float:left; margin:0 5px 0 0;}
div.routeSearch div label{ width:150px; display:block;}
div.routeSearch div select{ 
	width:150px;
	background:#FFFFFF; 
	height:20px; vertical-align:middle;
	font: 11px Tahoma; color:#333333;
	margin:0; padding:0;
}

div.bttRouteSearch { padding:17px 0 0 0;    }
div.bttRouteSearch button { 
	background:url(images/bttSearchIcon.gif) no-repeat;
	width:29px; height:21px; border:none; margin-left:-5px;
	display:block; cursor:pointer;
}
div.bttRouteSearch button:hover { 
	background:url(images/bttSearchIcon_over.gif) no-repeat;
}
div.bttRouteSearch button span{ display:none;}
div.routeSearch div.bttViewRouteMap{ float:right; padding:7px 0 0 0;}

div.routeEmergencyBox{
	 border: solid 2px #ebebeb; margin-bottom:10px;
	 background: #ebebeb url(images/iconRouteEmergency.jpg) no-repeat top left ;
	 padding: 3px 10px 5px 100px;
	 height:auto!important; 
	*height:80px;
	min-height:80px;
}
div.routeEmergencyBox img { padding-bottom:3px; }

div.routeEmergencyBox2{
	 border: solid 2px #ebebeb; margin-bottom:10px;
	 background: #ebebeb url(images/picRouteEmergency.jpg) no-repeat top left ;
	 padding: 3px 10px 5px 218px;
	 height:auto!important; 
	*height:110px;
	min-height:110px;
}
div.routeEmergencyBox2 img { padding-bottom:3px; }




div.routeResultBox{
	border: solid 2px #ebebeb; margin-bottom:10px;
	 background: #f6f3f3 url(images/routeResultBox.gif) no-repeat top left ;
	 padding: 32px 10px 10px 34px;
	 height:auto!important; 
	*height:18px;
	min-height:18px;
}


table.routeBus { border-bottom: solid 1px #ded8e8; border-collapse:collapse; width:733px;}
table.routeBus td{ 
	vertical-align:top;
	padding: 7px 0 10px 3px;
}

table.routeBus td h5{
	padding: 0px;
	margin: 0 0 3px 0;
	font: bold 12px Tahoma; color: #753a86; 
	width: 600px; display:block;
}
table.routeBus td div {
	float:left; 
	width:132px; padding: 0 0 0 18px; 
	margin-bottom: 3px;
	background:url(images/bullet_station2.gif) no-repeat;
	font: 12px Tahoma; color: #535353;
}
table.routeBus td div.sclear
{font-size:0px; clear:both;
}
table.routeBus td div.station {
	float:left; 
	width:132px; padding: 0 0 0 18px; 
	margin-bottom: 3px;
	background:url(images/bullet_station1.gif) no-repeat;
	font: bold 12px Tahoma; color: #535353;
}
table.routeBus td div.resultMark {
	float:left; 
	width:132px; padding: 0 0 0 18px; 
	height: 16px;
	margin-bottom: 3px;
	background:url(images/bullet_resultMark.gif) no-repeat;
	font: bold 12px Tahoma; color: #f15b27;  line-height:15px;
}
.txt_Orange{font: 12px Tahoma; color: #f15b27;}
.txt_Purple{font: 12px Tahoma; color: #6c3283;}

div.routeResult  div{ 
	border-bottom: solid 1px #ded8e8; border-collapse:collapse; 
	background:url( images/iconBus.jpg) no-repeat; 
	width:633px;
	padding: 0 0 10px 100px; 
	height:auto!important; 
	*height:60px;
	min-height:60px;
	vertical-align:top;
}


div.routeResult div h5{ font: bold 14px Tahoma; color: #6c3283; margin:0; padding-bottom:2px; padding-top:10px;}
div.routeResult div h5 span { font: bold 12px Tahoma; color: #1b1a1c; }

div.routeResult  div table td{ padding: 0 5px 0 0; font: 12px Tahoma; color:#7f7f7f;}
div.routeResult div table td b{ font: bold 13px Tahoma; color:#663366;}


table.routeEmergency { border-bottom: solid 1px #ded8e8; border-collapse:collapse; width:733px;}
table.routeEmergency td{ 
	vertical-align:top;
	padding: 7px 0 10px 3px;
}

table.routeEmergency td h5{
	padding: 0px;
	margin: 0 0 3px 0;
	font: bold 12px Tahoma; color: #753a86; 
	width: 600px; display:block;
}
div.EmergencyTime {font: 10px Tahoma; color: #6a696a; }

table.routeEmergency td div.route{ 
	margin: 10px 0px;
	position:relative;
}
div.route span.head{ 
	font: bold 12px Tahoma; color: #732692;
	 float:left;  width: 100px; margin-right: 5px;
}

div.bttEmergencyMap { 
	position: absolute; right:0; top:-9px; margin-left:10px;  width:92px; height:21px; 
}
div.bttEmergencyMap a {
	background:url(images/bttEmergencyMap.gif) no-repeat; 
	width:92px; height:21px;  display:block;
}
div.bttEmergencyMap a:hover{
	background:url(images/bttEmergencyMap_over.gif) no-repeat; 
}
div.bttEmergencyMap a span{display: none;}


/*หน้า news ----------------------------------------------------------------*/

div.page{ font: 11px Tahoma; color:#686867; padding:0 2px; text-align:right; margin-bottom:10px;}
div.page span.current{font: bold 11px Tahoma; color:#c65fe3; padding: 0 2px; }
div.page a{ font: 11px Tahoma; color:#686867; text-decoration:none; padding: 0 2px;  }
div.page a:hover{ font: 11px Tahoma; color:#c65fe3; text-decoration: underline;}
div.page img{ vertical-align:text-bottom;}


div.newslist div{ 
	width:733px; margin-bottom:5px;
	height:auto;
	overflow:hidden; /*ทำให้กรอบยืด ตามของที่ float อยู่*/
}
div.newslist h5 { 
	 margin:0;  
	padding:0 0 0 164px; 
}
div.newslist h5 a{font: bold 12px Tahoma; color:#7f4098; text-decoration:none;}
div.newslist h5 a:hover{ font: bold 12px Tahoma; color:#aa51cb; text-decoration: underline;}

div.newslist p.date{ 
	 margin:0 0 5px 0; 
	 padding:0 0 0 164px;
	font: 11px Tahoma; color:#959595;
}

div.newslist p.thumbnews{ 
	float:left; margin-right:16px; width:145px; height:100px;
	background:url(images/thumbnews_bg.gif) no-repeat;
	margin-top:-29px!important;  	/* แก้ h5 ดันภาพตก เฉพาะ FF IE7*/	
	*margin-top:-29px;	/* แก้ h5 ดันภาพตก เฉพาะ IE6*/	
	margin-bottom:10px;
	margin-left:2px;
}
div.newslist p.thumbnews a{ margin:0 ; padding:0;}
div.newslist p.detail{padding-left:164px; padding-bottom:10px;}
div.newslist p.detail p{margin:0 ; padding:0;}
div.newslist p.thumbnews a img{ border: none; width:140px; height:95px; margin: 0 0 0 0; float:left;}
div.newslist p.thumbnews a:hover img{ border: solid 2px #bb69da; margin: -2px 0 0 -2px; }
/*หน้า news detail----------------------------------------------------------------*/
div.news_detail h5{ font: bold 18px Tahoma; color:#7f4098; margin:0; padding:0; }
div.news_detail p.date{ 
	 margin:0 0 5px 0; 
	 padding:0px;
	font: 11px Tahoma; color:#959595;
}
div.news_detail img { margin-bottom: 10px;}

div.bttBack { margin-bottom: 10px;}
div.bttBack a { background:url(images/bttBack.gif) no-repeat; width:71px; height:28px; display:block; cursor:pointer;}
div.bttBack a:hover { background:url(images/bttBack_over.gif) no-repeat; }
div.bttBack a span{ display:none;}



table.gallery {background:#eeeeee; width:100%; border-collapse: collapse;}
table.gallery  td { 
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
}
table.gallery  a img{ 
	vertical-align: middle; text-align: center;
	border: solid 3px #FFFFFF; 
 }
 table.gallery  a:hover img{ 
	vertical-align: middle; text-align: center;
	border: solid 3px #d7def1; 
 }
 /*หน้า ticket----------------------------------------------------------------*/
 div.ticket div{ 
	padding-bottom:10px; width:733px;
	border-bottom: solid 1px #dcdcdc;
	height:auto;
	overflow:hidden; /*ทำให้กรอบยืด ตามของที่ float อยู่*/
}
 div.ticket div img{ float:left; margin: 0 12px 10px 14px;
 }
  /*หน้า promotion----------------------------------------------------------------*/
div.promotion div{ 
	padding-bottom:10px; padding-top:16px; 
	width:733px;
	height:auto;
	overflow:hidden; /*ทำให้กรอบยืด ตามของที่ float อยู่*/
}
div.promotion div p{
	
}
div.promotion div img.imgPrice{ 
	float:right; padding: 10px 17px 0 17px;
}
  /*หน้า contact----------------------------------------------------------------*/
fieldset{ border: none; margin:0;}
fieldset.contactform div{ margin:5px 0;}
fieldset.contactform label{ float:left; width:95px; margin: 0 2px 0 0;  }
fieldset.contactform input{ border: solid 1px #e2e2e2; background:#FFFFFF; width:300px;}
fieldset.contactform textarea{ 
	border: solid 1px #e2e2e2; background:#FFFFFF; width:300px; 
	overflow:auto; /*เอา scrollbar ออก เฉพาะ IE */
}
fieldset.contactform input:hover{ background:#fbfafc;}
fieldset.contactform textarea:hover{ background:#fbfafc;}

fieldset.contactform div.remark{ 
	text-align:right; width: 395px; 
	font: 11px Tahoma; color: #646464;
}

fieldset.contactform button.btt_submit { 
	margin-left:95px; width: 59px; height:21px; 
	background:url(images/bttSubmit.gif) no-repeat; 
	border:none; cursor:pointer;
}
fieldset.contactform button.btt_submit:hover{ background:url(images/bttSubmit_over.gif) no-repeat; border:none;}
button span{display:none;}
 /*หน้า faqs----------------------------------------------------------------*/
 div.anchorFAQs ul{ 
 	padding:0 0 0 0;
 	width:733px;
	height:195px;
	min-height:195px;
	margin:0;
	list-style-type:none;
	background:url(images/picContactFaqs.jpg)  no-repeat bottom right;
}
  
div.anchorFAQs ul li{ list-style-type:none; display:block; width:504px;}
div.anchorFAQs ul li a {
	font: bold 12px Tahoma; color: #944eb0; text-decoration:none;
	background: url(images/bullet_purple.gif) no-repeat top left ;
	padding: 3px 0 0 15px; 
	margin: 5 0px;
	display:block; cursor:pointer;
}	

div.anchorFAQs ul li a:hover {	color: #6c3283; text-decoration:none;}

div.FAQsBar { background:url(images/faqs_bar.gif) no-repeat;
	width:673px; 
	height:26px; padding: 28px 0 0 60px;
	
}
div.FAQsBar a:link {font: bold 12px Tahoma; color: #FFFFFF; text-decoration:none;}
div.FAQsBar a:visited {font: bold 12px Tahoma; color: #FFFFFF; text-decoration:none;}
div.FAQsBar a:hover{font: bold 12px Tahoma; color: #b068cc; text-decoration:none;}

div.FAQsBox { 
	width:711px;   border: solid 1px #cfcfcf; padding: 10px;
	margin:0;
	position: relative;
}
div.bttCloseFaqs { float: right; position: absolute; bottom:0; right:13px;}
div.bttCloseFaqs a img { border:none;}
 /*หน้า career----------------------------------------------------------------*/
div.jobPosition div { 
	width:733px; background:url(images/careerBg.gif) no-repeat bottom;
	padding-bottom: 20px; position:relative;
}
div.jobPosition div div.position { 
	background:url(images/careerBar.gif) no-repeat;
	height:26px; padding: 24px 0 0 60px;
	font: bold 14px Tahoma; color: #FFFFFF; 
	
}
div.jobPosition div ul{ list-style-type: square; padding: 5px 0 0 60px; margin:0;}
div.jobPosition div button.btt_apply {
	float:right; position:absolute;  
	right:8px; top: 18px; border:none;
	width:73px; height:26px; background:url(images/bttApplyJob.gif) no-repeat; 
	cursor:pointer;
}
div.jobPosition div button.btt_apply:hover {
	 border:none;
	background:url(images/bttApplyJob_over.gif) no-repeat; 
}


div.jobPosition div button.btt_apply  span{ display:none;}

 /*หน้า popup----------------------------------------------------------------*/
div.newsletterRegister { 
	background:url(images/newsletterBg.jpg); 
	width:570px; height:500px;
	position:relative;
}
div.sendFriend { 
	background:url(images/sendFriendBg.jpg); 
	width:570px; height:500px;
	position:relative;
}
.copyrightPopup {
	float:right; 
	font: 11px Tahoma; color: #fafaf2;
	position:absolute; bottom:5px; right: 25px;
}
fieldset.popupform{ padding: 0 0 0 190px;}
fieldset.popupform div{ margin:5px 0;}
fieldset.popupform label{ float:left; width:98px; margin: 0 0 0 2px; font:12px Tahoma; color: #010101;  }
fieldset.popupform input{ border: solid 1px #e2e2e2; background:#FFFFFF; width:250px;}
fieldset.popupform textarea{ 
	border: solid 1px #e2e2e2; background:#FFFFFF; width:250px; 
	overflow:auto; /*เอา scrollbar ออก เฉพาะ IE */
}

fieldset.popupform button.btt_submit { 
	margin-left:100px; width: 59px; height:21px; 
	background:url(images/bttSubmit.gif) no-repeat; 
	border:none; cursor:pointer;
}
fieldset.popupform button.btt_submit:hover{ background:url(images/bttSubmit_over.gif) no-repeat; border:none;}

fieldset.popupform div.remark{ 
	text-align:right; width: 150px; float: right; margin-right: 30px; margin-top: 0px;
	font: 11px Tahoma; color: #959595;
}

fieldset.popupform button.btt_send { 
	margin-left:100px; width: 80px; height:16px; 
	background:url(images/bttSend.gif) no-repeat; 
	border:none; cursor:pointer;
}
fieldset.popupform button.btt_send:hover{ background:url(images/bttSend_over.gif) no-repeat; border:none;}
 
 /*หน้า career apply----------------------------------------------------------------*/
 fieldset.careerform { margin:0; padding:0;}
fieldset.careerform div.PositionBox{
	 background: #ebebeb url(images/career_positionBox.gif) no-repeat ;
	 padding: 30px 10px 10px 17px;
	 height:auto!important; 
	*height:70px;
	  min-height:70px;
}
div.PositionBox input{ padding: 2px 2px;}
fieldset.careerform td{ padding: 0 0; vertical-align:top;}

fieldset.careerform img.head { margin:10px 0; padding:0 }
fieldset.careerform div{margin: 5px 2px;}
fieldset.careerform input{ border: solid 1px #e2e2e2; background:#FFFFFF;   vertical-align: middle; }
fieldset.careerform select{ border: solid 1px #e2e2e2; background:#FFFFFF; }
fieldset.careerform input.noBorder { border: none; }
fieldset.careerform input.button{ border: olid 1px #e2e2e2; background:#8b8b8b; color: #ffffff;  }
fieldset.careerform label { margin-right:15px;}
div.lineGrey { height: 1px; background:#e2e2e2;; margin: 15px 0 10px 0;}

button.btt_careerSubmit { 
	 width: 95px; height:26px; 
	background:url(images/bttCareerSubmit.gif) no-repeat; 
	border:none; cursor:pointer;
}
button.btt_careerSubmit:hover{ background:url(images/bttCareerSubmit_over.gif) no-repeat; border:none;}

button.btt_careerCancel { 
	 width: 114px; height:26px; 
	background:url(images/bttCareerCancel.gif) no-repeat; 
	border:none; cursor:pointer;
}
button.btt_careerCancel:hover{ background:url(images/bttCareerCancel_over.gif) no-repeat; border:none;}

/*  sitemap ---------------------------------------------------------------------------------------------------- */
td.contentFull { padding: 12px 19px  40px 18px; width:920px; vertical-align:top }


div.sitemap { border: solid 1px #e3e3e3; margin:0; padding-bottom:10px;}
div.sitemap div{ 
	height: 26px; 
	font: bold 12px  Tahoma; color:#FFFFFF; 
	background:#6c3283; margin: 0; padding:0 20px;
} 
div.sitemap div a { font: bold 12px  Tahoma; color:#FFFFFF; text-decoration:none;}
div.sitemap div a:hover { font: bold 12px  Tahoma; color:#8742a2; text-decoration:none;}

table.sitemapTable { 
	border-collapse:collapse; margin: 0 20px;
	width: 880px;
}

.sitemapTable th {
	padding: 10px 5px; 
	vertical-align:top; 
	font: bold 12px  Tahoma; color:#000000; 	
	text-align:left;  
	line-height:15px;
}	

.sitemapTable td { 
	vertical-align:top; 
	font: 12px Tahoma; color:#333333; 
	padding: 10px 5px; 
	 line-height:15px;
}

.sitemapTable td, .sitemapTable th {
	border-bottom: solid 1px  #cacaca;
}	

.sitemapTable td.lastRow, .sitemapTable th.lastRow{
	border-bottom: solid 1px  #FFFFFF;
}	


.sitemapTable td a {
	font: 12px  Tahoma; color:#000000; text-decoration:none;  line-height:18px;
	background:url(images/bullet_purple2.gif) no-repeat; padding-left:15px; 
}
.sitemapTable td a:hover {font: 12px Tahoma; color:#2c2940; text-decoration: underline;  line-height:18px;}