/* ---------------------------------------------------------------
      Version: Jan 2008 (v1)
      Date de création: Thu, 03 Jan, 2008
	  Date de modification: Thu, 03 Jan, 2008
	  Copyright 2005-2007 ETW International. All rights resvered.
------------------------------------------------------------------ */
html, body { height: 100%; }
body { 
	
	text-align: center;
	font: 12px/15px Arial, Helvetica, sans-serif;
	
}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {
	margin:0;
	padding:0;
}
a img, img { border: none; }
ol, ul { list-style: none; }
ol:after, ul:after {
	content: ".";
	display:block;
	font-size:0px;
	line-height:0px;
	height:0;
	clear:both;
	visibility:hidden;
}
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { -moz-outline-style: none; }
.vider { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 1px; line-height: 1px; font-size: 1px; }

#container {
	width: 100%;
	height: 1596px;
	margin: 0 auto;
	padding: 0px 0px 1px 0px;
}
#page { margin: 0px auto; width: 992px; }
#header { float: left; width:992px; height: auto; margin-top: 0px; }
#header h5 { color: #959595; position: relative; top: 19px; right: 185px; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; margin:0px; height: 16px; width: 617px; padding-left: 18px; }
#header #marfont { color:#666666; position: relative; top: 19px; right: 185px; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; margin:0px; height: 16px; width: 617px; padding-left: 18px; }
*:lang(en) #header h5 { right: 0; }
#header h5 a { color: #c30; }
#header .haute { color: #039; width: 550px; _width:570px; height: 18px; text-align: right; float:left; padding-top: 2px;  }
.haute a { color: #039; margin: 0 5px; }
.haute a:hover { color: #c30; }
.haute span { display: none; margin-right: 8px; }
.haute span a { color:#990000; font-weight: bold; }
#header #headerbg { background: transparent url(../img/logoa.gif) ; height: 91px; width:992px; float:left; }

/*#logo img { behavior: url("media/iepngfix.htc"); }*/
#search
{
  float:left;
  width:100%;
  height:70px;
  margin-top:30px;
}
#search #q {
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	height:35px; 
	width:400px;
	line-height:35px;
	
	font-weight:bold;
	
	color:#666666;
}
#search #s {
	/*position: absolute;
	top: 20px;
	left: 482px;*/
	height:35px;
	width:80px;
	margin-left:10px;
	
	
}
#popup_info {
	background: #fff;
	border: 1px solid #fff;
	color:#c30;
	display: block;
	font-weight: bold;
	float: right;
	position: relative;
	
	top: 3px;/*42*/
	width: 176px;
	height: 0px;
	padding: 5px;
	text-align: left;
	z-index: 300;
	visibility: hidden;
}

#nav { width: 100%; height: 45px; font-size: 12px; /*margin-bottom: 2px;*/ z-index:-10; }
#nav ul { background: url(../img/menubg.gif) repeat-x; font-weight: bold;height: 45px; border-top:1px #68C9FB solid; margin: 0 auto; text-align: center; }
#nav li { /*background: #316ca6;*/ float: left; display: inline; width: 16.6%; height:39px;}
#nav li a { color: #000582; display: block; font-weight: bold; padding: 12px 0px;  }
#nav li a:hover {  background: url(../img/menubghover.gif) repeat-x; border:1px #B1E3FC solid; border-top:none; border-bottom:none; text-decoration: none; }
#nav .first-line { border: none; width: 244px; }
*:lang(en) #nav .first-line { width: 25%; }
#wrapper {
	background:#fff;
	float: left;
	width: 100%;
	height: auto;
	 z-index:-1;
}
#main { background: url(../img/bg_shadowdown.png) no-repeat left bottom; float: left; width: 100%; height: auto;}
#etw_cat { float: left; border-left: 1px solid #CAD9DE; border-right: 1px solid #CAD9DE; height:1382px; border-top: 3px solid #3FA5DA; width: 144px; _width: 144px; padding-right: 1px; margin-left: 7px; _margin-left: 3px; *padding-right: 0px; padding-left:5px; line-height:20px; background:#F6FBFF; margin-top:5px;}
#etw_cat a {  color: #039; }
#etw_cat a:hover { color: #c30; }
#etw_cat .etw_windows {
	color: #006633;
	font-size:16px;
	height: auto; /*20px 45px*/
	border-bottom: 2px solid #ccc;
	padding: 3px 0px;
	text-align: center;
}
.etw_windows a { display: block; /*left*/ padding: 4px 0px 4px 4px; }
.etw_windows img { *padding-bottom: 0px !important; padding: 3px 6px 0px 0px; vertical-align: text-bottom; }
#etw_cat .left_cat { float: left; width: 144px; _width: 143px; height: auto; text-align: left; text-transform:capitalize; margin-top:5px;}
.left_cat ul { display: block; font-size: 11px; float: left; height: auto; /*1287px, 1097px;*/ width: 100%; margin: 0px; padding: 0px; }
.left_cat ul li { display: block; width: 100%; margin: 2px 0px; border-bottom: 1px solid #dcdcdc; }
/**:lang(en) .left_cat ul li {  Doesn't work for IE 
	line-height: 15px;
	padding: 0px;
}*/
.left_cat ul li:hover { color:#006633; }
.left_cat ul li a { background: url(../img/dot.gif) no-repeat 8px center; display: block; margin: 0 auto; padding: 4px 0px 4px 18px; width: 88%; }
.left_cat ul li a:hover { background: url(../img/dot1.gif) no-repeat 8px center; color:#007734; }
#more, #more a { background: url(../img/ulboxbg.jpg) repeat-x left bottom; color: #c30; display: block; font-weight: bold; text-align: right; padding: 3px 0px; }

#etw_content { float: left; width: 825px; height: auto;/*1340px;*/ margin-top:5px;  padding-bottom: 10px; }

#footer {
float:left; line-height:30px;width:100%; text-align:center;margin-top:250px !important; margin-top:15px; 
}


/* /////////////////////////////////////////////////////////////////////////////////////
=================================== Language Menu ====================================== */
.topMenu {
  position: absolute;
  z-index: 888;
  top: -999px;
  float: left;
  margin-left: 742px;
  background: url(../img/bg_topmenu_bl.gif) 0% 100% no-repeat;
  color: #636363;
  font-weight: bold;
  font-size: 10px;
  text-align: left;
  width: 120px;
}

.topMenu a {
  display: block;
  border-top: solid 1px #ddd;
  padding: 3px 5px;
  margin-left: -17px;
}

.topMenu a:link,
.topMenu a:visited,
.topMenu a:active {
  color: #636363;
  text-decoration: none;
}

.topMenu a:hover {
  color: #ff0000;
  text-decoration: none;
  background-color: #fff;
  padding: 3px;
  border-right: 2px solid #ff0000;
  border-left: 2px solid #ff0000;
}
.topMenuContainer {
  margin-left: 17px;
  padding-top: 2px;
  background: url(../img/bg_topmenu_br.gif) 100% 100% no-repeat;
}
.topMenuSeparator {
  padding: 3px 5px;
  margin-left: -17px;
  border-top: solid 1px #ddd;
}
.topMenu img {
  vertical-align: middle;
}

.ferme { background: #fff; display: block; text-align: right; padding: 5px; }
.ferme a { background: url(../img/ferme.jpg) no-repeat right center; display: block; height: 15px; }
.ferme a:hover { background: url(../img/fermeover.jpg) no-repeat right center; }
#allcatagory {
	background: #f5f5f5;
	border: 2px solid #ffc65a;
	/*display: none;*/
	position: absolute;
	top: 122px;
	left: -9999px;
	width: 730px;
	margin: 0px auto;
	padding: 5px;
	z-index: 999;
}
#allcatagory:hover { border-color: #d03900; }
#allcatagory ul {width: 100%; margin: 0px auto;	height: auto; padding: 12px 0px;}
#allcatagory ul li {
	display: block;
	float: left;
	width: auto;/*49%;*/
	line-height: 22px;
	margin: 0 auto;
	padding-left: 15px;
}
#allcatagory ul li a { width: auto; white-space:nowrap /*95%;*/ }

/* External images */
#box {
	visibility: hidden;
	top: 0;
	left: 0;
	position: absolute;
	background: #000;
	width: 100%;
	overflow-x: hidden;
	z-index: 9998;
}
#bimg {
	position: absolute;
	width: 100%;
	text-align: center;
	top: -7000px; 	
	padding-top: 10px;
	z-index: 9999;
}
#bimg .bimg {
	width: auto;
	margin: 0px auto;
	color: #fff;
	font-weight: bold;
}
#kewords{
width:95%;
height:auto;
border:#CCCCCC double;
background-color:#fff;
}
#s_left{
float:left;
width:69%;
height:1100px;
border-right:1px solid #ccc;
}
#s_right{
float:left; text-align:left;
width:30%;

}


/*搜索按钮样式*/

.searchlist{ width:93%; height:25px; margin:0px auto; border-bottom:1px solid #C9D7F1; padding-left:50px;}
.searchlogo{ width:100%; height:auto; margin:0px auto; margin-top:100px; }
.searchlist ul { list-style:none; display:block;}
.searchlist ul li { width:120px; line-height:25px; float:left; display:block;}
#logo { float: left; width:100%; height:auto; text-align:center; margin-top:50px; }

#productlist{ width:100%; height:auto; float:left;}
#productlist #plist{ width:420px; margin:0px auto; line-height:40px;}
#productlist #plist ul { width:420px; height:auto; margin:0px auto; }
#productlist #plist ul li { width:420px; line-height:30px; display:block; text-align:left; }
#productlist #plist ul li a{ color:#101989;}


#productlists{ width:600px; height:auto; margin:0px auto; text-align:left; line-height:40px; }
#productlists ul { width:600px; height:auto; margin:0px auto; }
#productlists ul li { width:400px; line-height:25px; display:block; text-align:left;}
#productlists  a{ color:#666666;}


INPUT.sw_qbox {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0.4em; BORDER-TOP: white 1px solid; PADDING-LEFT: 0.4em; FONT-SIZE: 112%; PADDING-BOTTOM: 0.3em; VERTICAL-ALIGN: middle; BORDER-LEFT: white 1px solid; WIDTH: 24.5em; COLOR: #333; PADDING-TOP: 0.35em; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: arial
}

.sw_b1 {
	BORDER-RIGHT: #b0b8be 1px solid; BORDER-TOP: #b0b8be 1px solid; BORDER-LEFT: #b0b8be 1px solid; BORDER-BOTTOM: #b0b8be 1px solid; BACKGROUND-COLOR: #fff
}
.sw_b2 {
	BORDER-RIGHT: #e3e3e4 1px solid; BORDER-TOP: #e3e3e4 1px solid; BORDER-LEFT: #e3e3e4 1px solid; BORDER-BOTTOM: #e3e3e4 1px solid
}
.sw_b3 {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid;  BORDER-BOTTOM: #f0f0f0 1px solid
}

.sw_box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -2px 0px 0px; PADDING-TOP: 0px
}
.sw_box TABLE {
	MARGIN: 5px 0px 6px
}
.sw_box TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; WHITE-SPACE: nowrap
}
.sw_sform {
	Z-INDEX: 10;  
}
.search_controls { 
	
}
.language{ width:100%; line-height:30px; text-align:center;}

.singuptextarea, .logontextarea {border:#CCCCCC 1px solid; padding: 0px 2px;}
#signup1 { float: right; font-size: 12px; width:25%; height: auto; background:#fff; }
#newuser1 { width:70%; height:100%; float:left; }
#newuser1 table { font-size: 12px; }
.input{color:000000;border: 1px dotted #DADADA;background-color: #ffffff;}
.button{
	background-image:url(images/button_bg.gif);
	background-color:#FFFFFF;
	border-top:1px solid #C8CCCB;
	border-left:1px solid #C8CCCB;
	border-bottom:1px solid #C8CCCB;
	border-right:1px solid #C8CCCB;
	background-repeat:repeat-x;
	padding-top:4px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	text-decoration:line;	
	font-size: 12px;
	color: #000002;

}