body {color:#333; font: 12px/1.5 Arial, Helvetica, Sans-serif; background: #222; margin:0}
a:link, a:visited {color:#333; text-decoration:none}
a:hover {color:#000; text-decoration: underline}
#wrapper {width: 900px; margin: 0 auto; padding: 0 0 20px 0; font: 12px/1.5 Arial, Verdana, Helvetica, Sans-serif}
/*header*/
#header {width: 900px; height: 120px; margin:0; background-position:0 0}
#header .logo {width: 56px; height: 120px; float:left}
#nav {width:721px; height:46px; float:right}
a.home {width:87px; margin-right:10px}
a.home:hover {background-position:0 -120px}
a.company {width:152px; margin-right:10px}
a.company:hover {background-position:-97px -120px}
a.contact {width:142px}
a.contact:hover {background-position:-259px -120px}
#header, a.home:hover, a.company:hover, a.services:hover, a.contact:hover, #statusbar, a.homebutton, a.searchbutton:hover, .arrowbutton, .topbar, .midbar, .botbar, .containertop, .catbar, #catbar2
{background-image:url(../images/header.gif); background-repeat:no-repeat}
.home span, .company span, .services span, .contact span, .searchbutton span, a.homebutton span, .arrowbutton span {visibility:hidden; display:none}
.home, .company, .services, .contact {height:46px; float:left}
#search {width:280px; height:69px; float:right}
#searchbox {width:263px; height:26px; position:relative; top:72px; left:0}
#searchbox .keywords {width:184px; height:17px; border:0; color:#333; background:none; font-style:italic; margin:0}
#searchbox a.searchbutton {width:74px; height:26px; position:absolute; top:-4px; right:0}
*html #searchbox a.searchbutton {right:-1px}
#searchbox a.searchbutton:hover {background-position:-406px -120px}
#statusbar {width:900px; height:39px; margin:4px 0 2px 0; font-weight:bold; background-position:0 -166px}
#statusbar ul {margin:0; padding:0}
#statusbar li {float:left; text-indent:0; white-space:nowrap; line-height:36px}
a.homebutton {margin-left:13px; width:23px; height:36px; display:block; background-position:-568px -120px}
.arrowbutton {width:23px; height:36px; display:block; background-position:-591px -120px}
.copyright {margin-left:13px}
ul#bottombar {margin:0 13px 0 0; padding:0; float:right}
li#bottombar  {float:left; line-height:25px}
#container {width:900px; display:block; background:url(../images/containerbg.gif) repeat-y}
#content {width:550px; margin:0 5px; float:left}
#content #feature {width:550px; background:#222; position:relative; top:0}
#content .spacing {width:550px; height:5px; display:block}
#content .containertop {width:550; height:18px; background-position:-340px -205px}
#content #highlight {overflow:hidden; position:relative; width:550px; margin-top:3px; color:#ccc;  background:url(../images/highlightbg.gif) repeat-y}
#content #highlight a {color:#ccc}
#content #highlight a:hover {color:#eee}
*html #content #highlight ul {margin-left:-6px;}
#content #highlight li {float:left; width:245px; margin:0 15px 35px}
*html #content #highlight li {margin:0 13px 35px 12px}
#content #highlight li img {border:4px #999 solid}
#content #highlight li a:hover img {border:4px #ccc solid}
#content #highlight H3 {font-size:14px}
.botbar {width:900px; height:18px; overflow:hidden; clear:both; background-position:0 -235px}
.catbar {width:725px; height:18px; background-position:0 -271px}
.topbar {height:29px; background-position:0 -205px}
.midbar {height:30px; overflow:hidden; clear:both; background-position:-170px -205px}
.topbar, .midbar {width:170px; font-weight:bold; font-size:15px; line-height:29px}
.topbar span, .midbar span {margin-left:17px}
.barshadow {width:170px; height:2px; display:block; background:url(../images/barshadow.png) no-repeat !important; background:none}
#side-left {width:170px; float:left; background:#3D3D3D}
#side-right {width:170px; float:right; background:#3D3D3D}
#side-left ul li, #side-right ul li, #side-left ul.special li, #side-right ul.preview li {width:170px; float:left; color:#aaa; line-height:13px; border-bottom:1px #585858 solid}
#side-left li.noborder, #side-right li.noborder, #side-left ul.special li.noborder {border:0}
#side-left li a, #side-right li a {color:#aaa}
#side-left a.item1, #side-right a.item1, #side-left a.item2, #side-right a.item2{width:136px; display:block; text-decoration:none}
#side-left a.item1, #side-right a.item1 {padding:15px 17px 16px 17px}
#side-left a.item1:hover, #side-left a.item1:hover H3, #side-left a.item2:hover, #side-right a.item1:hover, #side-right a.item1:hover H3, #side-right a.item2:hover  {color:#eee; background:#444}
#side-left a.item1 H3, #side-right a.item1 H3 {color:#ccc; margin-bottom:5px; font-size:12px; line-height:15px; letter-spacing:0.5px}
#side-left a.item1 em, #side-right a.item1 em, #side-left a.item2 em {width:50px; font-size:11px; line-height:24px}
#side-left .item1 img, #side-right .item1 img, #side-right .item2 img {margin-top:8px}
#side-left a.item2 {padding:8px 17px 12px 17px}
#side-left .item2 img {margin-top:7px}
#side-right a.item2 {padding:4px 17px 7px 17px}
#side-right ul.preview {margin-top:8px}
#side-right ul.preview li {border:0}
.clear {overflow:hidden; clear:both}
#catcontent {width:725px; margin-left:5px; float:left; color:#ccc}
#catlist {margin:10px 20px 0 20px}
#catlist li {width:685px; border-bottom:1px #585858 solid}
#catlist li.item1 {border:0}
#catlist .catleft {width:230px; float:left; padding:20px 0 18px 0; display:block; border-right:1px #585858 solid}
#catlist .catleft img {border:4px #999 solid}
#catlist .catleft a:hover img {border:4px #ccc solid}
#catlist .catright {width:429px; float:left; margin:17px 0 0 21px}
#catlist .catright H3 {font-size:15px}
/* Paging */
#pagingtop a, #pagingbottom a {color:#ccc}
#pagingtop {margin: 0 20px 0 20px; border-bottom:1px solid #585858}
#pagingbottom {margin: 10px 20px 0 20px; padding:5px 0; border-top:1px solid #585858}
#pageinfo {text-align:right; color: #ccc; font: 12px/1.5 Arial, Helvetica, Sans-serif; height: 16px; padding: 0 0 6px 0}
#pageinfo .totalitems {float:left}
#pageinfo .selected{color: #fff; font-weight: bold}
#pageinfo img {padding:0}
#pageinfo a img {border: 1px solid #3D3D3D}
#pageinfo a:hover img {border: 1px solid #5D5D5D}
/* Product Infomation */
#procontent, #othercontent {width:725px; margin-left:5px; float:left; color:#ccc}
#pro_title, #other_title {margin: 0 20px 15px 20px; border-bottom:1px solid #585858}
#pro_title H3, #other_title H3 {font-size:15px; font-weight:bold}
#prolist {margin:10px 20px 0 20px}
#prolist a {color:#ccc; text-decoration:none}
#prolist a:hover {color:#eee; text-decoration:none}
#prolist .right {float:left; width:341px; text-align:center}
#prolist .right img {margin: 0 0 4px 0px; border:4px #999 solid}
#prolist .right a:hover img {border:4px #ccc solid}
#prolist .left {float:left; width:329px; margin-right:14px}
#prolist .left H2 {font-size:19px; color:#eee; line-height:34px}
#prolist .left H4 {font-size:13px; color:#ccc; line-height:20px}
#prolist .left H2, #prolist .left H4 {font-weight:bold; border-bottom:1px #585858 solid; margin:20px 0 10px 0}
#prolist .left ul {list-style:disc; margin-left:25px}
#prolist .left .question{float:left; width:310px; font-weight:bold; font-size:12px; margin-top:50px; padding:5px 0}
#prolist .left .question span{width:20px; float:left}
#prolist #qande .enlarge {float:right; width:341px; text-align:center; font-weight:bold; font-size:14px; margin:0 0 20px 0}
#procontent #gallery {float:right; width:341px; margin-left:0px; padding-top:8px}
#procontent #gallery img {border:3px #999 solid}
#procontent #gallery a:hover img {border:3px #ccc solid}
#procontent #gallery ul {margin-left:2px; list-style:none}
#procontent #gallery ul li {float:left; margin-right:5px; margin-bottom:2px}
#procontent #catbar2 {width:725px; height:31px; margin-top:30px; color:#333; font-weight:bold; font-size:15px; line-height:29px; background-position:0 -289px}
#procontent #catbar2 span {margin-left:17px}
#procontent #cat_item2{margin: 15px 20px 10px 20px}
#procontent #cat_item2 img {border:3px #999 solid}
#procontent #cat_item2 a:hover img {border:3px #ccc solid}
#procontent #cat_item2 ul li {float:left; margin:0 15px 10px 0}
/* Other Content */
#othercontent #other_text{text-align:justify; margin: 15px 20px 10px 20px}
#other_text H4 {font-size:12px; font-weight:bold; border-bottom:1px solid #555; margin-bottom:8px}
#other_text H6 {font-size:12px; font-weight:bold; margin-bottom:20px}
#other_text ul {list-style:disc; margin-left:20px}
#other_text H5{font-size:12px; font-weight:bold; margin-bottom:3px}
input.name{width: 400px; color:#ccc; background: #333; border: 1px SOLID #585858; padding:3px 4px 2px 4px; margin:0 0 13px 0}
textarea.area{ height: 200px; width: 400px; color:#ccc; background: #333; border: 1px SOLID #585858; padding:3px 4px 4px 4px; margin:0 0 14px 0; font:12px verdana}
input.submit{width:120px; font-weight:bold; color:#ccc; background: #333; border: 1px SOLID #585858; padding:3px 4px 2px 4px; margin:0 0 13px 0}
/* Margin Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, 
sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0}
a img, :link img, :visited img {border: 0}
table {border-collapse:collapse; border-spacing:0}
ol, ul {list-style: none}