@charset "utf-8";
/* CSS Document */

@import "skeleton.css";
@import "ja-sosdmenu.css";
/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/bg.gif) repeat-x;
}

body, th, td, input, textarea {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

p {
	line-height: 170%; margin:0; padding:0;
}

ol, ul {
    list-style-type:none; 
}
a { text-decoration:none; color:#333333; font-weight:bold
}
a:hover {
	text-decoration: none; color:#565656; font-weight:bold
}

.clr {
	clear: both;
}
h1,h2,h3, h4  {
    margin: 0; padding: 0; 	font-family: Tahoma, Arial, sans-serif;

}

form {
	margin: 0;
	padding: 0;
}

/* Clear Fix */

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

/* HEADER */

#ja-usertools {
	width: 958px;
	height: 40px;
	padding:18px 0 0 45px;
	line-height:22px;
	margin: 0px auto;
	font:bold 11px Tahoma, Arial, sans-serif;
	background:url(../images/searchbg.gif) center no-repeat;
}

#ja-usertools .searchset{
    width:130px; vertical-align:middle; font:bold 11px Tahoma, Arial, sans-serif; color:#333333; height:15px; line-height:15px;
}

#ja-usertools .searchsets{
    width:130px; vertical-align:middle; font:bold 11px Tahoma, Arial, sans-serif; color:#333333; height:22px;
}

#header {
	width: 1003px;
	height: 94px;
	margin: 0 auto;
	background: url(../images/top_bg.gif) no-repeat left top;
}

#logo {
	float: left;
	margin-left: 25px;
	height:65px;
	width:305px;	
	background: url(../images/logo.jpg) no-repeat center left ;
}
.texthidden{ 
display:block;/*统一转化为块级元素*/ 
overflow:hidden; 
width:0; 
height:0; 
}

#top_menu {
	float: right;
	width: 580px;
	text-align:right;
	padding:28px 5px 18px 0;
	font-weight:bold;
}
#top_menu2 {
	float: left;
	width: 500px;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
#top_menu a {
    color:#333333; text-decoration:none; font:bold 11px Tahoma, Arial, sans-serif;
}

#top_menu a:hover {
    color:#565656; font:bold 11px Tahoma, Arial, sans-serif;
}

#top_menu2 a {
    color:#333333; text-decoration:none; font:bold 11px Tahoma, Arial, sans-serif;
}

#top_menu2 a:hover {
    color:#565656; font:bold 11px Tahoma, Arial, sans-serif;
}

.menus {width:1003px; margin:0 auto; padding:0;}

.BOTT{ BORDER:#585a67 0px solid;  FONT-SIZE: 0px; background:url(../images/searchbt.gif); HEIGHT: 21px; width:20X; vertical-align:middle;}
.BOTTs{ BORDER:#585a67 0px solid;  FONT-SIZE: 11px; background:#990000; HEIGHT: 18px;width:66pX; color:#FFFFFF;  font-family:Tahoma, Arial, sans-serif; vertical-align:middle;}
#content {
    width: 955px;
	margin: 0 auto;
	padding:0 22px;
}
/* PHOTO SHOW
------------------------------------*/

#content .BannerArea2 {
	BORDER: #ffc3d2 2px solid; PADDING-LEFT: 8px; FLOAT: left; OVERFLOW: hidden; WIDTH: 420px; MARGIN-RIGHT: 5px; POSITION: relative; HEIGHT: 447px;  background:url(../images/url.gif) #ffeef2 RIGHT top no-repeat;
}

#content .BannerArea2 dl { 
position:absolute; width:308px; height:432px; top:6px;padding:0;
} 
#content .BannerArea2 dd { 
margin:0; width:308px; height:432px;overflow:hidden; top:6px; padding:0;
} 
#content .BannerArea2 img { 
border:0px solid black 
} 

#content .BannerArea2 dt { 
position:absolute; right:-80px; top:3px; 
} 
#content .BannerArea2 a { 
display:block; margin:1px; width:75px; height:105px; text-align:center; text-decoration:none; 
} 
#RUP {
	MARGIN-BOTTOM: 3px; OVERFLOW: hidden; HEIGHT: 385px
}
.BannerArea1 {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 310px; HEIGHT: 375px
}
.IndexArticleWrap {
	BACKGROUND-REPEAT: no-repeat; margin-top:8px;
}
.IndexArticleWrap H2 {
	FONT-WEIGHT: 700; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #f90 2px solid; POSITION: relative; HEIGHT: 20px
}
.IndexArticleWrap H2 B {
	LEFT: 0px; BORDER-BOTTOM: #f90 2px solid; POSITION: absolute; TOP: 0px
}
.IndexArticleWrap H2 SPAN {
	RIGHT: 0px; POSITION: absolute; TOP: 4px
}
.IndexArticleWrap A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px dotted; font:100 12px Arial, Helvetica, sans-serif;
}
.IndexArticleWrap A:hover {
	COLOR: #ff9900
}
.StyleRecommendGoods {
	BORDER-RIGHT: #ffc3d2 3px solid; BORDER-TOP: #ffc3d2 3px solid; BACKGROUND:url(../images/right_top.gif) #ffeef2 no-repeat; FLOAT: right; OVERFLOW: hidden; BORDER-LEFT: #ffc3d2 3px solid; WIDTH: 172px; BORDER-BOTTOM: #ffc3d2 3px solid; HEIGHT: 380px; TEXT-ALIGN: center
}
.StyleRecommendGoods .title IMG {
	Z-INDEX: 10; RIGHT: 170px; POSITION: absolute; TOP: 160px
}
.INDEXGOODS_STYLE_VScroll_Wrap {
   font:bold 12PX Arial, Helvetica, sans-serif;
}
.INDEXGOODS_STYLE_VScroll_Wrap .items {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 142px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.INDEXGOODS_STYLE_VScroll_Wrap .items H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 3px 0px; OVERFLOW: hidden; WIDTH: 142px; COLOR: #000; PADDING-TOP: 0px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: center;font:bold 12PX Arial, Helvetica, sans-serif;
}
.INDEXGOODS_STYLE_VScroll_Wrap .goodspic A {
	BORDER-RIGHT: #ffc3d2 1px solid; BORDER-TOP: #ffc3d2 1px solid; DISPLAY: block; MARGIN: 3px; OVERFLOW: hidden; BORDER-LEFT: #ffc3d2 1px solid; WIDTH: 140px; BORDER-BOTTOM: #ffc3d2 1px solid; POSITION: relative; HEIGHT: 105px; BACKGROUND-COLOR: #fff
}
.INDEXGOODS_STYLE_VScroll_Wrap .price2 {
	FONT-WEIGHT: 700; FONT-SIZE: 14px; COLOR: #f90
}
.INDEXGOODS_STYLE_VScroll_Wrap .price1 {
	TEXT-DECORATION: line-through
}
.INDEXGOODS_STYLE_VScroll_Wrap .items .save {
	COLOR: #000
}
.marqueetext {
	BORDER: #ffc3d2 2px solid;margin:5px 0 5px 0;
}
.marqueetext .title {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; COLOR: #E52756; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffc3d2; 
}
/*----*/
 
.contentheading {
	color: #B12A2A;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.componentheading {
	color: #404040;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
	border-bottom:1px #990000 solid;
}


#content .ja-leftcol {
	width: 189px;
	float: left;
	color: #000000;
	font-size: 11px;
	padding:5px 5px ;
	margin-top:5px;
	BORDER: #ffc3d2 2px solid;
}

#content .ja-leftcol .moduletable {
	margin-bottom: 16px;
	padding-bottom: 6px;
	height:99px;
	padding:0;
	background:url(../images/cart.gif) left top;
}

#content .ja-leftcol .moduletable h3 {
	background: url(../images/ja-h3-bg.gif) top left no-repeat;
	padding-left: 24px;
	height: 27px;
	color: #595959;
	font-size: 13px;
	line-height:27px;
	font-weight: bold;
	font-family:Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	border: none;
}


#content .ja-leftcol .moduletable a{
    margin:0;
	background: url(../images/a_bg.gif) left no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-family:Tahoma, Arial, sans-serif;
	text-decoration: none;
	line-height:18px;
}

#content .ja-leftcol .moduletable a:hover{
	color: #000000;
}

/* CONTENT */
#ja-content {
	width: 725px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:5px;
}
#ja-contents {
	width: 590px;
	float: left;
	margin-left: 5px;
	margin-right: 5px; 
}

/*--new product--*/
.INDEXGOODS_STYLE_4_Wrap {
	WIDTH: 170px
}
.INDEXGOODS_STYLE_4_Wrap H4 {
	WIDTH: 170px; 
}
.INDEXGOODS_STYLE_4_Wrap {
	BORDER-RIGHT: #ccc 1px dotted; PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 170px; TEXT-ALIGN: center
}
.INDEXGOODS_STYLE_4_Wrap H4 {
color:#000000;	PADDING: 0; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 3px 0px; OVERFLOW: hidden; COLOR: #fff; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: center
}
.INDEXGOODS_STYLE_4_Wrap .goodspic A {
	BORDER-RIGHT: #ffc3d2 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffc3d2 1px solid; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; VERTICAL-ALIGN: middle; OVERFLOW: hidden; BORDER-LEFT: #ffc3d2 1px solid; WIDTH: 140px; LINE-HEIGHT: 99px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffc3d2 1px solid; HEIGHT: 105px
}
.INDEXGOODS_STYLE_4_Wrap .goodspic A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid
}
.INDEXGOODS_STYLE_4_Wrap .price2 {
	COLOR: #f90; font:bold 13px Arial, Helvetica, sans-serif;
}
/*----*/

.infoBoxContents {
	FONT-SIZE: 11px; BACKGROUND: url(../images/box-bg.gif) #ffffff repeat-x center bottom; FONT-FAMILY: Tahoma, sans-serif
}
.infoBox {
	BACKGROUND: #b6b7cb
}
.productListing-headingreg {BORDER-LEFT: #cecea4 1px solid;BORDER-RIGHT: #cecea4 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cecea4 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #f0f3e3; PADDING-BOTTOM: 10px; COLOR: #000000; PADDING-TOP: 10px; BORDER-BOTTOM: #cecea4 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; TEXT-ALIGN: LEFT; shopping-cart: 
}