body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

td {
	font-family: Tahoma;
	font-size: 10pt;
	color: #333333;
}

h3,ol,li{margin:0;padding:0;}

h3{font-size:100%;}

.yui-gd .first {width:32%;}

.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
a {
	color: #666666;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	text-decoration:none;
}
.CatTop {
	font-size:13px;
}
A.CatTop {
	font-size:13px;
}
A:hover.CatTop {
	font-size:13px;
}
/*----------- New CSS-------------*/

.data_error{
	font-family: tahoma;
	font-size: 10pt;
	color: Red;
}

.toptitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #a1c6ed;
	font-weight: bold;
	vertical-align:top;
	text-align:right;
	padding-right : 5px;
}
.searchbox{
	padding-right : 5px 5px;;
	vertical-align:bottom;
	text-align:right;
}
.component_action{
	font-family: Tahoma;
	font-size:11px;
}
.data_link{
	font-family: tahoma;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #595959;
}
a:hover.data_link {
	text-decoration: underline;
	color: #767676;
}
.left_menu {
	font-family: Tahoma;
	font-size: 11px;
	color: #0066cc;
	font-weight: bold;
}
.left_menu_bg {
	background-color: #7ba2e7;
}
.left_menu_bg_light {
	background-color: #D6DFF7;
}
.breadcrumb{
	font-family: tahoma;
	font-size: 10pt;
	padding-left: 5px;
}
.head_right{
	text-align: right;
	padding-right: 5px;
}

.field_name,.field_name_top{
	font-family: Tahoma;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
}
.field_name_top{
	vertical-align: top;
}
.data_left{
	font-family: Tahoma;
	font-size: 10pt;
	text-align: left;
	padding-left: 5px;
	height: 25px;
}
.saperate_row{
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	height: 5px;
}
.title_detail{
	background-color: #3399CC;
}

#hd {padding:0; margin-bottom:0px;}
#bd {background-color: #ffffff;}
#ft {font-size: 92%;}

div.mod div.bd div.content {margin:0 4px;  zoom:1; padding:1px 10px 4px 10px; background: url(http://directory.bangrak.com/images/mg.gif) left bottom repeat-x; }

div#related {margin-left: 1px;}
div#related div.toprelated{position:relative;height:9px; width:215px; background: url(http://directory.bangrak.com/images/center_right_top.gif) left top no-repeat;overflow:hidden; margin:0; padding:0; zoom: 1; line-height: 0.01em;}
div#related div.centerrelated {width:215px; margin:0; position:relative; background:url(http://directory.bangrak.com/images/center_right_center.gif) left top repeat-y;}
div#related div.bottomrelated{position:relative;height:9px; width:215px; background:url(http://directory.bangrak.com/images/center_right_bottom.gif) left bottom no-repeat;}
div#related h3{background-color: #3399cc; font:92% arial; color:#FFF; padding: 3px 0px 3px 5px; margin-left: 9px; width: 192px; font-weight: bold;}
div#related li {list-style: none; font:100% arial; font-weight: bold;  background:url(http://directory.bangrak.com/images/dot.gif) left top repeat-x; padding: 4px 0 1px 0; _padding-top: 3px; margin: 0px 9px; zoom: 1; *margin-top: -3px;}
div#related li.bkgroud{float: none; background: none; padding-top: 4px;}
div#related li a {display: block; padding:3px 3px 0px 10px; color: #244075;}
div#related li a:hover {text-decoration: none; cursor: pointer;}
div#related ul li a {background:url(http://directory.bangrak.com/images/bullet.gif) 3px 7px no-repeat;}
div#related li a:hover {background-color: #DDECF6;}
div#related a.other{font:85% arial; color: #244075; margin: 15px 10px 0 0; display: block; text-align: right; background:url(http://directory.bangrak.com/images/more.gif) right 6px no-repeat; padding: 0 10px 2px 0;}
div#featured #title a.other{margin-bottom: 3px;}
div#title ol li a {padding-left: 4px;}
div#title ol strong {width: 15px; text-align: right; float: left; display: block; margin-right: 5px;}
div#title ol span {float: left; width: 160px;}

div.twocolor {margin-left: -3px;}
div.twocolor div.top {height:12px; width:8px; background:url(http://directory.bangrak.com/images/twocolor_top_outside.gif) left top no-repeat; margin:0; padding:0; zoom: 1;overflow:hidden;}
div.twocolor div.center {margin:0; background:url(http://directory.bangrak.com/images/twocolor_center_outside.gif) left top repeat-y; }
div.twocolor div.bottom{height:12px; width:8px; background:url(http://directory.bangrak.com/images/twocolor_bottom_outside.gif) left top no-repeat;}

.twocolor_centertop{
	background-image: url(http://directory.bangrak.com/images/twocolor_centertop_outside.gif);
	background-repeat: repeat-x;
	height: 9px;
}

.twocolor_center{
	background-image: url(http://directory.bangrak.com/images/twocolor_center_outside.gif);
}

.twocolor_centerbottom{
	background-image: url(http://directory.bangrak.com/images/twocolor_centerbottom_outside.gif);
	background-repeat: repeat-x;
}

.twocolor_centerbottom_inside{
	background-image: url(http://directory.bangrak.com/images/twocolor_centerbottom_inside.gif);
	background-repeat: repeat-x;
}

.twocolor_centertop_inside{
	background-image: url(http://directory.bangrak.com/images/twocolor_centertop_inside.gif);
	background-repeat: repeat-x;
}

.twocolor_center_inside{
	background-color: White;
}

.twocolor_centerleft_inside{
	background-image: url(http://directory.bangrak.com/images/twocolor_centerleft_inside.gif);
	background-repeat: repeat-y;
	width: 9px;
}

.twocolor_centerright_inside{
	background-image: url(http://directory.bangrak.com/images/twocolor_centerright_inside.gif);
	background-repeat: repeat-y;
}

div.twocolor div.inner {width: 285px; margin-left: 8px;}
div.twocolor div.inner div.center {margin:0; position:relative;display:block; background:url(http://directory.bangrak.com/images/twocolor_top.gif) left top repeat-y; padding: 0 3px 10px 3px;}
div.twocolor div.inner div.top{height: 7px; *overflow:hidden; background: url(http://directory.bangrak.com/images/twocolor_lefttop.gif) left top no-repeat; *background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/twocolor_lefttop.gif', sizingMethod='crop');  zoom:1;}
div.twocolor div.inner div.bottom{height: 7px; *overflow:hidden; background: url(http://directory.bangrak.com/images/twocolor_leftbottom.gif) left top no-repeat; *background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/twocolor_leftbottom.gif', sizingMethod='crop');  zoom:1;}

div.twocolor h3{font:114% arial; color:#FFF; text-transform:uppercase; margin: 0 0 8px 11px; font-weight: bold;}

/*div#directory {margin-top: 5px;}*/
div#directory li {list-style: none; font:100% arial; font-weight: bold;  background:url(http://directory.bangrak.com/images/dot.gif) left top repeat-x; padding: 3px 0 1px 0; margin: 0px 0px; zoom: 1; *margin-top: -3px;}
div#directory li.first {float: none; background: none; padding-top: 4px;}
/*div#directory li a {display: inline-block; width: 100%; padding:3px 3px 3px 10px; color: #484848;}*/
div#directory li a {display: block; padding:3px 3px 0px 10px; color: #244075;}
div#directory li a:hover {text-decoration: none; cursor: pointer;}
div#directory ul {width: 255px;}
div#directory ul li a {background:url(http://directory.bangrak.com/images/bullet.gif) 3px 7px no-repeat;}
div#directory li a:hover {background-color: #DDECF6;}
div#directory em {display: block; font:82% arial; color: #9A9A9A;}
div#directory a.more{display: block; font:85% arial; color: #ffffff; margin: 5px 10px 0 0; text-align: right; background:url(http://directory.bangrak.com/images/dot2.gif) right 6px no-repeat; padding: 0 10px 0 0;}