/* 
Author: Sining Wang
Contact: xms0080 
*/

html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,img,span,form {
margin: 0;
padding: 0;
border: 0;
text-align: left;
color: #333;
background-color: #FFF;
}
body {
padding-bottom: 88px;
color: #666;
font: 9pt Tahoma, Verdana, Arial，Gill, Helvetica, sans-serif/*georgia*/;
line-height: 3.5ex;
text-align: center;
background: #FFF url(../img/bg.gif) repeat-x bottom left;
}
h1 {
margin-left: 0;
padding-left: 0;
font: 14pt georgia, Gill, Helvetica, sans-serif;
letter-spacing: 1px;
font-weight: bold;
color: #000;
}
h2 {
margin-top: 1em;
margin-left: 180px;
margin-bottom: 1em;
color: #690;
font-size: 11pt;
font-weight: normal;
}
/*p {
text-align: justify;
}*/
a,a:hover,a:link,a:visited {
font-family: verdana, Gill, Helvetica, sans-serif;
color: #333/*#00BFFF*/;
text-decoration: none;
background-color: #FFF;
background: transparent;
}
a:hover {
color: #666;
background-color: #FFF;
background: transparent;
}
ul {
list-style-type: none;
}
ul li {
display: inline;
line-height: 3ex;
background: transparent;
}
ol li {
display: block;
line-height: 3ex;
}
form {
line-height: 25px;
color: #333;
text-align: left;
}
input,select,textarea {
font: 10pt Tahoma, Verdana, Arial, Gill, Helvetica, sans-serif;
}
img.progif {
margin-left: 180px;
}
#bud {
margin: 0 auto;
padding-left: 3ex;
padding-bottom: 1em;
width: 720px;
color: #666;
background-color: #FFF;
}
/*--header--*/
/*--sidevar--*/
#sidebar {
float: left;
width: 200px;
text-align: center;
}
#logo {
margin: 0 auto;
width: 200px;
height: 150px;
color: #666;
background: #FFF url(../img/headerbg1.gif) no-repeat top right;
}
#nav {
margin: 0 auto;
width: 150px;
text-align: left;
}
a.nava,a.nava:visited {
display: block;
width: 150px;
border-top: 1px solid #CCC;
line-height: 28px;
color: #666;
background: #FFF url(../img/sidenav.gif) no-repeat top right;
}
a.bo {
display: block;
width: 150px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
line-height: 28px;
color: #666;
background: #FFF url(../img/sidenav.gif) no-repeat top right;
}
a.nava:hover, a.bo:hover {
color: #6C3;
background: #FFF url(../img/ahover.gif) no-repeat top right;
}
#contactinfo {
margin: 2em auto;
width: 150px;
font-size: 11px;
text-align: left;
}
#contactinfo ol li {
padding-top: 2px !important;
padding-top: 8px;
}
a.clearstyle, a.clearstyle:hover, a.clearstyle:visited, a.clearstyle:link {
display: inline;
border: 0;
padding: 0;
background: #FFF;
}
.spli {
border: 0;
padding-left: 20px;
line-height: 2ex;
}
#contactinfo img {
margin-right: 5px;
}
.ctinfo {
margin-top: 1em;
}
/*--container--*/
#container {
float: right;
width: 500px;
padding-bottom: 1em;
}
.pic {
width: 500px;
height: 150px;
color: #FFF;
background: #FFF url(../img/headerbg1.gif) no-repeat top right;
}
#sp2 {
color: #FFF;
background: #FFF url(../img/headerbg2.jpg) no-repeat top right;
}
#sp3 {
color: #FFF;
background: #FFF url(../img/headerbg3i.jpg) no-repeat top right;
}
#sp4 {
color: #FFF;
background: #FFF url(../img/headerbg4i.jpg) no-repeat top right;
}
#container ol {
margin-top: 1.5em;
list-style-type: none;
}
.profile {
margin-top: 1em;
margin-left: 0em;
width: 400px;
}
/* --- */
#productlist {
margin-top: 2em;
margin-left: 0em;
}
#productlist .thetop {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 3ex;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
#productlist .datalink {
clear: both;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 3ex;
border-bottom: 1px dotted #999;
}
#productlist .thelast {
clear: both;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 3ex;
border-bottom: 1px solid #999;
}
#productlist .datalink:hover, .thelast:hover {
background-color: #F9F9F9;
}
#productlist .pn {
float: left;
display: block;
width: 260px;
}
#productlist .cas {
float: left;
display: block;
width: 150px;
}
/* --- */
.clear {
clear: both;
}
.clearh {
clear: both;
padding-top: 1em;
padding-bottom: 1ex;
width: 150px;
text-align: right;
}
.clearp {
clear: both;
width: 500px;
}
a.btt,a.btt:hover,a.btt:visited {
float: right;
margin-top: 2em;
border: 0;
font-size: 11px;
color: #6C0;
background: #FFF;
}
.indexname {
display: block;
float: left;
width: 160px;
color: #6C0;
text-align: right;
background-color: #FFF;
}
.results {
display: block;
float: right;
margin-left: 20px;
width: 320px;
}
.cleartitle {
clear: both;
padding-top: 2ex;
padding-bottom: 1ex;
font-size: 10pt;
color: #666;
}
.clearfloat {
clear: both;
}
/*--footer--*/
#copyright {
margin: 3em auto;
width: 150px;
font-size: 11px;
text-align: left;
}
#copyright ol {
list-style-type: none;
}
#copyright ol li {
display: block;
}
fieldset { 
margin-top: 2em;
padding: 0; 
border: 0;
}
label { 
display:block;
color: #690;
}