@charset "utf-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0; margin: 0;}   
fieldset, img {border: 0;}   
table {border-collapse: collapse;border-spacing: 0;}   
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: 400;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
body {background: #FFF;text-align: center;font: 100% "宋体", Arial, Helvetica, sans-serif; font-size:12px;color: #77705E;}
a {color:#77705E;text-decoration:none;outline:none;}
a:link {color:#77705E;text-decoration:none;}
a:visited {color:#77705E;text-decoration:none;}
a:hover {color:#77705E;text-decoration:underline;}
a:active {color:#77705E;text-decoration:none;}
input {font-size:12px; border:0;vertical-align:middle;}
#content input {font-size:12px;border:solid 1px #E2DED4;;vertical-align:middle;}
.clear {clear:both;height:0;font-size: 1px;line-height: 0px;}
.arial {font: 100% Arial, Helvetica, sans-serif;}

/* layout */
#wrapper { width: 960px; margin: 0 auto; text-align: left; overflow:hidden; }
#header { height:135px; }
#header h1 { float:left; }
#topbar{ float:right; text-align: right; margin: 18px 0 0 0; }
#topbar a{ margin: 0 0 0 10px; }
#cart {	padding-left:22px; background:url(../images/icon/cart.gif) no-repeat; }

#search{ margin: 15px 0 0 0; border: solid 1px #B0B0B0; }
#search form{ border:none; }
#search form input{ border:none; }
#searchkey { padding:0 0 0 5px; width:172px; height:16px; color:#C1BCB0; }
#searchbutton { width:50px; height:20px; background-color:#9B9A91; cursor:pointer; color:#FFFFFF; }

#nav { height:45px; background-color:#000000; }

#menu { float:left;  margin: 10px 0 0 15px; }
#menu li { float:left;  width:80px;  margin: 0 60px 0 0; }
#menu li a { color:#FFFFFF;  font-size:14px;  font-weight:700; text-decoration:none; }
#menu li a span { font-family: Tahoma, Arial, Helvetica, sans-serif;  font-size:10px;  font-weight:normal; }

#login { float:right; margin:10px 15px 0 0;	}
#login a { margin: 0 0 0 10px; color:#FFFFFF; }

#content {width:960px; overflow:hidden; text-align:left;}
#footer { margin:18px 0 0 0;}
#copyright { float:left; }
#footnav { float:right; }
#footnav li{ float:left; margin: 0 0 0 10px; }

/* spotlight */
#spotlight {position:relative; width:958px; border-right:solid 1px #E2DED4; border-bottom:solid 1px #E2DED4; border-left:solid 1px #E2DED4; height:284px;z-index:1;}
#spotlight a {float:left;position:absolute;}
#spotlight a img {border:none;}
/*
#spotlight .caption {z-index:600; background-color:#000; color:#ffffff; height:60px; width:100%; position:absolute;bottom:0;}
#spotlight .caption .content {margin:5px}
#spotlight .caption .content h3 {margin:0;padding:0;color:#1DCCEF; font-size:14px; font-weight:700;}
*/

.date { margin:15px 0 0 0;padding:15px; width:928px; border:solid 1px #E2DED4; height:12px; font-weight:700;}
.date span{ margin:15px 0 15px 0;  }

/* box */
dl {float:left;}

.boxD {margin:15px 15px 0 0; width:310px; height:350px;cursor:pointer;}
.boxD .img{ width:308px; height:320px; border:solid 1px #E2DED4; text-align:center; }
.boxD .sales { width:71px; height:71px; z-index:2; position: absolute; margin:0 0 0 238px;#margin:0 0 0 233px; background:url(../images/temp/salesB.gif) no-repeat;}
.boxD .name {margin:0; width:300px; overflow:hidden; }
* html .boxD .sales {margin:0 0 0 234px;}

.boxA {margin:15px 15px 10px 0; width:60px; height:100px;cursor:pointer;}
.boxA .img{ width:58px; height:58px; border:solid 1px #E2DED4; text-align:center; }
.boxA .name {display:none;}

.boxC { margin:15px 15px 0 0; width:180px; height:250px;cursor:pointer; }
.boxC .img{ width:178px; height:200px; border:solid 1px #E2DED4; text-align:center; }
.boxC .sales { width:38px; height:38px; z-index:2; position: absolute; margin:0 0 0 140px;#margin:0 0 0 136px; background:url(../images/temp/salesA.gif) no-repeat;}
.boxC .name {margin:5px 0 0 0; width:178px; height:12px; overflow:hidden; }
.boxC .price {
font-family:arial;
font-size:12px;
font-weight:bold;
}
* html .boxC .sales {margin:0 0 0 137px;}

.boxB { margin:15px 20px 0 0; width:120px; height:147px;cursor:pointer; }
.boxB .img{ width:118px; border:solid 1px #E2DED4; text-align:center; }
.boxB .sales {width:38px; height:38px; z-index:2; position: absolute; margin:0 0 0 80px;#margin:0 0 0 76px; background:url(../images/temp/salesA.gif) no-repeat;}
.boxB .name {margin:5px 0 0 0; height:12px; overflow:hidden; }
* html .boxB {margin:15px 20px 0 0; width:120px; height:147px;cursor:pointer;}
/* end of box */

#pagebar { margin:15px 0 0 0; background-color:#000000; height:30px; width:960px; color:#FFFFFF; }
#info { margin:8px 0 0 15px; float:left; font-weight:700;}
#pagination { float:right; margin:5px 15px 0 0;}

#pagelist { text-align:center;}
#pagelist li{ float:left; height:16px;background-color:#77705E; width:18px; padding:4px 0 0 0;color:#FFFFFF;}
#pagelist li a{ color:#FFFFFF;}
#pagelist .prev{ width:60px;}
#pagelist .next{ width:60px;}
#pagelist .pageon {background-color:#FFF;}
#pagelist .pageon a{color:#77705E;}

.dropdown {float:left;outline:none; background-color:#FFF;}
.dropdown h4{display:block; padding-left:5px;height:19px; font:12px/21px Arial, Helvetica, sans-serif; border:solid 1px #E2DED4; padding-right:10px; }
.dropdown h4.over{border-color:#E2DED4;}
.dropdown h4.current{border-color:#E2DED4;}
.dropdown div {display:none; position:relative;}
.dropdown span {position:absolute;top:0; right:7px; background:url(../images/icon/droparrow.gif) no-repeat center; width:7px; height:21px;}
.dropdown span.over {background-image:url(../images/icon/droparrowover.gif);}
.dropdown ul{position:absolute;display:none;border:1px solid #AAA; background:#FFF;}
.dropdown ul li{text-indent:5px;background:#FFF;height:19px;display:block;cursor:default;font:400 12px/19px Arial, Helvetica, sans-serif;}
.dropdown ul li.over{background:#C1BCB0; color:#FFF;}


/* display product */
#overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}

.overlayMacFFBGHack {background: url(../image/icon/macFFBgHack.png) repeat;}
.overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

* html #overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}

* html #HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#window { position: absolute;background: #FFFFFF;z-index: 102;display:none;	text-align:left;top:0;left:50%;width:960px;}

* html #window {position: absolute;margin-top: 200px;}

#load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 30%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

.error {color:#FF3300;}

#message {display:none;position: fixed;z-index:110;top: 30%;left: 50%;padding:15px;width:286px;margin: 15px 0 0 -158px;background-color:#FFFFFF;}

* html #message { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#message_bg{
display:none;position: fixed;z-index:109;top: 30%;left: 50%;width:346px;height:220px;background-color:#000;filter:alpha(opacity=45);-moz-opacity: 0.45;opacity: 0.45;margin: 0 0 0 -173px;}
	
* html #message_bg { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#message .header { height:25px; color:#77705E; border-bottom:1px dotted #77705E; text-align:left; font-weight:700;letter-spacing:1px;}
#message .content { height:80px; text-align:left; padding:15px 0 15px 0;}
#message .footer { text-align:right; }
#message .footer a{ float:right; display:block; height:25px; margin-left:15px; color:#FFFFFF;text-decoration:none;cursor:pointer; }
#message .footer a span {position: relative;display:block;margin:6px 10px 0 0;height:19px;letter-spacing:4px;}
#message .footer .back{ width:90px;background:url(../images/icon/message_back.png) no-repeat;}
#message .footer .button{ width:135px;background:url(../images/icon/message_cart.png) no-repeat;}

#sizeform {display:none;position: fixed;z-index:110;top: 30%;left: 50%;width:780px; height:345px;margin: 15px 0 0 -390px;background-color:#FFFFFF;}

* html #sizeform { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#sizeform_bg{
display:none;position: fixed;z-index:109;top: 30%;left: 50%;width:810px;height:375px;background-color:#000;filter:alpha(opacity=45);-moz-opacity: 0.45;opacity: 0.45;margin: 0 0 0 -405px;}
	
* html #sizeform_bg { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#sizeform .content { height:300px; text-align:left;}
#sizeform .footer {text-align:right;padding:15px;}
#sizeform .footer a{ float:right; display:block; height:25px; margin-left:15px; color:#FFFFFF;background:url(../images/icon/message_bg.png) no-repeat;text-decoration:none;cursor:pointer; }
#sizeform .footer a span {position: relative;display:block;margin:6px 10px 0 0;height:19px;letter-spacing:4px;}
#sizeform .footer .back{ width:90px;}

.errorDiv {display:none;margin:5px;padding:5px;width:400px;background-color:#ffffd5;border:1px solid #aa0605;color:#aa0605;}
.errorDiv h2 {height:25px;background: url(../images/icon/error-red.gif) no-repeat;padding-left:25px;font-size:14px;font-weight:700;}
.errorDiv ul {margin-left:40px;}
.errorDiv ul {list-style: square;line-height:100%;}
.errorDiv ul li{margin-left:30px;line-height:100%;}

#blockRegister {margin:50px auto;padding:20px;width:800px;border:1px solid #E2DED4;}
#blockRegister h2{margin:0 0 20px 0; height:25px; font-size:14px; font-weight:700; border-bottom:1px solid #E2DED4;}
#blockRegister p{ height:25px; margin-bottom:10px;}

#blockRegister p input{ border:solid 1px #E2DED4; height:22px; width:240px;}
#blockRegister p span{margin-left:10px;}
#blockRegister p #register_agree{ width:24px;}
#blockRegister p a{ color:#0f3cff; text-decoration:underline}
#blockRegister p label{float:left; width:150px; margin-right:10px; margin-left:5px; margin-top:5px; text-align:right;}
#blockRegister p em{ color:#FF0000;}
#blockRegister #register_submit {  border:0; width:60px; height:24px; background-color:#9B9A91; color:#FFFFFF;}

#reg_success{margin:50px auto;padding:20px 20px 40px;width:640px;border:1px solid #E2DED4;}
#reg_success h2{ background:url(/images/icon/register_success.png) no-repeat; margin-bottom:20px; height:40px; padding:10px 0 0 60px; font-size:14px; font-weight:700; border-bottom:1px solid #E2DED4;}
#reg_success p{height:25px; margin:0 0 10px 120px;}
#reg_success p label{display:block; float:left; padding:7px 0; width:100px;  font-weight:700;}
#reg_success .loginInput{ border:solid 1px #E2DED4; height:22px; width:190px;}
#reg_success .retractive{ text-align:left; padding-left:100px;}
#reg_success .signup{ font-weight:700;}
#reg_success .forget {line-height:150%; }
#reg_success .remember { width:20px;}
#reg_success .submitButton { width:68px; height:24px; background-color:#9B9A91; color:#FFFFFF; margin-left:0;}

#blockLogin{margin:50px auto;padding:20px;width:640px;border:1px solid #E2DED4;}
#blockLogin h2{margin:0 0 20px 0; height:25px; font-size:14px; font-weight:700; border-bottom:1px solid #E2DED4;}
#blockLogin p{height:25px; margin:0 0 10px 120px;}
#blockLogin p label{display:block; float:left; padding:7px 0; width:100px;  font-weight:700;}
#blockLogin .loginInput{ border:solid 1px #E2DED4; height:22px; width:190px;}
#blockLogin .retractive{ text-align:left; padding-left:100px;}
#blockLogin .signup{ font-weight:700;}
#blockLogin .forget {line-height:150%; }
#blockLogin .remember { width:20px;}
#blockLogin .submitButton { width:68px; height:24px; background-color:#9B9A91; color:#FFFFFF;}