body{margin:0;padding:0;text-align:center;font-size:12px;font-family:"Courier New", Courier, monospace;background:#fff}
ul{margin:0;padding:0;list-style:none}
img{border:0}
a{text-decoration:none}
p{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal}
.clear{clear:both}

#wrap{width:996px;margin:0 auto;text-align:left}

/* #header */
#header{height:80px;padding:0 20px}
#headerLogo{width:330px;height:80px;float:left}
#headerRight{width:596px;height:80px;float:right}
/* #headerMenu */
#headerMenu{height:20px;padding:5px 0}
#headerMenu ul{height:20px;float:right}
#headerMenu li{float:left;height:20px;margin-top:5px}
#headerMenu li a{padding-left:16px;height:20px;line-height:20px;float:left;color:#333;margin:0 5px}
#headerMenu li a.SetAsHomepage{background:url('../public/images/headerMenu.gif') no-repeat left -40px}
#headerMenu li a.AddToBookmark{background:url('../public/images/headerMenu.gif') no-repeat left -20px}
/* #headerNav */
#headerNav{height:50px}
#headerNav ul{float:right;width:590px;height:50px;background:url('../images/navigationbar.gif') no-repeat;padding:0 3px}
#headerNav li{width:118px;height:50px;float:left}
#headerNav li a{width:118px;height:50px;float:left;text-indent:-120px;overflow:hidden}

/* #mainContainer */
#mainContainer{padding:15px 20px}
#mainLayer1{height:410px;margin-bottom:10px}
#mainFlash{width:480px;height:410px;float:left;position:relative;overflow:hidden}
#mainFlashBoxScroll{width:480px;height:410px;position:absolute}
#mainFlashBoxScroll ul{height:410px;position:absolute;top:0;left:0;width:20000em}
#mainFlashBoxScroll ul li{width:480px;height:410px;float:left;position:relative;overflow:hidden}
#mainFlashBoxScroll ul li a{width:480px;height:410px;float:left}
#mainFlashBoxScroll ul li span{width:480px;height:410px;display:block;position:absolute;top:0;left:0;background:url('../images/mainFlashLayer.png') no-repeat;cursor:pointer}
#mainFlash .mainFlashPrevPage{width:23px;height:34px;display:block;background:url('../images/mainFlash_arrowhead.png') no-repeat left top;position: absolute;top:188px;left:10px}
#mainFlash .mainFlashPrevPage:hover{background-position:left -34px}
#mainFlash .mainFlashNextPage{width:23px;height:34px;display:block;background:url('../images/mainFlash_arrowhead.png') no-repeat right top;position: absolute;top:188px;right:10px}
#mainFlash .mainFlashNextPage:hover{background-position:right -34px}

#mainLayer1Right{width:460px;height:410px;float:right}
#mainAbout{background:url('../images/mainAbout.gif') no-repeat center top;padding:15px 20px;line-height:20px;height:200px}
#mainAbout div{height:200px;overflow:hidden}
#mainArticle{height:180px}
#mainArticle .title{height:20px;background:url('../images/mainArticle.gif') no-repeat left top;padding:4px 15px;margin-bottom:2px}
#mainArticle .title h3{width:80px;height:20px;float:left}
#mainArticle .title h3 a{width:79px;height:20px;float:left;text-align:center;line-height:20px;color:#fff}
#mainArticle .title h3.selected a{background:url('../images/mainArticle.gif') no-repeat left -28px;color:#45980e}
#mainArticle .content{height:150px;color:#666}
#mainArticle .content div{display:none}
#mainArticle .content div.selected{display:block}
#mainArticle .content ul{height:150px;padding:0 5px}
#mainArticle .content li{height:24px;line-height:24px;border-bottom:1px #d8d7d7 solid;background:url('../images/mainArticle.gif') no-repeat 5px -48px;padding:0 5px 0 15px}
#mainArticle .content li a{color:#444}
#mainArticle .content li span{float:right}

/* #mainLayer2 */
#mainLayer2{height:152px}
#mainProduct{width:740px;height:152px;float:left}
#mainProductNav{height:20px;background:url('../images/mainProductBox_h3.gif') no-repeat left center}
#mainProductNav .tabs{float:right;height:8px;padding:6px 10px}
#mainProductNav .tabs a{width:8px;height:8px;margin:0 3px;background:url('../images/mainProductNavTabs_bg.gif') no-repeat left top;float:left;font-size:1px}
#mainProductNav .tabs a:hover{background-position:left -8px}
#mainProductNav .tabs a.active{background-position:left -16px}
#mainProductBox{width:730px;height:120px;background:url('../images/mainProductBox_bg.gif') no-repeat;padding:6px 5px}
#mainProductBoxScroll{width:730px;height:120px;position:relative;overflow:hidden}
#mainProductBoxScroll div{width:730px;position:absolute}
#mainProductBox ul{width:730px;height:120px}
#mainProductBox li{width:130px;height:90px;float:left;padding:15px 8px;position:relative}
#mainProductBox li a{width:130px;height:90px;float:left}
#mainProductBox li span{width:140px;height:100px;background:url('../images/mainProductBox_li_bg.png') no-repeat;display:block;position:absolute;top:10px;left:3px;cursor:pointer}
#mainVideo{width:205px;height:152px;float:right}

/* #footer */
#footer{background:url('../images/footer_bg.gif') repeat-x center top;padding:16px 0;line-height:20px}
/* #footerNav */
#footerNav{height:20px;text-align:center}
#footerNav ul{width:400px;height:20px;margin:0 auto}
#footerNav li{background:url('../images/footerNav_li_bg.gif') no-repeat left center;height:20px;float:left}
#footerNav li.home{background:none}
#footerNav li a{color:#000;text-align:center;width:80px;float:left}
/* #copyright */
#copyright{text-align:center}
/* #designer */
#designer{text-align:center}
#designer a{color:#666;margin:0 5px;background:url('../public/images/externalLink.gif') no-repeat right top;padding-right:10px}

#flash{height:148px;margin-top:15px}

#sidebar{width:224px;float:left}
#productMenu{background:url('../images/productMenu_bg.gif') no-repeat center top;padding:60px 30px 0 30px}
#productMenu li{height:27px;line-height:27px;border-bottom:1px #d2d2d2 solid}
#productMenu li a{color:#000;background:url('../images/productMenuA_bg.gif') no-repeat 146px bottom;width:152px;height:27px;display:block;padding:0 6px}
#productMenu li a:hover{background-position:146px top}
#productMenu li a.selected{background-position:146px top}

#hotTelephone{width:205px;height:152px;margin:25px 10px 10px 9px}

#container{width:716px;float:right}
#container div.title{height:32px;border-bottom:5px #ebebeb solid;background:url('../images/containerTitle_bg.gif') no-repeat 7px top;padding:0 10px 0 50px}
#container div.title h3{height:32px;width:300px;float:left}
#container div.title h3.about{background:url('../images/containerTitleH3.gif') no-repeat left top}
#container div.title h3.product{background:url('../images/containerTitleH3.gif') no-repeat left -32px}
#container div.title h3.training{background:url('../images/containerTitleH3.gif') no-repeat left -64px}
#container div.title h3.contact{background:url('../images/containerTitleH3.gif') no-repeat left -94px}

#container div.title ul{height:20px;float:right;line-height:20px;margin-top:12px;color:#7d7d7d}
#container div.title li{height:20px;float:left;background:url('../images/containerTitle_bg.gif') no-repeat left -52px;padding-left:11px;margin-left:6px}
#container div.title li.home{background-position:left -32px}
#container div.title li.selected{color:#555}
#container div.content{padding:20px 15px;line-height:20px}
#container div.content img{margin:5px}

#ProductBox{width:680px;padding:0 3px}
#ProductBox ul{width:680px;float:left;margin-bottom:10px}
#ProductBox li{width:138px;height:118px;float:left;padding:0 16px}
#ProductBox li a.img{border:1px #ccc solid;padding:3px;width:130px;height:90px;display:block}
#ProductBox li a.img img{width:130px;height:90px;margin:0}
#ProductBox li a.title{width:138px;height:20px;line-height:20px;display:block;text-align:center;color:#444}
#ProductBox li a.title:hover{color:#3B81B2}

#ProductInfo{}
#ProductInfo h4{height:20px;line-height:20px;border-bottom:2px #60b140 solid;padding:0 5px;font-weight:bold}
#ProductInfo h4 span{float:right;height:20px;font-weight:normal}
#ProductInfo .ProductImg{padding:10px;text-align:center}
#ProductInfo .ProductImg img{width:500px;height:346px}
#ProductInfo .ProductDesc{padding:10px}

#trainingBox{}
#trainingBox .trainingBoxTitle{border-bottom:2px #60b140 solid;height:24px;margin-bottom:10px}
#trainingBox .trainingBoxTitle h3{height:24px;float:left;width:118px}
#trainingBox .trainingBoxTitle h3 a{width:116px;height:24px;float:left;text-align:center;line-height:24px;color:#666;background:url('../images/trainingBoxTitleH3.gif') no-repeat left bottom}
#trainingBox .trainingBoxTitle h3 a:hover{background-position:left top;color:#fff}
#trainingBox .trainingBoxTitle h3 a.selected{background-position:left top;color:#fff}
#trainingBox .trainingList{width:680px;padding:0 3px}
#trainingBox .trainingList ul{width:680px;float:left;margin-bottom:10px}
#trainingBox .trainingList li{height:24px;line-height:24px;border-bottom:1px #d8d7d7 solid;background:url('../images/mainArticle.gif') no-repeat 5px -48px;padding:0 5px 0 15px}
#trainingBox .trainingList li a{color:#444}
#trainingBox .trainingList li span{float:right}


.page{height:22px;font-family:Arial, Helvetica, sans-serif;padding:0 20px}
.page div{float:right}
.page span,.page a{padding:0 6px;float:left;border:1px #dfdfdf solid;margin-left:5px;height:20px;line-height:20px;background:url('../images/icon.gif') repeat-x left -255px;text-decoration:none;color:#666}
.page a:hover{color:#ff9900;border:1px #ff9900 solid}
.page span.selected{color:#ff9900;border:1px #ff9900 solid}