﻿BODY {
	margin:auto;
	font-size: 12px;
	color:#2C2C2C;
	line-height: 16px;
	margin-top:0;
	background-color:#FFFFFF;
	}
	

h1{font-size:14px;text-align:center;}

h2{font-size:12px;font-weight:bold;}

h3{font-size:12px;font-weight:bold;}

p{text-indent:2em;line-height:16px;}

form{margin:0; padding:0; border:0;}

hr{height:1px; border:0; line-height:1px; clear:both; color:#666; background-color:#666;}

A:link {
	COLOR:#2C2C2C; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #2C2C2C; TEXT-DECORATION: none;
}
A:hover {
	COLOR:#000099; TEXT-DECORATION:underline;
}
A:active {
	COLOR: #2C2C2C; TEXT-DECORATION: none;
}

.inputdate
{
	border:1px solid #999999;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	height: 14px;
	width: auto;
}

.username{
    background-image:url(images/username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}
.password{
    background-image:url(images/password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:20px;
	FONT-SIZE: 12px;}

.foot
{
color:#FFFFFF;
}

.foot A:link {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.foot A:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}
.foot A:hover {
	COLOR: #FF6600; TEXT-DECORATION: none
}
.foot A:active {
	COLOR: #FFFFFF; TEXT-DECORATION: none
}

ul{
margin:0;
padding:0;
list-style-type:none;
}

#nav {
 width:210px;
 line-height: 24px; 
 list-style-type: none;
 text-align:left;
    /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a {
 width: 205px; 
 display: block;
 padding-left:5px;  
 /*Width(一定要)，否则下面的Li会变形*/
}
#nav li {
 background:#ECECEC; /*一级目录的背景色*/
 border-bottom:#FFF 1px solid; /*下面的一条白边*/
 float:left;
 /*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
}
#nav li a:hover{
 background:#CA0005; /*一级目录onMouseOver显示的背景色*/
  background-image:url(../images/ico16.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:18px 8px;
 text-indent:30px;
}
#nav a:link  {
 color:#2C2C2C; text-decoration:none;
 background-image:url(../images/ico16.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:18px 8px;
 text-indent:30px;
}
#nav a:visited  {
 color:#2C2C2C;text-decoration:none;
  background-image:url(../images/ico16.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:18px 8px;
 text-indent:30px;
}
#nav a:hover  {
 color:#FFF;text-decoration:none;font-weight:bold;
 background-image:url(../images/ico16.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:18px 8px;
 text-indent:30px;
}
/*==================二级目录===================*/
#nav li ul {
 list-style:none;
 text-align:left;
}
#nav li ul li{ 
 background:#F7F7F7; /*二级目录的背景色*/
}
#nav li ul a{
         padding-left:5px;
         width:205px;
 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link  {
 color:#2C2C2C; text-decoration:none;
 background-image:url(../images/arrow_3.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:24px 8px;
 text-indent:34px;
}
#nav li ul a:visited  {
 color:#2C2C2C;text-decoration:none;
  background-image:url(../images/arrow_3.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:24px 8px;
 text-indent:34px;
}
#nav li ul a:hover {
 color:#000099;
 text-decoration:underline;
 font-weight:normal;
 background:#FFF;
 background-image:url(../images/arrow_3.gif);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:26px 8px;
 text-indent:34px;
 /* 二级onmouseover的字体颜色、背景色*/
}
/*==============================*/


/*==================三级目录===================*/
#nav li ul li ul li a{
         padding-left:5px;
         width:205px;
 /* padding-left三级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是三级目录的链接样式*/
#nav li ul li ul li a:link  {
 color:#FF3300; text-decoration:none;
 background-image:url(../images/point.jpg);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:30px 8px;
 text-indent:36px;
}
#nav li ul li ul li a:visited  {
 color:#FF3300;text-decoration:none;
  background-image:url(../images/point.jpg);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:30px 8px;
 text-indent:36px;
}
#nav li ul li ul li a:hover {
 color:#FF6600;
 text-decoration:underline;
 font-weight:normal;
 background:#FFF;
 background-image:url(../images/point.jpg);
 background-repeat:no-repeat;
 line-height:24px;
 background-position:30px 8px;
 text-indent:36px;
 /* 三级onmouseover的字体颜色、背景色*/
}
/*==============================*/


#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}
-->
#PARENT{
 width:210px;
 padding-left:0px;
}

.photo img{
background-color:#EAEAEA;
border-color:#CCCCCC;
border:1px;
padding:2px 2px 2px 2px;
}

.photo_prod img{
background-color:#FFFFFF;
border-color:#CCCCCC;
border:2px;
padding:3px 3px 3px 3px;
}

.class_photo img{
background-color:#FFFFFF;
border-color:#CCCCCC;
border:2px;
padding:2px 2px 2px 2px;
}

.productlist{
margin:0px;
padding:0px;
width:400px;
height:auto;
background:none;
margin-left:10px;
_margin-left:6px;
margin-top:10px;
}

.productlist li{
float:left;
width:112px;
height:20px;
line-height:20px;
text-align:left;
background-image:url(../images/icon.jpg);
background-position:left center;
background-repeat:no-repeat;
padding-left:18px;
font-size:14px;
margin-top:2px;

}



