* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.0em;
	background:url(../images/bg_buyer.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

td, tr, th{
	font: 11px;
}


/*
==================================
HTML TAGS - ANCHOR TAGS
==================================
*/
a, img { border: 0 none; font-size:11px;  }

a{ color:#F90; text-decoration:none; }

.textCompanyTh {
	color:#F90;
	font-weight:bold;
}

a:visited { text-decoration: none; color:#CCC; }

a:active, a:hover, a:focus { text-decoration: none; color:#F00; }

a.black, a.black:visited, a.black:active, a.black:hover, a.black:focus { color: #000; }
a.white, a.white:visited, a.white:active, a.white:hover, a.white:focus { color: #FFF; }

a.rss {
	padding-right: 13px;
	background: url(/common/sgallery/rss/light/feed-icon-10x10.gif) center right no-repeat;
}
/*
==================================
HTML TAGS - FORMS
==================================
*/
input.text {
	color: #666;
	background: #FFF;
	font: bold 10px/10px Verdana, sans-serif;
	border: 1px solid #666;
	padding: 4px 0 1px 5px;
	height: 13px;
}

textarea.textarea {
	color: #666;
	background: #FFF;
	font: bold 10px/10px Verdana, sans-serif;
	border: 1px solid #666;
	padding: 4px 0 1px 5px;
}

input.submit {
	color: #666;
	font: bold 10px/10px Verdana, sans-serif;
}
/*
==================================
HTML TAGS - TEXT
==================================
*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.0em;
	text-align:left;
}

h1.headline { font-size: 120%; }

strong, b {
	font-weight: bold;
	font-size: 90%;
}
/*
==================================
CLASS - COLORS
==================================
*/
.black { color: #000; }
.darkGrey { color: #333; }
.mediumGrey { color: #999; }
.grey { color: #CCC; }
.white { color: #FFF; }

.good { color: #11cc11; }
.bad { color: #cc1111; }


/*
==================================
CLASS - FLOAT + CLEARING
==================================
*/
.floatLeft { float: left; }
.floatRight { float: right; }

.clearfix:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.clear { clear: both; }


/*
==================================
CLASS - POSITIONING
==================================
*/
#wrapperPrimary {
	width:988px;
	margin-left:auto;
	margin-right:auto;
}
#boxSearch {
	margin-left:auto;
	margin-right:auto;
	width:990px;
}
#header {
	position:relative;
	width:988px;
}
#trueHits {
	position:absolute;
	top:10px;
	right:170px;
}
#banner {
	margin-top:3px;
}
.adSlugPosition { margin-left: 13px; }
.bg_bar{
	background:url(../images/bg_bar.gif);
	background-repeat:repeat-x;
	height:24px;
	font-size:12px;
	font-weight:bolder;
	color:#FFF;
	border:solid 1px #000;
	border-bottom:none;
}
.bg_bar_none_left{
	background:url(../images/bg_bar.gif);
	background-repeat:repeat-x;
	height:24px;
	font-size:12px;
	font-weight:bolder;
	color:#FFF;
	border:solid 1px #000;
	border-bottom:none;
	border-left:none;
}
.settable{
	margin-top:5px;
}

.tablePadding th, .tablePadding td{
	padding:5px;
}

.settable_TopAndRight{
	margin-top:5px;
	margin-left:5px;
}
.detailPanel{
	border:solid 1px #000;
	border-top:none;
	font-size:11px;
	background-color:#FFF;
}
.detailPanelAdd{
	border:solid 1px #000;
	border-top:none;
	height:385px;
	background-color:#FFF;
}
.detailPanel_grey{
	padding:5px;
	border:solid 1px #CCC;
	border-top:none;
	background-color:#FFF;
	font-size:11px;
}
.detailPanelTop{
	border:solid 1px #000;
	border-top:none;
	height:150px;
	background-color:#FFF;
}
.detailPanel_leftnone{
	padding:5px;
	border:solid 1px #CCC;
	border-top:none;
	border-left:none;
	font-size:11px;
	background-color:#FFF;
}
.detailPanel_search{
	margin:3px;
	margin-left:10px;
	margin-right:10px;
}
.detailPanel_search1{
	margin:3px;
	margin-left:10px;
	margin-right:10px;
	font-weight:normal;
}
.PanelProfile{
	width:376px;
}
/*
==================================
CLASS - SPACERS
==================================
*/
.bumper { margin: 20px 16px 16px 16px; }
.bumperAdjacentTop { margin: 20px 16px 0 16px; }
.bumperAdjacentBottom { margin: 0 16px 16px 16px; }
.standardFramePadding { padding: 10px 16px; }

.onexone {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.onexfive {
	width: 1px;
	height: 5px;
	overflow: hidden;
}

.onexsix {
	width: 1px;
	height: 6px;
	overflow: hidden;
}

.onexten {
	width: 1px;
	height: 10px;
	overflow: hidden;
}


.onexfifteen {
	width: 1px;
	height: 15px;
	overflow: hidden;
}

.fivexfive {
	width: 5px;
	height: 5px;
	overflow: hidden;
}


/*
==================================
CLASS - TEXT
==================================
*/
.adSlug {
	font: small-caps bold 95%/1.2 Verdana, Helvetica, Arial, sans-serif;
	color: #999999;
}

.smallText, .subHeadline { font-size: 82%; }


/*
==================================
CLASS - VISIBILITY + POSITIONING
==================================
*/
.block { display: block; }
.none { display: none; }

.hidden { visibility: hidden; }
.visible { visibility: visible; }


/*
==================================
ID - FRAMES
==================================
*/
#threeColumnFrame {
	border: 1px solid #CCC;
	width: 491px;
	min-height: 550px;
}

#fourColumnFrame {
	border: 1px solid #CCC;
	width: 657px;
	min-height: 550px;
}

#sixColumnFrame {
	border: 1px solid #CCC;
	width: 988px;
	height: auto;
	/*background-color: #FFF;
	color: #000;*/
}

/*
==================================
ID - HTML TAGS
==================================
*/
#articleText p { padding-bottom: 10px; }

#articleText ul {
	list-style-type: disc;
	padding-left: 15px;
}

#articleText ol {
	list-style-type: decimal;
	padding-left: 15px;
}

#footerSearch input.query {
	width: 250px;
	height: 13px;
	background: #FFF;
	color: #666;
	font: bold 10px/10px Verdana, sans-serif;
	border: 1px solid #666;
	padding: 4px 0 1px 5px;
}

#pageCredits a, #pageCredits a:visited, #pageCredits a:hover, #pageCredits a:focus, #pageCredits a:active { color: #999; }

#pageHeader ul {
	padding: 5px 15px 0 15px;
	list-style-type: none;
}

#pageHeader ul li {
	float: left;
}

#googleAfcContainer ul li{
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin-right: 2px;
	width: 238px;
}

/*
==================================
ID - SPACERS
==================================
*/
#footerCredits { padding: 5px 10px 8px 10px; }

#footerCredits #category {
	width: 132px;
	padding-right: 10px;
}

#footerCredits #credits {
	width: 831px;
	padding-bottom: 3px;
}

#footerCredits #privacy-policy, #footerCredits #copyright, #footerCredits #marketing { margin: 3px 0 3px 141px; }

#footerSearch #query { padding: 8px; }

#googleAfcContainer {
	height: 58px;
	/*background-color: #FFF;
	color: #000;*/
}

/*
==================================
ID - TEXT
==================================
*/
#footerSearch #sitesearch {
	font: bold 125% Helvetica, Verdana, sans-serif;
	letter-spacing: -0.1px;
	color: #666;
}

#pageCredits {
	width: 990px;
	height: auto;
	margin-top: 16px;
	/* background: #EBEBEB; */
	font-size: 82%;
	color: #000;
	clear: left;
}

#footerNewsletter {
	font: bold 125% Helvetica, Verdana, sans-serif;
}
.DETIAL_FONT_BOLD{
	font-size:11px;
	font-weight:bold;
}
.DETAIL_FONT{
	font-size:11px;
}
.margin5{
	margin:5px;
}
#totalpageview{
	color:#999;
}
.marginDetailTop{
	margin-top:5px;
}
.titleTable{
	background-color:#C33;
	font-size:12px;
	color:#FFF;
	height:20px;
}

#topNews{
	padding-left:25px;
	font-size:12px;
}

#topNews li span{
	color:#00F;
	font-weight:bold;
}

.highlightBlue{
	font-size:12px;
	color:#00F;
}

.highlightBlack{
	color:#000;
}

.highlightRed{
	color:#F00;
}

.highlightTotal{
	color:#000;
	font-weight:bold;
	font-size:12px;
}

.highlightTotal a{
	color:#00F;
	text-decoration:none;
}

.highlightTotal a:hover,a:visited{
	color:#00F;
	text-decoration:none;
}
.long_detail{
	height:317px;
	overflow:auto;
}
#topNews li span.font_datenews{
	font-size:10px;
	color:#999;
}
table.border {
	background-color:#FFF;
}
table.border, table.border tr, table.border th, table.border td {
	border:none;
	border-collapse:collapse;
	border:1px solid #000;
	padding:5px;
}
table.border th {
	font-weight:bold;
	background:url(../images/bg_bar28.jpg);
	background-repeat:repeat-x;
	height:15px;
	color:#FFF;
}
#distance_map {
	border:1px solid #0F9;
	padding:5px;
	width:230px;
}
#distance_map:hover{
	cursor:pointer;
}
table.show_detail_map {
	text-align:left;
}

#boxItemList{
	width:654px;
	float:right;
}

.btn, .btnAddItem, .btnDel, .btnView, .btnSend, .btnApprove, .btnShowPo, .btnShowPoProject {
	cursor:pointer;
}

.btnShowPo{
	display:block;
}
.btnShowPo:hover{
	text-decoration:underline;
	color:#F7B74D;
	text-decoration:blink;
	cursor:url(../images/icon_magnifier.png),-moz-zoom-in;
}


.itemName{
	font-weight:bold;
}
.fontCountList {
	color:#666;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

table.tableList {
	margin-top:5px;
	background-color:#FFF;
}
table.tableList tr th {
	border:none;
	border-collapse:collapse;
	border:1px solid #000;
	padding:5px;
}
table.tableList, table.tableList td {
	border:none;
	border-collapse:collapse;
	border:1px solid #999;
	padding:5px;
}
table.tableList th {
	font-weight:bold;
	background:url(../images/bg_bar28.jpg);
	background-repeat:repeat-x;
	height:14px;
	color:#FFF;
}
.topicTextPicProject {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#0000FF;
}
.linkTextPicProject {
	padding:5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#calendar {
	margin:5px;
	height:490px;
}
.textRed {
	color:#F00;
}
.textGreen {
	color:#090;
}
.tableTaskDetail {
	margin:auto;
	margin-top:20px;
	margin-bottom:10px;
	width:95%;
}
#boxComment {
	margin:20px;
}
.topicBGBlue {
	padding:10px;
	background:#096CC7;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}
.postComment {
	clear:both;
	margin-top:5px;
	border:1px solid #CCC;
	padding-bottom:15px;
	font-size:11px;
	color:#000;
}
.bgMyPost {
	background-color:#EAF5FD;
}
.bgPost {
	background-color:#EAEAEA;
}
.bgBuyerPost {
	background-color:#FFFFEA;
}
.tabPostComment {
	padding:5px;
	color:#6BA8E7;
	font-size:13px;
	font-weight:bold;
	border-bottom:1px solid #999;
	margin:5px;
}
.boxPostComment {
	width:80px;
	float:left;
	background:#fff;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #6BA8E7;
	text-align:center;
	color:#0099FF;
}
.boxPostImage {
	text-align:left;
	margin-bottom:15px;
}
.boxPostDetail {
	margin-left:150px;
}
.divFloatRight {
	float:right;
	font-size:11px;
	font-weight:normal;
}
.clearFloat {
	clear:both;
}
.fieldsetLink {
	background-color:#FFF;
	border:1px solid #999;
	padding:5px;
	margin-right:10px;
}
.fieldsetLink legend {
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	color:#666;
}
.linkCommunicate {
	margin:5px;
}
.linkCommunicateImage {
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	border:1px solid #333;
	margin-right:15px;
	margin-bottom:5px;
	text-align:center;
}
.linkCommunicateImage img {
	border:0;
}
.linkCommunicateImage a {
	display:block;
}
.linkCommunicateTitle {
	font-weight:bold;
}
.dateKnowledge {
	font-size:10px;
	color:#666;
}

.boxShowLastDetail {
	float:left;
	width:302px;
	padding:5px;
	margin-right:5px;
	margin-bottom:5px;
	height:180px;
	text-align:left;
	overflow:hidden;
}
.boxImg100 {
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	overflow:hidden;
	margin-right:5px;
	background:#FFF;
	border:1px solid #666;
}
.nameEn {
	height:15px;
	font-weight:bold;
	font-size:12px;
	color:#0000FF;
	overflow:hidden;
}
.nameEnSupplier {
	font-weight:bold;
	font-size:12px;
	color:#0000FF;
}
.nameTh {
	font-size:12px;
	color:#F6AF3A;
}
.CompanyShortDetail {
	font-family:Tahoma, Geneva, sans-serif;
	max-height:43px;
	font-weight:normal;
	font-size:11px;
	line-height:14px;
	color:#999;
	overflow:hidden;
}
a.button {
	margin:3px;
	padding-left:3px;
	display:block;
	line-height:25px;
	text-decoration:none;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:11px;
	box-shadow:2px 2px 2px #CACACA;
}
.btnAddSupplier {
	font-weight:bold;
	background:#DCEAA3;
	border:1px solid #B9C979;
	color:#666;
	width:140px;
}
.btnAddSupplier:hover{
	background-color:#B9C979;
}

.btnAddSupplierQualify {
	text-align:left;
	background:#DCEAA3;
	border:1px solid #B9C979;
	color:#666;
	width:135px;
}
.btnAddSupplierQualify:hover{
	background-color:#B9C979;
}

.btnAddProduct {
	font-weight:bold;
	background:#F7D5B3;
	border:1px solid #EDA55C;
	color:#666;
	width:140px;
}
.btnAddProduct:hover {
	background-color:#EDA55C;
	color:#666;
}
.btnAddProject {
	font-weight:bold;
	background:#CAE4FF;
	border:1px solid #91C8FF;
	color:#666;
	width:140px;
}
.btnAddProject:hover {
	background-color:#91C8FF;
	color:#666;
}
.btnMakeRfi {
	font-weight:bold;
	background:#FFFFD2;
	border:1px solid #FFFF80;
	color:#666;
	width:140px;
}
.btnMakeRfi:hover {
	background-color:#FFFF80;
	color:#666;
}
.link {
	padding:5px;
	background:#F0FBFC;
	border:1px solid #E7F2F5;
	width:50px;
}
.link:hover {
	border:1px solid #2E7EAB;
}
a.link {
	color:#2E7EAB
}

/* FOOTER */
#bgFooterIndusGroup {
	text-align:left;
	line-height:1.4em;
	margin-top:5px;
	margin-bottom:5px;
	background-image: url("../../images/bg_footer.gif");
    background-repeat: repeat-x;
    font-size: 0.8em;
    padding: 5px;
	border:1px solid #999;
}
#bgFooterIndusGroup span {
	font-size:0.8em;
}
#bgFooterIndusGroup a {
	color: #006BA2;
    text-decoration: none;
}
#footer {
	text-align:center;
	margin-bottom:5px;
}
.topicBlue {
	font-size:13px;
	font-weight:bold;
	color:#06F;
}
.textPageView {
	font-size:12px;
	color:#666;
}
.textRedBlue {
	color:#F00;
	font-weight:bold;
}

#pageview{
	float:right;
	color:white;
	padding:2px;
}

/* Recommend Supplier */
.boxQualify {
	float:left;
	text-align:left;
	width:305px;
	height:220px;
	margin:5px;
	padding:5px;
	border:1px solid #000;
	color:#000;
	overflow:hidden;
}
.boxQualifyProfile {
	float:left;
	width:145px;
	height:220px;
	margin-right:5px;
	padding-right:5px;
	border-right:1px solid #000;
	overflow:hidden;
	font-size:11px;
	text-align:center;
}
.boxQualifyProfileDetail {
	height:80px;
	overflow:hidden;
}
.boxQualifyImg {
	width:100px;
	height:100px;
	text-align:center;
	border:1px solid #999;
	margin-left:auto;
	margin-right:auto;
}
.QualifynameTh {
	font-size:11px;
	font-weight:bold;
	color:#000;
}
.QualifynameEn {
	font-size:11px;
	font-weight:bold;
	color:#03F;
}
.lastUpdate {
	font-size:11px;
	font-weight:normal;
}
.qualifyIntro {
	font:Tahoma, Geneva, sans-serif;
	line-height:13px;
    max-height: 91px;
	font-size:11px;
	color:#666;
	margin-bottom:5px;
    overflow: hidden;
}

/* TABLE Qualify */

.boxProductCat {
	float:left;
	font-size:10px;
	text-align:center;
	width:82px;
	margin-right:5px;
	margin-left:5px;
	overflow:hidden;
}
.boxIMGProCat {
	width:80px;
	height:80px;
	text-align:center;
	border:1px solid #333;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.QualifySupplier {
	font-size:11px;
}
.clearFloat {
	clear:both;
}
table.Qualify, table.Qualify td, table.Qualify a {
	font-size:11px;
	text-align:left;
}
table.Qualify a {
	color:#000;
	text-decoration:none;
}
table.Qualify th {
	padding:5px;
	background:#96F;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	box-shadow: 2px 2px 2px #999999;
}
table.Qualify td {
	padding:5px;
	background-color:#ECECFF;
	box-shadow: 2px 2px 2px #999999;
	color:#333;
}
tr.shadow {
	box-shadow: 2px 2px 2px #999999;
}
table.noBorder tr, table.noBorder td, table.noBorder th {
	border:0;
	box-shadow:none;
}

#bgFooterIndusGroup {
	text-align:left;
	line-height:1.4em;
	margin-top:5px;
	background:url(../../images/bg_footer.gif);
    background-repeat: repeat-x;
    font-size: 0.9em;
    padding: 5px;
	border:1px solid #999;
}
#bgFooterIndusGroup span {
	font-size:0.9em;
}
#bgFooterIndusGroup a {
	color: #006BA2;
    text-decoration: none;
}
#footer {
	margin:5px;
	text-align:center;
	margin-bottom:5px;
	font-size:12px;
}
#footer a {
	color:#000;
}
.fontBlue {
	color:#03F;
}
.fontRed {
	color:#F00;
}
.fontBlack {
	color:#333;
}
.boxIconMap {
	float:right;
	width:20px;
	height:32px;
}
.detailShortProduct {
	width:200px;
	height:40px;
	overflow:hidden;
	font-size:11px;
	color:#666;
}