@charset "windows-1251";
/* CSS Document */
*{ margin:0; padding:0;}
p { padding:5px 0;}
ul, dl { list-style:none;}
body{ background:url(../images/bg.jpg) center top no-repeat;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
line-height:150%;
color:#333;
margin:0 auto;
padding:0px;
/*overflow:hidden;*/
}
h1, h2, h3 { text-transform:capitalize;}
a:link{ color:#333; text-decoration:none}
a:visited{text-decoration:none; color:#333;}
a:hover{ color:#f00; text-decoration:none}
a:active{ color:#333; text-decoration:none}
img {border:0px;}
.orange{ color:#ff6600; line-height:20px;}

#container{ width:980px;
margin:0 auto;
padding:0px;
}

#head{}
#logo { margin-top:27px; float:left;}

.lang{ width:250px; float:right; padding-top:10px; line-height:24px; text-align:right}
#nav{ clear:right; float:right; margin-top:29px; vertical-align:bottom; margin-bottom:21px; text-transform:capitalize;}
#nav ul{ float:left; list-style-type:none; width:720px; border-left:1px solid #ccc;}
#nav ul li{ float:left; line-height:28px; font-size:12px; font-weight:bold;}
#nav ul li a { display:block; padding:0px 15px; border-right:1px solid #ccc;}
#nav ul li a:link { background:url(../images/nav_bg.jpg) repeat-x;}
#nav ul li a:visited { background:url(../images/nav_bg.jpg) repeat-x;}
#nav ul li a:hover { background:url(../images/nav_hover.jpg) repeat-x;}
#nav ul li a:active { background:url(../images/nav_bg.jpg) repeat-x;}

#banner{}

#pronav { list-style:none; margin:0px; padding:10px 0px;}
#pronav li{ display:inline; float:left; width:245px; line-height:20px; text-transform:capitalize;}


#pronav li dl{ float:left; margin:0px; padding:0px; width:245px; }
#pronav li dl dt{ float:left; font-weight:bold; font-style:italic; width:inherit; font-size:12px; width:245px; line-height:24px;}
#pronav li dl dd { font-size:11px; width:245px; line-height:14px; padding:3px 0;}
#pronav li dl dd a { text-decoration:underline;}
#pronav li dl dd a:hover { text-decoration:none;}

#banner_area { float:left; width:985px; height:256px;}
#banner_area img { float:left; width:585px; height:256px; border:none;}
#banner_area dl { float:right; width:400px; height:auto; margin-top:30px;}
#banner_area dl dt { font-weight:bold; font-size:18px; line-height:35px;}
#banner_area dl dd { font-size:14px; line-height:24px; margin-top:30px;}

#qlink{ background-color:#000;}

#body{ clear:both;}

#top{ padding-bottom:10px;}

#t_left{ font-size:11px; width:265px; float:left; padding-right:10px;}
#t_left h2{ font-size:12px; line-height:38px;}
#t_left ul li h3 a{ line-height:24px; color:#39F; text-decoration:underline;}
#t_left ul{ list-style:none; margin:0px; padding:0px;}
#t_left ul li{ height:125px; margin-top:3px; border-bottom:1px solid #dedede; }
#t_left ul li img{ clear:left; float:left; margin-right:10px; width:100px; height:80px; border:1px solid #dedede; padding:3px; }


#t_center{ float:left; width:680px; padding-left:10px; background-color:#f2f2f2;}
.title { background:url(../images/bar.gif) no-repeat; height:38px; margin:0;}
.title h2 { font-size:14px; margin:0; padding:0; line-height:38px;}
.title h3 { font-size:14px; margin:0; padding:0;}

#t_center2{ float:left; width:330px; padding-left:10px; background-color:#f2f2f2; padding-bottom:10px;}
#t_center2 ul{ list-style:none;}
#t_center2 ul li{ list-style:none; line-height:22px; background:url(../images/add.gif) 0 9px no-repeat; text-indent:10px;}
#t_center2 ul li a { text-decoration:underline;}

#t_right{float:right; width:690px; padding-left:10px; background-color:#f2f2f2; padding-bottom:10px;}

#c_left{ width:315px; float:left; padding-right:10px;}
#c_right{ width:310px; float:right; margin:0 10px 0 10px; padding:10px; border:1px #add2e2 solid; background-color:#FFF;}
#c_right2{ width:310px; float:right;  margin:0px 10px; padding:10px; background-color:#f2f2f2;}
#c_right2 h2 { font-size:12px; line-height:18px;}

#t_center3{ float:left; width:2px; background:#f2f2f2 url(../images/line.jpg) top no-repeat; height:281px; }
#faq { float:right; width:320px; height:257px; border:1px solid #add2e2; margin:0 10px 0 0; padding:0 5px; background-color:#FFF; overflow:hidden;}
#faq dt { line-height:32px; border-bottom:1px solid #999; text-indent:5px; text-transform:uppercase; font-size:14px; font-weight:bold;}
#faq dd { padding:0 5px; margin:0; line-height:24px; text-align:right; border-bottom:1px dashed #dedede;}
#faq dd a{ float:left; }
#honors { width:295px; float:right; margin:0 10px; padding:10px; padding-top:38px;}
#bottom{}

#foot{ clear:both; width:980px; margin:0px; padding-top:20px;}

.sublink{ background-color:#666666; line-height:25px; height:25px;}
.sublink ul{ margin:0px; padding:0px; list-style:none;}
.sublink ul li{ display:inline; float:left; color:#FFF}
.sublink ul li a{  color:#FFF; text-decoration:none; padding:0px 10px; text-transform:capitalize;}
.sublink ul li a:hover{ color:#F00}

.company{ padding:10px 0px; text-align:center; line-height:18px; }

/*////////////////////////////////////*/
/* Styles for Example #2 */
#example2{
margin:0;
padding:0;
width:295px;
list-style-type:none;
/*background-color:#FFFFFF;*/
color:#000000;
line-height:120%;
height:300px;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0px; padding:0px;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:282px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background-image:url(../images/ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(../images/ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(../images/ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(../images/ha-header-last.jpg) !important;
}
#example2 li li{
border-left:0px solid #E5E5E5;
border-right:0px solid #E5E5E5;
padding:0 15px 0 15px;
height:100px;
}
#example2 li a.opened{
background-image:url(../images/ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.opened{
background-image:url(../images/ha-header-first-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(../images/ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}
#feed_contact { float:right; width:100px; height:auto; }
#fixed { position:fixed; left:85%; top:25%; _position:absolute; _left:85%; _top:25%; }
.friend_links { background-color:#999; padding:3px 5px; color:#f1f1f1;}
#recommend_show { width:230px; height:180px; margin-top:10px;}
.map { width:710px; height:420px; margin-left:10px; border:1px solid #dedede; margin-top:10px;}
.feed_back { width:550px; height:auto; font-weight:bold; line-height:22px; margin-top:15px;}
/*
#box {
    background-color: #fff;
    border: 20px solid #000000;
	padding:10px;
  }
#box span { float:right; }

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }*/
#Datalayer { float:left;}
#Datalayer li { float:left; width:100%; line-height:22px; list-style:inside circle;}
.ore_crusher_list { float:left; width:731px; height:auto;}
.ore_crusher_list h2 { font-size:12px; font-weight:bold; line-height:22px;}
.ore_crusher_list p a { text-decoration:underline; font-weight:bold;}
.ore_inner {}
.ore_inner li { margin:5px 0;}
.right_img { float:right; margin-left:20px; border:1px solid #dedede; padding:3px; background-color:#f1f1f1;}
.left_img { float:left; margin-right:20px; border:1px solid #dedede; padding:3px; background-color:#f1f1f1;}
.ore_crusher_list dt { font-size:12px; font-weight:bold; line-height:30px; width:731px; height:auto; float:left;}
.ore_crusher_list dd { float:left; width:200px; height:auto; margin-right:30px; margin-top:15px;}
.ore_crusher_list dd img { border:1px solid #dedede; padding:4px; width:200px; height:134px;}
.ore_crusher_list dd h2 { text-align:center; line-height:14px; padding:5px 0; }
.ore_crusher_list dd h2 a { color:#F60;}
.ore_crusher_list dd h2 a:hover { color:#333; text-decoration:underline;}

.onlinesupport { float:right; width:120px; height:auto; line-height:30px; text-align:center; color:#F00; margin-right:10px; border:1px outset #dedede; background-color:#CCC; cursor:pointer;}
.getprice { float:left; margin-left:15px; color:#F00; cursor:pointer; line-height:28px; padding:0;}
.relate_products { float:left; width:731px; height:auto;}
.relate_products h2 { font-weight:bold; font-size:14px; line-height:30px; cursor:pointer; color:#F63;}
.relate_products dl { float:left; width:731px; height:auto; text-transform:capitalize;}
.relate_products dl dt { float:left; width:731px; height:auto; font-size:12px; font-weight:bold;}
.relate_products dl dd { float:left; width:243px; height:auto; line-height:16px; padding:4px 0;}
.relate_products dl dd a { text-decoration:underline;}
.relate_products dl dd a:hover { text-decoration:none; color:#F60;}

.recommend_ore { float:left; width:731px; height:auto;}
.recommend_ore li { float:left; width:170px; height:auto; padding:6px;}
.recommend_ore li img { width:160px; height:120px; border:1px solid #dedede; padding:4px;}
.recommend_ore li h3 { font-size:12px; line-height:14px; font-weight:bold; text-align:center;}
.recommend_ore li h3 a { color:#F60; text-decoration:none;}
.recommend_ore li h3 a:hover { color:#333; text-decoration:underline;}