/* CSS Document */
@import "menustyle.css";
/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background:#333;
}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;	
	
}
ol, ul, li {
     margin:0; padding:0px;
}
p {
	line-height: 20px; margin:0; padding:0;
}


a { text-decoration:none; color:#565656;
}
a:hover {
	text-decoration: none; color:#f00;
}

.clr {
	clear: both;
}

.left {
	float:left; 
}

.right { 
	float:right;
}

h1,h2,h3,h4,h5,h6  {
    margin: 0; padding: 0; 	font-family: Tahoma, Arial, sans-serif;

}

form {
	margin: 0;
	padding: 0;
}

.BOTT{ BORDER:#0099CC 0px solid; background:url(../images/bg-search.gif); vertical-align:middle; FONT: bold 12px Arial, Helvetica, sans-serif; HEIGHT: 22px;width:70pX; color:#FFf; 
}

.searchsets { width:85px; height:16px; border:1px #ccc solid; line-height:16px; text-align:center; text-transform:capitalize;vertical-align:middle;}

#header {
 width:900px; margin:0 auto; background:url(../images/bck.gif) #fff repeat-y ; position:relative; 
}
#header .bico {
	background:url(../images/top_right.gif); width:190px; height:100px; position:absolute; right:0; top:25px;
}

/* TOP */
#logo {		
	margin:0; padding:0 0 0 172px;width:728px; height:25px; overflow:hidden; background:url(../images/logo.gif) #000 left center no-repeat;font:bold 12px/25px Arial, Helvetica, sans-serif; color:#99CC33;
}
#logo a {
	color:#fff;
}
#logo a:hover {
	color:#99CC33;
}
#topmenu {
	width:900px; height:80px; background:#fff;
}

.button {
	width: 120px;
	background-image: url(../images/button-medium.gif); border:none; vertical-align:middle; height:18px; font-weight:bold; color:#000; float:right; margin-right:15px; margin-left:15px;
}
.button:hover {
	background-position: 0 -18px;
}


.cBlue { color:#434A55; font: bold 11px; Tahoma,  Arial, Verdana; }
a.cBlue { color:#434A55; text-decoration:none; }
a.cBlue:hover { color: #867530; text-decoration:underline; }
#prohref a{ display:block; width:135px; border:1px solid #CFE7F3; text-align:center; float:left; margin:1px; background:#f5f5ff; font:10px/18px Verdana, Arial, Helvetica, sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.texthidden{ 
	display:block; overflow:hidden; width:0; height:0; 
}

/* CONTENT */
#content {
	 width:900px; margin:0 auto; padding:0; clear:both;background:url(../images/bck.gif) #fff repeat-y ; position:relative; 
}
#content .brand {
	width:700px; background:url(../images/256_banner.jpg) top no-repeat; height:50px; padding-bottom:10px;
}
/* CONTENT MID */

#content_mid {
	float:left;  width:530px; overflow:hidden; margin:2px auto; padding:0;
}

a.checkout {
	display:block; background:url(../images/button-medium_exclusive.gif); height:18px; line-height:18px; width:120px; text-align:center; font:bold 10px/18px Tahoma, Arial, Verdana; color:#fff;
}
a.checkout:hover {
	display:block; background:url(../images/button-medium_exclusive.gif) ;background-position: 0 -18px;color:#fff;
}
.title {
	font: 11px/32px Tahoma, Arial, Verdana; display:block; margin:0 auto; padding:0; color:#434A55; width:556PX;
}	 
.title_t {
	font: 12px/25px Arial, Tahoma, Verdana; border:#B8B8B8 dashed; border-width:1px 0; background:#EDEDED; width:520px; display:block; margin:0 auto; padding:0 0 0 10px; color:#757575;
}
.bots {
	background:url(../images/c_3.gif); height:6px; overflow:hidden; clear:both
}
.x_men {
	color:#fff; display:block; font-weight:bold; background:#008FCA; margin:1px 0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
.4bd {
	border:1px solid #333; background:#fff; text-transform:capitalize; line-height:18px; height:18px; color:#565656; font:bold 12px/18px Arial, Helvetica, sans-serif;
}
/* Left */
div#left {
	float: left;
	padding: 10px;
	margin: 0;
	color: #99CC33;
	width: 180px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
}
html>body div#left {
	width: 160px; /* ie5win fudge ends */
}
div#left ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}
div#left li {
	background: url(../images/bullet.gif) left center no-repeat;
	padding: 3px 0 3px 10px;
	border-top: 1px dashed #999;
}
div#left a:active, div#left a:link, div#left a:visited {color: #FFF; text-decoration: none;}
div#left a:hover {color: #FFF; text-decoration: underline;}
div#left p {
	margin: 0 0 5px 0;
}


div#left input.searchfield {width: 70%;		margin: 0 3px 7px 0;	font-size: 0.8em;}
div#left input.go {margin: 0 0 7px 0;	vertical-align: bottom; }
div#left .lefttop {
	background: #4D4D4D;
	padding: 10px;
	margin: -10px -10px 10px -10px;
}
/* Sort */
div#sort {
	float: right;
	width: 160px;
	margin: 0;
	padding-bottom:10PX;
}
div#sort h2 {
	color: #99CC33;	
	margin: 0 0 5px 0;
	font:bold 12PX Arial, Helvetica, sans-serif; 
}
div#sort ul {
	margin: 0 0 10px 15px;
	padding: 0;
	list-style-type: square;
}
div#sort ul li {
	background: url("/images/bullet.gif") left center no-repeat;
	padding: 3px 0 4px 10px;
	border-BOTTOM: 1px dashed #999;
}
/* CONTENT RIGHT */
#padding_right { 
	width:191px; margin:0 0 12px 0; padding:0;background:url(../images/block_exclusive_bg.jpg) #BDC2C8 bottom repeat-x ; font-size:11px; color:#fff;
}
#padding_right h2 {
	display:block; text-transform: uppercase; height:25px; padding:0; color:#fff; font:bold 14px/25px Arial, Helvetica, sans-serif; text-align:left;background:url(../images/block_header_exclusive_cart.gif) top repeat-x; padding-left:10px;
} 
#padding_right .bots {
	background:url(../images/block_exclusive_footer.jpg); height:6px; width:191px;
}

#padding_left { 
	width:191px; margin:0 0 12px 0; padding:0;background:url(../images/block_bg.jpg) #F1F2F4 bottom repeat-x ; font-size:12px;
}
#padding_left h2 {
	display:block; text-transform: uppercase; height:25px; padding:0; color:#374853; font:bold 14px/25px Arial, Helvetica, sans-serif; text-align:left; background:url(../images/block_header.gif); padding-left:10px;
} 
#padding_left h2 a {
	color:#374853;
}
#padding_left h2 a:hover {
	color:#374853; text-decoration:underline
}
#padding_left .bots {
	background:url(../images/block_footer.gif); height:6px; width:191px; overflow:hidden
}

#product {
	width:530px; margin:0 auto; overflow:j
	
}
#product h4 {
	font: bold 12px/25px Arial, Tahoma, Verdana; border:#B8B8B8 dashed; border-width:1px 0; background:#EDEDED; width:520px; display:block; margin:0 auto; padding:0 0 0 10px; color:#757575;
}
#product ul {
	list-style-type:none; margin:0; padding:0;display:block;
}
#product li {
	width:131px; border-left:1px #ccc dotted; border-bottom:1px #ccc dotted; background:#fff; float:left; overflow:hidden; padding:0; margin:0 0 0 -1px; overflow:hidden; height:210px;
}
#product ul li:hover {
}
#product h5 {
	display:block; padding:5px 6px; font:bold 10px Tahoma, Arial, Verdana; height:25px; overflow:hidden; text-overflow:ellipsis; 
}
#product h5 a{
	color:#374853;
}
#product h5 a:hover{
	color:#374853; text-decoration:underline;
}
#product p {
	display:block; padding:0 6px; font: 10px Tahoma, Arial, Verdana;
}
#product p a{
	color:#595A5E;
}
#product p a:hover{
	color:#595A5E; text-decoration:underline;
}
#product .text {
	 text-align:left; padding:0 6px; margin:0 auto; display:block;
}
#product .pic {
	width:129px; height:100px; padding:0 1px; display:block; text-align:center; 
}
#product .pic a{
	line-height:100!important; display:block; height:100px;;
}
#product .pic img{ border:0; max-width:129px; max-height:100px; width:expression(this.width > 129 && this.height < this.width*100/129 ? 129: true);  height: expression(this.height > 100 ? 100: true);margin-top: expression(this.height < 100 ? (100-this.height)/2: 0); }
#product .price {
	width:131px; padding:0; display:block; font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif; color:#DA0F00; text-align:center;
}
#product a.views {
	width: 120px; margin:5px auto; display:block; background-image: url(../images/button-medium.gif);height:18px; color:#fff; text-align:center; font-weight:bold; font:bold 10px/18px Verdana, Tahoma, Arial;
}
#product a.views:hover {
	background-position: 0 -18px; color:#000000
}
#product a.tocart {
	width: 120px; margin:auto; display:block; background-image: url(../images/button-medium_exclusive.gif);height:18px; color:#fff; text-align:center; font-weight:bold; font:bold 10px/18px Verdana, Tahoma, Arial
}
#product a.tocart:hover {
	background-position: 0 -18px; color:#000000
}
/*--new product--*/
#INDEX_PRO {
	WIDTH: 198px; display:block; list-style-type:none; FLOAT: left; padding:1px; OVERFLOW: hidden; TEXT-ALIGN: center; margin:0; background:url(../images/fla_r_b.gif) no-repeat left top; height:250px;
}
#INDEX_PRO .goodsname {
	display:block; margin:auto; font: 12px/25px Arial, Verdana, Tahoma; text-align:left;padding:2px 0 1px 0; width:200px; text-align:center; height:50px;
}
#INDEX_PRO .goodsname a {
	color:#8C2042; font-weight:100;
}
#INDEX_PRO .goodsname a:hover {
	color:#333; text-decoration:underline;
}
#INDEX_PRO H4 {
	WIDTH: 190px; padding:0 5px 1px 5px; text-align:center; font: bold 12px/25px Arial, Verdana, Tahoma ; display:block; overflow:hidden; color:#333333; height:53px
}

#INDEX_PRO .goodspic {
	display:block;PADDING: 4px; MARGIN:0px auto; VERTICAL-ALIGN: middle; OVERFLOW: hidden;  WIDTH: 180px; LINE-HEIGHT: 135px; HEIGHT: 135px;
}
#INDEX_PRO .goodspic img {
	FONT-SIZE: 180px; MAX-WIDTH: 180px; VERTICAL-ALIGN: middle; WIDTH: expression(this.width > 180 && this.height < this.width ? 180: true); MAX-HEIGHT: 135px;  HEIGHT: expression(this.height > 135 ? 135: true); line-height:135px; 
}



/* LEFT INFOR */
#block_content {
	list-style-type:none;
	width: 191px;
	margin:5px 0;
	padding:0;	
}
#block_content li {
	list-style-type:none; margin:0; padding-left:20px; width:151px; height:18px; line-height:18px; font-size:11px;
}
#block_content li a {
	color:#374853; display:block;height:18px;
}
#block_content li a:hover {
	color:#f00; display:block; background:#efefef;width:151px;height:18px;
}
/* LEFT Viewed Products */
#products { list-style-type:none; margin:0; padding:0; width:160px; display:block; }
#products li { border:none;}
#products .pic {
	 display:block;width:70px; height:70px; line-height:70px; float:left; padding:0 1px; margin:0; text-align:center;
}
#products .pic img{ border:0; max-width:70px; max-height:70px; width:expression(this.width > 70 && this.height < this.width*70/70 ? 70: true);  height: expression(this.height > 70 ? 70: true);margin-top: expression(this.height < 70 ? (70-this.height)/2: 0); }
#products .picname {
	 display:block; float:left; height:70px; width:86px; font:bold 11px/16px Tahoma, Arial, Verdana; padding:0; margin:0 0 0 1px;
}
#products .picname a{
	color:#374853;
}
#products .picname a:hover{
	color:#374853; text-decoration:underline;
}
/* Footer */
div#footer {
	clear: both;
	padding: 10px;
	color: #999;
	margin: 0 auto;
	border-top: 5px solid #99CC33;
	background: #000;
	width: 900px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 880px;
}
html>body div#footer {
	width: 880px; /* ie5win fudge ends */
}
div#footer a:active, div#footer a:link, div#footer a:visited {color: #999; text-decoration: underline;}
div#footer a:hover {color: #FFF; text-decoration: underline;}


.infoBoxContents {
	FONT-SIZE: 11px; BACKGROUND: url(../images/box-bg.gif) #ffffff repeat-x center bottom; FONT-FAMILY: Tahoma, sans-serif
}
.infoBox {
	BACKGROUND: #b6b7cb
} 
A.finpro:link {
color:#3893DE; text-decoration:none; font-weight:100;
}
A.finpro:visited {
color:#3893DE; text-decoration:none; font-weight:100; 
}
A.finpro:hover {
color:#06437a; text-decoration:none; font-weight:100;
}
.bookmark {
	MARGIN-TOP: -12px; FONT-WEIGHT: bold;  BACKGROUND: url(../images/icn_bookmark.gif) no-repeat left 50%; position: absolute;  padding:6px 0 20px 20px; top:171px;margin-left:530px;
}
.bookmark A {
	FONT-WEIGHT: bold; CURSOR: pointer; color:#009900
}

/* BANR */

div#MainPromotionBanner{
	width:800px;
	height:215px;
	padding:0px;
	text-align:left;
}

#MainPromotionBanner img{
	width:400px; height:215px; border:none;
}

#detail-pictable {
	 MARGIN: 2px auto; WIDTH: 344px; float:left;
}
.detail-picbg {
	BACKGROUND: url(../images/p.gif) no-repeat; WIDTH: 343px; HEIGHT: 270px
}
.detail-picbg img {
	FONT-SIZE: 1px; MAX-WIDTH: 320px; VERTICAL-ALIGN: middle; WIDTH: expression(this.width > 320 && this.height < this.width ? 320: true); MAX-HEIGHT: 250px;  HEIGHT: expression(this.height > 250 ? 250: true); line-height:250px;BORDER:none; 
}

.detail-iconbg {
	BACKGROUND: url(../images/bg-detailicon.gif) no-repeat; WIDTH: 85px; HEIGHT: 65px; overflow:hidden;
}
.detail-iconbg img {
	FONT-SIZE: 1px; MAX-WIDTH: 75px; VERTICAL-ALIGN: middle; WIDTH: expression(this.width > 75 && this.height < this.width ? 75: true); MAX-HEIGHT: 55px;  HEIGHT: expression(this.height > 55 ? 55: true); line-height:55px;BORDER:none; 
}

#hw_content {
	width:556PX; margin:5PX 0 20px 0;
}
#hw_content H2 {
	background:url(../images/moreinfo.gif) left no-repeat; height:21PX; width:163PX; text-align:center; margin:0; padding:0 0 0 10PX; font:bold 12PX/21PX Tahoma, Arial, Verdana; color:#FFF; text-transform:uppercase;
}
#hw_content .mss {
	font:bold 12PX/22PX Arial, Helvetica, sans-serif; color:#374853; border:1px #76839B solid; padding:5PX;
}

#MORE_PRO {
	WIDTH: 196px; display:block; list-style-type:none; FLOAT: left; padding:0; OVERFLOW: hidden; TEXT-ALIGN: center; margin:5PX 2PX 0 0; background:url(../images/chanpin_3.gif) no-repeat left top; height:246px;
}
#MORE_PRO .goodsname {
	display:block; margin:auto; font: 12px/25px Arial, Verdana, Tahoma; text-align:CENTER;padding:2px 0 1px 0; width:196px; text-align:center; height:50px;
}
#MORE_PRO .goodsname a {
	color:#8C2042; font-weight:100;
}
#MORE_PRO .goodsname a:hover {
	color:#333; text-decoration:underline;
}
#MORE_PRO H4 {
	WIDTH: 196px; padding:0 0 1px 0; text-align:CENTER; font: bold 12px/25px Arial, Verdana, Tahoma ; display:block; overflow:hidden; color:#333333; height:53px
}
#MORE_PRO .goodspic {
	display:block;PADDING: 28px 0 22PX 0; MARGIN:0px auto; VERTICAL-ALIGN: middle; OVERFLOW: hidden;  WIDTH: 180px; LINE-HEIGHT: 135px; HEIGHT: 135px;
}
#MORE_PRO .goodspic img {
	FONT-SIZE: 80px; MAX-WIDTH: 180px; VERTICAL-ALIGN: middle; WIDTH: expression(this.width > 180 && this.height < this.width ? 180: true); MAX-HEIGHT: 135px;  HEIGHT: expression(this.height > 135 ? 135: true); line-height:135px; 
}


/* SITE MAP */
#map1 ul {
	margin:0; padding:0; list-style-type: none; display:block;
}
#map1 li a {
	color:#374853!important;; width:536px; font:bold 14px/26px Arial, Helvetica, sans-serif; margin:0; padding:0; display:block; height:26px; border-bottom:1px #f1f1f1 solid;
}
#map1 li a:hover {
	color:#c00!important;
}
#map2 ul {
	margin:0; padding:0; list-style-type: circle; width:100%; display:block;
}
#map2 li a {
	color: #f00!important; width:526px; font:bold 12px/18px Tahoma, Arial, Verdana;margin:0; padding:0 0 0 10px; display:block; height:18px
}
#map2 li a:hover {
	color:#76839B!important;
}
#map3 ul {
	margin:0; padding:0; list-style-type: circle; width:100%; display:block; border-bottom:1px #f1f1f1 solid;
}
#map3 li {
	color:#0000FF; width:123px;margin:1px 0; padding:0; display:block; height:18px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#map3 li a {color:#76839B!important; font:bold 10px/18px Tahoma, Arial, Verdana; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#map3 li a:hover {
	color:#f60!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}