body {
	margin: 0px;
	font: normal 8pt Tahoma, Thonburi, Ayuthaya, MS Sans Serif;
}

table {
	font: normal 8pt Tahoma, Thonburi, Ayuthaya, MS Sans Serif;
}

.smallFont {
	font-size: 8pt;
}

form {
	margin: 0px;
}

hr {
	color: #FF7F00;
	size: 2px;
}

a:link{ COLOR: blue; TEXT-DECORATION: underline; }
a:visited{ COLOR: blue; TEXT-DECORATION: underline; }
a:active{ COLOR: blue; TEXT-DECORATION: underline; }
a:hover{ COLOR: #FF7F00; TEXT-DECORATION: underline; }

a.noop:link{ TEXT-DECORATION: none; }
a.noop:visited{ TEXT-DECORATION: none; }
a.noop:active{ TEXT-DECORATION: none; }
a.noop:hover{ TEXT-DECORATION: none; }

a.black:link{ COLOR: black; TEXT-DECORATION: none; }
a.black:visited{ COLOR: black; TEXT-DECORATION: none; }
a.black:active{ COLOR: black; TEXT-DECORATION: none; }
a.black:hover{ COLOR: black; TEXT-DECORATION: underline; }

a.design:link{ COLOR: black; TEXT-DECORATION: none; }
a.design:visited{ COLOR: black; TEXT-DECORATION: none; }
a.design:active{ COLOR: black; TEXT-DECORATION: none; }
a.design:hover{ COLOR: black; TEXT-DECORATION: underline; }

/*****************************************************************************
	Design Mode
******************************************************************************/

.designMenuNewGroup {
	border-top:solid 1px #C0C0C0;
}

.designMenuCloseGroup {
	border-bottom:solid 1px #C0C0C0;
}

/*****************************************************************************
	AnyLink Drop Down Menu
******************************************************************************/

#dropmenudiv{
	position:absolute;
	border:1px solid activeborder;
	font:normal 8pt Tahoma;
	line-height:18px;
	z-index:100;
	background-color: white;
	padding: 3px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=4);
}

/*****************************************************************************
	Drop Down Menu : Menu panel
******************************************************************************/

table.TopMenuPanel span.h{
	color: #FF7F00;
	font-weight: bold;
}

table.TopMenuPanel a.m{
	width: 95%;
	display: block;
	padding: 2px;
	text-decoration: none;
	border:1px solid white;
	color: black;
}

table.TopMenuPanel a.m:hover{ /*hover background color*/
	border:1px solid #FF7F00;
	background-color: #FFF2DF;
}

/******************************************************************************
	Top Menu
******************************************************************************/

tr.TopMenuArea {
	height: 34px;
}

td.TopLeftMenu{
	background-color: #FF7F00; /* Main color */
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

td.TopRightMenu{
	background-color: #4D4D4D;
}

table.TopRightMenu {
	height: 100%;
}

table.TopRightMenu td{
	width: 20%;
	text-align: center;
}

/******************************************************************************
	Pop-up window
******************************************************************************/

table.PopupHeader {
	width: 100%;
	height: 28px;
}

table.PopupHeader td.head {
	width: 120px;
	text-align: center;
	background-color: #FF7F00;
	font-weight: bold;
}

table.PopupHeader td.title{
	background-color: #4D4D4D;
}

div.PopupBody {
	margin-left: 5px;
	margin-right: 5px;
}

div.popupClose {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

/******************************************************************************
	Top Right Icons
******************************************************************************/

table.TopRightMenu td a:link	{ font-size: 10pt; text-decoration: none; color: white; }
table.TopRightMenu td a:visited	{ font-size: 10pt; text-decoration: none; color: white; }
table.TopRightMenu td a:active	{ font-size: 10pt; text-decoration: none; color: white; }
table.TopRightMenu td a:hover	{ font-size: 10pt; text-decoration: none; color: #FF7F00; }

table.TopCornerIcons td {
	text-align: center;
	vertical-align: center;
}

table.TopCornerIcons td.TL {
	border-right:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
}
table.TopCornerIcons td.TR {
	border-left:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
}
table.TopCornerIcons td.BL {
	border-top:1px solid lightgrey;
	border-right:1px solid lightgrey;
}
table.TopCornerIcons td.BR {
	border-top:1px solid lightgrey;
	border-left:1px solid lightgrey;
}


/******************************************************************************
	Main layout
******************************************************************************/

table.body {
	background:url(../images/engine/bg.gif) no-repeat bottom right;
}

table.body td.Icons {
	background:url(../images/engine/topBg.gif) no-repeat center left;
}

div.TopNavigator {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FEF2E0;
}

div.TopNavigator a:link{ COLOR: #999999; TEXT-DECORATION: none; }
div.TopNavigator a:visited{ COLOR: #999999; TEXT-DECORATION: none; }
div.TopNavigator a:active{ COLOR: #999999; TEXT-DECORATION: none; }
div.TopNavigator a:hover{ COLOR: #999999; TEXT-DECORATION: underline; }


div.SubTitleBar {
	margin-top: 12px;
	padding-bottom: 2px;
	border-bottom:1px solid #FF7F00;
	color: #4D4D4D;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 11pt;
}

div.SubTitleBar2 {
	margin-top: 12px;
	padding-bottom: 2px;
	border-bottom:1px solid #FF7F00;
	color: #4D4D4D;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 9pt;
}

table.SubTitleBar {
	margin-top: 12px;
	border-bottom:1px solid #FF7F00;
	width: 100%;
	margin-bottom: 8px;
}

table.SubTitleBar td{
	vertical-align: bottom;
	color: #4D4D4D;
	font-size: 11pt;
	font-weight: bold;
}

table.SubTitleBar td.showAll{
	text-align: right;
	padding-right: 10px;
}

/******************************************************************************
	Left Bar
******************************************************************************/

td.LeftBarArea {
	background-color: #FEF2E0;
	padding: 3px;
}

div.LeftBarHeader {
	border-bottom:2px solid #FEBD72;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 6px;
	padding-bottom: 1px;
	color: #4D4D4D;
}

span.home_counter {
	font: bold 18pt Arial, Thonburi, Ayuthaya; color:#FF7F00;
}

span.home_counter_caption {
	color: gray;
}


/******************************************************************************
	Bottom menu & corperate information
******************************************************************************/

td.bottomMenu {
	padding-top: 15px;
	vertical-align: bottom;
	text-align: right;
	color: gray;
}

td.bottomMenu a:link	{ color: gray; text-decoration: none; }
td.bottomMenu a:visited	{ color: gray; text-decoration: none; }
td.bottomMenu a:active	{ color: gray; text-decoration: none; }
td.bottomMenu a:hover	{ color: gray; text-decoration: underline; }

div.bottomCorpInfo {
	text-align: right;
	margin-top:3px;
	margin-bottom:15px;
	padding-top:3px;
	border-top: 1px solid #FF7F00;
	color: gray;
	font-size: 7pt;
}

/******************************************************************************
	Quick search
******************************************************************************/

div.qSearch {
	text-align: center;
	padding-top: 9px;
}

input.qSearchT {
	font-size: 8pt;
	width: 140px;
}

a.advSch{
	font-weight: bold;
	font-size: 10pt;
}
a.advSch:link		{ COLOR: #FF7F00; TEXT-DECORATION: none; }
a.advSch:visited	{ COLOR: #FF7F00; TEXT-DECORATION: none; }
a.advSch:active		{ COLOR: #FF7F00; TEXT-DECORATION: none; }
a.advSch:hover		{ COLOR: #FF7F00; TEXT-DECORATION: underline; }

/******************************************************************************
	Page Narvigator
******************************************************************************/

div.pageNarvigator {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 7pt;
}

div.pageNarvigator span.act{
	color: #999999;
}

div.pageNarvigator span.dis{
	color: #999999;
}

div.pageNarvigator a:link{ COLOR: black; TEXT-DECORATION: none; }
div.pageNarvigator a:visited{ COLOR: black; TEXT-DECORATION: none; }
div.pageNarvigator a:active{ COLOR: black; TEXT-DECORATION: none; }
div.pageNarvigator a:hover{ COLOR: black; TEXT-DECORATION: underline; }

/******************************************************************************
	Hot Deal
******************************************************************************/

span.hotDealTitle {
	color: #FF7F00;
}

table.homeHotDeals {
	width: 100%;
}

table.homeHotDeals #homeHotDeals0{
	border-bottom:1px dashed #999999;
	vertical-align: top;
}

table.homeHotDeals td.img{
	border-bottom:1px dashed #999999;
	vertical-align: top;
	text-align: center;
}

table.homeHotDeals div.main{
	height: 70px;
	overflow: hidden;
}

table.homeHotDeals div.main a:link{ COLOR: black; TEXT-DECORATION: none; }
table.homeHotDeals div.main a:visited{ COLOR: black; TEXT-DECORATION: none; }
table.homeHotDeals div.main a:active{ COLOR: black; TEXT-DECORATION: none; }
table.homeHotDeals div.main a:hover{ COLOR: black; TEXT-DECORATION: underline; }

table.homeHotDeals td.others{
	width: 33.33%;
	vertical-align: top;
	color: #999999;
	font-size: 7pt;
	height: 100px;
	overflow: hidden;
}

table.homeHotDeals td.others a:link{ COLOR: #999999; TEXT-DECORATION: none; }
table.homeHotDeals td.others a:visited{ COLOR: #999999; TEXT-DECORATION: none; }
table.homeHotDeals td.others a:active{ COLOR: #999999; TEXT-DECORATION: none; }
table.homeHotDeals td.others a:hover{ COLOR: #999999; TEXT-DECORATION: underline; }

table.homeHotDeals div.others{
	height: 38px;
	overflow: hidden;
}

table.homeHotDeals #homeHotDeals2{
	border-left:1px dashed #999999;
	border-right:1px dashed #999999;
}

table.HotDeals {
	width: 100%;
}

/******************************************************************************
	Featured Products
******************************************************************************/

table.HomeFeaturedProducts {
	width: 100%;
}

table.HomeFeaturedProducts td.prdArea {
	width: 50%;
	vertical-align: top;
}

/******************************************************************************
	Home Headline
******************************************************************************/

div.HomeHeadline {
	margin-bottom: 25px;
	margin-left: 10px;
	font-size: 10pt;
}

div.HomeHeadline div.title {
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.HomeHeadline div.content {
	margin-left: 20px;
}

div.HomeHeadline span.emp {
	color: #CF6F00;
	font-weight: bold;
}

/******************************************************************************
	Featured Partners
******************************************************************************/

div.FeaturedPartners {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

div.FeaturedPartnersHighlighted {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	background-color: #FEBD72;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}

/******************************************************************************
	Product List
******************************************************************************/

table.ProductListItem {
	width: 100%;
}

table.ProductListItem td.image {
	width: 90px;
	text-align: center;
	vertical-align: top;
}

table.ProductListItem td.info {
	vertical-align: top;

}

a.ProdItm {
	font-size: 9pt;
	font-weight: bold;
}
a.ProdItm:link		{ color: #4D4D4D; text-decoration: none; }
a.ProdItm:visited	{ color: #4D4D4D; text-decoration: none; }
a.ProdItm:active	{ color: #4D4D4D; text-decoration: none; }
a.ProdItm:hover		{ color: #4D4D4D; text-decoration: underline; }

div.CategoryLinks {
	color: #9F9F9F;
}

div.CategoryLinks a:link{ COLOR: #9F9F9F; TEXT-DECORATION: none; }
div.CategoryLinks a:visited{ COLOR: #9F9F9F; TEXT-DECORATION: none; }
div.CategoryLinks a:active{ COLOR: #9F9F9F; TEXT-DECORATION: none; }
div.CategoryLinks a:hover{ COLOR: #9F9F9F; TEXT-DECORATION: underline; }

div.prodSchNotFound {
	color: #4D4D4D;
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

img.prodSmall {
	width: 80px;
	height: 60px;
}

img.prodContentRelated {
	width: 40px;
	height: 30px;
	vertical-align: middle;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: solid 1px gray;
}

a.contSales {
	font-size: 9pt;
	font-weight: bold;
}

a.contSales:link	{COLOR: black; TEXT-DECORATION: none; }
a.contSales:visited	{COLOR: black; TEXT-DECORATION: none; }
a.contSales:active	{COLOR: black; TEXT-DECORATION: none; }
a.contSales:hover	{COLOR: black; TEXT-DECORATION: underline; }

span.FeatureProductFlag {
	background-color: #4D4D4D;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 7pt;
}

span.NewProductFlag {
	background-color: #FF7F00;
	color: white;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 7pt;
}

/******************************************************************************
	Products By Categories
******************************************************************************/

span.majorCategoryTitle {
	color: #3D3D3D;
	font-size: 10pt;
	font-weight: bold;
}
a.minerCtgy:link	{ color: #4D4D4D; text-decoration: none; }
a.minerCtgy:visited	{ color: #4D4D4D; text-decoration: none; }
a.minerCtgy:active	{ color: #4D4D4D; text-decoration: none; }
a.minerCtgy:hover	{ color: #4D4D4D; text-decoration: underline; }

/******************************************************************************
	Product Content
******************************************************************************/

table.SpecTable {
	border-style: solid;
	border-width: 1px;
	border-color: #FF7F00;
}

table.SpecTable th {
	border-style: solid;
	border-width: 1px;
	border-color: #FF7F00;
	padding: 3px; 
	border-spacing: 3px; 
}

table.SpecTable td {
	border-style: solid;
	border-width: 1px;
	border-color: #FF7F00;
	padding: 3px; 
	border-spacing: 3px; 
}

/******************************************************************************
	Inside News @ Left bar
******************************************************************************/

a.leftNew:link		{ color: #4D4D4D; text-decoration: none; }
a.leftNew:visited	{ color: #4D4D4D; text-decoration: none; }
a.leftNew:active	{ color: #4D4D4D; text-decoration: none; }
a.leftNew:hover		{ color: #4D4D4D; text-decoration: underline; }

/******************************************************************************
	Inside News @ Left bar
******************************************************************************/

a.News {
	font-weight: bold;
	font-size: 9pt;
}
a.News:link		{ color: #4D4D4D; text-decoration: none; }
a.News:visited	{ color: #4D4D4D; text-decoration: none; }
a.News:active	{ color: #4D4D4D; text-decoration: none; }
a.News:hover	{ color: #4D4D4D; text-decoration: underline; }

table.News {
	width: 100%;
}

table.News td.image {
	width: 90px;
	text-align: center;
	vertical-align: top;
}

table.News td.info {
	vertical-align: top;
}

/******************************************************************************
	Map
******************************************************************************/

img.mapAct {
	border: solid 2px #B11016;
}

img.mapInact {
	border: solid 2px #F17D6A;
}


/******************************************************************************
	Advance search
******************************************************************************/

div.AdvCategorySelect {
	height: 300px;
	overflow: scroll;
	border: solid 1px buttonface;
}

/*****************************************************************************
	Column Control
******************************************************************************/

div.para_subHeader {
	margin-top: 12px;
	padding-bottom: 2px;
	border-bottom:1px solid #FF7F00;
	color: #4D4D4D;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 10pt;
}

div.para_bold {
	font-weight: bold;
}

div.para_boldLarge {
	font-weight: bold;
	font-size: 10pt;
}

div.para_boldSmall {
	font-weight: bold;
	font-size: 7pt;
}

div.para_normalLarge {
	font-size: 10pt;
}

div.para_normalSmall {
	font-size: 7pt;
}

div.para_italic {
	font-style: italic;
}

div.para_italicLarge {
	font-style: italic;
	font-size: 10pt;
}


/******************************************************************************
	Design mode
******************************************************************************/

table.designPopupMenu {
	position: absolute;
	width: 34px;
	height: 23px;
	background-color: #FFEEC2;
	border: solid 1px navy;
	filter:alpha(opacity=60);
	opacity:0.6;
}

/******************************************************************************
	Download dialog
******************************************************************************/

.DownloadFile {
	background-color: #FEF2E0;
	border: solid 1px #FEBD72;
}

.DownloadFile_title {
	color: #FF7F00;
	font-weight: bold;
	font-size: 11pt;
}

.DownloadFile_subtitle {
	font-weight: bold;
	font-size: 10pt;
}

.DownloadFile_link {
	margin-top: 5px;
	text-align: center;
	font-size: 11pt;
}

/******************************************************************************
	Content
******************************************************************************/

#contentRelate {
/* enlargeable photo, related links box that floats in story */
	width: 210px;
	float:left;
	border: 1px solid #cccccc;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

#contentRelate div.section {
	border-top: 1px solid #cccccc;
	margin-top: 5px;
	padding-top: 3px;
}

#contentRelate div.line {
	margin-bottom: 5px;
}

table.contentRelate {
	border: solid 1px #cccccc;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

table.contentRelate td {
	padding: 10px;
}

table.contentRelate div.section {
	border-top: solid 1px #cccccc;
	margin-top: 5px;
	padding-top: 3px;
}

table.contentRelate div.line {
	margin-bottom: 5px;
}

img.GalleryItemAct {
	vertical-align: top;
	margin-bottom: 4px;
	border: solid 2px #FF7F00;
}

img.GalleryItem {
	vertical-align: top;
	margin-bottom: 4px;
	border: solid 2px white;
}

#divEnlargePhoto {
	border:solid 1px #CCCCCC;
	background-color:white;
	padding:8px;
	cursor:hand;
	position:absolute;
}

div.GalleryView {
	text-align: center;
	margin-bottom: 10px;
}

div.content_date {
	color: gray;
}

div.content_author {
	color: gray;
}

div.content_source {
	color: gray;
}

div.content_sourceURL {
	color: gray;
}

a.content_sourceURL:link{ COLOR: gray; TEXT-DECORATION: none; }
a.content_sourceURL:visited{ COLOR: gray; TEXT-DECORATION: none; }
a.content_sourceURL:active{ COLOR: gray; TEXT-DECORATION: none; }
a.content_sourceURL:hover{ COLOR: gray; TEXT-DECORATION: underline; }