@charset "utf-8";
/* CSS Document */
html{
	height:100%;
}
body {
	margin: 0px 0px;
	padding: 0px 0px;
	color: #252525;
	height:100%;
	font: 1em Arial, Tahoma, Verdana;
}

a:link, a:visited {
	/*color: #f81212;*/
	text-decoration: none;
	color: #f81212;
}
a:hover, a:active {
	/*color: #f81212;*/
	text-decoration: underline;
	color: #f81212;
}
/* Global Link Style */
#navGlobal {
	background: #fdfdfd;
	border-bottom: 1px solid #e5e5e5;
	font-size: 0.65em;
	padding-top: 3px;
	padding-bottom: 2px;
	color: #5a5a5a;

	display: ;
	display: none;
	/*height:83%;*/
}
#navGlobal li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}
#navGlobal li a{
	text-decoration: none;
	color: #5a5a5a;
}
#navGlobal li a:hover{
	text-decoration: none;
	color: #f81212;
}
#navGlobal li a:visited{
	text-decoration: none;
}
#navGlobalWrapper {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}
.navGlobalLeft {
	float: left;
}
.navGlobalRight {
	float: right;
}
/*#Header {
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	min-height:4%;
	overflow: hidden;
}
.LogoArea {
	float: left;
	margin-right: 20px;
}
.navPrimary {
	height: 45px;
	float: left;
	width: 350px;
	margin-top:4px;
	#margin-top:-2px;
}

.navPrimary ul {
	margin: 5px 0px 0px;

	#margin: 5px -6px 0px 0px;
	_margin: 5px 0px 0px 2px;
	padding: 0px;
	float: right;

	#width: 788px;
	_width: 783px;
	width: 784px;

}

.navPrimary ul {
	margin: 0px;


	#margin: 5px -6px 0px 0px;
	_margin: 5px 0px 0px 2px;
	padding: 0px;


	#width: 788px;
	_width: 783px;

}
.navPrimary li {
	margin: 0px -5px 0px 21px;
	#margin: 0px -5px 0px 20px;
	_margin: 0px -5px 0px 20px;
	padding: 0px;
	display: inline;
}
.HeaderAccount {
	float: right;
}
.HeaderAccount ul {
	margin: 0px;
	padding: 6px 0px 0px;
	#padding: 10px 0px 0px;
}
.HeaderAccount li {
	display: inline;
	padding-left: 10px;
	font-size: 0.7em;
	background: url(../engine/nav/navBar.gif) no-repeat left center;
	padding-right: 5px;
}
.HeaderAccount li.first {
	display: inline;
	padding-left: 10px;
	font-size: 0.7em;
	padding-right: 5px;
	background: none;
}
.HeaderAccount li a, .HeaderAccount li a:visited {
	color: #8f8f8f;
	text-decoration: none;
}
.HeaderAccount li a:hover {
	color: #8f8f8f;
	text-decoration: underline;
}


#navBar {
	background: url(../engine/nav/navPri_bg.jpg) repeat-x;
	height: 30px;
}
#navWrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.navSecondaryTop {
	float: left;
}
.navSecondaryTop ul {
	margin: 0px;
	padding: 0px;
	width:auto;
	position:relative;
}
.navSecondaryTop li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px 14px 0px 0px;
}*/
/*#searchHomeTop {
	float: right;
	padding-top: 3px;
	width:263px;
	#width:auto;
}
.searchHomeForm {
	float: left;
	margin-right: 3px;
}
.searchHomeForm input {
	padding: 2px;
	height: 16px;
	width: 200px;
	font-size: 0.8em;
	border: 1px solid #8D8D8D;
	background: #EEEEEE;
}
.searchHomeForm input:hover {
	padding: 2px;
	height: 16px;
	width: 200px;
	font-size: 0.8em;
	border: 1px solid #f81212;
}*/
#navCrumb{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 15px;
}
.SectionName {
	width: 200px;
	float: left;
}
.SectionName img{
	margin-right:-8px;
}
.crumb {
	font-size: 0.7em;
	float: left;
	padding-top: 15px;
	color: #464646;
}
.crumb  ul {
	margin: 0px;
	padding: 0px
}
.crumb  li {
	margin: 0px;
	padding: 0px;
	display: inline;
	font-weight: bold;
}
.crumb  li a {
	margin: 0px 3px 0px 0px;
	padding: 0px 12px 0px 0px;
	display: inline;
	font-weight: normal;
	background: url(../engine/global/crumbArrw.gif) no-repeat right center;
	color: #7D7D7D;
	text-decoration: none;
}
.crumb  li a:hover {
	margin: 0px 3px 0px 0px;
	padding: 0px 12px 0px 0px;
	display: inline;
	font-weight: normal;
	background: url(../engine/global/crumbArrw.gif) no-repeat right center;
	text-decoration: underline;
	color: #f81212;
}
.crumb  li a:visited {
	margin: 0px 3px 0px 0px;
	padding: 0px 12px 0px 0px;
	display: inline;
	font-weight: normal;
	background: url(../engine/global/crumbArrw.gif) no-repeat right center;
	color: #7D7D7D;
	text-decoration: none;
}
#searchBarTop {
	float: right;
	padding-top: 7px;
	width:263px;
	#width:auto;
}
.searchForm {
	float: left;
	margin-right: 3px;
}
.searchForm input {
	padding: 2px 2px 1px;
	height: 18px;
	width: 200px;
	font-size: 0.8em;
	border: 1px solid #e5e5e5;
}
.searchForm input:hover {
	padding: 2px 2px 1px;
	height: 18px;
	width: 200px;
	font-size: 0.8em;
	border: 1px solid #f81212;
}
.searchButton {
	float: left;
}
#searchReponse{
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #000;
	font-size: 0.8em;
	width: 200px;
	margin-top:-1px;
	#margin-top:-2px;
	_margin-top:-9px;
	padding:2px;
	z-index:99;
	clear: both; 
}

#bodyWrapper {
	width: 960px;
	margin: 6px auto 15px;
	overflow: hidden;
	/*min-height:64.32%;
	_height:64.5%;*/
}
#ColumnLeft {
	width: 180px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
#subMenu {
	color: #555555;
	list-style: none;
	font-size: 0.8em;
}
#subMenu ul {
	margin: 0px;
	padding: 0px;
}
#subMenu li {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 7px;
	padding-top: 6px;
	padding-left: 2px;
}
#subMenu li a, #subMenu li a:visited {
	color: #555555;
	text-decoration: none;
}
#subMenu li a:hover {
	font-weight: normal;
	color: #FFFFFF;
	background: #f81212;
	padding-right: 2px;
	text-decoration: none;
}
#ColumnRight {
	width: 760px;
	float: left;
	overflow: hidden;
}
#ifooter{
	width:100%;
	min-width:960px;
	height:189px;
	background-image: url(../engine/global/bgFooter.jpg);
	background-repeat: repeat-x;
}
#footer {
	background-image: url(../engine/global/bgFooter.jpg);
	background-repeat: repeat-x;
	color: #999999;
	padding-top: 15px;
	padding-bottom: 15px;
	/*min-height:13.6%;*/
	min-width:960px;
}
#footerWrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.navSecondary {
	font-size: 0.7em;
	float: left;
}
.navSecondary ul {
	margin: 0px;
	padding: 0px 40px 0px 0px;
	float: left;
}
.navSecondary li {
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	color: #f81212;
	list-style: none;
}
.navSecondary li a, .navSecondary li a:visited {
	padding-right: 2px;
	padding-left: 0px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	clear: right;
}
/*
.navSecondary li {
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	color: #f81212;
}
.navSecondary li a{
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
.navSecondary li a:hover{
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	color: #f81212;
}
.navSecondary li a:visited{
	display: block;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}*/
.navSecondary li a:hover{
	padding-right: 2px;
	padding-left: 0px;
	font-weight: normal;
	color: #FFFFFF;
	background: #f81212;
}
#enewsSubscribe {
	float: right;
	overflow: hidden;
	width:220px;
}
#enewsSubscribe h1{
	font-size: 0.7em;
	font-weight: bold;
	color: #f81212;
	margin: 0px;
	padding: 0px 0px 3px;
}
.enewsFormBottom {

}
.enewsFormBottom input {
	width: 160px;
	border: 1px solid #666666;
	height: 14px;
	padding: 2px 2px 3px;
	font-size: 0.7em;
	background: #CCCCCC;
	float: left;
	margin-right: 2px;
	margin-top: 1px;
}
.enewsFormBottom input:hover {
	width: 160px;
	background: #CCCCCC;
	border: 1px solid #f81212;
	height: 14px;
	padding: 2px 2px 3px;
	font-size: 0.7em;
	float: left;
}
.enewsTextBottom {
	font-size: 0.7em;
	color: #CCCCCC;
	padding-top: 3px;
}
#copyright {
	background-image: url(../engine/global/logoBoonthavornFooter.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 0.65em;
	padding-top: 20px;
}

.clear-all{
	clear:both;
	height:0;
	line-height:0;
	visibility: hidden;
}
a.boldbuttons{
	background: transparent url(../engine/global/bttnL.gif) no-repeat left top;
	display: block;
	float: left;
	font: bold 12px/22px Arial;
	height: 22px;
	padding-left: 8px;
	text-decoration: none;
	color: #FFFFFF;

}
/* Button */
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: white;
}
a.boldbuttons span{
	background: transparent url(../engine/global/bttnR.gif) no-repeat right top;
	display: block;
	padding: 0px 11px 0px 2px;
}
a:hover.boldbuttons{
	text-decoration: underline;
}
.buttonWrapper{
	overflow: hidden;
}
/* Button */
/* tooltip */
#bubble_tooltip{
	/*width:193px;*/
	min-width:100px;
	/*position:absolute;*/
	position:fixed;
	display:none;
}
#bubble_tooltip .bubble_left{
	background-image:url(../engine/tooltip/bubble_left.gif);
	background-repeat:no-repeat;
	float:left;
	width:5px;
	height:50px;
}
#bubble_tooltip .bubble_middle{
	float:left;
	background-image:url(../engine/tooltip/bubble_middle.gif);
	background-repeat:repeat-x;
	min-width:90px;
	height:50px;
	line-height:50px;
	vertical-align:middle;
}
#bubble_tooltip .bubble_middle span{
	/*position:relative;*/
	vertical-align:middle;
	line-height:50px;
}
#bubble_tooltip .bubble_middle span img{
	/*border:1px solid #ff0000;*/
	
}
#bubble_tooltip .bubble_right{
	background-image:url(../engine/tooltip/bubble_right.gif);
	background-repeat:no-repeat;
	float:left;
	width:5px;
	height:50px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url(../engine/tooltip/bubble_bottom.gif);
	background-repeat:no-repeat;
	height:20px;
	position:relative;
	top:69px;
	z-index:99;
	margin-top:-1px;
	margin-left:5px;
	width:67px;
	
}
/* tooltip End */
#bodyWrapper #ColumnRight p.txt-policy {
	font-family: Arial, Tahoma, Verdana;
	font-size: 0.75em;
	color:  #727272;
	width: 80%;
	line-height: 1.4em;
}
#bodyWrapper #ColumnRight p.txt-policy strong{
	font-size:0.8ems;
	line-height:1.4ems;
	font-weight:bold;
}
#bodyWrapper #ColumnRight ol.txt-policy{
	font-size:0.75ems;
	line-height:1.4ems;
	color:  #727272;
	margin-left:0;
	list-style-position:inside;
	width: 80%;
	padding:0;
}
#bodyWrapper #ColumnRight ol.txt-policy li{
	margin-bottom:10px;
}
#bodyWrapper #ColumnRight p.txt-contact {
	font-family: Arial, Tahoma, Verdana;
	font-size:0.75em;
	line-height:1.4em;
	color:  #727272;
	width: 30%;
	line-height:20px;
	border-bottom:1px #E5E5E5 solid;
	padding-top:5px;
	margin: 0px;
	padding-bottom: 5px;
}
#bodyWrapper #ColumnRight ul.txt-vancantly {
	font-family: Arial, Tahoma, Verdana;
	font-size:0.75em;
	line-height:1.4em;
	width: 90%;
	margin: 0px;
	list-style:none;
	color:  #727272;

}
#bodyWrapper #ColumnRight ul.txt-vancantly li{
	border-bottom:1px #E5E5E5 solid;
	padding-top:5px;
	padding-bottom: 5px;
	white-space: normal;
}
#bodyWrapper #ColumnRight p.txt-contact strong{
	font-weight:bold;	
}
#bodyWrapper #ColumnRight p.txt-form {
	font-family: Arial, Tahoma, Verdana;
	font-size:0.75em;
	line-height:1.4em;
	color:  #727272;
	width: 80%;
	line-height:18px;
}
.txtRed {
	color: #f81212;
}
.txtGray {
	color: #666666;
}
hr.line{
	color:#E5E5E5;
	margin-bottom:20px;
}