#body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	background-color:#FFFFFF;
}
a{
	color: #996600;
}

a:hover{
	text-decoration: none;
	color: #ff0000;
}
#main{
	padding-top: 12px;
	width:1000px;
	margin:auto;
}

#topmenu{
	background:url(skins/images/bg_menu.gif) no-repeat;
	height: 60px;
}
#topmenu .left{
	background:url(skins/images/left_menu_conner.gif) no-repeat;
	height:60px;
	width:5px;
	float:left;
}
#topmenu .right{
	background:url(skins/images/right_menu_conner.gif) no-repeat;
	height:60px;
	width:5px;
	float:right;
}
#topmenu .mid{
	background-color: #FFFFFF;
	height:60px;
	border: #cccccc solid 1px;
}
#topmenu .mid .logo{
	padding-left: 5px;
	padding-top: 5px;
	float: left;
}
#topmenu .mid .menutext{
	padding-top: 5px;
	padding-right: 14px;
	text-align: right;
	float: right;
}

#topmenu .mid .menutext a{
	text-decoration:none;
	font-weight: bold;
	color: #6396bd;
}
#topmenu .mid .menutext a:hover{
	color: #FF0000;
}

#banner{
	padding-top: 3px;
}
#content{
	padding-top: 10px;	
}
#mid_content{
	float: left;
	width: 720px;
	
}
#right_content{
	width: 200px;
	float: right;
	padding-right: 30px;
}
#left_body{
	width: 200px;
	float: left;
	display: inline-block;
}
#mid_body{
	width: 800px;
	float: left;
	display: inline-block;	
}
#right_body{
	width: 165px;
	float: right;
	display: inline-block;	
}
#left_account{
	width: 180px;
	float: left;
	display: inline-block;
}
#mid_account{
	width: 600px;
	float: left;
	padding: 5px;
	border: 1px #4a99ce solid;
	display: inline-block;	
}
#right_account{
	width: 200px;
	float: right;
	display: inline-block;	
}
#fullcontent{
	padding-top: 10px;	
	border-left: 1px #4a99ce solid;
	border-right: 1px #4a99ce solid;
	padding-left: 10px;
	padding-right: 10px;
}
#register_form{
	border: #4a99ce solid 1px;
	width: 200px;
	margin-top: 6px;
}
#register_form_header{
	background-color: #bcca02;
	height: 24px;
	text-align: center;
	color:#FFFFFF;
	padding-top: 10px;
}
#register_form_content{
	padding: 10px;
	line-height: 20px;
}
#right_text{
	width: 200px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #6396bd;
	font-size: 14px;
}
#directory{
	width: 200px;
	border: #4a99ce solid 1px;
}
#directory .title{
	background:url(skins/images/directory_box.gif) no-repeat;
	height:79px;
	width: 200px;
}
#directory .text{
	text-align: center;
	padding: 10px;
	line-height: 150%;
}

#directory .text a{
	color: #996600;
}

#directory .text a:hover{
	text-decoration: none;
	color: #ff0000;
}

#htmlPages{
	padding: 10px;
}
#htmlPages a{
	color: #996600;
}

#htmlPages a:hover{
	text-decoration: none;
	color: #ff0000;
}

#footer{
	background-color: #eaeaea;
	color:#666666;
}

#footer .col{
	padding-left: 100px;
	width: 150px;
	float:left;	
}
#footer .col a{
	text-decoration:none;
	color:#666666;
}
.txtBigTitle{
	font-weight: bold;
	color: #6396bd;
	font-size: 18px;
	margin-left: 30px;
	padding-bottom: 12px;
}

.txtTitleListing{
	font-weight: bold;
	color: #6396bd;
	font-size: 18px;
	margin-left: 5px;
	padding-bottom: 12px;
}

#companyBox{
	width: 90%;
	border-left: #4a99ce 1px solid;
	border-right: #4a99ce 1px solid;
	border-right: #4a99ce 1px solid;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 5px;
	margin-left: 30px;	
}
#companyBox a{
	text-decoration: none;
	font-weight:bold;
	color: #6396bd;	
}
#companyBox a:hover{
	color: #ff0000;	
}
#companyBox .logo{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 140px;
	float: right;
}
#company{
	border-left: #4a99ce 1px solid;
	border-right: #4a99ce 1px solid;
	border-bottom: #4a99ce 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left: 5px;	
}
#companyListing{
	padding-top: 5px;
}
#companyListing a{
	text-decoration: none;
	font-weight:bold;
	color: #6396bd;	
}
#companyListing a:hover{
	color: #ff0000;	
}
#companyListing .logo{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 140px;
	float: right;
}

#matchingBox{
	border: #4a99ce 1px solid;
	padding-left: 4px;
	padding-bottom: 10px;
	line-height: 32px;
}
#matchingBox .nologin{
	line-height: normal;
	padding-top: 12px;
	padding-bottom: 12px;
}
#matchingBox .addvancebox{
	border-top: 1px #abadb3 solid;
	border-left: 1px #e2e3ea solid;
	border-right: 1px #dbdfe6 solid;
	border-bottom:  1px #e3e9ef solid;
	width: 185px;
	height: 24px;
	margin-bottom: 12px;
}
#noteMatchingBox{
	text-align: center;
	padding:10px 0px 10px 10px;
	border: 1px #5A8F5B solid;
	background-color:#dbeff8;
}
#txtTitle{
	font-size: 16px;
	font-weight: bold;
	color: #6396bd;
}
#adsBox{
	border-left: 1px #4a99ce solid;
	border-right: 1px #4a99ce solid;
	border-bottom: 1px #4a99ce solid;
	text-align: center;
	width:198px;
	margin:auto;
}
#adsBoxHeader{
	background:url(skins/images/adsBoxHeader.gif) no-repeat;
	width:200px;
	height:43px;
	margin:auto;
}
#comdetail{
	border-left: #4a99ce 1px solid;
	border-right: #4a99ce 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left: 5px;	
}
#companyinfo{
	display: table;
}
#companyinfo .companyinfoRow{
	display: table-row;
}
#companyinfo .logo{
	width: 140px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}
#companyinfo .detail{
	vertical-align: middle;
	width: 540px;
	display: table-cell;
}
#companyinfo .detailRow{
	line-height: 24px;
	width: 540px;
}
#companyinfo .detailColLeft{
	width: 25%;
	float: left;
}
#companyinfo .detailColRight{
	width: 75%;
	float: right;
}
#menuBox{	
	height:24px;
	display: inline;
}
#menuBox a{
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#menuBox a:hover{
	color: #FF0000;
}
#menuBox .chooseBox{
	height: 20px;
	width: 150px;
	padding-top: 4px;
	margin-left:5px;
	float: left;
	background-color: #99cc33;
	text-align: center;
}
#menuBox .nochooseBox{
	height: 20px;
	width: 150px;
	padding-top: 4px;
	margin-left:5px;
	float: left;
	text-align: center;
	background-color: #acacac;
}
#companyBorder{
	border: #5a8f5b 1px solid;	
	padding: 3px;
}
#overview{
	display: table;
	width: 100%;
	vertical-align:top;
}
#overview .overviewRow{
	vertical-align:top;
	display: table-row;
}
#overview .overviewLeft{
	padding-top: 12px;
	display: table-cell;
	vertical-align:top;
	float: left;
	width: 20%;
}
#overview .overviewRight{
	display: table-cell;
	padding-top: 12px;
	float: left;
	width: 79%;
}
#overview .google{
 	position: absolute;
	right: 0px;
}
#contactcompany{
	display: table;
}
#contactcompany .contactRow{
	display: table-row;
	padding-top: 12px;
}
#contactcompany .contactLeft{
	display: table-cell;
	vertical-align:top;
	float: left;
	width: 30%;
	height: 30px;
}
#contactcompany .contactRight{
	display: table-cell;
	float: left;
	width: 69%;
}
#contactcompany .contactTitle{
	text-align:center;
	font-size: 16px;
	font-weight: bold;
	color: #6396bd;
	padding-bottom: 12px;	
}
#overviewProduct{
	display: table;
	padding-top: 5px;
	padding-bottom: 5px;
}
#overviewProduct .productTitle{
	padding-top: 12px;
}
#overviewProduct .product{
	display: table;
	width: 150px;
	float: left;
	padding-bottom: 5px;
	padding-right: 5px;	
}
#overviewProduct .image{
	height: 120px;
	text-align:center;
	display: table-cell;
	vertical-align: bottom;
}
#overviewProduct .productName{
	text-align:center;
	display: table-cell;
}
#overviewVideo{
	padding-top: 5px;
	padding-bottom: 5px;
}
#overviewProduct .videoTitle{
	padding-top: 12px;
}
#overviewVideo .video{
	display: table;
	width: 150px;
	float: left;
	padding-bottom: 5px;
	padding-right: 5px;	
}
#overviewVideo .videoImage{
	height: 120px;
	text-align:center;
	display: table-cell;
	vertical-align: bottom;
}
#overviewVideo .videoName{
	text-align:center;	
	display: table-cell;
}
#product{
	display: table;
	width: 150px;
	float: left;
	padding: 5px;	
}
#product .image{
	height: 120px;
	text-align:center;
	display: table-cell;
	vertical-align: bottom;
}
#product .productName{
	text-align:center;
	display: table-cell;
}
#productdetail{
	display: table;
	padding-top: 12px;
}
#productdetail .productdetailLeft{
	width: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
#productdetail .productdetailRight{
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
#video{
	display: table;
	width: 150px;
	float: left;
	padding: 5px;	
}
#video .videoImage{
	height: 120px;
	text-align:center;
	display: table-cell;
	vertical-align: bottom;
}
#video .videoName{
	text-align:center;	
	display: table-cell;
}
#matching{
	border-left: #4a99ce 1px solid;
	border-right: #4a99ce 1px solid;
	border-bottom: #4a99ce 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left: 5px;	
}
#matchinglist{
	display: table;
	width: 100%;
}
#matchinglist .matchingrow{
	display: table-row;
	background-color:#FFFFFF;
	height: 40px;
}
#matchinglist .matchingrow:hover{
	background-color: #92b3e4;
	cursor: pointer;
}
#matchinglist .matchingrow1{
	display: table-row;
	background-color: #dde4e8;
	height: 40px;
}
#matchinglist .matchingrow1:hover{
	background-color: #92b3e4;
	cursor: pointer;	
}
#matchinglist .matchingId{
	width: 40px;
	text-align: center;
	display: table-cell;
	padding-top: 5px;
	padding-bottom: 5px;
}
#matchinglist .matchingBusiness{
	display: table-cell;
	padding-top: 5px;
	padding-bottom: 5px;
}
#matchinglist .matchingCountry{
	display: table-cell;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 10px;
}
#matchinglist .matchingCategory{
	display: table-cell;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
#matchinglist .matchingStatus{
	display: table-cell;
	width: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#matchinglist .matchingDetail{
	display: table-cell;
	width: 70px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#matchinglist .detailBox{
	height: 19px;
	width: 60px;
	background:url(skins/images/detail_button.gif) no-repeat;
	text-align: center;
	padding-top: 4px;	
}
#matchinglist .detailBox a{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
#matchinglist .detailBox a:hover{
	color: #FF0000;
}
#matchingdetail{
	border-left: #4a99ce 1px solid;
	border-right: #4a99ce 1px solid;
	border-bottom: #4a99ce 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-left: 5px;	
}
#matchingTable{
	display: table;
	width: 100%;	
}
#matchingTable .row{
	display: table-row;	
	height: 35px;	
}
#matchingTable .left{
	display: table-cell;
	width: 200px;
}
#matchingTable .right{
	display: table-cell;
}
#dhtmltooltip{
position: absolute;
width: 50px;
border: 1px solid black;
padding: 2px;
background-color: #CCCCCC;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#accountBox{
	border: #4a99ce 1px solid;
	padding-left: 5px;
	line-height: 28px;
	width: 170px;
}
#accountBox a{
	text-decoration:none;
	font-weight: bold;
	color: #6396bd;	
}
#accountBox a:hover{
	color: #FF0000;
}
.menuCategory_NoScroll{
	BORDER-RIGHT: #5A8F5B 1px solid; 
	BORDER-TOP: #5A8F5B 1px solid;
	BORDER-LEFT: #5A8F5B 1px solid;
}
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  DISPLAY: block;
  FONT-WEIGHT: bold;
  COLOR: #4D4F4D;
  TEXT-INDENT: 5px;
  line-height:20px;
  BACKGROUND-COLOR: white;
  TEXT-DECORATION: none;
  letter-spacing: 1px;
  BORDER-BOTTOM: #5A8F5B 1px solid;
  WIDTH: 220px;
}
a.sample_attach:hover{
	color:#FF0000;
}
#myaccount{
}
#myaccount .matchingbox{
	padding: 5px;
	border: 1px #5A8F5B solid;
	margin-right: 3px;
	text-align: center;	
}
#myaccount .checkingbox{
	border: 1px #5A8F5B solid;
	margin-right: 3px;
	background-color:#dbeff8;
}
#myaccount .processBar{
	background:url(/images/process/bg_bar.gif) repeat-x;
	width: 166px;
	height: 14px;
	text-align: left;
}
.statusStep{
	background-color: #99CC33;
	text-align:center;
	height: 40px;
}
.statusStep a{
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.statusStep a:hover{
	color:#FF0000;
}

.statusStepNo{
	background-color: #FF0000;
	text-align:center;
	height: 40px;
}
.statusStepNo a{
	text-decoration: none;
	font-weight: bold;
	color:#FFFFFF;
}

.statusStepNo a:hover{
	color:#000000;
}