body {
    color: #333333;
    font-family: Geneva,Arial,Helvetica,sans-serif,serif;
    font-size: 12px;
    line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6, form, body, dd, dt, dl, li, ul {
    margin: 0;
    padding: 0;
}
td, th, div, dd {
    word-wrap: break-word;
}
img {
    border: 0 none;
}
.c {
    clear: both;
    font: 0px/0px Arial;
    height: 1px;
    overflow: hidden;
}
.tal, .tl {
    text-align: left;
}
.tac, .tc {
    text-align: center;
}
.tar, .tr {
    text-align: right;
}
.fr, .right {
    float: right;
}
.fl, .left {
    float: left;
}
.b {
    font-weight: bold;
}
.tdn {
    text-decoration: none;
}
.small {
    font-size: 10px;
}
.big {
    font-size: 14px;
}
.fsn {
    font-size: 12px;
}
.fn {
    font-weight: normal;
}
.lh0 {
    line-height: 0;
}
.yellow {
    color: #FFFFFF;
}
.gray {
    color: #83CFCB;
}
.keep {
    word-spacing: normal;
}
.bt {
    background: none repeat scroll 0 0 #B5D7E3;
    border: 3px double #90C3D5;
    color: #4D7280;
    font-size: 12px;
    font-weight: bold;
}
a {
    color: #555555;
}
a:hover {
}
a.noul {
    text-decoration: none;
}
a.active {
    background: none repeat scroll 0 0 #01759C;
    color: #FFFFFF;
}
a.active:hover {
    background: none repeat scroll 0 0 transparent;
    color: #01759C;
}
h1 {
    font-size: 24px;
    padding: 0.6em 0 0;
}
h1 a {
    text-decoration: none;
}
h2 {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    font-size: 13px;
    padding: 0.3em 0.6em;
}
h3 {
    font-size: 14px;
}
h4 {
    display: inline;
    font: 16px Georgia;
}
#container {
    margin: auto;
    max-width: 1000px;
    min-width: 600px;
    width: 96%;
}
#header {
    background: url("header.png") no-repeat scroll right center transparent;
    height: 108px;
	margin-bottom:12px;
}
#title {

}
#comlogo {
    float: left;
    height: 68px;
    margin-top: 12px;
}
#title h1 {
    float: left;
    font-size: 18px;
    height: 68px;
    line-height: 68px;
}
#guide {
    background: url("http://www.wire-and-cable.cn/templets/images/header_bg.png") repeat-x scroll 0 -89px transparent;
    border-radius: 5px 5px 5px 5px;
    height: 30px;
    margin: 0;
    padding: 0;
}
#guide li {
    display: inline;
    line-height: 30px;
}
#guide li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font: 13px/30px Arial;
    height: 30px;
    padding: 0 1em;
    text-decoration: none;
}
#guide li a:hover {
    background: none repeat scroll 0 0 #4A9FBE;
    text-decoration: none;
}
#guide li.active a {
    background: none repeat scroll 0 0 #03779C;
    color: #FFFFFF;
}
#site-dsc {
    color: #B3D8E6;
    font-size: 14px;
    margin-top: 0.5em;
}
#toolbar a {
    color: #777777;
}
#main {
    background: none repeat scroll 0 0 #FFFFFF;
    width: 75.5%;
}
#side {
    width: 23%;
}
.box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
    margin: 0 0 0.7em;
    overflow: hidden;
    width: 100%;
}
.text {
    margin: 0.5em 1em 1em;
}
#main .text {
    margin: 1em;
}
#side .list {
    color: #333333;
    margin: 1em 0.5em 1.5em 2.5em;
}
#side .list ul {
    margin: 0 0 1em 1em;
}
#side .list ul li {
    margin: 0.5em 0;
}
#side .list li {
    margin: 0.5em 0;
}
.profile-pic {
    margin: 0 auto 1em;
    padding: 1px;
    width: 95%;
}
.profile-pic div {
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
.profile-pic div img {
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
}
.profile dd {
    line-height: 120%;
    margin: 0.3em 0 0;
}
.calendar table {
    margin: 0 auto 1em;
    table-layout: fixed;
    width: 98%;
}
.calendar table td {
    font: 11px/150% Tahoma;
    height: 15px;
    text-align: center;
}
.calendar table th {
    text-align: center;
}
.calendar table td a {
    background: none repeat scroll 0 0 #01759C;
    color: #FFFFFF;
    font: 11px/12px Arial;
    padding: 0 3px 2px;
}
.calendar table td a:hover {
    background: none repeat scroll 0 0 #015C88;
    text-decoration: none;
}
.blog-content {
    margin: 2em 0;
    table-layout: fixed;
    vertical-align: top;
    width: 100%;
}
.blog-content td {
    font-size: 13px;
    line-height: 1.5em;
    overflow: hidden;
}
.blog-content td img {
    border: 1px solid #B3D8E6;
    line-height: 0;
    padding: 5px;
}
.blog-content td a:hover img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #2E5B6B;
}
.bb {
    border-bottom: 1px solid #B5D7E3;
    line-height: 2em;
    margin: 0 0 0.3em;
    padding: 0 0 0.6em;
}
#footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 2em;
    padding: 0.5em;
}
#footer ul, #footer li {
    display: inline;
    list-style: none outside none;
    margin: 0 0 0 1em;
}
.pic-list li {
    float: left;
    height: 50px;
    list-style: none outside none;
    width: 50px;
}
.pic-list li a img {
    height: 40px;
    padding: 2px;
    width: 40px;
}
.pic-list li a:hover img {
    height: 79px;
    margin: -20px 0 0 -20px;
    position: absolute;
    width: 79px;
}
.front-cover {
    padding: 0 1em 1em 0;
}
.fav dl {
    margin-bottom: 1.5em;
}
.fav dt {
    margin-bottom: 0.5em;
}
.goods-list li {
    height: 80px;
    line-height: 110%;
    margin: 0 0.3em 1em;
    text-align: center;
    width: 80px;
}
.goods-list li a:hover img {
    margin: -20px 0 0 -42px;
}
.goods-dl {
    max-width: 55%;
    width: 400px;
}
.goods-dl dd {
    border-bottom: 1px solid #E9F0DB;
    line-height: 2em;
    margin: 0 1em 0 0;
}
.frends-list li {
    float: left;
    height: 120px;
    margin-left: 1%;
    overflow: hidden;
    width: 48%;
}
.frends-list li a img {
    float: left;
    margin-right: 0.5em;
    padding: 2px;
}
.comment dl {
    border: 1px solid #D6EDF5;
    clear: both;
    display: block;
    float: left;
    margin: 0.2em 0;
    padding: 0.5em;
    width: 90%;
}
.comment dl:hover {
    border-color: #4BA9CD;
}
.comment dd {
    line-height: 120%;
    margin: 0 0.8em 0.8em 0;
    padding: 0;
}
.comment dd.comment-content {
    float: left;
    width: 80%;
}
.post-comment {
    margin: 0 0 1em;
    width: 90%;
}
.post-comment input[type="text"],.post-comment textarea{padding:2px 3px;}
.post-comment input, .post-comment textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.post-comment label{  display: inline-block;
    width: 88px;}
.post-comment div {
    margin: 0 0 0.5em;
}
.re-comment {
    border: 1px solid #D6EDF5;
    margin: 1em 0 0;
    padding: 1em;
}
.itable td, .itable th {
    padding: 0.3em 0.5em;
}
.itable td {
    border-bottom: 1px solid #D6EDF5;
    vertical-align: middle;
}
.itable tr.tr1 td {
    background: none repeat scroll 0 0 #D6EDF5;
}
.itable .ip {
    border: medium none #CED4BE;
}
.itable td img {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 0;
}
.pages {
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.pages * {
    vertical-align: middle;
}
.pages a {
    background: none repeat scroll 0 0 #F9FCFF;
    border: 1px solid #ADD2E1;
    color: #002F79;
    font: 10px Tahoma;
    margin: 0 1px;
    padding: 1px 4px 2px;
    text-align: center;
    text-decoration: none;
}
.pages a:hover {
    background: none repeat scroll 0 0 #EDFFE4;
    border: 1px solid #37A717;
    color: #002F79;
    text-decoration: none;
}
.pages input {
    border: 1px solid #CCCCCC;
    font: 9px Tahoma;
    height: 14px;
    padding-top: 1px;
    text-align: center;
}
.pages b {
    font: bold 10px/12px Tahoma;
    margin: 0 3px;
    padding: 2px;
}
.menu {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
}
.menu td, .menu li, .menu ul {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 0;
}
.menu li {
    list-style: none outside none;
}
.menu a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding: 3px 15px;
}
.menu a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.menu ul.ul1 li a {
    display: inline;
    padding: 0;
}
.listPic dl {
    float: left;
    margin: 0.5em 0;
    padding: 0;
    text-align: center;
    width: 24.5%;
}
.listPic dt a {
    color: #333333;
}
.listPic dd {
    height: 90px;
    margin: 0;
    padding: 0 0 0.5em;
    text-indent: 0;
    vertical-align: middle;
}
.listPic dd img {
    border: 1px solid #EEEEEE;
    height: 85px;
    padding: 2px;
    width: 85px;
}
.listPic1 dl {
    float: left;
    margin: 0.5em 0;
    padding: 0;
    text-align: center;
    width: 33%;
}
.listPic1 dt a {
    color: #333333;
}
.listPic1 dd {
    height: 55px;
    margin: 0;
    padding: 0 0 0.5em;
    text-indent: 0;
    vertical-align: middle;
}
.listPic1 dd img {
    border: 1px solid #EEEEEE;
    height: 50px;
    padding: 2px;
    width: 50px;
}
.listPic-albumn dd {
    height: 105px;
}
.listPic-albumn dd img {
    background: url("albumn-bg.gif") repeat scroll 0 0 transparent;
    border: 0 none;
    height: 90px;
    padding: 4px 4px 8px;
    width: 90px;
}
.moduleA {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A6CBE7 #66A0CC #66A0CC #A6CBE7;
    border-style: solid;
    border-width: 1px;
    line-height: 110%;
    margin: 0.2em;
}
.moduleA h3 {
    color: #0066FF;
    cursor: move;
    font-family: Tahoma;
    font-size: 12px;
    margin: 0;
    padding: 0.5em;
}
.tableA {
    table-layout: fixed;
}
.tableAtd {
    border: 1px solid #D4E8F7;
    height: 50px;
}
.editButton {
    background: url("$imgpath/button_edit.gif") no-repeat scroll 0 0.1em transparent;
    color: #CCCCCC;
    float: right;
    font: 12px/120% Tahoma;
    padding-left: 0.5em;
    text-decoration: none;
}
.editButton:hover {
    background-position: 0.1em 0.2em;
}
.editBox {
    background: none repeat scroll 0 0 #FFFFCF;
    margin: 0 0.2em 0.2em;
    padding: 0.2em;
}
.editArea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    margin: auto;
    padding: 0.2em;
    width: 96%;
}
.menu1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 255px;
    overflow-y: auto;
    position: absolute;
    width: 200px;
    z-index: 1000;
}
.menu1 h3 {
    cursor: move;
    padding: 5px 7px 3px;
    text-align: left;
}
.menu1 div {
    padding: 5px 10px;
}
.checkon {
    background: none repeat scroll 0 0 #CAFFC0;
    border: 1px solid #0A9800;
    cursor: move;
}
.move {
    position: absolute;
}
#colorbox {
    height: 78px;
    overflow: hidden;
    padding: 3px 0 0 3px;
    width: 91px;
}
#colorbox div {
    border: 1px solid #000000;
    cursor: pointer;
    float: left;
    font: 0pt/8px arial;
    height: 8px;
    margin: 0 3px 3px 0;
    width: 8px;
}
.smile {
    background: url("th1.png") repeat scroll 0 0 #E0F0F9;
    cursor: move;
    height: 23px;
    padding: 7px 0 0 8px;
    text-align: left;
}
.smile div {
    cursor: pointer;
    height: 18px;
    padding: 5px 0 0;
    text-align: center;
    width: 56px;
}
.smile div.lian {
    background: url("tag.jpg") no-repeat scroll 0 0 #FFFFFF;
    cursor: auto;
}
.user-info {
    line-height: 160%;
    margin-left: -1.5em;
    margin-top: -1em;
    position: absolute;
}
.user-infoWrap {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #A6CBE7 #004C7D #004C7D #A6CBE7;
    border-right: 1px solid #004C7D;
    border-style: solid;
    border-width: 1px;
    display: block;
    margin-left: 20px;
    padding: 0.5em 1em;
}
.user-info .co {
    background: url("user-info-co.png") repeat scroll 0 0 transparent;
    height: 20px;
    margin-left: -1.8em;
    margin-top: 2em;
    position: absolute;
    width: 10px;
}
.menu_sm {
    background: none repeat scroll 0 0 #FFFCD9;
    border-bottom: 1px solid #E7D62B;
    position: absolute;
    width: 100%;
}
.menu_sm a {
    color: #F79305;
    padding: 5px 15px;
}
.menu_sm a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.goods-list li a:hover img {
    margin: -20px -20px 0 0;
}
.usericobox {
    float: left;
    height: 68px;
    margin-bottom: 8px;
    margin-right: 3px;
    overflow: hidden;
    text-align: center;
    width: 47px;
}
.infobox {
    margin-bottom: 10px;
    padding-left: 12px;
}
.infobox ul {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}
.infobox ul li {
    border-bottom: 1px dashed #DEDEDE;
   padding:7px 0;
}
.introduce {
    border-bottom: 1px dashed #DEDEDE;
    line-height: 180%;
}
#footer a {
    color: #333333;
    text-decoration: none;
}
#footer a:hover {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
}
.topbar{
    background: url("wire-and-cable-top-bar-bg.png") no-repeat scroll 0 5px transparent;
    height: 38px;
    text-align: right;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 6px 5px 0;
	}
.msgsend{
	cursor:pointer;}