/*Version:             1.0.0(2013-01-09)*/
html,body{-webkit-text-size-adjust:none;}
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:12px/150%  Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#333; background:#fff; text-align:left; position:relative;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:12px/150%  Arial,"Lucida Grande",Verdana, Helvetica, sans-serif; color:#333;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}
p{ line-height:normal;}

a{color:#333;text-decoration:none; outline:none;}
a:hover{color:#f60;text-decoration:underline;}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.systemAlert{color:#f30;font-weight:bold;}
a.systemAlert{color:#f30;}

.row{overflow:auto;zoom:1;}
.nav{ padding:5px 10px;}
.nav a{ text-decoration:underline;}
.content{ padding:10px;}

/* __header----------------------------*/
#header { width:100%; background:#6a0c63 url(../Images/topBg.gif) no-repeat center top; }
.headerBox{ width:936px; margin:0 auto; overflow:auto;zoom:1;}
.logo{ float:left;}
.logo a { text-indent:-9999px; display:block; width:500px; height:150px; background: url(../Images/logo.gif) no-repeat center center; }
.search{ float:right; border:1px solid #434343; width:300px; padding:2px; background:#fff; margin-top:60px;}
.search .input{ border:0; width:270px; padding:2px 0; color:#999;}

.topMenu{width:900px; padding-left:36px; margin:0 auto; }
.topMenu li{ display:inline; padding:10px 17px; line-height:40px;}
.topMenu li a{ color:#fff; font-weight:bold; font-style:italic;}
.topMenu .active{ background:url(../Images/active.gif) no-repeat center center; padding:10px 25px;}
.topMenu .active a{ color:#362149;}

.notice{ width:860px; padding:8px 38px; margin:0 auto 10px; background:url(../Images/searchBg.gif) no-repeat center 0; color:#fff;}

/* __pageBody----------------------------*/
#pageBody { width:936px; margin:0 auto; padding:10px 5px; overflow:auto; zoom:1; background:#fff; }
.mainBox{ margin-bottom:10px;}
.mainBox h3{ background:url(../Images/mainBoxTop.gif) no-repeat; padding:10px 0 20px 35px; font-size:18px; color:#fff;}
.mainBox2{ margin-bottom:10px;}
.mainBox2 h3{ background:url(../Images/mainBox2Top.gif) no-repeat; padding:10px 0 20px 35px; font-size:18px; color:#fff;}


.productsBox3{ float:left; width:161px; padding:10px 9px 0; text-align:center; overflow:hidden;}
.productsBox3 .proImg{ margin:0 auto; text-align:center; display: table-cell;vertical-align:middle; *display: block; *font-size: 140px; *font-family:Arial; width:155px; height:155px; border:3px solid #F0F1F5; }
.productsBox3 .proImg img{vertical-align:middle;}
.productsBox3 h4{ padding:2px 0; height: 35px; line-height: 18px;}
.productsBox3 .item{ color:#999; }

/* __sideBar----------------------------*/
#sideBar { width:208px; float:left; overflow:hidden; }
.sideBox{ margin-bottom:10px;}
.sideBox h3{ background:url(../Images/mainBox3Top.gif) no-repeat; padding:10px 0 20px 35px; font-size:18px; color:#fff;}

.sideMenu li a{ display:block;padding:0px 0px 0px 20px; line-height:24px; _height:24px; background:url(../Images/icon01.gif) no-repeat 10px 8px; }
.sideMenu li a:hover{ background:#eee url(../Images/icon01.gif) no-repeat 10px 8px; text-decoration:none;}
.sideMenu li li a{ font-weight:normal; background:url(../Images/icon02.gif) no-repeat 18px 12px; padding:3px 0px 3px 25px;}
.sideMenu li li a:hover{ color:#f60; background:#eee url(../Images/icon02.gif) no-repeat 18px 12px; padding:3px 0px 3px 25px; }
.sideMenu li li li a{ font-weight:normal; background:none; padding:3px 0px 3px 30px;}
.sideMenu li li li a:hover{ color:#f60; background:#eee none; padding:3px 0px 3px 30px; }

.productsBox2{ padding:5px; overflow:auto;zoom:1;}
.productsBox2 .proImg{ float:left; margin:0 auto; text-align:center; display: table-cell;vertical-align:middle; *display: block; *font-size: 60px; *font-family:Arial; width:75px; height:75px; border:1px solid #F0F0F4; overflow:hidden; }
.productsBox2 .proImg img{vertical-align:middle;}
.productsBox2 .proInfo{ float:right; width:115px; overflow:hidden;}
.productsBox2 h4{ padding:5px 0;}
.productsBox2 .item{ color:#999; }


/* __mainBody----------------------------*/
#mainBody { width:720px; float:right; overflow:hidden; }
.mainBox3{ margin-bottom:10px; border:1px solid #ddd;}
.mainBox3 h3{ background:#eee; padding:8px 10px; font-size:12px; font-weight:bold;}

.productBox{ padding:10px; text-align:center;}
.productBox h4{ font-size:14px; margin:10px 0; color:#EE5650; font-weight:bold;}
.productBox .proImgBox{}
.productBox .proImg{ text-align:center; height:100%; display:block; margin-bottom:10px;}
.click{ text-align:center; padding:5px;}

.proDetail{ padding:10px;}
.proDetail h4{font-size:13px; border-bottom:1px solid #ddd; padding:5px 0; margin:5px 0; font-weight:bold;}

.download{ padding:10px;}
.download dl{ margin:5px 0; overflow:auto;zoom:1;  background: url(../Images/icon02.gif) no-repeat 5px 8px; line-height:24px; border-bottom:1px dotted #eee; padding:0;}
.download dt{ float:right; height:24px; color:#666;margin:0 10px;}
.download dd{height:24px; overflow:hidden; margin-left:20px;}

/* __footer----------------------------*/
#footer { width:100%; background:#6a0c63 url(../Images/footBg.gif) no-repeat center top; }
.footerBox{ width:936px; margin:0 auto; color:#fff; padding:15px 0;}
.footerBox a{ color:#fff;}
.footMenu{padding:0; }
.footMenu li{ display:inline; padding:0 5px; font-weight:bold; }
.copyright{ padding:10px 0px; }
/* Nav Pages */
.navpages{padding:5px; }
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #333;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#333;padding:1px 4px;border:1px solid #eee;}
.navpages a:hover{border:1px solid #000;color:#fff;background:#333; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #000;color:#fff;padding:1px 4px;background:#333;}