*{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:left;
	color:#999;
	background-color: transparent;
	border-style:none;
}
p{	line-height:140%; }
b{	font-weight:bolder;}
a{	text-decoration:none;}
.nav a,
.header a,
.prodlist a,
.toolbar a{	color:#999;	 background-color: transparent;}

body{
	color: #000;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
}
html>body{
	width:640px;
	}
/* layout & line */
.layout{
	color: #000;
	clear: both;
	margin:auto;
	width: 640px;
	background-color:#FFF;

}
.lineT{ border-top:solid 1px #CCC;}
.lineB{border-bottom:solid 1px #CCC;}
.padT{padding-top:10px;}
.padB{padding-bottom:10px;}
.center{	text-align:center;	margin-left:auto;	margin-right:auto;	}
.clear{	clear:both;}
.clearR{ clear:right;}
.focus{	color:#F00;	 background-color: transparent;}

/* area */
.header,
.main,
.footer,
.nav,
.toolbar {
	border-color:#CCC;
	border-width:0 1px;
	border-style:solid;
	width:640px;
	margin:0 auto;
	color: #000;
	background-color:#FFF;
}
.header,
.footer{	height:100px;position:relative;}
.nav,
.toolbar{	height:26px;}
.main{
z-index:2;
height:300px;
position:relative;
}
.layout > .main{min-height:300px; height:auto;}
.sq{
display:none;
}
 .text{
	width:640px;
	height:auto;
	float:right;
}
/*	logo	*/
.logo{
	width:200px;
	height:100px;
	float:left;
	margin:0;
}
/*	search	*/
.searchform{float:right; height:auto;width:210px;  position:relative;margin:5px; }
.searchform .q{border:solid 1px #CCC;width:144px; height:20px; position:absolute; top:0;left:0; }
.searchform #q{border:none 0 #FFF;font-size:1em;width:140px; margin:3px 5px 0 2px;}
.searchform .s{border:solid 1px #CCC; color: #999; background-color:#CCC; width:60px; height:20px;position:absolute; top:0;left:146px;}
.searchform #s{border:none 0 #FFF; width:60px; height:20px;background-color:#CCC;color:#FFF; text-align:center;}

/* topnav*/
.header .text{width:500px; text-align:right; position:absolute; right:0; bottom:5px;}
.header .text ul{margin:5px;float:right; border-left:solid 1px #CCC;}
.header .text ul li{padding:0 5px 0 2px;display:inline; border-right:solid 1px #CCC;}

/*	nav	*/
.nav{height:26px;width:640px;border-bottom:solid 1px #CCC;overflow:hidden;}
.nav .sq{background-color:#BBB; color: #000;}
.nav .text ul{margin:5px;width:640px;}
.nav .text ul li{padding:0 0 0 20px;display:inline; background: #FFF url(../images/sp.gif) left  center no-repeat;}

/*	main	*/
/*	menu	*/

div.menus{display:none;}

/*	content	*/
div.content{	z-index:1; width:600px;	padding:5px;	clear:both;	overflow:hidden;}

/*	article	*/
.article{	position:relative;	z-index:2;	clear:both; width: 600px; display:block; }

/*-- info --*/
.article .info{position:relative;padding:0 0 10px 160px; clear:both; height:200px;}
.article > .info{height:auto;min-height:200px;}
.article .info p.bullets{ text-indent:10px; background:#FFF url(../images/dot.gif) no-repeat left top ;}
table.tbl_rela{border-collapse:collapse;margin:5px 0 5px 10px;}
table.tbl_rela td{border:0 solid #FFF;border-bottom:1px solid #ccc;	padding:0 10px 0 0;}
table.tbl_rela tr.tbl_rela_h td{font-weight:bold;}

/*	product Image 	*/
.article img.product{ float:left;	width:400px;	margin-right:10px;}/* unused */
.article img.productImg,
.article img.productDim{display:block; width:150px;margin-right:10px; position:absolute; top:0; left:0;}
.article img.productImg{cursor:pointer;}

/*		zoom image	*/
.zoomImg{ width:480px;position:absolute; border: solid 1px #666; z-index:5; background-color:#FFF; color: #000; display: none; }
.zoomImg img{width:auto;height:500px;}
.zoomImg #closebtn{ position:absolute; top:5px; right:5px;  display:block; padding:2px;}
.zoomImg #closebtn:hover{ color:#F00; background-color: transparent; }
.zoomImg #closebtn span{border:solid 1px #CCC; margin:0; padding:1px 4px; font-weight:bold; border:solid 1px #CCC;}
.zoomImg #closebtn:hover span{color:#F00;	background-color: transparent; border:solid 1px #F00;}

/*	home */
.home{text-align:center;height:240px; border-top:solid 20px #FFF;}
.content > .home{height:auto;min-height:240px;}

/*	relation	*/
.article ul.rela{ width:640px;height:16px; margin: auto; padding:0 0 0 155px; float:left; border-bottom:solid 1px #666; overflow:hidden;}
.article>ul.rela{padding-bottom:2px;  margin: 0 0 10px 0;}
.article ul.rela li{ height:16px;list-style:none;display:inline; padding:0 5px; margin:0 5px 0 0; float:left;}
.article ul.rela li a{border-left:solid 1px #666; display:block; float:left; height:16px; color:#666;background:#FFF url(../images/relation_bg.gif) top right no-repeat; padding:2px 15px 0 15px; vertical-align:bottom; width:auto; white-space:nowrap;}
.article ul.rela li a:hover,
.article ul.rela li a.current{ color:#FFF;background-color: transparent;background-image:url(../images/relation_bg_over.gif);}
.article ul.rela li a.current:hover{color:#CCC;	background-color: transparent;}

/*	product list	*/
.article ul.prodlist{ width:auto;height:auto; margin: auto; text-align:center; clear:both;display:table-row; display:expression("block");}
.article ul.prodlist li{width:132px; height:120px; list-style:none;display:block; float:left; text-align:center; margin:0 auto; border-bottom:solid 10px #FFF; border-top:solid 10px #FFF;}
.article ul.prodlist li a span{display:block; clear:both; width:132px; text-align:center; cursor:pointer;}
.article ul.prodlist li a img{ width:87px; height:87px; border:solid 1px #CCC;}
.article ul.prodlist li a:focus img,
.article ul.prodlist li a:hover img{border:solid 1px #F00;}

/*	product list GROUP 	*/
.article ul.prodlist li.groupName,
.group
{
	display:block;
	width:600px;
	float:none;
	clear:both;
	border-bottom:solid 1px #999;
	height:16px;
	text-align:left;
	color:#999;
	background-color: transparent;
}

/*	product relation list	*/
#pl-2,
#pl-3,
#pl0,
#pl1,
#pl2,
#pl3,
#pl4,
#pl5,
#pl6{ display: none; margin-top:10px;}

/* product attribute */
.article .productAttr{ position:relative; clear:both;}
.article > .productAttr{display:table-row;min-height:250px;}
.article .productAttr div{position:relative;padding:0 0 0 160px;  height:250px;}
.article > .productAttr > div{display:block;height:auto;min-height:250px;}

#PMN{border:none 0 #FFF; border-bottom:solid 1px #CCC; border-top:solid 1px #CCC; margin-bottom:10px; border-collapse:collapse; clear:both;}
#PP{border:none 0 #FFF; border-collapse:collapse; clear:both;}
#PMN tr,
#PP tr{border: none;}
#PP td,
#PMN td{border:none; padding: 1px 15px 1px 0; vertical-align:top;}

/*	flash show	*/
div.show{width:600px; }

/*	information	*/
div.group span{ font-weight:bold;}
.article h1#title{font-size:1.2em; font-weight:bold; padding:0 0 0.5em 0;}
.article p{display:table-row;}
.article ul#articles li{ list-style:none none; text-indent:-5.9em; padding:0 0 0.8em 10.5em;}
.article ul#articles li a:hover .t{color:#F00; background-color: transparent;}
/*
#content p a{color:#369;  background-color: transparent; text-decoration:underline;}
*/
#content p a:hover{color:#F00; background-color: transparent;}

/*toolbar*/
.toolbar{border-top:solid 1px #CCC;}
.toolbar .sq{display:none;}
.toolbar .text{width:640px;}
.toolbar .text  .backbtn{margin:5px 10px;float:left;}
.toolbar .text ul{margin:5px 10px;float:right; border-left:solid 1px #999;}
.toolbar .text ul li{padding:0 5px; display:inline; border-right:solid 1px #999;}

/*footer*/
.footer .copyright{ position:absolute; bottom:10px;left:10px;}

/*------ custom ------*/
a.linkStyle1
{
	width:140px;
	margin:5px 10px 0 0;
	vertical-align:top;
	float:left;
	display:block;
	height:expression("140px");
	color: #369;
	background-color: transparent;
}
a.linkStyle1 img
{
	border:solid 1px #CCCCCC;
	clear:both;
}

a.linkStyle1:hover
{
	color:#F00;
	background-color: transparent;
}
a.linkStyle1:hover img
{
	border:solid 1px #F00;	
}