/* CSS Document */

ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, div, p, blockquote, fieldset, input, select, textarea, option, button {   
    margin: 0;
    padding: 0;
}

body{ background: none repeat scroll 0 0 #DCE3E9; color: #2C2C2C;font-family: verdana,Arial;font-size: 12px;}


ul, ol {
    list-style: none outside none;
}
a {
    color: #1F1F1F;
    text-decoration: none;
}
a:hover {  color:#FF6600;
}
li{ line-height:20px;} 

textarea{resize:none;}
a img, *:link img, *:visited img {
    border: medium none;
}
address {
    font-style: normal;
}

img{vertical-align: middle;}
em {
    color: #CCCCCC;
    font-style: normal;
    font-weight: normal;
}
.both {
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
h1,h2,h3,h4,h5,h6{font-family: "ºÚÌå"; font-weight:500;}
/*header*/
#hd_wrap{ background:url(../images/topbg.jpg) repeat-x; position:relative;height:72px; overflow:hidden}
#hd_wrap .header{ margin: 0 auto; width: 1002px; height:73px;}
#hd_wrap .header .logo{float:left;margin-top:0px;width:304px; height:68px; background:url(../images/logo.jpg) no-repeat} 
#hd_wrap .header .nav{ float:right; width:676px; margin-top:10px;}
#hd_wrap .header .nav li{ float:left; padding-left:3px;}
#hd_wrap .header .nav li a{ padd ing:0px 18px;width:90px;;height:55px; text-align:center; line-height:55px;color:#fff;font-size: 14px; font-weight:bold; display:block;}
#hd_wrap .header .nav li a:hover,#hd_wrap .header .nav li a.curr{background: url("../images/nav_hover.jpg") no-repeat scroll center center transparent; font-weight:bold}

/*product class*/
.top_product_class{ width:980px; height:235px; background:url(../images/banner.jpg) no-repeat top center; margin:0 auto; position:relative; display:block; overflow:hidden}
.top_product_class ul li{ margin-top:154px; background:url(../images/pro_list_bg.gif) repeat-x;width:194px; border-right:2px solid #DCE3E9; height:62px; float:left; vertical-align:middle; line-height:140%; overflow:hidden}
.top_product_class ul li a{font-size:14px; display:block;}
.top_product_class ul li a img{border:1px solid #ccc;width:60px;height:42px;}
.top_product_class ul li a:hover{color:#FF6600; text-decoration:underline;}

/*you are here*/
.location{ background:url(../images/nav_location.jpg) repeat-x ;height:49px;   margin-bottom:4px; padding-left:10px; }
.nav_location{padding-left:5px;line-height:49px; float:left}
.nav_location span{ font-weight:bold; padding-right:10px; }
.location .top_search{ float:right; margin-right:15px;}
.location .top_search input.search_input{ background:url(../images/search_input1.jpg) no-repeat; padding: 0 10px 0 18px;height:48px; width:185px; border:none; font-family: 'PT Sans Narrow',arial,serif; color:#999; line-height:48px;}
.location .top_search input.onfocus{background:url(../images/search_input2.jpg);  color:#414A5B}
.location .top_search input.searchbutton{background:url(../images/search_button.png) no-repeat 0 7px; height:48px;width:32px; border:none; cursor:pointer;text-indent:-9999px;}

/*seperate*/
.modhdg1{background-color: #E9E9E9;height: 4px; _line-height:2px;}
.modhdg2{background-color: #BFDFAE; height: 4px;width: 130px;_line-height:2px;_height:2px;}
.modhdg3{border-left: 6px solid #BFDFAE; height: 4px; margin-left: 135px;_line-height:2px;_height:2px;}
.modhdg4{background-color: #88C25D;height: 4px;width: 50px;_line-height:2px;_height:2px;}
.modhdg5{border-left: 4px solid #88C25D; height: 4px; margin-left: 52px;_line-height:2px;_height:2px;}
.modhdg6{background-color: #eb6100;height: 4px;width: 50px;_line-height:2px;_height:2px;}
.modhdg7{border-left: 4px solid #eb6100; height: 4px; margin-left: 52px;_line-height:2px;_height:2px;}

 /*showpage*/
.showpage{ padding:30px 0; text-align:center; clear:both }
.showpage span{background: -moz-linear-gradient(center top , #FAFAFA 0%, #ECEBEB 100%) repeat scroll 0 0 transparent;
    border-color: #FAFAFA #CCCCCC #CCCCCC #FAFAFA;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    display: inline;
    line-height: 24px;
    margin: 2px;
    padding: 2px 5px;
    text-align: center;}
.showpage span:hover{background-color: #ECEBEB;
    background-image: -moz-linear-gradient(center top , #FAFAFA, #ECEBEB);
    box-shadow: 0 0 1px #999999;}	
span.current_page{color:#06c; font-weight:bold;}

/*footer*/
.footer_page{ background:#ADD597; background:url(../images/gg.jpg) repeat-x; height:50px;  width:100%; position:relative;}
.copyright{ width:950px; margin:0 auto;color:#E4F1DE; padding-top:15px; position:relative}
.copyright a{color:#E4F1DE;}
.copyright .to_top{ position:absolute;right:0px;top:0px}