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

body, th, td, input, textarea {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #333;	
	
}
ol, ul, li {
    list-style-type:none; margin:0; padding:2px;
}
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:970px; margin:0 auto; 
}

#header .tops {
	margin-bottom:5px; float:right; width:580px;
}
/* top links */
ul#header_links {
	margin: 0.4em 0.3em 0 0;
	list-style-type: none;
	float: left;
}
#header_links li {
	float:left;
	width: 66px;
}
#header_links a {
	display: block;
	height: 15px;
	color: #595a5e;
	padding-top: 19px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
}
#header_links #header_link_sitemap a {
	background-image: url(../images/sitemap.gif);
}
#header_links #header_link_contact a {
	background-image: url(../images/contact.gif);
}
#header_links #header_link_bookmark a {
	background-image: url(../images/star.gif);
}

/* TOP */
#topmenu {
	width:336px; background: #e5e6e7 url(../images/block_search_bg.jpg) no-repeat top right; margin:0; padding:0; height:28px; line-height:28px; text-align:center; color:#333; font-size:12px; font-weight: bold; float:right; overflow:hidden; 
}


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

#logo {		
	margin:0 0 0 3px; padding:0;width:300px; height:78px; overflow:hidden; background:url(../images/logo2.gif) center center no-repeat;
}

#logo a { 
	display:block; width:300px; height:78px; float:left
}

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

/* CONTENT */
#content {
	 width:970px; margin:0 auto; padding:0; clear:both;
}
#content .brand {
	width:556px;
}
/* CONTENT MID */

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

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:bold 14px/20px Arial, Tahoma, Verdana; background:url(../images/title_bg.gif); width:546px; display:block; margin:0 auto; padding:0 0 0 10px; text-transform:uppercase; color:#374853; 
}
.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;
}
/*--new product--
#product {
	width:536px; margin:0 auto; background:#F1F2F4; height:auto;
}
#product ul {
	list-style-type:none; margin:0; padding:0;display:block;
}
#product li {
	width:133px; border-right:1px #fff solid; border-bottom:1px #fff solid; background:#F1F2F4; float:left; height:auto;
}
#product ul li:hover {
	background:#D0D3D8; height:auto;
}
#product h4 {
	font:bold 14px/20px Arial, Tahoma, Verdana; background:url(../images/block_header_large.gif); width:526px; display:block; margin:0 auto; padding:0 0 0 10px; text-transform:uppercase; color:#fff;
}
#product h5 {
	display:block; padding:5px 6px; font:bold 10px Tahoma, Arial, Verdana; overflow:hidden; text-overflow:ellipsis; vertical-align:top; width:121px;
}
#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; height:auto;
}
#product .pic {
	width:129px; height:129px; padding:1px; display:block; text-align:center;
}
#product .pic img{ border:0; max-width:129px; max-height:129px; width:expression(this.width > 129 && this.height < this.width*129/129 ? 129: true);  height: expression(this.height > 129 ? 129: true);margin-top: expression(this.height < 129 ? (129-this.height)/2: 0); }
#product .price {
	width:121px; padding:0px; display:block; font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif; color:#DA0F00; text-align:center; height:12px;
}
#product a.views {
	width: 120px; margin:5px auto; display:block; background-image: url(../images/button-medium.gif); color:#fff; text-align:center; font-weight:bold; font:bold 10px/18px Verdana, Tahoma, Arial; height:auto;
}
#product a.views:hover {
	background-position: 0 -18px; color:#000000
}
#product a.tocart {
	width: 120px; margin:1px auto; display:block; background-image: url(../images/button-medium_exclusive.gif); color:#fff; text-align:center; font-weight:bold; font:bold 10px/18px Verdana, Tahoma, Arial; height:auto;
}
#product a.tocart:hover {
	background-position: 0 -18px; color:#000000; height:auto;
}*/
/*--new product--*/
#product {
	width:536px; margin:0 auto; background:#F1F2F4;
}
#product ul {
	list-style-type:none; margin:0; padding:0;display:block;
}
#product li {
	width:133px; border-right:1px #fff solid; border-bottom:1px #fff solid; background:#F1F2F4; float:left; overflow:hidden; padding:0; margin:0;
}
#product ul li:hover {
	background:#D0D3D8;
}
#product h4 {
	font:bold 14px/20px Arial, Tahoma, Verdana; background:url(../images/block_header_large.gif); width:526px; display:block; margin:0 auto; padding:0 0 0 10px; text-transform:uppercase; color:#fff;
}
#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 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:121px; padding:2px 6px; display:block; font: bold 12px/18px 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:5px 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; 
}


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

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

#products .pic {
	 display:block;width:80px; height:80px; line-height:80px; float:left; padding:0 1px; margin:0; text-align:center;
}
#products .pic img{ border:0; max-width:80px; max-height:80px; width:expression(this.width > 80 && this.height < this.width*80/80 ? 80: true);  height: expression(this.height > 80 ? 80: true);margin-top: expression(this.height < 80 ? (80-this.height)/2: 0); }
#products .picname {
	 display:block;float:left; height:82px; font-size:11px; line-height:24px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; width:97px;
}


/* FOOTER */
#ja-footer {
	height: 80px;
	clear: both;
	width:970px;
	margin:12px auto 0 auto;
	border-top:3px #efefef solid;
}

#ja-footer-inner {
	width: 970px;
	margin: 0px auto;
	padding: 0;
}


#but-css {
	float: left;
	width:232px;
	text-align:center;
	margin-top: 15px;
}


#copyright {
	float: left;
	font-family:Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight:100;
	color: #565656;
	width:600px;
	padding-left:60px;
	padding-top:10px;
	text-align:left;
	line-height:30px;
	
}
#copyright a{
	font-weight:100;
}

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