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

==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: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, Lucida, 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:link,a:visited{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;}
.nav a,.nav a:visited{ text-decoration:underline;color:#1265e1;}
.content{ padding:10px;}

/* __header----------------------------*/
#header { width:986px; margin:0 auto; overflow:auto; zoom:1; }
.logo { float:left;}
.logo a { padding:0px; text-indent:-999px; display:block; width:308px; height:60px; background: url(../images/logo.gif) no-repeat center bottom; }
.note{ float:left; width:205px; padding:10px; font-size:10px; font-weight:bold; line-height:12px;}
.topBar{ float:right;}
.topNav{ background: url(../images/topNavBg.gif) no-repeat; line-height:29px; width:377px; text-align:center; color:#999; }
.topNav a{ padding:0 10px;}
.shop{ background: url(../images/shop.gif) no-repeat; padding-left:20px; font-weight:bold; margin:10px 20px; }
.topMenuBox{ clear:both; background: url(../images/topMenuBg.gif) no-repeat; height:112px; }
.topMenu{ text-align:center;}
.topMenu li{ display:inline; padding:0 5px; color:#fff; line-height:40px; font-size:12px; font-weight:bold;}
.topMenu li a,.topMenu li a:visited{ color:#fff;}
.topMenu .active{ background: url(../images/active.gif) no-repeat; }
.topMenu .active a,.topMenu .active a:visited{ color:#333; padding:8px 15px;}
.freeJoin{ float:right; background:#000;filter: alpha(opacity=0);opacity: 0.0; width:180px; height:60px; display:block;}
.keyword,.keyword2,.search{ padding:0 120px;}
.search .input{ width:350px; height:16px;}
.search .select{ width:200px;}
/* __pageBody----------------------------*/
#pageBody { width:986px; margin:10px auto; overflow:auto; zoom:1; }
/* __sideBar----------------------------*/
#sideBar { width:200px; float:left; overflow:hidden; }
.leftBox{ border:1px solid #e5d3e5; margin-bottom:10px;}
.leftBox h3{ border:1px solid #fff; background: url(../images/leftBoxTop.gif) repeat-x;line-height:21px; padding:0 10px; font-weight:bold; }
.leftBox .more{ float:right; padding:5px 0;}
.leftMenu li { background: url(../images/icon01.gif) no-repeat 0 8px; line-height:20px; padding-left:10px; font-weight:bold; }
.leftMenu  li a, .leftMenu  li a:visited { color:#ad1688; font-size:12px; }
.leftMenu  li li { background:none; padding-left:0; font-weight:normal; }
.leftMenu  li li a,.leftMenu  li li a:visited{ color:#333;}
.productsBox { overflow:auto;zoom:1; width:178px; padding:5px 0; border-bottom:1px dotted #ddd;}
.productsBox .proImg { float:left; display: table-cell; vertical-align:middle; text-align:center; *display: block;*font-size: 55px;*font-family:Arial;width:70px; height:70px; }
.productsBox .proImg img { vertical-align:middle; }
.productsBox .proInfo{ float:right; width:100px;}
.productsBox h4{ font-weight:bold;}
.productsBox .price{ text-decoration:line-through; color:#666;}
.productsBox .price2{ color:#e50564;}
.leftBox2{ border:1px solid #dcdbdc; margin-bottom:10px;}
.leftBox2 h3{ border:1px solid #fff; background: url(../images/leftBox2Top.gif) repeat-x;line-height:21px; padding:0 10px; font-weight:bold; }
.ship{ overflow:auto;zoom:1;}
.ship li{ float:left;padding:4px;}
.ship li img{ border:1px solid #eee;}
/* __mainBody----------------------------*/
#mainBody { width:568px; float:left; padding-left:10px; }
/* __banner----------------------------*/
#featured{ overflow:hidden;	width:568px; position:relative; height:290px; margin:auto;}
#featured .word{ padding:5px; position:absolute; z-index:10; background:url(/1/bg_transparent.gif) no-repeat; left:0px; bottom:0px; width:470px; height:32px; color:#fff;}
#featured .word h3{ font-size:13px;}
#featured .ui-els-hide{ display:none;}

#thumbs{ width:568px; height:92px; margin:0 auto 8px; padding-bottom:10px;}
* HTML #thumbs{	height:100%;}
#thumbs li{	display:inline;	float:left;	width:180px;margin-right:5px; height:92px;}
#thumbs ul{	margin-top:6px;}
#thumbs li.last_img{ margin-right:4px;}
#thumbs li.first{ margin:5px 10px 0pt 0; width:20px; cursor:pointer; height:13px;}
#thumbs li.last{ margin: 5px 12px 0pt 8px; width:20px; cursor:pointer; height:13px;}
#thumbs li a{ display:block; width:180px; border:2px solid #9c9c9c; font-size:0px;}
#thumbs li a:hover{ border:2px solid #9c9c9c;}
#thumbs li a.current{ border:2px solid #e2a0e2;}

.centerBox{ margin-bottom:10px;}
.productsBox2 { float:left; overflow:auto;zoom:1; width:270px; padding:3px; margin:10px 5px 0 0; border:1px solid #f4d4f4;}
.productsBox2 h4{ font-weight:bold; line-height:24px; text-align:right; padding:0 10px; background: url(../images/proBox2Top.gif) no-repeat right; }
.productsBox2 .proInfo{ float:left; width:120px; padding:3px;}
.productsBox2 h5{ font-weight:bold;}
.productsBox2 .price span{ text-decoration:line-through; color:#e50564;}
.productsBox2 .price2 span{ color:#e50564;}
.productsBox2 .proImg { float:right; display: table-cell; vertical-align:middle; text-align:center; *display: block;*font-size: 115px;*font-family:Arial;width:130px; height:130px; padding:3px;}
.productsBox2 .proImg img { vertical-align:middle; }
.banner2{ margin-bottom:1px;}

/* __sideBar2---------------------------*/
#sideBar2 {width:200px; float:right; overflow:hidden; }
.login{ border:1px solid #e2a0e2; padding:30px 10px 10px; margin-bottom:10px; background:#fef1fe url(../images/loginBg.gif) no-repeat left top; }
.login .input{ width:100px; border:1px solid #e2a0e2;}
.login a,.login a:visited{ color:#1265e1; text-decoration:underline;}
.comm dl{ width:170px;border-bottom:1px dotted #ddd; margin:10px;}
.comm dt{ font-style:italic; font-size:12px;}
.comm dt a,.comm dt a:visited{ color:#666;}
.comm dd{ text-align:right;}

/* __mainBody2----------------------------*/
#mainBody2 { width:776px; float:right;overflow:hidden;}
.rightBox{margin-bottom:10px;}
.rightBox h3{ border:1px solid #e5d3e5; padding:1px; background:#fff url(../images/leftBoxTop.gif) repeat-x;line-height:21px; padding:0 10px; font-weight:bold; }
.productsBox3 { float:left; overflow:auto;zoom:1; width:152px; padding:20px 20px;}
.productsBox3 .proImg {display: table-cell; vertical-align:middle; text-align:center; *display: block;*font-size: 135px;*font-family:Arial;width:150px; height:150px; margin:5px 0; border:1px solid #ddd;}
.productsBox3 .proImg img { vertical-align:middle; }
.productsBox3 h4{ font-weight:bold;}
.productsBox3 .item{ color:#999;}
.productsBox3 .price span{ text-decoration:line-through; color:#e50564;font-weight:bold;}
.productsBox3 .price2 span{ color:#e50564;font-weight:bold;}

.productBox{ margin:10px;}
.productBox h4{ font-size:14px; font-weight:bold; margin:10px 0; color:#1265e1;}
.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:#1265e1;}

.productBox .proInfo{ float:left; margin-left:20px; width:300px;}
.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:#f97806;}
.productBox .price s{ color:#99a7a0;}
.productBox .addCart{padding:20px 0;}
.productBox .prev{ text-align:center;}

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

.sendMail{ border:1px solid #f0d69f; background:#fffde6; width:250px; padding:5px;}
.sendMail h3{ font-size:14px; font-weight:bold;}
.sendMail .close{ float:right;}

/* __footer----------------------------*/
#footer { width:986px; margin:0 auto; padding-bottom:10px; }
#footerNav { background: url(../images/footerNavBg.gif) repeat-x; height:138px; border:1px solid #dcdbdc; margin-bottom:10px; }
#footerNav .content { padding:10px 30px; text-align:left; overflow:auto; zoom:1; }
#footerNav h4 { float:left; padding:10px; font-weight:bold; width:180px; margin-left:20px; }
#footerNav h4 ul { overflow:auto; zoom:1; }
#footerNav h4 li { padding:2px 0 2px 10px; font-weight:normal; background: url(../images/icon01.gif) no-repeat 0px 7px; }
.footMenu,.copyright{ text-align:center; font-weight:bold; font-size:10px; color:#666;}
/* Nav Pages */
.navpages{padding:5px; margin-top: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: #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 #a82e2d;color:#fff;padding:1px 4px;background:#a82e2d}

.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;}