body {background:#000;}
a {color:#000;}
.header, .banner, .about, .lastedPro, .footer, .wrap, .container {width:966px; margin:0 auto;}
.wrap {background:url(img/bg.png) repeat-y center 0;}
.hide {display:none;}

/* Header ---------- */
.header {height:110px; overflow:hidden;}

.header h1 {float:left; width:359px; height:75px; padding:35px 0 0 38px; background:url(img/logo.png) no-repeat 0 0;}
.header h1 a {float:left; width:245px; height:53px; text-indent:-9999px;}

.header .quickLink,
.header .quickLink li a,
.header .mainNav li a,
.header .topSearch {background:url(img/nav.png) no-repeat 0 -9999px;}

.header .quickLink {float:left; width:209px; padding-left:360px; background-position:0 -278px;}
.header .quickLink li {float:left;}
.header .quickLink li a {float:left; width:108px; height:52px; background-position:0 -226px; text-indent:-9999px;}
.header .quickLink li a:hover {background-position:-108px -226px;}
.header .quickLink li.c a {width:101px; background-position:0 -174px;}
.header .quickLink li.c a:hover {background-position:-101px -174px;}

.header .mainNav {float:left; width:360px;}
.header .mainNav li {float:left;}
.header .mainNav li a {float:left; width:134px; height:58px; background-position:0 -116px; text-indent:-9999px;}
.header .mainNav li a:hover {background-position:-134px -116px;}
.header .mainNav li.n a {width:103px; background-position:0 -58px;}
.header .mainNav li.n a:hover {background-position:-103px -58px;}
.header .mainNav li.p a {width:123px; background-position:0 0;}
.header .mainNav li.p a:hover {background-position:-123px 0;}

.header .topSearch {float:left; width:209px; height:58px; padding-top:18px; background-position:0 -330px;}
.header .topSearch input {padding:2px; border:0 none; vertical-align:middle;}
.header .topSearch img {cursor:pointer; vertical-align:middle;}

/* Banner And About ---------------- */
.banner {padding:0 14px; width:938px;}
.about {position:relative; height:137px; background:url(img/about.jpg); text-indent:-9999px;}
.about a {position:absolute; left:865px; top:98px; color:#333; text-decoration:none; text-indent:0;}

/* Lastest Products -------------- */
.lastedPro {height:273px; background:url(img/main.jpg);}
.lastedPro ul {width:938px; height:273px; margin:0 auto; overflow:hidden;}
.lastedPro ul li {float:left; width:234px; text-align:center; font-size:14px; color:#FFF;}
.lastedPro ul li p img {margin:20px 0; border:2px solid #FFF;}

/* Footer -------------- */
.footer {width:930px; height:104px; padding:0 18px; background:url(img/footer.png); overflow:hidden;}
.footer ul {float:right; padding:16px 8px 0 0;}
.footer ul li {float:right; height:11px; padding:0 3px 0 5px; border-right:1px solid #FFF;}
.footer a {font-size:11px; color:#FFF;}
.footer p {clear:both; padding-right:8px; text-align:right; font-size:11px; line-height:16px; color:#FFF;}

/* Container ---------- */
.container {width:932px; padding:20px 0; border:3px solid #E77B20; background:#C2C2C2; overflow:hidden; zoom:1;}
.sideColumn {float:left; width:252px;}
.mainColumn {float:right; width:670px; padding-right:10px;}
.breadCrumb {position:relative; height:33px; padding-left:10px; margin-bottom:10px; background:url(img/breadCrumb.jpg) no-repeat 0 0; color:#FFF; font:normal 12px/33px Arial;}
.breadCrumb span {position:absolute; right:5px; top:6px;}
.breadCrumb a {color:#FFF;}
.pagebar {text-align:right;}

/* Product Category ----------- */
.proCat {width:216px; margin:0 auto;}
.proCat dt {height:39px; background:url(img/proCate.png); text-indent:-9999px;}
.proCat dd {background:url(img/left_bj.jpg) no-repeat 0 0;}
.proCat dd a {margin-left:20px; font-size:13px; line-height:31px;}
.proCat dd ul {background:#F0B384;}
.proCat dd ul li {height:25px; background:url(img/dot.jpg) no-repeat 5px center;}
.proCat dd ul li a {margin-left:25px; line-height:25px;}

/* About --------- */
.content {padding:10px; background:#DEDEDC; font-size:13px; line-height:150%; overflow:hidden; zoom:1;}

/* News ------------ */
.newsList li {height:25px; padding-left:5px;}
.newsList li a {margin-left:5px; line-height:25px; font-size:13px;}
.newsTitle {padding:10px 0; border-bottom:1px solid #808080; color:#E47410; font-size:15px; font-weight:bold; text-align:center;}

/* Message --------- */
.postMSG form {width:500px; margin:0 auto;}
.postMSG h4 {height:25px; padding-left:5px; background:#C0C0C0; font:normal 13px/25px Arial;}
.postMSG table {width:100%; background:#E1E1E1;}
.postMSG table th {padding:3px; width:100px; text-align:center; font-weight:normal;}
.postMSG table td {padding:3px;}

/* Products -------- */
.proList {padding:3px;}
.proList dl {clear:both; padding:15px; height:135px; border-top:1px solid #F0F0F0; border-bottom:1px solid #A0A0A0; overflow:hidden;}
.proList dl dt {float:right; width:484px; margin-bottom:10px; text-align:left;}
.proList dl dt a {font-size:15px;}
.proList dl dd.pic {float:left; width:135px; height:135px; padding-right:15px;}
.proList dl dd.pic img {width:135px; height:135px;}
.proList dl dd.intro {float:left; width:484px;}
.proList dl dd.intro a:hover {text-decoration:none; color:#333;}
.proList .pagebar {padding:10px;}

.proTitle {padding-left:20px; font:bold 15px/30px Arial; color:#E47410;}
.proDetail {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #666;}