@charset "utf-8";
/*Version:             1.0.0(2015-01-16)*/
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 url(../Images/topBg.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; 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;}
.btn01{ background:#fff url(../Images/btnBg.gif) repeat-x center center; padding:2px 10px; border:1px solid #cecece; color:#333; cursor:pointer;}


/* __header----------------------------*/
#header { width:1000px; margin:0 auto; }
.topNav{ }
.topNav2{ padding:4px;}
.lang{ float:right;}

.headerBox{ background:url(../Images/topBg2.gif) repeat-x; overflow:auto;zoom:1;}
.logo{ float:left; padding:35px 0;}
.logo a { text-indent:-9999px; display:block; width:560px; height:130px; background: url(../Images/logo.png) no-repeat center center; }
.topMenu{ text-align:center; background:url(../Images/topMenu.gif) no-repeat; border-bottom:1px solid #151515;}
.topMenu li{ display:inline; padding:15px 29px; line-height:38px;}
.topMenu li a{ color:#fff; font-size:18px;}
.searchBox{ background:#e4e4e4;overflow:auto;zoom:1;}
.keywords{ float:left; padding:10px;}
.search{ float:right; padding:5px; }
.search .input{ width:180px; border:0; border:0; padding:4px; margin-right:-3px;}

/* __pageBody----------------------------*/
#pageBody { width:1000px; margin:0 auto; overflow:auto; zoom:1; background:#fff; }

/* __sideBar----------------------------*/
#sideBar { width:225px; float:left; overflow:hidden; }
.sideBox{ background:#0175c8; }
.sideBox h3{ background:url(../Images/sideBoxTop.gif) no-repeat; padding:12px; font-size:24px; color:#fff; text-align:center; text-transform:uppercase;}
.sideBox2{ background:#cbcfce; }
.sideBox2 h3{ background:url(../Images/sideBoxTop.gif) no-repeat; padding:12px; font-size:24px; color:#fff; text-align:center; text-transform:uppercase;}

.sideMenu li a{ display:block; padding-left:10px; color:#fff; line-height:28px; border-bottom:1px  dotted #4e9fd9;}
.sideMenu li a:hover{ background:#01449d; text-decoration:none;}
.sideMenu li li{ border:none;}
.sideMenu li li a{ font-weight:normal; background:url(../Images/icon02.gif) no-repeat 15px 10px; padding-left:20px; }
.sideMenu li li a:hover{ background:#01449d url(../Images/icon02.gif) no-repeat 15px 10px; }

/* __mainBody----------------------------*/
#mainBody { width:734px; float:right; padding:10px 0; overflow:hidden; }
.aboutBox{ padding:20px 0; overflow:auto;zoom:1;}
.aboutInfo{ float:left; width:380px; font-family:"Trebuchet MS";}
.aboutInfo h4{ font-family:"Times New Roman"; font-size:36px; padding:20px; font-style:italic; text-align:center;}
.aboutImg{ float:right;}
.aboutImg img{ border-radius:10px;}

.mainBox{ margin-bottom:10px;}
.mainBox h3{ background:url(../Images/mainBoxTop.gif) no-repeat;padding:12px; font-size:24px; color:#fff; }
.mainBox .note{ padding:10px; font-size:12px; font-weight:bold; color:#0175C8; border:2px solid #eee;}
.productsBox{ float:left; width:350px; overflow:auto;zoom:1; padding:10px 10px 10px 0;}
.productsBox .proImg{ float:left; width:155px;}
.productsBox .proInfo{ float:right; width:190px;}
.productsBox h4{ font-weight:bold;}
.productsBox .detail{ color:#999;}

.productBox{ padding:10px;}
.productBox h4{ font-size:14px; margin:10px 0; color:#01449D; 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;}
.proDetail h3{font-size:13px; border-bottom:1px solid #ddd; padding:5px 0; margin:5px 0; color:#01449D; font-weight:bold;}

/* __footer----------------------------*/
#footer { width:1000px; margin:0 auto; }
.footMenu{ text-align:center; background:url(../Images/topMenu.gif) no-repeat; border-bottom:1px solid #0576C1;}
.footMenu li{ display:inline; padding:15px 30px; line-height:38px;}
.footMenu li a{ font-size:18px; color:#fff;}
.footNavBox{ background:#4ECBF1 url(../Images/topBg2.gif) repeat-x; padding:20px; overflow:auto;zoom:1;}
.footNav{ float:left; width:278px; height:100px; padding:20px; background:#48C4ED; border:1px solid #fff; }
.footNav h4{ color:#fff; font-weight:bold; font-size:14px; padding:2px 0;}
.footNav li{ padding:2px 0;color:#fff; font-weight:bold;}
.footNav li a{ color:#fff; font-weight:bold;}
.copyright{ background:url(../Images/topMenu.gif) no-repeat; padding:10px; text-align:center; color:#fff; font-weight:bold;}


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

/* Floatservice */
#Floatservice { position:absolute;top:100px;right:10px;z-index:2000;width:150px;}
.Floatservice { width:138px; position:relative;font-size:12px;text-align:left; line-height:18px; }
.Floatservice h3{ background:url(../Images/fsTop.png) no-repeat left top; color:#fff; font-weight:bold; height:18px; font-size:12px; padding:5px 5px 5px 35px;}
.Floatservice ul{ padding:5px 10px 2px;background:url(../Images/fsBg.gif) repeat-y;}
.Floatservice li{ background:url(../Images/fsMenuBg.gif) repeat-x left bottom; border:1px solid #dcf6f9; height:23px; padding:5px 3px 0px; margin-top:2px; }
.Floatservice li a{ font-weight:bold; font-size:12px;color:#71dbe4;}
.Floatservice li a:hover{ color:#f30; text-decoration:none;}
.Floatservice .bottom{ background:url(../Images/fsBottom.png) no-repeat left bottom; padding:15px 0 10px 23px; font-size:11px; font-weight:bold; color:#000;}
.Floatservice #closeFloat{ position:absolute; top:0; right:0; height:25px; text-indent:-9999px; cursor:pointer}
.Floatservice #closeFloat span{ display:block; width:25px; height:25px;}

.Floatservice .fsQq{ background:url(../Images/fsQq.gif) no-repeat 0 2px; padding:5px 5px 5px 30px;}
.Floatservice .fsWw{ background:url(../Images/fsWw.gif) no-repeat 0 2px; padding:5px 5px 5px 30px; }
.Floatservice .fsMsn{ background:url(../Images/fsMsn.gif) no-repeat 0 2px; padding:5px 5px 5px 30px;}
.Floatservice .fsYahoo{ background:url(../Images/fsYahoo.gif) no-repeat 0 2px; padding:5px 5px 5px 30px;}
.Floatservice .fsSkype{ background:url(../Images/fsSkype.gif) no-repeat 0 2px; padding:5px 5px 5px 30px;}
.Floatservice .fsEmail{ background:url(../Images/fsEmail.gif) no-repeat 0 3px; padding:5px 5px 5px 30px; }