/************  index css *****************/ 

body{
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
	line-height:1.166;
	margin:0px;
	padding:0px;
}

a:link{
    color:#006699;
	text-decoration:none;
}
a:visited{
    color:#006699;
	text-decoration:none;
}
a:hover{
    color:#0000FF;
	text-decoration:underline;
}
img {border:0px;}

h1, h2, h3, h4, h5, h6{
    margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
h1{
    font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #334d55;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 114%;
	color: #009900;
}
h3 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #334d55;}
h6{
    font-size:100%;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial, Helvetica, sans-serif;
 color: #334d55;
}

p {	margin: 0 0 5px 0; }
.image {
	float: left;
	margin: 0 9px 4px 0;
}

	
/********  header layer  ********/
#header{
    margin:0px;
	padding:0px 0px;
	width:100%;
	background:#FFFFFF;
}
#header_top{
	padding:2px 16px 0px 0px;
	width:776px;
	text-align:right;
	position: absolute;
	top: 4px;
	right:0px;
	font-size:75%;
	color: #cccccc;	
}
.logo{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

.kouhao{
	padding:2px 16px 0px 0px;
	width:350px;
	text-align:right;
	position: absolute;
	top: 60px;
	right:5%;
}

/**** nav ****/
    #nav {
      float:left;
      width:100%;
      background:#FFFFFF;
      font-size:90%;
      line-height:normal;
	  border-bottom:2px solid #CCCCCC;
      }
    #nav ul {
	margin:0;
	padding:5px 10px 0 50px;
	list-style:none;
      }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("../image/back/menuleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
      background:url("../image/back/menuright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#006699;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#0000FF;
      }
    #nav a:hover {
      background-position:0% -42px;
      }
    #nav a:hover span {
      background-position:100% -42px;
      }
	 #nav li a#curent{background:url("../image/back/menuleft.gif") no-repeat right top;background-position:0% -42px;}
	 #nav li span#curent1{background:url("../image/back/menuright.gif") no-repeat right top;background-position:100% -42px;}
/**** nav ****/
/********  header layer  ********/




/********  content layer  ********/
#content {
    font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	width:100%;
	margin:0px;
	padding:0px;
}

/**** right content ****/
#right{
    font-family:Arial, Helvetica, sans-serif;
	width:77%;
	voice-family: "\"}\""; 
    voice-family:inherit;
	width:76%;
	float:left;
	margin:0px;
	padding:0 1% 0 0;
}
html>body #right { width:76%;}
.flash{
    font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#menu{
	font-size: 75%;
	color:#cccccc;
	padding: 10px 0px 10px 10px;
}
#menu a { color: #808080; background: #fff; }
#pagename{
	padding: 10px 0px 10px 16px;
}

.briefintro{
    font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	padding: 0px 8px 5px 10px;
	font-size: 80%;
}
.briefintro h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
	font-size:100%;
}
.briefintro img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
.info { padding: 0px 0px 0px 26px;}
.story{
	clear: both;
	padding: 4px 0px 8px 10px;
	font-size: 80%;
	line-height:1.3;
}
.story h3 { 
    padding:0px;
	font-size:100%;
}
.story ul{list-style:circle; margin: 0; padding: 0px 0px 0px 16px;}
.story a:hover {background:#FFCCCC;}

.data{
	clear: both;
	padding: 4px 0px 8px 16px;
	font-size: 80%;
	line-height:1.8;
}
.data h3 { 
    padding:0px;
	font-size:100%;
}
.data ul{list-style:disc; margin: 0; padding: 0px 0px 0px 16px;}
.data a:hover {background:#FFCC99;}

.menu1 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	margin:0px;
	padding:4px 0px 4px 0px;
	text-align:center;
}
.menu1 ul{list-style:none;margin: 0; padding: 0px;} 
.menu1  li{float:left;width:30%;background:#CCC;margin-left:3px;} 
.menu1 a{display:block;text-align:center;}
.menu1 a:hover{text-decoration:none;background:#eeeeee;}

.honours {
    font-family:"ËÎÌå";
	font-size:10pt;
	margin:0px;
	padding:4px 0px 4px 0px;
	text-align:center;
}
.honours ul{list-style:none;margin: 0; padding: 0px;} 
.honours  li{float:left;width:45%;margin-left:3px;padding-bottom:4px;} 
.honours a{display:block;text-align:center;}
.honours a:hover{text-decoration:none;background:#eee;}

.right_box {
    clear: both;
	font-size:80%;
	line-height:1.6;
	padding: 4px 0px 0px 10px;
    border-bottom:1px #cccccc dotted;
}
.right_box ul{list-style:none; margin: 0; padding: 0px 0px 0px 16px; }
.right_box a:hover {background:#FFCC99;}
/**** right content ****/

/**** left content ****/
#left{
    font-family:Arial, Helvetica, sans-serif;
	width:23%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width:21%;
	float:right;
	margin:0px;
	padding:0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
html>body #left { width:21%;}

#lefttitle{
    clear:both;
	padding: 10px 0px 5px 20px;
	border-bottom: 1px solid #cccccc;
	font-size: 95%;
}
#lefttitle label{
	display: block;
	margin: 0px;
	padding: 0px;
}
/*********** #Left link styles ***********/
#left ul a:link, #left ul a:visited {display: block;}
#left ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#left li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #left li {border-bottom: none;}
/*********** #Main link styles ***********/

#productslist{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}
#productslist a:link{
	padding: 2px 0px 2px 14px;
	border-top: 1px solid #cccccc;
	width: 100%;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: auto;
	display:block;
}
#productslist a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 14px;
}
#productslist a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 14px;
}
.now {
    background-color:#ccc;

}

#relatedproducts{
	margin: 0px;
	padding: 0px 0px 10px 14px;
	font-size: 90%;
}
#relatedproducts h3{
	padding: 10px 0px 2px 0px;
}

/**** left content ****/
/********  content layer  ********/

.friendlinks{
	clear: both;
	padding: 0px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
#footer a { color: #808080; background: #fff; }
/********  footer layer  ********/
#footer{
    clear:both;
    font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background:#FFFFFF;
	color:#CCCCCC;
	line-height:20px;
	margin-top:0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}
#counter {
    font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0px;
	padding:0px;
}
#counter a { color: #808080; background: #fff; }
/********  footer layer  ********/
/************  index css *****************/