body{ background-image: url(../images/pattern.jpg); font-family: Arial; margin: 0; font-size: 14px; color: black; }
img{ border: 0; }

div.top{ background-image: url(../images/alpha.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999; display: block; }
div.frame{ position: relative; margin-top: 100px; width: 750px; height: 310px; padding: 60px 25px 30px 25px; background-image: url(../images/news.png); }
div.frame a.close{ position: absolute; top: 10px; right: 20px; width: 55px; height: 20px; }
div.content{ overflow: auto; width: 750px; height: 310px; text-align: justify; font-size: 13px; color: black; }
div.content a{ color: red; }
div.content a:hover{ color: blue; } 

div.container{ position: relative; width: 960px; height: auto; overflow: auto; margin-left: auto; margin-right: auto; text-align: left; margin-bottom: 30px; margin-top: 20px; }

div.p_search{ width: 282px; height: 36px; display: block; margin-bottom: 15px; text-align: right; margin-left: 678px; text-align: left; display: block;
background-image: url(../images/search_box.png); background-repeat: no-repeat; background-position: top left; }
div.search input.txt{ margin: 8px 0 0 30px; border: 0; font-size: 12px; width: 200px; height: 20px; float: left; }
div.search input.btn{ background-image: url(../images/search_btn.png); border: 0; width: 43px; height: 36px; cursor: pointer; display: block; float: right; background-color: transparent;}
div.search input.btn:hover{ background-image: url(../images/search_btn_over.png); }

div.p_headnav{ height: 35px; width: 960px; display: block; background-image: url(../images/home_top.png); }
div.p_headnav a.a1, div.p_headnav a.a2, div.p_headnav a.a3{ display: block; width: 110px; height: 30px; cursor: pointer; margin-top: 5px; }
div.p_headnav a.a1, div.p_headnav a.a2{ float: left; margin-left: 10px; }
div.p_headnav a.a1{ background-image: url(../images/home_nav_home.png); }
div.p_headnav a.a1:hover{ background-image: url(../images/home_nav_home_over.png); }
div.p_headnav a.a2{ background-image: url(../images/home_nav_news.png); }
div.p_headnav a.a2:hover{ background-image: url(../images/home_nav_news_over.png); }
div.p_headnav a.a3{ background-image: url(../images/home_nav_login.png); float: right; margin-right: 10px; }
div.p_headnav a.a3:hover{ background-image: url(../images/home_nav_login_over.png); }

div.p_slide{ display: block; width: 958px; height: 400px; border: 1px solid black; position: relative; background: white; z-index: 9; position: relative; overflow: hidden; }
.yui-overlay{ z-index: 1; }
div.logo{ background-image: url(../images/logo_small.png); width: 200px; height: 147px; display: block; top: 10px; left: 10px; position: absolute; z-index: 9999; }
div.slogan{ background-image: url(../images/ok_small.png); width: 210px; height: 72px; display: block; right: 10px; bottom: 10px; position: absolute; z-index: 9999; }

div.p_midnav{ display: block; width: 960px; height: 30px; background-image: url(../images/home_mid.png); }
div.p_midnav a{ width: 110px; height: 25px; display: block; float: left; background-image: url(../images/home_nav_mid.png); color: white; font-size: 12px; 
text-decoration: none; margin-left: 10px; margin-top: 5px; font-weight: bold; }
div.p_midnav a:hover{ background-image: url(../images/home_nav_mid_over.png); color: black; }
div.p_midnav a span{ padding: 4px 0 0 35px; display: block; }

div.p_title{ background-image: url(../images/home_title.png); height: 30px; width: 960px; }
div.p_title span{ margin-left: 10px; margin-top: 8px; display: block; width: 470px; font-size: 14px; color: black; float: left; font-weight : bold; }

div.p_menu{ background-image: url(../images/home_area.png); height: 170px; width: 960px; display: block; }
div.p_menu span{ padding: 20px; display: block; width: 440px; height: 130px; float: left; }
div.p_menu a{ display: block; margin-bottom: 10px; padding-left: 15px; background-image: url(../images/arrow.png); text-decoration: none; color: black; font-size: 15px; 
background-repeat: no-repeat; background-position: left center; }
div.p_menu a:hover{ color: red; }

div.p_footer{ background-image: url(../images/foot_gradient.png); height: 170px; width: 100%; padding: 10px 0 10px 0; font-size: 12px; }
div.p_footer a{ color: black; }
div.p_footer a:hover{ color: white; }

/*---------------------------------------------------------------------------------------------------------------------------------*/
/* SLIDESHOW */
div.slide_container{ width: 958px; height: 400px; display: block; position:relative; margin-left: auto; margin-right: auto; z-index : 5; }
div.slide_container table{ z-index : 1; }
div.slide_area{ width: 958px; height: 400px; display: block; overflow: hidden; z-index: 3; }
div:hover.slide_area{ color:black; }
a.btnl{ width: 46px; height:50px; display: block; cursor: pointer; background-image: url(../images/slide_left.png); position: absolute; top: 200px; left: 0; z-index: 9999;}
a.btnr{ width: 46px; height:50px; display: block; cursor: pointer; background-image: url(../images/slide_right.png); position: absolute; top: 200px; right: 0; z-index: 9999;}
a:hover.btnl{ background-image: url(../images/slide_left_over.png); z-index: 9999;}
a:hover.btnr{ background-image: url(../images/slide_right_over.png); z-index: 9999; }
#slider{ height: 340px; width: auto; z-index: 1;}

/*---------------------------------------------------------------------------------------------------------------------------------*/
/* BLOCKS */
div.home_blocks{ margin-top: 20px; height: auto; width: 960px; overflow-y: auto; }
div.block{width: 280px; padding: 9px; height: auto; display: block; overflow: auto; border: 1px solid black; background: white; min-height: 565px;}
div.block_head{ background-image: url(../images/home_box_t.png); height: 15px; width: 300px; display: block; }
div.block_foot{ background-image: url(../images/home_box_b.png); height: 10px; width: 300px; display: block; }

/*---------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE */
b.title{ font-size: 18px; width: 670px; display: block; padding: 0 0 5px 0; border-bottom: 1px solid black;}
a{ color: black; }
a:hover{ color: red; }

div.submenu{ position: absolute;  left: 0; top: 115px; width: 940px; height: 30px; padding: 10px; background: red; display: block; background-image: url(../images/submenu.png);}
div.submenu:hover { display: block; }
div.submenu a{ padding: 5px 10px 0 20px; display: block; float: right; height: 20px; font-size: 14px; font-weight: bold; text-decoration: none; color: white; }
div.submenu a:hover{ color: yellow; }

div.page_container{ width: 958px; border-left: 1px solid black; border-right: 1px solid black; background: white; text-align: left; height: auto; overflow: auto; }
div.page_container_foot{ margin-bottom: 30px; background-image: url(../images/page_foot.png); height: 20px; width: 960px; display: block; background-position: bottom center; }

div.p_frame{ width: 670px; height: 670px; background-image: url(../images/frame.png); display: block; position: relative; }
div.p_frame a.back{ width: 60px; height: 43px; display: block; background-image: url(../images/p_back.png); cursor: pointer; position: absolute; top: 20px; left: 20px; }
div.p_frame a:hover.back{ background-image: url(../images/p_back_over.png); }

div.p_frame div.lang{ position: absolute; right: 20px; top: 20px; display: block; width: 160px; height: 30px; }
div.p_frame div.lang a.en, div.p_frame div.lang a.bm, div.lang2 a.en, div.lang2 a.bm{ width: 80px; height: 30px; cursor: pointer; float: left; display: block; }
div.p_frame div.lang a.en, div.lang2 a.en{ background-image: url(../images/p_en.png); }
div.p_frame div.lang a:hover.en, div.p_frame div.lang a.ena, div.lang2 a:hover.en, div.lang2 a.ena{ background-image: url(../images/p_en_over.png); }
div.p_frame div.lang a.bm, div.lang2 a.bm{ background-image: url(../images/p_bm.png); }
div.p_frame div.lang a:hover.bm, div.p_frame div.lang a.bma, div.lang2 a:hover.bm, div.lang2 a.bma{ background-image: url(../images/p_bm_over.png); }

div.lang2{ margin-bottom: 10px; float: right; display: block; width: 160px; height: 30px; }

.right_box{ width: 270px; overflow: auto; height: auto; display: block; margin-top: 15px; }
.right_box div.cnt{ width: 250px; padding: 10px; height: auto; overflow: auto; color: black; font-size: 11px; }
div.cnt a{ color: black; text-decoration: underline; font-size: 11px; }
div.cnt a:hover{ color: red; }
.right_box b{ padding: 7px 10px 0 10px; margin-bottom: 10px; height: 23px; font-size: 12px; color: white; display: block; text-align: right; width: 250px; background-image: url(../images/right_t.png); }
div.r_foot{ width: 250px; height: 5px; }

/*---------------------------------------------------------------------------------------------------------------------------------*/
div.p_box { width: 670px; padding-top: 7px; height: auto; overflow: auto; display: block; text-align: left;
background-image:url(../images/content_t.png); background-repeat: no-repeat; background-position: center top;}
div.p_box span { display: block; font-size: 12px; padding-left: 10px; color: white;}
div.p_box_foot{ width: 670px; height: 10px; display: block; margin-bottom: 20px; }
div.p_box div{ width:650px; padding: 9px; height: auto; overflow: auto; display: block; }
div.p_box div a.p_item{text-decoration: none; display: block; float: left; width: 148px; height: 188px; padding: 1px; text-align: center;
background-image: url(../images/item.png); margin-bottom: 10px; color: white; font-size: 11px;}
div.p_box div a.p_item:hover{ background-image: url(../images/item_over.png); }
div.p_box div a.p_item2{ text-decoration: none; border: 1px solid black; padding: 9px; margin: 5px; display: block; float: left; width: 180px; font-size: 12px; background: #ccc; color: black;}
div.p_box div a.p_item2:hover{ background: #eee; }
a.p_item2 font{ height: 37px; display: block; margin-bottom: 5px; }
b.vid{ width: 280px; padding: 10px; margin: 5px; display:block; height: auto; float: left; background: #ccc; color: black; border: 1px solid black; }
#flash{ padding: 0; }
/*---------------------------------------------------------------------------------------------------------------------------------*/
a.pro_cat, a.pro_cat_over{ font-size: 11px; display: block; padding: 7px 0 0 7px; width: 113px; height: 23px; margin-right: 2px; float: left; text-decoration: none;}
a.pro_cat { background-image: url(../images/cat.png); color: black; }
a.pro_cat_over, a:hover.pro_cat { background-image: url(../images/cat_over.png); color: white; }

div.pro_cat_list{ padding: 10px; width: 230px; background: #eee; font-size: 11px; position: absolute; top: 0; left: 0;}
a.pro_cat_item, a.pro_cat_item_over { padding: 5px 0 5px 0; border-bottom: 1px solid #666; display: block; height: 50px; width: 230px; text-decoration: none;}
a.pro_cat_item{  color: black; }
a.pro_cat_item img{ border: 0; }
a.pro_cat_item_over, a:hover.pro_cat_item{ color: red; }

div.pro_cat_view{ position: absolute; top: 0; left: 0; }

/*---------------------------------------------------------------------------------------------------------------------------------*/

div.map{ }
div.map li{ padding: 5px; }
div.map ul{ font-weight: bold; }
div.map ul ul ul{ font-weight: normal; }
div.map a{ text-decoration: none; }

.foot_nav a{ text-decoration: none; }

.search_result a{ text-decoration: none; }