@charset "utf-8";
/* Common CSS */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; background:url(../images/body_bg.jpg) top no-repeat #FFFFFF; height:100%; background-attachment:fixed; }
img { border:0; }
a { text-decoration:none; color:#000000; }
.clear { clear:both; }
.center { margin-left:auto; margin-right:auto; }
.width { width:980px; }
.width_95 { width:98%; }
.float_left { float:left; }
.float_right { float:right; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.font_color { color:#575757; }
.space_15 { height:15px; overflow:hidden; }
.space_30 { height:30px; overflow:hidden; }


/*********************** header ************************/
.header { width:973px; height:196px; background:url(../images/header_bg.jpg) no-repeat left top; }
.header h1 { width:190px; height:135px; margin:0px; padding:0px; text-indent:-9999px; position:absolute; top:55px; }
.header h1 a{ width:100%; height:100%; margin:0px; padding:0px; text-align:left; display:block; }


.horiz_nav { margin:0px; padding:0px; position:absolute; top:63px; left:550px; }
.horiz_nav ul { list-style:none; }
.horiz_nav ul li { display:inline; font-size:12px; }
.horiz_nav ul li a { padding:0 5px 0 5px; color:#000; }
.horiz_nav ul li a:hover { color:#009900; }

/********************** top nav **********************/
.top_nav { position:relative; top:110px; left:205px; width:768px; }
.top_nav ul { padding-top:10px; list-style:none; }
.top_nav ul li { margin:5px 32px 0 32px;; padding:0; display:inline; font-family: "微软雅黑"; font-size:14px; font-weight:bold; }
.top_nav ul li a { color:#FFFFFF; }
.top_nav ul li a:hover{ color:#FFDE25; }


/***********************************************/
#top { width:695px;height:420px;margin:0 auto;padding:0; }
#top .left { width:417px;height:420px;margin:0 15px 0 0;padding:0;float:left; }
#top .right { width:263px;height:440px;margin:0;padding:0;float:left; } 
#goal { width:263px; height:197px; }
#goal h2 { font-size:12px; padding-bottom:5px; }
#goal p#righttext{ line-height:19px; font-size:12px; text-indent:20px; }
#goal p#bottomtext { font-size:12px; }
#video { width:263px; height:200px; margin:0; }
#divider { width:695px;height:17px;margin:0 auto;padding:0;background:url(images/divider.gif) no-repeat; }
#middle { width:695px;height:227px;margin:0 auto;padding:0; }
#middle .box { width:225px;height:210px;margin:0 10px 0 0;padding:0;float:left; }
#middle .lastbox { width:225px;height:210px;margin:0;padding:0;float:left; }
#bottom { width:700px;height:310px;margin:0 auto;padding:0; }
#bottom h2 { width:700px;height:44px;background:url(images/mostpopularheading.gif) no-repeat; }
.bottombox { width:167px;margin:0 9px 0 0;float:left; }
#lastbottombox { width:167px;float:left; }
#bottom h1 { margin:0;padding:10px 4px 5px 4px; font-size:14px; }
#bottom p { margin:0;padding:0 4px;color:#6A6A6A; font-size:12px; }
#buttonrow { width:700px;height:37px }
.button { width:175px;height:37px;float:left; }


/************************** text nav ***************************/
.gallery_box { background:#EEEEEE; }
.text_nav { color:#575757; line-height:25px; border-bottom:1px solid #D5D5D5; }
.series_name { font-size:26px; font-family: "微软雅黑"; font-weight:bold; padding:15px 0; }
.series_description { border-bottom:1px dotted #D5D5D5; padding-bottom:10px; }
.product_box { width:200px; height:360px; position:relative; margin-right:30px; }
.product_box h3,.product_box h4 { font-size:14px; padding-top:5px; }
.product_box h5 { font-size:12px; font-weight:normal; line-height:16px; }
.product_box .learnmore { position:absolute; top:320px; }
.last { margin-right:0; }
.borderbottom { border-bottom:1px solid #D5D5D5; height:10px; overflow:hidden; margin-bottom:10px; }
.text_box { height:288px; width:348px; background:#EEEEEE; border:1px solid #D5D5D5; line-height:22px; text-indent:24px; padding:10px 20px 0 20px; color:#575757; }
.text_box p { padding:10px; }
.tab ul { list-style:none; }
.tab ul li { float:left; }
.tab ul li a { float:left; width:80px; height:24px; border-top:1px solid #D5D5D5; border-left:1px solid #D5D5D5; display:block; line-height:25px; text-align:center; outline:none; hide-focus:expression(this.hideFocus=true); }
.tab ul li a.last { border-right:1px solid #D5D5D5; }
.tab1 { border:1px solid #D5D5D5; background:#EEEEEE; height:200px\9; min-height:200px; padding:20px 10px; line-height:18px; }
.tab1 .split { border-bottom:1px solid #969696; padding-bottom:10px; }
.tab1 h3 { font-size:20px; font-family: "微软雅黑"; font-weight:bold; padding:15px 0; color:#2D2D2D; }
.tab1 .video { width:680px; overflow:hidden; padding-bottom:20px; }
.tab1 .video ul { list-style:none; }
.tab1 .video ul li { padding-left:24px; padding-top:20px; float:left; }
.tab1 .video ul li a { }
.tab1 .video ul li a img { border:3px solid #2b2a2a; }
.tab1 .video ul li span a { text-align:center; line-height:20px; color:#FFFFFF; text-decoration:underline; color:#575757; width:190px; text-align:center; display:block; }
.tab1 .video ul li span a:hover { color:#56a646; }
.tab1 .video ul li a:hover img { border:3px solid #56a646; }
/* hack for ie6 */
* html .tab1 .video ul li a img { border:none; }
* html .tab1 .video ul li a:hover img { border:none; }
* html .tab1 .video ul li a { border:3px solid #2b2a2a; }
* html .tab1 .video ul li a:hover { border:3px solid #56a646; }
* html .tab1 .video ul li span a { text-align:center; line-height:20px; color:#FFFFFF; text-decoration:underline; color:#575757; border:none; width:190px; text-align:center; display:block; }
* html .tab1 .video ul li span a:hover { color:#56a646; border:none; }

.contact { margin-bottom:60px; }
.contact p { line-height:30px; }

.faq { padding-left:40px; padding-bottom:20px; }
.faq ul li { line-height:20px; }

.faqlist { padding:15px 0; }
.faqlist p { text-indent:25px; color:#6C6C6C; padding-top:5px; line-height:18px; }

.video { width:738px; }
.video dl dt, .video dl dd { float:left; color:#969696; text-align:left; padding-top:15px; line-height:18px; }
.video dl dd { margin-left:20px; text-indent:20px; width:480px; }
.video dl dd h1 { font-size:14px; font-weight:bold; color:#575757; }
.video dl dd p { text-indent:20px; }

.back { text-align:center; padding:20px 0; }
.back img { cursor:pointer; }

.catalog { padding-left:15px; }


/*********************** foot ******************************/
.footer { width:918px; height:94px; color:#000; background:url(../images/footer_bg.gif) no-repeat; padding-bottom:10px; position:relative; left:3px; *left:4px; }
.footer a { color:#000; }
.footer ul { list-style:none; padding-left:180px; }
.footer ul.first { padding-top:30px; }
.footer ul li { display:inline; line-height:20px; }
.footer ul li a { padding:0px 3px 0px 3px; color:#000; }