/* Global Definition for HTML Tag*/
*,html,body{margin:0 auto;padding:0;}
html{
/* IE 特效，非标准 */	
	 SCROLLBAR-BASE-COLOR: #d9f1d5;
	 SCROLLBAR-FACE-COLOR: #d9f1d5;
	 SCROLLBAR-HIGHLIGHT-COLOR: #55ff00;
	 SCROLLBAR-SHADOW-COLOR: #2448fc;
	 SCROLLBAR-3DLIGHT-COLOR: #55ff00;
	 SCROLLBAR-ARROW-COLOR: #007032;
	 SCROLLBAR-TRACK-COLOR: #f7fcf5;
	 SCROLLBAR-DARKSHADOW-COLOR: #80b09e;
}
body {
	background: url(../../images/bg.gif);
	font-family: "宋体", Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

p{
	line-height:180%;
}

img{
	margin: 0px;
	padding: 0px;
	border-style: none;
}

/* for Paragraphy and text */
h3{
	font-size:18px;
	line-height: 180%;
}

.titlebar {
	background: #D7F1D6;
	width: 90%;
	height: auto;
	border: thin solid #CCF2C6;
	text-align: justify;
	padding: 2px 20px;
	margin-top: 1px;
	margin-bottom: 1px;
}


/* for Div structure examine the structure by add Backgroud and border  border: 1px solid #FF0000; background: #33CC99; */
#container {
	width:762px;
	background:#F7FCF5;
	height: auto;
	padding-bottom: 10px;
}
#header{ width:762px; background:#F7FCF5; color:#F0DFDB;}

#content{
	width:762px;
	clear: both;
	background:#F7FCF5;
	padding-bottom: 10px;
	height:auto;
}
	
/* for nav menu*/
a.green {
	background-color: #55c352;
}
#nav {
	line-height: 24px;
	list-style-type: none;
	width: 762px;
	vertical-align: baseline;
	background-color: #009900;
}
#nav a {
 display: block; text-align:center;
}
#nav a:link  {
 color:#FFFFFF; text-decoration:none;font-weight:bold
}
#nav a:visited  {
 color:#ffffff;text-decoration:none;font-weight:bold
}
#nav a:hover  {
	color:#CC0000;
	font-weight:bold;
	background-color: #55c352;
}

#nav li {
	float: left;
	background:#009900;
	width: 65px;
}


#nav li ul {
 line-height: 180%;  list-style-type: none;
 left: -999em; position: absolute; 
}
#nav li ul li{
 float: left;
 background: #55c352; 
}
#nav li ul a{
	display: block;
	width: 130px;
	text-align:left;
	padding-left: 5px;
}
#nav li ul a:link  {
 color:#ffffff; text-decoration:none;
}
#nav li ul a:visited  {
 color:#ffffff;text-decoration:none;
}
#nav li ul a:hover  {
 color:#CC0000;font-weight:bold;
 z-index:999;

	background-color: #33FF00;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
/* header navigation finish */
	

#welcome {
	background: url(../../images/GradientBg.gif) repeat-x;
	height: 73px;
	float: left;
	width: 762px;
	padding-top: 10px;
}

h2{
	font-size:18px;
	padding-left: 15px;
	margin-top: 5px;
	font-family:  "黑体";
	padding-top: 5px;
	color: #FF0909;
	font-weight: bold;
	font-style: normal;
	line-height: 120%;
}
	
p.why{
	padding:3px 20px;
	color: #009933;
	margin: 0px;
	font-size: 14px;
	font-style: normal;
	line-height: 120%;
	font-variant: normal;
	font-family:"宋体", "华文新魏", "Arial Unicode MS";
	font-weight: bold;
}	
	
#content #mainflash {
	width: 412px;
	height: 414px;
	float: left;
	margin: 0px 0px 0px 10px;
}
#leftcol{
	width: 270px;
	float: right;
	clear: none;

}
#leftcol #products {
	width: 250px;
	height: 147px;
	float: left;
	clear: both;
	padding-bottom: 20px;
}

#leftcol #news {
	float: left;
	width: 261px;

}
#footer{
	width:762px;
	background: #F7FCF5 no-repeat center center;
	padding-top: 2px;
	clear: both;

}
.footerbar {
	background: #CAF7C8;
	width: 90%;
	height: 50px;
	border: thin solid #CCF2C6;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}

.copyright {
	text-align: left;
	float: left;
	height: 33px;
	padding-left: 15px;
	padding-top: 5px;
	margin-top: 5px;
	width: 600px;
}

#footer #flashpolice {
	float: left;
	height: 33px;
	width: 38px;
	margin-left: 20px;
	margin-top: 5px;
}

	
#content #products {
	float: right;
	margin-right: 20px;
}

	
#flashcontent {
	width: 762px;
	height: 166px;
	float: left;
	margin: 0px;
	clear: both;
	background-color: #9ED59E;
}


/*for Div structure end*/
.productImg {
	width: 90%;
	height: auto;
	margin: 0px 0px 20px;
	padding-left: 20px;
	}
	
.productdiv
{
	width: 90%;
	height: auto;
	border: thin solid #CCF2C6;
	background: #E9F8E9;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 5px;
	padding: 2px 20px;
}

.productdiv p
{
	text-align: left;
	text-indent: 24px;
	margin-bottom: 15px;
}
p.smallline{
	line-height: 100%;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: right;
}	

.imgfloatleft{
	margin-right: 10px;
	float: left;
}
.imgfloatright{
	margin-left: 10px;
	float: right;
	margin-top: 60px;
}

.imgfloatrightcenter{
	margin-left: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	width: 350px;
	padding-top: 20px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.producttemplate {
	width: 98%;
	height: auto;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	background: #ffffff;
	white-space:normal;
	word-spacing: normal;
	display: table-cell;
}



#content .rightcontent {
	float: right;
	width: 70%;
	border: thin solid #DAEFCF;
	overflow: hidden;
	background: #F7FDF2;
	margin-right: 10px;
	margin-top: 5px;
}
#content .Leftmenu {
	float: left;
	width: 25%;
	margin-left: 5px;
	margin-top: 5px;
}
.vmenulist {
	margin-left: 20px;
	font-size: 14px;
	font-weight: bold;
}

.vsubmenulist {
	margin-left:30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
}

/* Link style */

.titlebar a:link 
{
	color: #000000;
	text-decoration: none;
}
.titlebar a:visited 
{
	color: #333333;
	text-decoration: none;
}

.titlebar a:hover 
{
	color: #333333;
	text-decoration: underline;
}
.titlebar a:active 
{
	color: green;
	text-decoration: underline;
}




.copyright a:link 
{
	color: #000000;
	text-decoration: none;
}
.copyright a:visited 
{
	color: #333333;
	text-decoration: none;
}

.copyright a:hover 
{
	color: #333333;
	text-decoration: underline;
}
.copyright a:active 
{
	color: green;
	text-decoration: underline;
}



.vmenulist a:link{
	color: #000000;
	text-decoration: none;
}

.vmenulist a:visited{
	color: #000000;
	text-decoration: none;
}

.vmenulist a:hover{
	color: #009900;
	text-decoration: underline;
}

.vmenulist a:active{
	color: #000000;
	text-decoration: none;
}



.vsubmenulist a:link{
	color: #000000;
	text-decoration: none;
}

.vsubmenulist a:visited{
	color: #000000;
	text-decoration: none;
}

.vsubmenulist a:hover{
	color: #009900;
	text-decoration: underline;
}

.vsubmenulist a:active{
	color: #000000;
	text-decoration: none;
}
/* 白色链接样式 */
.whitelink a:link
			{
			text-decoration:none;
			color:#FFFFFF;
			}
.whitelink a:visited
			{
			text-decoration:none;
			color:#FFFFFF;
			}
.whitelink a:hover 
			{
			text-decoration: underline;
			} 
.whitelink a:active 
			{
			text-decoration:underline;
			color:#FFFFFF; 
			}
.tbl_productlist {
	padding-left: 5px;
	border: thin solid #3333CC;
}
.tbl_productlist td{
	padding-left: 5px;
}

ul.dotlist{
	text-indent: 0px;
	list-style-position: inside;
	list-style-type: circle;
	height: auto;
	text-align: left;
	display: block;
	margin-left: 30px;
	margin-bottom: 10px;
}
ul.dotlist li{
	text-indent: -18px;
	list-style-position: inside;
	list-style-type: circle;
	height: auto;
	display: block;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
}

ul.dotlist2 {
	text-indent: 0px;
	list-style-position: inside;
	list-style-type: circle;
	height: auto;
	width: 600px;
	text-align: left;
	display: block;
	margin-left: 0px;
	margin-bottom: 10px;
}
ul.dotlist2 li{
	text-indent: 0px;
	list-style-position: inside;
	list-style-type: circle;
	height: auto;
	width: 600px;
	display: block;
	text-align: left;
	
}

ul.dotlist3 {
	text-indent: 0px;
	list-style-position: inside;
	list-style-type: circle;
	height: auto;
	width: 250px;
	text-align: left;
	display: block;
	margin-left: 0px;
	margin-bottom: 10px;

}
ul.dotlist3 li{
	text-indent: 0px;
	list-style-position: inside;
	list-style-type: circle;
	height: auto;
	width: 250px;
	display: block;
	text-align: left;
	
}
.album {
	background-image: url(../../images/album.jpg);
	background-position: 15px center;
	height: 145px;
	width: 141px;
	background-repeat: no-repeat;
}