@charset "utf-8";
/* CSS Document */

body{
font-family:Tahoma;
font-size:11px;
margin:0;
background-color:#CFE1FF;
}

#mainBlock{
background-color:#5E7FBD;
width:1024px;
margin:0 auto;
height:768px;
padding:10px;

}

#mainBlock #headerBlock{

width:100%;
height:103px;
background-image:url(../images/blue_bg.gif);
background-repeat:repeat-y; 
border:solid 1px #e3e8f0;
background-color: white;
}


#mainBlock #headerBlock #logo{
width:50%;
height:58px;
padding-top:35px;
float:left;
padding-left:20px;
}

#mainBlock #menuBlock{
margin:1px;
width:100%;
border:#fee487 1px solid;
background-image:url(../images/nv_bg.gif);
height:32px;

}
#mainBlock #menuBlock li{
list-style:none;
line-height:20px;
text-align:center;
margin:5px;
width:12.5%;
float:left;
height:25px;
font-weight:bold;

}

#mainBlock #menuBlock li a{
color:#000000;
text-decoration:none;
}
#mainBlock #menuBlock li :hover{
color:#506CA1;
text-decoration:none;
}

#mainBlock #menuBlock .spacer{
background-image:url(../images/mid_bt.gif);
width:3px;
height:32px;
position: relative;
/*top: -25px;
*/float: left;

}

#mainBlock #bodyBlock{
width:100%;
height:76%;
border:solid 1px #e9e9e9;
margin:1px;
float:left;

}
#mainBlock #bodyBlock #welcomBlock{
width:95%;
margin-left:10px;
text-align: left;
}

.welcome{
color: #000;
font-size:12px;
font-weight:bold;
text-align: left;
}

.title{
color: #000;
font-size:15px;
font-weight:bold;
test-align: left;
}

#mainBlock #bodyBlock #productBlock{
width: 96%;
padding:5px;
float: right;
}
#mainBlock #bodyBlock #productBlock .htitle{
width:100%;
padding-left:10px;
height:25px;
font-size:13px;
font-weight:bold;
}

#mainBlock #bodyBlock #productBlock .catageryBlock{
width:22%;
height:230px;
margin:5px;
float:left;
clear:right;
border:solid 1px #e9e9e9;
}

#mainBlock #bodyBlock #productBlock .catageryBlock .ctitle{
width:97%;
height:25px;
line-height:20px;
margin-left:5px;
float:left;
clear:right;
color:#506ca1;
font-weight:bold;
}

#mainBlock #bodyBlock #productBlock .catageryBlock .cimage{
width:100%;
height:114px;
margin:5px auto;
float:left;
text-align:center;

}


#mainBlock #bodyBlock #productBlock .catageryBlock .cContent{
width:96%;
margin:5px;
float:left;
text-align:left;
}


#mainBlock #bodyBlock #productBlock .catageryBlock .cMore{
width:100%;
margin:5px auto;
float:left;
text-align:right;
font-size:10px;

}
#mainBlock #footerBlock{
width:95%;
float:left;
margin:1px;
padding:5px;
height:20px;
font-size:10px;
color: #000000;
}

#mainBlock #footerBlock #footNav{
width:350px;
padding-left:10px;
float:left;
clear:right;
color: #000000;
}

#mainBlock #footerBlock #footNav a{
text-decoration:none;

}


#mainBlock #footerBlock #copyRight{
width:49%;
height:80%;
padding-left:10px;
float:left;
clear:right;
text-align:right;
color: #a7a7a7;

}

* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
}
#main {
	width:100%;
	height:76%;
	margin: 0 auto;
	border:solid 1px #e9e9e9;
}
#main #contnent {
	padding-top: 20px;
	padding-bottom: 10px;
	text-indent: 20px;
}
#main #contnent #links {
	width: 30%;
	float: left;
	position: relative;
	left: 5%;
	top: 5%;
}
#main #contnent #links .items li {
	list-style: none;
	position: relative;
	padding-right: 25px;
	background-image:url(../images/blue_bg.gif);
	background-repeat:repeat-y;
	
}
#main #contnent #links .items li.active {
	border: solid 3px #0062FF;
	
}
#main #contnent #links .items li img {
	border: 0 solid black;
}
#main #contnent #info {
	height: 85%;
	width: 55%;
	float: right;
	overflow: auto;
	position: relative;
	left: -2%;
}
#main #contnent #info .desc p {
	text-align: justify;
	margin-top: 10px;
	padding: 0 5px;

}
#main #contnent #info .desc h1 {
	margin: 10px;
}
#main #contnent #info ul {
	margin-top: 20px;
	margin-left: 50px;
}

#main #contnent #info li {
	display: inline;
}	
#main #contnent #info li h3 {
	text-align: left;
	margin-top: 20px;
	margin-left: 5px;
}	
#main #header #menu {
	float: right; 
}
#main #header #menu li {
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	padding-top: 40px;
}
#main #navigation {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 10px;
}
#main #navigation li{
	display: inline;
	padding-left: 40px;
	padding-right: 40px;
}

.clear {
	clear: left;
}
.hidden {
	display: none;
}