/* CSS Document */
* { margin: 0; padding: 0; }
html, body, #main { height: 100% }
body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
a{color:#6eb3d1;text-decoration:none;}
a:link{color:#6eb3d1;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
a:active{color:#6eb3d1;text-decoration:none;}
a:visited{color:#6eb3d1;text-decoration:none;}
p{
	font-size: 0.8em;
	color: #cbe1eb;
}
body{
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #1c3e51;
	background-repeat: repeat-y;
	background-position: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	color: #6eb3d1;
	background-image: url(images/index_01.jpg);
}
#encn{
	margin: 5px;
	padding: 5px;
	float: right;
	clear: right;
}
#encn img{
    border: 0;
}
.width{
	width: 894px;
	margin:0px auto;}
#logo{
background-image:images/logo.png;
	font-family:"BauerBodni BlkCn BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 60px;
	color: #000000;
	line-height: 60px;
	background-image: url(images/logo.png);
	background-position: left;
	text-indent: 151px;
}
fieldset {
	padding: 8px;
	border: 2px solid #999999;
	margin-bottom: 20px;
}
.pro{
	font-size: 1em;
	line-height: 20px;
	color: #FF0000;}
#main{
	border: 3px solid #999999 ;
	background-image: url(images/index_07.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
.bg{
	background-color: #2d3238;
	border: 1px dashed #006699;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
    text-align: justify;
}
.contact_bg{
	background-color: #357998;
	border: 1px dashed #245369;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	background-image: url(images/bgshalun.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 196px;
}
.order_bg{
	background-color: #357998;
	border: 1px dashed #245369;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	background-image: url(images/bgorder.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 196px;
}
.light_bg{
	background-color: #2d3238;
	border: 1px dashed #245369;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px;
	background-image: url(images/bglight.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 196px;
}
#foot{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
    clear: both;
}
#left{
	float: left;
	width: 230px;
	background-image: url(images/line.gif);
	background-repeat: repeat-y;
	background-position: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 10px;
}
#right{
	margin: 10px 10px 10px 260px;
	padding: 10px;
}
.glossymenu{
	padding: 0;
	width: 200px; /*width of menu*/
	border-bottom-width: 1px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

.glossymenu a.menuitem{
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 10px;
	text-decoration: none;
	background-color: #7caabe;
	background-image: url(images/glossyback.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}
/* Basic code - don't modify */
#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
  #nav li {
	display: block;
	list-style: none;
	margin: 0;
	position: relative;
	width: 149px;
	padding: 0;
	float: left;
	text-align: center;
}
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 150px; }

/* Everything else is theming */
 
#nav {
	background-color: #6c93a5;
	height: 25px;
}
#nav *:hover { background-color: none; }
#nav a {
	color: white;
	font-size: 0.8em;
	padding: 6px;
	line-height: 1;
	margin: 1px;
	border-right-style: none;
	text-decoration: none;
}
  #nav li.hover a { background-color: #5E5A5A; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #5E5A5A; }
      #nav ul a.hover { background-color: #214b60; }
   #nav ul a {
	opacity: 0.9;
	filter: alpha(opacity=90);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6c93a5;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#topzi{
	font-size: 1.3em;
	line-height: 2;
}
.propic{
	margin: 0px;
	padding: 2px;
	border: 1px solid #000000;
}
.propic:hover{
	border: 1px solid #FFFF66;
}
#pro{
	margin: 5px;
	padding: 0px;
	width: 100px;
	text-align: center;
}
/*滚动图片CSS*/
ul{
  margin:0;
  padding:0;
}

#manually{
	padding: 0px;
}

#manually li{
   display:inline;
   margin-right:5px;
}

#manually li img{
	height:74px;
	border:1px solid #ccc;
	width: 90px;
}

.clearer{
  clear:both;
}
.ctrotator{
  width:180px;
  margin:0;
  padding:0 0 5px 0;
}
.ctrotator-item{
  list-style:none;
  padding:2px 0 3px 0;
}
.ctrotator-item a{
  color:#666;
  text-decoration:none;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif 
}

.ctrotator-item a:hover{
  text-decoration:underline;
}

.ctrotator-item:hover{
  background-color:#1c3e51;
}

#tooltip{
  width:250px;
  opacity: 1;
}

#pagenation{
    text-align: right;
    font-size: 12px;
}