/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2010-06-28)

==STRUCTURE:============================

*Page width:          1000px
*Number of columns:   3

---------------------------------------*/
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/130%  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/130%  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,a:active{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,a.systemAlert:visited{color:#f30;}

.row{overflow:auto;zoom:1;}
.nav{ padding:5px 10px; font-weight:bold; font-size:10px;}
.nav a{color:#0d2481; text-decoration:underline;}
.content{font-family:Verdana;  padding:10px;}

/* __header----------------------------*/
#header { width:930px; margin:10px auto; }
.logo { float:left; }
.logo a { padding:0px; text-indent:-9999px; display:block; width:275px; height:60px; background: url(../images/logo.gif) no-repeat center center;cursor:pointer; }
.note{ float:left; font-weight:bold; padding:40px 10px 0;}
.topBar{ float:right;text-align:right; width:365px;padding-bottom:10px;}
.topBar a{ font-weight:bold; padding:3px; line-height:24px;}
.topMenu{ clear:both; line-height:29px; background: url(../images/topMenuBg.gif) no-repeat; }
.topMenu ul{ text-align:left; padding-left:15px;background: url(../images/icon01.gif) no-repeat 2px 7px; }
.topMenu li{ display:inline; padding:0; color:#fff;font-size:11px;color:#ddd;}
.topMenu li a{ color:#fff; font-weight:bold;}
.topMenu li a:hover{ color:#fc0;}
.topMenu .active a{ padding:10px; color:#333; background: url(../images/active.gif) no-repeat center center; }
.search{ float:right;color:#fff;padding: 2px 0 2px 20px; width:190px; background: url(../images/icon02.gif) no-repeat 5px 7px; }
.search .input{ width:107px; padding:3px;border:0; background: url(../images/sInputBg.gif) no-repeat left center; }
/* __pageBody----------------------------*/
#pageBody { width:930px; margin:0 auto; overflow:auto;zoom:1; }
/* __sideBar----------------------------*/
#sideBar { width:190px; float:left; overflow:hidden;}
.leftBox {margin-bottom:10px; border:1px solid #c3c0c0; background:#f8f9fd;}
.leftBox h3 { font-weight:bold; color:#0d2481; font-size:14px; text-align:center;line-height:24px;background: url(../images/leftBoxTop.gif) no-repeat;}
.leftMenu li { font-weight:bold; font-size:14px; line-height:26px; background:url(../images/icon03.gif) no-repeat right top; padding:0 10px; }
.leftMenu li a{color:#0d2481; }
.leftMenu li li { border:none; font-size:12px; background:#f8f9fd; margin:0 -10px;}
.leftMenu li li a{color:#333; }
.productsBox{padding:10px 3px; text-align:center;}
.productsBox .proImg{display: table-cell;vertical-align:middle; *display: block; *font-size:165px; *font-family:Arial; width:180px; height:180px;}
.productsBox .proImg img{vertical-align:middle;}
.productsBox h4{}
.productsBox .proInfo{ color:#999;}
.link{ padding:10px;}
/* __mainBody----------------------------*/
#mainBody { width:729px; float:right; overflow:hidden;}
.banner{ margin-bottom:10px;}
.rightBox{ margin-bottom:20px;}
.rightBox h3{ padding-left:20px; line-height:36px;font-size:18px; background: url(../images/rigthBoxTop.gif) no-repeat left bottom;color:#0d2481;  }
.rightBox h3 a{color:#0d2481; }
.rightBox .more{ float:right; padding-right:10px;}
.productsBox2{ float:left; width:180px;padding:20px 30px 0; text-align:center;font-weight:bold;}
.productsBox2 .proImg{display: table-cell;vertical-align:middle; *display: block; *font-size:165px; *font-family:Arial; width:180px; height:180px; border:1px solid #ccc;}
.productsBox2 .proImg img{vertical-align:middle;}
.productsBox2 h4{font-weight:bold; padding:5px 0; height:36px; overflow:hidden;}
.productsBox2 .item{color:#999;}
.productsBox2 .price{color:#999;}
.productsBox2 .price2{color:#999;}

.productBox{ padding:10px;background:#fff;}
.productBox h4{ background:#ccc; padding:5px; font-size:16px; font-weight:bold; margin:10px 0; }
.productBox .proImgBox{float:left; width:350px;}
.productBox .proImg{ width:350px; height:100%;text-align:center; display:block; border:1px #edebed solid;background:#fff; margin-bottom:10px;}
.productBox .smallImg img{ border:1px #eee solid; margin:3px 6px 1px 0;}
.click{ text-align:center;}
.click a,.click a:visited{color:#0d2481;}

.productBox .proInfo{ float:right; margin-bottom:10px;width:300px; padding:10px; background:#f5f5f5; border:1px solid #eee;}
.productBox .item,.productBox .color,.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:#f00;}
.productBox .addCart{padding:20px 0;}
.productBox .prev{ text-align:center;}

.proDetail{ padding:10px;background:#fff;}
.proDetail h3{font-weight:bold; font-size:14px; border-bottom:3px solid #ddd; padding:5px 0; margin:5px 0;color:#0d2481;}
.proDetail .content{ font-family:Verdana; padding:0;}

/* __footer----------------------------*/
#footer { width:930px; margin:0 auto; padding-bottom:10px; text-align:center;}
.footNav{ margin-bottom:5px; height:63px; overflow:hidden;}
.footMenu{ border-top:3px solid #57a6e8; font-weight:bold; line-height:24px;}
.lang{ float:left;width:180px; height:65px; overflow:hidden;}
.footKeyword{ padding:20px 0;}
/* Nav Pages */
.navpages{padding:5px; margin-top:10px;border:1px solid #eee;}
.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: #1C1C03;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#1C1C03;padding:1px 4px;border:1px solid #fff;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #ea0637;color:#fff;padding:1px 4px;background:#ea0637}

.sitemap h4{ font-weight:bold;border-bottom:1px solid #ddd;}
.sitemap h4 a,.category h4 a:visited{color:#990000; line-height:28px;}
.sitemap ul{overflow:auto; zoom:1;}
.sitemap li{ float:left; padding:5px 10px; width:150px; overflow:hidden;}


.tabbor{ border:#CCCCCC solid 1px;}
.tdbotbor{ border-bottom:#CCCCCC solid 1px;}
.zhushi{ color:#0066CC; font-weight:bold;}
.tdred{ color:#FF0000;}
.bigstro{ font-size:14px; font-weight:bold;}
.tishiz{ color:#666666; font-weight:bold;}