/*Version:             1.0.0(2012-05-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:11px/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:11px/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:#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:#a11c6a;font-weight:bold;}
a.systemAlert{color:#a11c6a;}

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

/* __header----------------------------*/
#header { width:1000px; margin:0 auto; }
.search{ text-align:right; padding:10px 0;}
.search .input{ border:1px solid #ddd; padding:2px; color:#999; width:150px; margin:0 -3px;}
.search .select{ width:150px;}

.banner{ position:relative;}

.headerBox{ overflow:auto;zoom:1; position:absolute; left:0; top:0;}
.logo{ float:left;}
.logo a { text-indent:-9999px; display:block; width:360px; height:100px; background: url(../images/logo.gif) no-repeat 20px center; }

.topMenu{ float:left; width:640px; padding-top:8px;}
.topMenu li{ display:inline; background:url(../images/icon01.gif) no-repeat 10px 4px; padding:0 30px 0 17px;}
.topMenu li a{ font-size:14px; font-weight:bold; color:#fff; text-transform:uppercase;}

.banner{ padding-bottom:20px; background:url(../images/bannerBg.gif) repeat-x 0 bottom;}

/* __pageBody----------------------------*/
#pageBody { width:1000px; margin:0 auto; overflow:auto; zoom:1; background:url(../images/pageBg.gif) repeat-y; }

/* __sideBar----------------------------*/
#sideBar { width:220px; float:left; overflow:hidden; }
.sideBox h3{ background:url(../images/sideBoxTop.gif) no-repeat; padding:20px 0 19px; font-size:18px; color:#fff; text-align:center;}
.sideBox .content{ padding:0 12px 0 0;}
.sideMenu{padding:10px;}
.sideMenu li{ background:url(../images/icon01.gif) no-repeat 0px 10px; padding:5px 8px; border-bottom:1px dotted #5b5b5d;}
.sideMenu li a{ font-size:12px; color:#fff;}
.sideMenu li a:hover{ color:#a11c6a;}
.sideMenu li li{ border:0;}

.pic01{ padding:10px; text-align:center;}

/* __mainBody----------------------------*/
#mainBody { width:770px; float:right; overflow:hidden; padding:10px 0 0; }

.mainBox{ position:relative;}
.mainBox h3{ background:url(../images/mainBoxTop.gif) no-repeat; font-size:14px; font-weight:bold; color:#fff; padding:5px 10px;}
.mainBox .newPro{ position:absolute; right:0; top:-2px;}

.productsBox{ float:left; width:147px; overflow:hidden; padding:10px 3px; }
.productsBox .proImg{  text-align:center; margin:0 auto; display: table-cell;vertical-align:middle; *display: block; *font-size: 130px; *font-family:Arial; width:145px; height:145px; border:1px solid #8C8E8C;}
.productsBox .proImg img{vertical-align:middle;}
.productsBox h4{ padding:5px 0 0; font-size:12px; }
.productsBox h4 a{ color:#000;}

.mainBox2 h3{ background:url(../images/mainBoxTop.gif) no-repeat; font-size:14px; font-weight:bold; color:#fff; padding:5px 10px;}
.mainBox2 .more2{ float:right;}


.productsBox2{ float:left; width:132px; overflow:hidden; padding:10px 11px;  text-align:center; }
.productsBox2 .proImg{ margin:0 auto; display: table-cell;vertical-align:middle; *display: block; *font-size: 115px; *font-family:Arial; width:130px; height:130px; border:1px solid #8C8E8C;}
.productsBox2 .proImg img{vertical-align:middle;}
.productsBox2 h4{ padding:5px 0 0; font-size:12px; }
.productsBox2 h4 a{ color:#000;}

.cateBox{ float:left; width:150px; overflow:hidden; padding:10px 0 0; border:1px solid #e1e1e1;}
.cateBox .cateImg{}
.cateBox h4{ padding:5px; }
.cateBox h4 a{ color:#a11c6a; font-size:14px; font-weight:bold;}
.cateBox ul{ height:100px; overflow:hidden;}
.cateBox li{ padding:0px 5px;}
.cateBox .more a{ color:#a11c6a; padding:0 5px;}


.productBox{background:url(../images/mainBox5Bg.gif) repeat-y 0 0; margin-bottom:10px;}
.productBox .top{ background:url(../images/mainBox5Top.gif) no-repeat 0 top; height:10px;}
.productBox .bottom{ background:url(../images/mainBox5Bottom.gif) no-repeat 0 bottom; height:10px;}
.productBox h4{ font-size:14px; margin:10px 0; color:#a11c6a; font-weight:bold;}
.productBox .proImgBox{ float:left; width:350px; padding-left:10px;}
.productBox .proImg{ text-align:center; width:350px; height:100%; display:block; 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 #333; margin:5px 10px 5px 0; background:#fff;}
.smallBox .smallImg img{vertical-align:middle;}
.click{ text-align:center;}
.click a,.click a:visited{color:#5faae5;}

.productBox .proInfo{ float:left; padding-left:20px; width:350px;}
.productBox .item,.productBox .size,.productBox .price{ padding:3px 0; font-size:12px; border-bottom:1px dotted #eee;}
.productBox .item strong{ color:#000; font-weight:normal;}
.productBox .prev{ text-align:center; padding:10px;}
.productBox .prev a{ padding:0 5px;}

.proDetail{background:url(../images/mainBox5Bg.gif) repeat-y 0 0; margin-bottom:10px;}
.proDetail .top{ background:#fff url(../images/mainBox5Top.gif) no-repeat 0 bottom; padding:8px 20px;}
.proDetail .top span{ background:#fff; font-size:14px; color:#a11c6a; font-weight:bold; padding:0 10px;}
.proDetail .content{ width:720px;}
.proDetail .bottom{ background:url(../images/mainBox5Bottom.gif) no-repeat 0 bottom; height:10px;}


.feedback{background:url(../images/mainBox5Bg.gif) repeat-y  0 0; margin-bottom:10px;}
.feedback .top{ background:#fff url(../images/mainBox5Top.gif) no-repeat 0 bottom; padding:8px 20px;}
.feedback .top span{ background:#fff; font-size:14px; color:#a11c6a; font-weight:bold; padding:0 10px;}
.feedback .bottom{ background:url(../images/mainBox5Bottom.gif) no-repeat 0 bottom; height:10px;}

/* __footer----------------------------*/
#footer { width:1000px; margin:10px auto; text-align:center; }
.copyright{ padding:5px; background:#404040; color:#fff;}
.copyright a{ color:#fff;}
.copyright2{ padding:5px;}


/* Nav Pages */
.navpages{padding:5px; margin-bottom:10px;}
.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 #ddd; background:#fff;}
.navpages a:hover{border:1px solid #67A10D;color:#fff;background:#82C61B; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #67A10D;color:#fff;padding:1px 4px;background:#82C61B;}