<style>
	
	
	*{
		margin:0; 
		padding:0;
		border:0;
	}
	
	ul , li {
		list-style-type:none;
		margin:0; 
		padding:0;
	}

   input,textarea, select{
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		border:1px;
		border-style:solid;
		border-color:#CCCCCC;
		margin-top:2px;
		margin-bottom:0px;
	}
	

	html body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 780px;
		text-align:center;
		height: auto;
		margin: 0px auto;
		line-height:16px;
	}

	
	img{
		border:0;
		background-color:#FFFFFF;
	}
	
	.title a:visited , .title a:hover, .title a:active, .title a:link {
		color:#FFFFFF;
		background-color:#3366FF;
		text-decoration:none;
	}
	.content a:visited {
		color:#000000;
		background-color:#ffffff;
		text-decoration:none;
	}
	.content a:hover, active{
		color:#0066CC;
		background-color:#EAEAE8;
		text-decoration:none;
	}

	.content a:link {
		color:#000000;
		background-color:#ffffff;
		text-decoration:none;
	}
	
	.title li {
		padding:0;
		margin:0 0 0 5px;
		list-style-position:outside;
	}
	.content li {
		padding:0;
		margin:0 5px 0 5px;
		list-style-position:outside;
	}
	
	
	
	
.menu{
	width:780px;
	z-index:100;
	overflow:visible;
}   

.menu #li {
	float:left;
	position:relative; 
	width:auto;
	height:28px;
	line-height:28px;
	font-size:14px;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;

} 

.menu a{
	width:auto;
	line-height:28px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding-left:15px;
	padding-right:12px;
}    
 
.menu a:hover{border:0px;}  

.menu ul ul {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:28px;
}   
 
.menu table {
	position:absolute; 
	top:0; 
	left:0;
}  

.menu ul ul li {
	clear:both;
	text-align:left;
	font-size:12px;
	line-height:20px;
	width:180px;
} 

.menu ul ul li a{
	line-height:20px;
	width: 180px;
	background-color:#EAEAEA;
	color:#000;
	text-align:left;
	padding-left: 28px;
} 
.menu ul ul li a:hover{
	background-color:#FFFFFF;
	color:#FF0000;
}
  
.menu ul li:hover ul,    .menu ul a:hover ul{
	visibility:visible;
}    
    
.menu ul ul li:hover{background-color:#FF0000;color:#FFFFFF;}     

	  

	.mainTable {
		width:780px; 
		height: auto;
		border:0px;
		margin: 0px;
		padding: 0px;
	}
	
	.mainTable td{
		width:auto;
		height: auto;
		vertical-align:top;
		border:0px;
		margin:0px;
		padding: 0px;
	}
	
	.boxSide {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width: 176px;
		border: 1px;
		border-style:solid;
		border-color:#3366FF;
		padding: 3px;
		margin-left:0px;
		margin-top:3px;	
		text-align: left;
		float:left;
	}
	
	.boxSide .title {
		color:#FFFFFF;
		background-color:#3366FF;
		text-align:left;
		font-weight:bold;
	}
	
	.boxSide .content {

		padding:3px;
		text-align:left;
	}

	
	.boxSide .content table {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#ff0000;
		padding:10px;
		margin:0;
		text-align:center;
	}
	
	.boxSide .content li{
		list-style:none;
		margin-top:3px;
	}
	
	.boxSide .footer{
		text-align:right;
		font-size:10px;
		padding-right: 8px;
		padding-bottom: 2px;	
	}
	
	.mainMessage {
		width:590px;
		border: 0;
		padding: 5px;
		margin:2px 0 0 3px;	
		float:left;
		text-align:left;
		font-size: 13px;
	}
	
	.pageNav {
		text-align:center;
	
	}
	
	.boxProduct {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border:1px;
		border-style:solid;
		border-color: #3366FF;
		padding: 3px;
		width: auto;
		height: auto;
		margin: 3px 0 0 0;
		text-align:center;
	}
	.boxProduct .title, .title a:visited {
		color:#FFFFFF;
		background-color:#3366FF;
		text-decoration:none;
		text-align:left;
		font-weight:bold;
	}
	.boxProduct table {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	} 
	.boxProduct table td{
		vertical-align:middle;
	} 

	.box {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width:595px;
		border: 1px;
		border-style:solid;
		border-color:#3366FF;
		padding:3px;
		margin: 3px 0 0 3px;
		float:right;
	}
	
		
	.box .title {
		background-color:#3366FF;
		color:#FFFFFF;
		text-align:left;
		text-decoration:none;
		font-weight:bold;
	}
	
	.box .content {

		padding:3px;
		text-align:left;
		float:left;
	}

	
	.box .content .li{
		width: 145px;
		height:145px;
		text-align:	center;
		float:left;
		margin: 0;
		padding: 0;	
	
	}

	.box .footer{
		font-size:10px;	
		text-align:right;
		width: 560px;
		float:left;	
	}
	
	.box table{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		width:100%;
		border:0px;
		padding: 0px;
		margin:0px;
	
	}

	.box table td {
		margin:0px;
		text-align:left;
		padding:2px;
	}
	.box .recommendTd{
		width:25%;
		text-align:center;
	}
	
	.box .dataTable {
		width:auto;  
		padding:10px; 
	}
	.box .dataTable .tdL {
		width:30%; text-align:right; padding-right:10px;
	}
	.box .dataTable .tdR {
		width:70%; 
	}
	
	.box form td{
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		margin-top:2px;
		margin-bottom:0px;
		vertical-align:middle;
	}
	
	.box .liNews {
		list-style:none;
		padding-left:3px;
		line-height:18px;
	
	}

	.moreImages {
		width:auto;
		padding: 5px;
		margin:15px 0 15px 15px;	
		float:left;
	}
	.moreImages .title{
		font-size:15px;
		text-align:left;
	}
	.moreImages .content {
		text-align:left;
	}
		
	
</style>	