@charset "utf-8";

/* CSS Document */

*{margin:0px; padding:0px;}

ul{list-style-type:none;} a{text-decoration:none;}

address{font-size:12px;}

body{font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) #FFF repeat-x;}

#layout{margin:auto; width:780px;}

#banner{height:104px; width:780px;}

#banner #logo{float:left; width:71px; border:0px; margin:24px 0px 0px 23px;}

#banner #slogan{float:left; width:273px; margin:41px 0px 0px 9px;}

#banner #slogan h1{color:#32365a; font-size:23px;}

#banner #slogan h2{color:#869db4; font-size:15px;}

#banner #lang{float:left; width:240px; margin:41px 0px 0px 160px;}

#banner #lang form{height:25px; line-height:25px; position:relative;}

#banner #lang #search{border:1px solid #777777; margin-left:24px; height:22px;}

#banner #lang #ok{background:url(../images/search.png); width:25px; height:25px; border:0px; position:absolute;}

#banner #lang #img{margin-left:164px;}

#banner #lang #img img{border:0px;}

#nav{background:url(../images/nav_bg.jpg); height:48px; width:780px; line-height:48px;}

#nav ul{margin-left:80px;}

#nav ul li{display:inline; float:left; margin-right:60px; position: relative;}

#nav ul li a{color:#32365a; font-size:12px; font-weight:bold;}



#nav ul li a:hover{color:#ff9421;}



#flash{width:770px; height:187px; margin:6px 0px 0px 5px; clear:left;}



#main{width:770px;  margin:14px 0px 0px 5px;}



#main #left{float:left; width:562px; margin-bottom:30px;}



#main #left #intro{width:545px; margin-left:15px;}



#main #left #intro h1{color:#32365a; font-size:24px;}



#main #left #intro h2{color:#626262; font-size:13px; margin-top:7px;}



#main #left #intro p{font-size:12px; font-weight:600; text-align:justify; margin-top:15px; margin-right:15px;}



#main #left #news{width:562px; margin-top:23px;}



#main #left #news h1{height:29px; background:#bcc4ce; font-size:14px; color:#32365a; line-height:29px; padding-left:15px; margin-right:15px;}



#main #left #news #block{float:left; width:547px; text-align:justify; font-size:12px; background:#ebf3f3;}



#main #left #news #block a{color:#ff9421; text-decoration:underline; margin:0px 0px 0px 134px;}



#main #left #news #block .clear{height:15px;}



#main #left #news #block a:hover{color:#C30;}



#main #left #news .block1{float:left; width:182px;}



#main #left #news .block1 p{margin:14px 10px 5px 10px;}



#main #left #hot_product{float:left; width:562px; margin:23px 0px 0px 0px;}



#main #left #hot_product .block1{float:left; width:124px; margin:0px 0px 0px 10px;text-align:center;}



#main #left #hot_product .block1 a{font-size:12px; color:#32365a;}



#main #left #hot_product .block1 a:hover{color:#c30;}



#main #right{float:left; width:208px; margin-bottom:30px;}



#main #right #contact{width:208px; height:101px; background:url(../images/contact.jpg);}



#main #right #contact #phone{color:white; font-weight:bold; padding:48px 0px 0px 15px;}



#main #right #faqs{background:#eaebef; font-size:12px;}



#main #right #faqs h1{font-size:15px; color:#32365a; height:39px; line-height:39px; padding-left:10px;}



#main #right #faqs #spre{width:208px; height:4px; background:#aaadbd;}



#main #right #faqs .question{background:#d7d9e0;}



#main #right #faqs .question a{color:#464646; font-weight:bold; padding:10px 10px 10px 10px;text-align:justify; display:block;}

#main #right #faqs .question a:hover{color:#c30;}

#main #right #faqs .answer p{padding:10px 10px 10px 10px; text-align:justify;}



#foot{width:770px; border-top:1px solid #cdd6e5; clear:left; margin:0px 0px 0px 5px;}



#foot ul{margin:10px 0px 0px 10px;}



#foot p{margin:5px 0px 10px 10px; font-size:12px; color:#777777;}



#foot ul li{display:inline; float:left; color:#777777; margin-right:20px;}



#foot ul li a{font-size:12px; color:#777777; font-weight:bold;}



#foot ul li a:hover{color:#ff9421;}



/*1st sub level menu*/

#nav ul li .sub{

position: absolute;margin:-5px 0px 0px -50px;width:270px;display: none;visibility: hidden;background:  url(../images/sub_menu_bg.jpg) #e1e1e1 repeat-x;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;}



/* Sub level menu links style */

#nav ul li .sub li a{display: block;height:35px;line-height:35px;font-size:12px;font-weight:bold;text-align:left;padding:0px 0px 0px 30px;margin:0px 0px 0px 0px;width: 242px;}



#nav ul li .sub_intro{position: absolute;margin:-5px 0px 0px -50px;width:170px;display: none;visibility: hidden;background:  url(../images/sub_menu_bg.jpg) #e1e1e1 repeat-x;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;

}



#nav ul li .sub_intro li a{display: block;height:35px;line-height:35px;font-size:12px;font-weight:bold;text-align:left;padding:0px 0px 0px 30px;margin:0px 0px 0px 0px;width: 142px;}



#nav ul li .sub_vn{

position: absolute;margin:-5px 0px 0px -50px;width:220px;display: none;visibility: hidden;background:  url(../images/sub_menu_bg.jpg) #e1e1e1 repeat-x;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;}



/* Sub level menu links style */

#nav ul li .sub_vn li a{display: block;height:35px;line-height:35px;font-size:12px;font-weight:bold;text-align:left;padding:0px 0px 0px 30px;margin:0px 0px 0px 0px;width: 192px;}



#nav ul li .sub_intro_vn{position: absolute;margin:-5px 0px 0px -50px;width:190px;display: none;visibility: hidden;background:  url(../images/sub_menu_bg.jpg) #e1e1e1 repeat-x;border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;

}



#nav ul li .sub_intro_vn li a{display: block;height:35px;line-height:35px;font-size:12px;font-weight:bold;text-align:left;padding:0px 0px 0px 30px;margin:0px 0px 0px 0px;width: 162px;}



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}



#nav ul li .sub li a:hover{background:#CDCFD0;}

#nav ul li .sub_intro li a:hover{background:#CDCFD0;}

#nav ul li .sub_vn li a:hover{background:#CDCFD0;}

#nav ul li .sub_intro_vn li a:hover{background:#CDCFD0;}







/* Holly Hack for IE \*/

* html #nav{height: 1%;} /*Holly Hack for IE7 and below*/



* html #nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



/* View Category CSS */

#main #left_view_cate{float:left; width:213px; margin-bottom:30px;}



#main #left_view_cate #list_cate{width:206px; background: url(../images/sub_menu_bg.jpg) #e1e1e1 repeat-x; border:1px solid #b5b5b5;}



#main #left_view_cate #list_cate ul{margin:26px 20px 26px 23px;}

#main #left_view_cate #list_cate ul center a{color:#32365a; font-size:12px;}

#main #left_view_cate #list_cate ul center a:hover{color:#c30;}

#main #left_view_cate #list_cate ul li a{display:block; margin-bottom:16px; font-size:12px; color:#32365a; font-weight:bold;}



#main #left_view_cate #list_cate ul li a:hover{color:#ff9421;}



#main #left_view_cate #contact{width:208px; height:101px; background:url(../images/contact.jpg); margin-top:14px;}



#main #left_view_cate #contact #phone{color:white; font-weight:bold; padding:48px 0px 0px 15px;}



#main #right_view_cate{float:left; width:532px; margin:0px 0px 30px 25px;}



#main #right_view_cate #article h1{color:#32365a; font-size:24px; font-variant:small-caps;}



#main #right_view_cate #article h2{color:#626262; font-size:13px; margin-top:7px;}

#main #right_view_cate #article a{color:#32365a; font-size:12px;}

#main #right_view_cate #article h3{color:#626262; font-size:13px;}

#main #right_view_cate #article .result{margin-top:-10px; margin-bottom:10px;}

#main #right_view_cate #article a:hover{color:#c30;}



/* list news */



#main #right_view_cate #article .article_news{float:left; width:530px; margin:0px 0px 10px 0px;}



#main #right_view_cate #article .article_news img{border:2px solid #32365a; margin-right:5px;}



#main #right_view_cate #article .article_news h1{font-size:16px;}



#main #right_view_cate #article .article_news a{font-size:12px; color:#32365a; margin-left:460px;}



#main #right_view_cate #article center a{font-size:12px; font-weight:bold; color:#32365a;}



#main #right_view_cate #article center a:hover{color:#C30;}



#main #right_view_cate #article .article_news a:hover{color:#C30;}



#main #right_view_cate #article .article_news p{font-size:12px; margin-right:5px;}



#main #right_view_cate #article .article_spre{clear:left;}



/* end list news */



/* Form Contact */



#main #right_view_cate #article form{border-top:2px solid #f26522; width:500px; margin-top:8px;}



#main #right_view_cate #article  form label{float:left; width:150px; margin-top:7px; font-size:12px; font-weight:bold;}



#main #right_view_cate #article  form .clear_left{clear:left;}



#main #right_view_cate #article form #email,#title{float:left;width:300px; height:25px; border:1px solid #32365a;  margin-top:7px;}



#main #right_view_cate #article  form #info{width:300px; height:100px; border:1px solid #32365a;  margin-top:7px;}



#main #right_view_cate #article  form #input{float:left;height:30px; width:303px;}



#main #right_view_cate #article form #send{background:url(../images/submit_q_bg.jpg); width:82px; height:25px; border:0px; padding-bottom:3px; float:left; margin-right:3px; margin-top:8px;}



#main #right_view_cate #article  form #captcha{width:110px; height:25px; border:1px solid #32365a; float:left; margin-top:7px; margin-right:3px;}



#main #right_view_cate #article  form img{margin-top:7px; float:left; margin-right:3px;}



#main #right_view_cate #article #error{font-size:12px; color:#900; width:500px; margin-top:20px; border-top:2px solid #f26522;

padding-top:8px;}



/* end form contact */

#main #right_view_cate #article {text-align:justify;}

#main #right_view_cate #product #cate{margin:0px 15px 0px 0px; border-bottom:1px solid #32365a;}



#main #right_view_cate #product #cate h1{color:#32365a; font-size:30px; font-variant:small-caps;}



#main #right_view_cate #product #cate h2{color:#626262; font-size:13px; margin-top:7px; margin-bottom:5px;}



#main #right_view_cate #product #show{margin:7px 0px 0px 0px;}



#main #right_view_cate #product #show .block{float:left; width:250px; border:1px solid #32365a; margin:5px 13px 0px 0px;}



#main #right_view_cate #product #show .block img{margin:7px; border:2px solid #32365a;}



#main #right_view_cate #product #show .block h1{font-size:16px; color:#32365a; margin:7px;}



#main #right_view_cate #product #show .block h2{font-size:12px; color:#32365a; margin:7px;}



#main #right_view_cate #product #show .block a{color:#ff9421; font-size:12px; padding-left:60px;}



#main #right_view_cate #product #show .block a:hover{color:#C30;}



#main #right_view_cate #product #show center{clear:left;padding-top:10px;}



#main #right_view_cate #product #show center a{color:#32365a; font-size:12px; font-weight:bold;}



#main #right_view_cate #product #show center a:hover{color:#C30;}



#main #right_view_cate #product #show_detail{margin:7px 0px 0px 0px;}



#main #right_view_cate #product #show_detail .block{float:left; width:510px; font-size:12px; text-align:justify; color:#32365a;}



#main #right_view_cate #product #show_detail .block p{font-size:12px; text-align:justify; color:#32365a; margin:0px 0px 10px 7px;}



#main #right_view_cate #product #show_detail img{margin:7px; border:2px solid #32365a;}



#main #right_view_cate #product #show_detail h1{font-size:16px; color:#32365a; margin:7px;}



#main #right_view_cate #product #show_product{border-top:1px solid #32365a; clear:left; width:520px;}



#main #right_view_cate #product #show_product h2{font-size:13px; color:#32365a; margin:7px;}



#main #right_view_cate #product #show_product img{float:left; margin:0px 0px 0px 7px; border:2px solid #32365a;}



#main #right_view_cate #article p{font-size:12px; text-align:justify; margin-top:15px; margin-right:15px;}



#nav ul li a{color:#32365a; font-size:12px; font-weight:bold;}

/* CSS tooltip */

.info {
    display: none;
    position:absolute; z-index:100;
}