*{
	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;}
.nav a:hover,
.header a:hover,
.prodlist a:hover,
#articles a:hover,
.footer a:hover,
.toolbar a:hover{	color:#F00;	 background-color: transparent;}

body{
	color: #000;
	background-color:#666;
	margin:40px auto 20px auto;
	text-align:center;
}

html>body{width:1000px;	}/* for Mozilla */
*+html>body{width:auto;}/* for IE7 */

/* layout & line */
.layout{
	color: #000;
	clear: both;
	margin:auto;
	width: 1000px;
	background-color:#FFF;
}
* html body .layout{text-align:center;}/* for ie 5-6 */

.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:900px;
	margin:0 auto;
	color: #000;
	background-color:#FFF;
}
.header,
.footer{	height:100px;position:relative;}
.nav,
.toolbar{	height:26px;}
.main{
z-index:2;
min-height:300px;
position:relative;
background:#FFF  url(../images/main_bg.gif) left top repeat-y;
}
*+html .main{height:auto;} /* ie 7 */
.sq{
	width:199px;
	height:26px;
	float:left;
	border-right:solid 1px #CCC;
}
 .text{
	width:700px;
	height:auto;
	float:right;
}
/*	logo	*/
.logo{
	width:200px;
	height:100px;
	float:left;
	text-align:center;
	margin:0 auto;
}
/*	search	*/
.searchform{float:right; height:auto;width:210px;  position:relative;margin:10px; }
.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:700px; text-align:right; position:absolute; right:0; bottom:5px;}
.header .text ul{margin:5px 10px;float:right; border-left:solid 1px #CCC;}
.header .text ul li{padding:0 5px; display:inline; border-right:solid 1px #CCC;}

/*	nav	*/
.nav{height:26px;width:900px;border-bottom:solid 1px #CCC;overflow:hidden;}
.nav .sq{background-color:#BBB; color: #000;}
.nav .text ul{margin:5px 10px;}
.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{ float:left; margin:10px 0; position:absolute; z-index:10;}
div.menus a{width:198px;text-indent:20px; display:block;}
div.menus a:hover{background-image:url(../images/sp_WT.gif); background-position:  left center; background-repeat: no-repeat;}
ul.menu,
ul.submenu{width:199px;border-top:solid 1px #CCC;}
ul.menu ul.submenu{
	/* for IE */
	filter: Alpha(Opacity=90);
	/* for mozilla*/
	-moz-opacity:0.9;
}
/* diff */
ul.menu li,
ul.menu ul.submenu li{position:relative; color: #999; background-color:#FFF; padding:0 0 0 0;height:18px; list-style:none; border-bottom:solid 1px #CCC;}
ul.menu ul.submenu li{color:#FFF; background-color:#666;}
ul.menu #overM a,
ul.menu li a,
ul.menu li ul.submenu li a{ height:16px; padding:2px 0 0 0; width:199px;}

ul.menu li{ width:199px; border-right:solid 1px #ccc;}


/*FOR MOZILLA (Firefox Netscape Opera) */
ul.menu li			 ul.submenu {display:none; position:absolute; top:-1px; left:200px;}
ul.menu > li:hover,
li#current,
ul.menu > li ul.submenu li:hover{color:#FFF; background-color:#999;}
ul.menu > li:hover a,
ul.menu > li ul.submenu li:hover a{color:#FFF; background-color: transparent; width:200px; }
ul.menu > li:hover   ul.submenu{display:block;}

/*FOR IE */

ul.menu li.over a{color:#FFF;background-color:#999;}
ul.menu	li.over	ul.submenu{display:block;}
ul.menu	li.over	ul.submenu a {color:#FFF; background-color:#666;}
ul.menu	li.over	ul.submenu a:hover{color:#FFF; background-color:#999;}

ul.menu li{behavior:url(/theme/css/menu.htc);}


/* fix ie jump \*/
* html ul li { float: left; height: 1%; }
*+html ul li { float: left; min-height:1px;} /* ie 7*/
* html ul li a { height: 1%; }
*+html ul li a { height: 1px; } /* ie 7 */
/* End */


/*	content	*/
div.content{	z-index:1;	padding:10px 10px 10px 210px;	clear:both;}

/*	article	*/
.article{	position:relative;	z-index:2;	clear:both; width: 680px; display:block;}
/*-- info --*/
.article .info{position:relative;padding:0 0 10px 210px; clear:both; min-height:200px; height:200px;}
.article > .info{min-height:200px;height:auto;} /* ie 7 and Mozilla */
/* *+html .article .info{min-height:200px; height:auto;}  ie 7 */
.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:200px;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:expression("240px"); border-top:solid 20px #FFF;}
.content > .home{min-height:240px;}

/*	relation	*/
.article ul.rela{ width:470px;height:16px; margin: auto; padding:0 0 0 205px; float:left; border-bottom:solid 1px #666; overflow:hidden; clear:boths;}
.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:block;}
.article > ul.prodlist{display: table-cell;} /* mozillz */
*+html .article ul.prodlist{display:block;} /* ie 7 */
.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:680px;
	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 210px; min-height: 250px; height:expression("250px");}
*+html .article .productAttr div{height:auto;} /* ie 7 */
.article > .productAttr > div{display:block;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:670px; }

/*	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; text-indent:-5.9em; padding:0 0 0.8em 10.5em;width:80%;}
.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{background-color:#EEE; color:#000;}
.toolbar .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;}
.footer .link{position:absolute; bottom:10px; right:10px;}

.footer #mkt{position:absolute; left:10px; top:10px;}

.footer div#mkt a{padding:2px 5px;margin:0 0 0 1px;}
.footer div#mkt a:hover,
.footer div#mkt a.cur{color:#fff;	background:#999;}
/*------ 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;	
}