/********************************************
   AUTHOR:  			Hardenindustry 
   WEBSITE:   			http://www.hardenindustry.com/
	TEMPLATE NAME:		Hardenindustry 
	DATE:					2009-8-8  	
 *******************************************/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
 margin:0; 
padding:0;
font-family:  Arial, Sans-Serif;
 }
a:hover { text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; } 
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}

span {
margin: 0 0 5px 0; 
padding: 0; 
color: #1D1D1D;
font-size: 13px;
line-height: 23px
}
span.news-time{ font-size:11px;margin: 0 0 5px 0; padding: 0; color: #5f5f5f;}
p{
 font-family:Arial, Helvetica, sans-serif;
}
p.news-time{
 font-size:11px;margin: 0 0 5px 0; padding: 0; color: #5f5f5f;
}




h1 { 
font: bold  Arial, Sans-Serif;
	color:#103272;
	font-size:19px; 
	margin: 7px 0 6px 0px; 
	padding:0 0 0 5px; 
	line-height: 38px;
   border-bottom: 1px dotted #CDDAE7;
}

h2 { 
font: bold  Arial, Sans-Serif;
	background: url(../images/h2.gif) no-repeat left;
	color:#103272;
	font-size:18px; 
	margin: 7px 0 6px 0px; 
	padding:0 0 0 20px; 
	line-height: 38px;
   border-bottom: 1px dotted #CDDAE7;
}



h3 {
font: bold  Arial, Sans-Serif;
	color:#103272;
	font-size:14px; 
	margin: 5px 0 0 0; 
	padding:0 0 0 3px; 
	line-height: 30px;
   background: url(../images/line01.jpg) no-repeat 0 27px;
}

h4 { 
font: bold  Arial, Sans-Serif;
	color:#103272;
	font-size:13px; 
	margin: 0; 
	padding:0 0 0 2px; 
	line-height: 18px;
}

h5 { 	font-size:15px;background-color: inherit; color: #156184; 	line-height: 30px; }
h6 {  font-size:11px;margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }

span{ 
font-family:  arial, verdana, tahoma, helvetica; 	
font-size:13px
line-height: 23px;
	
}


body { 
font: 100% Arial, Sans-Serif;  
	margin:0px 0; 
	padding:0; 
	background: #000000 url(../images/bg01.gif)  ; 
}


.content { 
	margin: 0 auto; 
	padding: 0; 
	width: 800px;
	background: #fff  repeat-x;
}

/* Link*/

.page{width:200px; height:20px;padding-top:10px; position:relative;}
.page a{ width:19px; height:19px;margin-left:5px; line-height:19px; color:#666;text-align:center;border:1px solid #d9d9d9; background:url(../images1/page_bg.gif) repeat-x left top; float:right;}
.page a.up_next{width:50px;}
.page a.on{color:#fff;background:#0281ca;}
.page a.on:hover{color:#fff;background:#0281ca;}
.page span{padding:0 7px 0 10px;float:right;}

.d_over{
	background-color:#EBF0F5;
	background-position: center center;
	margin:8px;
	width: 510px;
	cursor:hand;
}

.d_out{
	background-color:#EFEFEF;
	background-color:#ffffff;
    background-position: center center;
	margin:8px;
	width: 510px;
	cursor:hand;
}

.d2_over{
	background-color:#EBF0F5;
	background-position: center center;
	margin:8px;
	width: 240px;
	cursor:hand;
	float: left;
}

.d2_out{
	background-color:#EFEFEF;
	background-color:#ffffff;
    background-position: center center;
	margin:8px;
	width: 240px;
	cursor:hand;
	float: left;
}

/* IMG */

.img {
	padding: 10px 10px 25px 10px;
	float: right;
}

.img1 {
	padding: 10px 10px 25px 10px;
	float: right;
}

.img2 {
	padding: 0 0 3px 3px;
	float: right;
}
.img3 {
   width: 100%;
	padding: 7px 0 20px0;
	text-align: center;
}

.imgbox{
	width: 500px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	float: left;
	}
.H3box{
	width: 500px;
	padding: 0px;
	margin: 5px 5px 10px 5px;
	float: left;
	}
.img4{
	width: 150px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	float: left;
	}
	
.img5{
	width: 230px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	float:left;
	}
.img9{
	width: 400px;
	padding: 0px;
	margin: 10px 5px 10px 5px;
	float: left;
	text-align:center
	}

.img6 { width:100px;height:100px; background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }

.img7 { width:69px;height:19px; float: right;  margin: 3px 8px 3px 0; }

.img8 { width:60px;height:60px; background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }
html { overflow:-moz-scrollbars-vertical; } 



/* HEADER */

#header { 
	width: 800px; 
	background: #036EB4 url(../images/topbg.jpg) no-repeat ;  
	height: 90px; 
	padding: 0;
	margin: 0; }
	
#Language {
width: 800px;
	height: 30px;
	padding: 0;
}
#Language UL {
margin:0; 
list-style:none; 
padding:8px 8px 0 0
}

#Language LI {
	vertical-align:bottom; display:block;float:right; display:block; color:#000066; padding:0px 5px 0 0 ; 
}



/* topmenu */

#topmanu { 
	width: 800px; 
	background: #036EB4 url(../images/topmenu-bg.jpg) repeat-x ;  
	height: 31px; 
	padding: 0;
	margin: 0; 
	}


#menu {
	width: 800px; 
	height: 29px;
	padding: 0;
	margin: 31px 0 0 0;
	text-align:right
}

#menu a{  
font-size: 13px;
font-weight:bold; 
line-height: 31px;
color:#F7F7F7;
}

#menu a:link{  
text-decoration:none;
}

#menu a:hover {
font-size: 13px;
text-decoration: underline;
font-weight:bold;
color:#fff;
line-height: 31px;
} 

#menu a:visited{  
text-decoration:none;
}

/* left_side menu */

#left_side {
float: left;
padding:0; 
margin:0;
width: 227px;
list-style:none; 
font-size: 12px;

}


#left_side li {vertical-align:bottom; display:block;margin:0; padding:0; width: 227px;height: 31px;line-height:31px;}
#left_side li a {font-size: 13px;display:block;color:#006BB6; padding:0 0 0 22px; background:url(../images/leftmenu01.gif)  no-repeat; text-decoration:none; font-weight:bold;}
#left_side li a:hover {font-size: 13px;color:#092861;padding:0 0 0 22px;background:url(../images/leftmenu02.gif) ;font-weight:bold;}
#left_side #active a {font-size: 13px;padding:0 0 0 22px;color:#fff;background: url(../images/leftmenu03.gif) no-repeat; font-weight:bold;}



/* advertise */

#ad {
	padding: 0;
	margin: 0;
	background: #000 no-repeat;
	height: 130px;
}


.sqBorder {
 width:520px;
 margin:0px auto;
 height:200px;
 padding:5px 5px 5px 5px;
 border:1px #DEDEDE solid;
 background:#fff;
 
}
.scroll_div {
 width:520px;
 height:200px;
 margin:0 auto;
 overflow: hidden;
 white-space: nowrap;
 background:#ffffff;
 
}
.scroll_div img {
 width:150px;
 height:180px;
 border:0;
 margin:8px 8px 8px 3px;
 border:1px #efefef solid;
 
}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{
 display:inline;
 
}



/* MAIN */

#main { 
width: 800px; 
background:#fff url(../images/mainbck.gif) repeat-y; 
	}


#main .right_side { 
float: left; 
width: 520px;  
margin:0px 6px 6px 12px; 
padding:0; 
}


#content1 ul{
	padding:0;
}
#content1 ul li{
	display:block;
	background:url(../images/icon3.gif) 0 10px no-repeat;
	padding:0 0 0 17px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	line-height: 23px;
}

/* table */

#tab h1		{font:bold 20px/26px Arial;}
#tab p  {font:normal 12px/17px Arial;}
#tab li {font:normal 12px/17px Arial;}
#tab td	{font:normal 12px/17px Arial;}
#tab table	{border:1;border-collapse:collapse;}
#tab td		{padding:4px; width:250px;border:1px solid #489BF0;}
#tab th		{font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
#tab tr.odd	{background:#DFEAF7;}
#tab tr.highlight	{background:#6EB4FC;}
#tab tr.selected		{background:#006AC0;color:#fff;}
#tab td+td+td {text-align:right;}

/* DIV*/
.news-box { background: #FFF;  width: 500px !important; width: 490px;  float: left; margin: 10px; }
.harden-news-box { width: 520px; margin: 6px 0 6px 0; float: left;}
.harden-about-box { width: 520px; margin: 6px 0 6px 0;float: left; }
.news-time{ width: 500px;margin: 3px 0 5px 3px;}
.about-box { width: 240px; margin: 6px 3px 6px 10px;float: left; }
/* table2 */

#tab2 h1{font:bold 20px/26px Arial;}
#tab2 p  {font:normal 12px/17px Arial;}
#tab2 li {font:normal 12px/17px Arial;}
#tab2 td	{font:normal 12px/17px Arial;}
#tab2 table	{border:1;border-collapse:collapse;}
#tab2 td	{padding:4px; width:80px;border:1px solid #489BF0;}
#tab2 th	{font:bold 12px/17px Arial;text-align:center;padding:4px;border-bottom:1px solid #333;}
#tab2 tr.odd	{background:#DFEAF7;}
#tab2 tr.highlight	{background:#6EB4FC;}
#tab2 tr.selected		{background:#006AC0;color:#fff;}
#tab2 td+td+td {text-align:left;}


/* FOOTER */
#footer { 
	clear:both;
	height: 38px;
	color:#607593;  
background: url(../images/footer_bg.jpg) ;
	font-size:10px; 

}

#footer .padding { padding: 6px 8px 0px 8px; }

#footer .left {float:left; padding: 3px  }
#footer .right { 
	float:right; 
	width:300px;
	clear:right; 
	text-align:right; 
}

#footer a { color: #C0D1E1;text-decoration:none }


#tabs1 {
      width:300px;
      font-size:10px;
      }

#tabs1 li {
      display:inline;
      margin:0;
      padding:0;}











