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

@import "skeleton.css";*/
@import "menustyle.css";
/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background:url(../images/bgd_page.gif) repeat-x top #c3dcf1;
}
html,body{height:100%;}

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

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

ol, ul {
    list-style-type:none; 
}
a { text-decoration:none; color:#000;
}
a:hover {
	text-decoration: none; color:#565656;
}

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

}

form {
	margin: 0;
	padding: 0;
}

#page {
 width:1004px; margin:0 auto;  
}
/* TOP */
#main-nav {
width:1004px; text-align:center; height:160px;font-size:13px; background:url(../images/banner1.gif) #000; padding:0px;
}
#main-nav p a{
color:#fff; text-decoration:none; display:block; width:100px;font-weight:bold; float:left; border-right: solid 1px #FFF; line-height:21px;
}
#main-nav p a:hover  {
color:yellow; text-decoration:none;text-decoration:underline;
}

/* SEARCH */

#ja-usertools {
	width: 793px;
	height: 27px;
	padding:3px 0 0 210px;
	line-height:27px;
	margin: 0px auto;
	font:bold 12px Arial, Tahoma, sans-serif;
	color:#FF0000;
	background:url(../images/head_search.gif) center no-repeat;
	text-align:left;
}

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

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

/* CONTENT */
#content { width:990px; background:url(../images/.gif) left repeat-y #fff; margin:0 auto; padding:10px 11px 10px 0;  border:1px #ccc solid;
}

#paddingright { width:769px; float:right; background:#fff; padding:0; margin:0;}
#paddingright .h-left { float:left; width:440px; padding:0; margin:0;}
#paddingright .h-right {float:left; padding-right:10px; width:308px; height:190px; padding:0; color:#000;}
#paddingright h6 { margin:0; padding:7px 0 0 20px;height:23px; line-height:30px; background:#; color:#FF0000; font: bold 14px Arial, Helvetica, sans-serif; text-transform:capitalize;}
#paddingright .contents { padding:5px 10px; margin:10px 0px; text-align:left; border:1px #ccc solid; background:#fff; color:#000;}
/*--new product--*/
.INDEXGOODS_STYLE_4_Wrap {
	WIDTH: 170px; display:block;
}
.INDEXGOODS_STYLE_4_Wrap H4 {
	WIDTH: 170px; 
}
.INDEXGOODS_STYLE_4_Wrap {
	 PADDING-RIGHT: 3px; PADDING-LEFT: 3px; background:#999; border:1px #FFF solid; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 15px 5PX; OVERFLOW: hidden; PADDING-TOP: 0px;  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 {
	 PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 10px 0px; VERTICAL-ALIGN: middle; OVERFLOW: hidden;  WIDTH: 150px; LINE-HEIGHT: 120px; PADDING-TOP: 2px;  HEIGHT: 120px
}
.INDEXGOODS_STYLE_4_Wrap .goodspic A:hover {
	
}
.INDEXGOODS_STYLE_4_Wrap .price2 {
	COLOR: #fff; font:bold 13px Arial, Helvetica, sans-serif;
}
.xspace-textwmen {
	FONT-SIZE: 11px; MARGIN: 0px auto;  LINE-HEIGHT: 16px; width:170px; background:#FF9900; color:#FFFFFF; 
}
.xspace-textboy {
	FONT-SIZE: 11px; MARGIN: 0px auto;  LINE-HEIGHT: 16px; width:170px; background:#FF6600; color:#FFFFFF; 
}
.xspace-textmen {
	FONT-SIZE: 11px; MARGIN: 0px auto;  LINE-HEIGHT: 16px; width:170px; background:#FF0000;  color:#FFFFFF;
}

/* CONTENT LEFT */
#paddingleft { width:210px; background:#3979ad; margin:0 ; padding:0; vertical-align:top; overflow:hidden; border:1px solid #ccc;
}
#paddingleft .left_top { margin:12px 8px; width:196px; height:120px; background:#fff;}
#paddingleft td,tr,table{color:#FFFFFF}
#paddingleft .left_top a { font:bold 12px Arial, Helvetica, sans-serif; color:#FFF;}
#paddingleft .left_top a:hover { color:#FF0;}

#paddingleft .left_mid {width:210px; height:auto; background:url(../images/catalog.gif) top no-repeat; padding:30px 0 0 9px;}
#paddingleft .left_bot { width:196px; margin:10px auto; border-bottom:1px #eee solid; border-top:1px #333 solid; color:#FFFFFF; }

#paddingleft .left_bot h5 { padding:0; margin:0; color:#f60; text-align:center;}
#paddingleft .left_bot h5 a {  color:#f60;}
#paddingleft .left_bot h5 a:hover{ color:#f00;}

#paddingleft .left_bot a { color:#FFF;}
#paddingleft .left_bot a:hover { color:#f00;}


/* CONTENT LEFT */
#paddingleft00 { width:208px; background:#63a6d7; margin:0 ; padding:0; vertical-align:top; overflow:hidden
}
#paddingleft00 .left_top { margin:12px 8px; width:196px; height:120px; background:#fff;}
#paddingleft00 td,tr,table{color:#FFFFFF}
#paddingleft00 .left_top a { font:bold 12px Arial, Helvetica, sans-serif; color:#FFF;}
#paddingleft00 .left_top a:hover { color:#FF0;}

#paddingleft00 .left_mid {width:208px; height:auto; background:url(../images/catalog3.gif) top no-repeat; padding:30px 0 0 9px;}
#paddingleft00 .left_bot { width:196px; margin:10px auto; border-bottom:1px #eee solid; border-top:1px #eee solid; color:#FFFFFF; }

#paddingleft00 .left_bot h5 { padding:0; margin:0; color:#f60; text-align:center;}
#paddingleft00 .left_bot h5 a {  color:#f60;}
#paddingleft00 .left_bot h5 a:hover{ color:#f00;}

#paddingleft00 .left_bot a { color:#FFF;}
#paddingleft00 .left_bot a:hover { color:#f00;}



#foot { width:1003px; background:url(images/bottom_bg.gif) repeat #1f80c6;  margin:0 auto; padding:20px 0 0 0; text-align:center; color:#FFFFFF; line-height:20px;}
#foot a { color:#FFFFFF;}
#foot a:hover { color:#FFFF00}

#foot-1 {text-align:center; font-size:13px; color:#fff; line-height:20px; font-weight:bold}
#foot-1 a { color:#FFFFFF;}
#foot-1 a:hover { color:#FFFF00}

/*CSS green-black style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; font: bold 12px Tahoma, Verdana, Arial;
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(../images/image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(../images/image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(../images/image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(../images/image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}
.cBlue { color: #ffffff; font: bold 11px Tahoma, Verdana, Arial; }
a.cBlue { color: #fff; text-decoration:none; }
a.cBlue:hover { color: #333; text-decoration:underline; }

/*-- views --*/
.views-imagelist IMG {
	FONT-SIZE: 1px; MAX-WIDTH: 450px; VERTICAL-ALIGN: middle; ; WIDTH: expression(this.width > 450 && this.height < this.width ? 450: true); BORDER-TOP-STYLE: none; MAX-HEIGHT: 450px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; ; HEIGHT: expression(this.height > 450 ? 450: true); BORDER-BOTTOM-STYLE: none;border:4px #990000 solid; 
}

.infoBoxContents {
	FONT-SIZE: 11px; BACKGROUND: url(../images/box-bg.gif) #ffffff repeat-x center bottom; FONT-FAMILY: Tahoma, sans-serif
}

a.black {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none; font-weight:bold
}
a.black:visited {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none; font-weight:bold
}
a.black:hover {color: #009900;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none; font-weight:bold
}
a.black:active {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none; font-weight:bold
}



a.black2 {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none
}
a.black2:visited {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none
}
a.black2:hover {color: #FF6600;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none
}
a.black2:active {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none
}

a.black20 {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-decoration:none; font-weight:bold
}
a.black20:visited {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-decoration:none; font-weight:bold
}
a.black20:hover {color: #FF6600;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-decoration:none; font-weight:bold
}
a.black20:active {color: #000;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-decoration:none; font-weight:bold
}
.pru01 {margin:0px 0px 5px 0px; height:20px;  float:left; width:111px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-family:Verdana; text-align:left;}
#links{ 
text-align:center; background:#1f80c6; color:#ccc; line-height:26px; text-transform:capitalize; font-size:11px; }
#links a{padding:0 5px; color:#ccc;}

#prohref a{ color:#000; text-align:center; float:left; margin:5px 16px; line-height:20PX; font-size:11px; text-transform:uppercase; border:1px dotted #3979ad; width:155px; }
#prohref a b{ color:red}
#prohref a:hover{background:#3979ad; color:#FFF;}
#showpage {  border:1px solid #ddd; background:#f5f5f5; text-align:right;line-height:30px; font-size:12px;clear:both;  padding:0 12px;  color:#000; font-weight:100; margin:10px 0;}
#showpage a{ font-family:arial; text-decoration:none; color:#000; font-size:12px; font-weight:bold; background:#fff; border:1px solid #666; padding:0 6px;}
#bar{
	text-align:left; 	
	line-height:24px; 
	background:url(images/.gif) repeat-x;	
	font-size:13px; color:#111; font-weight:bold;
	text-align:left;
	margin-bottom:10px;	
  	border-bottom:1px dashed #666;
	color:#000;
	padding-left:20px;
}
#bar span {font-size:13px; background:url(../images/star2.jpg) no-repeat 3px;color:#ff0; float:left; text-transform:uppercase; display:none;}
#bar b{font-size:13px; color:#000}
#bar a{ font-size:13px;font-weight:bold;color:#000;}
.show_tag {
	CLEAR: both; BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/tags_bg.gif); MARGIN-LEFT: auto; WIDTH: 100%; MARGIN-RIGHT: auto; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff
}
.cybdL2 {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(../images/tags_bg.gif); BACKGROUND-REPEAT: no-repeat
}
#productDescription {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em;
}

.biggerText {
	FONT-SIZE: 1.2em;
}
.box 
{ 
border: 1px solid #C0C0C0; 
width: 113px; 
height: 20px; 
clip: rect( 0px, 110px, 20px, 0px ); 
overflow: hidden; 
} 
.box2 
{ 
border: 1px solid #F4F4F4; 
width: 111px; 
height: 18px; 
clip: rect( 0px, 108px, 18px, 0px ); 
overflow: hidden; 
} 
.sizes {
	width:280px; margin:0 auto; padding:0;
}
.sizes a {
	border:2px #ccc solid; background:#ccc; color:#000; display:block; width:37px; height:16px; float:left; text-align:center; font: bold 10px/16px Verdana; text-decoration:none; margin:0 0 1px 1px;
}

.sizes a:hover {
	border:2px #77C9FF solid; background:#A4DBFF; color:#000;display:block; width:37px; height:16px; float:left; text-align:center; font: bold 10px/16px Verdana; text-decoration:none; margin:0 0 1px 1px;
}

.sizes1:visited{
	border:2px #C0430E solid; background:#E24F10; color:#fff; display:block; width:37px; height:16px; float:left; text-align:center; font: bold 10px/16px Verdana; margin:0 0 1px 1px;
}
.n_cybd {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/navbj1.gif); FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 25px; TEXT-ALIGN: left
}
.tag4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 880px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.n_cybd LI {
	FONT-SIZE: 13px; FLOAT: left; WIDTH: 105px; CURSOR: pointer; LINE-HEIGHT: 25px; HEIGHT: 25px; TEXT-ALIGN: center
}
.n_cybd LI A {
	TEXT-DECORATION: none
}
.n_cybd_f {
	FONT-WEIGHT: bold; BACKGROUND: url(images/navbj5_2.gif)
}
.n_cybd LI.line {
	BACKGROUND: #cacaca; WIDTH: 1px
}
.hw00{ float:left; width:165px;  overflow:hidden; margin:5PX; padding:0 5PX; background:#f7f3f7; border:1px solid #eee;}
.hw00 .hw1{ text-align:center;margin:8px;height:110px; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden; background:#FFF}
.hw00 .hw1 a img{ border:0; max-width:125px; max-height:110px; width:expression(this.width > 125 && this.height < this.width*110/125 ? 125: true);  height: expression(this.height > 110 ? 110: true);margin-top: expression(this.height < 110 ? (110-this.height)/2: 0); }
.hw00 .hw2{ text-align:center; line-height:1.3; margin:auto; height:55px; color:#000}
.hw00 .hw2 b{ background:#E8ECED; color:red; font-weight:100; font-size:12px;}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{  color:#000;  font-size:12px; }
.hw00 .hw2 span{ color:#000; font-size:12px;font-weight:700;}
.hw00 .hw2 s{ color:#999; font-size:12px; padding:0 5px;}
.hw00 .hw2 u{ font-size:11px; color:#666; text-decoration:none; font-weight:100;}

.hw02 { float:left; width:94px;  overflow:hidden; }
.hw02 .hw1{ text-align:center;height:75px; width:75px; margin:10px auto 2px auto; border:1px solid #ddd; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw02 .hw1 a img{ border:0; max-width:76px; max-height:75px; width:expression(this.width > 76 && this.height < this.width*75/76 ? 76: true);  height: expression(this.height > 75 ? 75: true);margin-top: expression(this.height < 75 ? (75-this.height)/2: 0); }
.hw02 .hw2{ text-align:center; line-height:1.3; margin:auto; height:55px; font-size:12px; font-weight:bold;color:#999;}
.hw02 .hw2 b{ color:#000; font-size:12px;}
.hw02 .hw2 br{ line-height:7px;}
.hw02 .hw2 a{  color:#333; font-size:11px; color:#666; font-weight:100; text-decoration:underline; }
.hw02 .hw2 span{ color:#900; line-height:1.7;}
.hw02 .hw2 u{ font-size:12px; color:#000; text-decoration:none; font-weight:100;}
.aaaa{ color:#fff; font-size:12px; line-height:18px; font-weight:bold}
.aaaa a{ color:#fff;}
.aaaa a:hover{ color:red; text-decoration:underline;}

.bbbb{ color:red; font-size:12px; line-height:18px; font-weight:bold}
.bbbb a{ color:#fff;}
.bbbb a:hover{ color:red; text-decoration:underline;}

.aaaa1{ float:left; width:109px; padding-left:29px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; line-height:28px;padding-top:5px; display:block;}
.aaaa1 a{ color:#fff;}
.aaaa1 a:hover{ color:red; background:url(../images/bbt.png) bottom; display:block; line-height:38px;}