*
{    
    font-family:Arial;
}
body 
{
    margin:0;
    padding:0;
    font-size:10pt;
    background-color:#fff;
}
a
{
    text-decoration:none;
}
a:hover
{
    color:#e21;
    text-decoration:underline;
}
img
{
    border:none;
}
.wrapper
{
    width:100%;
    height:100%;
}
.clear
{
    clear:both;
    width:100%;
    height:0;
}
.header
{
    width:100%;
    height:180px;
    background-color:#358;    
}
.banner
{
    margin:0 auto;
    width:960px;
}
.logo
{
    height:180px;
    float:left;
    text-align:center;
    font-size:12pt;
    color:#202020;
    background:#358 url(../images/sys/china-map.gif) no-repeat;
}
.logo img
{
    margin-top:110px;
}
.freeSubmit
{
    float:right;
    margin:35px 16px 0 0;
    background-color:#369;
    text-align:center;
    color:#eee;
    width:170px;
    height:25px;
    line-height:25px;
    vertical-align:middle;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:8px;
    border:2px outset #999;
    border-bottom:2px outset #777;
    border-top:1px outset #777;
}
.freeSubmit:hover
{
    background-color:#025;
}
.freeSubmit a
{
    color:#ddd;
    display:block;
}
.freeSubmit a:hover
{
    color:#e21;
}
.search
{
    clear:right;
    float:right;
    margin-top:65px; 
}
.searchOption
{
    float: left;
    color: #1d1;
    padding-right:12px;
    margin:5px 2px 0 0;
    background:#358 url(http://www.chinasupplierlist.com/images/sys/down.png) no-repeat;
    background-position:right;
    line-height:22px;
    vertical-align:top;
}
.option
{
    line-height: 22px;
    list-style: none;
    font-size:12pt;
    left: -999em;
    width: 88px;
    color:blue;    
    border:2px solid #358;
    background-color:#ed6;
    text-align:left;
    position: absolute;
    cursor: pointer;
}
.option div
{
    background:#ed6 url(../images/sys/arrow.png) no-repeat;
    background-position:left;
    margin-left:5px;
    padding-left:12px;
}
.option div:hover
{
    color: #e21;
    text-decoration: underline;
}
.searchText
{
    float:left;
    background-color:#fff;
    width:302px;
    height:32px;
    border:2px solid #135;
}
.searchText input
{
    width:262px;
    height:30px;
    color:#ccc;
    line-height:30px;
    vertical-align:middle;
    font-size:11pt;
    font-weight:bold;
    border:0px solid #fff;
    float:left;
    margin-left:5px;
}

.searchText button
{    
    width:32px;
    height:32px;
    float:right;
    border:none;
    background:#fff url(../images/sys/search.png) no-repeat;
    background-position:center;
    cursor:pointer;
}

.main
{    
    margin:8px auto;    
    width:960px;
    min-height:500px;
}
.home
{
    border-bottom:1px solid #bbb;
    width:680px;
    margin-top:28px;
}
.home h1
{
    color:#3f3f3f;
    font-size:15pt;
    margin-bottom:5px;
}
.home h2
{
    color:#3f3f3f;
    font-size:11pt;
    margin-top:-9px;
    margin-bottom:2px;
    padding-left:80px;
    font-weight:normal;
}
.sitemap
{
    padding-left:15px;
    background: #fff url(../images/sys/home.png) no-repeat;
    background-position:left center;
    font-weight:bold;
    color:#777;
}
.sitemap a
{
    color:#777;
}
.sitemap a:hover
{
    color:#e21;
}
.sitemap span
{
    color:#e21;
}
.left
{
    float:left;
    margin-top:12px;
    width:702px;
}
.left h1
{
    color:#3f3f3f;
    font-size:15pt;
    margin-top:12px;
    height:29px;
    border-bottom:1px solid #bbb;
}
.right
{
    width:252px;
    float:right;
    margin-top:16px;
    line-height:21px;
    border:1px solid #ddd;
    padding-bottom:12px;
    background-color:#f1f8f3;
}
.right a
{
    display:block;
    padding:0 3px 0 6px;
    color:#333;
}
.right a:hover
{
    background-color:#aaa;
}
.node
{
    background-color:#bbb;
}
.caption
{
    line-height:25px;
    margin:0 0 6px 0;
    padding-left:8px;
    border-bottom:1px solid #eee;
    height:25px; 
    font-weight:bold;
    font-size:11pt;
    background:#fff url(../images/sys/caption.gif) repeat-x;
}
.catalogue
{
    float:left;
    width:221px;
    margin: 8px 12px 0 0;
}
.topCatalogue
{
    float:left;
    width:300px;
    margin: 9px 0 16px 12px;
}
.topCatalogue img
{
    float:left;
    margin-right:6px;
}
.first
{
    font-size:11pt;
    font-weight:bold;    
    padding-left:13px;
}
.first a
{
    color:#990;
}
.first a:hover
{
    color:#e21;
}
.second
{
    padding-left:16px;
    line-height:18px;
    font-size:11px;
}
.second a
{
    color: #3f3f3f;
    background:#fff url(../images/sys/arrow.gif) no-repeat;
    background-position:left;
    padding-left:8px;
    padding-right:6px;
}
.second a:hover
{
    color:#e21;
}
.recent
{
    margin-top:18px;
}
.recent_head
{    
    font-size:11pt;
    font-weight:bold;
    width:520px;
    border-bottom:1px solid #bbb;
    line-height:25px;
}
.list
{
    width:680px;
    float:left;
    margin-top:18px;
    border-bottom:1px dashed #bbb;
}
.list img
{
    float:left;
    width:80px;
    height:80px;
    border:1px solid #aaa;
}
.list_title
{
    float:left;
    width:580px;
    margin-left:12px;
    font-size:9pt;
    color:#555;
}
.list_title a
{    
    font-size:11pt;
    font-weight:bold;
}
.list_title span
{
    float:right;
    margin-right:12px;
}
.list_txt
{
    width:580px;
    float:left;
    margin-left:12px;
    font-size:9pt;
    color:#555;
}
.list_txt span
{
    font-weight:bold;
}
.page
{    
    float:left;
    font-size:11pt;
    margin:18px 18px 0 0;    
}
.page a
{
    font-size:15pt;
    padding-right:6px;
}
.page a span
{
    font-weight:bold;
    font-size:21pt;
}

/*details*/
.left_details
{
    float:left;
    margin-top:25px;
    width:702px;
}
.title h1
{
    font-size:15pt;
    font-weight:bold;
    height:32px;
    margin-top:0px;
}
.pic
{
    height:180px;
    width:180px;
    margin:25px 12px;
    float:left;
    border:1px solid #aaa;
}
.pic img
{
    height:180px;
    width:180px;
}
.company
{
    width:469px;
    float:left;
    padding:6px;
    border:1px solid #ddd;
    line-height:21px;
    color:#555;
    background-color:#f1f0ff;
}
.company span
{
    font-weight:bold;
    color:#333;
}
.details
{
    clear:both;
    float:left;
    margin-top:18px;
}
.details_title
{
    font-size:12pt;
    font-weight:bold;
}
.related
{
    margin-top:18px;
    float:left;
}
.related_head
{    
    width:520px;
    border-bottom:1px solid #ccc;
    font-size:11pt;
    font-weight:bold;
    color:#333;
}
/*end details*/

.add
{
    margin-top:12px;
    line-height:26px;
    width:100%;
}
.add h1
{
    font-size:14pt;
    padding-top:12px;
    color:#333;
    border-bottom:1px solid #ccc;
    width:80%;
}
.addRules
{
    line-height:18px;
    margin-left:80px;
    color:#333;    
}
.addRules div
{
    margin-left:36px;
    padding:6px;
    width:450px;
    border:1px solid #ddd;
    background-color:#f1f1f1;
}
.add input:focus
{
    color: black;
    border: 1px solid #169;
}
.add .row
{
    clear:left;
    float:left;
    margin-top:9px;
    width:100%;
}
.add .l
{
    clear:left;
    font-weight:bold;
    min-width:105px;
    float:left;
    text-align:right;
    padding-right:12px;
}
.add .remark
{
    margin-left:120px;
    color:#666;
    font-size:9pt;
    line-height:18px;
}
.remarkc
{
    color:#666;
    font-size:9pt;
    line-height:18px;
}
.add .moreInfo
{
    font-weight:bold;
    font-size:12pt;
}
.linktous
{
    border:1px solid #ddd; 
    padding:5px; 
    background-color:#f1f1f1;
    width:460px;
}
.submit
{
    clear:both;    
    width:69%;
    padding-top:12px; 
}
.submit p
{   
    padding-top:8px;
    text-align:center;
    border-top:1px dashed #999;
}

.message
{
}
.message input, textarea
{
    border:2px solid #999;
    font-size:11pt;
}
.message input:focus, textarea:focus
{
    border:2px solid #358;
    font-size:11pt;
}
.message div
{
    float:left;
    clear:left;
    width:100%;
    margin-top:16px;
    line-height:25px; 
    vertical-align:bottom;
}
.message span
{
    float:left;
    width:91px;
    text-align:right;
    margin-right:18px;
    font-weight:bold;
    font-size:12pt;
    color:#234;
}
.message .cal
{
    float:left;
    margin-left:130px;
    font-size:11pt;
}
.message .sub
{
    cursor:pointer;
    height:35px;
    width:90px;
    font-size:15pt;
    margin-left:18px;
    background-color:#358;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:8px;
    border:2px outset #136;
    border-bottom:2px outset #025;
    border-top:1px outset #025;
    border-left:2px inset #247;
}


.footer
{
    width:100%;
    height:60px;
    margin-top:50px;
    background-color:#358;
}
.copyright
{
    width:960px;
    margin:0 auto;
    color:#ccc;
    padding-top:12px;
}
.copyright span
{
    float:left;
}
.copyright a
{
    color:#ccc;
}
.copyright a:hover
{
    color:#e21;
}
.privacy
{
    float:right;
    margin-right:12px;
}
.addCompany
{
    font-weight:bold;
}