/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    
  
    font-family: "arial";
    margin: 0;
    padding: 0;
    width:100%;
   line-height:150%;
}

a:link {
  
    text-decoration: none;
}
a.aimg:hover{background-color:#fff}
a img{border:0px;}
a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}
#logotd a:hover,#logotd a:active,#logotd a:visited {
    background-color:#F5F5F5;
    color:#fff;
     text-decoration: none;
     margin:0px;padding:0px;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}
em{color:red}
header,
footer,
nav,
section {
    display: block;
}
.area
{
	margin: 0 auto;
	width:100%;

}
a.abottum{ border: 1px solid #DDDDDD;
    color: #1996E6;
    margin-top:8px;
    padding:5px;
    margin-left:10px;
    font: bold 14px/35px Arial;
    height: 35px;
    width: 100px;}
 .col1
{
	float: left;
	
}
 .col2
{
	float: right;

}
.blank3{clear:both;height:3px;}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}
h2.userCenter{  padding: 0 0 5px 0; margin:0px;border-bottom:#ddd 1px solid}
h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}
.intro{color:#999;font-size:12px;}
.tip
{
    background-color: #FFFFEE;
    padding: 5px;
    line-height: 160%;
    font-size: 12px;
}
.warn {
    background: url("img/iconWarning.gif") no-repeat scroll 0 0 transparent;
    padding: 5px 28px 24px 0;
}
.success {
    background: url("img/iconSuccess.gif") no-repeat scroll 0 0 transparent;
    padding: 3px 20px 26px 0;
}
.hotcountry{font-size:12px;color:#999}
.hotcountry li{line-height:22px;display:block;width:100%;margin-left:10px;}
.add-favorite {
    background: url("img/addtofavorite.gif") no-repeat scroll -5px 2px transparent;
    display: block;
    height: 18px;text-decoration: none;
    padding: 2px 0 0 25px;
}
.bold_link{background-color: #1996E6;padding:5px;}
.bold_link a{color:#fff;text-decoration: none;}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#list_top_product_country h5{font-weight:100}
#list_top_product_country {font-size:12px;color:#999}
#list_top_product_country  ul{margin:10px;}
#list_top_product_country li{float:left;width:24.5%;}

#list_top_country_product h5{font-weight:100}
#list_top_country_product {font-size:12px;color:#999}
#list_top_country_product  ul{margin:0px;}
#list_top_country_product li
{font-size:12px;
    float: left;
    width: 49%;
    line-height: 30px;
    height: 30px;white-space:nowrap; 
    overflow: hidden;
}
#list_top_country_product li a{font-size:12px;}
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

#pageNav { 
    color: #333333;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    padding: 6px 0 8px 0;}
  #pageNav   a{
      
    text-decoration: none;font-family: tahoma;
    font-size: 12px;}
header, #header
{
  
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    margin:0px;
     padding-left: 0;
     width:100%;
  
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color:#FF6600;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
  
    margin-right:40px;
}
#search-button,#search-box{float:left;margin-left:2px; }
#sother{font-size:16px;margin:5px 0px 5px 10px;float:left;color:#999}
#sother a{margin-left:15px;text-decoration: none;background-color:rgb(245, 245, 245);border:#e5e5e5 1px solid;padding:5px;color:#333}
#search-box{border: #0099FF 3px solid}
ul,li {list-style-type:none;}
.select_box {width:100px; border-right:1px solid #ccc; padding-right:20px; padding-left:10px; background:url(img/fs.gif) no-repeat 110px center; position:relative;}
.select_box span {cursor:pointer; display:block; line-height:25px; width:100%; height:25px; overflow:hidden;}
.select_box ul li {cursor:pointer;}
.son_ul
{
    width: 199px;
    position: absolute;
    left: -5px;
    top: 23px;
    background: #fff;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
  z-index:100;
   
}
.cateselectul
{
    width: 599px;
    position: absolute;
    left: 0;
    top: 25px;
  
    background: #fff;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
   
   
}
.rightbox {border:#ddd 1px solid;display:inline-block;margin-bottom:10px;width:100%}
.rightbox h5{background-color:#F5F5F5;margin:0px;padding:5px;font-size:12px;}
.rightbox ul{margin:5px 5px 5px 8px;}
.rightbox ul li a{font-size:12px;}
.margin-5{margin:5px;}
.NavByProduct{border:#ddd 1px solid;display:inline-block}
.NavByProduct h5{background-color:#F5F5F5;margin:0px;padding:5px;font-size:12px;}

.NavByProduct ul{margin:5px;}
.NavByProduct ul li {float:left;margin-right:12px;}
.NavByProduct ul li a
{
    font-size: 12px;
    color:#333;
    text-decoration: none;
    background:#fff;
}
.NavByProduct ul li a:hover{ background:#0099ff;
	color:#fff;}
.son_ul_on{height:300px;   border: 1px dashed #ccc;overflow: auto;}
.son_ul li {display:block; line-height:21px; padding-left:5px; width:169px;font-size:12px;}
 .hover {background:#ccc;}
.idx_NavByProduct ul li{float:left;margin-left:10px;border-bottom:#fff 1px solid;}
#search-button input,input[type="submit"]{background-color:  #1996E6;
    border: 0 none;
    color: #FFFFFF;
  
    height: 37px;
    margin-left: 2px;

     cursor:pointer;
}
#main {
    background-color: #fff;
    width:956px;
    margin:0px auto;
    padding:0px;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}
.span_page_tile strong{font-size:12px;margin:0px;padding:0px;}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active {
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a {
    background-color: #fff;
    color: #000;
}
 #searchresult{width:352px; position:absolute; left:228px; top:39px; 
z-index:1; overflow:hidden; background:#fff; border:#1996E6 1px solid;
border-top:none; cursor:pointer;
}
.line{font-size:12px; color:#000; background:#fff; width:352px; padding:2px;padding-left:8px;}
.hover{background:#FFFFEE; color:#333;}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 14px;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"], textarea ,
input[type="password"] {
    border: 1px solid #ccc;
    padding: 3px;
    font-size:12px;
    color: #444;
    width: 200px;
}
.editor-field input.saleproduct{ width: 95px}
select {
    border: 1px solid #ccc;
    padding: 2px;
   font-size:12px;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

table.noborder{ border:0px}
table.noborder td{  padding:1px;border:0px}
/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, 
#menucontainer {
    margin-top: 0px;
}

div#title {
    display: block;
   
    text-align: left;
    
}

#logindisplay {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 10px;
      margin-bottom: 1px;
}



#logindisplay a:hover {
  
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
  
}
#loginfieldset input{font-size:16px;font-weight:600}
/* Styles for editor and display helpers
----------------------------------------------------------*/

.editor-label {
    margin: 1em 0 0 0;
  
}
.company-form .editor-label,#sendMessageModule .editor-label{  float:left;}
.company-form .editor-label,#sendMessageModule .editor-label{font-weight:bold;color:#000;font-size:12px;width:110px;text-align:right;margin-right:15px;}
#sendMessageModule .editor-label{font-weight:100;}

.editor-field {
    margin: 0.5em 0 0 0;
    font-size:9pt;
    color:#666;
   
}
.display-label{ margin: 0.3em 0 0 0;color:#666;}
.display-field{margin: 0.1em 0 0 0;}
.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}
/****/

#ListCountry{border-top:#1996E6 2px solid;margin-top:5px;line-height:110%}
#ListCountry dd{margin:0px;padding:0px;}

#ListCountry dt{color:#1996E6;font-weight:600;clear:both}
#ListCountry ul li{float:left;width:25%;line-height:110%}
#ListCountry ul li a{text-decoration:none;color:#333;font-size:12px;}
#ListCountry ul li a:link, #ListCountry ul li a:visited {
    color:#333;
    background-color:#fff;
}
.listNav { margin:0 0 10px; }
ul.demo{padding:0px;margin:0px;}
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }
.demo li a{color:#333;text-decoration:none;font-size:12px;}
.demo li
{
    list-style-type:circle;
   
}
#List-of-companies dl{border-bottom:#ddd 1px solid;padding-left:8px;}
#List-of-companies dl:hover{font-weight:600}
#List-of-companies dl dt{font-size:14px;}

#List-of-companies dl{line-height:120%;color:#000}
#List-of-companies dl dd{ table-layout: fixed;
        word-wrap:break-word;
        word-break:break-all;font-size:12px;margin:0px 5px;}
#List-of-companies dl dd span{color:#666;}
#List-of-companies dl dd.website 
{
    color: #009933;
}
#menu_admin ul li{line-height:29px;height:29px;border-bottom:#ddd 1px solid;padding-left:10px;font-size:12px}

#menu_admin ul li a{ text-decoration:none; color:#333}
#menu_admin ul li:hover{ background:#0099ff;
	color:#fff;}
	#menu_admin ul li:hover a{color:#fff;}
#menu_admin ul li.on { background:#0099ff;
	color:#fff;}
	#menu_admin ul li.on a{color:#fff;font-weight:bold}
#company-detail{font-size:12px}
#company-detail a{text-decoration:none;}

.paginator { font: 12pt Arial, Helvetica, sans-serif;padding:15px 20px 15px 0; margin: 0px;}
.paginator a {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:6px;margin-left:6px}

.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}


td.td-label{width:120px;color:#666}
#company-detail dl dt,#product-detail dl dt{font-weight:600;color:#999;font-size:14px;}
#company-detail dl dd li{float:left;margin-right:15px;}
#company-detail dl dd li a{}
#cate_company_nav li{float:left;margin-left:15px;color:#999;line-height:20px;font-size:12px;}
#cate_company_nav ul,#cate_company_nav h5{margin:0px;padding:0px}
#cate_company_nav li a
{
    font-size: 12px;
    color: #3F31B7;
    text-decoration: none;
}
/****************tab******/
#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 0 1em;
	margin:0;
	list-style:none;
	line-height:1em;
	border-bottom:#0099ff 1px solid;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
	margin-left:5px;
}

#globalnav A {
	display:block;
	color:#999;
	text-decoration:none;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#0099ff;
	color:#fff;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/************************product detail******************/
#product_detail dl dt{font-weight:600}
#product_detail dl dd{word-warp:break-word;word-break:break-all;width:600px}
 #company_info ul li{border-bottom:#ddd 1px solid;font-size:11px}
#company_info li a
{
    font-size: 9pt;
    text-decoration: none;
}
#product_img_list li{float:left;width:49%}

#bigimage { position:absolute; display:none; }
#bigimage img {  padding:5px; background:#fff; border:1px solid #e3e3e3; }

.isGalleryList_y{margin: 0 auto; 
  overflow: auto; }

.isGalleryList_y ul,.isGalleryList_n ul{ list-style-type: none; }
.isGalleryList_y li  {
  float: left; 
  margin: 10px; 
  font-size:11px;

  color:#666;
  padding:5px; 
  text-align:center;
}
.isGalleryList_y li a{font-size:11px;} 
.isGalleryList_y li img{  border: 1px solid #ddd;   }
.isGalleryList_y li h3,.isGalleryList_n li h3  {font-size:14px;font-weight:100;padding:0px;margin:0px;}
.isGalleryList_n li img {  
   float: left;  
   margin: 0 15px 0 0;  
 }  
           
.isGalleryList_n li p {  
padding:0px;margin:0px;width:320px;float:left
 }  
 .isGalleryList_n li p.p_company {  
padding:0px;margin:0px;width:300px;border-left:#ddd 1px solid;padding-left:10px;
 }  
    .isGalleryList_n li p.p_company a
{
    text-decoration: none;
    color: #38A03A;
}        
.isGalleryList_n li {  
   padding: 10px;  
   overflow: auto;  
   font-size:11px;
   color:#666;
   border-bottom:#ddd 1px solid;
 }  
           
.isGalleryList_n li:hover,.isGalleryList_y li:hover {  
   background: #eee;  
   cursor: pointer;  
 } 



 .viewGallery {
    background: url("img/display_type_gallery_none.gif") no-repeat scroll 2px center transparent;
    margin-right: 10px;
    padding: 2px 0 2px 20px;
}
.viewListCurrent {
    background: url("img/display_type_list_current.gif") no-repeat scroll 2px center transparent;
    margin-right: 10px;
    padding: 2px 0 2px 20px;
}
.viewGalleryCurrent {
    background: url("img/display_type_gallery_current.gif") no-repeat scroll 2px center transparent;
    margin-right: 10px;
    padding: 2px 0 2px 20px;
}
.viewList {
    background: url("img/display_type_list_none.gif") no-repeat scroll 2px center transparent;
    margin-right: 10px;
    padding: 2px 0 2px 20px;
}