/*Version:             1.0.0(2014-06-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:#666; background:#fff url(../Images/bg.gif) repeat-x; 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;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}

a{color:#666;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 5px 25px; background:#fcfcfc url(../Images/icon02.gif) no-repeat 10px 10px;border-bottom:1px solid #e7e7e7;}
.nav a{ text-decoration:none;color:#333;}
.content{ padding:10px;}

/* __header----------------------------*/
#header { width:940px; margin:0 auto; }
.headerBox{ overflow:auto;zoom:1; margin-bottom:10px;}
.logo{ float:left;}
.logo a { text-indent:-9999px; display:block; width:200px; height:80px; background: url(../Images/logo.gif) no-repeat center bottom; }
.topBar{ float:right; text-align:right; }
.search{ margin:5px 0; border:1px solid #e7e7e7; background:url(../Images/inputBg.gif) repeat-x; width:196px;}
.search .input{ border:0; padding:1px 5px; line-height:18px; color:#ddd; width:165px;background:url(../Images/inputBg.gif) repeat-x 0 -2px;}

.topContact{ padding:15px 0 5px;}

.topMenu{ clear:both; background:url(../Images/topMenu.gif) no-repeat;text-align:center;}
/*.topMenu li{ display:inline; padding:5px 20px; line-height:34px;}
.topMenu li a{ font-weight:bold; color:#fff; font-size:14px;}
.topMenu .menuDiv{ background:url(../Images/menuDiv.gif) no-repeat center center; width:1px; overflow:hidden;}*/

/*start define menus*/
.menus { line-height:34px; height:34px; position:relative; z-index:1;background: url(../Images/topMenuBg.gif) repeat-x;}
.menus .menuDiv{background:url(../Images/menuDiv.gif) no-repeat center center; width:1px; overflow:hidden;}
.menus li.top {display:block; float:left; padding:0px 27px; color:#d5d2d2; text-align:left;}
.menus li a.top_link {display:block; float:left; text-transform:uppercase; text-decoration:none; text-align:center; cursor:pointer; color:#fff;}
.menus li a.top_link span {float:left; display:block; padding:0; height:22px;}
.menus li a.top_link span.down {float:left; display:block; padding:0; height:22px; }
.menus li a.top_link:hover { color:#fff;}
.menus li a.top_link:hover span {}
.menus li a.top_link:hover span.down {}
.menus li:hover > a.top_link {}
.menus li:hover > a.top_link span {}
.menus li:hover > a.top_link span.down {}

.menus table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menus a:hover {visibility:visible; position:relative; z-index:200;}
.menus li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menus ul, 
.menus :hover ul ul, 
.menus :hover ul :hover ul ul,
.menus :hover ul :hover ul :hover ul ul,
.menus :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menus :hover ul.sub {left:-35px; top:34px; background:#25345E; border:none; white-space:nowrap; width:200px; height:auto; z-index:300;opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
.menus :hover ul.sub li {display:block; height:36px; position:relative; float:left; width:150px; font-weight:normal; text-transform:none;}
.menus :hover ul.sub li a {display:block; font-size:12px; height:36px; width:200px; line-height:36px; text-decoration:none; cursor:pointer; border-bottom:1px solid #061438;  color:#fff; text-align:center;}
.menus :hover ul.sub li a.fly {background:#25345E; border-top:1px solid #999;}
.menus :hover ul.sub li a:hover {background:#061438;}
.menus :hover ul.sub li a.fly:hover {background:#061438;}
.menus :hover ul li:hover > a.fly {background:#25345E;} 

.menus :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul :hover ul
{left:200px; top:0; background:#25345E; padding:0px; border:none; white-space:nowrap; width:150px; z-index:400; height:auto;}

.menus :hover ul :hover ul li { float:left}
/*end define menus*/

.banner{ margin-bottom:10px;}

/* __pageBody----------------------------*/
#pageBody { width:940px; margin:0 auto; padding:10px 0; overflow:auto; zoom:1; }

.leftBox{ float:left; width:470px;}
.mainBox{ background:url(../Images/mainBoxTop.gif) no-repeat; padding:30px 10px 10px;}
#demo{overflow:hidden;width:420px; height:120px;}
.productsBox{ float:left; width:120px; padding:10px; text-align:center; }
.mainBox2{ background:url(../Images/mainBox2Top.gif) no-repeat; padding:30px 10px; overflow:auto;zoom:1;}
.mainBox2 .mainTel{ float:left; font-size:18px; font-style:italic; color:#031034; background:url(../Images/mainTel.gif) no-repeat 0 center; padding:10px 10px 10px 35px;}
.mainBox2 .mainEmail{ float:left;}

.rightBox{ float:right; width:465px;}
.mainBox3 h3{ background:url(../Images/mainBox3Top.gif) no-repeat; font-size:14px; font-weight:bold; color:#fff; padding:5px 15px;}
.mainBox3 .more{ float:right; padding:8px 0;}
.mainNews{ overflow:auto;zoom:1; padding:10px;}
.mainNews .newsImg{ float:left; width:116px;overflow:hidden;}
.mainNews .newsInfo{ float:right; width:310px; overflow:hidden;}
.mainNews2 dl{ overflow:auto;zoom:1; background:url(../Images/icon01.gif) no-repeat 5px 12px; padding:3px 0 3px 15px; border-bottom:1px dotted #ddd;}
.mainNews2 dd{ margin:0; float:left; width:380px;}
.mainNews2 dd a{ color:#666;}
.mainNews2 dt{ float:right; width:65px; color:#aaa;}


/* __mainBody----------------------------*/
#mainBody { width:700px; float:right; overflow:hidden; }
.mainBox4{ margin-bottom:10px;}
.mainBox4 h3{ background:url(../Images/mainBox4Top.gif) repeat-x 0 12px; padding:10px 0; font-size:18px; color:#333;}
.mainBox4 h3 span{ background:#fff; padding-right:10px;}


#demo20{overflow:hidden;height:235px;width:740px; margin:0 auto;}

.productsBox{ float:left; width:157px; padding:10px 8px; text-align:center; overflow:hidden;}
.productsBox .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:1px solid #eee; }
.productsBox .proImg img{vertical-align:middle;}
.productsBox h4{ padding:5px 0; height:28px; overflow:hidden;}
.productsBox .item{ color:#999; }

/* __sideBar----------------------------*/
#sideBar { width:220px; float:left; overflow:hidden; }
.sideBox{ margin-bottom:10px; border:1px solid #dbd8d8;}
.sideBox h3{ background:#eeecec; border-bottom:1px solid #dbd8d8; padding:10px; font-size:18px; color:#333;}

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

.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 #eee; overflow:hidden; }
.productsBox2 .proImg img{vertical-align:middle;}
.productsBox2 .proInfo{ float:right; width:125px; overflow:hidden;}
.productsBox2 h4{ padding:5px 0;}
.productsBox2 .item{ color:#999; }

.productBox{ padding:10px 0;}
.productBox h4{ font-size:14px; margin:10px 0; color:#333; font-weight:bold;}
.productBox .proImgBox{float:left; width:350px;}
.productBox .proImg{ text-align:center; width:350px; height:100%; display:block; border:1px solid #eee;background:#fff; margin-bottom:10px;}
.smallBox{ clear:both; overflow:auto;zoom:1;}
.smallBox .smallImg{ float:left;display: table-cell;vertical-align:middle; *display: block; *font-size: 105px; *font-family:Arial; width:120px; height:120px; border:1px dotted  #eee; margin:5px 10px 5px 0; background:#fff;}
.smallBox .smallImg img{vertical-align:middle;}
.click{ text-align:center;}

.productBox .proInfo{ float:left; padding-left:20px; width:300px;}
.productBox .item,.productBox .size,.productBox .price{ border-bottom:1px dotted #ddd; padding:8px 0; font-size:12px;}
.productBox .price strong{ color:#333;}
.productBox .price{font-weight:bold; color:#C12924;}
.productBox .addCart{padding:20px 0;}
.productBox .prev{ text-align:center; padding:10px;}
.productBox .prev a{ padding:0 5px;}

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


.newsBox{padding:10px 5px;}
.newsBox dl{ border-bottom:1px dotted #ddd; padding:3px 0;}
.newsBox dt{ float:right; color:#999; font-size:11px;}
.newsBox dd{ margin:0;height:20px; overflow:hidden; background:url(../Images/icon01.gif) no-repeat 3px 8px; padding-left:10px; }


.newsBox2{ padding:10px;}
.newsBox2 h4{ font-weight:bold; text-align:center; font-size:14px;}
.newsBox2 .data{ color:#aaa; text-align:center;margin:10px 0;}
.newsBox2 li a{ color:#45810c;}

/* __footer----------------------------*/
#footer { width:940px; margin:0 auto; background:url(../Images/footBg.gif) no-repeat; padding-top:20px; text-align:center; }

/* 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;}


/* __feedBox----------------------------*/
.feedBox h5{ text-transform:uppercase; font-weight:bold;}
.feedBox td{ padding:5px; color:#333; font-size:14px; font-family:"Times New Roman", Times, serif;}
.feedBox .input{ padding:2px; border:1px solid #ddd; background:#fefefe; width:240px;}
.feedBox .note{ color:#FF0000;}
.feedBox .textarea{ border:1px solid #ddd; background:#fefefe; width:320px; height:100px;}
.feedBox .signBtn{ background:url(../Images/signBtn.gif) repeat-x; border:1px solid #db4e00; padding:2px 10px; font-weight:bold; color:#fff; cursor:pointer;}

#alertmsg{display:none; border:8px solid #006699; background:#fff; padding:10px; position:fixed; left:32%; z-index:1001; width:450px; top:200px; _margin-bottom:0px; cursor:pointer; _position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
#alertmsg h3{text-align:center; font-size:36px; font-weight:bold; color:#62BB51; }
#alertmsg #msginfo{ padding:20px 10px; font-size:12px; color:#666; line-height:24px;}
#alertmsg #msginfo ul li{ list-style:disc; color: #ff0000; margin: 5px 20px;}
#alertmsg .btndiv{ text-align: center;}
#alertmsg .btndiv .btn{ background:#5AB349;border:1px solid #5AB349; color:#fff; padding:3px 10px; cursor:pointer;}
#overlay{ position:fixed;*position:absolute;top:0;left:0;width:100%;height:100%;background:#006699;opacity:0.3;filter:alpha(opacity=30);display:none;z-index:1000;}