/* CSS Document */
body{ background:url(images/body.jpg) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 auto; padding:0; font-size:12px}
a{text-decoration:none}
h1,h2,h3,p{margin:0; padding:0;}
#top,#recommend,#content,#footer{margin:0 auto}
#top{background:url(images/menu.jpg) no-repeat; height:104px; padding:20px 10px 0 33px; width:952px; border-bottom:3px solid #A9A9A7}
.topLink{ text-align:right}
.topLink a{color:#003586; font-size:10px; padding:0 5px; border-right:1px solid #003586}
.logo{background:url(images/logo.jpg) no-repeat; height:74px; width:300px; float:left }
.logo span{font-size:1px; display:none}
.menu{float:right; padding-top:55px;}
.menu a{color:#562231; font-size:13px; font-weight:bold; margin-left:15px}
#recommend{ background:url(images/recommend.jpg) no-repeat; height:192px; padding:20px 0 0 220px; width:775px; }
.hotBuy{float:left; padding-top:105px; width:450;color:#7b0e10; font-weight:bold}
.hotBuy a img{border:0}
.hotIntro{ float:left; width:450px; text-align:justify;line-height:160%}
.hotIntro p{ padding-bottom:15px}
#content{width:962px; padding:30px 0 20px 33px; background-color:white; height:100%; overflow:auto}
.left{float:left; width:247px}
.nav{list-style:none; padding:4px 0 15px 0; margin:0; background:url(images/nav.jpg) no-repeat white; border:1px solid #CCC; margin-bottom:20px}
.nav .title,.h2{color:#7b0e10; font-size:12px}
.nav .title{ background:url(images/title.jpg) no-repeat left center; height:30px; padding-left:33px; }
.nav li{padding-left:25px; line-height:190%}
.nav li a{color:black}
.nav li a:hover{ background-color:#FFFF00}
.right{ float:left; padding-left:70px}
.h2{ font-size:16px; clear:left;padding:5px 0}
.intro{padding:15px 0; line-height:170%; width:525px; clear:left; text-align:justify}
.buyDown{padding:10px; clear:left}
.buy,.download{width:109px; height:32px; display:block; float:left; margin-right:5px}
.buy{ background:url(images/buy-now.jpg) no-repeat;}
.download{ background:url(images/download.jpg) no-repeat;}
.buyDown span{ display:block; width:85px; float:left; font-weight:bold; font-size:11px; color:#7b0e10; line-height:25px}
.feature{ padding:0px; margin:10px 0; width:525px}
.feature li{ background:url(images/list.jpg) no-repeat left 5px; list-style:none; padding-left:20px; line-height:170%; text-align:justify}
.redSpan{color:#623240; font-weight:bold; display:block}
#footer,.tLink a{color:#6D6D6D;font-weight:bold; font-size:12px}
#footer{background:url(images/footer.jpg) repeat-x top left #D7D8D2; clear:both; height:120px; text-align:center; width:996px;}
.tLink{ margin-bottom:20px}
.tLink a{ line-height:23px; padding:0 4px; border-right:1px solid #6D6D6D}
.box{ float:left; margin:0 5px 0 0; width:150px; height:166px}
.red{color:red;font-weight:bold;}
.bText{font-weight:bold}